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 Architectures et technologies du Web : synthèse et évolutions... Best ( p8 ) Web 2.0 et réseaux sociaux en entreprise : synthèse... ( p14 ) Portails et gestion de contenu, synthèse... ( p27 ) Cours de synthèse Conception d'architecture Web... ( p10 ) JavaScript au cœur des architectures Web, état de l art... ( p12 ) Stages pratiques Cycle certifiant Concepteur de sites Web... ( p4 ) Cycle certifiant Développeur Web côté client... ( p6 ) Réaliser un site Web, pour non-informaticiens... Best ( p15 ) Développer un site Web, synthèse pratique... Best ( p17 ) HTML, initiation pratique... ( p19 ) CSS, donner du style à vos pages Web... ( p21 ) Dreamweaver CS6, prise en main... ( p23 ) Dreamweaver CS6, développer un site Web... ( p25 ) JavaScript, HTML dynamique... Best ( p28 ) Ajax, programmation côté client... ( p30 ) JavaScript, perfectionnement pour le Web Best ( p32 ) Flex et ActionScript 3.0, programmation d'interfaces Web... ( p34 ) Technologies XML, conception, mise en œuvre... Best ( p36 ) PHP 5, développer un site Web dynamique... Best ( p38 ) ASP.NET 4.5, niveau 1, développement Web... Best ( p40 ) Java, développement de servlets et JSP pour JEE 5... Best ( p42 ) Struts 2, développer des applications Web MVC... ( 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, Paris 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 ) BootStrap, développer des pages Web Responsive... Nouveau ( p74 ) Sass, Compass et Less, simplifier la création et la maintenance de vos CSS... Nouveau ( p76 ) ReactJS, maîtriser le Framework JavaScript de Facebook... Nouveau ( p78 ) BackBone.js, maîtriser le Framework de développement Web... ( p80 ) Facebook et Twitter, développer vos propres applications Web 'sociales'... ( p82 ) Réussir votre projet Web... ( p84 ) Webmaster, le métier, les techniques... ( p85 ) Optimiser le référencement de votre site Web... ( p86 ) Google Adwords, optimiser vos campagnes... ( p87 ) Google Analytics, analyser les statistiques de vos sites... ( p88 ) Design d'un site Web, comment faire un site attractif et efficace... ( p89 ) Créer un site Web, de la maquette Photoshop à l'intégration HTML/CSS... ( p91 ) Responsive Web Design, créer des interfaces Web adaptables... Best ( p93 ) Réaliser vos newsletters en HTML/CSS et gérer les envois... ( p95 ) Photoshop CC/CS6, prise en main... Best ( p96 ) Ergonomie des IHM mobiles pour tablettes et Smartphones... ( p98 ) Créer des applications multiplateformes pour mobiles... Best ( p99 ) Cordova, développer des applications mobiles multiplateformes... Nouveau ( p101 ) Concevoir des applications mobiles performantes... ( p103 ) PhoneGap, développer des applications mobiles multiplateformes... ( p105 ) JQuery Mobile Framework, développer des applications pour mobiles... ( p107 ) Sencha Touch 2, développer des applications mobiles multiplateformes... ( p109 ) Edge Animate, créer des animations interactives pour le Web... Nouveau ( p111 ) Java EE 7, conception et développement d'applications Web... Best ( p113 ) Java, développement de Servlets et JSP pour JEE 6... ( p115 ) Framework JSF 2, développer des applications Web... ( p117 ) Développer une application Web 2.0/GWT... Best ( p119 ) Mixer JSF, Ajax et Dojo pour développer des applications Web... ( p121 ) ASP.NET 4.5, niveau 2, développement Web... ( p123 ) Silverlight 5, mise en œuvre... ( p125 ) ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 2

3 ASP.NET MVC 5, développement d'applications Web... Best ( p126 ) PHP 5, développement Web avec Symfony 2... Best ( p128 ) Zend Framework 2, maîtrise du développement Web... ( p130 ) Programmation en C# (70-483)... Nouveau ( p132 ) Programmation en HTML5 avec JavaScript et CSS3 (70-480)... Nouveau ( p134 ) Développement d'applications Web ASP.NET MVC (70-486)... Nouveau ( p136 ) Les fondamentaux du développement d'applications Windows Store en utilisant C# (70-484)... Nouveau ( p138 ) Développement d'applications avancées Windows Store en utilisant C# (70-485)... Nouveau ( p140 ) Les fondamentaux du développement d'applications Windows Store en utilisant HTML5 et JavaScript (70-481)... Nouveau ( p142 ) Développement d'applications avancées Windows Store en utilisant HTML5 et JavaScript (70-482)... Nouveau ( p144 ) Django, développement Web avec Python... ( p146 ) Webdev, développement Web... ( p148 ) RUBY On Rails 4, développement Web... ( p150 ) ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 3

