Technologies Web, Conception et développement Web

(1)

Technologies Web, Conception et développement Web

Le Web, incontournable dans le monde professionnel, donne accès à l'information, mais également à une multitude d'applications d'entreprise ou de services grand public. Les filières Orsys vous apporteront toutes les connaissances nécessaires pour concevoir des sites Web performants et conviviaux, en mettant l'accent aussi bien sur la conduite de projets Web, le design que sur les technologies les plus récentes comme le HTML5, CSS3 et de nombreux Frameworks de développement côté client et côté serveur.

Séminaires

Les technologies du Web, synthèse.... Best ( p4 ) Portails et gestion de contenu, synthèse.... ( p6 )

Web 2.0 et réseaux sociaux en entreprise, synthèse.... ( p7 )

Cours de synthèse

Conception d'architecture Web.... ( p34 )

JavaScript au cœur des architectures Web, état de l’art.... ( p36 )

Stages pratiques

Développer un site Web, synthèse pratique.... Best ( p8 ) Dreamweaver CS6, développer un site Web.... ( p10 ) JavaScript, HTML dynamique.... Best ( p12 ) Ajax, programmation côté client.... ( p14 )

JavaScript, perfectionnement pour le Web 2.0.... Best ( p16 ) Flex et ActionScript 3.0, programmation d'interfaces Web.... ( p18 ) Technologies XML, conception, mise en œuvre.... Best ( p20 ) PHP 5, développer un site Web dynamique.... Best ( p22 ) ASP .NET 4.5, niveau 1, développement Web.... Best ( p24 ) Java, développement de servlets et JSP pour JEE 5.... Best ( p26 ) Struts 2, développer des applications Web MVC.... ( p28 )

Cycle certifiant Concepteur de sites Web.... ( p30 ) Cycle certifiant Développeur Web côté client.... ( p32 ) Réaliser un site Web, pour non-informaticiens.... Best ( p38 ) HTML, initiation pratique.... ( p40 )

CSS, donner du style à vos pages Web.... ( p42 ) Dreamweaver CS6, prise en main.... ( p44 )

HTML5, CSS 3, créer des sites Web modernes et dynamiques.... Best ( p46 ) Canvas, créer des animations dynamiques en HTML5.... ( p48 )

Google Web Designer, créer des contenus riches pour le Web.... ( p50 )

(2)

HTML5, maîtriser les API JavaScript.... ( p60 )

Développer des applications Web Full JavaScript.... ( p61 )

Industrialisation Front-End, maîtriser vos pratiques de développement.... ( p63 ) AngularJS, maîtriser le Framework JavaScript de Google.... Best ( p65 ) AngularJS, développement avancé.... ( p67 )

JQuery, développer des applications Web 2.0.... Best ( p68 ) Node.js, programmation JavaScript côté serveur.... ( p70 )

Sencha Ext-JS 5, développer des applications multiplateformes en JavaScript.... Nouveau ( p72 )

Sencha Ext-JS 4, développer des applications Web MVC.... ( p74 ) BootStrap, développer des pages Web Responsive.... Nouveau ( p76 )

Sass, Compass et Less, simplifier la création et la maintenance de vos CSS.... Nouveau ( p78 ) ReactJS, maîtriser le Framework JavaScript de Facebook.... Nouveau ( p80 )

BackBone.js, maîtriser le Framework de développement Web.... ( p82 )

Facebook et Twitter, développer vos propres applications Web 'sociales'.... ( p84 ) Réussir votre projet Web.... ( p86 )

Webmaster, le métier, les techniques.... ( p87 ) Optimiser le référencement de votre site Web.... ( p88 ) Google Adwords, optimiser vos campagnes.... ( p89 )

Google Analytics, analyser les statistiques de vos sites.... ( p90 ) Design d'un site Web, comment faire un site attractif et efficace.... ( p91 )

Créer un site Web, de la maquette Photoshop à l'intégration HTML/CSS.... ( p93 ) Responsive Web Design, créer des interfaces Web adaptables.... Best ( p95 ) Réaliser vos newsletters en HTML/CSS et gérer les envois.... ( p97 )

Photoshop CC/CS6, prise en main.... Best ( p98 )

Ergonomie des IHM mobiles pour tablettes et Smartphones.... ( p100 ) Créer des applications multiplateformes pour mobiles.... Best ( p101 )

Cordova, développer des applications mobiles multiplateformes.... Nouveau ( p103 ) Concevoir des applications mobiles performantes.... ( p105 )

PhoneGap, développer des applications mobiles multiplateformes.... ( p107 ) JQuery Mobile Framework, développer des applications pour mobiles.... ( p109 ) Sencha Touch 2, développer des applications mobiles multiplateformes.... ( p111 ) Edge Animate, créer des animations interactives pour le Web.... Nouveau ( p113 ) Java EE 7, conception et développement d'applications Web.... Best ( p115 ) Java, développement de Servlets et JSP pour JEE 6.... ( p117 )

Framework JSF 2, développer des applications Web.... ( p119 ) Développer une application Web 2.0/GWT.... Best ( p121 )

Mixer JSF, Ajax et Dojo pour développer des applications Web.... ( p123 ) ASP .NET 4.5, niveau 2, développement Web.... ( p125 )

(3)

Silverlight 5, mise en œuvre.... ( p127 )

ASP.NET MVC 5, développement d'applications Web.... Best ( p128 ) PHP 5, développement Web avec Symfony 2.... Best ( p130 ) Zend Framework 2, maîtrise du développement Web.... ( p132 ) Django, développement Web avec Python.... ( p134 )

Webdev, développement Web.... ( p136 )

RUBY On Rails 4, développement Web.... ( p138 )

(4)

Séminaire de 3 jour(s) Réf : IRT

Participants

Chefs de projets, décideurs informatiques, développeurs, responsables informatiques, Webmasters.

Pré-requis

Aucune connaissance particulière.

Prix 2015 : 2610€ HT

Dates des sessions

Paris

29 sep. 2015, 8 déc. 2015 Bruxelles

29 sep. 2015, 8 déc. 2015 Geneve

29 sep. 2015, 8 déc. 2015 Luxembourg 29 sep. 2015, 8 déc. 2015

Les technologies du Web, synthèse

Best

> Technologies Web > Conception et développement Web

OBJECTIFS

Ce séminaire de synthèse vous permettra de faire un point complet sur les technologies du Web. Il vous présentera d'une manière simple et concrète, les infrastructures et les techniques sous-jacentes, les standards et les outils disponibles pour développer des applications efficaces et sécurisées. Il vous montrera l'impact de l'introduction des nouvelles technologies telles que la mobilité ou le commerce électronique sur les applications et plus généralement sur les comportements et la société.

1) Le système d'information

2) Fonctionnement d'une infrastructure Internet 3) Les services de base

4) La sécurité

5) Technologies côté client

6) Technologies côté serveur 7) Les serveurs Web et les serveurs d'applications

8) Les architectures distribuées et les Web Services

9) Mobilité

1) Le système d'information

- Rôle des applications intranet, Internet, Extranet dans le système d'information.

- Nouvelle infrastructure. Evolution vers les architectures n-tiers.

- Evolution vers le Cloud Computing.

2) Fonctionnement d'une infrastructure Internet

- Architecture. Protocoles IP, IPv6, ICMP, UDP, TCP. Adressage, ports applicatifs, DNS, routage. Qualité de service MPLS.

- Topologie du réseau : fournisseurs d'accès. Opérateurs. Evolution vers les hauts débits : fibre optique FTTH.

