Vous êtes sur la page 1sur 65

Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.

com page 1 / 65
Internet / XML / SOA, Web, dveloppement
Le Web, aujourd'hui incontournable dans le monde professionnel, donne accs l'information,
mais galement une multitude d'applications d'entreprise ou de services grand public. Les
filires proposes vous apporteront toutes les connaissances ncessaires pour concevoir des
sites Web performants et conviviaux, mettant l'accent aussi bien sur le design, les aspects
ditoriaux que sur les techniques de dveloppement ou encore de rfrencement. Elles
intgrent les technologies les plus rcentes comme Ajax, Flash, ActionScript 3, Flex, les
dernires versions des ateliers de dveloppements et Frameworks du monde Java, .NET, PHP
ou encore Macromdia/Adobe.
Stages Pratiques
Dvelopper un site Web, synthse pratique. ( p3 )
Dreamweaver CS5, prise en main.
( p5 )
Dreamweaver CS5, dvelopper un site Web.
( p6 )
Javascript, HTML dynamique.
( p8 )
Ajax, programmation ct client.
( p10 )
Javascript, perfectionnement pour le Web 2.0. ( p12 )
Dojo Toolkit, crer des applications Ajax/ RIA en JavaScript.
( p14 )
HTML 5, CSS3, nouveauts et dveloppement RIA.
( p16 )
HTML 5, les API JavaScript.
( p17 )
Accessibilit, enjeux et mise en uvre. ( p18 )
Web 2.0, dvelopper des applications. ( p19 )
Crer des applications multiplateformes pour mobiles.
( p20 )
Flash et ActionScript.
( p22 )
ActionScript 3.0, programmation. ( p24 )
Flex et ActionScript 3.0, niveau 1. ( p26 )
Flex et ActionScript 3.0, niveau 2. ( p28 )
PHP 5, dvelopper un site Web dynamique. ( p30 )
PHP 5, pour les dveloppeurs objet. ( p32 )
L'essentiel de Java et de l'objet.
( p33 ) Dvelop-
per en Java.
( p35 )
Dvelopper une application Web 2.0 /GWT. ( p37 )
Java, dveloppement de servlets et JSP.
( p39 )
Framework JavaServer Faces. ( p41 )
Struts 2, dvelopper des applications Web MVC.
( p43 )
Visual Basic .NET.
( p45 )
C#, dvelopper en .NET. ( p47 )
ASP.NET 4.0/3.5, niveau 1. ( p49 )
Programmation Web MVC en .Net. ( p51 )
ASP.NET 4.0/3.5, niveau 2. ( p53 )
Matriser Silverlight 4. ( p55 )
PHP 5, dvelopper un site Web dynamique. ( p56 )
PHP 5, pour les dveloppeurs objet. ( p58 )
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 2 / 65
PHP 5, dveloppement Web avec Symfony.
.......................... ( p59 )
Ruby On Rails, dveloppement Web. ... ( p61 )
Grails, developpement d'applications Web.
.......................... ( p62 )
Langage Perl. .... ( p63 )
Cycle certifiant Dveloppeur Web ct client. .... ( p64 )
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 3 / 65
Stage pratique.
Rf : DSW
Participants
Cette formation pratique
s'adresse aux informaticiens
qui souhaitent concevoir une
application client intranet/
Internet.
Pr-requis
Connaissances de base en
architectures techniques.
Dvelopper un site Web, synthse pratique
OBJECTIFS
Ce cours, trs pratique, vous prsentera l'ensemble des technologies Internet. Il vous expliquera le fonctionnement des
services Web et des diffrents langages associs, HTML, XML..., les technologies du Web 2.0, ainsi que les techniques
graphiques, l'interrogation des bases de donnes et l'administration. Les exercices vous permettront d'apprhender d'une
manire trs concrte toutes les phases de la ralisation d'un site Web.
1) Les technologies du site Web
2) Administration et scurisation du serveur web
3) Cration de pages Web : HTML, XML, XHTML
4) Les formulaires
5) Conception graphique et multimdia
6) Accessibilit et ADAE
7) Ergonomie d'une application Web
8) Pages dynamiques
9) Les technologies Web 2.0
10) Le langage JavaScript et DHTML
1) Les technologies du site Web
- Les serveurs Web (Apache, IIS). Wampserver. Les protocoles TCP/IP, HTTP. FTP. Les URL. Les services rseaux
complmentaires (DNS, DHCP, ...).
- Achat et gestion du nom de domaine. Choisir un hbergeur. Architecture technique. Organisation. Les services Web.
2) Administration et scurisation du serveur web
- Protocoles HTTPS, SSL.
- Les certificats, le firewall, le proxy.
- Paiement scuris.
- Mise en oeuvre de l'ensemble des oprations d'administration effectues par le webmaster (nom de domaine, transfert ftp,
scurit, cration de messages d'erreur personnaliss, gestion des fichiers journaux, suivi et analyse des statistiques).
3) Cration de pages Web : HTML, XML, XHTML
- Prsentation des langages HTML, XHTML, HTML5. Diffrences entre les navigateurs.
- Structure, liens, hypertexte.
- Les images, les cadres, les feuilles de style. Les formats vectoriels.
- Tableaux et calques.
- Techniques pour russir son rfrencement sur les moteurs de recherche. Les mta-tags.
- Dfinition et intgration de composants Plug-ins. Flash, Silverlight, Java, ActiveX.
Travaux pratiques
Ralisation de pages complexes HTML avec Dreamweaver. Cration de feuilles de style, prparation de la page au
rfrencement.
4) Les formulaires
- Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases cocher, listes, zones de texte, slections
de fichier.
Travaux pratiques
Ralisation d'un formulaire avec envoi des donnes vers la messagerie et une base de donnes.
5) Conception graphique et multimdia
- Crer une charte graphique. Intgrer une charte graphique.
- Mise en oeuvre d'outils graphiques (Fireworks) pour concevoir une interface volue.
- Dveloppement d'animations avec Flash.
- Les ressources graphiques GIF, JPEG, PNG, Shockwave.
Travaux pratiques
Conception d'un modle de page HTML avec Fireworks, composant Flash. Intgration de plug-ins multimdias pour
visualiser des composants Flash, Shockwave.
6) Accessibilit et ADAE
- Norme. Impact sur le dveloppement. Mettre en conformit le site avec l'accessibilit. Outils de test. Labels Accessiweb.
Outils de validation en ligne.
Travaux pratiques
Mise en oeuvre d'outils de test et audit.
7) Ergonomie d'une application Web
- Charte graphique. Rgles d'usability. Ecueils graphiques viter pour faire un site efficace (navigation, mise en page,
contraintes techniques). Modles de pages.
Travaux pratiques
Dfinir le cahier des charges de la charte graphique.
8) Pages dynamiques
- Diffrence entre serveur web et serveur d'application.
- Mode de fonctionnement, scurit. Les mthodes GET et POST. Les variables serveur.
- Les serveurs web du march.
- Les langages de scripts serveur et leurs plateformes de dveloppement : ASP, ASPX, JSP, PHP.
- Appel de services Web. 6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 4 / 65
- Intgration de requtes SQL dans la page pour insrer, supprimer, modifier des donnes de la base.
Travaux pratiques
Dvelopper des pages dynamiques, interrogation d'une base de donnes, de services web.
9) Les technologies Web 2.0
- Prsentation des technologies Web 2.0 (blogs, rss, wiki...).
- Les technologies mergentes d'interfaces graphiques : XUL, XAML, Flex, HTML5.
- Prsentation et mise en oeuvre de solutions Rich internet Application (RIA) et Rich Desktop Application (RDA).
- Prsentation des solutions mergentes Adobe AIR, Microsoft SilverLight, framework Google.
Travaux pratiques
Dmonstration et mise en oeuvre de ces multiples technologies.
10) Le langage JavaScript et DHTML
- Syntaxe du langage. Contrles de saisie d'un formulaire. Effets de rollover sur les images. Gestion des cookies. Mise en
oeuvre du DHTML. Effets spciaux en DHTML.
- DOM et Ajax.
- Prsentation Ecmascript et mergence du langage Actionscript.
- Prsentation des offres du march base de Javascript (Google API, Widgets...).
- Rcuprer, savoir dbuguer vos programmes.
Travaux pratiques
Utilisation du JavaScript pour ajouter des effets DHTML et des contrles sur formulaire, gestion d'vnements en JavaScript
Intgration de scripts existants. Gestion de cookies.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 5 / 65
Stage pratique
Rf : DCS
Participants
Ce stage s'adresse tous les
internautes et webmasters
dsirant acqurir de bonnes
pratiques de cration de site.
Pr-requis
Aucune connaissance
particulire.
Dreamweaver CS5, prise en main
OBJECTIFS
Vous apprendrez utiliser l'atelier Dreamweaver CS5 d'Adobe, notamment pour prparer des pages HTML et XHTML
simples et amliorer leur aspect graphique avec des feuilles de styles CSS. A l'issue de ce cours, vous serez en mesure de
crer, maintenir et promouvoir des sites Web de qualit.
1) Rappels du Web
2) Dreamweaver
3) Cration de pages simples
4) Accessibilit et Web usability
5) Mise en forme avance avec CSS
6) Introduction au DHTML
1) Rappels du Web
- Principaux protocoles d'un site web (HTTP, FTP, SMTP, POP3, IMAP). Principes : client-serveur et site Web.
- Navigateurs Web (MSIE, Mozilla Firefox).
- Principaux serveurs HTTP (Apache, IIS).
- Les URL (structure, mthode GET, accs localhost).
- Le langage HTML.
Travaux pratiques
Exploration de sites partir de deux navigateurs. Dmons-tration de l'interface IIS. Paramtrage d'un site local. Modification
manuelle des paramtres d'une URL en GET.
2) Dreamweaver
- Prsentation de la gamme Adobe. Prise en main de Dreamweaver CS5 (dmarrage, espace de travail, paramtrage,
premire page, publication, tests).
Travaux pratiques
Prparation de l'environnement de travail (espace, dossiers). Cration d'une premire page. Publication distante en FTP.
3) Cration de pages simples
- Les textes (principales balises, casse, fonte, couleur, paragraphes, titres...). Les images (GIF, JPG et PNG, insertions,
bordures, zones ractives...).
- Les hyperliens (url, cibles, ancres...).
- Proprits de la page (fonds, ancres, ascenseurs...).
- Mise en forme l'aide de tableaux.
Travaux pratiques
Cration d'une page comportant des textes, liens et images.
4) Accessibilit et Web usability
- Qu'est-ce que l'accessibilit ? (technique et handicap, lois, initiatives publiques, prives...).
- Importance du (X)HTML. Sparation smantique (contenu, forme, interactivit).
- Qu'est-ce que la web usability ? (ergonomie globale).
- Importance de l'apparence (charte, best practices...).
- Importance du contenu et rfrencement (mta-tags).
- Les outils d'valuation de l'ergonomie.
Travaux pratiques
Tests et rapports d'accessibilit avec Dreamweaver. Dfinition d'une charte graphique. Visite de quelques sites de
rfrencement.
5) Mise en forme avance avec CSS
- Qu'est-ce qu'un CSS ? (dfinition, fichier...)
- Cration, utilisation, liaison, import. Mise en page l'aide de divisions logiques (positions relatives et absolues...).
- Maintenance et nettoyage du code.
Travaux pratiques
Cration de trois pages lies entre elles par une page sommaire, avec barre de navigation...
6) Introduction au DHTML
- Qu'est-ce que JavaScript ? Dcouverte d'effets Spry.
Travaux pratiques
Test simple de dclenchement JavaScript. Mise en oeuvre de quelques effets Spry sur les pages dj cres.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 6 / 65
Stage pratique
Rf : DCSW
Participants
Ce stage pratique s'adresse
tous les informaticiens
dsireux de matriser les
techniques permettant de
dvelopper un site Web et de
construire une interface Web
interactive et dynamique.
Pr-requis
Connaissances de base
des composants d'une
architecture Web.
Dreamweaver CS5, dvelopper un site Web
OBJECTIFS
Dreamweaver est l'atelier de conception de pages Web le plus rpandu sur le march. En dcouvrant ses fonctionnalits,
vous apprendrez matriser l'diteur de pages XHTML/HTML, la mise en forme graphique au moyen des feuilles de style
CSS, tout en prenant en compte l'accessibilit des sites Web. Vous utiliserez le produit pour intgrer des technologies ct
client (JavaScript, applet Java, Flash, plug-ins, composant ActiveX) et grer les interactions avec des bases de donnes.
A l'issue de ce cours, vous serez en mesure de crer vos propres sites Web et aurez dcouvert toutes les particularits de
Dreamweaver CS5.
1) Rappels Web
2) Le studio Dreamweaver
3) Composition de pages l'aide des ateliers
4) Design et accessibilit
5) Intgration de composants mdia
6) JavaScript
7) Accs aux bases de donnes et XML
8) Authentification utilisateur
1) Rappels Web
- Les protocoles d'un site web : HTTP, FTP, NNTP, SMTP, POP3.
- Fonctionnement d'un site Web.
- Les sites Intranet, Internet, Extranet, B2B, B2C. Impact sur les technologies.
- Plateforme d'hbergement, navigateurs, Firewall.
- Le langage HTML, rle et structure des URL.
- Paramtrage du poste client et serveur.
Travaux pratiques
Paramtrage du navigateur, du serveur Web, cration d'alias.
2) Le studio Dreamweaver
- Prsentation de la gamme Macromedia. Couplage Dreamweaver / Fireworks.
- Environnement de test.
- Prise en main de Dreamweaver. Paramtrage de l'espace de travail, de l'interface de l'atelier. Enrichir les menus
Dreamweaver.
- Cration d'un site Web : choix techniques, compatibilit.
- Conception graphique HTML : les images et les zones sensibles, liens, ancres, mta-tags, formatage graphique, tableaux,
paragraphes, imports externes, convertisseurs Word.
- Description du langage HTML et la dernire version, XHTML.
- Les versions XHTML 1.0, XHTML mobile.
- Publication du site et optimisation du code (nettoyage du code).
- Travail en quipe et les " Design Notes ".
Travaux pratiques
Cration d'un espace de projet de site Web. Dcouverte de l'diteur graphique et construction graphique de pages.
Dveloppement de pages XHTML.
3) Composition de pages l'aide des ateliers
- Cration d'un modle de page. Contrles sur les zones modifiables. Utilisation des modles PHP, WML, HTML...
- Import externe de pages.
- Les feuilles de styles CSS-1, CSS-2. Import, partage construction, utilisation.
- Cration de formulaires (zones de texte, checkbox, combobox, radio, upload), les mthodes GET et POST et les actions
associes. Contrles de saisie avec le Framework SPRY.
- Les mta-tags de la page et le rfrencement.
- Construction de cadres (frames), proprits, modifications, interactions entre cadres.
Exercice
Cration de CSS, tableaux, cadres. Import de pages. Cration de formulaire et appel de serveur.
4) Design et accessibilit
- Construction de la charte graphique. Importer une charte graphique dans le projet.
- Rgles " d'utilisabilit " : points de composition respecter.
- Cration d'un modle de page avec Fireworks.
- Accessibilit et prise en charge de la priorit 2 du WAC/W3C.
Exercice
Test de compatibilit XHTML et d'accessibilit. Cration d'un modle partir de Fireworks. Reproduire techniquement une
charte graphique fournie.
5) Intgration de composants mdia
- Animation graphique : mise en oeuvre de scnario, rollover.
- Intgration de composants graphiques : Flash, Applet, ActiveX, Plug-ins, vido Flash.
- Utilisation de l'inspecteur de tags.
Exercice
Cration de contrles en JavaScript, intgration de multiples composants multimdias.
6) JavaScript
- Syntaxe JavaScript. Les objets Script.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 7 / 65
- Cration dynamique de code JavaScript et association aux vnements. Dbogage de code. Tlchargement de scripts
JavaScript.
Travaux pratiques
Contrles sur les formulaires, ouverture de pop-up, traitement sur les layers.
7) Accs aux bases de donnes et XML
- Paramtrage de la connexion ODBC. Consultation de la base de donnes (donnes, types) avec l'diteur SGBD de
Dreamweaver.
- Les objets serveurs pour la gestion dynamique des bases de donnes : insertion dans une table, suppression d'un
enregistrement, modification d'un enregistrement.
- Interrogation SQL sur une table. Prparation et personnalisation des requtes l'aide de l'assistant. Les barres et tats de
navigation.
- Manipulation des pages principales/dtails.
- Rcupration des rsultats et manipulation des RecordSet. Gnration des tableaux dynamiques de rsultats. Utilisation
des tables pour gnrer des formulaires.
- Construction de pages XSLT.
- Cration graphique d'un appel Ajax avec SPRY Dataset.
Travaux pratiques
Cration d'une connexion une base, gestion de la base (insert, update, delete, select). Cration dynamique de formulaires
avec recherche vers une base.
8) Authentification utilisateur
- Gestion des formulaires de login. Raccordement automatique d'une table d'authentification au site Web. Contrle
conditionnel d'accs aux pages. Variable de session.
Travaux pratiques
Cration d'une table d'utilisateurs avec la gnration de pages de login.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 8 / 65
Stage pratique
Rf : DHL
Participants
Ce stage pratique s'adresse
tous concepteurs de
sites Web et informaticiens
dsireux d'exploiter Javascript
et les technologies HTML
dynamique pour leurs projets.
Pr-requis
Bonnes connaissances du
HTML. Connaissances de
base en programmation
Javascript, HTML dynamique
OBJECTIFS
Le langage Javascript est devenu incontournable dans le dveloppement de sites Web, tant pour sa relation forte l'interface
graphique que pour le traitement client/serveur. Ce stage vous apportera toute la connaissance pour interfacer le langage
avec les lments graphiques des pages Web et ainsi pouvoir raliser des menus droulants, des animations, modifier
dynamiquement les styles de prsentation ou encore ragir aux actions de l'utilisateur... Il vous apprendra galement
lancer des requtes au serveur (AJAX) et manipuler des donnes XML.
1) Les technologies du Web
2) Le langage JavaScript
3) Evnements et donnes
4) Gestion de formulaires HTML
5) Interaction avec les feuilles de style en cascade
6) Manipulation du DOM XML
7) Ajax
Travaux pratiques
Programmation Javascript, manipulation du DOM, gestion de l'interactivit.
1) Les technologies du Web
- Prsentation des types de navigateurs et leur impact sur la portabilit des programmes JavaScript. Versions de JavaScript.
- Les composants Web : HTML, XHTML, CSS, Javascript, Flash, Java... Les protocoles HTTP, HTTPS.
- Impact de Javascript sur l'accessibilit et le rfrencement.
- Importance de JavaScript sur les sites web 2.0. Impact de la conformit XHTML sur l'utilisation dynamique de Javascript.
- Les outils de dveloppement (diteur, dbogueur...).
- Positionnement et illustration des technologies DHTML.
2) Le langage JavaScript
- Dclaration et porte des variables.
- Types de donnes (Number, Boolean, Date, Math, String, Array). Typage et conversion de type. Dtection de type avec
typeof.
- Gestion des tableaux.
- Oprateurs logiques et arithmtiques. Boucles (for, while...).
- Cration de fonctions et paramtrage variable.
- Faire un codage scuris avec la gestion d'erreur et les exceptions.
- Rappels sur les concepts objets. Dveloppement Objet en JavaScript : cration de classes (mthodes, proprits).
Constructeur. Surcharge. Usage des mots rservs prototype, this. Cration d'instance. Usage d'Object sur les classes
dynamiques. Extension des objets prdfinis.
- Utilisation du format JSON pour la cration de classes.
- Les objets prdfinis du langage (Array, Date, Math, String, Regexp ...) et leur utilisation.
Exercice
Mise en oeuvre des diffrentes fonctionnalits Javascript travers de multiples travaux pratiques.
3) Evnements et donnes
- Organisation des vnements. Impact des vnements sur les types de navigateurs et versions de DOM.
- Comment programmer des couteurs sur des vnements par programme, par paramtrage des balises HTML. Rgles
pour faire un codage multinavigateur.
- Crer, dtruire des couteurs.
- Les traitements vnementiels JavaScript : gestionnaires clavier, souris, vnements lis aux formulaires, Rollover, menus
dynamiques.
- L'objet Event et son utilisation.
- Les objets du DOM (window, document, ...) et leur manipulation.
- Manipulation des URL (redirections http, ...).
- Gestion des cookies (lecture et criture).
Exercice
Programmation d'vnements multiples sur les lments formulaire, souris, clavier...
4) Gestion de formulaires HTML
- Manipulation de contenu de formulaires.
- Accs et modification dynamique des composants du formulaire : zone de saisie, cases cocher, cases d'options,
manipulation de combobox, textarea.
- Fonctions de validation de formulaire.
- Evnements lis aux lments de formulaire : changement, initialisation, clic,...
Exercice
Conception de fonctions personnalises contrlant les activits de l'utilisateur.
5) Interaction avec les feuilles de style en cascade
- Rappel sur les feuilles de style en cascade (CSS-1, CSS-2), Les outils pour les manipuler.
- Implmentation des CSS en tant que proprits des objets du DOM.
- Modification directe des proprits CSS des objets du DOM.
- Modification de l'objet CSS stylesheets.
- Rendre la page dynamique via le changement des proprits de style.
Exercice
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 9 / 65
Ralisation de pages simples afin de se familiariser l'utilisation de feuilles de style et leur manipulation travers
JavaScript.
6) Manipulation du DOM XML
- Prsentation du langage XML (lments attributs).
- Implmentation des analyseurs XML (parseurs) chez Microsoft IE et les autres : variantes entre les navigateurs,
problmatique de la maintenance.
- Manipulation des objets du DOM (lecture, ajout, suppression, modification de noeuds).
Exercice
Familiarisation la construction d'un chemin d'accs un lment du DOM.
7) Ajax
- Prsentation de Asynchronous Javascript And Xml
- Enjeux, solutions et alternatives.
- Les bibliothques du march.
- HTTP et Ajax : changes HTTP et l'objet XMLHttpRequest.
Exercice
Rcupration de donnes XML et affichage des donnes. Interrogation d'une base de donnes. Cration d'un formulaire de
connexion.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 10 / 65
Stage pratique
Rf : PAJ
Participants
Ce cours s'adresse aux
webmasters, dveloppeurs
web, informaticiens.
Pr-requis
Bonnes connaissances en
JavaScript et en technologies
Web Ct client.
Ajax, programmation ct client
OBJECTIFS
Ajax est devenu une technologie incontournable du dveloppement d'applications riches Web 2.0. Durant ce cours, vous
apprendrez la manipulation de ses composants, le CSS, le DOM, ainsi qu' tablir des changes client-serveur.
1) Ajax
2) Rappel XML
3) Rappels JavaScript
4) JavaScript Object Notation (JSON)
5) Programmation du DOM
6) Traitements XML en JavaScript
7) XMLHttpRequest
8) Les patterns Ajax
9) Complments
1) Ajax
- Les objectifs d'Ajax. Principes de fonctionnement.
- Force du mix technologique Ajax/REST/Web 2.0.
- Choisir entre Ajax et Flash, Applet, Html. Application.
2) Rappel XML
- La structure XML. les namespaces.
- Les moyens de validation XML : DTD et XSD.
- Limite du XPath. Mise en oeuvre XSLT en Ajax.
Travaux pratiques
Cration d'une structure XML bien forme et valide.
3) Rappels JavaScript
- La programmation Objet. Types. Variables. Tableaux.
- Ecmascript. Emergence d'ActionScript.
Travaux pratiques
Cration et manipulation de classes et d'objets.
4) JavaScript Object Notation (JSON)
- Avantages et inconvnients dans les changes.
- Objets, Arrays, syntaxe et parseur JSON.
- JSON, avantages et inconvnients.
- Srialisation entre client et serveur.
5) Programmation du DOM
- Importance du langage XHTML.
- Composants DHTML.
- Le rle du DOM dans la programmation XML.
- Gestion dynamique de CSS.
Travaux pratiques
Modification dynamique du DOM d'une page HTML.
6) Traitements XML en JavaScript
- Prsentation XSLT. Le langage Xpath.
- Le format RSS.
Travaux pratiques
Traitement XSLT. Utilisation de flux RSS.
7) XMLHttpRequest
- Crer et utiliser un objet XMLHttpRequest.
- Outils de dbogage (IE Toolbar, Firebug).
- Modification des en-ttes HTTP.
- Encodage et dcodage des donnes.
- Gestion des erreurs.
- Gestion du cache.
Travaux pratiques
Crer une application Ajax pour lire, modifier et crire dans une table produit, formulaire de login. Remplir dynamiquement un
menu droulant. Traitement RSS partir de flux Ajax.
8) Les patterns Ajax
- Threads. Usage d'iFrame pour les appels Client/Server.
- Traitements asynchrones, synchrones.
- Scuriser des changes Ajax (cryptage, sessions...)
- Problmatiques de scurit et performance : cryptage, compression, dbogage, offuscation.
- Mise en place de proxy crossDomain.
- Prsentation et mise en oeuvre du framework jQuery, impact sur l'interface graphique.
Travaux pratiques
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 11 / 65
Mise en oeuvre de requtes asynchrone et multithreads.Dveloppement Ajax en jQuery.
9) Complments
- Framework Ajax, Java, .NET.
- Ajax et XUL.
- Prsentation de la programmation Ajax avec HTML5. Nouveaux vnements.
- Ajax et les API Google : Google Search et Google Maps.
Travaux pratiques
Dvelopper en JavaScript un exemple de cartographie. Dveloppement Ajax sous HTML5.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 12 / 65
Stage pratique
Rf : JPG
Participants
Ce stage pratique s'adresse
tous les concepteurs de
sites Web et informaticiens
dsireux d'exploiter JavaScript
et les technologies HTML
dynamique pour leurs projets.
Pr-requis
Bonnes connaissances
en JavaScript et HTML.
Connaissances de base de
XML.
JavaScript, perfectionnement pour le Web 2.0
OBJECTIFS
Le langage JavaScript est devenu incontournable pour le dveloppement d'applications riches client. Ce cours vous donnera
tout le savoir-faire technologique pour mettre en oeuvre de vritables applications Web 2.0 partir de concepts avancs
JavaScript.
1) Parseur XML
2) Evnements du DOM 2
3) Programmation Oriente Objet
4) Expressions rgulires
5) Echange de donnes, interactions
6) Environnement de dbogage
7) Programmation JavaScript sous HTML5
8) Google API : Maps, Search et Charts
9) Framework JQuery
1) Parseur XML
- Mthodes du DOM. Structure XML.
- Les lments de type Text, Node, Attribut.
- Cration dynamique d'objets HTML.
- Rappels DTD et XSD.
Exercice
Parcourir une structure XML partir d'un flux Ajax.
2) Evnements du DOM 2
- Le gestionnaire d'vnements.
- Phases des vnements capture, capturing, bubble.
- Description des objets de type Event.
- Les vnements Mouse et Keyboard.
- Gestion dynamique des vnements.
- Cration d'vnement et diffusion.
- Impact de preventDefault et stopPropagation sur la personnalisation de son IHM.
- Diffrences entre navigateurs.
Exercice
Gestionnaire clavier, cration de son gestionnaire d'vnement.
3) Programmation Oriente Objet
- Rappels sur l'objet. Proprits. Mthodes. Hritage.
- Porte des donnes prives et publiques.
Exercice
Cration d'un mini-framework.
4) Expressions rgulires
- Mcanismes.
- Dbut et fin ( ^ $ ). Occurrences ( ? + * {} ). Common Characters ( . \d \D \w \W \s \S ). Groupes ( [] ). Ngation ( ^ ).
Patterns ( () ). Alternatives ( | ). Escape Character ( \ ).
Travaux pratiques
Contrle de dates, email.
5) Echange de donnes, interactions
- Cookies.
- Base embarque dans le navigateur Sqlite.
- Base distante via Ajax et HttpRequest.
- Interfaage avec une application Flash.
Travaux pratiques
Communication avec une application Web. Appel de services web. Cration de cookie. Utilisation d'une base embarque,
changes avec la base distante.
6) Environnement de dbogage
- Introduction, solutions ddies aux navigateurs.
- Messages d'erreur. Tests de performance. Points d'arrt. Tests multinavigateurs.
- Stockage des bancs de test.
Travaux pratiques
Mise en oeuvre d'outils de dbogage.
7) Programmation JavaScript sous HTML5
- Nouveaux vnements. Modes de communications client/serveur. Gestion multimdia.
Travaux pratiques
Cration Ajax sous HTML5. Gestion vido. Gestion des donnes persistantes.
8) Google API : Maps, Search et Charts
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 13 / 65
- Enjeux de la cartographie pour les applications Web.
- Cration d'une Maps. Systmes de coordonnes.
- Gocoder pour la recherche d'adresse.
- Outils de navigation (zoom, mini-carte, vue arienne, vue plan...).
- Cration de markers.
- Le gestionnaire d'vnement GEvent.
- Groute pour l'identification de trajectoires.
- Format KML pour l'enregistrement de cartes.
- Utiliser l'diteur de cartes de Google. Publier ses cartes sur Internet.
- Intgration de Google Search dans les pages Web.
- Types de recherche : Web search, Local Search, Video Search, Blog Search, News Search, Book Search, and Image
Search. Options de recherche.
- Gnration de graphiques dynamiques avec Google Charts API. Formats barres, Pie, Point, courbes. Encodage de
donnes simple, complexe.
Travaux pratiques
Mise en oeuvre des principales fonctions de Google Map API. Cration de graphiques statistiques.
9) Framework JQuery
- Fonctionnement de JQuery. Gestion des vnements.
- Mise en oeuvre de jQuery pour des changes Ajax.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 14 / 65
Stage pratique
Rf : DOJ
Participants
Ce cours s'adresse au
dveloppeur Web ralisant
des interfaces utilisateurs en
HTML/CSS et souhaitant les
dynamiser avec JavaScript.
Pr-requis
Bonnes connaissances en
HTML, CSS et JavaScript.
Connaissances de base en
programmation oriente objet.
Dojo Toolkit, crer des applications Ajax/RIA en
JavaScript
OBJECTIFS
Dojo Toolkit est un Framework JavaScript Open Source qui facilite le dveloppement Web 2.0. Ce stage vous apportera
la matrise des fonctionnalits les plus utiles de Dojo et vous apprendra les mettre en oeuvre pour crer des applications
Web " riches " (RIA). Vous verrez comment utiliser Ajax, concevoir des IHM et des formulaires volus, utiliser des widgets
prfabriqus ou crer vos propres composants.
1) Introduction Dojo Toolkit
2) Le module Dijit : interface graphique et formulaire
3) Gestion des modules et programmation oriente
objet
4) Gestion des vnements
5) Ajax
6) Drag and Drop et animations CSS
7) Fonctions utilitaires
8) Modules et outils complmentaires
Travaux pratiques
Les travaux pratiques ont pour objet la ralisation d'un prototype d'une application. L'interface graphique de l'application
sera ralise en exploitant les widgets fournis avec Dojo Toolkit puis progressivement enrichie pour prendre en compte les
interactions avec l'utilisateur.
1) Introduction Dojo Toolkit
- Prsentation des concepts et technologies du Web 2.0.
- Prsentation de l'architecture.
- Prsentation des diffrentes ditions.
- Intgration une application.
- Configuration de Dojo Toolkit.
Travaux pratiques
Installation de Dojo Toolkit. Cration d'un document HTML intgrant Dojo Toolkit. Configuration des paramtres de base.
2) Le module Dijit : interface graphique et formulaire
- Architecture et cycle de vie d'un widget.
- Instanciation d'un widget.
- Utilisation et personnalisation d'un thme.
- Les widgets applicatifs : barre de menus et barre d'outils, info-bulle, menu contextuel, affichage arborescent, barre de
progression, bote de dialogue...
- Les widgets de mise en page : ContentPane, BorderContainer, TabContainer, StackContainer, AccordionContainer.
- Les widgets de formulaire : champs de texte, listes droulantes, boutons, case cocher, bouton radio, curseur...
- Fonctions utilitaires pour la gestion des widgets.
Travaux pratiques
Dfinition de la maquette de l'application. Intgration de la maquette l'aide des widgets.
3) Gestion des modules et programmation oriente objet
- Cration et configuration d'un module.
- Rappel sur la programmation oriente objet.
- Simulation des classes et de l'hritage.
- Fonctions utilitaires pour la programmation oriente objet.
Travaux pratiques
Cration d'un widget personnalis.
4) Gestion des vnements
- Gestion des vnements du DOM.
- Gestion des vnements d'un widget.
- Implmentation d'une architecture Publish/Subscribe.
Travaux pratiques
Ajout des gestionnaires d'vnement aux widgets de l'application.
5) Ajax
- Prsentation de l'architecture Ajax.
- Utilisation des fonctionnalits Ajax.
- Prsentation du format JSON.
Travaux pratiques
Modification des formulaires de l'application pour employer Ajax.
6) Drag and Drop et animations CSS
- Utilisation du Drag and Drop.
- Utilisation des animations prdfinies.
- Cration d'une animation personnalise.
- Chanage et combinaison des animations.
Travaux pratiques
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 15 / 65
Ajout du Drag and Drop et des animations l'application.
7) Fonctions utilitaires
- Manipulation de chanes.
- Manipulation de tableaux.
- Manipulation du DOM.
- Gestion des cookies.
- Gestion du bouton Prcdent.
8) Modules et outils complmentaires
- Prsentation du module Dojox.
- Dojo Build Tools : dploiement d'une application Dojo.
- Dojo Objective Harness (DOH) : tests unitaires pour JavaScript.
Travaux pratiques
Cration d'une dition personnalise de Dojo Toolkit.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 16 / 65
Stage pratique
Rf : HCS
Participants
Dveloppeurs Web. Chefs de
projet Web.
Pr-requis
Connaissances de base de
HTML et CSS.
HTML 5.0, CSS3, nouveauts et dveloppement RIA
OBJECTIFS
Cette formation vous apprendra crer des pages et des applications Web en utilisant HTML5 et CSS3. Vous dcouvrirez
les avances proposes par le HTML5 notamment en termes d'interfaces Web riches/RIA, de multimdia et de moyens de
communication permettant la mise en oeuvre d'applications client/serveur attractives.
1) Rappels
2) Introduction au HTML 5
3) Balises HTML
4) Nouveauts du CSS3
1) Rappels
- Rappels sur les versions HTML, DOM.
- Position des navigateurs face aux technologies HTML.
- Outils de dveloppement HTML 5.
- Test de compatibilit, mthode de dtection HTML 5.
2) Introduction au HTML 5
- Les objectifs de HTML 5.
- Les principaux concepts et apports.
- La " roadmap " de HTML 5.
- Quand utiliser HTML 5 ?
- Les diffrents composants. Balises, formulaires, audio, vido, API, etc.
Travaux pratiques
Dmonstrations. Dcouvertes des possibilits et du champ d'action.
3) Balises HTML
- Structure de la page.
- Nouveaux tags smantiques header, section, footer, article, nav, aside. Encodage des donnes. L'lment HTML 5
Canvas.
- Diffrence Canvas vs SVG. Usage du Canvas : accessibilit, positionnement, effets.
- La smantique HTML 5.
- Les nouvelles balises.
- Les extensions de balises HTML existantes.
- Les nouveaux attributs : a, fieldset, iframe, area, button...
- Les microformats. Prsentation et avantages sur le rfrencement. Attributs itemprop='nationality' ...
- Les formulaires. Les nouveaux types INPUT (email, date, week,...). Les nouveaux champs de formulaires : range,
autofocus, placeholder, menu, ...
- Les formats multimdia. Codecs et API Multimdia. Gestion vido et audio avec les nouvelles balises HTML 5.
Travaux pratiques
Cration de templates HTML 5. Positionnement d'lments en absolu. Nombreux TP sur la mise en oeuvre des balises
HTML5 (formulaires, conception. ...). Ralisation d'un lecteur multimdia.
4) Nouveauts du CSS3
- Nouveaux slecteurs : nth-child(even), child ...
- Support des polices : @font-face ...
- Mise en forme du texte.
- Text wrapping : text-overflow: ellipsis.
- Bordure sur texte : -webkit-text-fill-color,...
- Ombrage : text-shadow.
- Gestion multi colonnes : -webkit-column-count...
- Couleurs et lumires. Opacit. Saturation, luminosit hsla (95, 98%, 68%, 0, 19).
- Bordures arrondies : border-radius.
- Ombres sur texte et sur box et box-shadow.
- Gestion des fonds.
- Fonds ajusts aux conteneurs.
- Fonds dgrads : -webkit-gradient.
- Animations.
- Transitions : -webkit-transition.
- Transformation, rotations : -webkit-transform.
Travaux pratiques
Intgration de CSS 3 aux applications Web. Mise en forme de textes. Gestion multicolonne. Positionnement l'cran.
Animation et effets de transition.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 17 / 65
Stage pratique
Rf : HML
Participants
Dveloppeurs Web. Chefs de
projet Web.
Pr-requis
Bonnes connaissances
du langage HTML et de
JavaScript.
HTML 5, les API JavaScript
OBJECTIFS
Le HTML5 mne le JavaScript un niveau d'achvement qui permettra aux applications Web de rivaliser avec les
applications de bureau en termes d'interactivit. Cette formation vous apprendra mettre en oeuvre les diffrentes API
JavaScript proposes avec le HTML5, parmi lesquelles celles ddies au stockage, la communication client/serveur ou
encore la golocalisation.
1) Introduction
2) Gestion de la persistance
3) Gestion du cache
4) Communication Client/Serveur
5) Gestion du glisser/copier
6) Golocalisation
1) Introduction
- Les principales nouveauts HTML 5 : les principales balises, les formulaires...
- Les nouveaux slecteurs CSS : recherche d'lment par Classe, par slecteurs...
Travaux pratiques
Recherche d'lments par positionnement ou Class.
2) Gestion de la persistance
- Vue d'ensemble des problmatiques de stockage.
- Stockage local (localStorage).
- Stockage de session.
- Stockage de base de donnes.
- Cration de bases, requtes.
- Outils d'administration sqLite.
- Oprations SQL disponibles.
Travaux pratiques
Cration d'une table produit avec requtage
3) Gestion du cache
- Prise en charge du mode dconnect.
- Evnements offline, online.
Travaux pratiques
Mise en place d'un mode dconnect.
4) Communication Client/Serveur
- Communication crossDomain.
- Cross Document Messaging.
- API PostMessage.
- Ecouteur de messages mis par le serveur. API EventSource.
- XMLHTTPRequest Level 2. Prsentation Level 2. Les vnements de progression. Communication multidocuments.
- Communication Web sockets. API et protocole Web socket.
Travaux pratiques
Mise en oeuvre et comparaison des diffrents protocoles C/S.
5) Gestion du glisser/copier
- Mcanismes Drag'n'Drop.
- L'attribut draggable.
- Possibilits et limites.
Travaux pratiques
Gestion panier par glisser/copier.
6) Golocalisation
- Vue d'ensemble de la golocalisation.
- Donnes prives.
- Sources d'information de localisation.
- Utilisation de l'API de localisation.
- Respect de la vie prive.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 18 / 65
Stage pratique
Rf : ACC
Participants
Ce cours s'adresse aux
chefs de projet, dcideurs,
directeurs communication,
responsables dpartement
multimdia, responsables
ditorial, responsables
MOA/MOE, webmestres,
rdacteurs, dveloppeurs
HTML.
Pr-requis
Bonnes connaissances des
langages HTML et JavaScript,
et des feuilles de style CSS.
Accessibilit, enjeux et mise uvre
OBJECTIFS
Cette formation introduit les principes gnraux de l'accessibilit, prsente les normes, outils et ressources disponibles, et
propose une approche mthodologique et oprationnelle pour la prise en compte de l'accessibilit numrique.
1) Pourquoi concevoir des sites accessibles tous ?
2) Accessibilit Web : repres du concepteur
3) Quel rfrentiel d'accessibilit choisir ?
4) Accessibilit, dmarche d'ensemble
5) Ecrire pour le Web
6) Dfinir la structure des pages
7) Rgles de mise en forme : fondamentaux
8) Outils de navigation
9) Composants graphiques
10) Liens hypertextes
11) Scripts
1) Pourquoi concevoir des sites accessibles tous ?
- Une opportunit d'intgration sociale.
- Le cadre lgal en France et en Europe.
- Monte en puissance de l'accessibilit du Web.
2) Accessibilit Web : repres du concepteur
- Comprendre les diffrences entre sites accessibles et sites non accessibles. Impacts d'une migration vers l'accessibilit sur
la chane de production Web.
3) Quel rfrentiel d'accessibilit choisir ?
- Pourquoi un rfrentiel ? Les rfrentiels d'accessibilit. Les critres de choix.
4) Accessibilit, dmarche d'ensemble
- Les tapes cls de mise en uvre. Quelle accessibilit pour les Intranets et les applications Web ? Formaliser une charte
d'accessibilit.
Travaux pratiques
Dmonstration de l'outil Confort de Lecture. Retours d'exprience d'un consultant ayant men des projets de conception
intgrant les rfrentiels d'accessibilit.
5) Ecrire pour le Web
- L'importance du contenu. Rendre un site plus efficace.
- Panorama des types ditoriaux.
- Lisibilit et notion d'ergonomie de lecture l'cran. Le comportement des internautes et son influence sur l'criture.
6) Dfinir la structure des pages
- Garantir la qualit de restitution. Format de page. Mtadonnes et titre de page. Changements de langue. Structurer le
contenu. Accessibilit et rfrencement.
7) Rgles de mise en forme : fondamentaux
- Principes gnraux. Mise en forme du texte.
- Sparer la mise en forme et le contenu. Respecter la charte graphique. Titraille. Composants graphiques. Liens
hypertextes. Listes puces.
- Mise en forme avance. Acronymes et abrviations. Composants multimdias. Tableaux de donnes. Formulaire.
8) Outils de navigation
- Menus, barre de progression et outils transversaux.
- Aide la navigation. Le plan du site.
9) Composants graphiques
- Rgle gnrale. Images de mise en forme. Puces graphiques, images illustratives, textuelles, cliquables.
10) Liens hypertextes
- Liens internes et externes. Liens de tlchargement. Groupes de liens.
11) Scripts
- Rgles de conception. Exemples : Pop up, redirection automatique.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 19 / 65
Stage pratique
Rf : XAW
Participants
Ce cours s'adresse aux
webmasters, dveloppeurs
web, informaticiens.
Pr-requis
Bonnes connaissances du
Web, d'HTML et de CSS.
Connaissances de base du
JavaScript et du XML.
Web 2.0, dvelopper des applications
OBJECTIFS
Web 2.0 est devenu un standard pour la dfinition des applications Web de demain et l'architecture des services associs.
Ce cours vous apprendra, au moyen de nombreux travaux pratiques, matriser les rgles de conception et les technologies
ncessaires la russite de votre site Web 2.0, HTML5.
1) Rappels XML
2) Introduction au Web 2.0
3) Feuilles de style
4) Interfaces graphiques
5) Interaction et formulaires
6) JavaScript
7) Les Frameworks professionnels
8) Les solutions Web 2.0
1) Rappels XML
- Structure XML et documents valides.
- Savoir lire un schma XSD.
- Web smantique et rfrencement (SEO, SiteMap).
Travaux pratiques
Cration de documents XML, de XSD et de XSL. Tests d'accessibilit. Cration de page XHTML.
2) Introduction au Web 2.0
- Les concepts et les technologies Web 2.0.
- Rgles de conception.
- Navigateurs du march, impact sur la portabilit.
Travaux pratiques
Analyse d'ergonomie Web 2.0. Interrogation de Services Web partir du Web.
3) Feuilles de style
- Les feuilles de style CSS, CSS-3 : couplage avec XML.
- Le dveloppement d'interface riche et anime.
Travaux pratiques
Paramtrage automatique de blocs, calques, menus, zones de formulaires partir de CSS.
4) Interfaces graphiques
- Langages XUL, XAML/SilverLight, Flex/MXML, SVG, HTML5.
- Flash pour traiter des donnes XML distantes.
- Prsentation des technologies RIA et RDA.
Travaux pratiques
Dveloppement d'une application de base XUL, Flex, Flash. Conversion HTML vers PDF. Cration de gadgets.
5) Interaction et formulaires
- Formulaires XForms dans les interfaces Web 2.0.
- Offre Microsoft InfoPath.
- les solutions de contrle de saisie (autosuggest,...)
Travaux pratiques
Dmonstration et cration de formulaires.
6) JavaScript
- Variable, fonctions. Manipulation d'objet.
- manipulation du DOM pour grer l'interactivit.
- Portabilit, industrialisation des programmes.
- Gnrateur d'interface GWT.
- Environnements de dveloppement et de test.
- Ajax. Principe. Codage.
7) Les Frameworks professionnels
- Google API (Google Maps, Ajax, feed, ...).
- Prototype, jQuery, Mootols, Yahoo (YUI), Adobe (SPRY).
Travaux pratiques
Cration d'une cartographie Google Maps.
8) Les solutions Web 2.0
- Dfinitions (blog, audioblog, podcast, outils...).
- WordPress pour la cration et gestion de ses blogs.
- Les protocoles RSS, ATOM dans les blogs.
- Les Wikis. Les solutions de commerce 2.0.
Travaux pratiques
Cration d'un blog et de son flux RSS.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 20 / 65
Stage pratique
Rf : MOB
Participants
Dveloppeurs et chefs de
projets mobilit.
Pr-requis
Bonnes connaissances
du Web, d'HTML de CSS.
Connaissances de base du
JavaScript et du XML.
Crer des applications multi-plateformes pour mobiles
OBJECTIFS
Cette formation vous apprendra raliser un site Web pour terminaux mobiles et tablettes avec les technologies HTML,
CSS et JavaScript. Vous mettrez en oeuvre les frameworks les plus utiliss pour raliser des applications fonctionnant sous
iPhone, Blackberry, Windows Phone, Android...
1) Rappels sur les technologies de base
2) Solutions embarques
3) Diffrence entre application Web traditionnelle et
mobile
4) Construction XHTML, HTML5
5) Framework Multi plateforme
6) Stockage des donnes dans le mobile
7) Cartographie et golocalisation
1) Rappels sur les technologies de base
- Prsentation des familles de terminaux smartTouchet tablets, leurs spcificits.
- Rappel sur les technologies HTML, CSS, JavaScript.
- Prsentation des moteurs Webkit, Gecko,...
- Importance et intgration du useragent.
- Communication Ajax : importance et limite selon les mobiles.
- Outils de dveloppement, de test, de simulation.
Travaux pratiques
Mise en place d'environnement de travail ddi au mobile.
2) Solutions embarques
- Prsentation des technologies existantes et leurs environnements de dveloppement : limite, cot, portabilit.
- Objective-C (iPhone, iPad), Java (Android, BlackBerry), .Net (Windows Mobile), Bada (Samsung), ...
- Mthode de publication d'une application dans les catalogues officiels des oprateurs (Applestore, Marketplace,
AndroidMarket, Ovi,...). Dmarches administratifs (iPhone Developer Program, Certificats, ...).
3) Diffrence entre application Web traditionnelle et mobile
- Diffrences entre les navigateurs : moteurs JavaScript, CSS, limite des plugins (Flash, PDF,...) spcificits propre chaque
fabricant.
- Diffrence des tailles des crans et solutions.
- Diffrences matrielles (CPU, mmoire).
4) Construction XHTML, HTML5
- Les balises META et spcifiques : Viewport et paramtrage dynamique des CSS.
- Balises traditionnelles de construction de pages.
- Constructions de tableaux.
- Les liens et les options ddies accesskey.
- Les images et importances des images sur les terminaux (format, poids des images).
- Les textes p, span. Les blocs div et les blocs canvas en HTML5.
- Les formulaires. Nouveaux types de donnes (daterange, slider, ...). Activation du clavier numrique.
- CSS : importance en mode multicanaux. Positionnement des lments. Empilement navigation entre les lments (zindex,
display, visibility).
- Apport des CSS3 en HTML5 et moteurs iwebkit (boutons, effets, transformations,...). JavaScript. Rappels sur le langage.
- Importance du DOM pour un portage multi terminal.
- Evnements multitouch spcifiques aux terminaux (gesture, touch, drag et drop,...).
- Bibliothque graphique : API de dessin (rectangle, ligne,...), palette de couleur, manipulation des images;
- Tests de conformit au W3C : outils de validation.
Travaux pratiques
Ralisation de pages mettant en oeuvre ces fonctionnalits. Ralisation d'un formulaire de saisie avec gestion automatique
du clavier, calendrier, slider. Cration de boutons et composant respectant la charte du terminal. Gestion par CSS de
la rotation du terminal. Ralisation du drap&drop, gestion dynamique des vnements " touch ". Ralisation d'un mini
gestionnaire de dessin pour afficher des graphiques.
5) Framework Multi plateforme
- Avantages d'utilisation d'un framework.
- Choisir le framework mobile : PhoneGap et ses outils de publication Appstore. RhoMobile et le langage Ruby, son modle
MVC. AppAccelerator. jQTouch. jQuery Mobile. Smartface spcial Blackberry et Nokia.
Travaux pratiques
Mise en oeuvre et dcouverte des diffrents framework disponibles sur le march. Construction plus avance d'un mini site
avec jQuery Mobile et PhoneGap
6) Stockage des donnes dans le mobile
- Utiliser la base SQLite intgre au navigateur.
- Langage SQL et outils d'administration.
- Gestion et pilotage en JavaScript (cration de table, requtes...).
- Usage de Google Gears pour les terminaux non compatibles HTML5.
- Gestion du cache ct client pour un travail en mode non connect (localStorage, sessionStorage).
Travaux pratiques
Cration d'un gestionnaire de notes avec stockage dans la base embarque.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 21 / 65
7) Cartographie et golocalisation
- Gestion de la carte Google Maps, options pour prise en charge de la golocalisation du mobile.
Travaux pratiques
Affichage de la carte par rapport la localisation du mobile et affichage de markers sur la carte.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 22 / 65
Stage pratique
Rf : DEM
Participants
Cette formation pratique
s'adresse aux dveloppeurs
de sites, informaticiens,
designers.
Pr-requis
Connaissances de
base du HTML et de la pro-
grammation. Exprience
souhaitable en programmation
et en cration graphique avec
Flash.
Flash et ActionScript, applications multimdias
crer des applications multimdias
OBJECTIFS
La technologie Flash est devenue la rfrence pour la ralisation des animations multimdias pour le Web et les terminaux
embarqus. Vous apprendrez programmer avec son langage objet ActionScript, interagir sur les composants graphiques,
dvelopper rapidement des applications client/serveur (formulaires, appels de services Web...).
1) Concepts de base
2) Le langage de programmation
3) Les vnements
4) Les clips d'animation
5) Echanges de donnes
6) Effets multimdias
7) Fonctionnalits avances
8) Formulaires et composants
9) Echanges XML et bases de donnes
10) Composants avancs
1) Concepts de base
- Prsentation du langage de programmation ActionScript 2.0. Diffrences entre les lecteurs Flash.
- Prsentation du framework de Flash. Flash Builder, Flash CS4, CS5. CS Live. Central Device.
- Structure d'un script. Rgles de programmation ActionScript.
- Construction d'une bibliothque de fichiers externes.
- Dbogage, points d'arrt, fonction trace.
- Test de performance pour optimiser le chargement.
- Apprendre travailler avec l'aide.
- Flash Builder 3, Flash Pro CS5. Les nouveauts.
Travaux pratiques
Configuration de Flash. Dbogage pas pas de programmes. Rapports de performance.
2) Le langage de programmation
- Les variables
- Typage. Variables globales, locales.
- Programmation objet : cration de classe, prototype, hritage, constructeur, destructeur. Oprateurs with, this.
- Accs aux donnes : les chemins d'accs.
- Les tableaux. Proprits de la classe Array.
- Oprateurs logiques, arithmtiques.
- Oprateurs de boucles : for, while.
- Dates et heures (objets Date).
- Les fonctions.
Travaux pratiques
Cration d'un tableau d'objets. Cration de classes.
3) Les vnements
- Principes de propagation et d'orchestration des vnements.
- Evnements (EnterFrame, key, Mouse, data, load) lis au Clip, boutons.
- Gestionnaire clavier, souris.
- Gestion des erreurs et des exceptions.
- Gestion du timer.
Travaux pratiques
Evnements sur le chargement de clip, programmation d'actions clavier, souris.
4) Les clips d'animation
- Chargement dynamique de clip (LoadMovie. DuplicatemovieClip...).
- Contrles d'animation vido stop, play, goto...
- Cration de mask.
Travaux pratiques
Cration et animation dynamique de clips.
5) Echanges de donnes
- Echange de donnes avec la page HTML.
- Passage d'arguments au lancement du module Flash.
- Appel de pages web en mode GET et POST.
- Mthodes de SendAndLoad pour appeler vos URL.
- Sauvegarde de donnes locales : SharedObject et cookies.
Travaux pratiques
Sauvegarder des donnes dans un fichier externe, appel de CGI, appel de fonctions JavaScript. Sauvegarde de profil avec
ShareObject.
6) Effets multimdias
- Mise en oeuvre des multiples objets de base. Gestion des sons (object Sound).
- Import de ressources multimdias.
- Conversion vido et gestion de fichiers MP3 et vido.
- Personnalisation du curseur (objet Mouse).
- Gestion des couleurs (Objet Color). 6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 23 / 65
- Effets graphiques (fader, easing...) avec la classe Tween.
Travaux pratiques
Cration dynamique d'un album photo... Chargement vido.
7) Fonctionnalits avances
- API de dessin.
- Gestion de la barre de progression.
- La dtection de collision d'objet (hitTest).
- Gestion du copier-coller
- Gestion de l'impression.
- Composants avancs (Tree, onglets, accordon, TitleWindow, DataGrid).
- Accessibilit.
Travaux pratiques
Jeu de collision, horloge, puzzle, gestion du copier-coller...
8) Formulaires et composants
- Comparaison entre un formulaire Flash et HTML.
- Cration d'un formulaire. Transmission des donnes (GET et POST) vers un serveur distant.
- Manipulation des composants de formulaire : menu droulant, radio bouton, case cocher, zone de texte, botes de
dialogue, TreeBox, Ticker, barre de progression, scrolling.
- Programmation des boutons envoi et rception.
Travaux pratiques
Crer un formulaire et envoi des donnes par e-mail, dans une base de donnes.
9) Echanges XML et bases de donnes
- Gestion dynamique d'une base de donnes partir de Flash : requte SQL, insertion, curseur.
- Classes de communication et de donnes XMLConnector, WebServiceConnect, DataSet.
- Chargement de donnes XML en ActionScript.
- Utilisation du Wizard et inspecteur de composants pour dvelopper rapidement des interfaces puissantes : lecteur RSS,
podcastservices web, Menus, Tree.
Travaux pratiques
Gestion d'un catalogue produit. Appel de flux RSS. Interroger et grer une base client. Appel de services web.
10) Composants avancs
- Scurit et protection du Flash contre la copie.
- Prsentation des formats MXP et les outils de cration de composants.
- Cration de composants. Usage de la zone Exchange.
- Crer une bibliothque SWC.
- Export vers Flex, HTML5.
Travaux pratiques
Installation de composants, protection du Flash contre l'import.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 24 / 65
Stage pratique
Rf : ACP
Participants
Cette formation pratique
s'adresse aux dveloppeurs
de sites, informaticiens,
designers.
Pr-requis
Connaissances de base
du HTML, des concepts du
Web et de la programmation.
Exprience souhaitable en
programmation.
ActionScript 3.0, programmation
OBJECTIFS
Le langage ActionScript 3.0, prsent au coeur des produits Flash, Flex, Framework Ecmascript, s'impose de plus en plus
comme un langage incontournable pour produire des applications mtier et multimdia. Cette formation vous dtaillera tous
les mcanismes essentiels de ce langage afin que vous puissiez mener bien vos projets.
1) Concepts de base
2) Rappels sur les composants graphiques
3) Le langage Actionscript 3.0
4) Manipuler les donnes XML avec E4X
5) Evnements du DOM3
6) Composants graphiques
7) Manipulation de donnes multimdia
8) Styles
9) Accs aux donnes
10) AMF
1) Concepts de base
- Les lecteurs Flash. Flash player, AVM1 et AVM2.
- Prsentation du sandBox et de sa scurit. Dsassembleur de code. Offuscation.
- Prsentation du Framework de Flash.
- Environnements de dveloppement ActionScript 3 sous Flash ou Flex, Flash Develop.
- Prsentation de l'diteur, dbogage d'application sous Firebug.
- Paramtrage des options de compilations.
- Avantage de Flex pour dvelopper rapidement des projets Actionscript3.
Travaux pratiques
Configuration de Flash. Premier projet. Rerouter les erreurs vers Firefox / Firebug.
2) Rappels sur les composants graphiques
- Rappel sur les formats graphiques (MovieClip, Button, Graphics).
- Dmarche pour exporter des bibliothques SWC ou SWF pour son intgration dans un projet AS3.
- Les formats multimdia (vido audio supports).
- Intgration dans une page web et passage de paramtres.
- Rle du Stage, DisplayObjects. Architecture graphique.
Travaux pratiques
Construction de bibliothques SWC, SWF, classes spcifiques Flash pour intgration et appel dans un projet AS3.
3) Le langage Actionscript 3.0
- Variables. Typage. Conversions. Porte.
- Oprateurs logiques, arithmtiques.
- Cration de package et de classes (hritage, porte, constructeurs).
- Array, dataprovider.
- Classes et objets : package, porte, hritage, surcharge,...
- Classes de donnes : Objets, Math, String.
- Les expressions rgulires.
- Manipulation des dates et heures.
- Classe Error et gestion des exceptions.
Travaux pratiques
Prise en main et manipulation des formats date, String, Array d'Actionscript 3.0. Exceptions et gestion des erreurs.
4) Manipuler les donnes XML avec E4X
- Comprendre la structure du XML, CDATA, NameSpace, Qname. Validation XSD, XPath.
- Manipuler le XML en ActionScript 3.0.
- Les classes XML, XMLList, XMLDocument.
- Manipuler, filtrer, trier et itrer les objets de type XML.
- Chargement extrieur de donnes XML.
Travaux pratiques
Manipuler des donnes XML. Xpath. Chargement extrieur.
5) Evnements du DOM3
- Trois phases des vnements.
- Dclarer des vnements personnaliss.
- Classe Event. Les vnements KeyBoard, Mouse.
- Les vnements du gestionnaire graphique.
Travaux pratiques
Cration d'vnements avec passage d'arguments. Gestion du Drag Drop.
6) Composants graphiques
- Composants graphiques : MovieClip, Sprite, Shape.
- Composants TextField, SimpleButton, Label.
- Gestion de la barre de progression.
- Gestion des Bitmap, class Loader.
- Proprits et vnements.
- API de dessin.
- La dtection de collision d'objet (hitTestObject).
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 25 / 65
Travaux pratiques
Cration de composants dynamiquement et gestion de leurs proprits. Chargement et traitement de bitmap.
7) Manipulation de donnes multimdia
- Traitement et mise en forme de contenu Texte.
- Les CSS.
- Traitement d'images Bitmap. Classes Bitmap et BitmapData.
- Manipulation, transformation d'objets Bitmap.
- Filtres personnaliss avec Pixel Bender.
- Traitement de donnes audio. Chargement. SoundLoaderContext, SoundChannel. Transformation de Fourier.
- Traitement de donnes vido. Classes Video, NetStream et Camera.
8) Styles
- Design des composants : thmes, feuilles de style, fontes. Mask. Effets et transitions.
- Chargement de CSS.
- Personnalisation du curseur (objet Mouse).
- Gestion des couleurs (Objet Color).
- Effets graphique avec la classe Tween.
- Effets et Bitmaps : gestion pixels, Threshold, filtres de transformation.
Travaux pratiques
Chargement de CSS, changement des styles. Changement de curseur. Programmation de drag&Drop de composant
graphique, cration d'un masque.
9) Accs aux donnes
- Services loadURL. Loader.
- Shared Objects et les donnes.
- Appel de services web.
Travaux pratiques
Appel d'URL, cration de ShareObject. Chargement dynamique d'image, de Flash, de vidos, de sons.
10) AMF
- Prsentation du protocole AMF.
- Echanges d'objets, modle MVC.
- Prsentation d'AMFPHP.
- Dfinition des services.
Travaux pratiques
Cration d'un projet utilisant AMFPHP. Cration d'application client, configuration et installation AMFPHP. Installation
d'AMFPHP avec WampServer, cration d'un service distant. Interrogation et change de donnes.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 26 / 65
Stage pratique
Rf : FLX
Participants
Cette formation pratique
s'adresse aux dveloppeurs
de sites, informaticiens,
designers.
Pr-requis
Connaissances de base
en programmation et en
dveloppement Web.
Flex et ActionScript 3.0, niveau 1
crer des applications mtier pour le web
OBJECTIFS
Flex est devenu une plateforme de programmation trs prise pour dvelopper des applications mtier Flash depuis sa prise
en compte dans les environnements Mac, Unix ou Windows. Vous apprendrez programmer avec Flex 3 et Flex 4, son
langage objet ActionScript 3.0 des interfaces graphiques interactives, utilisant des donnes XML ou des services Web.
1) Prsentation Flex 4
2) Le langage Actionscript 3.0
3) Langage MXML
4) Contrles
5) Les formulaires
6) Les conteneurs
7) Contrles de navigation
8) Styles
9) Accs aux donnes
10) Graphiques
1) Prsentation Flex 4
- Emergence des clients riches. RIA. Prsentation de Flex builder : son environnement Eclipse, compilateurs, SDK, package
Data et Charting.
- Diffrences et avantages avec une programmation sous Flash.
- Intgration dans une architecture J2EE ou .Net.
- Le lecteur Flash 10. Concept DisplayObject.
- Espace de travail (project, workspace, librairies, rpertoire de publication).
- Cration du premier projet Flex.
- Configuration de Flex Builder et prise en main du dbogueur.
- Prsentation Flex4 et ses nouveauts.
Travaux pratiques
Cration d'un projet et mise en oeuvre du dbogueur.
2) Le langage Actionscript 3.0
- Rappels sur le langage XML : modle, schma de validation, Namespace.
- Spcificits Actionscript 3.0.
- XML et Ecmascript XML (E4X).
- Variables. Typage. Conversions. Porte.
- Oprateurs logiques, arithmtiques.
- Cration de package et de classes (hritage, porte, constructeurs).
- Array, ArrayCollection, iList utilisation sur les composants graphiques.
- Classe deeror et gestion des exceptions.
- Le langage XML et e4X.
- Intgration de commentaires et documentation avec asDoc.
Travaux pratiques
Prise en main Actionscript 3.0 au cours de travaux pratiques.
3) Langage MXML
- Structure d'une application Flex : blocs script, Model, CSS.
- La balise Application et ses proprits : framerate, caractristiques graphiques.
- Interaction avec Actionscript.
- La gestion des vnements : propagation, trois phases.
- Liaison dynamique entre les variables Bindable et les composants graphiques.
- Evnements et instanciation des composants graphiques.
- Gestion d'vnements : clavier, souris.
Travaux pratiques
Programmation d'vnements : clic sur un bouton, changement d'tat...
4) Contrles
- Architecture des composants graphiques.
- Proprits spatiales, styles, paramtrages, ViewState. Gestion des tats sous Flex 4.
- Cration dynamique de contrles.
- Rle des DataProvider raccordement aux Collections.
- Contrles de donnes : label, image. DataGrid (personnalisation, vnements, filtre, tri), Tile, TileList (personnalisation),
videoloader, swfloader.
- Drag and Drop sur les composants.
- Cration de composants personnaliss : passage de paramtres, personnalisation.
Travaux pratiques
Cration de boutons multi-tats, datagrid personnaliss, chargement de vidos.
5) Les formulaires
- Conteneur Form, FormItem.
- Composants de saisie : texte, boutons radio, menus, cases cocher, Rich Text, NumericStepper.
- Validation de donnes : Emailvalidator, Currencyvalidator, RegExprValidator, Datevalidator..., association un modle de
donnes.
- Contrles de saisie : dateFormator.
- Envoi du formulaire.
- Gnrateur de formulaire de Flex4.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 27 / 65
Travaux pratiques
Cration de formulaires de login, contrles de saisie de fiches produits.
6) Les conteneurs
- Application ControlBar, moduleLoader, TitleWindow, Panel, Spacer, Grid, HDivedBox, Panel.
- Composant Repeater pour parcourir une liste.
Travaux pratiques
Construction dynamique de zones graphiques partir de Repeater.
7) Contrles de navigation
- Accordion, ViewStack, Menu, Bar, TabBar, TabNavigator, Togglebutton.
- Contrles de navigation List, LinkButton, popupButton, popupMenuButton.
Travaux pratiques
Mise en oeuvre de barres de menus, onglets, boutons dynamiques vers le web.
8) Styles
- Design des composants : thmes, feuilles de style, fonts.
- Effets et transitions : rotation, squence, parallle.
- Accs aux donnes : les chemins d'accs.
- Styles Flex4. Construction graphique avec Adobe Catalyst.
- Nouveaux effets visuels sous Flex 4. <fx :Declarations>.
- Les thmes (spark, etc.) et composants multi skin sous Flex4.
Travaux pratiques
Mise en pratique de multiples effets.
9) Accs aux donnes
- EAX et EcmaScript XML.
- Services HTTPService : cration de requte HTTP et change de donnes GET et POST.
- Shared Objects.
- Accs aux Web services.
- Echanges RPC et Soap.
- Le composant Repeater.
- Le gestionnaire de donnes sous Flex4.
Travaux pratiques
Appel de service web, appel d'URL, cration de ShareObject.
10) Graphiques
- Mise en oeuvre de graphismes : pie, plot, bar, line,...
- Raccordement entre donnes et graphismes.
Travaux pratiques
Cration de graphiques partir de donnes XML : Pie, Bar.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 28 / 65
Stage pratique
Rf : FLP
Participants
Cette formation s'adresse aux
personnes qui connaissent
dj Flex et ActionScript
3 et qui souhaitent se
perfectionner.
Pr-requis
Bonnes connaissances en
dveloppement Web avec
Flex, ou connaissances qui-
valentes celles apportes
par le stage Flex et
ActionScript 3.0, niveau 1 (rf.
FLX).
Flex et ActionScript 3.0, niveau 2
OBJECTIFS
Ce cours intensif vous permettra d'accrotre votre capacit de production avec Flex et ActionScript 3. Vous apprendrez entre
autres matriser les concepts avancs de cration d'une application Flex, les changes client-serveur, les composants
volus comme le Drag and Drop.
1) Rappels Flex
2) Dbogage
3) Manipuler les donnes XML avec E4X
4) Valider et formater les donnes
5) Evnements personnaliss
6) Evnements Drag and Drop
7) Cration de composants personnaliss
8) Communication Flex
9) Accder des services Web
10) AMF
11) Crer des composants avec le Repeater
12) Manipuler les types complexes
13) Complments
1) Rappels Flex
- Les clients riches Internet. Machine virtuelle Flash et Flash Player. Flex Builder. Prsentation de Flex 4.0.
2) Dbogage
- Dbugueur. Raccorder Firebug au dbugueur de Flex.
- Prsentation de la classe ILogger.
- Dvelopper son propre gestionnaire de log.
- Configuration mm.cfg. Remoting Debug.
Travaux pratiques
Raccorder Firebug, dvelopper un gestionnaire graphique de logs.
3) Manipuler les donnes XML avec E4X
- Validation XSD, XPath. Manipuler le XML en ActionScript 3.0. La classe XML.
- Filtrer, trier et itrer les objets de type XML.
- Manipulation des objets MXML du DOM3
Travaux pratiques
Manipuler des donnes XML, parcours des DisplayObjects.
4) Valider et formater les donnes
- Valider les donnes d'un formulaire.
- Crer des validateurs en MXML et en ActionScript.
- Grer les erreurs de validation.
- La validation et les modles de donnes.
- Expressions rgulires. Formater les donnes.
Travaux pratiques
Appliquer des validateurs sur un formulaire de saisie.
5) Evnements personnaliss
- Dclarer des vnements personnaliss.
- Classe Event. Les vnements KeyBord, Mouse.
- Fonctionnalit du Binding.
- Cration d'vnements dans un composant.
- Transfert de donnes sur un vnement personnalis.
- Communication entre composants par vnements.
6) Evnements Drag and Drop
- Prsentation du mcanisme. Drag and Drop de List, de DataGrid et de composants personnels.
Travaux pratiques
Cration de multiples Drag and Drop. Drag & drop.
7) Cration de composants personnaliss
- Passer des donnes complexes aux composants.
- Bonnes pratiques pour l'change de donnes.
- Crer une classe hrite d'une classe graphique.
- Styles. Cration de thmes. Chargement de ModuleSwf.
Travaux pratiques
Crer une classe Label, Tree personnalise, Datagrid...
8) Communication Flex
- HTTPService : communiquer avec les services distants.
- Passage de paramtres.
- Gestion des erreurs et des donnes entrantes.
- Scurit : performance, cryptage, gestion crossDomain, rle du proxy, dsactivation du ViewSource.
Travaux pratiques
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 29 / 65
Manipuler des donnes provenant d'un HTTPService.
9) Accder des services Web
- Processus pour appeler des services Web.
- Dclencher les services et manipuler les rsultats. Les formats Objects, flashvars, XML, E4X. Grer les rsultats et les
erreurs avec les gestionnaires d'vnement.
Travaux pratiques
Manipuler des donnes provenant d'un WebService.
10) AMF
- Prsentation du protocole AMF. Echanges d'objets, modle MVC. Prsentation d'AMFPHP.
- Dfinition des services. Prsentation BlazeDS.
Travaux pratiques
Cration d'un projet utilisant AMFPHP.
11) Crer des composants avec le Repeater
- Comprendre la philosophie du Repeater.
- Principales proprits et mthodes.
- Accder aux composants dynamiquement crs.
Travaux pratiques
Afficher des donnes dans un tableau dynamique.
12) Manipuler les types complexes
- Les collections. Filtres et tris.
- Itrer sur une collection avec IcursorView.
- Prsentation de classFactory.
Travaux pratiques
Utiliser les types complexes.
13) Complments
- Intgrer Cairngorm ou un autre MVC
- Introduction AIR. Structure d'une application AIR. Widgets.
- Tendances MXML. Outils. Thermo, Degrafa, COCOMO, Flex 4, Gumbo...
- Google Maps API pour Flex.
Travaux pratiques
Analyse de Cairngorm. Crer une mini application AIR. Crer une cartographie Google Maps.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 30 / 65
Stage pratique
Rf : PHH
Participants
Cette formation s'adresse
aux informaticiens qui
souhaitent acqurir une
formation oprationnelle
sur PHP dans le contexte
du dveloppement, et aux
webmasters ayant dj une
bonne connaissance d'un
langage de programmation
client (javascript ou vbscript).
Pr-requis
Connaissances de base
du langage HTML et d'au
moins un langage de
programmation ct
client.
PHP 5 dvelopper un site Web dynamique
avec bases de donnes
OBJECTIFS
Ce cours vous permettra de matriser d'une manire oprationnelle le langage PHP dans le contexte de dveloppement de
sites Internet dynamiques. Il vous permettra aussi d'aborder les aspects connexes ce type de dveloppement : bases de
donnes, langage SQL, manipulation de fichiers graphiques...
1) Introduction
2) Premires applications Web en PHP
3) Gestion des sessions utilisateurs
4) Une application Web professionnelle
Travaux pratiques
Des machines sous Windows ou Linux quipes du serveur Web Apache avec le module PHP et un serveur MySQL ou
Oracle seront mis la disposition des participants. Les participants vont crer un site complet de vente en ligne.
1) Introduction
- L'architecture du WEB : HTTP, CGI, interactivit : script client ou script serveur
- Qu'est-ce que PHP ?
- Historique de PHP.
- Les diffrences entre PHP 4 et PHP 5.
- Prsentation de l'exemple utilis durant la formation : le site de vente en ligne.
Travaux pratiques
Revue des balises principales HTML et des commandes de style. Introduction la feuille de style de l'application exemple.
2) Premires applications Web en PHP
Automatisation d'une page Web
- Les principes du client-serveur.
- Premiers lments du langage.
- Intgration de PHP dans une page HTML.
- Variables et fonctions.
- Librairies.
- Fonctions de base, variables serveur et variable PHP.
- Variables serveur et variable PHP.
- Contrles de flux et boucles.
Les formulaires simples
- Passage et transmission de variables.
- Lecture/criture de fichier.
- Vrification de login/mot de passe.
- Redirection.
Les variables complexes : tableaux
- Constructeur array.
- Fonctions associes aux tableaux.
- Fonctions d'extraction.
- Fonctions de navigation dans un tableau.
Travaux pratiques
Ralisation de fonctions personnalises. Ralisation d'une librairie de fonctions. Ralisation d'une fonction de cration de
liste droulante.
3) Gestion des sessions utilisateurs
Variables persistantes : Cookies et Session
- Avantages et inconvnients des cookies et sessions.
- Limitations et prcautions.
- Les variables de session.
- Fonctions lies aux variables de session.
- Les Cookies.
- Srialisation des variables complexes.
- Utilisation.
Utilisation d'une base de donnes MySQL
- Prsentation de MySQL.
- Concepts fondamentaux : bases, tables, champs, enregistrements.
- Bases MySQL.
- Tables MySQL.
- Champs MySQL.
- Enregistrements MySQL.
- Fonctions PHP MySQL.
- Introduction au langage SQL (slection, modification, suppression).
- Traitement des rsultats des requtes.
Travaux pratiques
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 31 / 65
Ralisation d'un panier d'achat simple, version cookie et session. Gestion des quantits commandes. Cration d'une base
MySQL. Remplissage de la base partir d'une base texte. Cration de fiches produit la vole par extraction des donnes
de la base.
4) Une application Web professionnelle
Notions d'architecture multicouches
- Introduction aux principes MVC.
Les formulaires complexes
- Moteur de recherche : formulaire en relation avec une base de donnes.
- Fonctions avances de slection : recherches et tris.
Le graphisme en PHP
- Prsentation de la librairie GD.
- Cration d'image, rutilisation.
- Gestion des polices et de l'criture en mode image.
- Superposition de texte pour protection de droits.
- Intgration au site.
- Ralisation de graphiques statistiques.
Intgration des modules raliss
Travaux pratiques
Ralisation d'un moteur de recherche : la slection sur Auteur, Titre et Hros donne une liste de liens sur les fiches produit
correspondantes. Implmentation multicouche. Intgration des diffrents modules raliss. Affichage des images, avec
mention de copyright.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 32 / 65
Stage pratique
Rf : OBP
Participants
Informaticiens et webmasters
qui souhaitent une
formation oprationnelle en
dveloppement objet PHP.
Pr-requis
Bonnes connaissances
des bases du HTML. La
connaissance d'un langage
objet permettra de mieux
profiter de la formation mais
n'est pas indispensable.
PHP 5, pour les dveloppeurs objet
crer une application Web en P.O.O.
OBJECTIFS
Ce cours vous permettra de matriser d'une manire oprationnelle le langage PHP dans le contexte d'un dveloppement
objet. Vous apprendrez crer un site Web dynamique et aborderez la mise en oeuvre des aspects connexes ce type de
dveloppement. L'ensemble du cours est orient objet.
1) Introduction
2) Bases du Langage PHP
3) Programmation Oriente Objet (POO)
4) Premires applications Web en PHP
5) Gestion des sessions utilisateurs
6) Utilisation d'une base de donnes MySQL
7) Une application Web professionnelle
1) Introduction
- Qu'est-ce que PHP ? Interactivit avec les internautes.
- Les diffrences entre PHP 4 et PHP 5.
- Prsentation de l'exemple utilis durant la formation.
2) Bases du Langage PHP
- Automatisation d'une page Web.
- Le client-serveur. Premiers lments du langage.
- Intgration de PHP dans une page HTML.
- Variables et fonctions. Librairies.
- Fonctions de base, variables serveur et variable PHP.
- Contrles de flux et boucles.
Travaux pratiques
Ralisation de fonctions personnalises.
3) Programmation Oriente Objet (POO)
- Rappel UML. Modlisation des classes. Outils.
- Classes, proprits, mthodes. Visibilit et Protection.
- Constructeur, destructeur. Appel implicite vs. explicite.
- Hritage et agrgation. Propagation. Polymorphisme.
- Srialisation et stockage. Organisation des fichiers.
Travaux pratiques
Ralisation d'une classe PageWeb.
4) Premires applications Web en PHP
- Les formulaires simples. Passage de variables. Vrification de login/mot de passe. Redirection.
- Les variables complexes : tableaux des fonctions.
Travaux pratiques
Ralisation d'un objet de stockage. Ralisation d'un objet Formulaire (texte, select et upload).
5) Gestion des sessions utilisateurs
- Variables persistantes : Cookies et Session.
- Avantages, limitations et prcautions.
- Variables de session et fonctions lies. Les Cookies.
- Srialisation des variables complexes. Utilisation.
Travaux pratiques
Ralisation d'un objet Panier d'Achat stockable en cookie ou session. Gestion des quantits commandes.
6) Utilisation d'une base de donnes MySQL
- Concepts : bases, tables, champs, enregistrements.
- Fonctions PHP Mysqli. Introduction au langage SQL.
- Requtes et traitement des rsultats.
Travaux pratiques
Cration d'une base MySQL et de fiches produits la vole.
7) Une application Web professionnelle
- Notions d'architecture multicouches. Principes MVC.
- Formulaires complexes. Liaison aux donnes.
- Fonctions avances de slection: recherches et tris.
- Le graphisme en PHP : de la librairie GD.
- Intgration au site.
Travaux pratiques
Ralisation d'un moteur de recherche. Amlioration de la classe SQL. Implmentation multicouches. Intgration des
diffrents modules raliss.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 33 / 65
Stage pratique
Rf : LJO
Participants
Dveloppeurs non confirms,
ingnieurs, chefs de projets
proches du dveloppement.
Pr-requis
Connaissances de base
en programmation.
Exprience souhaitable en
dveloppement d'applications.
L'essentiel de Java et de l'objet
OBJECTIFS
Ce cours vous permettra de matriser les principes de l'approche objet et les mcanismes du langage. Les constructions du
langage seront progressivement introduites partir des concepts fondamentaux. Le cours abordera aussi les problmes de
conception (via la notation UML) et prsentera les principales API et librairies standard : les entres/sorties, les utilitaires, les
classes graphiques (AWT et Swing), les applets. Ce cours prsente rapidement les nouveauts de Java 5.
1) Les techniques " objet "
2) Les constructions de base du langage
3) La dfinition et l'instanciation des classes
4) L'hritage
5) Les exceptions
6) Prsentation de quelques classes et librairies
standard
Travaux pratiques
Les exercices pratiques ont t conus pour illustrer tous les lments du langage et pour mettre en uvre les concepts
de la conception oriente objet : tous les exercices comportent une phase d'analyse/conception suivie d'une phase de
programmation.
1) Les techniques " objet "
- Les principes gnraux de la modlisation et de la programmation " objet ". L'abstraction et l'encapsulation : les interfaces.
Les diffrentes formes d'hritage, le polymorphisme.
- Une introduction aux modles et la notation UML : le modle statique, le modle dynamique, le modle de coopration,
les scnarii.
Travaux pratiques
La spcification UML d'une tude de cas qui sera l'un des fils directeurs des exercices suivants.
2) Les constructions de base du langage
- Les variables : dclaration et typage.
- La dfinition des champs.
- Les mthodes : dfinition.
- Les expressions.
- Les instructions de contrle : les instructions conditionnelles, de boucle, de branchement.
- Les tableaux.
- Les types numrs, l'autoboxing.
- Les Units de compilation et packages : le contrle de la visibilit des classes, le mcanisme d'import.
- Les imports statiques.
Travaux pratiques
Suite d'exercices simples permettant la prise en main de l'environnement de dveloppement et la ralisation d'un programme
simple. Utilisation des packages.
3) La dfinition et l'instanciation des classes
- Les classes et les objets.
- Les champs, les mthodes.
- Les constructeurs.
- L'autorfrence.
- Les champs et mthodes statiques.
- Les mthodes nombre variable d'arguments.
- Les aspects mthodologiques : la conception des classes.
Travaux pratiques
Programmation de l'tude de cas.
4) L'hritage
- Les diffrentes formes d'hritage : l'extension et l'implmentation.
- Les interfaces et l'implmentation des interfaces. Le polymorphisme et sa mise en uvre.
- L'extension. La dfinition des classes drives, les constructeurs, les rfrences. Les aspects mthodologiques. La
construction de hirarchies de classes. La factorisation de code : les classes abstraites.
- L'utilisation simultane de l'implmentation et de l'extension. Les classes abstraites. Les aspects mthodologiques : le
regroupement des constantes, la spcification de services. La construction de hirarchies de classes et d'interfaces.
- La gnricit.
Travaux pratiques
Conception et construction d'une hirarchie de classes et d'interfaces. Mise en place du polymorphisme et de la gnricit
dans l'tude de cas.
5) Les exceptions
- Les blocs de try, la gnration des exceptions.
- L'algorithme de slection du catch().
- Les aspects mthodologiques : la construction d'une hirarchie d'exception, l'utilisation des exceptions.
Travaux pratiques
Introduction des exceptions dans l'tude de cas.
6) Prsentation de quelques classes et librairies standard
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 34 / 65
La programmation des entres/sorties
- La hirarchie des classes d'entre/sortie.
- Quelques classes de manipulation des systmes de fichiers.
- Quelques classes d'entres/sortie travaillant sur les flots de bytes, sur les flots de char.
- Les entres/sorties clavier.
La programmation graphique
- Les concepts de base : les principes de la visualisation et de la gestion des vnements depuis jdk1.1.
- La visualisation des composants graphiques : les conteneurs et les Layouts.
- Quelques composants graphiques : labels, boutons, zones de texte.
- La gestion des vnements : les Listeners et Adapters. L'association de gestionnaires aux composants graphiques.
La programmation des applets
- Les applets : les principes, le cycle de vie, etc.
- La classe Applet.
- L'intgration dans une page HTML.
Quelques classes utilitaires
- Les classes systme.
- Les classes de conteneur.
Travaux pratiques
Construction d'une applet.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 35 / 65
Stage pratique
Rf : JVC
Participants
Concepteur, dveloppeur,
ingnieur, chef de projets
oprationnel.
Pr-requis
Bonnes connaissances en
programmation C ou C+
+. Exprience requise en
dveloppement logiciel.
Dvelopper en Java, pour programmeurs C/C++
OBJECTIFS
Un cours intensif qui vous permettra d'acqurir une matrise approfondie du langage Java 5 dans l'application des principes
de la programmation objet. Vous utiliserez les librairies graphiques (AWT et Swing), les librairies d'entres/sorties et d'accs
aux bases de donnes (JDBC). Vous aborderez aussi les bases de la programmation Web et la programmation des applets.
1) Les techniques " objet "
2) La programmation objet avec Java
3) La conception d'interfaces graphiques (awt,
swing)
4) Introduction la programmation Web : les applets
5) Les entres/sorties et quelques classes utilitaires
6) La connexion aux bases de donnes : JDBC
Travaux pratiques
Les exercices pratiques ont t conus pour illustrer tous les lments du langage et pour systmatiquement mettre en
oeuvre les concepts de la conception oriente objet : tous les exercices comportent une phase d'analyse/conception suivie
d'une phase de programmation.
1) Les techniques " objet "
- Les principes gnraux de la modlisation et de la programmation " objet ". L'abstraction et l'encapsulation : les interfaces.
Les diffrentes formes d'hritage, le polymorphisme.
- Une introduction aux modles et la notation UML : le modle statique, le modle dynamique, le modle de coopration,
les scnarii.
Travaux pratiques
L'application des concepts une tude de cas qui sera l'un des fils directeurs des exercices suivants.
2) La programmation objet avec Java
- Les lments de base du langage : les variables, les types, les expressions, les instructions, les tableaux, les structures de
contrle, les types numrs et l'autoboxing.
- La dfinition et l'instanciation des classes. Les champs, les mthodes, les constructeurs, l'autorfrence, les champs
et mthodes statiques. Les mthodes nombre variable d'arguments. Les aspects mthodologiques : la conception des
classes.
- Les Units de compilation et packages : le contrle de la visibilit des classes, le mcanisme d'import.
- Les diffrentes formes d'hritage : l'extension et l'implmentation.
- Les interfaces et l'implmentation des interfaces.
- Le polymorphisme et sa mise en oeuvre.
- L'extension.
- La dfinition des classes drives, les constructeurs, les rfrences.
- Les aspects mthodologiques.
- La construction de hirarchies de classes.
- La factorisation de code : les classes abstraites.
- L'utilisation simultane de l'implmentation et de l'extension.
- Les classes abstraites.
- Les types gnriques.
- Les aspects mthodologiques : le regroupement des constantes, la spcification de services.
- La construction de hirarchies de classes et d'interfaces.
Travaux pratiques
Prise en main de l'environnement de dveloppement et programmation d'un programme simple. Programmation de l'tude
de cas. Conception et construction d'une hirarchie de classes et d'interfaces. Mise en place du polymorphisme et de la
gnricit dans l'tude de cas. Introduction des exceptions dans l'tude de cas.
3) La conception d'interfaces graphiques (awt, swing)
- Les concepts de base : les principes de la visualisation et de la gestion des vnements depuis jdk1.1, quelques classes
gnriques.
- La visualisation des composants graphiques. Les conteneurs et les Layouts : BorderLayout, FlowLayout, GridLayout,
GridBagLayout et CardLayout. La construction de conteneurs hirarchiques. Quelques composants graphiques : labels,
boutons, menus, zones de texte, botes cocher, canevas.
- La gestion des vnements. Les Listeners et Adapters.
- L'association de gestionnaires aux composants graphiques.
- Les particularits de Swing.
Travaux pratiques
Construction de petites applications ou d'une petite interface graphique pour quelques objets dans l'tude de cas.
Construction d'un petit diteur ou prise en compte des vnements dans l'interface graphique de l'tude de cas.
4) Introduction la programmation Web : les applets
- Les principes et les constituants du Web.
- Les applets : principes, cycle de vie, la classe Applet, l'intgration dans une pag# HTML, le passage des paramtres, les
problmes de scurit.
Travaux pratiques
Construction d'une applet.
5) Les entres/sorties et quelques classes utilitaires
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 36 / 65
- Les I/O. La hirarchie des classes d'entre/sortie. Quelques classes de manipulation des systmes de fichiers. Quelques
classes d'entre/sortie travaillant sur les flots de bytes, sur les flots de char. Les entres/sorties clavier. La srialisation.
- Les classes d'encapsulation des types.
- Les classes systme.
- Les classes de conteneur.
- Les classes d'observateur.
6) La connexion aux bases de donnes : JDBC
- Le modle de JDBC et les principes gnraux.
- Rappels de SQL.
- Connexion un SGBD.
- Excution des requtes et traitement des rponses.
- L'utilisation des requtes prcompiles.
- Les concepts transactionnels (A.C.I.D) : atomicit, cohrence, isolation, durabilit.
Travaux pratiques
Sauvegarde/consultation de donnes dans une BD.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 37 / 65
Stage pratique
Rf : GWT
Participants
Ce cours s'adresse aux
dveloppeurs et chefs de
projets dsireux de dcouvrir
un framework permettant
d'amliorer l'ergonomie
des applications Web,
mais aussi d'en simplifier le
dveloppement.
Pr-requis
Bonnes connaissances des
langages Java et JavaScript.
Exprience souhaitable en
programmation Java/Web.
Dvelopper une application Web 2.0/GWT
le Google Web Toolkit
OBJECTIFS
Ce cours a pour objectif de prsenter le Google Web Toolkit (GWT) en tant que solution pour la mise au point d'applications
Web riches bases sur Ajax. Il dtaille le modle applicatif et les mcanismes de base de GWT ncessaires la ralisation
d'applications plus ergonomiques et plus ractives.
1) Prsentation
2) La bibliothque de composants graphiques
3) JavaScript Native Interface et composants
personnaliss
4) Concepts GWT avancs
5) Accs au serveur
6) Implmenter une politique de tests
7) L'environnement GWT
8) Considrations architecturales
1) Prsentation
- Rappels sur les fondements du Web.
- Prsentation du Web 2.0 et des technologies Ajax.
- Les mcanismes de Google Web Toolkit.
- Les autres Frameworks Ajax : (YahooUI, Echo3...).
- Utilisation de GWT au sein de l'IDE Eclipse.
- Test des applications depuis le navigateur.
Travaux pratiques
Cration d'un premier projet GWT simple avec Eclipse.
2) La bibliothque de composants graphiques
- Utilisation de l'API et des composants de base.
- Nouveau systme de positionnement par CSS.
- Gestion de la prsentation (LayoutManager).
- Mise en oeuvre du modle vnementiel.
Travaux pratiques
Construction d'crans utilisant les composants GWT (arbre, menus,...) et les conteneurs graphiques (onglet, panels). CSS
personnalises.
3) JavaScript Native Interface et composants personnaliss
- Interactions entre JavaScript et Java.
- Conception d'un composant graphique spcifique.
Travaux pratiques
Mise en oeuvre sur un exemple simple.
4) Concepts GWT avancs
- Gestion de la session et de la navigation.
- Chargement diffr.
- Chargement la demande des fichiers JavaScripts.
- Optimisation du chargement des ressources.
- Analyse des performances avec Speed Tracer.
Travaux pratiques
Analyse des performances d'une application GWT avec l'outil Speed Tracer. Impact du code splitting sur le chargement
d'une l'application.
5) Accs au serveur
- Architecture de type Ajax.
- Communication asynchrone.
- Gestion de la srialisation, des exceptions.
- Formats d'change JSON et XML.
Travaux pratiques
Ecriture d'un service GWT.
6) Implmenter une politique de tests
- Mise en place de Jaunit avec GWTTestCase.
- Intgration de l'outil HTMLUnit.
Travaux pratiques
Mise au point de tests pour une application GWT simple.
7) L'environnement GWT
- Widgets graphiques avancs GWT-Mosaic.
- Librairie Java Ext-GWT (GXT).
- Composants Smart GWT.
- Editeur graphique GWT Designer.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 38 / 65
Dmonstration
GWT Designer et la librairie GXT.
8) Considrations architecturales
- Position de GWT au sein d'une architecture JavaEE.
- Modles d'architectures : MVC, Portail, SOA ...
- Intgration avec d'autres technologies : EJB3, JSF...
Dmonstration
Intgration de GWT avec une architecture JEE existante.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 39 / 65
Stage pratique
Rf : JSP
Participants
Informaticiens souhaitant
dvelopper des applications
Web avec les technologies
Java/JEE.
Pr-requis
Bonnes connaissances
du langage Java et des tech-
nologies Web. Exprience
requise en programmation
Java.
Java, dveloppement de servlets et JSP
OBJECTIFS
Ce cours vous permettra de mener bien un projet Web d'entreprise bas sur la plate-forme Java. Vous dcouvrirez les
architectures MVC afin de construire des solutions robustes et facilement extensibles, avec entre autres une introduction au
dveloppement l'aide de l'environnement Apache Struts. Les connaissances acquises par la pratique sur Tomcat, ainsi
que sur des outils de dveloppement comme Eclipse vous permettront de construire vos solutions sur les diffrents serveurs
d'applications Java comme WebLogic, WebSphere, JBoss ou Jonas.
1) Rappel sur le contexte des applications Web
d'entreprise
2) Dveloppement Web en Java
3) Applications Web et servlets
4) Prsentation des Java Server Pages
5) Les librairies de balises
6) Accs aux bases de donnes
7) Introduction Struts
8) Introduction JSF
9) Scurisation de l'application
Travaux pratiques
Dveloppement d'une application Web en Java. Utilisation du conteneur de servlet/JSP, Tomcat. Environnement de
dveloppement Eclipse.
1) Rappel sur le contexte des applications Web d'entreprise
Concepts de base
- Serveur et client Web. Protocoles applicatifs (HTTP). Scripts CGI et gestion des sessions. Accs aux ressources de
l'entreprise : SGBDR, base documentaire et XML, moniteur transactionnel, annuaire, application hrite. HTML-XML, applets
Java. La plate-forme JEE. Architecture multitiers.
2) Dveloppement Web en Java
Composants ncessaires l'utilisation de Java ct serveur
- Serveur Web et plate-forme serveur. Moteur de servlet. Java Virtual Machine.
Environnement de dveloppement et d'exploitation
- Outils de dveloppement et de dbogage : NetBeans et Eclipse. Architecture du conteneur Web Tomcat d'Apache.
Dploiement des servlets et pages JSP.
Dveloppement d'une premire servlet
- Gnration de contenu dynamique.
Travaux pratiques
Mise en place de l'environnement. Dveloppement d'une servlet.
3) Applications Web et servlets
Dveloppement d'une application avec des servlets
- Le conteneur de servlet. Le cycle de vie d'une servlet. Initialiser une servlet. Ecrire les mthodes de services. Gestion des
formulaires HTML. Le traitement de la rponse, l'envoi d'information, la gnration de HTML. Filtrage des requtes/rponses.
Programmation des filtres. La rcupration d'information : du serveur Web, du client et de l'environnement. Invocation
d'autres ressources Web. Inclusion et transfert du contrle.
Gestion des erreurs et journalisation des vnements
- Gestion des erreurs d'excution. Gestion et emploi des exceptions Java. Envoi d'erreurs http. Journalisation des
vnements.
Suivi de session
- Les diffrentes mthodes. Obtention, consultation et abandon de session. Contexte de session.
Travaux pratiques
Dveloppement d'une application base de servlets exploitant l'environnement du conteneur Web.
4) Prsentation des Java Server Pages
Prsentation des objectifs et de l'architecture
- Objectifs. Mcanisme de fonctionnement. Exemples de pages JSP.
Technique de dveloppement
- Les scriplets. Intgration dans la page Web. Directives, dclarations, expressions et actions JSP. Inclusion statique vs
dynamique. Versions du langage, syntaxe XML.
Utilisation de JavaBeans partir de page JSP
- Dfinition, cration, dploiement et utilisation.
- Accs et modification partir d'une page JSP.
Dveloppement d'application l'aide de JSP
- Combinaison JSP et servlets. Inclusion d'applets.
- Accs aux ressources de l'entreprise.
Travaux pratiques
Dveloppement d'une application Web mettant en oeuvre servlets et JSP.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 40 / 65
5) Les librairies de balises
Principe des librairies et extensions de balises
- Extensions de balises. Fonctionnement. Exemple.
Dveloppement d'extension de balises
- Balises simples, avec attributs, avec corps.
- Dployer et exploiter une librairie de balises.
Prsentation de JSTL (Java Standard Tag Library)
- Concevoir des JSP avec JSTL. Exemples.
- Les bibliothques : core, XML, i18n, SQL, fonctions.
Travaux pratiques
Dveloppement de librairies de balises. Intgration de JSTL aux applications dveloppes.
6) Accs aux bases de donnes
Etude d'une application avec accs aux bases de donnes relationnelles
- Mise en place de la base et de l'interface JDBC. Connexion la base, rcupration d'information, mise jour de donnes.
Transaction. Pool de connexions. Les DataSources.
Correspondance BDR/Modles objet
- Objectifs. Approches et outils Java.
- Prsentation de JPA et les diffrentes solutions du march (Hibernate...).
Travaux pratiques
Dveloppement d'une application Web prsentant des donnes d'un SGBDR.
7) Introduction Struts
Utilisation d'un framework de type MVC
- Prsentation. Architecture. Composants du framework. Gestion des vnements. Configuration de l'application. Extension
et librairies de balises.
Travaux pratiques
Adaptation de l'application au modle MVC avec Struts.
8) Introduction JSF
- Prsentation. Architecture. Composants du framework. Gestion des vnements. Configuration de l'application. Extension
et librairies de balises.
9) Scurisation de l'application
- La scurit dans un contexte Web. Notions de users, realms, roles. Authentification et autorisation. Scurit et
programmation de servlets. Installer et configurer SSL. Certificats numriques. Java Authentication and Authorization
Service. Configuration de Tomcat.
- Les nouvelles annotations de Java EE6
Travaux pratiques
Ajout de la scurisation d'accs au site construit.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 41 / 65
Stage pratique
Rf : JSF
Participants
Dveloppeurs et chefs de
projet ayant raliser le
dveloppement d'applications
n-tiers sur J2EE.
Pr-requis
Connaissance du langage
Java et du dveloppement
Web. La connaissance de la
plate-forme J2EE est un plus,
mais non indispensable.
Framework JavaServer Faces
utilisation de composants pour le dveloppement Web en Java
OBJECTIFS
Ce cours vous permettra de prendre en main les composants JSF afin de construire des solutions Web facilement
extensibles. Il propose, entre autres, une introduction au dveloppement Server Side Scripting.
1) Introduction aux JSF
2) Premier pas
3) Concepts JSF
4) Composants standard
5) Cycle de traitement d'une requte
6) Langage d'expression (EL)
7) Configurer une application JSF
8) Complments
9) Intgrer JSF avec JSP, Struts et Ajax
10) Facelets
Travaux pratiques
Le conteneur de Servlet/JSP utilis est Tomcat, implmentation de rfrence de J2EE. Les environnements de
dveloppement sont Eclipse et WSAD.
1) Introduction aux JSF
- Rappels : Servlet, JSP, MVC 2. Frameworks du march.
- JSF : fonctionnalits, positionnement.
- Intgration l'existant. JSF et dveloppement RAD
2) Premier pas
- Configurer l'application Web. Configurer JSF.
- Crer un backing-bean et un formulaire.
- Configuration simplifie avec JSF 2.0.
Travaux pratiques
Mise en place de rgles de navigation sur un formulaire.
3) Concepts JSF
- Composants graphiques. Reprsentation ct serveur et ct client. Arbre de composants.
- Gnration du code client.
- Validation des donnes saisies.
- Backing beans. Rle dans le MVC.
- Ajouter un listener, Evnements.
- Afficher des messages. Naviguer entre les pages.
4) Composants standard
- Les familles de composants. Les proprits.
- Vue racine. Paramtres. Sorties formates. Images.Formulaires. Saisies simples. Commandes. Panneaux.
Travaux pratiques
Cration d'un formulaire labor pour la saisie de critres de recherche. Affichage des rsultats dans un Datagrid.
5) Cycle de traitement d'une requte
- Les phases. Rcuprer la vue. Appliquer les paramtres. Effectuer les validations. Mise jour du modle. Invoquer
l'application. Renvoyer la rponse.
Travaux pratiques
Mise en oeuvre d'un PhaseListener.
6) Langage d'expression (EL)
- Caractristiques. Proprits des objets et mthodes.
- Expressions avec oprateurs. Variables implicites
7) Configurer une application JSF
- Archive web. Configurer web.xml. Dclarer la Servlet JSF. Structure du fichier de configuration JSF.
- Configurer les backing beans et la navigation.
Travaux pratiques
Configurer pour faire cooprer des backing beans.
8) Complments
- Afficher des messages utilisateur. Principe des messages JSF. Afficher un message dans une JSP.
- Conversion et validation des donnes
- Principe. Converters et validators standard et personnaliss avec un backing bean.
- Internationalisation. La classe Locale. Configuration.
Travaux pratiques
Ajouter des contraintes de validation un formulaire.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 42 / 65
9) Intgrer JSF avec JSP, Struts et Ajax
- JSP. Effectuer un include dynamique et statique.
- Utiliser des tags non JSF. Cas des tags JSTL.
- Objectifs d'une intgration Struts/JSF.
- Prsentation de composants Ajax. Le tag <f:ajax> de JSF 2.0.
Travaux pratiques
Utiliser des composants Ajax dans une page JSF.
10) Facelets
- Prsentation de Facelets.
- Grer des layouts.
- Crer des composants personnaliss.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 43 / 65
Stage pratique
Rf : SMVC
Participants
Dveloppeurs Java impliqus
dans le dveloppement d'une
couche de prsentation Web.
Pr-requis
Il est ncessaire que les
participants aient dj
une exprience de la
programmation de Servlet/
Jsp.
Struts 2, dvelopper des applications Web MVC
OBJECTIFS
Ce cours vise fournir une comprhension globale du framework Struts 2 vous permettant d'exploiter efficacement ses
possibilits dans le cadre d'un dveloppement d'application Web rigoureux. L'ensemble des lments d'architecture sera
abord thoriquement puis mis en oeuvre dans le cadre d'une migration d'une application Servlet/Jsp en Struts2.
1) Rappels et complments sur l'API Servlet
2) Prsentation du framework Struts2
3) Le " front Controller " de Struts2
4) La pile d'objets et langage d'expressions OGNL
5) Les classes d'actions Struts2
6) Les constituants de la librairie de tags " struts-
tags "
7) L'approche " Model Driven "
8) Internationalisation d'une application Struts2
9) Les techniques de validation de Struts2
10) Utilisation du framework Tiles
11) Autres aspects du framework
Travaux pratiques
Les exercices pratiques ont t conus pour illustrer tous les lments du framework et leur mise en oeuvre dans le cadre
d'un dveloppement industriel : tous les exercices comportent une phase d'analyse/conception suivie d'une phase de
programmation.
1) Rappels et complments sur l'API Servlet
- Rappel sur les mcanismes de base de l'API Servlet/JSP : cycle de vie d'une requte, les diffrents scopes "request",
"session", "application", fichier web.xml.
- Complments sur les mcanismes de filtre et de listener utiliss par le framework Struts2.
Travaux pratiques
Appropriation d'une petite application Web dveloppe en Servlet/Jsp qui sera le fil directeur des exercices suivants et qui
permettra sa migration sur le framework Struts2.Thmatique : gestion de comptes bancaires (crer, supprimer, crditer et
dbiter des comptes bancaires).Premire tape de migration : mettre en oeuvre un filtre pour calculer le temps de traitement
de certaines requtes, mettre en place un listener pour assurer la restauration/sauvegarde d'une couche mtier lors de
l'initialisation de l'application et de sa destruction.
2) Prsentation du framework Struts2
- Principales caractristiques de Struts1 : cycle de vie d'une requte, lments d'architecture impliqus, contraintes, limites et
besoins d'volution.
- Principales caractristiques de Struts2 : cycle de vie d'une requte, lments d'architecture impliqus, les bnfices
attendus vis--vis de Struts1.
- Les technologies cls de Struts2.
- Dcouverte des constituants de base d'une application Struts2 par l'tude de l'implmentation d'une fonctionnalit
d'authentification (taglib " struts-tags ", classe action et sa configuration dans struts.xml).
Travaux pratiques
Configurer un projet Eclipse pour un dveloppement Struts2 (librairie et fichier web.xml). Implmenter la fonctionnalit
d'authentification vue thoriquement : premire utilisation de la taglib " struts-tags ", d'une action POJO, d'une configuration
basique d'action dans le fichier struts.xml.
3) Le " front Controller " de Struts2
- Les fichiers de configuration Struts2 : organisation d'un fichier struts.xml, rles des fichiers struts.default.xml, et
struts.properties.
- Le " front Controller " Struts2 : rle de la classe FilterDispatcher.
- Rle des intercepteurs : principes, intercepteurs par dfaut, rgles de configuration des intercepteurs pour une action,
cration de piles d'intercepteurs.
- L'intercepteur ServletConfigInterceptor et dpendance avec l'action (les interfaces " Aware ").
- Cration de ses propres intercepteurs.
- Contexte d'excution d'une action : l'ActionContext.
Travaux pratiques
Intgrer la fonctionnalit d'authentification Struts2 au projet d'origine sans rgression (adaptation des JSP concernes en
utilisant la taglib struts-tags, intgrer l'action d'authentification au projet, intgrer les fichiers de configuration). Tracer le temps
de traitement des authentifications dans un fichier de log en utilisant l'intercepteur " TimerInterceptor ".
4) La pile d'objets et langage d'expressions OGNL
- Rles de la pile d'objets et du langage OGNL.
- Organisation de la pile d'objets et positionnement dans l'ActionContext.
- Rgles de construction d'expressions OGNL.
- Exemples d'utilisation via des JSP.
5) Les classes d'actions Struts2
- Les diffrentes classes d'action : POJO ou extension d'ActionSupport.
- Configuration par dfaut d'une action : valeurs rsultats par dfaut et types de rsultats standard.
- Mapping des paramtres des requtes sur les proprits de l'action.
- Valeurs rsultats prdfinies et types de rsultats prdfinis (types de rendu).
- Configuration spcifique d'une action : mthodes de traitement et rsultats multiples.
- Factorisation de rsultats : les " global-results ".
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 44 / 65
- Traitement des exceptions : l'intercepteur " exception ", le tag " exception-mapping ", factorisation des traitements
d'exceptions (" global-exception-mappings ").
Travaux pratiques
Reprendre le projet et l'enrichir pour traiter toutes les RuntimeException par l'affichage d'une page d'erreur de l'application
et traiter spcifiquement les erreurs d'authentification au niveau de l'action. Utiliser OGNL dans le dveloppement des deux
pages d'erreur.
6) Les constituants de la librairie de tags " struts-tags "
- Organisation de la librairie de tags : " control tags ", " data tags ", " form ui tags ".
- Les " control-tags ": if-elseif-else, append, generator, iterator, merge...
- Les "data tags" : a, action, bean, date, i18n, include, push, set, text...
- Les "form ui tags" : hidden, label, passwd, textearea, textfield, token, radio, reset...
- Mapping des "form ui tag" avec les proprits de l'action.
- Traitement d'un upload de fichier : le tag " file ", l'intercepteur " fileUpload ", implmentation de l'action.
7) L'approche " Model Driven "
- Objectif du " Model Driven ".
- Constituants de cette approche : les intercepteurs " model-driven " et " scoped-modeldriven " et configuration spcifique ("
scoped-modeldriven ").
- Implmentation modle CRUD en Struts2 : intercepteur " preparable ", configuration d'action paramtre, conventions de
nommage.
- Exemple de mise en oeuvre.
Travaux pratiques
Reprendre le projet et rcrire les JSP en exploitant les possibilits de la librairie struts-tags de manire supprimer toute
utilisation de " scriptlet " et de " jstl ". Implmenter une action " GererCompte " en exploitant l'approche " Model Driven ".
8) Internationalisation d'une application Struts2
- Principes de l'internationalisation d'une application (les resource bundles struts2).
- Constituants struts2 : l'intercepteur " i18n ", le paramtre " request_locale " et variable " locale " de l'utilisateur.
- Politique de recherche d'une " resource bundle ".
- La classe Action Support et les diffrentes mthodes getText().
- Fichier " .properties " paramtr.
- Les " form ui tags " exploitant l'internationalisation.
9) Les techniques de validation de Struts2
- Les principes de validation (ct client et ct serveur).
- Constituants struts2 : l'intercepteur " validation " et interface " Validateable " et "ValidationAware ", la classe ActionSupport ,
la valeur rsultat " input ".
- Les balises : " actionerror ", " fielderror " et " actionmessage ".
- Validation programmatique : la mthode validate().
- Validation dclarative : les fichiers action-validation.xml et les validateurs prdfinis.
- Validation ct " client " : proprit " validate " du formulaire, javascript gnr.
Travaux pratiques
Reprendre le projet en externalisant tous les libells des actions et des JSP dans des fichiers de proprits en deux langues
(franais et anglais). Implmenter le choix de la langue partir de la page d'accueil. Implmenter une validation dclarative
sur la page de cration/modification d'un compte " ct serveur comme " ct client "
10) Utilisation du framework Tiles
- Principe du pattern " Composite View " et du framework Tiles.
- La librairie de tags " tag-tiles" : dveloppement de layouts et des fragments de page.
- Le fichier de configuration " tiles.xml " : dclaration des pages Tiles.
- Configuration des actions exploitant des pages Tiles : le result-type " tiles ".
- Intgration de Tiles Struts2.
Travaux pratiques
Reprendre le projet de manire produire toutes les pages selon un modle commun de prsentation (header, menu,
contenu dynamique, footer).
11) Autres aspects du framework
- Mise en oeuvre bas niveau d'Ajax : configuration de l'action, traitement de la requte asynchrone, implmentation
javascript.
- La librairie de tags "ajax " et exemple de librairie tiers.
- Traitement des erreurs de conversion.
- Configuration par annotation.
Travaux pratiques
Reprendre la page cration/modification d'un compte et exploiter le tag Ajax " autocompleter " pour rechercher un compte
puis afficher son tat.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 45 / 65
Stage pratique
Rf : VBN
Participants
Pour les dveloppeurs
dsirant acqurir les
techniques et les rflexes
pour dvelopper tous types
d'applications .NET avec
Visual Studio 2008/2010.
Pr-requis
Bonnes connaissances
en programmation. Con-
naissances de base des
concepts objet. Exprience
requise en dveloppement
logiciel.
Visual Basic.NET
applications avec Visual Studio 2008/2010
OBJECTIFS
Cette formation vous apprendra tout d'abord connatre l'architecture des Frameworks 2.0, 3.0 , 3.5 et 4.0, puis exploiter
les classes de base communes aux diffrents types d'applications .NET (Windows, Web, DLL, etc.), avec le langage
VB.NET. Vous apprendrez ensuite crer vos classes/objets spcifiques et tirer parti des mcanismes (encapsulation,
hritage et polymorphisme) inhrents la programmation oriente objet (POO) en .NET. Vous verrez galement le principe
des accs aux donnes avec ADO.Net et des applications Web : ASP.NET.
1) Introduction la plate-forme .NET
2) Syntaxe de base : donnes, expressions et
instructions
3) Gestion des exceptions
4) Programmation Oriente Objet
5) Classes et objets en VB.NET
6) Objets et classes de base du framework .NET
7) Exemples d'applications dveloppes en .NET
Travaux pratiques
Les aspects syntaxiques du langage VB .NET et les classes de base sont illustrs par des exemples dans le cadre d'une
introduction aux Windows Forms. S'ensuivent la conception d'objets spcifiques, puis la cration d'une DLL rutilisable,
avec son dploiement. Dmonstrations sur les accs aux donnes (ADO .NET) et les applications de type Windows et Web
(ASP .NET).
1) Introduction la plate-forme .NET
- Principe et architecture de la plateforme .NET.
- Architecture du Framework .NET : CLR, BCL, et CLS (support multilangage).
- Aperu des diffrents types d'applications dans un environnement multicible.
- Structure d'une application .NET : notion d'espace de noms.
- Outils et environnement de dveloppement.
- Langage de MSIL : principe du langage intermdiaire, principe de la compilation JIT (Just In Time Compiler).
- Notion d'assembly, de mtadonnes et de dploiement. Assembly priv et assembly partag : signature, rle du GAC
(Global Assembly Cache), mise en place dans le GAC.
Travaux pratiques
Exemple de programme VB.NET. Excution en mode gr. Utilisation de l'environnement de dveloppement Visual
Studio.Net pour l'criture du premier programme.
2) Syntaxe de base : donnes, expressions et instructions
- Variables et expressions : dclaration, constantes, oprateurs.
- Types de donnes : Common Type System, rle de la classe de base System.Object et transtypage.
- Types annulables.
- Types valeur et types rfrence.
- Manipulation et gestion des tableaux.
- Instructions de contrle de flux : boucles et tests.
- Nouveauts VB8 : Continue, IsNot, Using, visibilit des proprits, support des types non signs, mot-clef Global, TryCast.
Oprateurs IsTrue et IsFalse.
Travaux pratiques
Ecriture de programmes en VB.NET mettant en oeuvre des algorithmes classiques.
3) Gestion des exceptions
- Principe de la gestion des exceptions.
- Utilisation de l'instruction Throw.
- Utilisation des exceptions pour le traitement centralis des erreurs.
- Structure de gestion des exceptions interlangages : dclenchement d'exception dans un langage, interception et traitement
dans un autre. Exemple entre VB.NET et C#.
Travaux pratiques
Exemples de gestion des exceptions en VB.NET.
4) Programmation Oriente Objet
- Classes et objets : modlisation du monde rel par objet.
- Notions de champ, mthode et proprit.
- Hritage.
- Polymorphisme.
- Implmentation d'interfaces multiples.
- Reprsentation du modle objet.
5) Classes et objets en VB.NET
- Dfinition des classes. Dfinition des objets.
- Dfinition du contenu de la classe : mthodes et proprits.
- Visibilit des membres d'une classe : proprits et mthodes. Utilisation des espaces de noms.
- Cycle de vie des objets : constructeur, destructeur. Gestion de la mmoire avec le garbage collector.
- Le mcanisme de surcharge (constructeurs, mthodes et oprateurs).
- Implmenter un vnement.
- Drivation et hritage des classes : principe de drivation, contrle d'accs lors de la drivation.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 46 / 65
- Principe des interfaces (dfinition et implmentation).
- Principe du polymorphisme.
- Manipulation des attributs : principe des mta-donnes. Attributs de classe, de mthode, de champ.
- Rgions de code et classes partielles.
- Classes gnriques.
- Gnration de documentation.
Travaux pratiques
Ecriture de classes de base. Manipulation de mthodes et proprits dans les classes. Drivation de classe. Exemple
d'implmentation d'une interface et de mise en oeuvre du polymorphisme par hritage ou avec une interface.
6) Objets et classes de base du framework .NET
- Qu'est-ce qu'un framework ? Principe. Hirarchie des classes.
- Traitement des dates et des dures. Traitement des chanes avec StringBuilder et les expressions rgulires.
- Classes incontournables : manipulation du systme de fichier, Math, Random, etc.
- Gestion des entres/sorties : hirarchie des classes. FileStream, StreamReader/StreamWriter.
- Principes des entres/sorties asynchrones.
- Les diffrents types de collections, de dictionnaires et de tables de hachage.
- Les collections gnriques.
- Principe et utilisations de LINQ.
- Se familiariser avec LINQ To Object.
Travaux pratiques
Utilisation des classes de base. Exemples de manipulation du systme de fichiers et d'oprations de lecture/criture dans un
fichier texte.
7) Exemples d'applications dveloppes en .NET
- Principe et conception d'une bibliothque de classes rutilisable.
- Principe et exemple des applications Web ASP .NET.
- Introduction aux accs aux donnes avec ADO .NET.
Travaux pratiques
Ralisation d'une bibliothque de classes signe et installation dans le GAC. Ralisation d'une page ASPX simple, avec
affichage de donnes.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 47 / 65
Stage pratique
Rf : PSH
Participants
Ce cours s'adresse aux
dveloppeurs dsirant
acqurir les techniques et
les rflexes pour dvelopper
tous types d'applications .NET
avec Visual Studio 2008/2010.
Pr-requis
Bonnes connaissances
en programmation. Con-
naissances de base des
concepts objet. Exprience
requise en dveloppement
logiciel avec un langage de
type C/C++ ou Java.
C#, dvelopper en .NET
avec Visual Studio 2008/2010
OBJECTIFS
Cette formation vous apprendra connatre l'architecture des Frameworks 2.0, 3.0, 3.5 et 4.0, puis exploiter les classes
basiques communes aux diffrents types d'applications .NET (Windows, Web, DLL, etc.) avec le langage C#. Vous
apprendrez crer des classes mtier et tirer parti des mcanismes (encapsulation, hritage et polymorphisme) inhrents
la programmation oriente objet (POO) en .NET. Vous verrez galement le principe des accs aux donnes avec
ADO.NET et les diffrentes mises en oeuvre de LINQ ainsi que des applications et services Web : ASP.NET.
1) La plateforme .NET
2) Syntaxe de base : donnes, expressions et
instructions
3) Gestion des exceptions
4) Programmation Oriente Objet
5) Classes et objets en C#
6) Objet et classes de base du framework .NET
7) Les diffrent types d'applications dveloppes
en .NET
Travaux pratiques
Au tout dbut du stage, les aspects syntaxiques du langage C# et les classes de base sont illustrs avec des exemples
simples. La plus grande partie du stage concerne la conception d'objets spcifiques, la cration et le partage de
bibliothques mtier rutilisables. Le stage se termine par une prsentation des accs aux donnes (ADO .NET) et des
applications de type Windows et Web (ASP .NET).
1) La plateforme .NET
- Principe et architecture de la plateforme .NET.
- Architecture du Framework .NET : CLR, BCL, et CLS (support multilangage).
- Aperu des diffrents types d'applications dans un environnement multicible.
- Structure d'une application .NET : notion d'espace de noms.
- Outils et environnement de dveloppement.
- Langage de CIL : principe du langage intermdiaire, principe de la compilation JIT (Just In Time Compiler).
- Notion d'assembly, de mtadonnes et de dploiement. Assembly priv et assembly partag : signature, rle du GAC
(Global Assembly Cache), mise en place dans le GAC. Les nouveauts du GAC 4.0.
Travaux pratiques
Exemple de programme C# minimum. Excution en mode gr. Utilisation de l'environnement de dveloppement Visual
Studio.Net pour l'criture du premier programme.
2) Syntaxe de base : donnes, expressions et instructions
- Variables et expressions : dclaration, constantes, oprateurs, types anonymes (C# 3.0) et dynamiques (C# 4.0).
- Types de donnes : Common Type System, rle de la classe de base System.Object et transtypage.
- Types valeur et types rfrence.
- Instructions de contrle de flux : boucles et tests.
- Syntaxe de base : manipulation des tableaux, instructions de contrle de flux, ...
Travaux pratiques
Ecriture de programmes en C# mettant en oeuvre des algorithmes classiques.
3) Gestion des exceptions
- Principe de la gestion des exceptions.
- Dclenchement d'erreurs personnalises avec throw.
- Utilisation des exceptions pour le traitement centralis des erreurs.
Travaux pratiques
Gestion des erreurs de saisie en utilisant les exceptions.
4) Programmation Oriente Objet
- Classes et objets.
- Modlisation du monde rel par objet.
- Notions de champ, mthode et proprit.
- Hritage.
- Polymorphisme.
- Interfaces.
5) Classes et objets en C#
- Dfinition des classes. Dfinition des objets.
- Dfinition du contenu de la classe : mthodes et proprits.
- Visibilit des membres d'une classe : proprits et mthodes. Utilisation des espaces de noms.
- Cycle de vie des objets : constructeur, destructeur. Gestion de la mmoire avec le garbage collector.
- Le mcanisme de surcharge (constructeurs, mthodes et oprateurs).
- Drivation et hritage des classes : principe de drivation, contrle d'accs lors de la drivation.
- Principe du polymorphisme.
- Principe des interfaces (dfinition et implmentation).
- Manipulation des attributs : principe des mta-donnes. Attributs de classe, de mthode, de champ.
- Rgions de code et classes partielles.
- Classes gnriques.
- Dlgus, covariance, contravariance et vnements. Les variances appliques aux interfaces (C# 4.0).
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 48 / 65
- Classes mtier semblables celles du framework .NET : ralisation de proprits, d'indexeurs et d'numrateurs.
- Gnration de documentation.
- Les nouveauts de C# 3.0 et 4.0 : expression d'initialisation, types anonymes, types dynamiques, paramtres optionnels,
proprits automatiques, mthodes d'extension, mthodes partielles et lambda expressions.
Travaux pratiques
Ecriture de classes de base. Manipulation de mthodes et proprits dans les classes. Drivation de classe. Exemple
d'implmentation d'une interface et de mise en oeuvre du polymorphisme par hritage ou avec une interface.
6) Objet et classes de base du framework .NET
- Qu'est-ce qu'un framework ? Principe. Hirarchie des classes.
- Traitement des dates et des dures. Traitement des chanes avec StringBuilder et les expressions rgulires.
- Classes incontournables : manipulation du systme de fichier, Math, Random, etc.
- Les diffrents types de collections, de dictionnaires et de tables de hachage.
- Les collections gnriques et les bases de Linq avec LINQ To Object sur les collections standard.
Travaux pratiques
Utilisation des expressions rgulires et d'une table de hachage. Rendre une collection ralise prcdemment compatible
avec LINQ et utiliser LINQ To Objects pour l'interroger.
7) Les diffrent types d'applications dveloppes en .NET
- Principe et conception d'une bibliothque de classes rutilisables.
- Principe et exemple des applications Web ASP .NET.
- Principe et exemple des services Web ASP .NET.
- Introduction aux accs aux donnes avec ADO .NET et LINQ.
- Qu'est-ce que LINQ : exemple avec LINQ To Entities et LINQ to SQL.
Travaux pratiques
Ralisation d'un formulaire Windows interrogeant une base de donnes. Dmonstration d'une page ASPX simple, avec
affichage de donnes. Dmonstration d'un service Web simple.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 49 / 65
Stage pratique
Rf : AST
Participants
Informaticiens souhaitant
dvelopper des applications
Internet/Intranet en utilisant
les technologies .NET
(ASP.NET et ADO.NET) dans
le cadre de l'environnement
Visual Studio 2010/2008.
Pr-requis
Bonnes connaissances de
la programmation C# ou
VB.NET. Connaissances
de base des technologies
Web ct client (HTML,
JavaScript...)
ASP.NET 4.0/3.5, niveau 1
dveloppement Web avec Visual Studio 2010/2008
OBJECTIFS
Ce cours vous apprendra utiliser les techniques mises en oeuvre dans l'environnement .NET 4.0/3.5 (ou suprieur)/
Visual Studio 2010-2008 pour la cration d'applications Internet/Intranet. Il dtaillera la technologie ASP.NET (Active Server
Page.NET) pour la cration de pages dynamiques, avec une prsentation des possibilits offertes par Ajax. Vous verrez
galement comment lier vos applications avec des bases de donnes (ADO.NET) et intgrer des services Web utilisant les
technologies XML dans une application Web ASP.NET.
1) Rappels des concepts lis l'Internet/Intranet et
technologies .NET
2) Fonctionnement des pages ASP. NET
3) Contrles serveur HTML
4) Contrles serveur Web
5) Conception de la structure d'un site Web
6) Contrle de sources de donnes
7) Gestion de la scurit
8) Configuration et dploiement
9) Utilisation des services Web
Travaux pratiques
Les stagiaires apprendront matriser l'infrastructure ASP.NET. Ils utiliseront l'environnement .NET/Visual Studio 2010/2008
pour mettre en oeuvre les techniques ncessaires aux applications Web professionnelles. Les exercices sont effectus en
C# ou VB.Net suivant le choix des participants.
1) Rappels des concepts lis l'Internet/Intranet et technologies .NET
- Serveur Web, sites statiques et dynamiques.
- Architecture d'une application Internet/Intranet.
- Technologies .NET. Application Web en .NET.
- Outils intgrs Visual Studio.
Travaux pratiques
Utilisation de Visual Studio pour la cration d'un site, cration d'un formulaire d'entre de donnes.
2) Fonctionnement des pages ASP. NET
- Principe et problmatique des pages dynamiques.
- Rappel des mthodes HTTP GET et POST.
- Principe des pages ASP .NET (ASPX).
- Utilisation des contrles serveur WebForms. Intgration dans les pages ASPX avec Visual Studio.
- Gestion automatique de la persistance de l'tat des contrles serveur avec le ViewState.
- Gestion de la persistance des donnes applicatives : Session, Cache, Application, Cookies.
- Membres caractristiques des classes page, HttpRequest, HttpResponse et HttpServerUtility.
- Utilisation et limitations du QueryString.
- Mise en oeuvre du CrossPagePostBack.
- Gestion des vnements dans les pages ASP.NET : Load, UnLoad, PreRender...
- Gestion des vnements de l'application : fichier global.asax, vnements importants, utilisation.
- Structuration d'une application Web avec Visual Studio (dossiers spciaux, ressources, etc.).
Travaux pratiques
Ecriture des premires pages ASP.NET bases sur des contrleurs serveur standard (listes, boutons, etc.) et grant des
vnements. Mise en oeuvre des mcanismes ncessaires aux applications professionnelles (session, cookie, etc.).
3) Contrles serveur HTML
- Utilit des contrles serveur HTML pour la cration de pages actives ct client et serveur.
- Principaux contrles. Utilisation.
- Intgration des contrles serveur HTML avec les scripts clients JavaScript.
Travaux pratiques
Utilisation des contrles serveur HTML afin de rendre dynamique une page, du ct client et du ct serveur.
4) Contrles serveur Web
- Principe des contrles serveur.
- Caractristiques des contrles de base : TextBox, Label, Literal, Listes, Boutons, Table, TableCell, etc.
- Contrles conteneur : Panel, MultiView, Wizard...
- Contrles riches : Calendar, AdRotator, FileUpload...
- Contrles de validation et groupe de validation.
- Ralisation d'un contrle utilisateur.
- Principe et mise en oeuvre de l'Ajax.
Travaux pratiques
Mise en oeuvre des contrles de validation ct client et ct serveur avec les contrles Wizard. Exemple du contrle
FileUpload... Mise en oeuvre de l'Ajax avec UpdatePanel.
5) Conception de la structure d'un site Web
- Contrles utilisateur pour la structuration des pages.
- Mise en forme d'un site l'aide des MasterPages.
- Rles des dossiers spciaux (App_Code, App_Data, App_Themes, etc.).
- Utilisation des feuilles de style CSS et des thmes.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 50 / 65
- Mise en place d'un systme de navigation avec un fichier SiteMap et des contrles SiteMapPath, TreeView et Menu.
Travaux pratiques
Exemple de ralisation d'une application de e-commerce...
6) Contrle de sources de donnes
- Introduction ADO.NET. Modle objet ADO.NET.
- Mcanismes d'accs une base de donnes : connexion, instruction SQL, procdure stocke, lecture de donnes.
Utilisation d'un DataSet.
- Mcanisme de DataBinding.
- Utilisation des contrles lis une source de donnes : XmlDataSource, GridView (tri et pagination).
- Afficher une vue Matre/Dtail entre un contrle GridView et les contrles DetailsView, FormView.
- Principes des modles de lignes (Templates).
Travaux pratiques
Utilisation des contrles SqlDataSource, GridView et DetailsView pour prsenter les donnes d'entreprise (par exemple les
articles d'un catalogue d'un site de e-commerce).
7) Gestion de la scurit
- Les types d'attaques (SQL injection, spoofing, rpudiation...) et les moyens de s'en prmunir.
- Contrle applicatif des accs et des droits.
- Gestion de la scurit base sur Windows.
Travaux pratiques
Mise en oeuvre d'une authentification et d'un accs restreint, ainsi que d'une restriction d'accs pour un dossier Web.
8) Configuration et dploiement
- Gestion des exceptions.
- Rle et format du fichier Web.config.
- Le Web Administration Tool intgr Visual Studio.
- Sauvegarde des paramtres de l'application.
- Configuration de la gestion des sessions.
- Rle du serveur Web : prsentation de IIS.
- Le mode Release. Publication de l'application.
9) Utilisation des services Web
- Principe. Architecture, communication XML/SOAP. Langage WSDL (Web Service Description Language).
- Appel d'un service Web partir d'une requte HTTP et d'un proxy.
Travaux pratiques
Ecriture d'un Web Service simple (recherche dans une base de donnes) et interrogation via une ASP.NET et un proxy.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 51 / 65
Stage pratique
Rf : MVC
Participants
Dveloppeurs .NET
confirms, dsirant acqurir
les techniques et les rflexes
pour dvelopper tous types
d'applications Web avec
ASP.NET MVC.
Pr-requis
Bonnes connaissances de
C#, HTML et JavaScript.
Exprience requise en
dveloppement logiciel.
Programmation Web MVC en .NET
OBJECTIFS
Le Framework ASP.NET MVC est une volution de la plateforme de dveloppement ASP.NET. Il met l'accent sur l'utilisation
de patterns d'architecture performants et la testabilit du code. Ce stage trs pratique vous apprendra le mettre en oeuvre
pour construire et dployer des applications Web scurises et volutives. Vous verrez comment concevoir des IHM riches
avec Ajax et jQuery, et comment produire un code maintenable au moyen d'une architecture MVC (Modle Vue Contrleur).
1) Dcouverte du Framework ASP.NET MVC
2) Architecture d'une application ASP.NET MVC
3) URL et routing
4) Extensibilit des contrleurs
5) Vues avances
6) Modles approfondis
7) Techniques de construction des vues
8) jQuery et ASP.NET MVC
9) Intgration de services ASP.NET dans MVC
10) Dploiement d'une application ASP.NET MVC
11) Les bonnes pratiques ASP.NET MVC
1) Dcouverte du Framework ASP.NET MVC
- Retour sur ASP.NET et limites de l'approche Webforms.
- Les solutions apportes par ASP.NET MVC.
2) Architecture d'une application ASP.NET MVC
- Rappels sur le pattern MVC.
- Routing.
- Contrleurs et actions.
- Vues.
- Modles.
Travaux pratiques
Installation d'ASP.NET MVC. Cration d'une premire application ASP.NET MVC. Ecriture de tests unitaires.
3) URL et routing
- Configuration du routage.
- Contraintes et paramtres.
- Areas.
- Tester le routage.
4) Extensibilit des contrleurs
- Les filtres.
- La factory de contrleur.
- Les contrleurs asynchrones.
- Tester les contrleurs et les actions.
Travaux pratiques
Mise en oeuvre de l'extensibilit des contrleurs.
5) Vues avances
- Remplacement du moteur de vue par dfaut.
- Utilisation des mthodes utilitaires pour HTML.
- Diffrentes mthodes pour afficher du contenu dynamique.
- Les vues partielles.
Travaux pratiques
Mise en oeuvre des principes de vues avances.
6) Modles approfondis
- Mtadonnes et annotations.
- Binding.
- Validation.
Travaux pratiques
Mise en oeuvre des annotations et du binding.
7) Techniques de construction des vues
- Utilisation de master pages.
- Rgles CSS.
- Les outils Ajax.
8) jQuery et ASP.NET MVC
- Rappels sur jQuery.
- Transferts de donnes avec JSON.
- La bibliothque jQuery UI.
- Animations et autres effets graphiques.
Travaux pratiques
Ralisation de vues avec jQuery, Ajax et CSS.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 52 / 65
9) Intgration de services ASP.NET dans MVC
- Authentification par formulaires.
- Membership et gestion des rles et profils.
- Caching.
- Sitemap.
- Localisation.
Travaux pratiques
Exemple d'une application MVC scurise par authentification et gestion d'autorisations.
10) Dploiement d'une application ASP.NET MVC
- Rappels sur IIS.
- ASP.NET MVC et IIS 7.
- ASP.NET MVC et IIS 5.1/6.
Travaux pratiques
Excution d'un dploiement d'application MVC sous IIS6 et IIS7.
11) Les bonnes pratiques ASP.NET MVC
- Les erreurs viter.
- Les pratiques recommandes (scurit, SEO...).
- Comment migrer une application Webforms vers MVC ?
- Comment intgrer des contrles ou des pages Webforms dans MVC ?
- Les outils complmentaires.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 53 / 65
Stage pratique
Rf : NEA
Participants
Dveloppeurs ASP.NET.
Pr-requis
Bonnes connaissances
de la programmation Web
en .NET. Ou connaissances
quivalentes celles
apportes par le stage
"ASP.NET 2.0/3.5, niveau
1" (rf. AST). Exprience
souhaitable.
ASP.NET 3.5/4.0, niveau 2
dveloppement Web
OBJECTIFS
Ce cours permettra aux participants d'apprhender les aspects avancs du dveloppement Web avec ASP.NET 3.5 et 4.0,
comme, entre autres, l'utilisation du cache de IIS et d'ASP.NET, la scurit et les profils utilisateurs, l'internationalisation des
applications, etc. Le tout dans le contexte d'architectures multiniveaux.
1) Architecture des applications ASP.NET (rappels
rapides)
2) Utilisation avance de ADO.NET, architecture en
couches
3) Contrles personnaliss
4) Optimisation des applications et utilisation du
cache
5) Gestion des erreurs, journalisation, gestion de la
configuration
6) Scurit, authentification et gestion des
utilisateurs
7) Reprsentation graphique des donnes
8) La rflexion
9) Introduction ASP.NET AJAX
10) Introduction aux WebParts
11) LINQ To SQL (.Net 3.5 et 4.0)
12) LINQ To Entities (.Net 3.5 SP1 et 4.0)
13) Sites Dynamic Data (ASP.Net 3.5 et 4.0)
Travaux pratiques
Bonnes pratiques et techniques d'optimisation pour la cration d'un site Web professionnel. Les exercices sont effectus en
C# ou VB.Net suivant le choix des participants.
1) Architecture des applications ASP.NET (rappels rapides)
- Rappels : architecture et cycle de vie des pages ASP.NET.
- Architecture des applications multitiers : tiers interface, tiers mtier, tiers donnes. Structure et rle de diverses couches.
- Composants d'une application ASP.NET : composants HTML, composants Serveur, Web Services.
- Rappels sur les contrles serveur HTML et les contrles serveur Web. Rappel sur le DataBinding.
- Mise en place d'une premire application avec utilisation du DataBinding et de l'accs aux donnes.
- Approche pour la gestion d'informations persistantes.
- Les informations de session en base de donnes.
- Gestion de l'tat avec le ControlState.
- Le pige du ViewState : utilisation et limite.
2) Utilisation avance de ADO.NET, architecture en couches
- Dataset typ : importance et rle. Reprsentation XSD du typage. Les TableAdapters. Personnalisation et renforcement du
type des classes gnres.
- LINQ.
- Utilisation des templates Repeater/ListView, DataList, GridView, DetailsView et FormView.
- Utilisation des objets mtiers comme source de donnes (ObjectDataSource) et interaction avec les templates classiques.
- Personnalisation avec les vnements des DataSources et les contrles base de templates.
Travaux pratiques
Dveloppement de la couche d'accs aux donnes pour optimiser la prsentation de celle-ci.
3) Contrles personnaliss
- Gnration dynamique de contrles dans une page.
- Les contrles utilisateur de type ASCX, distribuables et composites : mise en oeuvre.
- Interactions avec les scripts client et respect du cycle de vie de la page hte.
- Intgration des contrles utilisateur dans le designer de Visual Studio.
Travaux pratiques
Ralisation de contrles utilisateur des trois types.
4) Optimisation des applications et utilisation du cache
- Conseil dans le dveloppement des applications, le pige des exceptions.
- Le cache d'ASP.NET et les dpendances de cache.
- Interaction avec les bases de donnes et SQL Server : SqlDependency et SqlCacheDependency.
Travaux pratiques
Mise en place des mcanismes d'optimisation.
5) Gestion des erreurs, journalisation, gestion de la configuration
- Traitements centraliss des exceptions non gres par Page.Error et Application_Error.
- Grer la configuration dans le fichier Web.Config.
- Configurer les erreurs http par le fichier Web.Config.
- Utilisation des journaux d'vnements pour la journalisation des erreurs.
Travaux pratiques
Mise en place d'une gestion centralise des erreurs. Ecriture des vnements importants dans un journal systme.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 54 / 65
6) Scurit, authentification et gestion des utilisateurs
- Principes : authentification, autorisation et personnification.
- L'identit systme : WindowsAuthenticationModule.
- L'identit applicative : FormsAuthenticationModule.
- La gestion des comptes applicatifs avec les MembershipProviders et contrles spcialiss (LoginStatus, LoginView,
ChangePassWord...).
- Authentification avec les certificats clients.
- Personnification au nom du client.
- Ajout d'informations personnelles (personnalisation de l'apparence du site, par exemple) au profil des utilisateurs.
Travaux pratiques
Ralisation d'une application Web de type forum grant des rles (et les privilges associs ces rles) pour les utilisateurs :
rle Visiteur, rle Ecrivain et rle Modrateur.
7) Reprsentation graphique des donnes
- Les images : manipulations, gnration la vole. Stockage/lecture en base de donnes.
- Notion de page-image ASP.NET.
- Utilisation de HTTPHandlers gnrateurs d'images.
- Le contrle ASP.Net 4.0 Chart pour la gnration de graphes.
Travaux pratiques
Protection d'un site contre les robots l'aide d'images lisibles seulement par des utilisateurs "intelligents".
8) La rflexion
- La rflexion avec .NET. Utilisation de la rflexion pour raliser des interfaces dynamiques.
Travaux pratiques
Saisie, dans une application web, d'une valeur de type complexe inconnu l'aide de l'API de rflexion de .NET.
9) Introduction ASP.NET AJAX
- Le principe AJAX.
- Les extensions de Microsoft Ajax Library JavaScript.
- Les bibliothques de classes de Microsoft Ajax Library JavaScript.
- L'interaction entre les scripts client et les PageMethods ou Services Web ASP.NET. Srialisation JSON pour ADO.NET.
- Les contrles serveurs spcifiques ASP.NET AJAX : ScriptManager, UpdatePanel, UpdateProgress...
- Aperu de l'Ajax Control Toolkit.
Travaux pratiques
Optimisation des flux http l'aide des Contrles serveur ScriptManager et UpdatePanel. Ralisation d'un site de discussion
en direct. Cration de services Web consommables via la technologie cliente Ajax.
10) Introduction aux WebParts
- Principes, gestion des modes, apparence et disposition, catalogues, dition de proprits et de proprits d'IU.
11) LINQ To SQL (.Net 3.5 et 4.0)
- Attributs de mapping, SQL Metal dans Visual Studio, oprations d'criture : rle du DataContext, mapping de l'hritage
TPH, intgration dans la LinqDataSource ASP.Net 3.5, gestion des conflits d'accs concurrents optimistes.
12) LINQ To Entities (.Net 3.5 SP1 et 4.0)
- Mapping par les fichiers XML CSDL, SSDL, MSL et EDMX, le designer de Visual Studio, mapping de fonction, oprations
d'criture : rle de l'ObjectContext et des EntityKeys, Langage Entity SQL, mapping de l'hritage TPH et TPT, intgration
dans la EntityDataSource ASP.Net 3.5, gestion des conflits d'accs concurrents optimistes.
13) Sites Dynamic Data (ASP.Net 3.5 et 4.0)
- Grands principes, gestion des routes, mtadonnes impliques, cration d'un site Dynamic Data, ajout un site existant,
personnalisation : des donnes reprsenter, des filtres, des entits, des listes, des champs. Le contrle QueryExtender
ASP.Net 4.0.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 55 / 65
Stage pratique
Rf : SVR
Participants
Ce cours s'adresse aux
dveloppeurs ASP .NET
qui souhaitent dcouvrir la
philosophie de Silverlight et
les techniques associes afin
de concevoir des pages web
interactives ct client, avec
Visual Studio.
Pr-requis
Bonne connaissance des
ASP.NET (XML, Framework
2, Visual Studio 2008/2010
et pratique du langage C# ou
VB .NET).
Matriser Silverlight 4
applications ASP.NET avec interfaces riches
OBJECTIFS
Silverlight sert enrichir l'exprience utilisateur avec des pages Web constitues d'lments visuels riches,
redimensionnables et interactifs. Cette formation vous permettra de vous familiariser avec les diffrentes techniques de mise
en oeuvre de Silverlight 4, au travers d'ateliers raliss en C# ou en VB .NET.
1) Introduction
2) Concepts fondamentaux
3) Conception d'interfaces utilisateurs
4) Gestion des oprations
5) Outils de conception graphique
Travaux pratiques
Suite une introduction aux possibilits offertes par Silverlight, une srie d'ateliers allant d'une simple page la conception
d'une page lie des donnes sont raliss de faon dcouvrir les diffrents lments mettre en oeuvre.
1) Introduction
- Comprendre l'architecture de Silverlight.
- Structure d'une application Silverlight (XAML, code-behind, compilation, intgration une page Web).
- Gestion multiplateformes, multinavigateurs et dploiement.
- Panorama des outils de dveloppement (Visual Studio, SDK, MS Blend et outils tiers).
Travaux pratiques
Configurer l'environnement de dveloppement Visual Studio 2008 pour raliser des applications Web Silverlight.
2) Concepts fondamentaux
- Introduction au langage XAML.
- Hirarchie des classes et familles d'lments.
- Gestion des vnements : les gestionnaires.
- Interactions avec la page Web (HTML Bridge).
Travaux pratiques
Interagir avec les objets graphiques, les contrles de base et la page Web hte.
3) Conception d'interfaces utilisateurs
- Techniques de positionnement avec les lments Panels, Canvas et Grid.
- Prsentation des contrles (TextBlock, TextBox, etc.).
- Systme de transformations et d'animations.
- Personnalisation : styles et modles de contrles.
Travaux pratiques
Crer, personnaliser et programmer les lments courants, avec exemples de transformations et d'animations.
4) Gestion des oprations
- Intgration de la CLR et modle d'excution (cycle d'excution, classes usuelles et collections, etc.).
- Rappel sur le DataBinding.
- Fonctionnement des entres/sorties dans la zone Isolated Storage.
- Se connecter avec la classe WebClient ou par un service WCF.
- Crer et dployer une application de navigateur.
- Interagir avec des donnes distantes via RIA Services.
- Manipulation de fichiers XML avec ou sans LINQ.
Travaux pratiques
Manipulation des classes utiles en Silverlight. Ralisation de plusieurs applications (avec rcupration de fichiers distants et
dition de donnes via RIA Services).
5) Outils de conception graphique
- Techniques d'intgration de vidos.
- Prise en main de MS BLEND (interface, gestion des ressources et des assets, conception d'une interface, intgration avec
Visual Studio, ralisation d'animations).
- Prsentation de MS Encoder.
- Format d'image Deep Zoom.
Travaux pratiques
Ralisations d'une interface de saisie avec MS Blend, d'une page affichant des images haute rsolution avec l'effet Deep
Zoom, d'une page affichant une slection de vidos.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 56 / 65
Stage pratique
Rf : PHH
Participants
Cette formation s'adresse
aux informaticiens qui
souhaitent acqurir une
formation oprationnelle
sur PHP dans le contexte
du dveloppement, et aux
webmasters ayant dj une
bonne connaissance d'un
langage de programmation
client (javascript ou vbscript).
Pr-requis
Connaissances de base
du langage HTML et d'au
moins un langage de
programmation.
PHP 5 dvelopper un site Web dynamique
avec bases de donnes
OBJECTIFS
Ce cours vous permettra de matriser d'une manire oprationnelle le langage PHP dans le contexte de dveloppement de
sites Internet dynamiques. Il vous permettra aussi d'aborder les aspects connexes ce type de dveloppement : bases de
donnes, langage SQL, manipulation de fichiers graphiques...
1) Introduction
2) Premires applications Web en PHP
3) Gestion des sessions utilisateurs
4) Une application Web professionnelle
Travaux pratiques
Des machines sous Windows ou Linux quipes du serveur Web Apache avec le module PHP et un serveur MySQL ou
Oracle seront mis la disposition des participants. Les participants vont crer un site complet de vente en ligne.
1) Introduction
- L'architecture du WEB : HTTP, CGI, interactivit : script client ou script serveur
- Qu'est-ce que PHP ?
- Historique de PHP.
- Les diffrences entre PHP 4 et PHP 5.
- Prsentation de l'exemple utilis durant la formation : le site de vente en ligne.
Travaux pratiques
Revue des balises principales HTML et des commandes de style. Introduction la feuille de style de l'application exemple.
2) Premires applications Web en PHP
Automatisation d'une page Web
- Les principes du client-serveur.
- Premiers lments du langage.
- Intgration de PHP dans une page HTML.
- Variables et fonctions.
- Librairies.
- Fonctions de base, variables serveur et variable PHP.
- Variables serveur et variable PHP.
- Contrles de flux et boucles.
Les formulaires simples
- Passage et transmission de variables.
- Lecture/criture de fichier.
- Vrification de login/mot de passe.
- Redirection.
Les variables complexes : tableaux
- Constructeur array.
- Fonctions associes aux tableaux.
- Fonctions d'extraction.
- Fonctions de navigation dans un tableau.
Travaux pratiques
Ralisation de fonctions personnalises. Ralisation d'une librairie de fonctions. Ralisation d'une fonction de cration de
liste droulante.
3) Gestion des sessions utilisateurs
Variables persistantes : Cookies et Session
- Avantages et inconvnients des cookies et sessions.
- Limitations et prcautions.
- Les variables de session.
- Fonctions lies aux variables de session.
- Les Cookies.
- Srialisation des variables complexes.
- Utilisation.
Utilisation d'une base de donnes MySQL
- Prsentation de MySQL.
- Concepts fondamentaux : bases, tables, champs, enregistrements.
- Bases MySQL.
- Tables MySQL.
- Champs MySQL.
- Enregistrements MySQL.
- Fonctions PHP MySQL.
- Introduction au langage SQL (slection, modification, suppression).
- Traitement des rsultats des requtes.
Travaux pratiques
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 57 / 65
Ralisation d'un panier d'achat simple, version cookie et session. Gestion des quantits commandes. Cration d'une base
MySQL. Remplissage de la base partir d'une base texte. Cration de fiches produit la vole par extraction des donnes
de la base.
4) Une application Web professionnelle
Notions d'architecture multicouches
- Introduction aux principes MVC.
Les formulaires complexes
- Moteur de recherche : formulaire en relation avec une base de donnes.
- Fonctions avances de slection : recherches et tris.
Le graphisme en PHP
- Prsentation de la librairie GD.
- Cration d'image, rutilisation.
- Gestion des polices et de l'criture en mode image.
- Superposition de texte pour protection de droits.
- Intgration au site.
- Ralisation de graphiques statistiques.
Intgration des modules raliss
Travaux pratiques
Ralisation d'un moteur de recherche : la slection sur Auteur, Titre et Hros donne une liste de liens sur les fiches produit
correspondantes. Implmentation multicouche. Intgration des diffrents modules raliss. Affichage des images, avec
mention de copyright.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 58 / 65
Stage pratique
Rf : OBP
Participants
Informaticiens et webmasters
qui souhaitent une
formation oprationnelle en
dveloppement objet PHP.
Pr-requis
Bonnes connaissances
des bases du HTML. La
connaissance d'un langage
objet permettra de mieux
profiter de la formation mais
n'est pas indispensable.
PHP 5, pour les dveloppeurs objet
crer une application Web en P.O.O.
OBJECTIFS
Ce cours vous permettra de matriser d'une manire oprationnelle le langage PHP dans le contexte d'un dveloppement
objet. Vous apprendrez crer un site Web dynamique et aborderez la mise en oeuvre des aspects connexes ce type de
dveloppement. L'ensemble du cours est orient objet.
1) Introduction
2) Bases du Langage PHP
3) Programmation Oriente Objet (POO)
4) Premires applications Web en PHP
5) Gestion des sessions utilisateurs
6) Utilisation d'une base de donnes MySQL
7) Une application Web professionnelle
1) Introduction
- Qu'est-ce que PHP ? Interactivit avec les internautes.
- Les diffrences entre PHP 4 et PHP 5.
- Prsentation de l'exemple utilis durant la formation.
2) Bases du Langage PHP
- Automatisation d'une page Web.
- Le client-serveur. Premiers lments du langage.
- Intgration de PHP dans une page HTML.
- Variables et fonctions. Librairies.
- Fonctions de base, variables serveur et variable PHP.
- Contrles de flux et boucles.
Travaux pratiques
Ralisation de fonctions personnalises.
3) Programmation Oriente Objet (POO)
- Rappel UML. Modlisation des classes. Outils.
- Classes, proprits, mthodes. Visibilit et Protection.
- Constructeur, destructeur. Appel implicite vs. explicite.
- Hritage et agrgation. Propagation. Polymorphisme.
- Srialisation et stockage. Organisation des fichiers.
Travaux pratiques
Ralisation d'une classe PageWeb.
4) Premires applications Web en PHP
- Les formulaires simples. Passage de variables. Vrification de login/mot de passe. Redirection.
- Les variables complexes : tableaux des fonctions.
Travaux pratiques
Ralisation d'un objet de stockage. Ralisation d'un objet Formulaire (texte, select et upload).
5) Gestion des sessions utilisateurs
- Variables persistantes : Cookies et Session.
- Avantages, limitations et prcautions.
- Variables de session et fonctions lies. Les Cookies.
- Srialisation des variables complexes. Utilisation.
Travaux pratiques
Ralisation d'un objet Panier d'Achat stockable en cookie ou session. Gestion des quantits commandes.
6) Utilisation d'une base de donnes MySQL
- Concepts : bases, tables, champs, enregistrements.
- Fonctions PHP Mysqli. Introduction au langage SQL.
- Requtes et traitement des rsultats.
Travaux pratiques
Cration d'une base MySQL et de fiches produits la vole.
7) Une application Web professionnelle
- Notions d'architecture multicouches. Principes MVC.
- Formulaires complexes. Liaison aux donnes.
- Fonctions avances de slection: recherches et tris.
- Le graphisme en PHP : de la librairie GD.
- Intgration au site.
Travaux pratiques
Ralisation d'un moteur de recherche. Amlioration de la classe SQL. Implmentation multicouches. Intgration des
diffrents modules raliss.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 59 / 65
Stage pratique
Rf : SYM
Participants
Dveloppeurs et chefs de
projets PHP5.
Pr-requis
Bonnes connaissances de
PHP. Connaissance de base
de la programmation oriente
objet.
PHP, dveloppement Web avec le framework Symfony
OBJECTIFS
Symfony est un framework Open Source PHP qui propose une architecture, des composants et des outils pour raliser
plus efficacement des applications Web complexes. Ce stage vous prsentera les aspects techniques de Symfony et vous
montrera comment le mettre en oeuvre pour crer des applications.
1) Du PHP # plat # la structure MVC
2) Le Templating avec Symfony
3) L'environnement de travail Symfony
4) Le routing et le protocole HTTP
5) L'abstraction Objet-Relationnel
6) L'installation du framework
7) L'admin generator
8) Les tests
9) Le cache
10) L'internationalisation et la localisation
1) Du PHP # plat # la structure MVC
- Comprendre la sparation en couches.
- Mettre la logique mtier dans des classes.
- Utiliser la syntaxe PHP alternative pour les templates.
- Dcouper un projet en niveaux application, module, action.
- L'arborescence des fichiers d'un projet Symfony.
- Lier des pages entre elles.
- Comprendre la thorie du design pattern MVC.
2) Le Templating avec Symfony
- Utiliser un helper et un helper group.
- Construire un formulaire avec des helpers.
- Concevoir des templates modulaires.
- Utiliser le view.yml pour modifier la vue.
3) L'environnement de travail Symfony
- Utiliser plusieurs environnements de dveloppement.
- Comprendre le droulement d'une requte avec la web debug toolbar.
- analyser les requtes avec les fichiers de log.
- Apprendre la syntaxe YAML.
- Comprendre le cache de la configuration et symfony cc.
- Explorer les fichiers de configuration.
- Utiliser la ligne de commande Symfony.
- Dboguer une application Symfony.
4) Le routing et le protocole HTTP
- Comprendre ce qu'est une URL. Le get et le post.
- Utiliser Apache et le rewriting d'URL.
- Utiliser un helper pour formater les requtes sortantes.
- Comprendre le front controller.
- Comprendre le routing bidirectionnel.
- Distinguer un redirect et un forward.
- Ajouter une extension une page.
- Utiliser le routing pour grer une arborescence de navigation.
5) L'abstraction Objet-Relationnel
- Manipuler des objets mtier.
- Se protger des injections SQL.
- Abstraire le SQL pour pouvoir changer de base de donnes.
- Ecrire un schma relationnel pour Doctrine.
- Connecter une application une base de donnes.
- Gnrer un modle objet.
- Utiliser les classes gnres par Doctrine.
- Utiliser l'objet Doctrine_Query pour requter la base de donnes.
- Traduire une requte SQL en requte objet.
6) L'installation du framework
- Installer Symfony depuis une sandbox, PEAR, SVN.
- Initialiser un projet, un module, un suivi de version.
- Configurer un serveur web.
- Mettre jour Symfony.
- Installer Symfony sur un serveur de production. Synchroniser deux installations.
7) L'admin generator
- Gnrer ou initier un module.
- Initier une administration.
- Explorer le code gnr.
- Utiliser le generator.yml pour modifier le code gnr.
- Modifier la vue liste et la vue edit.
- Personnaliser des templates. Utiliser des thmes.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 60 / 65
- Comprendre les templates de templates.
8) Les tests
- Valider un lment de code avec un test unitaire.
- Utiliser lime et la ligne de commande symfony test:unit, test:functional et test:all.
- Valider une fonctionnalit avec un test fonctionnel.
- Utiliser l'objet sfTestBrowser pour simuler une navigation entre des pages.
- Vrifier un lment de page avec le Dom CSS Selector.
- Automatiser les tests.
9) Le cache
- Mettre en cache le rsultat de requte, une page avec ou sans layout, un composant de la vue.
- Explorer l'arborescence des fichiers cachs.
10) L'internationalisation et la localisation
- Identifier les textes de l'interface traduire (__()).
- Traduire une interface avec un dictionnaire XLIFF.
- Formater automatiquement une date, un nombre, un montant. Stocker des informations diffrentes selon la localisation.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 61 / 65
Stage pratique
Rf : RUB
Participants
Ce stage s'adresse tous
les programmeurs, Web
dveloppeurs et Webmasters
dsirant concevoir des
sites Internet orients Web
Services avec l'un des
meilleurs Frameworks du
moment.
Pr-requis
Connaissances de base
d'HTML, de JavaScript, d'un
langage de dveloppement
ct serveur et en adminis-
tration d'un serveur Web.
Ruby On Rails, dveloppement Web
OBJECTIFS
Ce stage vous apprendra matriser le Framework Ruby On Rails (RoR) pour dvelopper vos applications Web. Vous verrez
comment tirer parti de la simplicit et de la rapidit d'utilisation de RoR pour crer des applications riches et volutives en
utilisant le modle MVC, et pour les connecter des Services Web.
1) L'architecture
2) Installation et configuration
3) Dcouverte et prise en main du framework
4) Action Controller
5) Action View
6) Bases de donnes Active Record
7) Ror, Ajax et les services Web
8) Synthse
1) L'architecture
- MVC : modles, vues et contrleurs.
- Active Record : modle Rails. Action Pack : vue (RHTML et RXML) et contrleur Rails.
- Structure des rpertoires.
2) Installation et configuration
- InstantRails : Ruby on Rails, MySQL, "Apache"...
- Environnement d'excution.
- Outil de ligne de commande.
- Les diteurs (RadRails, Komodo, jEdit...).
- Bases de donnes supportes (MySQL, PostgreSQL, Oracle, SQL Server...).
- Paramtrage d'une base de donnes.
- Paramtres de configuration.
- Premire application.
3) Dcouverte et prise en main du framework
- Conventions de nommage. Fichiers journaux. URL de requtes. Embedded Ruby (ERb).
- Fonctionnement d'une application Rails.
- Extensions des bibliothques d'active support (String, Number, Date, Time...). Prise en charge UNICODE.
4) Action Controller
- Bases. Routage de requtes (map.connect, gnration d'URL, routage ressources, la mthode GET).
- Mthodes d'action (environnement du contrleur, rponse utilisateur et formats).
- Sessions et cookies. Gestion du cache. Les filtres.
5) Action View
- Les formats (builder vs RHTML). Les assistants (Helpers).
- Les formulaires (personnaliss, encapsulant des objets, modles multiples, gestion des erreurs).
- Les fichiers. Cration de formats dynamiques.
6) Bases de donnes Active Record
- Les tables et classes. Les colonnes et attributs.
- Les cls (id, primaires, trangres...).
- Les relations (belongs_to, has_one, has_many...).
- Jointures multiples. Acts as List/Tree.
- Les connexions de BdD.
- Le CRUD (Create Release Update Delete).
- Transactions et validation.
- Trucs et astuces de BdD.
7) Ror, Ajax et les services Web
- Prototype et ScriptAculoUs (scripts et assistants).
- Formats Rjs (CRUD, interaction JS directe).
- AWS, SOAP, XML-RPC et REST.
- L'API WS Rails.
- Modes de routage (direct, dlgation...).
- Les clients de services Web.
8) Synthse
- Crer une application RoR complte.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 62 / 65
Stage pratique
Rf : GRG
Participants
Dveloppeur Web, architecte
applicatifs.
Pr-requis
Bonne connaissance du
langage Groovy et des
concepts des technologies
Java Web (Servlet, JSP et
tags).
Grails, dveloppement d'applications Web
OBJECTIFS
Le Framework Grails a t conu pour faciliter la mise en oeuvre d'applications Web au moyen du langage Groovy, de
Spring et Hibernate, deux frameworks parmi les plus utiliss du march. Cette formation vous dtaillera son utilisation et les
bonnes pratiques mettre en oeuvre pour assurer la robustesse et l'extensibilit de vos applications.
1) Introduction
2) Grails : premier pas
3) Modle mtier
4) Application des concepts Grails
5) Complments
1) Introduction
- La plateforme JavaEE.
- Les technologies Web : Servlet, JSP et taglib.
- Design Pattern MVC.
- Le framework Rails.
- Fondements du framework Grails.
- Grails : fonctionnalits et positionnement.
- Les bases du langage Groovy.
Travaux pratiques
Mise en place de l'environnement (JDK, Groovy, Grails, Eclipse...).
2) Grails : premier pas
- Structure d'un projet.
- Modle mtier, les contrleurs et les vues.
- Elments de configuration.
- Les utilitaires Grails en ligne de commande.
- Intgration avec l'IDE Eclipse.
Travaux pratiques
Dvelopper une application simple Grails.
3) Modle mtier
- Mcanisme de mapping Objet-Relation avec GORM (Entits, associations, hritage,...).
- Validation des donnes.
- Implmentation des oprations CRUD.
- Requtes dynamiques.
Travaux pratiques
Implmenter une couche d'accs aux donnes avec GORM.
4) Application des concepts Grails
- Scaffholding statique versus Scaffholding dynamique : gnration automatique des artefacts (Contrleurs, Vues,...).
- Validation des donnes de saisie.
- Conversion des donnes.
- Gestion des actions (action par dfaut,...).
- Rendu dynamique :Groovy Scriptlets et GSP. Bote outils Grails de tags. Dfinition des tags personnaliss. Layout et
template. Pagination.
- Internationalisation.
Travaux pratiques
Mettre en oeuvre une application utilisant les concepts Grails : Controller, Actions, Views, tags Grails, validation...
5) Complments
- Les concepts d'AJAX.
- Gestion des vnements.
- Intgration avec Ajax : les tags.
- Mise en oeuvre des services et tches.
- Injection des dpendances.
- Intgration des frameworks : Hibernate et Spring.
Travaux pratiques
Amliorer l'application dveloppe en intgrant AJAX et Spring.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 63 / 65
Stage pratique
Rf : PRL
Participants
Destin aux informaticiens
concerns par des
procdures d'exploitation en
environnements Unix, Linux
ou Windows.
Pr-requis
Connaissances de base
de la programmation et
d'un systme d'exploitation
(Windows ou Linux/Unix).
Langage Perl
scripts systme Unix/Linux/Windows
OBJECTIFS
Ce stage vous apprendra programmer ou maintenir des procdures d'exploitation crites en Perl. Il permettra de matriser
le langage lui-mme mais aussi de dcouvrir la "philosophie Perl" avec notamment le recours un grand nombre de modules
permettant d'largir quasiment l'infini ses possibilits.
1) Prsentation
2) L'essentiel du langage
3) Expressions rgulires
4) Fonctions, procdures, modules
5) Gestion des fichiers et des rpertoires
6) Interactions avec le systme d'exploitation
7) Aspects avancs, bases de donnes,
implmentation objet
8) Scripts Perl dans un contexte Web, module CGI
1) Prsentation
- Caractristiques du langage Perl.
- Versions, ressources et documentation.
2) L'essentiel du langage
- Structure d'un programme Perl.
- Scalaires. Premiers oprateurs.
- Entres/sorties de base. Listes et tableaux.
- Instructions (tests, boucles, branchements, etc.).
- Tableaux associatifs (hachages). Rfrences.
3) Expressions rgulires
- Panorama des diffrents motifs.
- Utilisation des expressions.
- Options de la ligne de commande pour l'interprteur.
- Perl utilis comme filtre supplmentaire.
4) Fonctions, procdures, modules
- Dfinition des fonctions. Porte des variables, mcanisme d'appel, rcupration des rsultats.
- Utilisation des rfrences.
- Notion de "package" et de module.
- Modules de la distribution standard.
- Modules du CPAN, recensement, documentation, sites de ressources.
- Installation de modules.
- Utilisation d'un module "classique" et d'un module "orient objet".
- Fabrication d'un module.
5) Gestion des fichiers et des rpertoires
- Ouverture de fichier et Entres/sorties.
- Informations sur les fichiers.
- Gestion des rpertoires.
- Quelques oprations sur les fichiers.
6) Interactions avec le systme d'exploitation
- Accs aux informations du systme d'exploitation.
- Gestion des processus, lancement de commandes du systme.
- Interactions avec le systme Windows (modules Win32 et Win32API).
7) Aspects avancs, bases de donnes, implmentation objet
- Tris personnaliss.
- Traitements complmentaires sur les chanes de caractres.
- Structures de donnes labores l'aide des rfrences anonymes.
- Accs aux bases de donnes l'aide du module DBI.
8) Scripts Perl dans un contexte Web, module CGI
- Protocole HTTP, schma fonctionnel CGI.
- Le module CGI.
- Variables d'environnement, mthodes GET et POST.
- Traitement des formulaires, exploitation des rsultats.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 64 / 65
Stage pratique
Rf : KWC
Participants
Concepteurs et informaticiens
dsireux de matriser les
techniques permettant de
dvelopper des sites Web
interactifs en HTML, XHTML,
CSS, JavaScript, et Ajax.
Pr-requis
Informaticiens connaissant les
principes de l'Internet et ayant
des bases en dveloppement.
La pratique d'un langage de
programmation sera un plus.
Cycle certifiant Dveloppeur Web ct client
OBJECTIFS
Ce cycle trs complet vous apprendra crer des sites Web interactifs, en mettant en uvre HTML, XHTML, CSS,
JavaScript et Ajax. Vous verrez les fonctionnalits proposes par l'atelier Dreamweaver CS3 pour crer vos pages ainsi que
le langage JavaScript pour augmenter l'interactivit de vos sites Web.
1) Les technologies du Web
2) La cration de pages et de sites Web
3) Le HTML dynamique et le JavaScript
4) La programmation Ajax
1) Les technologies du Web
- Les protocoles Internet : HTTP, FTP, NNTP, SMTP, POP3.
- Le fonctionnement du Web. Postes clients et serveurs.
- Les sites Web : Intranet, Internet, Extranet, B2B, B2C.
- Plateforme d'hbergement, navigateurs et langages.
2) La cration de pages et de sites Web
Le studio Dreamweaver
- Prsentation de la gamme Macromdia. Dreamweaver.
- Prise en main de Dreamweaver.
- Cration d'un site Web : choix techniques, compatibilit.
- Conception graphique HTML : images, liens, ancres
- Description des langages HTML et XHTML.
- Publication du site et maintenance du code.
La composition de pages l'aide des ateliers
- Cration d'un modle de page.
- Import externe de pages. Les feuilles de styles CSS.
- Cration de formulaires. Elments. Mthodes GET/POST.
Design et accessibilit
- Construction de la charte graphique.
- Rgles d'utilisabilit.
- Cration d'un modle de page avec Fireworks.
- La priorit 2 du WAC/W3C.
L'interactivit
- Intgration d'animations graphiques, de composants graphiques. Les Plug-ins. L'inspecteur de tags.
- Le rle du JavaScript.
- Cration dynamique de code JavaScript.
L'accs aux bases de donnes
- Paramtrage d'une connexion ODBC. Consultation d'une base de donnes avec Dreamweaver.
- Les objets serveurs.
- Interrogation SQL sur une table.
- Gnration de tableaux dynamiques. Utilisation des tables pour des formulaires.
L'authentification utilisateur
- Gestion des formulaires de login. Contrle conditionnel d'accs aux pages.
Travaux pratiques
Cration d'un espace de projet de site Web. Dveloppement de pages XHTML, de CSS, de tableaux Cration de
formulaire. Test de compatibilit XHTML et d'accessibilit. Cration d'un modle partir de Fireworks. Reproduire une charte
graphique fournie. Intgration de composants multimdias. Connexion une base de donnes.
3) Le HTML dynamique et le JavaScript
Le contexte et les langages de scripts
- Les types de navigateurs et la portabilit.
- Les langages de scripts.
- Impact de JavaScript sur l'accessibilit.
- ECMAScript et mergence d'ActionScript. .
- Importance de XHTML sur l'utilisation de JavaScript.
- Mthode de dveloppement JavaScript en quipe.
- Positionnement et illustration des technologies DHTML.
Le langage JavaScript
- Concepts de la programmation Objet.
- Syntaxe : les types, les variables, les bibliothques, les oprateurs, les tableaux, les matrices de stockage, les itrations, les
fonctions. La gestion des erreurs.
- Accs aux ressources du navigateur : plug-ins
La gestion de formulaires HTML
- Manipulation de contenu de formulaires.
- Fonctions de validation de formulaire.
- Evnements lis aux lments de formulaire.
L'interaction avec les feuilles de style en cascade
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com
Animateur: Abdallah Touili, Ing.Dveloppeur-Formateur-Consultant www.menarainfo.com page 65 / 65
- Outils pour manipuler les feuilles de style.
- CSS multiples, hritages multiples, rgles de priorit.
- Les blocs de texte, les calques et les couleurs
- Accs et modification des styles.
Les parseurs et DOM
- Rappel sur les parseurs XML.
- Point sur le XML, les DTD et les XML-schma.
- Document Object Model. Manipulation du DOM.
Les vnements et donnes
- Organisation des vnements.
- Comment programmer des couteurs d'vnements.
- Les traitements vnementiels JavaScript.
- Les redirections http. Gestion des cookies.
Travaux pratiques
Mise en uvre des diffrentes fonctionnalits JavaScript. Conception de fonctions personnalises contrlant les activits de
l'utilisateur. Manipulation de feuilles de style via JavaScript. Manipulation du DOM. Gesttion d'vnements sur les lments
du formulaire.
4) La programmation Ajax
Ajax
- Prsentation d'Asynchronous JavaScript And XML.
- Objectifs. Principes de fonctionnement.
- Force du mix technologique Ajax/REST/Web 2.0.
- Prsentation Ajax (GMail, GMaps, Google Suggest).
Rappel XML
- La structure XML. XML bien form et valid.
- Les moyens de validation XML : DTD et XSD.
JavaScript Object Notation (JSON)
- Objets, Arrays, syntaxe et parseur JSON.
- JSON, avantages et inconvnients.
Les traitements XML en JavaScript
- Prsentation XSLT et le langage XPath.
- Le format RSS.
XMLHttpRequest
- La classe XMLHttpRequest. Crer un objet.
- Dialoguer en mode synchrone/asynchrone avec le serveur.
Les frameworks Ajax
- Pourquoi utiliser les frameworks.
- Les frameworks ct serveur et hybrides.
- Frameworks PHP, Java, .NET, ColdFusion.
- Les frameworks Dojo Toolkit, Rico, Rialto, Atlas...
Ajax et la cartographie
- Cration de cartographie partir de l'API de Google. Cration de Markers. Zoom. Gocoder.
Travaux pratiques
Cration d'une structure XML bien forme et valide. Mise en uvre. Traitement XSLT. Utilisation de flux RSS. Cration d'un
formulaire de login. Remplissage dynamique d'un menu droulant. Traitement de donnes RSS partir de flux Ajax. Cration
en JavaScript d'une application de cartographie.
6oteo uth the oemo versoo o|
Io||x Prc PDf 6d|tcr
Jo remove ths ootce, vst
: uuu.pdfediting.com