4 Stage pratique de 9 jour(s) Réf : KCS Développeurs de sites Web, Web designer, chef de projet, Webmaster souhaitant concevoir des sites Web de type Intranet/Internet et les promouvoir. La connaissance des bases du Web. Prix 2016 : 3660 HT Dates des sessions Paris 12 jan. 2016, 23 fév mar. 2016, 19 avr mai 2016, 14 juin juil. 2016, 20 sep Composition du cycle - Développer un site Web, synthèse pratique Réf : DSW, Durée : 4 j - Design d'un site Web, comment faire un site attractif et efficace Réf : ITF, Durée : 2 j - Optimiser le référencement de votre site Web Réf : OPS, Durée : 2 j - Certification Concepteur de sites Web Réf : KCX, Durée : 1 j - Dreamweaver CS6, développer un site Web Réf : HTX, Durée : 4 j - JavaScript, HTML dynamique Réf : DHL, Durée : 4 j - Ajax, programmation côté client Réf : PAJ, Durée : 3 j - Certification Développeur Web côté client Réf : KEX, Durée : 1 j Dates d'examen 07 mars juin août 16 Cycle certifiant Concepteur de sites Web certificat professionnel FFP OBJECTIFS Ce cycle vous montrera comment concevoir un site attractif et efficace répondant à la stratégie de votre entreprise. Très concret, il vous présentera tout d'abord l'ensemble des technologies nécessaires à la réalisation du site : les langages HTML, XML, le Web 2.0, les techniques graphiques, l'interrogation des bases de données. Vous verrez ensuite comment prendre en compte le design, l'ergonomie, l'accessibilité, la gestion du contenu, l'organisation, ainsi que les techniques pour améliorer le référencement et assurer la promotion de votre site. 1) Introduction aux technologies et serveurs Web 2) La création de pages Web 3) La mise en œuvre de sites dynamiques 4) Le positionnement du site Web 1) Introduction aux technologies et serveurs Web 5) Le design et l'accessibilité de son site 6) Le suivi de projet Web 7) Le référencement et la promotion du site - La gestion du nom de domaine. Le choix de l'hébergeur. - Les serveurs Web (Apache, IIS). - Les protocoles TCP/IP, HTTP, FTP. Les URL. Les services réseaux complémentaires (DNS, DHCP,...). - L'administration et la sécurisation du serveur web. Les certificats, le firewall, le proxy. 2) La création de pages Web - Présentation des langages HTML et XHMTL. - Structure, liens hypertextes, images, cadres, feuilles de style, formats vectoriels, tableaux, calques... - Les formulaires. Contraintes et avantages. Structure, champs de saisie, boutons, cases à cocher, listes... - Norme d'accessibilité. Impact sur le développement. - Les composants Flash, Java, ActiveX, plug-ins. - La conception graphique et multimédia. - Le développement d'animations avec Flash. - Les ressources graphiques GIF, JPEG, PNG, Shockwave. - Le langage JavaScript et DHTML : syntaxe du langage. Contrôles de saisie d'un formulaire. Gestion des cookies. - DOM et Ajax. - Présentation ECMAScript et d'actionscript. - Technologies Web 2.0 : présentation des blogs et wikis, des Rich Internet Applications, d'air, de SilverLight et de GWT. Réalisation de pages complexes HTML avec Dreamweaver. Création de feuilles de style. Conception d'un modèle de page HTML avec Fireworks, composant Flash. Utilisation du JavaScript pour ajouter des effets DHTML et des contrôles sur formulaire, gestion d'événements en JavaScript. 3) La mise en œuvre de sites dynamiques - Mode de fonctionnement, sécurité. Variables serveur. - Les serveurs Web du marché. - Les langages serveur et leurs plateformes de développement : ASP, ASPX, JSP, PHP. - Appel de services Web. Accès aux bases de données. Réalisation d'un formulaire avec envoi des données vers le serveur. Développer des pages dynamiques, interrogation d'une base de données, de services Web. 4) Le positionnement du site Web - Intranet, Internet, Extranet. Stratégie de l'entreprise et conception du site. Techniques SWOT. - Quel design en fonction des terminaux mobiles? - Optimiser ses chances d'atteindre sa cible. 5) Le design et l'accessibilité de son site - Comportement des utilisateurs Internet, Intranet. Définition de l'usability. - Erreurs traditionnelles des sites. - Techniques de conception et de tests. - Les standards et contraintes des terminaux Web. - Techniques éditoriales pour le Web. - Comment créer une navigation fluide. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 4

5 - Accessibilité : point sur la législation en France et en Europe. Référentiels d'accessibilité : W3C, WCAG... - L'impact d'une charte d'accessibilité sur le développement HTML et CSS. - L'ADAE et l'accessibilité. - La conception et la gestion de contenu. Méthodologie de création de rubriques. - Organisation du contenu, publication. Outils de gestion de contenu. Contenu multisource. - Stratégie, comment décliner sa marque? Comment lier le design Web à la stratégie? - Comment valoriser une marque à partir du design? - Brief créatif, stratégie créative. - Concept board. Charte graphique. 6) Le suivi de projet Web - Audit juridique du site : les risques. - Pilotage de projets. Maquettage, développement, déploiement, campagne de lancement. Organisation humaine du projet. 7) Le référencement et la promotion du site - Quel type de moteur de recherche utiliser? - Comprendre les techniques de recherche. - L'audit de référencement : mesurer son positionnement sur Internet. - Audit par mots-clés, par rapport aux concurrents. Outils d'audit. Audit de Page Rank, popularité. - Analyse et plan d'action. - Les techniques de référencement : référencement par indexation, par positionnement. Définition d'un bon référencement. - Les SEO : Search Engine Optimizer. - Les outils de référencement automatique. - Stratégie Pull ou Push. Paiement au clic. Liens sponsorisés. Liens contextuels. - Achat de mots-clés : comment les choisir? Interface de pilotage de Google AdWords. - L'optimisation du site web. - Test des mots-clés. Optimisation technique : url, alt... - Impact des technologies riches sur le référencement. - Promouvoir son site. Mise en place d'une campagne de publicité Web. Outils d'analyse de logs. - Techniques d'animation. NetLinking, jeux-concours... Affiliation, fidélisation, sponsoring, relations presse. Référencement sur de multiples moteurs, annuaires, zones dédiées. Mise en œuvre d'un audit de site Web, d'outils de référencement et des différentes techniques. Mise en place d'une campagne de référencement. Les éléments clés. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 5

