NOVAZEN > Nos Services > Développement Mobile

Développement Mobile

31% des utilisateurs de téléphone portable affirment utiliser essentiellement leur téléphone pour surfer sur Internet, et plus leur ordinateur de bureau ou leur laptop

En 2013, on comptait plus de 100 milliard d’applications mobiles téléchargées. Le nombre de mobinautes est en train d’exploser. Il devient donc urgent pour chaque entreprise qui se veut moderne et ambitieuse d’offrir à ses clients et prospects une expérience mobile unique.

Afin d’accompagner ses clients et partenaires dans cette nouvelle ère du tout mobile, Novazen s’est spécialisé dans les technologies pointues dans le domaine.

Ainsi plusieurs offres sont disponibles pour nos clients en local comme en sous-traitance offshore.

Application web Mobile (HTML 5 Apps)

Grâce au HTML5 et aux frameworks javascript moderne tel que AngularJS, Twitter bootsrap nous produisons pour vous des application web qui s’adaptent parfaitement aux terminaux mobiles ( Smarphones et tablettes)

Application Mobile Hybride

Vous souhaitez développer une application mobile qui fonctionne sur les principales plateformes du marché  que sont Android, IOS, Tizen, Firefox mobile… alors cette option vous conviendra certainement.

Grâce au puissant framework PhoneGap, nous saurons développer pour vous dans les délais record une application mobile efficace.

Application Mobile Native

Si votre projet mobile doit faire appel aux fonctionnalités avancées et nécessite des temps de réponses extrêmement rapide, alors il devient nécessaire de développer  une application différente pour chaque type d’appareil mobile. Ainsi on développera en  Xcode pour  IOS (Iphone et Ipad) ou Anroid pour les téléphones Android.
En fonction de votre projet, que ce soit en sous-traitance offshore ou en  directe, nous saurons vous  orienter vers la solution la mieux adapté

Création d’un projet Cordova / Phonegap 3.x sous windows

Introduction

Cordova originellement appelé Phonegap est un framework puissant qui permet de développer des applications mobiles hybrides multiplateformes (Android, IOS, Windows Phone…). A Novazen, nous l’utilisons souvent tant pour nos développements offsore que pour des entreprises locales.

Ce tutoriel est le premier d’une série ou l’on verra ensemble comment créer une application mobile efficace et performante avec PhoneGap. Dans cette première étape nous verrons ensemble comment créer un projet Phonegap sous windows.

Installation de NodeJS sous windows

NodeJs est une plateforme très populaire permettant de développer des applications serveur et console avec du Javascript. Il a été construit au-dessus du moteur Javascript V8 de Google. Pour en savoir plus sur NodeJs, vous pouvez consulter cet article du site openclassrooms.com.

L’équipe de développement de Cordova a choisi NodeJs pour gérer la création de projet et la gestion des dépendances entre les plugins. Elle a donc créé une interface en mode console pour la création d’application. C’est cette interface que nous utiliserons dans ce tutoriel et dans ceux qui suivront.

Pour installer NodeJs, se rendre sur site à l’adresse http://nodejs.org/ et cliquer sur le lien installé (voir la figure ci-dessous) pour télécharger le setup. A la fin du téléchargement, double cliquez sur le setup et laissez-vous guider.

Création du projet

Une fois NodeJs disponible sur notre système, nous devons installer tous les utilitaires Cordova nécessaires à la création de notre projet. Pour le faire il suffit de lancer l’invite de commande windows et taper la commande suivante

> npm install -g cordova

npm (NodeJs packet manager) étant le gestionnaire des paquets pour NodeJS.

Parmi les utilitaires fournis nous avons les commandes ci-dessous

> cordova create // permet de créer un nouveau projet
> cordova platform add // permet d’ajouter une plateforme (android, ios …
> cordova build // Permet compiler le projet
> cordova emulate // permet de lancer notre projet dans un émulateur

La création du projet devient ensuite un jeu d’enfant. Il faut tout simplement se positionner à partir de la console dans le dossier qui contiendra notre projet et de saisir la commande ci-dessous

> cordova create net.novazen.monprojet MonProjet

Après avoir créé ce dossier l’arborescence de notre projet se présentera comme ci-dessous :

|-- merges
|-- package.json
|-- platforms
|-- plugins
`-- www
    |-- config.xml
    |-- css
    |   `-- index.css
    |-- img
    |   `-- cordova.png
    |-- index.html
    |-- js
    |   `-- index.js
    |-- res
    |   |-- icon
    |   |   |-- cordova_128.png
    |   |   |-- cordova_16.png
    |   |   |-- cordova_24.png
    |   |   |-- cordova_256.png
    |   |   |-- cordova_32.png
    |   |   |-- cordova_48.png
    |   |   |-- cordova_512.png
    |   |   |-- cordova_64.png
    |   |   |-- cordova_android_36.png
    |   |   |-- cordova_android_48.png
    |   |   |-- cordova_android_72.png
    |   |   |-- cordova_android_96.png
    |   |   |-- cordova_bb_80.png
    |   |   |-- cordova_ios_114.png
    |   |   |-- cordova_ios_144.png
    |   |   |-- cordova_ios_57.png
    |   |   `-- cordova_ios_72.png
    |   `-- screen
    |       |-- android_hdpi_landscape.png
    |       |-- android_hdpi_portrait.png
    |       |-- android_ldpi_landscape.png
    |       |-- android_ldpi_portrait.png
    |       |-- android_mdpi_landscape.png
    |       |-- android_mdpi_portrait.png
    |       |-- android_xhdpi_landscape.png
    |       |-- android_xhdpi_portrait.png
    |       |-- blackberry_transparent_300.png
    |       |-- blackberry_transparent_400.png
    |       |-- ipad_landscape.png
    |       |-- ipad_portrait.png
    |       |-- ipad_retina_landscape.png
    |       |-- ipad_retina_portrait.png
    |       |-- iphone_landscape.png
    |       |-- iphone_portrait.png
    |       |-- iphone_retina_landscape.png
    |       |-- iphone_retina_portrait.png
    |       `-- windows_phone_portrait.jpg
    |-- spec
    |   |-- helper.js
    |   |-- index.js
    |   `-- lib
    |       `-- jasmine-1.2.0
    |           |-- MIT.LICENSE
    |           |-- jasmine-html.js
    |           |-- jasmine.css
    |           `-- jasmine.js
    `-- spec.html

  1. «www», contient le modèle d’un projet standard de PhoneGap.
  2. « plugins» contiendra les différents plugins que nous pourrons installer.
  3. « platforms» recevra les éléments relatifs à chaque plateforme que nous voudrons ajouter par la suite.
  4. « merges» contient le code spécifique à chaque plateforme qui sera exploité en fonction de la plateforme cible lors de la compilation.

Conclusion

Vous venez de créer votre premier projet Cordova. Nous verrons dans la suite comment utiliser les commandes suivantes pour ajouter une plateforme et compiler votre projet.

Un projet de développement mobile offhsore ou locale? Alors contactez nous!

 

Nos Services

Besoin d'aide ?

N’hésitez pas à nous contacter. Nous reviendrons vers vous dans les plus bref délais. Ou appelez-nous maintenant !

(+237) 242 00 87 30
contact@novazen.net

Obtenir un devis

Share This