FORMATION Développement de site WEB pour mobiles multi plate-formes (Iphone, Android, BlackBerry, …)
Objectifs de la formation Site web Mobile
Cette formation Site Web Mobile vous permettra de réaliser des sites WEB pour mobiles uniquement avec des technologies standards comme HTML 5, CSS 3, et Javascript. L’utilisation de ces langages, de la bibliothèque IUI (largement présentée) et du framework Javascript pour mobile XUI vous permettront de proposer un site WEB riche et parfaitement compatible avec les possibilités des standards comme iPhone, iPod, iPad, Android, Symbian, Blackberry, …
A qui s'adresse la formation Site web Mobile
Cette formation Site Web mobile s'adresse aux développeurs et aux chefs de projet
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 parfaitement compatible avec tous les standards du marché (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 Site web Mobile
Bien comprendre le rôle de chaque technologie (HTML, XML, Javascript, CSS, ...)
Qu'entend-on par « Application Ajax » (Asynchronous Javascript and XML) ?
Les différences entre un site « classique » et un site pour mobile
Tirer parti des possibilités d'un mobile par rapport au PC (téléphonie, GPS, ...)
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, ...)
IUI une biliothè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 MapsConsidé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
Utiliser les possibilités du GPS
Développer des clients riches avec le framework XUIVue générale du framework javascript XUI (experience-user-interface)
La fonction fondamentale x$
Parcourir les éléments d’un collection
Manipuler le DOM (inner, outer, top, bottom, remove, clean)
Remplacer du contenu des elements
Insérer des elements
Gérer les styles (setstyle, css, getstyle, addclass, removeclass)
Ajouter une classe CSS
Gestion des événements (click, load, touchstart, touchmove, orientationchange, …)
Présentation des effets visuels (appear, fade)
Principales options des effets visuels (by, before, after, …)
Enchaînements d’effets (clignoter, …)
Formation Developpement web Mobile
-Formation Creation site web mobile
-Formation Site Web iPhone
-Formation Site Web iPhone iPad
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