6 Stage pratique de 12 jour(s) Réf : KWC Concepteurs et informaticiens désireux de maîtriser les techniques permettant de développer des sites Web interactifs en HTML, XHTML, CSS, JavaScript, et Ajax. Informaticiens connaissant les principes de l'internet et ayant des bases en développement. La pratique d'un langage de programmation sera un plus. Prix 2016 : 4690 HT Dates des sessions Paris 26 jan. 2016, 15 mar juin 2016, 20 sep Composition du cycle - Développer un site Web, synthèse pratique Réf : DSW, Durée : 4 j - Design d'un site Web, comment faire un site attractif et efficace Réf : ITF, Durée : 2 j - Optimiser le référencement de votre site Web Réf : OPS, Durée : 2 j - Certification Concepteur de sites Web Réf : KCX, Durée : 1 j - Dreamweaver CS6, développer un site Web Réf : HTX, Durée : 4 j - JavaScript, HTML dynamique Réf : DHL, Durée : 4 j - Ajax, programmation côté client Réf : PAJ, Durée : 3 j - Certification Développeur Web côté client Réf : KEX, Durée : 1 j Dates d'examen 01 avril septembre 16 Cycle certifiant Développeur Web côté client certificat professionnel FFP OBJECTIFS Ce cycle très complet vous apprendra à créer des sites Web interactifs, en mettant en œuvre HTML, XHTML, CSS, JavaScript et Ajax. Vous verrez les fonctionnalités proposées par l'atelier Dreamweaver CS6 pour créer vos pages ainsi que le langage JavaScript pour augmenter l'interactivité de vos sites Web. 1) Les technologies du Web 2) La création de pages et de sites Web 3) Le HTML dynamique et le JavaScript 1) Les technologies du Web - Le fonctionnement du Web. Postes clients et serveurs. - Les protocoles Internet : HTTP, FTP, NNTP, SMTP, POP3. - Les sites Web : Intranet, Internet, Extranet, B2B, B2C. - Plateforme d'hébergement, navigateurs et langages. 2) La création de pages et de sites Web 4) La programmation Ajax 5) Les frameworks Ajax - Présentation et prise en main du studio Dreamweaver. - Création d'un site Web : choix techniques, compatibilité. - Description des langages HTML et XHTML. - Publication du site et maintenance du code. - Création d'un modèle de page. - Les feuilles de style CSS. Création de formulaires. Eléments. Méthodes GET/POST. - Construction de la charte graphique. Règles d'utilisabilité. - Accessibilité : la priorité 2 du WAC/W3C. - Intégration d'animations graphiques, de composants graphiques. Les plug-ins. L'inspecteur de tags. - Le rôle du JavaScript. Création dynamique de code JavaScript. - L'accès aux bases de données. Paramétrage d'une connexion ODBC. Consultation d'une base de données avec Dreamweaver. - Génération de tableaux dynamiques. Utilisation des tables pour des formulaires. - L'authentification utilisateur. Gestion des formulaires de login. Contrôle conditionnel d'accès aux pages. Création d'un espace de projet de site Web. Développement de pages XHTML, de CSS, de tableaux. Création de formulaire. Test de compatibilité XHTML et d'accessibilité. Reproduire une charte graphique fournie. Intégration de composants multimédias. Connexion à une base de données. 3) Le HTML dynamique et le JavaScript - Les types de navigateurs et la portabilité. - Les langages de scripts. Impact de JavaScript sur l'accessibilité. Importance de XHTML sur l'utilisation de JavaScript. - Méthode de développement JavaScript en équipe. - Positionnement et illustration des technologies DHTML. - Langage JavaScript : concepts de la programmation Objet. Syntaxe : types, variables, tableaux, itérations, fonctions... - Accès aux ressources du navigateur : plug-ins... - Manipulation de contenu de formulaires. Fonctions de validation. Evénements liés aux éléments de formulaire. - L'interaction avec les feuilles de style en cascade. CSS multiples, héritages multiples, règles de priorité. - Les blocs de texte, les calques et les couleurs. - Accès et modification des styles. - Outils pour manipuler les feuilles de style. - La structure XML. Les moyens de validation XML : DTD et XSD. Les parseurs XML et le DOM. Manipulation du DOM. - Les événements et données. Comment programmer des écouteurs d'événements? - Les traitements événementiels JavaScript. - Les redirections http. Gestion des cookies. Mise en œuvre des différentes fonctionnalités JavaScript. Conception de fonctions personnalisées contrôlant les activités de l'utilisateur. Manipulation de feuilles de style via JavaScript. Manipulation du DOM. Gestion d'événements sur les éléments du formulaire. 4) La programmation Ajax - Présentation d'asynchronous JavaScript And XML. Objectifs. Principes de fonctionnement. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 6

