formation web

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 )

ìììivv**`

/iiVi]\pdfediting.com


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 )

ìììivv**`



Stage pratique.Rf : DSW

ParticipantsCette formation pratique s'adresse aux informaticiens qui souhaitent concevoir une application client intranet/ Internet.

Pr-requisConnaissances de base en architectures techniques.

Dvelopper un site Web, synthse pratiqueOBJECTIFSCe 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 Web2) Administration et scurisation du serveur web3) Cration de pages Web : HTML, XML, XHTML4) Les formulaires5) Conception graphique et multimdia

6) Accessibilit et ADAE7) Ergonomie d'une application Web8) Pages dynamiques9) Les technologies Web 2.010) 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 pratiquesRalisation 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 pratiquesRalisation 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 pratiquesConception 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 pratiquesMise 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 pratiquesDfinir 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. ìììiv

v**`



- Intgration de requtes SQL dans la page pour insrer, supprimer, modifier des donnes de la base.Travaux pratiquesDvelopper 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 pratiquesDmonstration 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 pratiquesUtilisation du JavaScript pour ajouter des effets DHTML et des contrles sur formulaire, gestion d'vnements en JavaScript Intgration de scripts existants. Gestion de cookies.

ìììivv**`



Stage pratique Rf : DCS

ParticipantsCe stage s'adresse tous les internautes et webmasters dsirant acqurir de bonnes pratiques de cration de site.

Pr-requisAucune connaissance particulire.

Dreamweaver CS5, prise en mainOBJECTIFSVous 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 Web2) Dreamweaver3) Cration de pages simples

4) Accessibilit et Web usability5) Mise en forme avance avec CSS6) 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 pratiquesExploration 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 pratiquesPrparation 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 pratiquesCration 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 pratiquesTests 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 pratiquesCration 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 pratiquesTest simple de dclenchement JavaScript. Mise en oeuvre de quelques effets Spry sur les pages dj cres.

ìììivv**`



Stage pratique Rf : DCSW

ParticipantsCe 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-requisConnaissances de base des composants d'une architecture Web.

Dreamweaver CS5, dvelopper un site WebOBJECTIFSDreamweaver 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 Web2) Le studio Dreamweaver3) Composition de pages l'aide des ateliers4) Design et accessibilit

5) Intgration de composants mdia6) JavaScript7) Accs aux bases de donnes et XML8) 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 pratiquesParamtrage 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 pratiquesCration 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.ExerciceCration 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.

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

ExerciceCration de contrles en JavaScript, intgration de multiples composants multimdias.

6) JavaScript- Syntaxe JavaScript. Les objets Script.

ìììivv**`



- Cration dynamique de code JavaScript et association aux vnements. Dbogage de code. Tlchargement de scripts JavaScript.

Travaux pratiquesContrles 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 pratiquesCration 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 pratiquesCration d'une table d'utilisateurs avec la gnration de pages de login.

ìììivv**`



Stage pratiqueRf : DHL

ParticipantsCe stage pratique s'adresse tous concepteurs de sites Web et informaticiens dsireux d'exploiter Javascript et les technologies HTML dynamique pour leurs projets.Pr-requisBonnes connaissances du HTML. Connaissances de base en programmation

Javascript, HTML dynamiqueOBJECTIFSLe 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 Web2) Le langage JavaScript3) Evnements et donnes4) Gestion de formulaires HTML

5) Interaction avec les feuilles de style en cascade6) Manipulation du DOM XML7) 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.ExerciceMise 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).ExerciceProgrammation 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,...

ExerciceConception 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

ìììivv**`



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).ExerciceFamiliarisation 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.ExerciceRcupration de donnes XML et affichage des donnes. Interrogation d'une base de donnes. Cration d'un formulaire de connexion.

ìììivv**`



Stage pratique Rf : PAJ

ParticipantsCe cours s'adresse aux webmasters, dveloppeurs web, informaticiens.

Pr-requisBonnes connaissances en JavaScript et en technologies Web Ct client.

Ajax, programmation ct clientOBJECTIFSAjax 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) Ajax2) Rappel XML3) Rappels JavaScript4) JavaScript Object Notation (JSON)5) Programmation du DOM

6) Traitements XML en JavaScript7) XMLHttpRequest8) Les patterns Ajax9) 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 pratiquesCration d'une structure XML bien forme et valide.

3) Rappels JavaScript- La programmation Objet. Types. Variables. Tableaux.- Ecmascript. Emergence d'ActionScript.

Travaux pratiquesCration 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 pratiquesModification dynamique du DOM d'une page HTML.

6) Traitements XML en JavaScript- Prsentation XSLT. Le langage Xpath.- Le format RSS.

Travaux pratiquesTraitement 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 pratiquesCrer 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 ìììiv

v**`



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 pratiquesDvelopper en JavaScript un exemple de cartographie. Dveloppement Ajax sous HTML5.

