Formation Développement Multi-plateformes

PhoneGap-Cordova Débutant


S'inscrire Obtenir un devis

Durée :


04 Jours

Objectifs :


Explorer une nouvelle approche dans le développement mobile.
Apprendre à développer des applications mobiles multiplatforms
Découvrir la différence entre le développement hybride et le développement natif.
Développer des applications mobiles en utilisant les standards web.

Public :


étudiant, Boite de développement, Opérateur de télécommunication

Pré-requis :


Connaissance de base en JavaScript, HTML5, CSS.

Programme :


Partie 1


-Introduction générale
-Différences entre application mobile, site web mobile et un WebApp.
-Introduction et avantages des différents cross platformes mobile.
-Différence entre PhoneGap et Cordova.
-PhoneGap : Présentation générale
-Architecture de PhoneGap
-Présentation des apis disponibles dans PhoneGap permettant l’interaction avec les ressources matérielles et software des téléphones intellignents.
-Préparation de l'environnement de développement à base Eclipse (installation du plugin Aptana Studio, installation du plugin PhoneGap).
-Création de l'application Hello World.
-Compréhension de la structure de l'application et les composants de base d'une application hybride à base PhoneGap.
-Création de notre première interface n’utilisant HTML5/CSS3

Partie 2


-Présentation de HTML5 : Apis et nouveautés
-Reponsive Web desgin : présentation des media queries, Twitter Bootsrap, jquery mobile,Combiniason de Twitter Bootstrap et jquery mobile,Foundation CSS.
-Responsive Web Design Mise en pratique
-Expérience utilisateur des applications mobiles et règles à respecter.
-TP : Utilisation de jquery mobile et sqlite dans une application mobile basée sur Phonegap.
-Présentation et mise en pratique de bibliothèque JavaScript MVC ( Backobone JS, Can Js )

Partie 3


-TP : Consommation d'un Web service PHP REST/ JSON dans une application PhoneGap.
-TP : Géolocalisation et affichage d'une carte à base OpenStreet Map en utilisant Leaflet Js dans une application Phonegap.( Ajout des marqueur, ajout des clusters, …)
-Présentation des CLI Tools : une nouvelle tendance de développement mobile multiplatofrmes.
-Présentation de PhoneGap build.
-Génération de la version iOS de l'application développée.

Titanium Appcelerator


S'inscrire Obtenir un devis

Durée :


03 Jours

Objectifs :


Explorer une nouvelle approche dans le développement mobile.
Apprendre à développer des applications mobile multiplatforms à base JavaScript .

Public :


étudiant-Boite de développement

Pré-requis :


Connaissance de base en JavaScript.

Programme :


Partie 1 :


-Présentation générale
-Architecture de la plat-forme
-Langage de programmation et API
-Mise en place de l'environnement de développement ( Titanium studio) et présentation de cet environnement.
-Présentation de Kitchen Sink
-Création d'un projet et structure.
-Hello World avec Titanium Appcelerator
-Mise en pratique des API de Titanium

Partie 2 :


Développement d'une application vitrine pour une société à base Titanium Appcelerator contenant:
-Gestion de navigation via Tabhost
-Page présentation
-Page Portfolio par gallery
-Afficher les détails d'une référence.
-Page intégrant une carte pour le positionnement
-Géolocalisation de l'utilisateur
-Page de contact et envoie d'un mail via l'application.
Comparaison entre PhoneGap et Titanium dans le développement mobile multiplatforme

Formation jQuery mobile


S'inscrire Obtenir un devis

Durée :


04 Jours

Objectifs :


A l'issue de cette formation, les participants seront en mesure de :
Mesurer le potentiel de ce framework
Installer et paramétrer jQuery Mobile
Intégrer les composantes jQuery au sein de leurs interfaces web mobile
Développer des extensions supplémentaires

Public :


développeurs,chefs de projets,webmaster.

Pré-requis :


Connaissance de JavaScript et de jQuery.

Programme :


Partie 1 : Les fondamentaux de jQuery


Concepts
Les méthodes utilitaires
Les sélecteurs
Les DOM
Gestion des évenements

Partie 2 : Installation de jQuery Mobile


Installation de jQuery Mobile
Attributs HTML utilisés par jQuery Mobile

Partie 3 : Afficher des fenêtres


Une première fenêtre
Passer d'une fenêtre à l'autre
Utiliser les transitions entre les fenêtres
Fenêtres superposées
Utiliser les thèmes CSS

Partie 4 : Afficher des listes


Une liste simple
Une liste contenant des liens
Une liste numérotée contenant des liens
Insérer des séparateurs dans les listes
Rechercher dans une liste
Afficher un compteur dans un élément de liste
Inclure une image dans les éléments de liste
Personnaliser les listes
Utiliser les thèmes CSS