7 - Force du mix technologique Ajax/REST/Web Présentation Ajax (GMail, GMaps, Google Suggest...). - JavaScript Object Notation (JSON). Avantages et inconvénients. Objets, Arrays, syntaxe et parseur JSON. - Les traitements XML en JavaScript. Présentation XSLT et du langage XPath. Le format RSS. - La classe XMLHttpRequest. Créer un objet XMLHttpRequest. - Dialoguer en mode synchrone/asynchrone avec le serveur. - Les patterns Ajax. - Ajax et HTML 5. Nouveaux événements. - Sécuriser des échanges Ajax (cryptage, sessions...). Création d'une structure XML bien formée et validée. Mise en œuvre. Traitement XSLT. Utilisation de flux RSS. Création d'un formulaire de login. Remplissage dynamique d'un menu déroulant. Traitement de données RSS à partir de flux Ajax. Création en JavaScript d'une application de cartographie. 5) Les frameworks Ajax - Pourquoi utiliser les frameworks. - Les frameworks JavaScript. - Présentation et mise en oeuvre du framework jquery. - Les API Google : Google Search et Google Maps. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 7

8 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 2016 : 2680 HT Dates des sessions Paris 5 avr. 2016, 14 juin oct. 2016, 6 déc Bruxelles 4 avr. 2016, 20 juin 2016 Geneve 4 avr. 2016, 20 juin 2016 Luxembourg 4 avr. 2016, 20 juin 2016 Architectures et technologies du Web : synthèse et évolutions Best 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é. OBJECTIFS PEDAGOGIQUES Comprendre les concepts des technologies du Web Connaître les infrastructures et les services de base d'internet Découvrir les nouvelles technologies côté client et côté serveur Connaître les nouvelles architectures et leur sécurité 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é 10) Comprendre le Digital 1) Le système d'information - Rôle des applications intranet, Internet, Extranet dans le SI. - Nouvelle infrastructure. Evolution vers les architectures n-tiers. - Evolution vers le Cloud Computing. 2) Fonctionnement d'une infrastructure Internet - Architecture. Protocoles IP, IPv6, GeoIP. Adressage, ports applicatifs, DNS, routage. Qualité de service MPLS. - Impact du réseau sur les performances web. - 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. - Annuaires : concept. Gestion des utilisateurs, Whois, X.500. Protocole LDAP. LDIF. OpenLDAP, Domino. Critères de choix. - Moteurs de recherche : indexation, référencement, analyse du trafic, liens sponsorisés (Criteo, Adwords). - Outils collaboratifs : quels outils pour quels besoins? Portail, blog, wiki, bureautique en ligne... - Réseaux sociaux d'entreprise, les espaces collaboratifs, les CMS (SharePoint, Joomla, Drupal...). - Multimédia sur IP : image, son, vidéo à la demande, streaming. Diffusion multicast. IPTV. Protocole SIP, VoIP, H Le commerce électronique : principe. Les plateformes (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 : oauth, Active Card, Secure ID, biométrie... SSO, authentification 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. - Cryptographie : législation. Clé publique (PKI/EGC), certificat, signature électronique, SSL. Le tiers de confiance. - Obligations légales : CNIL, normes ISO 2700x. 5) Technologies côté client - Les navigateurs, leurs impacts. Les plug-ins. Les URI, le protocole HTTP. - Les langages HTML5, CSS3 et JavaScript. Les apports d'ecmascript 6. - Les API JavaScript HTML 5 (gestion de la persistance, accès aux ressources des terminaux...). - Les frameworks JavaScript (AngularJS, jquery...). ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 8

9 - Les spécificités des terminaux mobiles et des tablettes : taille écran, capacité mémoire, OS... - Impact des terminaux mobiles, tablettes, ordinateurs sur les interfaces web : le Responsive et le Material 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. - Les traitements XSLT. La publication avec XSL-FO. Les services Web. 6) Technologies côté serveur - Les architectures n-tiers. Les approches orientées composants. - L'architecture Java EE (JSF, JPA, EJB, JAX-RS...). Le framework Spring. - Le framework.net 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...). Serveurs JavaScript NodeJS. Hébergeurs. - Les serveurs d'applications. Service de présentation, d'objets distribués, d'administration... - L'offre commerciale : IBM WebSphere, Oracle Application Server... - L'offre Open Source : Tomcat, JBoss WildFly, 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 : réseaux haut débit. 3G, 4G. La VoIP sur LTE (VoLTE). - Réseaux haut débit. Réseaux privés sans fil. IP en environnement mobile. Terminaux nomades. La sécurité. - Les objets connectés. Les réseaux bas débit de l'iot : SigFox, LoRa... 10) Comprendre le Digital - Différence entre Numérique et Digital. - e-réputation et publication web. - Enjeux des données privées, règlementation européenne. - Impact du time to market sur les risques pour l'entreprise. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 9