ìììivv**`



Stage pratique Rf : JPG

ParticipantsCe 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.0OBJECTIFSLe 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 XML2) Evnements du DOM 23) Programmation Oriente Objet4) Expressions rgulires5) Echange de donnes, interactions

6) Environnement de dbogage7) Programmation JavaScript sous HTML58) Google API : Maps, Search et Charts9) 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.

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

ExerciceGestionnaire clavier, cration de son gestionnaire d'vnement.

3) Programmation Oriente Objet- Rappels sur l'objet. Proprits. Mthodes. Hritage.- Porte des donnes prives et publiques.

ExerciceCration 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 pratiquesContrle 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 pratiquesCommunication 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 pratiquesMise en oeuvre d'outils de dbogage.

7) Programmation JavaScript sous HTML5- Nouveaux vnements. Modes de communications client/serveur. Gestion multimdia.

Travaux pratiquesCration Ajax sous HTML5. Gestion vido. Gestion des donnes persistantes.

8) Google API : Maps, Search et Charts

ìììivv**`



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

ìììivv**`



Stage pratique Rf : DOJ

ParticipantsCe cours s'adresse au dveloppeur Web ralisant des interfaces utilisateurs en HTML/CSS et souhaitant les dynamiser avec JavaScript.

Pr-requisBonnes connaissances en HTML, CSS et JavaScript. Connaissances de base en programmation oriente objet.

Dojo Toolkit, crer des applications Ajax/RIA en JavaScriptOBJECTIFSDojo 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 Toolkit2) Le module Dijit : interface graphique et formulaire3) Gestion des modules et programmation oriente objet4) Gestion des vnements

5) Ajax6) Drag and Drop et animations CSS7) Fonctions utilitaires8) Modules et outils complmentaires

Travaux pratiquesLes 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 pratiquesInstallation 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 pratiquesDfinition 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 pratiquesCration 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 pratiquesAjout 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 pratiquesModification 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 ìììivv**`



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 pratiquesCration d'une dition personnalise de Dojo Toolkit.

ìììivv**`



Stage pratiqueRf : HCS

ParticipantsDveloppeurs Web. Chefs de projet Web.Pr-requisConnaissances de base de HTML et CSS.

HTML 5.0, CSS3, nouveauts et dveloppement RIAOBJECTIFSCette 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) Rappels2) Introduction au HTML 5

3) Balises HTML4) 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 pratiquesDmonstrations. 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 pratiquesCration 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 pratiquesIntgration de CSS 3 aux applications Web. Mise en forme de textes. Gestion multicolonne. Positionnement l'cran. Animation et effets de transition.

ìììivv**`



Stage pratique Rf : HML

ParticipantsDveloppeurs Web. Chefs de projet Web.Pr-requisBonnes connaissances du langage HTML et de JavaScript.

HTML 5, les API JavaScriptOBJECTIFSLe 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) Introduction2) Gestion de la persistance3) Gestion du cache

4) Communication Client/Serveur5) Gestion du glisser/copier6) 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 pratiquesRecherche 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 pratiquesCration d'une table produit avec requtage

3) Gestion du cache- Prise en charge du mode dconnect.- Evnements offline, online.

Travaux pratiquesMise 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 pratiquesMise 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 pratiquesGestion 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.

ìììivv**`



Stage pratique Rf : ACC

ParticipantsCe cours s'adresse aux chefs de projet, dcideurs, directeurs communication, responsables dpartement multimdia, responsables ditorial, responsables MOA/MOE, webmestres, rdacteurs, dveloppeurs HTML.

Pr-requisBonnes connaissances des langages HTML et JavaScript, et des feuilles de style CSS.

Accessibilit, enjeux et mise uvreOBJECTIFSCette 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 concepteur3) Quel rfrentiel d'accessibilit choisir ?4) Accessibilit, dmarche d'ensemble5) Ecrire pour le Web6) Dfinir la structure des pages

7) Rgles de mise en forme : fondamentaux8) Outils de navigation9) Composants graphiques10) Liens hypertextes11) 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 pratiquesDmonstration 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.

ìììivv**`