Partie 5 : Afficher des boutons


Définir un bouton
Associer une icône à un bouton
Définir la largeur du bouton
Juxtaposer les boutons verticalement
Juxtaposer les boutons horizontalement
Personnaliser les boutons
Utiliser les thèmes CSS

Partie 6 : Afficher des données sous forme de tables


Un tableau sur plusieurs colonnes
Plusieurs lignes dans le tableau
Insérer des boutons dans les tableaux
Personnaliser les tableaux
Utiliser les thèmes CSS

Partie 7 : Afficher les éléments de formulaires


Champs de saisie
Listes de sélection
Cases à cocher
Boutons radio
Interrupteurs
Sliders
Utiliser les thèmes CSS

Partie 8 : Afficher les barres d'outils


Barres d'outils "header" et "footer"
Barres d'outils de type fixe
Gérer les fenêtres en mode fullscreen
Utiliser les barres de navigation
Utiliser les thèmes CSS

Partie 9 : Conventions de jQuery Mobile


Initialisation de jQuery Mobile
Options de configuration
Utilisation des namespaces
Evénements virtuels

Partie 10 : Manipuler les fenêtres


La méthode $.mobile.changePage (to, transition, reverse, changeHash)
Gérer les événements sur les fenêtres

Partie 11 : Manipuler les listes


Créer dynamiquement une liste
Transformer une liste HTML en une liste jQuery Mobile
Créer dynamiquement une fenêtre contenant une liste
Récupérer une liste par Ajax
Insérer un élément dans une liste
Supprimer un élément dans une liste
Gérer les événements sur les listes
Personnaliser les listes
Exemples de manipulation des listes

Partie 12 : Manipuler les boutons


Créer dynamiquement un bouton
Transformer un élément HTML en un bouton jQuery Mobile
Insérer des boutons par Ajax
Gérer les événements sur les boutons
Personnaliser les boutons
Exemples de manipulation des boutons

Partie 13 : Manipuler les données sous forme de tables


Créer dynamiquement un tableau
Transformer un élément HTML en un tableau jQuery Mobile
Insérer des tableaux par Ajax
Insérer dynamiquement une nouvelle colonne
Insérer dynamiquement une nouvelle ligne
Gérer les événements sur les tableaux
Personnaliser les tableaux
Exemple de manipulation des tableaux

Partie 14 : Manipuler les éléments de formulaire


Champ de saisie
Listes de sélection
Cases à cocher
Boutons radio
Interrupteurs
Sliders

Initiation au développement mobile sur divers platformes (Android , PhoneGap/Cordova, Titanium Appcelerator)


S'inscrire Obtenir un devis

Durée :


03 Jours

Objectifs :


-Initiation au développement mobile sous Android
-Initiation au développement sous PhoneGap
-Initiation au développement mobile sous Titanium

Public :


étudiant-Boite de développement

Pré-requis :


Concept de base de la POO, connaissances de base en JAVA, JavaScript, HTML5 et CSS3.

Programme :


Jour 1 :


Android
-Pourquoi développer des applications mobiles ?
-Pourquoi Android ?
-Présentation générale d'Android
-Architecture générale du système d'exploitation
-Installation de l'environnement de développement (Eclipse, ADT Bundle, Android Studio) et présentation de l'environnement Eclipse.
-Présentation et utilisation de genymotion un émulateur Android très performant.
-Description de la structure d'une application Android
-Création d'un Hello World sur Android
-Création des interactions utilisateurs dans une application Android
-Communication entre les activités dans une application Android.

Jour 2 :


PhoneGap
-Introduction générale
-Différences entre application mobile, site web mobile et un WebApp.
-Introduction et avantages des différents cross platformes mobile.
-Différence entre PhoneGap et Cordova.
-PhoneGap : Présentation générale
-Architecture de PhoneGap
-Présentation des apis disponibles dans PhoneGap permettant l’interaction avec les ressources matérielles et software des téléphones intellignents.
-Préparation de l'environnement de développement à base Eclipse (installation du plugin Aptana Studio, installation du plugin PhoneGap).
-Création de l'application Hello World.
-Compréhension de la structure de l'application et les composants de base d'une application hybride à base PhoneGap.
-Création de notre première interface n’utilisant HTML5/CSS3

Jour 3 :


Titanium Appcelerator
-Présentation générale
-Architecture de la plat-forme
-Langage de programmation et API
-Mise en place de l'environnement de développement (Titanium studio) et présentation de cet environnement.
-Présentation de Kitchen Sink
-Création d'un projet et structure.
-Hello World avec Titanium Appcelerator
-Mise en pratique des API de Titanium