Technologies Web, Conception et développement Web

Transcription

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 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 ) SVG, créer des graphiques vectoriels interactifs pour le Web... ( p52 ) Développer avec XSL-T et XSL-FO... ( p54 ) Développer des applications Web ( p56 ) Ecmascript 6, mettre en oeuvre le nouveau JavaScript... Nouveau ( p58 ) ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 1

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 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 ) ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 2

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 ) ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 3

4 Séminaire de 3 jour(s) Réf : IRT Chefs de projets, décideurs informatiques, développeurs, responsables informatiques, Webmasters. Aucune connaissance particulière. Prix 2015 : 2610 HT 29 sep. 2015, 8 déc Bruxelles 29 sep. 2015, 8 déc Geneve 29 sep. 2015, 8 déc Luxembourg 29 sep. 2015, 8 déc Les technologies du Web, synthèse Best 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 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 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é - 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, H 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 4

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é. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 5

6 Séminaire de 2 jour(s) Réf : PEC Directeurs informatiques, architectes techniques, directeurs de projet maîtrise d'œuvre/maîtrise d'ouvrage. 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. Connaissances de base de ce qui constitue un système d'information (Annuaire, ERP, applications spécifiques ). Prix 2015 : 1900 HT 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 29 oct. 2015, 17 déc ) 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...). ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 6

7 Séminaire de 2 jour(s) Réf : WRS Responsable de projets Web / intranet, responsable RH, responsable communication, manager. Connaissances de base sur l'usage des outils collaboratifs (messagerie, GED, intranet...). Prix 2015 : 1900 HT 29 oct. 2015, 3 déc 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 1) Définition du Web Concepts novateurs par rapport au Web Doit-on réellement parler de rupture technologique? 2) Socle applicatif du Web 2.0 4) Impacts sur les projets Web 5) Réseaux sociaux en entreprise - 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 7

8 Stage pratique de 4 jour(s) Réf : DSW Cette formation pratique s'adresse aux informaticiens qui souhaitent concevoir une application client intranet/ Internet. Connaissances de base en architectures techniques. Prix 2015 : 2330 HT 22 sep. 2015, 20 oct nov. 2015, 14 déc Aix 1 déc Bordeaux 3 nov Bruxelles 15 déc Geneve 15 déc Grenoble 1 déc Lille 8 sep. 2015, 1 déc Luxembourg 15 déc Lyon 7 sep. 2015, 1 déc Montpellier 1 déc Nantes 3 nov Rennes 3 nov Sophia-antipolis 1 déc Strasbourg 1 déc Toulouse 3 nov 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 1) Les technologies du site Web 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 - 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. 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 8

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 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 9

10 Stage pratique de 4 jour(s) Réf : HTX 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. Connaissances de base des composants d'une architecture Web. Prix 2015 : 2330 HT 22 sep. 2015, 17 nov 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é 1) Rappels Web - Les protocoles d'un site web : HTTP, FTP, SMTP, POP3. - Fonctionnement d'un site Web. HTML, URL. 5) Intégration de composants multimédias 6) JavaScript 7) Accès aux bases de données 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 10

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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 11

12 Stage pratique de 4 jour(s) Réf : DHL 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. Bonnes connaissances du HTML. Connaissances de base en programmation. Prix 2015 : 2330 HT 15 sep. 2015, 6 oct nov. 2015, 8 déc Aix 8 sep. 2015, 17 nov Bordeaux 24 nov Bruxelles 15 sep. 2015, 15 déc Geneve 15 sep. 2015, 15 déc Grenoble 17 nov Lille 8 sep. 2015, 17 nov Luxembourg 15 sep. 2015, 15 déc Lyon 17 nov Montpellier 17 nov Nantes 24 nov Rennes 24 nov Sophia-antipolis 17 nov Strasbourg 17 nov Toulouse 24 nov 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 Programmation Javascript, manipulation du DOM, gestion de l'interactivité. 1) Les technologies du Web 5) Interaction avec les feuilles de style en cascade 6) Manipulation du DOM XML 7) Ajax - 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... ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 12

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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 13

