Conférence #nwxtech5 : HTML5 Mobile avec Sencha Touch par Arnaud lemercier
Upcoming SlideShare
Loading in...5
×
 

Conférence #nwxtech5 : HTML5 Mobile avec Sencha Touch par Arnaud lemercier

on

  • 1,279 views

 

Statistics

Views

Total Views
1,279
Views on SlideShare
883
Embed Views
396

Actions

Likes
0
Downloads
15
Comments
0

2 Embeds 396

http://www.horizonduweb.com 395
http://feeds.feedburner.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Conférence #nwxtech5 : HTML5 Mobile avec Sencha Touch par Arnaud lemercier Conférence #nwxtech5 : HTML5 Mobile avec Sencha Touch par Arnaud lemercier Presentation Transcript

  • HTML5 Mobile avec Sencha Touch Arnaud Lemercier @arnolem / @wixiweb blog.wixiweb.fr www.wixiweb.fr
  • < SOMMAIRE />● Présentation de Sencha / ExtJS● Fonctionnalités● Composants Sencha Touch● Architecture MVC● Application embarquée: Android / iOS● Questions
  • < Présentation />
  • Sencha Complet : ExtJS / Touch / Architect / Charts Sencha ExtJS Sencha Touch Sencha Architect Sencha Touch Chartshttp://www.sencha.com/products/complete/
  • Documentationhttp://docs.sencha.com/touch/2-1/#!/api/Ext.dataview.List
  • Licences Sencha TouchCommercial Software License Open Source License Gratuit  Gratuit Nb utilisateur illimité  Utilisateur illimité Interdit de redistribuer ou de  Partage du code source créer un générateur dapps obligatoire sous GPL3Commercial OEM License Commercial Software License Payant for Embedded Devices Possibilité dintégrer Sencha  Gratuit dans la limite de Touch dans votre SDK ou < 5.000 apps natives / an générateur dapps mobiles  Payant au delaSupport communautaire ou payant :299$ / an / devhttps://www.sencha.com/store/touch/http://www.sencha.com/products/touch/license/
  • < Fonctionnalités />
  • Principale fonctionnalités Sencha TouchLayout / ComposantsButton, Tab, Forms, Carousel,List, Toolbars, Overlays, IconsAnimationsSlide, Cover, Fade, Reveal, ...Événements tactilesTap, Drag, Swipe, Pinch/RotateDonnéesArray, JSON, YQL, XML, AjaxMédiasAudio, Vidéohttp://www.sencha.com/products/touch/features/
  • < Composants /> ●
  • Composants : Formulaireshttp://docs.sencha.com/touch/2-1/#!/guide/forms
  • Composants : Carouselhttp://docs.sencha.com/touch/2-1/#!/guide/carousel
  • Composants : Chartshttp://docs.sencha.com/touch/2-1/#!/guide/drawing_and_charting
  • Composants : Liste, liste imbriquée, listes groupéeshttp://docs.sencha.com/touch/2-1/#!/api/Ext.dataview.List
  • Composants : Tabs, TabPanelhttp://docs.sencha.com/touch/2-1/#!/api/Ext.tab.Panel
  • Composants : Médias, Google Map, Vidéo, ...
  • Composants : Toolbars
  • < Architecture />
  • Anatomie Sencha Touch Store = Conteneur de données Controller = Capte les actions utilisateur Profile = Personnalisation Multi-device View = Affichage des composants Model = Entité représentant un type de donnéeshttp://docs.sencha.com/touch/2-1/#!/guide/apps_intro
  • http://docs.sencha.com/touch/2-1/#!/guide/command_app
  • Sencha CMDCréer un nouveau projetsencha -sdk /sencha-sdk/ generate app MyApp /project/myappCréer un composant MVC : Ex « nouveau model User »sencha generate model User –fields=id:int,name,emailMettre à jour Sencha Touchsencha app upgrade /sencha-sdk-new/Déployer Sencha : Testing, production, ...cd /path/to/www/myappsencha app build productionCréer une application Android & iOSsencha package build -p packager.jsonhttp://docs.sencha.com/touch/2-1/#!/guide/command_app
  • Personnalisation du thèmehttp://docs.sencha.com/touch/2-1/#!/guide/theming
  • Conception : Sencha Architect
  • Ext.application / Ext.Viewport
  • Ext.component
  • < Application embarquée />
  • API NativeConnexion *Notification *VibrationCamera *Orientation *GeolocalisationContact* Nécessite Adobe PhoneGaphttp://docs.sencha.com/touch/2-1/#!/guide/native_apis
  • Configuration PackagingExemple Android Exemple iOS http://docs.sencha.com/touch/2-1/#!/guide/native_packaging
  • CONTACT arnaud@wixiweb.frTwitter : @arnolem | @wixiweb.fr http://www.wixiweb.fr http://blog.wixiweb.fr