Conception et transformation d'une application web en application mobile

CHAPITRE TROISIEME : LES PARAMETRAGES

III.1. INTRODUCTION

La réalisation normale de l'application Android fait toujours peur et beaucoup de personne ne veut pas l'affronter car elle demande la connaissance de java applicable aux Android et que parfois les utilisateurs des anciennes versions de java sont astreints à se documenter ardemment pour y parvenir. Alors les développeurs qui se sont sacrifiés au développement des applications statiques et celles des applications dynamiques en passant par les serveurs reconnaissant les scripts PHP restent loin et meurt de peur. Alors pour pallier à ces vicissitudes il y a de ces informaticiens qui se sont mis en ensemble dans le but de nous produire des Framework qui facilitent les développeurs usant le serveur comprenant aisément les scripts PHP. C'est ainsi que durant nos recherches nous sous sommes retrouvé devant un amalgame des Framework qui pourront nous faciliter de réaliser les mêmes fin et ainsi, faciliter la réalisation des applications web desktop à être transformé en application mobile de n'importe quelle plateforme selon son choix. De ces diverse frame-Works nous pouvons citer entre autres :

III.1.1 PhoneGap²²

PhoneGap est un Framework libre basée principalement sur HTML5, CSS3 et JavaScript qui permet le développement multiplateforme mobile. En effet, ce Framework peut être déployé sur sept plateformes différentes et il permet aussi un accès aux fonctions de bas niveau. En effet son fonctionnement basée sur des outils de développement web, nous permet d'accéder à des fonctions natives des appareils mobiles telles que la caméra, la géolocalisation, les contacts etc. PhoneGap peut aussi être associé à d'autres technologies telles que : Sencha touch, Appmobi, Netbiscuits etc.

²² http://www.phonegap.com

Genève 2012.

51

Même si PhoneGap apporte un énorme plus au développement d'applications web mobiles, ce n'est pas encore suffisant pour prétendre au vrai niveau du natif. Tout d'abord, « cela ne ressemble pas à du natif même avec l'utilisation des Framework comme JQuery et Sencha Touch, nous ne parvenons pas à paraitre exactement comme une application native. Ensuite, de vraies limitations existent. Par exemple au niveau de la base de données. Nous n'avons encore accès qu'à la version HTML5. Même si nous avons accès au système de fichiers, qui lui n'est pas limité, nous manquons de moyens lorsque nous sommes en mode déconnecté. Finalement la webview reste moins performant qu'une application totalement native »23

Apache Cordova, est le nom qui a été donné à PhoneGap depuis le rachat de ce dernier par Adobe.

23 IBRAHIMA AMAR DIAGNE, le développement multiplateforme mobile, MEMOIRE Inédit, Haute École de Gestion de

52

III.1.2. Appcelerator Titanium²⁴

Titanium mobile est un Framework qui permet de développer des applications pour Android et IOS (bientôt pour Blackberry OS). Le code des applications est écrit en JavaScript et Titanium fournit des API pour interagir avec le téléphone mais aussi pour la création de l'interface utilisateur (UI). Les ressources telles que les fichiers HTML, CSS et JavaScript sont utilisés par Titanium et sont combinés avec les APIs permettant d'accéder aux fonctions natives de l'appareil pour enfin générer une application que nous pourrons ensuite installer sur un simulateur ou un appareil fonctionnel. Il existe une autre variante de ce framework : Titanium Desktop qui lui est orienté vers les applications pour ordinateurs.

III.1.3 Rhodes²⁵

Rhodes est le Framework que propose Rho mobile pour le développement d'applications mobiles. Le développement se fait dans Eclipse à l'aide du plugin "Rho Studio" et du debugger "Rho Debugger" à installer sur l'appareil de test. Une application "Rhodes" est une application hybride de type Ruby On Rails pouvant accéder à certains widgets et aux ressources matérielles

24 IBRAHIMA AMAR DIAGNE, le développement multiplateforme mobile, MEMOIRE Inédit, Haute École de Gestion de

Genève 2012.

²⁵ Idem

