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

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!