www.pix2know.com

PhoneGap Build

Sencha Touch

Sébastien Le Marchand
@slemarchand
PhoneGap Paris Meetup #6 – 16 décembre ...
Quizz

Photo

Social

Cibles : iPhone & Android
Début développement : avril 2013
Pivot : plus ludique → focus sur le desig...
PhoneGap Build

Très pratique au départ...
… mais pas suffisant sur le long terme
Sencha Touch : la minute marketing :-)
Plus de 50 composants intégrés
✔ Thèmes pour les plateformes les plus courantes
✔ A...
« The all-in-one, top secret,
monolithic solution »
Julien
Exemple de feature non documentée : scrollDock
Ext.define('MyApp.view.MyList', {
extend: 'Ext.dataview.List',
xtype: 'myli...
MVC
HTML généré → CSS plus difficile à produire
Quelle approche retenir ?
Pas de charting en JS
Pas de mixins saas « Sencha-centric »
Propriété cls renseignée sur chaque ...
Et les perfs ?
Les dégradations de performance sont beaucoup
plus sensibles à la taille du DOM sous Android
que sous iOS
→...
MVC
Garder le contrôle sur ses contrôleurs

N'utiliser les getters sur les refs que pour des
vues « singleton »
Utiliser le pa...
MVC
Store et Model
Comportements inattendus
Relations entre modèles
useCache
currentPage
Offline

Démarrage en offline : DIY !
Problématique des images : imgcache.js
Pour aller plus loin : winch.io
Quelles leçons
retenir ?
PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch
PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch
PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch
Prochain SlideShare
Chargement dans…5
×

PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch

656 vues

Publié le

Retour d'expérience sur PhoneGap Build et Sencha Touch dans le contexte Pix2know, à l'occasion du 6ème Meetup PhoneGap Paris.

Publié dans : Technologie
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
656
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
7
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

PhoneGap Paris Meetup #6 - Pix2know - Sencha Touch

  1. 1. www.pix2know.com PhoneGap Build Sencha Touch Sébastien Le Marchand @slemarchand PhoneGap Paris Meetup #6 – 16 décembre 2013 – Pépinière 27
  2. 2. Quizz Photo Social Cibles : iPhone & Android Début développement : avril 2013 Pivot : plus ludique → focus sur le design Beta privée depuis septembre 2013
  3. 3. PhoneGap Build Très pratique au départ... … mais pas suffisant sur le long terme
  4. 4. Sencha Touch : la minute marketing :-) Plus de 50 composants intégrés ✔ Thèmes pour les plateformes les plus courantes ✔ Architecture MVC intégrée ✔ Scrolling et animation fluides ✔ Mise en page adaptative ✔ Packaging natif ✔ Editeur visuel Sencha Architect ✔
  5. 5. « The all-in-one, top secret, monolithic solution » Julien
  6. 6. Exemple de feature non documentée : scrollDock Ext.define('MyApp.view.MyList', { extend: 'Ext.dataview.List', xtype: 'mylist', config: { items: [ { scrollDock: 'top', ... } ...
  7. 7. MVC
  8. 8. HTML généré → CSS plus difficile à produire
  9. 9. Quelle approche retenir ? Pas de charting en JS Pas de mixins saas « Sencha-centric » Propriété cls renseignée sur chaque view 1 view .js = 1 fichier .scss Considérer la directive !important
  10. 10. Et les perfs ? Les dégradations de performance sont beaucoup plus sensibles à la taille du DOM sous Android que sous iOS → passage entre tabs → scroll de listes riches
  11. 11. MVC
  12. 12. Garder le contrôle sur ses contrôleurs N'utiliser les getters sur les refs que pour des vues « singleton » Utiliser le passage de paramètres des controls Mettre du code dans les views (helpers, events)
  13. 13. MVC
  14. 14. Store et Model Comportements inattendus Relations entre modèles useCache currentPage
  15. 15. Offline Démarrage en offline : DIY ! Problématique des images : imgcache.js Pour aller plus loin : winch.io
  16. 16. Quelles leçons retenir ?

×