²⁶ www.nodejs.com

53

des appareils. On peut le combiner avec un Framework HTML tel que Sencha pour compléter les éléments graphiques qu'il propose.

Tout compte fait, nous allons beaucoup plus nous borner sur le développement d'une application en utilisant le Framework PhoneGap et voir comment on peut y intégrer les autres particules afin de réaliser des applications Android à partir de scripts PHP afin de communiquer nos bases des données chose qui semblent un peu complexe avec cette technologie et ce Framework dans des années passés.

III.2. ENVIRONNEMENT DE TRAVAIL ET TECHNOLOGIE UTILISEE

Les outils à utiliser sont nombreux mais un avantage ils sont gratuits en générale. Mais ne soyez pas ahuri des multiples éléments que nous allons utiliser dans le but de réaliser ces applications sans autres difficultés.

III.2.1. NODEJS²⁶

Node.js est une plateforme de développement JavaScript. Ce n'est pas un serveur, ce n'est pas un Framework, c'est juste le langage JavaScript avec des bibliothèques permettant de réaliser des actions comme écrire sur la sortie standard, ouvrir/fermer des connections réseau ou encore créer un fichier. Il est souvent confondu avec un serveur car c'est son origine : Node.js a été créé par Ryan Dahl dans le but de pouvoir créer des applications temps réel où le serveur est capable de pousser de l'information au client. C'est dans ce but qu'il utilise la bibliothèque libuv pour réaliser son modèle d'entrée sortie non bloquante.

54

Pourquoi utiliser Node.js ? Node.js peut être comparé à Python, Ruby, Java, PHP. Vous trouverez une multitude de comparatifs sur Internet. Node.js présente de nombreux intérêts: logiciel libre (licence MIT). Performance du moteur v8. Modèle non bloquant. Communauté très active. Système de paquet intégré (NPM). les grandes entreprises l'utilisent. Mais si j'ai craqué ce n'est pour aucune de ces raisons, elles m'ont simplement confortées dans mon choix. Non, en effet, j'ai choisi Node.js parce qu'il permet de faire du développement avec le langage Javascript. Le fait de passer d'un langage de programmation à l'autre est pénible. Autant rester dans un seul écosystème, et c'est un des arguments avancés par paypal dans son passage de Java à Node.js.

Comment installer Node.js ? Pour l'installer vous pouvez utiliser une des trois méthodes ci-dessous :

1. Utiliser votre gestionnaire de paquets (brew, macport, aptget, ...).

2. Utiliser un des binaires disponibles sur le site officiel dans la rubrique téléchargement de Node.js.

3. Compiler le code source (dans ce cas, vous savez déjà comment faire). Hello world Vo ici un exemple d'utilisation : comment faire un serveur http avec Node.js (exemple.js)

Processus d'installation²⁷

Voici la procedure en terme de fleches :

- Vous allez dans votre Navigateur vous entrez l'adresse de nodejs pour le moment c'est nodejs.org ;

- Une fois que vous y êtes vous cliquez sur INSTALL

²⁷ http://www.nodejs.com/

55

Et par là nodejs commence à télécharger la version correspondant à votre système d'exploitation.

- Une fois télécharger vous le chercher dans votre dossier téléchargement puis vous y double cliquer, puis vous suivez les indications que l'on vous présentera et vous serez entre d'accepter et de cocher puis vous allez cliquer sur finish mais une chose n'oublie pas de laisser le « Add to PATH » pour que les commandes se retrouvent au finish ²⁸dans le terminal donc au PATH de votre système ceci est tant possible s'une fois que vous êtes sur Windows que je serais en train de faire allusion à tous les temps.

- Appeler votre terminal ou votre invite de commandes : puis taper la commande

Puis vous appuyer la touche Enter puis il ira chercher des fichiers en lignes qui correspondent à la dernière version afin de les installer à votre système.

28 http://makinacorpus.com/blog/metier/2014/introductionanodejs

56

- A la fin, pour se rassurer dans l'invite de commande vous taper « cordova -version » en vue de vérifier si tout était bien installer.