3) Les services de base

- Messagerie : mime. Les protocoles (POP3, IMAP4, SMTP). Le spam. Clients et serveurs de messagerie.

Failles de sécurité.

- Annuaires : concept. Gestion des utilisateurs, Whois, X.500. Protocole LDAP. LDIF. OpenLDAP, Domino.

Critères de choix.

- Moteurs de recherche : indexation, référencement, classement. Analyse du trafic, liens sponsorisés, Google Adwords...

- Outils collaboratifs : quels outils pour quels besoins ? Web 2.0. portail, blog, wiki, bureautique en ligne...

- Réseaux sociaux d'entreprise, les espaces collaboratifs, les CMS (Jive, SharePoint, Drupal...)

- Multimédia sur IP : image, son, vidéo à la demande, streaming. Diffusion multicast. IPTV. Protocole SIP, la VoIP, H323.

- Le commerce électronique : principe. Les plateformes (Magento, Prestashop...). Le e-paiement.

4) La sécurité

- Les types d'attaques sur TCP/IP.

- Services de sécurité : confidentialité, authentification, intégrité, refus de service, non-répudiation.

- Authentification : Active Card, Secure ID, biométrie... Authentification PPP. SSO, Authentification Radius, Kerberos...

- Sécurité d'accès : le firewall, le proxy. Architecture, la DMZ. Le filtrage de paquets, les routeurs filtrants, ACL.

- Réseau privé virtuel : VPN. Fonctionnement IPSEC, les protocoles sécurisés L2F, PPTP. Tunnel de sécurité, SSH. L'offre.

- Cryptographie : législation. Clé publique (PKI/EGC), certificat, signature électronique, SSL. Le tiers de confiance.

5) Technologies côté client

- Les navigateurs, leurs impacts. Les plug-ins. Les URI, le protocole HTTP.

- Les langages HTML5 et CSS3.

- Les API JavaScript HTML 5 (gestion de la persistance, accès aux ressources des terminaux...).

- Les frameworks JavaScript (jQuery, AngularJS, BackBoneJS...).

- Les spécificités des terminaux mobiles et des tablettes : le Responsive Web Design.

- Les technologies d'industrialisation du Front End (Grunt, Bower, Yeoman, Jasmine...).

- Le langage XML, les XML Schema. Les parseurs.

- Les interfaces graphiques XML : SVG, XAML. Définition des interfaces Android via XML.

- Les interfaces riches et leur ergonomie : Java FX8, QT, Flash, Ajax.

- Les traitements XSLT. La publication avec XSL-FO. Les services Web.

(5)

6) Technologies côté serveur

- Les architectures n-tiers. Les approches orientées composants.

- L'architecture JEE 7 (JSF, JPA, EJB, JAX-RS...). Le framework Spring 4.

- Le framework .NET 4 et les frameworks associés (NHibernate...).

- PHP, Zend Framework 2, Symfony 2.

- Genèse du JavaScript côté serveur et de Node.js. Le moteur Google V8.

- L'accès aux données.

7) Les serveurs Web et les serveurs d'applications

- Les serveurs : bases de données, applications, Web. Leur positionnement par rapport à Internet.

- La répartition de charge et la haute disponibilité, NginX. L'approche cluster.

- Les serveurs Web (Apache, IIS, wampserver...). Serveurs Javascript NodeJS. Hébergeurs.

- Les serveurs d'applications. Service de présentation, d'objets distribués, de transaction, d'administration...

- L'offre commerciale : IBM WebSphere, Oracle Application Server... L'offre Open Source : Tomcat, JBoss, GlassFish.

8) Les architectures distribuées et les Web Services

- Les standards (SOAP, WSDL, UDDI, BPML, BPEL), mise en œuvre.

- Les services Web SOAP et REST. La connexion des Web Services aux applications existantes.

- Les architectures SOA. Spécificités. Panorama des autres technologies.

- Les plateformes de Cloud Computing : IAAS, PASS, SAAS (Amazon Web Services, Azure...).

- Le Big Data et le NoSQL (Hadoop, Cloudera, MongoDB, Cassandra).

- La virtualisation des ressources.

9) Mobilité

- Les PAN et les normes WI-FI, Wimax, Bluetooth. Réseaux LAN, Wireless Wan, boucle radio.

- Technologies en environnement cellulaire : GSM Data, GPRS. Réseaux haut débit EDGE, UMTS, HSDPA.

De l'UMTS vers la 4G.

- Réseaux haut débit. Réseaux privés sans fil. IP en environnement mobile. Terminaux nomades. La sécurité.

(6)

Séminaire de 2 jour(s) Réf : PEC

Participants

Directeurs informatiques, architectes techniques, directeurs de projet maîtrise d'œuvre/maîtrise d'ouvrage.

Pré-requis

Connaissances de base de ce qui constitue un système d'information (Annuaire, ERP, applications spécifiques…).

Prix 2015 : 1900€ HT

Dates des sessions

Paris

29 oct. 2015, 17 déc. 2015

Portails et gestion de contenu, synthèse

OBJECTIFS

Ce séminaire vous permettra d'appréhender les enjeux d'un portail dans le cadre de la stratégie et du système d'information de l'entreprise, d'identifier les besoins génériques et les spécificités propres à chaque famille de solutions, ainsi que les composants organisationnels liés à la mise en place d'une solution EIP/

WCM.

1) Les besoins génériques des entreprises 2) Les enjeux organisationnels

3) Gestion du projet de collecte des contenus 4) Gestion du projet de diffusion des contenus

5) Etude comparative des solutions leaders 6) Acteurs locaux et solutions Open Source 7) Panorama des outils collaboratifs

1) Les besoins génériques des entreprises

- Intégration à l'existant. Catégorisation et publication de contenu. Automatisation des processus. Outils de collaboration. Personnalisation. Recherche.

2) Les enjeux organisationnels

- La stratégie de l'entreprise doit être la référence constante : que peut/doit faire le portail et/ou la gestion de contenu pour contribuer à la mise en œuvre de cette stratégie ?

- Comment évaluer cet apport ?

- Quels sont les points à surveiller quand on associe des solutions d'éditeurs différents ? - Peut-on prévoir une intégration complète des produits de gestion de contenu dans les portails ?

3) Gestion du projet de collecte des contenus

- Comment différencier l'exploitation des contenus : documents natifs (Excel, PDF…), contenus purs Web ? - Comment saisir ces contenus ?

- Comment les documents (granularités, contenus composites, données structurées/non structurées…) ? - Les circuits de validation à mettre en place (exemples d'organisation à 2, 3, 4 niveaux). Définir les rôles et les responsabilités : rédacteur en chef, chef de rubrique, webmaster… Inciter la contribution de tous.

4) Gestion du projet de diffusion des contenus

- Les mécanismes des templates.

- L'analyse des cibles d'utilisateurs et des canaux de diffusion.

- Les besoins de personnalisation.

- Gérer les problématiques complexes : multilingue, multisite, sites en marque blanche.

5) Etude comparative des solutions leaders

- La cartographie du marché et des tendances.

- Une harmonisation des données en XML est-elle réaliste ? - Le positionnement des éditeurs.

- Evaluation des principales offres : InStranet, Mediapps, Vignette, Open Text, Hummingbird, Tridion, Plumtree, Interwoven, Divine, Documentum, IBM, Novell, Oracle, BEA, MOSS.

6) Acteurs locaux et solutions Open Source

