« Introduction au développement pour smartphone » : différence entre les versions
| Ligne 19 : | Ligne 19 : | ||
# Voir comment fonctionne l'enregistrement de données. | # Voir comment fonctionne l'enregistrement de données. | ||
# Voir comment l'application envoie des données ailleurs par ajax. | # Voir comment l'application envoie des données ailleurs par ajax. | ||
# L'application ne fonctionne que pour un mois de l'année. Comment peut-on laisser l'utilisateur choisir le mois | # L'application ne fonctionne que pour un mois de l'année. Comment peut-on laisser l'utilisateur choisir le mois | ||
## Choisir un composant graphique | ## Choisir un composant graphique | ||
| Ligne 27 : | Ligne 27 : | ||
# L'application n'est pas très belle, comment pourrait on l'améliorer? | # L'application n'est pas très belle, comment pourrait on l'améliorer? | ||
## Créer une meilleure template pour afficher les rangées. | ## Créer une meilleure template pour afficher les rangées. | ||
## 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 | ## 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.) | ||
Version du 2 décembre 2011 à 00:00
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:
- Mettre tout en haut la barre des taches qui est tout en bas.
- Ajouter une rangée de boutons
- Désactiver la fonctionnalité de chaque bouton et la remplacer par un alert.
- Voir comment fonctionne l'enregistrement de données.
- Voir comment l'application envoie des données ailleurs par ajax.
- L'application ne fonctionne que pour un mois de l'année. Comment peut-on laisser l'utilisateur choisir le mois
- Choisir un composant graphique
- Ajouter un bouton qui appelle ce composant graphique
- Gérer l'affichage en fonction du mois
- Gérer la nouvelle donnée du mois pour l'enregistrement et l'envoi par ajax.
- L'application n'est pas très belle, comment pourrait on l'améliorer?
- Créer une meilleure template pour afficher les rangées.
- 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.)