Développement logiciel / Développement sur mobiles

Formation: Développement d'application pour mobiles multi plateformes ( 5 Jours )

Consulter les villes disponibles, le calendrier et nos tarifs dégressifs pour cette formation

Durée

5 Jour(s)

Pré-requis

Objectifs

Développement Mobile vous permettra de réaliser des applications ou des sites WEB pour mobile avec des technologies standards comme HTML, CSS, JavaScript et la bibliothèque iUi.

Programme

 

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

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

 

 
  
 
Certificat/Attestation
Délivrance d'une attestation de fin de formation
 
Modalités d’évaluation
L’évaluation se déroule sous forme d’exercices pendant la durée de la formation. Une auto-évaluation est réalisée par le stagiaire en fin de formation
contactez-vous decouvrez nos formation en region decouvrez nos formation en region

Mots-Clés