- Quel avenir pour les acteurs locaux ? - Les spécificités des solutions Open Source.

- Panorama : JBoss, Liferay, Jetspeed, uPortal, Alfresco, Noheto, Jalios, Jahia, KPortal, CPS, eZ publish, Drupal, Typo3, Plone, SPIP, Midgard...

7) Panorama des outils collaboratifs

- L'évolution du collaboratif dans les entreprises.

- Une typologie des applications collaboratives.

- Les standards émergents : JSR 170, Webdav, iCal...

- Les nouveaux outils de collaboration (Wiki, Blog, Social Networking...).

(7)

Séminaire de 2 jour(s) Réf : WRS

Participants

Responsable de projets Web / intranet, responsable RH, responsable communication, manager.

Pré-requis

Connaissances de base sur l'usage des outils collaboratifs (messagerie, GED, intranet...).

Prix 2015 : 1900€ HT

Dates des sessions

Paris

29 oct. 2015, 3 déc. 2015

Web 2.0 et réseaux sociaux en entreprise, synthèse

OBJECTIFS

Ce séminaire vous apportera les connaissances nécessaires à la compréhension du Web 2.0. Il détaille les pratiques collaboratives véhiculées par ce concept afin d'en identifier le potentiel pour l'entreprise et analysera les outils associés Wiki, RSS... avec un focus particulier sur les réseaux sociaux d'entreprise.

1) Définition du Web 2.0 2) Socle applicatif du Web 2.0 3) Applications Web 2.0, leur apport

4) Impacts sur les projets Web 5) Réseaux sociaux en entreprise

1) Définition du Web 2.0

- Concepts novateurs par rapport au Web 1.0.

- Doit-on réellement parler de rupture technologique ?

2) Socle applicatif du Web 2.0

- Nouvelles interfaces utilisateur.

- Principaux apports : intégration d'applications sur le poste client.

- Alternatives : XHTML/Ajax, Flex, Silverlight, Widgets...

- Modèle d'architecture promu par le Web 2.0. Approche REST/SOA.

- Mise à disposition de services via les Open API (photos, géolocalisation...).

- Formats d'échanges : RSS, Atom, JSON...

- Modèle de sécurité. Services transversaux. Authentification unique : OpenID, Facebook Connect...

- Autres services : Open Social, Open Stack... Les micro-formats.

3) Applications Web 2.0, leur apport

- Environnement de productivité personnelle : utilisation des flux RSS.

- Outils de gestion des préférences. Blogs. Gestion de réputation numérique.

- Réseaux d'intérêt : le Bookmarking social.

- Mécanismes de tagage. Moteurs de recommandations. Le " Crowdsourcing ". Les Wiki.

- Disponibilité de plateformes applicatives.

- Solutions de collaboration Web. Mashups : l'alternative aux portails d'intégration.

4) Impacts sur les projets Web

- Contraintes d'accessibilité.

- Référencement.

- Choix technologiques.

- Risques liés au développement à base d'Ajax.

- Nouveautés en gestion de projet : SCRUM, planification poker...

5) Réseaux sociaux en entreprise

- Principe. Etat des lieux : utilisation par pays, par CSP, par fournisseurs.

- Se connecter à un réseau social. Principales plateformes. Positionnement des réseaux sociaux publics et cibles.

- Succession des générations dans les entreprises : les baby-boomers, les générations X et Y.

- Motivations. Besoin d'innovation. Freins du management traditionnel. Modèles d'adaptabilité selon G.

Hamel.

- Typologie des réseaux sociaux : quatre types de réseaux sociaux reprenant les principes d'adaptabilité.

- Cas d'utilisation. Principales fonctionnalités d'un réseau social : fonctions membres, liens et groupes.

- Modèles de mise en oeuvre. Offres produits groupware : Microsoft, IBM, Google... Offres #" Pure Player "#.

- Offres plateforme d'intégration d'applications sociales. Etat de l'art des solutions disponibles : hébergées, SaaS, etc.

(8)

Stage pratique de 4 jour(s) Réf : 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.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

22 sep. 2015, 20 oct. 2015 17 nov. 2015, 14 déc. 2015 Aix

1 déc. 2015 Bordeaux 3 nov. 2015 Bruxelles 15 déc. 2015 Geneve 15 déc. 2015 Grenoble 1 déc. 2015 Lille

8 sep. 2015, 1 déc. 2015 Luxembourg 15 déc. 2015 Lyon

7 sep. 2015, 1 déc. 2015 Montpellier

1 déc. 2015 Nantes 3 nov. 2015 Rennes 3 nov. 2015 Sophia-antipolis 1 déc. 2015 Strasbourg 1 déc. 2015 Toulouse 3 nov. 2015

Développer un site Web, synthèse pratique

Best

OBJECTIFS

Ce cours, très pratique, vous présentera l'ensemble des technologies Internet. Il vous expliquera le fonctionnement des services Web et des différents langages associés, HTML, XML..., les technologies du Web 2.0, ainsi que les techniques graphiques, l'interrogation des bases de données et l'administration. Les exercices vous permettront d'appréhender d'une manière très concrète toutes les phases de la réalisation d'un site Web.

1) Les technologies du site Web 2) Administration d'un site Web

3) Création de pages Web : HTML, XML, XHTML 4) Les formulaires

5) Conception graphique et multimédia

6) Ergonomie et accessibilité d'une application Web

7) Pages dynamiques 8) Les technologies Web 2.0

9) Initiation au langage JavaScript et au DHTML

1) Les technologies du site Web

- Les serveurs Web (Apache, IIS). Wampserver.

- Comprendre le fonctionnement de base des protocoles TCP/IP, HTTP, FTP. Les URL. Les services réseaux complémentaires (DNS, DHCP, ...).

- Achat et gestion du nom de domaine. Choisir un hébergeur. Architecture technique. Organisation.

2) Administration d'un site Web

- Mise en oeuvre de l'ensemble des opérations d'administration effectuées par le webmaster.

- Gestion des noms de domaine, transfert ftp.

- Création de messages d'erreur personnalisés, gestion des fichiers journaux.

- Suivi et analyse des statistiques.

3) Création de pages Web : HTML, XML, XHTML

- Présentation des langages HTML, XHTML, HTML5. Différences entre les navigateurs.

- Structure, liens, hypertexte.

- Les images, les cadres. Les formats vectoriels.

- La mise en page. Les feuilles de styles. Le langage CSS.

- Tableaux et calques.

- Techniques pour réussir son référencement sur les moteurs de recherche. Les méta-tags.

- Définition et intégration de composants Plug-ins. Flash, Silverlight, Java, ActiveX.

Travaux pratiques

Réalisation de pages complexes HTML avec Dreamweaver. Création de feuilles de style, préparation de la page au référencement.

4) Les formulaires

- Contraintes et avantages. Syntaxe, structure, champs de saisie, boutons, cases à cocher, listes, zones de texte, sélections de fichier.

Réalisation d'un formulaire avec envoi des données vers la messagerie et une base de données.

5) Conception graphique et multimédia

- Créer une charte graphique. Intégrer une charte graphique.

- Mise en oeuvre d'outils graphiques pour concevoir une interface évoluée.

- Développement d'animations avec Flash.

- Les ressources graphiques GIF, JPEG, PNG. Utiliser Photoshop ou Gimp.

Conception d'un modèle de page HTML avec Fireworks, composant Flash. Intégration de plug-ins multimédias pour visualiser des composants Flash, Shockwave.

6) Ergonomie et accessibilité d'une application Web

