[wpms_breadcrumb reverse="0"]
Developpement - Mobile

Développement mobile multi-plateformes (IOS, Android, Blackberry, Windows Phone)

Reference : DEVMOB09
5 jours - 2590 €
Prochaines sessions
    Développement mobile multi-plateformes (IOS, Android, Blackberry, Windows Phone)
    Objectifs

    • Cette formation Développement Mobile vous permettra de réaliser des applications ou des sites WEB pour mobile uniquement avec des technologies standards comme HTML, CSS, JavaScript et la bibliothèque iUi. L’utilisation de ces langages dans un contexte mobile et la prise en main des principaux Framework JavaScript du moment comme Jquery Mobile ou Sencha Touch vous permettront de développer de véritables applications professionnelles pour mobile en étant capable de choisir le bon Framework pour vos besoins. De plus, la présentation du moteur de conversion PhoneGap vous permettra de porter vos applications sur les mobiles qui utilisent le moteur webkit tels que iPhone, iPad, Android, ou Blackberry. Nous vous montreront également comment déposer votre application mobile à la fois sur l’AppStore et sur Android Market.

    Pré requis

    • Connaître au moins un langage de programmation et avoir des notions de bases sur HTML, CSS, JavaScript et XML. La première journée est consacrée aux connaissances essentielles sur ces langages.

    Modalités pédagogiques

    Cours dispensé en mode présentiel avec une alternance d’apports théoriques et méthodologiques, et de mises en situations pratiques

    Inscription

    Programmes de Développement mobile multi-plateformes (IOS, Android, Blackberry, Windows Phone)

     

    Concepts et architecture d’une application pour mobile

    • Bien comprendre le rôle de chaque technologie (HTML, XML, JavaScripts, CSS, …)
    • Qu’entend-on par « Application Ajax » (Asynchronous Javascript and XML) ?
    • Quelles différences avec un développement en Java (android) ou Objective C (iPhone) ?
    • Comparaison avec les applications Web traditionnelles

    Rappels syntaxiques et compléments (HTML, JavaScript, CSS)

    • Gérer des textes, Images, Liens, Listes, Blocs en HTML5
    • Bonnes pratiques à propos de la présentation des données (CSS )
    • L’identification et le regroupement d’éléments (class, id, span, div)
    • Maîtriser le positionnement avec le modèle des boîtes dans CSS (margin, border, padding, bottom, top)
    • Empiler les images (z-index, l’exemple du jeu de cartes)
    • Valider son document comme conforme aux standards du Web (W3C)
    • Rappels syntaxiques sur JavaScript (variables, tests, boucles, fonctions)
    • La représentation d’une page HTML sous forme d’arbre (DOM : Document Object Model)
    • Afficher et interagir dynamiquement avec l’information présentée (DOM et JavaScript, événements : onclick, onmouseover, …)
    • Les transformations CSS (webkit-xxxx, rotation, translation, zoom, inclinaison, …)

    HTML5, pour profiter au maximum du web dans notre application

    • Doctype, namespaces, encoding
    • Sections, entête, pied de page, navigation, articles…
    • Eléments sémantiques
    • Dates et temps
    • Dessiner en JavaScript : l’élément canvas
    • L’élément vidéo
    • Communication : Sockets et Message provenant du serveur (push)
    • Géolocalisation
    • Base de données locale
    • Cache d’application en locale

    IUI une bibliothèque CSS pour mobile

    • Installation et première application pour iPhone
    • Comment disposer du « style » iPhone ?
    • Fenêtres et navigation dans l’application
    • Afficher des menus sous forme de listes
    • Proposer le clavier virtuel de saisie à l’utilisateur
    • Dialoguer avec l’utilisateur avec la class CSS dialog (bouton, fenêtre superposée, …)
    • Alimenter une base de données grâce aux formulaires
    • Améliorer l’affichage grâce aux extensions iUI (listes de sélection, calendrier, …)
    • La gestion des thèmes (theme-switcher)

    IUI côté JavaScript

    • Améliorer encore nos applications avec la partie Javascript de iUI
    • Maîtriser la gestion des liens et de leurs attributs (href, type, target, submit, cancel, …)
    • Affichage de menus, saisie avec JavaScript
    • Navigation rapide dans les pages (showPageByID, goBack)
    • Précisions sur les méthodes GET et POST
    • Comprendre les différentes formes d’appels d’une page HTML (showPageByHref, ajax)
    • Insérer une ou plusieurs fenêtres en fin de page HTML (insertPages)
    • Récupérer l’élément DOM associé à la fenêtre courante (getSelectedPage)
    • Bien utiliser le DOM (addClass, removeClass)
    • Exemples :

    – Utilisation de liens différents selon le contexte
    – Récupération d’information suite à la saisie dans un formulaire
    Evénements associés aux fenêtres (load, unload, focus, blur, …)

    JQuery Mobile : un framework optimisé et dédié aux mobiles

    • Les apports de Jquery Mobile
    • JQuery : syntaxe , sélecteurs, évènements
    • Fenêtres
    • Barres d’outils
    • Formulaires
    • Listes (avec et sans séparateurs)
    • AJAX
    • Créer son propre design
    • Gérer les tablettes
    • Intégrer du CSS3 dans une application JQuery Mobile
    • Listes dynamiques avec appels AJAX
    • Dynamiser son application JQuery Mobile

    Présentation de Sencha Touch : un framework HTML5 pour mobile

    • Sencha Touch et les autres frameworks
    • Compatibilité (OS, mobiles, écrans, navigateurs, …)
    • Le modèle MVC avec Sencha Touch
    • Les containers
    • Les composants
    • Les Box, Cards, Panels, Tabs
    • Barres d’outils, Icones, Boutons
    • Les Formulaires : création, validation, soumission
    • Les sliders
    • Les appels réseaux avec Sencha Touch
    • Manipulations XML et JSON
    • Drag & Drop
    • Le stockage des données (Ext.data.Model, Ext.data.Store)
    • La géolocalisation (Ext.Util.Geolocalisation)

    Rendre native son application web avec PhoneGAP

    • Comment faire en sorte que son application ne soit plus « web dépendante » ?
    • Que gagne-t-on à utiliser une application native ?
    • L’exemple du SDK pour le développement iPhone
    • Téléchargement, installation, et pré-requis pour utiliser PhoneGAP
    • Utilisation du simulateur iPhone
    • Intégration de PhoneGap dans notre code (phonegap.js, build, …)
    • Tests de portage du code HTML/CSS/Javascript pour différents types de téléphones (Android, iPhone, …)
    • Comparaison entre une application native et sa version « distante »
    • Les aspects administratifs (iPhone developer Program, Certificats, …)
    • Gestion du GPS et de l’accéléromètre
    • Gérer le vibreur
    • Comment utiliser un son ?
    • La gestion des contacts du téléphone
    • Les fenêtres d’alerte
    • Récupérer les images de l’appareil photo