Introduction au développement pour smartphone

Pour développer une application mobile, on a d'abord un très grand embarras du choix.

Même en privilégiant les solutions multiplateformes, faciles, pas chères et open source il reste encore des candidats. Faute d'avoir le temps de tout essayer je me suis décidé un peu arbitrairement pour phonegap et sencha touch.

Le cours a lieu sur des machines windows. Il y a plein de logiciels à installer.

Phonegap

Phonegap permet de créer des applications pour mobile en utilisant html/css/javascript, et donne accès à des fonctionnalités du téléphone auxquelles une simple page web n'a pas accès.

Pour voir comment utiliser ces fonctionnalités, nous commençons par examiner le projet livré en exemple avec phonegap

Sencha touch

On peut construire soi-même son interface graphique à la main avec html/css, mais c'est plus pratique d'utiliser une librairie de composants graphiques comme sencha touch. Nous créons avec sencha touch une application qui affiche les contacts du téléphone.

Pour finir nous examinons une application dans un état plus avancé, mais qui est loin d'être finie. L'exercice constitue à décortiquer l'application, et à la compléter:

1. Mettre tout en haut la barre des taches qui est tout en bas.
2. Ajouter une rangée de boutons
3. Désactiver la fonctionnalité de chaque bouton et la remplacer par un alert.
4. Voir comment fonctionne l'enregistrement de données.
5. Voir comment l'application envoie des données ailleurs par ajax.
6. L'application n'est pas très belle, comment pourrait on l'améliorer?
   1. Créer une meilleure template pour afficher les rangées.
   2. Peut-on remplacer les boutons par du css/html fait à la main? (Je n'en suis pas sur. J'aimerais bien avoir une espèce de bouton qui reste appuyé en fonction de la rangée sélectionnée.
7. L'application ne fonctionne que pour un mois de l'année. Comment peut-on laisser l'utilisateur choisir le mois
   1. Choisir un composant graphique
   2. Ajouter un bouton qui appelle ce composant graphique
   3. Gérer l'affichage en fonction du mois
   4. Gérer la nouvelle donnée du mois pour l'enregistrement et l'envoi par ajax.