14 Stage pratique de 3 jour(s) Réf : PAJ Ce cours s'adresse aux Webmasters, développeurs Web, informaticiens. 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. Bonnes connaissances en Javascript et en technologies Web côté client. Prix 2015 : 1875 HT 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 31 aoû. 2015, 26 oct Aix 26 oct. 2015, 14 déc Bordeaux 12 oct. 2015, 7 déc Grenoble 26 oct. 2015, 14 déc Lille 26 oct. 2015, 14 déc Lyon 26 oct. 2015, 14 déc Montpellier 26 oct. 2015, 14 déc Nantes 12 oct. 2015, 7 déc Rennes 12 oct. 2015, 7 déc Sophia-antipolis 26 oct. 2015, 14 déc Strasbourg 26 oct. 2015, 14 déc Toulouse 12 oct. 2015, 7 déc ) Ajax - Les objectifs d'ajax. Principes de fonctionnement. - Force du mix technologique Ajax/REST/Web 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 14

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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 15

16 Stage pratique de 4 jour(s) Réf : JPG 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. Bonnes connaissances en Javascript et HTML. Connaissances de base de XML. Prix 2015 : 2330 HT 15 sep. 2015, 24 nov 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. Contrôle de dates, . 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 16

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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 17

18 Stage pratique de 4 jour(s) Réf : FLX Cette formation pratique s'adresse aux développeurs de sites, informaticiens, designers. Connaissances de base en programmation et en développement Web. Prix 2015 : 2330 HT 22 sep. 2015, 20 oct nov. 2015, 14 déc Aix 15 sep. 2015, 1 déc Bordeaux 29 sep. 2015, 17 nov Bruxelles 3 nov Geneve 3 nov Grenoble 15 sep. 2015, 1 déc Lille 15 sep. 2015, 1 déc Luxembourg 3 nov Lyon 15 sep. 2015, 1 déc Montpellier 15 sep. 2015, 1 déc Nantes 29 sep. 2015, 17 nov Rennes 29 sep. 2015, 17 nov Sophia-antipolis 15 sep. 2015, 1 déc Strasbourg 15 sep. 2015, 1 déc Toulouse 29 sep. 2015, 17 nov 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 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 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 ) Langage MXML - Structure d'une application Flex : blocs script, Model... - La gestion des événements : propagation, trois phases. 5) Les formulaires 6) Styles 7) Accès aux données 8) Graphiques 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 18

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. Création de graphiques. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 19

20 Stage pratique de 4 jour(s) Réf : PXM Concepteurs et développeurs d'applications, architectes logiciels, chefs de projets. Connaissances de base en développement, bases de données, architectures Internet/Web. Prix 2015 : 2330 HT 15 sep. 2015, 13 oct nov. 2015, 8 déc Aix 29 sep. 2015, 1 déc Bordeaux 6 oct. 2015, 8 déc Geneve 20 oct. 2015, 15 déc Grenoble 29 sep. 2015, 1 déc Lille 29 sep. 2015, 1 déc Luxembourg 20 oct Lyon 29 sep. 2015, 1 déc Montpellier 29 sep. 2015, 1 déc Nantes 6 oct. 2015, 8 déc Rennes 6 oct. 2015, 8 déc Sophia-antipolis 29 sep. 2015, 1 déc Strasbourg 29 sep. 2015, 1 déc Toulouse 6 oct. 2015, 8 déc 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 1) Industrie XML 6) Message et échanges XML 7) XML et les bases de données 8) Sécurité des échanges XML 9) Technologies graphiques 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. ORSYS, La Grande Arche, Paroi Nord, La Défense cedex. Tél : +33 (0) Fax : +33(0) page 20