Stage pratique Rf : XAW

ParticipantsCe cours s'adresse aux webmasters, dveloppeurs web, informaticiens.

Pr-requisBonnes connaissances du Web, d'HTML et de CSS. Connaissances de base du JavaScript et du XML.

Web 2.0, dvelopper des applicationsOBJECTIFSWeb 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 XML2) Introduction au Web 2.03) Feuilles de style4) Interfaces graphiques

5) Interaction et formulaires6) JavaScript7) Les Frameworks professionnels8) 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 pratiquesCration 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 pratiquesAnalyse 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 pratiquesParamtrage 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 pratiquesDveloppement 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 pratiquesDmonstration 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 pratiquesCration 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 pratiquesCration d'un blog et de son flux RSS.

ìììivv**`



Stage pratiqueRf : MOB

ParticipantsDveloppeurs et chefs de projets mobilit.Pr-requisBonnes connaissances du Web, d'HTML de CSS. Connaissances de base du JavaScript et du XML.

Crer des applications multi-plateformes pour mobilesOBJECTIFSCette 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 base2) Solutions embarques3) Diffrence entre application Web traditionnelle et mobile4) Construction XHTML, HTML5

5) Framework Multi plateforme6) Stockage des donnes dans le mobile7) 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 pratiquesMise 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 pratiquesRalisation 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 pratiquesMise 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 pratiquesCration d'un gestionnaire de notes avec stockage dans la base embarque. ìììiv

v**`



7) Cartographie et golocalisation- Gestion de la carte Google Maps, options pour prise en charge de la golocalisation du mobile.

Travaux pratiquesAffichage de la carte par rapport la localisation du mobile et affichage de markers sur la carte.

ìììivv**`



Stage pratique Rf : DEM

ParticipantsCette formation pratique s'adresse aux dveloppeurs de sites, informaticiens, designers.

Pr-requisConnaissances de base du HTML et de la pro-grammation. Exprience souhaitable en programmation et en cration graphique avec Flash.

Flash et ActionScript, applications multimdiascrer des applications multimdiasOBJECTIFSLa 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 base2) Le langage de programmation3) Les vnements4) Les clips d'animation5) Echanges de donnes

6) Effets multimdias7) Fonctionnalits avances8) Formulaires et composants9) Echanges XML et bases de donnes10) 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 pratiquesConfiguration 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 pratiquesCration 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 pratiquesEvnements 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 pratiquesCration 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 pratiquesSauvegarder 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). ìììiv

v**`



- Effets graphiques (fader, easing...) avec la classe Tween.Travaux pratiquesCration 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 pratiquesJeu 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 pratiquesCrer 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 pratiquesGestion 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 pratiquesInstallation de composants, protection du Flash contre l'import.

ìììivv**`



Stage pratique Rf : ACP


Pr-requisConnaissances de base du HTML, des concepts du Web et de la programmation. Exprience souhaitable en programmation.

ActionScript 3.0, programmationOBJECTIFSLe 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 base2) Rappels sur les composants graphiques3) Le langage Actionscript 3.04) Manipuler les donnes XML avec E4X5) Evnements du DOM3

6) Composants graphiques7) Manipulation de donnes multimdia8) Styles9) Accs aux donnes10) 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 pratiquesConfiguration 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 pratiquesConstruction 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 pratiquesPrise 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 pratiquesManipuler 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 pratiquesCration 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).

ìììivv**`



Travaux pratiquesCration 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 pratiquesChargement 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 pratiquesAppel 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 pratiquesCration 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.

ìììivv**`



Stage pratiqueRf : FLX


Pr-requisConnaissances de base en programmation et en dveloppement Web.

Flex et ActionScript 3.0, niveau 1crer des applications mtier pour le webOBJECTIFSFlex 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 42) Le langage Actionscript 3.03) Langage MXML4) Contrles5) Les formulaires

6) Les conteneurs7) Contrles de navigation8) Styles9) Accs aux donnes10) 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 pratiquesCration 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 pratiquesPrise 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 pratiquesProgrammation 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 pratiquesCration 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. ìììiv

v**`



Travaux pratiquesCration 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 pratiquesConstruction 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 pratiquesMise 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. .- Les thmes (spark, etc.) et composants multi skin sous Flex4.Travaux pratiquesMise 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 pratiquesAppel 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 pratiquesCration de graphiques partir de donnes XML : Pie, Bar.

