samedi 19 décembre 2015

Comment installer PhoneGap et créer votre première application pour mobiles


Depuis quelque temps je m'intéresse au développement pour mobiles et plus précisément pour Android et iOS.

Pour coder une application mobile, on peut le faire de deux manières, soit développer en code natif du mobile, soit créer une application hybride (html, css et JavaScript) qui sera ensuite portée sur chaque plateforme. Dans le premier cas, cela oblige à connaître le langage des trois environnements (Android, iOS et Windows Mobile).

PhoneGap permet de développer des applications hybrides et de les porter sur chaque plateforme mobile grâce à PhoneGap Build.

1. Installer Node.js

Node.js permet de disposer de la commande npm permettant d’installer des paquets ou des applications en ligne de commande.
Pour installer node.js, rendez-vous à cette adresse : https://nodejs.org/en/




Pour vérifier que l'installation s'est bien déroulée, lancer dans un Terminal la commande :
node -v

Ici, j'obtiens la version de node.js que je viens d'installer : 5.7.0

Vous pouvez exécuter la commande suivante pour afficher les paramètres de configuration actuels:
; cli configs 
user-agent = "npm/3.6.0 node/v5.7.0 darwin x64"

; node bin location = /usr/local/bin/node
; cwd = /Users/humandigitalis
; HOME = /Users/humandigitalis
; "npm config ls -l" to show all defaults.


2. Installer PhoneGap sur l’ordinateur

Ouvrir un terminal et utiliser la ligne de commande
sudo npm install –g phonegap

3. Créer l’application sur l’ordinateur

Toujours dans l’invite de commande, déplacez-vous à l’endroit où vous souhaitez créer le projet de votre application. Par exemple si vous voulez travailler sur le bureau, utilisez :
cd Desktop 
Puis
phonegap create myApp
myApp étant le nom de l’application que vous souhaitez créer.

4. Démarrer PhoneGap et ouvrir l’application

Lancer l'application PhoneGap et ouvrez votre projet d'application mobile :


5. Installer PhoneGap sur le mobile


Installer PhoneGap sur votre mobile. Il existe une version pour chaque plateforme. Vous la trouverez dans dans AppStore favoris.

Lancer PhoneGap sur votre mobile et connectez l’application à l’adresse communiquée par l’application de votre ordinateur.

 Si besoin saisir http://192.168.0.16:3000 puis Connect pour lancer l'émulateur.

Voici l'application. Vous pouvez maintenant apporter les modifications dans votre code et voir en direct le résultat sur votre mobile.

6. Générer l’application pour toutes les plateformes mobiles


Une fois que votre application est développée et prête à être diffusée, vous devez transformer votre application hybride en application utilisable sur Android, iOS et Windows Mobile. Pour ce faire rendez-vous sur le site PhoneGap Build pour générer le format de chaque plateforme mobile. Evidemment, vous pouvez très bien ne vouloir que l’application Android mais pas iOS. Aucun, problème c’est vous qui décidez J


J’espère que ce billet avec les étapes pour développer votre application mobile avec PhoneGap vous sera utile. N’hésitez-pas à commenter cet article…

samedi 12 décembre 2015

Comment forcer la fermeture d’une application sur votre Mac


Pour fermer une application sur votre Mac quand elle n'est pas figée, il suffit de sélectionner l’option Quitter dans le menu approprié. Si vous êtes adepte des raccourcis clavier, utiliser la combinaison Commande + Q.

Si l’application ne répond pas, vous avez deux possibilités pour forcer la fermeture d'une application sur votre Mac :
Choix 1 : dans le menu Apple, choisissez Forcer à quitter :



Choix 2 : appuyez sur les touches Commande + Option + Echap :


Sélectionnez l’application ne répondant pas dans la fenêtre "Forcer des applications à quitter", puis cliquez sur "Forcer à quitter".

samedi 5 décembre 2015

Tutoriel Apache Cordova - Créer sa première application


Lundi dernier je me suis rendu au HackingMonday à Tours pour une initiation à Apache Cordova. Cet environnement permet de mettre en place une application mobile pour Android, iOS et Windows mobile sans passer par un développement en langage natif pour chaque plateforme.

Dans ces vidéos de l'excellente chaîne YouTube de Grafikart nous verrons la structure HTML/CSS que l'on peut mettre en place pour créer une application mobile en utilisant Apache Cordova.
Comme d'habitude, c'est bien détaillé et on a toutes les étapes :

Tutoriel Apache Cordova - Installer et configurer Cordova

Tutoriel Apache Cordova : Créer l'application météo

Tutoriel Apache Cordova : Compiler sur android

Tutoriel Apache Cordova : Compiler sur iOS