Revenir à la liste

IB FORMATION LA DEFENSE — Offre Télécoms-Création de site Web pour les mobiles

Publié le 09/12/2019 — Produit n° 002120

: MEDIAS NUMERIQUESCONCEPTION REALISATION MEDIAS NUME RIQUESMEDIAS NUMERIQUES CREATION GESTION DEVELOPPEMENT MOBILE IPHONE IPAD ANDROID

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

Informations générales

Profil professionnel des stagiaires

:
TELECOM

:

Développeurs et chefs de projet
Nécessaire : 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).

Identification du stage

:

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

Durée de la formation en centre : 35 heures
Durée de la formation : Durée du stage : 35 heures
stagiaires

Lieu de réalisation


BERDAL Daniel — 01 41 99 20 24
daniel.berdal@ib.cegos.fr
www.ib-formation.fr

Informations pédagogiques

Programme pédagogique

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

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

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 diffé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
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

Informations complémentaires (méthodologie, ...)

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.
Cette formation est éligible à l'action collective Afdas Télécoms.

Niveau visé après la formation

AUTRE

Sessions

Ile-de-France

Du 26/10/2020 au 30/10/2020
92800 - La Défense