10 Cours de synthèse de 3 jour(s) Réf : ACS Tout public de chefs de projets, décideurs informatiques, développeurs, responsables informatiques. Bonnes connaissances conceptuelles des archictures applicatives. Prix 2016 : 2190 HT Dates des sessions Paris 29 mar. 2016, 7 juin sep. 2016, 28 nov Conception d'architecture Web technologies, usages et impacts sur le SI OBJECTIFS Ce séminaire aborde l'état de l'art des technologies Xnet et de leurs implications sur les SI d'entreprise. Il apporte une synthèse complète, structurée et didactique des connaissances aujourd'hui indispensables en matière de conception d'architecture Web. Il analyse ses domaines d'application, évalue l'offre du marché, examine les démarches pratiques de mise en œuvre, en insistant sur les impacts technologiques, organisationnels et méthodologiques. 1) L'architecture des applications Web, état de l'art 2) Applications et composants côté client 3) Rôle d'xml dans l'architecture applicative 4) Développement des composants applicatifs 5) Espace de publication 1) L'architecture des applications Web, état de l'art 6) Espace de collaboration 7) Applications métiers 8) Impacts sur la sécurité du SI 9) Impacts sur la gestion des données de l'entreprise 10) Conception et démarche de mise en œuvre - Comprendre l'évolution et les enjeux des SI. - Les architectures Intra-Inter-Extra Net. - Le marché des clients. Les serveurs et la virtualisation. - Le client léger à tout prix? La mobilité a un prix mais répond à de nouveaux besoins. - Applications et composants côté client. 2) Applications et composants côté client - Les scripts Javascript... Les composants Java, JavaFX, SilverLight, ActiveX, plug-in. - Quelles limites pour le déploiement? - HTML, XHTML. Les limites du modèle HTML. Offre vectorielle (Flash, flex SVG). - Les formats Widgets, Gadgets, MicroFormats. - La mode Ajax et les frameworks de développement (Rialto, GWT, Yahoo, ASP.NET Ajax...). - Quelle frontière entre les composants Desktop (RDA) et Internet (RIA)? 3) Rôle d'xml dans l'architecture applicative - Présentation. Les moteurs de transformation XSLT et les parseurs XML. - Les services Web, leur connexion avec les applications existantes. - Les protocoles XML (SOAP, Oasis, XHTML, BPML...). - Impact XML sur les applications Web. Adoption de XML comme référentiel de métadonnées (DSML, XMI...). 4) Développement des composants applicatifs - Les scripts PHP, JSP, ASP. Les approches orientées composant (EJB de Sun, Microsoft.Net). - Les "Web services", standards (SOAP, WSDL...), développements (Microsoft.NET, Sun/ONE, IBM...). - Les offres de serveurs d'applications : WebSphere,.NET Enterprise Server, Oracle 9iAS, JBoss, Tomcat... - L'architecture.NET de Microsoft. - Mode de fonctionnement et implémentation (Framework, ASP.NET, Common Language Runtime...). - La plate-forme JEE. Le concept d'indépendance des plates-formes matérielles d'exécution. - Les frameworks Java en vogue (Spring, Hibernate, Struts). Les Design Patterns. 5) Espace de publication - Le Web, support de publication-diffusion. Les services : publication de documents et de données. - La recherche de documents. - Les technologies des moteurs : indexation "full-text", statistique, sémantique, linguistique. - Panorama des offres : Lucene, Verity, Convera... - La gestion de contenu (CMS). La prise en charge du cycle de vie et de validation du document. - Gestion de métadonnées XML, des habilitations, des workflows de validation, de la présentation... - Offres de CMS (SPIP, Alfresco, Joomla...). - Importance des nouvelles versions d'outils bureautiques orientées XML (Office 2007/OpenXML, Open Office/OPenDocument). - L'offre : Documentum, SharePoint, Autonomy... 6) Espace de collaboration - Les protocoles SMTP, POP3, IMPA4. Le protocole MIME. Les annuaires et le protocole LDAP. - L'ouverture des messageries vers le Net. L'avènement de la messagerie instantanée (Google, Yahoo, Skype). - Perspective en matière de gestion d'agenda partagé. Utilisation des messageries SMS et du Push Mail. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 10

11 - Les forums et les groupes de travail. Quels domaines applicatifs pour le travail collaboratif? Blog et Wiki. - Le workflow via le Net. Circulation de formulaires, suivi de processus et coordination de tâches. 7) Applications métiers - Le portail d'intégration. Syndication des sources de contenus et de services. - Les portails : point d'accès unique, personnalisation des services en fonction de l'utilisateur. - Les offres éditeurs : IBM, Documentum, Vignette, MediApps. L'open source : PHPnuke, SPIP, Jahia... - L'engouement pour la SOA et l'offre du marché. Tibco, Microsoft, BEA Systems, IBM, Web Methods... - Les enjeux véritables du concept de SOA. - Relation Client, Business Intelligence et DataWeb. 8) Impacts sur la sécurité du SI - La sécurité : avant tout une approche globale. Les nouveaux risques. Les moyens disponibles. - Le rôle de la sécurité dans la distribution des composants. - Mise en place d'une PKI et de certificats dans l'architecture Intranet. - Protocoles SSL, HTTPS. - Les solutions pour les applications de e-commerce. 9) Impacts sur la gestion des données de l'entreprise - Intégration des données de l'entreprise. - SGBD du marché : Oracle, SQL Server, PostgreSQL. - Interfaçage avec le Web. Evolution. Les bases de données XML natives (Tamino...). - Stockage multidimensionnel (M-OLAP, R-OLAP, H-OLAP). - Les familles d'outils client : requêteurs relationnels, EIS, Data Mining. - Comment gérer la volumétrie importante? - Les techniques de modélisation spécifiques. 10) Conception et démarche de mise en œuvre - L'ergonomie des applications. - L'accessibilité devient une obligation légale! - Les règles d'accessibilité, le label Accessiweb. - La charte d'ergonomie : rôle, contenu technique... - La charte graphique et l'utilisabilité. - Rôle de la maquette, comment la réaliser : quelles techniques de maquettage? - Les principes d'interaction à respecter, par quoi commencer, quelles sont les compétences à avoir? - Méthodologie du projet Web. Quelle méthodologie? - L'inventaire des sources documentaires, applicatives, décisionnelles. Conserver une cohérence globale de l'information. - Quels nouveaux services proposer? Déterminer les processus de validation et de sécurisation. Etablir le plan du site. - Quel recours à l'externalisation? Quels apports? Quelle réalité pour le "bureau virtuel"? ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 11

