Création d’un site Web pour mobile

Concepteurs et développeurs de sites web souhaitant créer des sites web pour mobiles

Connaître les différentes méthodes de conception et de création de sites web mobiles compatibles avec tous types de plateforme

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.

Savoir dé nir l’architecture d’une application pour mobile
Comprendre les spéci cité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

Utilisateurs réguliers de services en ligne

Toute personne ayant besoin de créer un site internet

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)

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’a chage 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,…

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…

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

PRÉSENTATION DU FRAMEWORK MOBILE : IUI

Présentation globale Avantages / inconvénients Création de fenêtres Liens entre fenêtres A cher 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

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.)

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 di érents champs Gestion des évènements Google Maps dans Sencha Touch Mettre en place une architecture MVC sur ses applications Sencha Touch

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 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, certifcats et déploiement sous iTunes Inscription, certificats et déploiement sous Android Market

N.A

  • Nombre maximum de participants

    8

  • Nombre d'heures

    35H

  • Type de formation

    Présentiel

Nos consultants-formateurs

Nos consultants-formateurs sont des experts dans leurs domaines d’intervention autant en conseil qu’en formation continue.

0

Completed

projects

0

Happy

customers

0

Lines

per hour

0

Coffee

cups

HichamCréation d’un site Web mobile