- Charte graphique. Règles d'usability. Ecueils graphiques à éviter pour faire un site efficace (navigation, mise en page, contraintes techniques). Modèles de pages.

- Accessibilité. Norme. Impact sur le développement. Mettre en conformité un site Web. Outils de test et de validation en ligne.

(9)

Définir le cahier des charges de la charte graphique. Mise en oeuvre d'outils de test et audit pour l'accessibilité.

7) Pages dynamiques

- Différence entre serveur web et serveur d'application.

- Mode de fonctionnement, sécurité. Les méthodes GET et POST. Les variables serveur.

- Les serveurs web du marché.

- Les langages de scripts serveur et leurs plateformes de développement : ASP, ASPX, JSP, PHP.

- Appel de services Web.

- Intégration de requêtes SQL dans la page pour insérer, supprimer, modifier des données de la base.

Développer des pages dynamiques, interrogation d'une base de données, de services web.

8) Les technologies Web 2.0

- Présentation des technologies Web 2.0 (blogs, rss, wiki...).

- Les technologies émergentes d'interfaces graphiques : XAML, Flex, HTML5.

- Présentation et mise en oeuvre de solutions Rich internet Application (RIA) et Rich Desktop Application (RDA).

- Présentation des solutions émergentes Adobe AIR, Microsoft SilverLight, framework Google.

Démonstration et mise en oeuvre de ces multiples technologies.

9) Initiation au langage JavaScript et au DHTML

- Syntaxe du langage. Contrôles de saisie d'un formulaire.

- DOM et Ajax.

- Présentation Ecmascript et émergence du langage Actionscript.

- Présentation des offres du marché à base de Javascript (Google API, Widgets...).

- Récupérer, savoir débuguer vos programmes.

Utilisation du JavaScript pour ajouter des effets DHTML et des contrôles sur formulaire, gestion d'événements en JavaScript Intégration de scripts existants.

(10)

Stage pratique de 4 jour(s) Réf : HTX

Participants

Ce stage pratique s'adresse à tous les informaticiens désireux de maîtriser les techniques permettant de développer un site Web et de construire une interface Web interactive et dynamique.

Pré-requis

Connaissances de base des composants d'une architecture Web.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

22 sep. 2015, 17 nov. 2015

Dreamweaver CS6, développer un site Web

OBJECTIFS

Dreamweaver est l'atelier de conception de pages Web le plus répandu sur le marché. En découvrant ses fonctionnalités, vous apprendrez à maîtriser 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.

1) Rappels Web

2) L'interface Dreamweaver

3) Composition de pages complexes 4) Design et accessibilité

5) Intégration de composants multimédias 6) JavaScript

7) Accès aux bases de données

1) Rappels Web

- Les protocoles d'un site web : HTTP, FTP, SMTP, POP3.

- Fonctionnement d'un site Web. HTML, URL.

Paramétrage du navigateur, du serveur Web, création d'un environnement de développement.

2) L'interface Dreamweaver

- Présentation de la suite Adobe CS6.

- Prise en main de Dreamweaver. L'interface.

- Les différents types d'affichage.

- Conception graphique HTML.

- Interface de gestion de projets (PhoneGap, jQuery Mobile, transfert FTP).

Découverte de l'éditeur, construction de pages. Développement de pages XHTML.

3) Composition de pages complexes

- Les feuilles de style CSS. L'assistant de codage CSS.

- Création de formulaires. Contrôles de saisie.

- Définition de zones de contenus à l'aide des boîtes.

- Découverte des templates mobiles, Grid System.

- Découverte du Responsive Web Design avec l'assistant Dreamweaver CS6 (mise en forme de grilles fluides) .

Exercice

Création de CSS, de tableaux. Import de pages. Création d'un formulaire et appel de serveur.

4) Design et accessibilité

- Construction de la charte graphique.

- Création d'un modèle de page avec Fireworks ou Photoshop.

- Accessibilité, la priorité 2 du WAC/W3C.

Exercice

Test de compatibilité XHTML et d'accessibilité. Mettre en oeuvre une charte graphique.

5) Intégration de composants multimédias

- Intégration de composants graphiques. Le Rollover.

- Utilisation de l'inspecteur de tags.

- Les propriétés CSS3 et l'assistance Dreamweaver CS6.

Exercice

Création de contrôles en JavaScript, intégration de multiples composants multimédias.

6) JavaScript

- Syntaxe JavaScript. Les objets Script.

- Création dynamique de code JavaScript et association aux événements. Débogage de code.

Contrôles sur les formulaires, ouverture de pop-up, traitement sur les div.

7) Accès aux bases de données

- Paramétrage de la connexion ODBC.

- Gestion dynamique des bases de données.

- Interrogation SQL sur une table.

(11)

- Génération des tableaux dynamiques de résultats. Utilisation des tables pour générer des formulaires.

- Définir un site administré par CMS dans Dreamweaver.

- Création graphique d'un appel Ajax avec SPRY Dataset.

- Gestion des formulaires de login.

Connexion à une base. Création d'une table d'utilisateurs, génération de pages de login.

(12)

Stage pratique de 4 jour(s) Réf : DHL

Participants

Ce stage pratique s'adresse à tous les concepteurs de sites Web et informaticiens désireux d'exploiter Javascript et les technologies HTML dynamique pour leurs projets.

Pré-requis

Bonnes connaissances du HTML. Connaissances de base en programmation.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

8 sep. 2015, 17 nov. 2015 Bordeaux

24 nov. 2015 Bruxelles

15 sep. 2015, 15 déc. 2015 Geneve

15 sep. 2015, 15 déc. 2015 Grenoble

17 nov. 2015 Lille

8 sep. 2015, 17 nov. 2015 Luxembourg

15 sep. 2015, 15 déc. 2015 Lyon

17 nov. 2015 Montpellier 17 nov. 2015 Nantes 24 nov. 2015 Rennes 24 nov. 2015 Sophia-antipolis 17 nov. 2015 Strasbourg 17 nov. 2015 Toulouse 24 nov. 2015

JavaScript, HTML dynamique

Best

OBJECTIFS

Le langage Javascript est devenu incontournable dans le développement 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 éléments graphiques des pages Web et ainsi pouvoir réaliser des menus déroulants, des animations, modifier dynamiquement les styles de présentation ou encore réagir aux actions de l'utilisateur... Il vous apprendra également à lancer des requêtes au serveur (Ajax) et à manipuler des données XML.

1) Les technologies du Web 2) Le langage JavaScript 3) Evénements et données 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

- Présentation des types de navigateurs. 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 référencement.

- Importance de JavaScript sur les sites Web 2.0. Impact de la conformité XHTML sur l'utilisation dynamique de Javascript.

- Les outils de développement (éditeur, débogueur...).

- Positionnement et illustration des technologies DHTML.

2) Le langage JavaScript

- Déclaration et portée des variables.

- Types de données (Number, Boolean, Date, Math, String, Array). Conversion de type. Détection de type avec typeof.

- Gestion des tableaux. Opérateurs logiques et arithmétiques. Boucles (for, while...).

- Création de fonctions et paramétrage variable.

- Faire un codage sécurisé avec la gestion d'erreur et les exceptions.

- Rappels sur les concepts objets. Développement Objet en JavaScript : création de classes (méthodes, propriétés).

- Constructeur. Surcharge. Mots réservés prototype, this. Création d'instance. Usage d'Object sur les classes dynamiques.

- Utilisation du format JSON pour la création de classes.

