« Introduction au développement pour smartphone » : différence entre les versions

De Wikilipo
Aller à la navigation Aller à la recherche
 
(4 versions intermédiaires par le même utilisateur non affichées)
Ligne 13 : Ligne 13 :
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 [[sencha touch contacts|application qui affiche les contacts du téléphone]].
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 [[sencha touch contacts|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:
Ces exemples tirés de la documentation sont très instructifs, mais il est temps de se confronter à la réalité pour essayer d'écrire une [[horaires de ma femme|application qui sert à quelque chose]].
# Mettre tout en haut la barre des taches qui est tout en bas.
 
# Ajouter une rangée de boutons
== Sinon ==
# Désactiver la fonctionnalité de chaque bouton et la remplacer par un alert.
 
# Voir comment fonctionne l'enregistrement de données.
Les navigateurs de smartphone sont tous plus ou moins compatibles avec html5. On peut profiter pour s'amuser avec l'élément [[canvas]]
# Voir comment l'application envoie des données ailleurs 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.
# 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.

Dernière version du 9 décembre 2011 à 09:37

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.

Ces exemples tirés de la documentation sont très instructifs, mais il est temps de se confronter à la réalité pour essayer d'écrire une application qui sert à quelque chose.

Sinon

Les navigateurs de smartphone sont tous plus ou moins compatibles avec html5. On peut profiter pour s'amuser avec l'élément canvas

Récupérée de « https://wikilipo.unige.ch/w/index.php?title=Introduction_au_développement_pour_smartphone&oldid=1052 »