12 Cours de synthèse de 1 jour(s) Réf : JET Développeurs, chefs de projets et architectes. Aucune connaissance particulière. Prix 2016 : 900 HT JavaScript au cœur des architectures Web, état de l art Ce séminaire vous présentera l'importance du JavaScript dans les architectures orientées web et mobiles. Vous découvrirez différents frameworks de conception et solutions d'industrialisation du Front. Il vous aidera également à mieux comprendre l'impact du JavaScript sur l'organisation et la productivité des équipes. OBJECTIFS PEDAGOGIQUES Découvrir les solutions d'industrialisation du Front-End Découvrir les principaux Framework JavaScript et leurs impacts sur la conception d'applications Web Comprendre l'impact du JavaScript sur l'organisation et la productivité des équipes Web Maîtriser les architectures Web applicatives. Dates des sessions Paris 8 avr. 2016, 17 juin ) Evolution du JavaScript 2) Les outils du Front-End 3) Frameworks JavaScript et API HTML 5 4) JavaScript au service du Responsive 5) Traitements multithread 6) Protocoles de communication 7) Mode déconnecté 8) Sécurité 1) Evolution du JavaScript - Les langages Ecmascript. - Programmation et concepts Objet. - Evolution vers ECMAScript 6 : constructeurs, polymorphisme, fonctions, array, déclaration et portée de variables. - CoffeeScript et la programmation Objet renforcée, TypeScript, MetaScript. - Renforcement dans les OS (Windows 8...) et les navigateurs (Chrome...). 2) Les outils du Front-End - Présentation de Grunt et des traitements pour minifier CSS, JavaScript. - Gestion des packages avec Bower. - NPM et l'environnement collaboratif de composants. - Synchronisation navigateur/développements (Browsersync...). - Environnement de test avec NodeJS. - Les outils de débogage et de profiling. - Présentation de Chrome devtools (profiling mémoire, remote debug...). 3) Frameworks JavaScript et API HTML 5 - Frameworks de composants graphiques. - Frameworks de composants technique (jquery, prototype...). - Frameworks MVC clients Backbone, AngularJs, EmberJS. - Frameworks mobile (jquery Mobile, Sencha...). - Framework NodeJS (du JavaScript côté serveur). - API HTML 5 : graphisme et accès aux ressources des terminaux (gyroscope, rotation, caméra...). 4) JavaScript au service du Responsive - Importance de JavaScript dans le Responsive. - Gestion des images retina. - Contrôle des ressources disponibles et chargement dynamique. - Quel rôle attribuer au JavaScript et au design (HTML CSS)? Répartition des rôles. - Impact du Responsive sur la performance, solutions. 5) Traitements multithread - Les Webworkers, impact sur l'organisation logiciel et la construction de Framework. - Programmation asynchrone, solutions, organisation. 6) Protocoles de communication - Ajax 2, opportunité sur les échanges Client/Serveur. - Echange multi frame (PostMessage). - Websocket et opportunités (push...). - SOAP : point sur les appels client. - Solutions collaboratives et protocoles OT: sharejs, togetherjs... 7) Mode déconnecté - Mise en place d'une solution embarquée. - Gestion des chargements du cache (manifest et ses API). - Stockage de données : LocalStorage, SessionStorage, EmbededDB... ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 12

13 8) Sécurité - Sécurisation des codes JavaScript. - Protection XSS, CRSF. - Encodage et pratique de modification du DOM. - Stockage de données. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 13

14 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 2016 : 1950 HT Dates des sessions Paris 7 avr. 2016, 9 juin sep. 2016, 15 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, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 14

