Vous êtes ici : Accueil > Formations en informatique > Développement web et mobilité > Développement d'applications mobiles

Fantom Tag

Formation - Développement d'applications et de sites web pour mobiles

Fournir des services aux utilisateurs de smartphones

  • Présentiel ou classe à distance
Télécharger le PDF
Intra Sur Mesure
Dans vos locaux ou à distance
Référence
MB320
Durée
5 jours (35 heures)
Forfait intra - En savoir plus
7 255,00€ HT
(Prix pour un groupe de 12 personnes max)
Demander un devis
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Nous contacter

Partager cette formation

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 ou encore Blackberry. Votre application mobile pourra être déposée à la fois sur l'App Store et sur Android Market.
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs et 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).
Programme

Le programme

1 - Introduction au Web Mobiles

  • L'arrivée des Smartphones, aubaine ou calvaire pour le développeur web ?
  • Application Web : avantages, inconvénients et limites
  • Application native : avantages, inconvénients et limites
  • Cycles de développement
  • Architectures : accélérer l'affichage de nos applications avec Amazon, App Engine ou une solution à base de Proxy
  • Web Mobiles : site internet ou applications web mobiles ?
  • Tour d'horizon des frameworks pour mobiles : JQTouch, JQuery Mobile, Sencha Touch, iUI,...

2 - Rappels XHTML/CSS et JavaScript

  • Liens avec ancres
  • Les images : optimisation des aller/retour serveur et empilage avec z-index
  • Gérer les blocs
  • Sélecteurs CSS avancés (nth-child...)
  • JavaScript : rappels syntaxiques
  • JavaScript : manipuler DOM, les évènements...

3 - HTML5 : les nouveautés au coeur du développement web pour mobiles

  • Nouvelles gestions de blocs
  • Bases de données côté client
  • Transactions sur bases de données
  • Stockage hors-ligne
  • AJAX amélioré
  • Insérer du CSS3 pour les transitions, les arrondis
  • Gérer un seul CSS pour plusieurs appareils (téléphones, tablettes)
  • Graphisme grâce aux Canvas
  • Multi-Touch
  • Géolocalisation et utilisation de l'API Google Maps

4 - Présentation du framework mobile : iUI

  • Présentation globale
  • Avantages / inconvénients
  • Création de fenêtres
  • Liens entre fenêtres
  • Afficher des menus sous forme de listes
  • Forcer le clavier virtuel
  • Créer des fenêtres de dialogue
  • Alertes
  • Thèmes iPhone grâce aux Panels
  • La gestion des thèmes avec theme-switcher
  • Les extensions iUI : nouveaux thèmes (Android, WebOS), listes de sélection, calendrier,...
  • Créer des formulaires iPhone-like
  • JavaScript : navigation rapide entre pages
  • JavaScript : gérer les évènements des composants iUI
  • JavaScript : appels AJAX
  • JavaScript : DOM et fenêtres iUI
  • Envoi de formulaires iUI en Ajax

5 - Présentation du framework mobile : JQuery Mobile

  • Présentation de JQuery
  • JQTouch ou JQuery mobile ?
  • Fenêtres
  • Barres d'outils
  • Formulaires
  • Listes avec ou sans séparateur
  • Evènements
  • AJAX
  • Design
  • Gestion des thèmes
  • Gérer les tablettes (iPad, Android, etc.)

6 - Présentation du framework mobile : Sencha Touch

  • Présentation, setup d'une application
  • Fonctionnement de l'affichage (panel, menu, boutons, liste)
  • Chargement de données en AJAX à partir du serveur
  • Formulaire, les différents champs
  • Gestion des évènements
  • Google Maps dans Sencha Touch
  • Mettre en place une architecture MVC sur ses applications Sencha Touch

7 - Déployer son application sur l'App Store et le Google Play avec PhoneGap

  • Présentation de PhoneGap
  • Multi-plates-formes ?
  • Principes techniques
  • Téléchargement
  • Configuration avec XCode pour une application iPhone
  • Configuration avec Eclipse pour une application Android
  • Exécution sous émulateur
  • Utiliser toute la hauteur de l'écran
  • Changer le nom et le logo de l'application
  • Accéder en JavaScript aux fonctionnalités natives
  • Bip, alertes, vibreur, etc.
  • Géolocalisation
  • Accéléromètre
  • Comparaison d'applications sous iPhone/Android/Blackberry
  • Inscription, certificats et déploiement sous iTunes
  • Inscription, certificats et déploiement sous Android Market
Objectifs

Les objectifs de la formation

  • Savoir définir l'architecture d'une application pour mobile
  • Comprendre les spécificités d'HTML, JavaScript et CSS propres au développement mobile
  • Être capable de stocker des informations dans une base de données sur le mobile
  • Savoir faire interagir l'application avec les fonctions de base du téléphone
Moyens pédagogiques

Moyens pédagogiques

  • Cette formation fait l'objet d'une évaluation formative.
Points forts

Les points forts de la formation

  • Le passage en revue des différents aspects du développement multi plates-formes.
  • L'apprentissage par la pratique : en mettant fréquemment les participants en situation, ce programme favorise un ancrage durable et efficace des acquis.
  • Les trucs et astuces des intervenants pour garantir la portabilité des applications.

Qualité des formations

ib - groupe Cegos est certifié Iso 9001 et Qualiopi.

Formation - Développement d'applications et de sites web pour mobiles