développement de l’appli mobile mon-bovin.fr, 1ère partie

Comme je vous en parlais il y a peu, je tâtonne le développement mobile. Et pour m’entraîner, j’ai décidé de développer une appli pour mon site mon-bovin.fr.

Je ne suis pas sûr que l’appli sera énormément utilisée (on n’est pas à l’abri d’une surprise, on ne pensait pas que le site marcherait aussi vite) mais, comme avec le site, je vais pouvoir tester de nouvelles technologies sur un cas concret. Pour le site, j’avais pu m’amuser à optimiser les performances du site rien qu’en m’amusant sur la configuration du serveur et j’avais pu sortir quelques plugins sympa pour thelia.

L’appli va être assez simple et se compose en 3 grandes parties :

  • La page d’accueil, ce sera la page qui listera les annonces. Lors du lancement de l’appli, les 10 dernières annonces sont affichées. Un bouton (différend suivant la plateforme  utiliser) permettra d’afficher les 10 suivantes.
  • Un moteur de recherche qui reprend les mêmes critères que le site (race, localisation, âge, sexe, inscription au herd-book). Une fois les critères choisis, on repart sur la page d’accueil où les annonces correspondantes aux critères sélectionnés sont affichées par lot de 10, on retrouve la même utilité du bouton de rafraîchissement.
  • Une page affichant l’annonce sur laquelle l’utilisateur aura cliqué (sur la page listant les annonces). Sur cette page, on trouvera tous les détails de l’annonce comme pour le site. Depuis cette page, il sera aussi possible de contacter directement l’éleveur en lui envoyant un message (sans quitter l’appli).

Toute l’application sera utilisable sans avoir de compte sur le site et sera gratuite.

Passons maintenant à la partie technique… lorsque j’ai rédigé le premier article présentant titanium, je ne l’avais pas beaucoup utilisé et je pensais que la majeure partie du code serait compatible entre tous les mobiles (iphone, android). J’ai donc débuté le développement en faisant mes tests uniquement sur android, possédant un téléphone avec cet os. Et je me suis rendu compte en lançant l’émulateur d’iphone… que l’appli était toute cassée :-D

Les éléments graphiques varient énormément d’un système à un autre. Je me retrouve donc avec une seule partie commune (la page d’accueil) et des pages différentes suivant le mobile pour le reste.

L’apprentissage de titanium est plutôt rapide grâce à une documentation assez fournie, une partie questions/réponses bien fournie sur leur site et grâce à leur application KitchenSink mettant en oeuvre un maximum d’exemples d’utilisations.

Aujourd’hui, j’ai terminé les 2/3 de l’application, la page listant les annonces et la page de recherche (que j’ai recommencé une bonne dizaine de fois pour l’iphone). J’espère l’avoir terminée d’ici fin mars maximum.

Et pour vous montrer ce que j’ai fait, voilà quelques captures d’écran :-) :




Page listant les annonces








Moteur de recherche







Choix pour un critère (localisation)





 

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*


Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>