- Les objets prédéfinis du langage (Array, Date, String, Regexp...) et leur utilisation. Extension des objets prédéfinis.

Exercice

Mise en oeuvre des différentes fonctionnalités Javascript à travers de multiples travaux pratiques.

3) Evénements et données

- Organisation des événements. Impact des événements sur les types de navigateurs et versions de DOM.

- Positionner des écouteurs sur des événements par programme et paramétrage de balises HTML.

- Règles pour faire un codage multinavigateur.

- Créer, détruire des écouteurs.

- Les traitements événementiels JavaScript : gestionnaire clavier, souris, 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'événements multiples sur les éléments formulaire, souris, clavier...

4) Gestion de formulaires HTML

- Manipulation de contenu de formulaires.

- Accès et modification dynamique des composants du formulaire : zone de saisie, cases à cocher, cases d'options...

(13)

- Fonctions de validation de formulaire.

- Evénements liés aux éléments de formulaire : changement, initialisation, clic...

Exercice

Conception de fonctions personnalisées contrôlant les activités 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.

- Implémentation des CSS en tant que propriétés des objets du DOM.

- Modification directe des propriétés CSS des objets du DOM.

- Modification de l'objet CSS stylesheets.

- Rendre la page dynamique via le changement des propriétés de style.

Exercice

Réalisation de pages simples afin de se familiariser à l'utilisation de feuilles de style et à leur manipulation à travers JavaScript.

6) Manipulation du DOM XML

- Présentation du langage XML (éléments attributs).

- Implémentation des parseurs XML chez Microsoft IE et les autres : variantes entre les navigateurs, maintenance...

- Manipulation des objets du DOM (lecture, ajout, suppression, modification de noeuds).

Exercice

Familiarisation à la construction d'un chemin d'accès à un élément du DOM.

7) Ajax

- Présentation de Asynchronous Javascript And Xml.

- Enjeux, solutions et alternatives.

- Les bibliothèques du marché.

- HTTP et Ajax : échanges HTTP et l'objet XMLHttpRequest.

Exercice

Récupération de données XML et affichage des données. Interrogation d'une base de données. Création d'un formulaire de connexion.

(14)

Stage pratique de 3 jour(s) Réf : PAJ

Participants

Ce cours s'adresse aux Webmasters, développeurs Web, informaticiens.

Pré-requis

Bonnes connaissances en Javascript et en technologies Web côté client.

Prix 2015 : 1875€ HT

Dates des sessions

Paris

31 aoû. 2015, 26 oct. 2015 Aix

26 oct. 2015, 14 déc. 2015 Bordeaux

12 oct. 2015, 7 déc. 2015 Grenoble

26 oct. 2015, 14 déc. 2015 Lille

26 oct. 2015, 14 déc. 2015 Lyon

26 oct. 2015, 14 déc. 2015 Montpellier

26 oct. 2015, 14 déc. 2015 Nantes

12 oct. 2015, 7 déc. 2015 Rennes

12 oct. 2015, 7 déc. 2015 Sophia-antipolis 26 oct. 2015, 14 déc. 2015 Strasbourg

26 oct. 2015, 14 déc. 2015 Toulouse

12 oct. 2015, 7 déc. 2015

Ajax, programmation côté client

OBJECTIFS

Ajax est devenu une technologie incontournable du développement 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) Rappels XML et Javascript 3) Javascript Object Notation (JSON) 4) Programmation du DOM

5) Traitements XML en Javascript 6) XMLHttpRequest

7) Les patterns Ajax 8) Compléments

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) Rappels XML et Javascript

- La structure XML. Les namespaces.

- Les moyens de validation XML : DTD et XSD.

- Limite du XPath. Mise en oeuvre XSLT en Ajax.

- La programmation Objet. Types. Variables. Tableaux.

- Ecmascript. Emergence d'ActionScript.

Création d'une structure XML bien formée et valide. Manipulation de classes et d'objets.

3) Javascript Object Notation (JSON)

- Avantages et inconvénients dans les échanges.

- Objets, Arrays, syntaxe et parseur JSON.

- JSON, avantages et inconvénients.

- Sérialisation entre client et serveur.

4) Programmation du DOM

- Importance du langage XHTML. Composants DHTML.

- Le rôle du DOM dans la programmation XML.

- Gestion dynamique de CSS.

Modification dynamique du DOM d'une page HTML.

5) Traitements XML en Javascript

- Présentation XSLT. Langage Xpath. Format RSS.

Traitement XSLT. Usage de flux RSS.

6) XMLHttpRequest

- Créer et utiliser un objet XMLHttpRequest.

- Outils de débogage (IE Toolbar, Firebug).

- Modification des en-têtes HTTP.

- Encodage et décodage des données.

- Gestion des erreurs. Gestion du cache.

Gérer une table produit, un formulaire de login en Ajax. Remplir dynamiquement un menu déroulant.

7) Les patterns Ajax

- Threads. Usage d'iFrame pour les appels client/serveur.

- Traitements asynchrones, synchrones.

- Sécuriser des échanges Ajax (cryptage, sessions...).

- Problématiques de sécurité et performance : cryptage, compression, débogage, offuscation.

- Mise en place de proxy crossDomain.

- Présentation et mise en oeuvre du framework jQuery.

Mise en oeuvre de requêtes asynchrones et multithreads. Développement Ajax en jQuery.

(15)

8) Compléments

- Framework Ajax, Java, .NET. Ajax et XUL.

- Présentation de la programmation Ajax avec HTML5.

- Ajax et les API Google : Google Search et Google Maps.

Développer en Javascript un exemple de cartographie. Développement Ajax sous HTML5.

(16)

Stage pratique de 4 jour(s) Réf : JPG

Participants

Ce stage pratique s'adresse à tous les concepteurs de sites Web et informaticiens désireux d'exploiter Javascript et les technologies HTML dynamique pour leurs projets.

Pré-requis

Bonnes connaissances en Javascript et HTML.

Connaissances de base de XML.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

15 sep. 2015, 24 nov. 2015

JavaScript, perfectionnement pour le Web 2.0

Best

OBJECTIFS

Le langage Javascript est devenu incontournable pour le développement d'applications client riches. Ce cours vous donnera tout le savoir-faire technologique pour mettre en oeuvre de véritables applications Web 2.0 à partir de concepts avancés Javascript.

1) Rappels JavaScript : DOM, événement, manipulation, parsing

2) Programmation Orientée Objet 3) Framework jQuery

4) Expressions régulières

5) Environnement de débogage 6) Echange de données, interactions 7) Programmation Javascript sous HTML5 8) Google API : Maps, Search et Charts

1) Rappels JavaScript : DOM, événement, manipulation, parsing

- Structure XML et JSON. Les parseurs XML. Lecture d'un fichier JSON.

- Les méthodes de création dynamique d'objets.

- Phases des événements capture, capturing, bubble.

- La gestion des événements. Les objets de type Event. Création et diffusion d'événements.

Exercice

Parcours d'une structure XML via un flux Ajax. Mise en place d'objets JSON pour des échanges de données.

Création d'un gestionnaire d'événements.

2) Programmation Orientée Objet

- Rappels sur l'objet. Propriétés.

- La chaîne de portée. Closure function. La chaîne de prototype.

- Méthodes. Héritage. Portée des données privées et publiques. Mapping et sérialisation.

Exercice

Mise en pratique de la Programmation Orientée Objet.

3) Framework jQuery

- Fonctionnement et intégration de jQuery.

- Gestion des événements.

- Mise en oeuvre de jQuery pour des échanges Ajax.