ìììivv**`



Stage pratique Rf : FLP

ParticipantsCette formation s'adresse aux personnes qui connaissent dj Flex et ActionScript 3 et qui souhaitent se perfectionner.

Pr-requisBonnes 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 2OBJECTIFSCe 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 Flex2) Dbogage3) Manipuler les donnes XML avec E4X4) Valider et formater les donnes5) Evnements personnaliss6) Evnements Drag and Drop7) Cration de composants personnaliss

8) Communication Flex9) Accder des services Web10) AMF11) Crer des composants avec le Repeater12) Manipuler les types complexes13) 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 pratiquesRaccorder 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 DOM3Travaux pratiquesManipuler 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 pratiquesAppliquer 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 pratiquesCration 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 pratiquesCrer 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 ìììivv**`



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 pratiquesManipuler 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 pratiquesCration 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 pratiquesAfficher 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 pratiquesUtiliser 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 pratiquesAnalyse de Cairngorm. Crer une mini application AIR. Crer une cartographie Google Maps.

ìììivv**`



Stage pratique Rf : PHH

ParticipantsCette 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-requisConnaissances de base du langage HTML et d'au moins un langage de programmation ct client.

PHP 5 dvelopper un site Web dynamiqueavec bases de donnesOBJECTIFSCe 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) Introduction2) Premires applications Web en PHP

3) Gestion des sessions utilisateurs4) Une application Web professionnelle

Travaux pratiquesDes 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 pratiquesRevue des balises principales HTML et des commandes de style. Introduction la feuille de style de l'application exemple.

2) Premires applications Web en PHPAutomatisation 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 pratiquesRalisation de fonctions personnalises. Ralisation d'une librairie de fonctions. Ralisation d'une fonction de cration de liste droulante.

3) Gestion des sessions utilisateursVariables 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

ìììivv**`



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 professionnelleNotions 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 ralissTravaux pratiquesRalisation 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.

ìììivv**`



Stage pratique Rf : OBP

ParticipantsInformaticiens et webmasters qui souhaitent une formation oprationnelle en dveloppement objet PHP.Pr-requisBonnes 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 objetcrer une application Web en P.O.O.OBJECTIFSCe 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) Introduction2) Bases du Langage PHP3) Programmation Oriente Objet (POO)4) Premires applications Web en PHP

5) Gestion des sessions utilisateurs6) Utilisation d'une base de donnes MySQL7) 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 pratiquesRalisation 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 pratiquesRalisation 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 pratiquesRalisation 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 pratiquesRalisation 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 pratiquesCration 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 pratiquesRalisation d'un moteur de recherche. Amlioration de la classe SQL. Implmentation multicouches. Intgration des diffrents modules raliss.

ìììivv**`



Stage pratiqueRf : LJO

ParticipantsDveloppeurs non confirms, ingnieurs, chefs de projets proches du dveloppement.

Pr-requisConnaissances de base en programmation. Exprience souhaitable en dveloppement d'applications.

L'essentiel de Java et de l'objetOBJECTIFSCe 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 langage3) La dfinition et l'instanciation des classes

4) L'hritage5) Les exceptions6) Prsentation de quelques classes et librairies standard

Travaux pratiquesLes 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 pratiquesLa 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 pratiquesSuite 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 pratiquesProgrammation 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 pratiquesConception 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 pratiquesIntroduction des exceptions dans l'tude de cas.

6) Prsentation de quelques classes et librairies standard

ìììivv**`



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 pratiquesConstruction d'une applet.

ìììivv**`



Stage pratiqueRf : JVC

ParticipantsConcepteur, dveloppeur, ingnieur, chef de projets oprationnel.

Pr-requisBonnes connaissances en programmation C ou C+ +. Exprience requise en dveloppement logiciel.

Dvelopper en Java, pour programmeurs C/C++OBJECTIFSUn 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 Java3) La conception d'interfaces graphiques (awt, swing)

4) Introduction la programmation Web : les applets5) Les entres/sorties et quelques classes utilitaires6) La connexion aux bases de donnes : JDBC

Travaux pratiquesLes 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 pratiquesL'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 pratiquesPrise 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 pratiquesConstruction 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 pratiquesConstruction d'une applet.

5) Les entres/sorties et quelques classes utilitaires

ìììivv**`



- 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 pratiquesSauvegarde/consultation de donnes dans une BD.

ìììivv**`



Stage pratique Rf : GWT

ParticipantsCe cours s'adresse aux dveloppeurs et chefs de projets dsireux de dcouvrir un fram

formation web

Documents