FORMATION Développement d'application pour mobile multi plateformes (Iphone, Android, BlackBerry, ...)
Avec HTML 5, CSS 3 , Javascript et le framework PhoneGap
Objectifs de la formation Développement Mobile
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, et Javascript. L’utilisation de ces langages, de la bibliothèque IUI (largement présentée) et du moteur de conversion PhoneGap vous permettront de porter vos applications sur les mobiles qui utilisent le moteur webkit tels que iPhone, iPod, iPad, Android, Symbian, Blackberry, …
Votre application mobile pourra être déposée à la fois sur l'AppStore et sur Android Market.
A qui s'adresse la formation Développement Mobile
Cette formation Développement mobile s'adresse aux développeurs et aux chefs de projets
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.
Travaux pratiques :
Réalisation d’un site WEB et d’une application portée sur différents équipements mis à disposition pour le stage (Android, iPhone). Les travaux pratiques représentent 80% du temps dans ce stage où le contenu des bibliothèques est systématiquement expliqué avec un exemple concret et représentatif des besoins des développeurs.
Contenu de la formation Développement Mobile
Bien comprendre le rôle de chaque technologie (HTML, XML, Javascript, 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 traditionnellesRappels 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, ...)
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, ...)
Stockage des données sur le mobile
Apports d'une base SQL interne au navigateur par rapport aux cookies
Différentes philosophie de stockage (localStorage, sessionStorage)
Javascript et les bases SQL locales
Création et utilisation d'une base (openDatabase, executeSQL, ...)
Récupérer les données (select) et les afficher
Connaître les limites de cette solution par rapport à une base déportée
Multi-touch
Les évenements générés selon les actions de l'utilisateur (touch, gesture)
Apprendre à gérer les multiples appuis sur l'écran tactile du téléphone (touchstart, touchmove, touchend)
Propriétés des événements touch
Exemple de déplacement d'un objet à l'écran
Réaliser des agrandissements/rétrécissement (gesture)
Rotation des objets et Zoom
Graphisme
Limites et possibilités
Principes de base (ligne, rectangle, arcs, ...)
Colorier une figure
Formes géométriques (balise )
Conseils pour la gestion des couleurs
Traitement des images
Pour aller plus loin ... (courbes quadratiques et de Bézier)
Synthèse des méthodes Javascript concernées
Cartes Google Maps
Considérations techniques pour la géolocalisation (fichier à inclure, natif ou non, ...)
Différentes façons d'intégrer des cartes Google Maps (maps, natif, API de Google Maps en Javascript)
Comparaison technique des différentes méthodes
Les possibilités d'interaction avec les cartes
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, ...)
La bonne utilisation des fonctions natives
Les effets à éviter devant tant de richesse
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
Formation programmation mobile
-Formation PhoneGap
-Formation Developpement d'application pour mobile en CSS
-Javascript
22-24 rue du Président Wilson 92300 Levallois-Perret Tél.: 33 (0)1 43 34 90 94 Fax : 33 (0)1 43 34 90 95