15 Stage pratique de 3 jour(s) Réf : NIW Toute personne désirant réaliser un site Web avec les technologies actuelles ou souhaitant disposer d'une culture Web concrète. Avoir une bonne connaissance de l'utilisation de son ordinateur. Savoir naviguer sur Internet et traiter des s. Prix 2016 : 1480 HT Dates des sessions Paris 1 fév. 2016, 4 avr juin 2016, 5 sep nov Aix 5 avr. 2016, 20 juin sep. 2016, 5 déc Bordeaux 25 avr. 2016, 27 juin sep. 2016, 12 déc Bruxelles 15 fév. 2016, 20 juin 2016 Geneve 15 fév. 2016, 20 juin 2016 Grenoble 5 avr. 2016, 20 juin sep. 2016, 5 déc Lille 5 avr. 2016, 20 juin sep. 2016, 5 déc Luxembourg 15 fév. 2016, 20 juin 2016 Lyon 5 avr. 2016, 20 juin sep. 2016, 5 déc Montpellier 25 avr. 2016, 27 juin sep. 2016, 12 déc Nantes 25 avr. 2016, 27 juin sep. 2016, 12 déc Rennes 25 avr. 2016, 27 juin sep. 2016, 12 déc Sophia-antipolis 5 avr. 2016, 20 juin sep. 2016, 5 déc Strasbourg 5 avr. 2016, 20 juin sep. 2016, 5 déc Toulouse 25 avr. 2016, 27 juin sep. 2016, 12 déc Réaliser un site Web, pour non-informaticiens Best OBJECTIFS Les sites Web sont omniprésents, voire incontournables, dans le paysage informatique professionnel et associatif. Ce stage vous montrera comment créer un site Web avec un outillage adapté à des noninformaticiens, l'installer et le mettre en ligne. 1) Le panorama d'un site Web 2) Le dialogue entre le client et le serveur 3) L'hébergement et le nom de domaine 4) Le référencement naturel 5) Exploitation et statistiques 6) La création du site 7) Les éditeurs de texte 8) Ecrire sa première page Web en HTML 9) Simplifier la création de site avec Blue Griffon 10) Intégrer des scripts Javascript Les exercices sont basés sur la construction d'un mini site Web. Les participants apprendront à concevoir, réaliser et installer leur site sur un serveur réel. 1) Le panorama d'un site Web - Qu'est-ce qu'un site Web? - Les différents types de site (forum, blog, achats en ligne, espace collaboratif). - Le contenu d'un site Web (textes, formulaires, tableaux, menus, liens hypertextes...). - Les contenus multimédias : images, vidéo, audio, animations Flash. - Exemples de pages HTML basiques et de navigation. - Les pages HTML statiques et les pages dynamiques. - Le rôle du navigateur (Internet Explorer, Firefox). - Quel est le rôle du serveur Web? Repérer les différents navigateurs sur son PC, rechercher des adresses IP ou des noms de domaines. 2) Le dialogue entre le client et le serveur - La notion de protocole. - Le protocole HTTP. - Déposer des fichiers sur un serveur distant avec FTP. - Mettre à jour un fichier avec FTP. 3) L'hébergement et le nom de domaine - Hébergement mutualisé vs dédié. - Choisir le nom de domaine. - Comment louer le nom de domaine. - L'hébergement DNS vs la redirection pour le nom de domaine. - Développer chez soi, mettre en place chez les autres. - Les différentes offres des hébergeurs (1and1, HostPapa, WebHostingPad, OVH...). - La qualité de service proposée. Parallèle entre le prix de l'hébergement et les fonctionnalités proposées. - La responsabilité du contenu diffusé. Le respect de la charte (nétiquette). Echanges S'assurer de la bonne compréhension de l'installation technique d'un site Web. Les éléments clés à prendre en compte lors du choix d'un hébergeur (tarifs, offres, fonctionnalités). 4) Le référencement naturel - Qu'est-ce que le référencement et le positionnement? - L'utilisation des mots-clés. - Les moteurs de recherche et les annuaires. - Bien déclarer son site Web sur les moteurs. Rechercher des mots-clés pertinents. Utilisation de Google Keyword Tool (AddWords). Vérifier le bon référencement de son site avec l'outil Google Webmaster ou un outil équivalent. 5) Exploitation et statistiques - Outils de statistiques, services offerts par son hébergeur, autres solutions (Google Analytics, Alexa, WebRankInfo...). - Connaître le trafic, les visiteurs, les navigateurs utilisés... - Identifier les contenus pertinents. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 15

16 - Outils d'administration de l'hébergement : CPanel ou autres outils propriétaires (OVH...). - Créer une sauvegarde de son site Web. - Comment effectuer la restauration. - La mise à jour d'un site (FileZilla, Net2Ftp...). Mettre en place des outils d'analyse. Découverte de l'outil CPanel. Créer une archive d'un site, supprimer puis restaurer ce site sur le serveur FTP. 6) La création du site - La conception et l'ergonomie. - Notions d'ergonomie. Rédiger pour le Web. Notion d'accessibilité. - Exemples de sites mal conçus. - Concevoir l'arborescence du site. - Création de la maquette, de la charte graphique et des images du site. Optimisation. - Les standards en vigueur (W3C). - Les vidéos (récupération, coupe, ajout de son). Concevoir l'organisation d'un site Web. 7) Les éditeurs de texte - Qu'est-ce qu'un éditeur de texte? - Les applications qui éditent directement en langage HTML/XHTML. - Les compétences requises pour les utiliser. - Les plus connus (Notepad++, UltraEdit, etc.). - Les éditeurs Wysiwyg. - Editer une page Web telle qu'elle apparaît dans les navigateurs courants. - Les plus utilisés (Adobe Dreamweaver, Blue Griffon...). - Présentation de Blue Griffon. 8) Ecrire sa première page Web en HTML - Présentation de l'html. - Le principe des balises et attributs HTML. - Mise en forme du texte et des paragraphes. - Les feuilles de style CSS. Trouver des éléments CSS sur Internet. - CSS3 / HTML5. Se familiariser avec le HTML. Ecrire une page avec insertion d'images. 9) Simplifier la création de site avec Blue Griffon - Installation et configuration de Blue Griffon. - Présentation de l'interface graphique de Blue Griffon. - Création et édition d'une page. - Manipuler du texte, des listes, des images, des tableaux, des liens hypertextes. - Mettre en place des formulaires. - Les feuilles de style. - Les modèles de pages Web. - La gestion de plusieurs sites. Création d'un formulaire à l'aide de Blue Griffon. 10) Intégrer des scripts Javascript - Qu'est-ce que le Javascript? - Etendre les possibilités du HTML grâce à Javascript. - Comment intégrer du Javascript dans une page Web? - La gestion des événements et le DOM. - Le déclenchement automatique des événements. - Comment trouver les scripts qui conviennent? Intégration de scripts dans une page. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 16

