Your SlideShare is downloading. ×
0
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Gtug2 Mobile app with web technlogy
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Gtug2 Mobile app with web technlogy

1,268

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,268
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Principes de dév web d’applications mobile JqueryMobile et GWTMobile essais et retours d’expérience Montréal #2 @gtugmontreal https://groups.google.com/group/gtug-montreal Sacha Leprêtre 14 Septembre 2011
  • 2. Stratégies de développements
      • Pur natif (sdk android)
        • Avec SDK
        • Avec NDK
      • Pur web (dans le navigateur)
      • App locale sans navigateur mais web
      • Autres:
        • Combinaisons possibles…, mécanisme d’extensions
        • Meta langages…
  • 3. Possibilités App natif App web Extensions
  • 4. Webkit ?
      • Webkit ?
      • HTML5 ?
      • Webview ?
    ARM Dalvik VM Webkit HTML JS CSS
  • 5. Outils de développement
      • Eclipse
        • (svn, androidsdk…)
      • Chrome
        • Inspection de DOM
        • Debug js
        • WebSQL
        • Extension chrome: Window resizer
      • Lita (SQLLite client)
      • LA TABLETTE ou le smartphone! Pas l’émulateur…
      • ADB
        • Console.log
        • SQL
      • App: Astro filemanager
  • 6. Pile technologique présentées
      • Application
        • Webview: Phonegap
      • Language
        • Javascript: (pur, Jquery…) ou Java->Javascript (GWT)
      • Layout
        • HTML,CSS,Javascript: JqueryMobile, GWTMobile
      • Stockage
        • HTML5 websql: persistencejs
        • Fichier: Phonegap
  • 7. Dev dans le navigateur CHROME
  • 8. Phonegap
  • 9. Phonegap
    • Eclipse, Installer Android SDK et Android Eclipse Plugin
    • Faire un projet Android
    • Déposer phonegap.js et librairie phonegap.jar
  • 10. Parlons de stockage (offline)
  • 11. Persistence.js
      • http://persistencejs.org/
      • ORM
      • pas d’écriture de SQL !
      • Couche d abstraction extensible selon l’évolution de la norme HTML5:
        • WEBSQL
        • LocalStorage
        • IndexedDB
  • 12. Persistence.js
    • Définition des entités:
    • Optimiser (index et dénormalization)
    • mettre en relation
    Persistence.js
  • 13. Persistence.js
    • Requêtes !
  • 14.
    • Log SQL pour webSQL !
    • CHROME ! Ou FF
    Persistence.js
  • 15.
    • SQLLite client permet d’acceder à la BD de CHROME !
    LITA HTML5 storage !
  • 16. Parlons de JqueryMobile
  • 17. JqueryMobile
      • http://jquerymobile.com/demos/1.0a4.1/
      • Un language visuel pour l’utilisateur
  • 18. JqueryMobile: Principes
    • Votre code : Page html
    • Balise HTML
    • Balises JQM
    Page html enrichie (DOM mémoire) Processeur Jquery.js+JQM.js
  • 19. Parlons de GWTMobile
  • 20. Intérêts
    • GWT
    • Mobile
    • Application
    • et… architecture
  • 21. GWT Mobile UI: les widgets Un langage visuel
    • Webkit (Android,IOS,Chrome,Safari…)
    • Un langage visuel pour l’utilisateur
    • Démo: http://www.ambigtion.com/gwtmobileui/
    • Approches visuelles similaires :
      • Jquerymobile.com alpha 4
      • Dojomobile
    • Forces/faiblesses
    • de GWT Mobile UI ?
  • 22. Code: env
    • Env
      • Eclipse + GWT Eclipse plugin
      • GWT Mobile UI
      • Lancement de Kitchensink (palette de widgets)
  • 23. Code: Principes et architecture
  • 24. Code: Principes et architecture
    • Mécanisme de « Page » ;-) :
      • Faire la vue UIbinder de la Page:
        • MainPage.ui.xml
        • Rapide avec le GWT dev mode !
  • 25. Code: Principes et architecture
    • Mécanisme de « Page » ;-) :
      • Désigner la logique associé à la page:
        • MainPage.java: Étendre Page
        • MainPage.java: Définir logique suivante et routage…goto(…)
        • Back géré
  • 26. Code: Principes et architecture
    • Mécanisme de « Page » ;-) :
      • Autres pages…
      • Page est un concept
      • Non MVP
      • Principe d’architecture simple
  • 27. GWT Mobile phonegap
    • Un wrapper javascript de phonegap
    • Phonegap ?
  • 28. Quoi d’autre…
    • Dev nouveau( jan 2011)
    • Message de Denis: « Hi GTUG Montreal, GWT Mobile welcomes their participation in the open source project !»
    • ROADMAP From Denis:
      • 1. Complete the initial release of the gwtmobile-ui project. That includes finishing up a basic set of UI widgets and laying down the fundation for the theming function.
      • 2. Upgrade the gwtmobile-phonegap project to support 0.9.4, the current phonegap version.
      • 3. Enhance the gwtmobile-persistence project to support GWT Request Factory so that the same domain classes can be used on both the client and the server sides.
      • 4. Alternative or in additional to #3, enhance gwtmobile-persistence to work with the resty-gwt project, for people who perfer JSON in communicating with the server.
      • 5. Support WP7 later this year when the WP7 mobile browser is upgraded to IE9.
      • 6. Support tablet form factor. May utilize the GWT MVP Framework for this purpose if it makes sense to do so.
      • 7. Make gwtmobile-ui work with the GWT UI Designer in designing UI for mobile devices. This is actually a long term to-do. I haven't done any research on the feasibility.

×