4) Expressions régulières

- Structure et syntaxe d'une expression régulière.

- L'objet RegExp.

Travaux pratiques Contrôle de dates, email.

5) Environnement de débogage

- Introduction, solutions dédiées aux navigateurs.

- Messages d'erreur. Tests de performance. Points d'arrêt. Tests multinavigateurs. Stockage des tests.

Mise en oeuvre d'outils de débogage.

6) Echange de données, interactions

- Cookies.

- Base embarquée dans le navigateur Sqlite.

- Base distante via Ajax et HttpRequest.

- Interfaçage avec une application Flash.

- Serveur Javascript NodeJS.

Appel de services Web. Utiliser une base embarquée, échanges avec la base distante.

7) Programmation Javascript sous HTML5

- Nouveaux événements. Gestion multimédia.

- Modes de communication client/serveur.

Manipulation de quelques API JavaScript sous HTML5.

(17)

8) Google API : Maps, Search et Charts

- Création d'une Map. Systèmes de coordonnées. Géocoder pour la recherche d'adresse.

- Création de markers. Gestion d'événements Event.

- DirectionsService pour l'identification de trajectoires.

- Format KML d'enregistrement de cartes.

- Intégration de Google Search dans les pages.

- Génération de graphiques avec Google Charts.

Créer une Map et des graphiques.

(18)

Stage pratique de 4 jour(s) Réf : FLX

Participants

Cette formation pratique s'adresse aux développeurs de sites, informaticiens, designers.

Pré-requis

Connaissances de base en programmation et en développement Web.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

15 sep. 2015, 1 déc. 2015 Bordeaux

29 sep. 2015, 17 nov. 2015 Bruxelles

3 nov. 2015 Geneve 3 nov. 2015 Grenoble

15 sep. 2015, 1 déc. 2015 Lille

15 sep. 2015, 1 déc. 2015 Luxembourg 3 nov. 2015 Lyon

15 sep. 2015, 1 déc. 2015 Nantes

29 sep. 2015, 17 nov. 2015 Rennes

29 sep. 2015, 17 nov. 2015 Sophia-antipolis 15 sep. 2015, 1 déc. 2015 Strasbourg

15 sep. 2015, 1 déc. 2015 Toulouse

29 sep. 2015, 17 nov. 2015

Flex et ActionScript 3.0, programmation d'interfaces Web

OBJECTIFS

Vous apprendrez dans ce cours à développer des applications internet riches (RIA) à partir de la

plateforme Flex. Vous découvrirez son modèle de programmation basé sur MXML et Actionscript 3.0. Vous développerez des interfaces graphiques interactives utilisant des données XML et des services Web.

1) Présentation de Flex 4 2) Le langage Actionscript 3.0 3) Langage MXML

4) Les contrôles et les conteneurs

5) Les formulaires 6) Styles

7) Accès aux données 8) Graphiques

1) Présentation de Flex 4

- Présentation de Flex builder.

- Intégration dans une architecture J2EE ou .Net.

- Le lecteur Flash 10. Concept DisplayObject.

- Présentation d'Adobe Catalyst pour le design Flex.

Création d'un projet et mise en oeuvre du débogueur.

2) Le langage Actionscript 3.0

- Rappels XML : modèle, schéma de validation...

- Spécificités Actionscript 3.0 et Ecmascript XML (E4X).

- Variables et opérateurs.

- Création de package et de classes.

Prise en main Actionscript 3.0.

3) Langage MXML

- Structure d'une application Flex : blocs script, Model...

- La gestion des événements : propagation, trois phases.

Programmation d'événements : clic sur un bouton, changement d'état...

4) Les contrôles et les conteneurs

- Architecture des composants graphiques.

- Propriétés spatiales, styles, paramétrages, ViewState.

- Les conteneurs ApplicationControlBar, TitleWindow...

- Les composants moduleLoader et Repeater.

- Les contrôles de navigation List, LinkButton, PopUpButton, PopUpMenuButton.

- Les conteneurs de navigation Accordion, ViewStack...

Création de boutons multi-états, datagrid personnalisés. Construction dynamique de zones graphiques à partir de Repeater. Mise en oeuvre de barres de menus, onglets, boutons dynamiques vers le Web.

5) Les formulaires

- Composants de saisie : texte, boutons radio, menus...

- Contrôles de saisie : dateFormator.

- Envoi du formulaire.

Création de formulaires de login, contrôles de saisie de fiches produits.

6) Styles

- Design des composants : thèmes, styles, fonts.

- Effets et transitions : rotation, séquence, parallèle.

- Construction graphique avec Adobe Catalyst.

Mise en pratique de multiples effets.

7) Accès aux données

- Accès aux Web services. Echanges RPC et Soap.

(19)

- Le gestionnaire de données sous Flex4.

Appel de service Web, appel d'URL, création de ShareObject.

8) Graphiques

- Mise en oeuvre de graphismes : pie, plot, bar, line,...

- Raccordement entre données et graphismes.

Travaux pratiques Création de graphiques.

(20)

Stage pratique de 4 jour(s) Réf : PXM

Participants

Concepteurs et développeurs d'applications, architectes logiciels, chefs de projets.

Pré-requis

Connaissances de base en développement, bases de données, architectures Internet/Web.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

29 sep. 2015, 1 déc. 2015 Bordeaux

6 oct. 2015, 8 déc. 2015 Geneve

20 oct. 2015, 15 déc. 2015 Grenoble

29 sep. 2015, 1 déc. 2015 Lille

29 sep. 2015, 1 déc. 2015 Luxembourg 20 oct. 2015 Lyon

29 sep. 2015, 1 déc. 2015 Nantes

6 oct. 2015, 8 déc. 2015 Rennes

6 oct. 2015, 8 déc. 2015 Sophia-antipolis 29 sep. 2015, 1 déc. 2015 Strasbourg

29 sep. 2015, 1 déc. 2015 Toulouse

6 oct. 2015, 8 déc. 2015

Technologies XML, conception, mise en œuvre

Best

OBJECTIFS

XML est devenu incontournable tant sur le poste utilisateur que sur les serveurs de l'entreprise. Le besoin de partage et d'échange d'informations entre utilisateurs et entre applications a accéléré l'usage des technologies XML. Ce stage vous montrera comment tirer profit de ces technologies et des normes associées. Au moyen de travaux pratiques, vous apprendrez à concevoir et à gérer vos données XML, à les diffuser et à les publier, à les exploiter via vos applications, vos services Web et vos bases de données, sans négliger les aspects liés à la sécurité.

1) Industrie XML 2) Les parseurs XML 3) Validation de documents 4) Transformation XSL-T 5) Publication de documents

6) Message et échanges XML 7) XML et les bases de données 8) Sécurité des échanges XML 9) Technologies graphiques XML

1) Industrie XML

- Rappel sur les langages structurés : SGML, HTML, XML et XHTML.

- Le contexte actuel. Pourquoi XML est incontournable ? - XML et le schéma directeur du S.I. La structure XML.

- Avantages et inconvénients de XML.

- Comparaison entre les différents formats : XML, JSON, CSV.

- Rôle prédominant des offres bureautiques.

- Les langages XML techniques (WML, SVG, XAML, VoiceXml) et les langages XML métier (FixML, CML...).

- Panorama des éditeurs XML.

Création de documents de différents formats : XML, CSV et JSON.

2) Les parseurs XML

- Offre du marché. Rôle des parseurs : performances, avantages et inconvénients.