17 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 2016 : 2390 HT Dates des sessions Paris 23 fév. 2016, 15 mar avr. 2016, 24 mai juin 2016, 26 juil aoû. 2016, 6&20 sep oct. 2016, 15 nov déc Aix 1 mar. 2016, 7 juin sep. 2016, 15 déc Bordeaux 16 fév. 2016, 21 juin oct. 2016, 13 déc Bruxelles 21 mar. 2016, 28 juin sep Geneve 21 mar. 2016, 28 juin sep Grenoble 1 mar. 2016, 7 juin sep. 2016, 15 déc Lille 1 mar. 2016, 7 juin sep. 2016, 15 déc Luxembourg 21 mar. 2016, 28 juin sep Lyon 1 mar. 2016, 7 juin sep. 2016, 15 déc Montpellier 16 fév. 2016, 21 juin oct. 2016, 13 déc Nantes 16 fév. 2016, 21 juin oct. 2016, 13 déc Rennes 16 fév. 2016, 21 juin oct. 2016, 13 déc Sophia-antipolis 1 mar. 2016, 7 juin sep. 2016, 15 déc Strasbourg 1 mar. 2016, 7 juin sep. 2016, 15 déc Toulouse 16 fév. 2016, 21 juin oct. 2016, 13 déc 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, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 17

18 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, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 18

19 Stage pratique de 1 jour(s) Réf : TML Toutes les personnes désirant s'initier aux fondamentaux de la création de pages Web. Pratique courante d'internet. Prix 2016 : 870 HT Ce cours fait l'objet d'un accompagnement vidéo Dates des sessions Paris 25 mar. 2016, 24 juin sep. 2016, 25 nov HTML, initiation pratique acquérir les bases de la création d'une page Web Ce stage vous permettra d'acquérir les notions essentielles du langage HTML et de ses différentes versions : HTML, XHTML, HTML5. Vous apprendrez à structurer des documents au moyen des principales balises, à les valider et à les rendre accessibles. OBJECTIFS PEDAGOGIQUES Construire une structure de document HTML accessible et valide Maîtriser les balises sémantiques Créer un tableau Créer la structure d'un formulaire simple Comprendre l'importance de l'accessibilité au travers des référentiels AccessiWeb et WCAG 1) Présentation du langage HTML 2) La structure d'un document HTML 3) Le <head>, l'en-tête d'un document HTML 4) Le <body>, le corps d'un document HTML 5) L'affichage de données tabulaires 6) Les principales balises de formulaires 7) L'accessibilité numérique Méthodes pédagogiques Pratique du langage HTML dans un éditeur en mode texte (notepad++), audit de codes en ligne et découverte d'outils et de référentiels. Exercice Mise en oeuvre du langage HTML. 1) Présentation du langage HTML - Histoire de l'html. - Le XHTML et le HTML5. - Les trois types de balises : balises block, inline et métadonnées. - Le Doctype. Le mode quirks. La DTD. Démonstration Affichage du code source de pages HTML, XHTML, HTML5. Présentation du validateur WC3. 2) La structure d'un document HTML - Le <head>. Le <body>. - Les balises sémantiques et génériques. - Les attributs. Exercice Découverte de la structure type d'un document HTML et des balises qui le constituent. Construction de la structure de base d'un document. 3) Le <head>, l'en-tête d'un document HTML - La balise <title>. - Les <meta> " description " et " http-equiv ". - Les balises <link>, <script> et <style>. - L'encodage. Le type mime. Exercice Construction du <head> du document. Aperçu du <title> et du <méta> ", description d'une page HTML dans une page de résultat d'un moteur de recherche (Google). 4) Le <body>, le corps d'un document HTML - Les balises block : <h>, <p>, <ul>, <li>, <div>,... - Les balises inline : <a>, <img>, <span>,... - Le lien, l'attribut " alt ". - Autres balises sémantiques : <blockquote>, <cite>,... - Le commentaire HTML. Exercice Construction du corps du document avec plusieurs paragraphes, images, titres et une liste. Visualisation d'une page Web dans le cache d'un moteur de recherche (Google). 5) L'affichage de données tabulaires ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 19

20 - La balise <table>. - Les attributs " height ", " width " et " border ". - Les balises <tr>, <td>, <th>, <tbody>, <thead>, <tfoot>. - Les attributs " colspan " et " rowspan ". - Les attributs " scope " et " summary ". Exercice Réalisation d'une page avec un tableau simple à partir du modèle de page déjà constitué. 6) Les principales balises de formulaires - La balise <form>. - Les attributs " method " et " action ". - Les balises <label> et <input>. - Les attributs " name " et " id ". - Les attributs " accesskey " et " tabindex ". Exercice Réalisation d'un formulaire simple à partir du modèle de page déjà constitué. 7) L'accessibilité numérique - Définition de l'accessibilité. - Le cadre légal. Le référentiel AccessiWeb. - Les WCAG. Les outils d'audit. Exercice Audit d'une page Web à l'aide du service en ligne Wave et de l'extension Opquast. ORSYS, La Grande Arche, Paroi Nord, Paris La Défense cedex. Tél : +33 (0) Fax : +33(0) page 20