- Les types de parseurs : push (SAX), pull (XMLPull ou StAX).

- Les représentations arborescentes (DOM, JDOM...), "Data Binding" (Castor ou JAXB).

- Les Data Island et l'intégration dans les pages Web.

- Les accélérateurs XAN (XML Aware Network).

- Les parseurs Java (JAXP), .NET, Flash (XML Parser).

- Ajax et la lecture de données dans les pages HTML.

Mise en œuvre de différents parseurs.

3) Validation de documents

- Structure et composants d'un document XML : éléments, attributs, entités...

- Les métadonnées (XMP, ITCP, EXIF).

- Document bien formé et document valide.

- Les modèles de validation. DTD, XML-schema (XSD), Relax-NG, Schematron. Syntaxe et mise en œuvre.

- Schémas XSD : structure, syntaxe, typage des données, outils de composition. Modélisation.

- Les Namespaces. Rôle, intégration, partage, création.

- Exemple d'appel à partir d'une page XHTML.

Edition de documents XML, validation de documents. Création de documents DTD et XSD. Association de Namespaces aux DTD et XSD.

4) Transformation XSL-T

- Enjeux du langage XSL-T.

- Intégration dans le système d'information.

- Les processeurs XSL-T.

- Le langage de transformation XSL-T 1.0, 2.0 et 3.0 : construction d'arbres, restructuration.

- Génération multiformat : XHTML, SVG, PDF.

Génération d'un document via une transformation XSL-T.

5) Publication de documents

- Visualisation brute d'un document sur les navigateurs.

(21)

- Mise en forme avec les feuilles de style CSS.

- Rôle du XHTML sur l'accessibilité. Conseils techniques. Outils de validation du W3C.

- XPATH 1.0, 2.0 et 3.x : naviguer dans les données XML.

- Les feuilles de style XSL-T : templates, structures. Mode de programmation déclaratif, impératif, hybride.

- Le langage XSL-FO pour le formatage d'objets.

- Conversion en format papier PDF, RTF... Avantages et usage des outils de génération de XLS (Stylevision).

Création de feuille de style en XSL-T et XSL-FO.

6) Message et échanges XML

- Le DOM du W3C et l'interface de programmation normalisée : Data Island, Ajax, JavaScript.

- Les serveurs d'applications : .NET et JEE.

- Portail d'entreprise.

- Transfert et sérialisation de messages : Rest, XML-RPC, SOAP, WSDL, UDDI. Définition des Services Web.

- XML et la bureautique. Les formats d'échange de documents. RDF.

- Dynamisation XSL de documents bureautiques : Microsoft Office (Open XML), Open Office (Open Document).

Création d'un document Microsoft Office Open XML. Interrogation d'un Service Web.

7) XML et les bases de données

- Positionnement du XML par rapport aux bases de données. Stockage de documents XML. Bases semi- structurées. Data Island.

- SGBDR aux bases natives XML Xindice, Tamino.

- Outils de Mapping pour la production de codes C#, Java, XSL dédiés aux conversions de types (SOAP / SGBD / XML / XSD).

- Langages d'interrogation XML : XPath, XQuery, extensions du SQL.

- XML et les bases de données (Oracle, SQL Server, MySQL).

8) Sécurité des échanges XML

- Principe du chiffrement, signature électronique, certificat numérique (X509...).

- Les différents protocoles de sécurisation XML : HTTPS, XML Signature (Xml Dsig), XML encryption, XML access control...

- La sécurisation des services Web : WS-security (SOAP).

Exemples des différentes technologies présentées.

9) Technologies graphiques XML

- Présentation des langages d'interfaces (XAML, XUL, MXML).

- SVG : standard vectoriel, dynamisation XSL, animations web SMIL.

- InfoPath : la technologie de formulaires électroniques.

- Blogs et RSS (Really Simple Syndication), ATOM un format de syndication de contenu Web.

Dynamisation d'un graphique avec SVG et XSL.

(22)

Stage pratique de 4 jour(s) Réf : PHH

Participants

Développeurs, webmasters ayant déjà 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.

Prix 2015 : 2330€ HT

Dates des sessions

Paris

18 aoû. 2015, 8 sep. 2015 6 oct. 2015, 3 nov. 2015 8 déc. 2015

Aix

6 oct. 2015, 1 déc. 2015 Bordeaux

13 oct. 2015, 8 déc. 2015 Bruxelles

22 sep. 2015, 24 nov. 2015 Geneve

22 sep. 2015, 24 nov. 2015 Grenoble

6 oct. 2015, 1 déc. 2015 Lille

6 oct. 2015, 1 déc. 2015 Luxembourg

22 sep. 2015, 24 nov. 2015 Lyon

6 oct. 2015, 1 déc. 2015 Montpellier 6 oct. 2015, 1 déc. 2015 Nantes

13 oct. 2015, 8 déc. 2015 Rennes

13 oct. 2015, 8 déc. 2015 Sophia-antipolis 6 oct. 2015, 1 déc. 2015 Strasbourg 6 oct. 2015, 1 déc. 2015 Toulouse

13 oct. 2015, 8 déc. 2015

PHP 5, développer un site Web dynamique

Best

OBJECTIFS

Ce cours vous permettra de maîtriser d'une manière opérationnelle le langage PHP dans le contexte de développement de sites Internet dynamiques. Il vous permettra aussi d'aborder les aspects connexes à ce type de développement : bases de données, langage SQL, manipulation de fichiers graphiques...

1) Introduction

2) Automatisation d'une page Web 3) Les formulaires simples

4) Les variables complexes : tableaux

5) Gestion des sessions utilisateurs 6) Utilisation d'une base de données MySQL 7) Les formulaires complexes

8) Le graphisme en PHP

Travaux pratiques

Des machines sous Windows ou Linux équipées du serveur Web Apache avec le module PHP et un serveur MySQL seront mis à la disposition des participants. Les participants vont créer 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 différences entre PHP 4 et PHP 5.

- Notions d'architecture multicouche. Introduction aux principes MVC.

- Présentation de l'exemple utilisé durant la formation : le site de vente en ligne.

Revue des balises principales HTML et des commandes de style. Introduction à la feuille de style de l'application exemple.

2) Automatisation d'une page Web

- Les principes du client-serveur.

- Premiers éléments du langage.

- Intégration de PHP dans une page HTML.

- Variables et fonctions.

- Librairies.

- Fonctions de base, variables serveur et variable PHP.

- Variables serveur et variable PHP.

- Contrôles de flux et boucles.

Réalisation de fonctions personnalisées. Réalisation d'une librairie de fonctions.

3) Les formulaires simples

- Passage et transmission de variables.

- Lecture/écriture de fichier.

- Vérification de Login/mot de passe.

- Redirection.

4) Les variables complexes : tableaux

- Constructeur Array.

- Fonctions associées aux tableaux.

- Fonctions d'extraction.

- Fonctions de navigation dans un tableau.

Réalisation d'une fonction de création de liste déroulante.

5) Gestion des sessions utilisateurs

- Variables persistantes : Cookies et Session.

- Avantages et inconvénients des Cookies et Sessions.

- Limitations et précautions.

- Les variables de session.

- Fonctions liées aux variables de session.

- Les Cookies.

- Sérialisation des variables complexes.

(23)

- Utilisation.

Réalisation d'un panier d'achat simple, version Cookie et Session. Gestion des quantités commandées.

6) Utilisation d'une base de données MySQL

- Présentation de MySQL.

- Concepts fondamentaux : bases, tables, champs, enregistrements.

- Bases MySQL.

- Tables MySQL.

- Champs MySQL.

- Enregistrements MySQL.

- Fonctions PHP MySQL.

- Introduction au langage SQL (sélection, modification, suppression).

- Traitement des résultats des requêtes.

Création d'une base MySQL. Remplissage de la base à partir d'une base texte. Création de fiches produit à la volée par extraction des données de la base.

7) Les formulaires complexes

- Moteur de recherche : formulaire en relation avec une base de données.

- Fonctions avancées de sélection : recherches et tris.

Réalisation d'un moteur de recherche : la sélection sur auteur, titre et héros donne une liste de liens sur les fiches produit correspondantes. Implémentation multicouche.

8) Le graphisme en PHP

- Présentation de la librairie GD.

- Création d'image, réutilisation.

- Gestion des polices et de l'écriture en mode image.

- Superposition de texte pour protection de droits.

- Intégration au site.

- Réalisation de graphiques statistiques.

Intégration des différents modules réalisés. Affichage des images avec mention de Copyright.

(24)

Stage pratique de 5 jour(s) Réf : AST

Participants

Informaticiens souhaitant développer des applications Internet/Intranet en utilisant les technologies .NET (ASP.NET et ADO.NET) dans le cadre de l'environnement Visual Studio.

Pré-requis

Bonnes connaissances de la programmation C# ou VB.NET. Connaissances de base des technologies Web côté client (HTML, JavaScript...).

Prix 2015 : 2500€ HT

Dates des sessions

Paris

16 nov. 2015 Bordeaux 16 nov. 2015 Bruxelles

14 sep. 2015, 23 nov. 2015 Geneve

14 sep. 2015, 23 nov. 2015 Grenoble

16 nov. 2015 Lille 16 nov. 2015 Luxembourg

14 sep. 2015, 23 nov. 2015 Lyon

16 nov. 2015 Montpellier 16 nov. 2015 Nantes 16 nov. 2015 Rennes 16 nov. 2015 Sophia-antipolis 16 nov. 2015 Strasbourg

7 sep. 2015, 16 nov. 2015 Toulouse

16 nov. 2015

ASP .NET 4.5, niveau 1, développement Web

Best

OBJECTIFS

Ce cours vous apprendra à utiliser les techniques de création d'applications Internet/Intranet ASP.NET Web Forms dans l'environnement .NET 4.5 avec Visual Studio 2013. Vous apprendrez également à lier vos applications avec différents types de bases de données. Enfin, ce cours vous présentera un ensemble de bonnes pratiques en se focalisant sur l'acquisition de l'architecture du Framework ASP.Net Web Forms.

1) Introduction et rappels

2) Fonctionnement des pages ASP.NET 3) Contrôles serveur

4) Conception de la structure d'un site Web

5) Accès aux données 6) Gestion de la sécurité 7) Configuration et déploiement 8) Utilisation des services Web

Travaux pratiques

Les participants apprendront à maîtriser l'infrastructure ASP.NET. Ils utiliseront l'environnement .NET/

Visual Studio pour mettre en œuvre les techniques nécessaires aux applications Web professionnelles. Les exercices sont effectués en C# ou VB.Net suivant le choix des participants.

1) Introduction et rappels

- Rappels des concepts liés à l'Internet/Intranet et technologies .NET.

- L'architecture d'une application Internet/Intranet, rappel des méthodes HTTP.

- Les Technologies .NET. Application Web en .NET.

- Les outils intégrés à Visual Studio.

Utilisation de Visual Studio pour la création d'un site, création d'un formulaire d'entrée de données.

2) Fonctionnement des pages ASP.NET

- Principe des pages ASP.NET, cycle de vie.

- Utilisation des contrôles serveur WebForms. Intégration dans les pages ASPX avec Visual Studio.

- Persistance de l'état des contrôles serveur avec le ViewState.

- Gestion de la persistance des données applicatives : Session, Cache, Application, Cookies.

- Membres caractéristiques des classes Page, HttpRequest, HttpResponse et HttpServerUtility.

- Utilisation et limitations du QueryString.

- Mise en œuvre du CrossPagePostBack.

- Gestion des événements dans les pages ASP.NET et cycle de vie : Load, UnLoad, PreRender...

- Gestion des événements de l'application : fichier global.asax, événements importants, utilisation.

- Structuration d'une application Web avec VS (séparation données/code/présentation, dossiers spéciaux, ressources, etc.)

Ecriture des premières pages ASP.NET basées sur des contrôles serveur standard (listes, boutons, etc.) et gérant des événements. Mise en œuvre des mécanismes nécessaires aux applications professionnelles (session, cookie, etc.).

3) Contrôles serveur

- Utilité des contrôles serveur pour la création de pages actives côté client et serveur.

- Intégration des contrôles serveur HTML (HtmlInputText, HtmlTable...) avec les scripts clients JavaScript/

jQuery.

- Contrôles conteneur : Panel, MultiView, Wizard...

- Contrôles riches : Calendar, AdRotator, FileUpload...

- Contrôles de validation et groupe de validation.

Utilisation des contrôles serveur afin de rendre une page dynamique, du côté client et du côté serveur. Mise en œuvre des contrôles de validation côté client et côté serveur avec les contrôles Wizard. Exemple du contrôle FileUpload... Mise en œuvre de l'Ajax simplement, avec UpdatePanel.

4) Conception de la structure d'un site Web

- Contrôles utilisateur pour la structuration des pages.

- Mise en forme d'un site à l'aide des MasterPages.

- Rôles des dossiers spéciaux (App_Code, App_Data, App_Themes, etc.).

- Utilisation des feuilles de style CSS et des thèmes.

- Le gestionnaire de packages NuGet.

- Mise en place d'un système de navigation avec SiteMap et SiteMapPath, TreeView et Menu.

(25)

Exemple de réalisation d'une application de e-commerce, réalisation d'un contrôle utilisateur et utilisation de pages maîtres.

5) Accès aux données

- Tour des différents moyens d'accès aux données avec ASP.Net Web Forms : Entity Framework, ADO.NET et TableAdapters.

- Mécanismes d'accès à une BD : connexion, instruction SQL, procédure stockée, lecture.

- Mécanisme de DataBinding.

- Utilisation des contrôles liés à une source de données : XmlDataSource, GridView (tri et pagination).

- Afficher une vue Maître/Détail entre un contrôle GridView et les contrôles DetailsView, FormView.

- Principes des modèles (Templates).

Utilisation des contrôles DataSource (SqlDataSource, EntityDataSource, ...), des GridView, ListView et DetailsView pour présenter les données.

6) Gestion de la sécurité

- Les types d'attaques (SQL injection, spoofing, répudiation...).

- Les moyens de prévenir des attaques.

- Contrôle applicatif des accès et des droits.

- Gestion de la sécurité par le système.

- Gestion de la sécurité par l'application.

Mise en place de restrictions d'accès sur un site.

7) Configuration et déploiement

- Gestion des exceptions.

- Rôle et format du fichier Web.config.

- Sauvegarde des paramètres de l'application.

- Configuration de la gestion des sessions.

- Le mode Release.

- La publication de l'application.

Publication d'une application.

8) Utilisation des services Web

- Les principes des services Web.

- Architecture, communication XML/SOAP/JSON, méta-données WSDL.

- Appel d'un service Web à partir d'une requête HTTP et d'un proxy.

Démonstration d'un Web Service simple (recherche dans une base de données) et interrogation via ASP.NET et un proxy.