09.Services Web 19 décembre 2023 Développement web il3 Services web HE-Arc (DGR) 2022 Applications distribuées • Motivation : répartir l’exécution sur plusieurs machines – Principe : Les composants/services abstraction différences – Exemples : RPC, RMI (java), CORBA, DCOM (MS) • Utiliser les technologies du web, comme HTTP et XML : – indépendantes de la plateforme, éprouvées, largement utilisées • Système distribué rvices 1 Service web • 2 visions : – Utiliser les technos web pour développer des applis distribuées – Accès pour une application aux services offerts aux humains • Service web = webapp pour une autre

08.RSS 19 décembre 2023 Développement web il3 Really Simple Syndication HE-Arc (DGR) 2022 Syndication • Principe de vendre un contenu à plusieurs médias • Dans les journaux : dépêches, bandes dessinées dessinées, … • Télévision : jeux, séries • Web : Flux RSS / Atom – 1 source de donnée, plusieurs abonnés – Contenu : news, blogs, podcast, … – Accès unique à plusieurs sources d’informations – Mises à jour neuf versions de RSS généralement incompatibles entre elles. Lire The myth of RSS compatibility1 Applications • Récupérer l’info pour : – la lire – la réutiliser sur un site • News • Notification : activité

11. HTTPS 19 décembre 2023 Développement web il3 HTTPS HE-Arc (DGR) 2022 Sécuriser un site web • Authentification du serveur – Assurer que le serveur est celui qu’il prétend être • Intégrité des Authentification du client (optionnelle) – Assurer que le client est celui qu’il prétend être • Pour un site web, ces services sont fournis par https – HTTPS : HTTP sécurisé par SSL/TLS, par défaut sur le port 443

07.jQuery 19 décembre 2023 Développement web il3 jQuery HE-Arc (DGR) 2022 jQuery • John Resig, 2006 • Bibliothèque JS, gratuit, OS (licence MIT) • Facilite le développement JS pour les tâches fréquentes

03.Laravel 19 décembre 2023 Développement web il3 Laravel HE-Arc (DGR & R. Emourgeon) 2018-23 Pourquoi Laravel1 ? • Framework full stack / glue • Prise en main rapide • Bonne documentation, grande packages8 (bundles) via composer Le Front Controller Architecture MVC • Structure d’une appli web = cycle Requête/Reponse9 • Modèle : Eloquent ORM • Vue : Blade Engine • Contrôleur : hérite de BaseController

10.Responsive Web Design 19 décembre 2023 Développement web il3 Responsive Web Design Conception de sites web adaptatifs HE-Arc (DGR) 2022 Site adaptatif ? • Surfer depuis : PC, mobiles, tablettes Souvent basé sur la largeur de l’écran • CSS3 • Responsive Web Design (1), Exemple1 1https://alistapart.github.io/code-samples/responsive-web-design/ex/ex-site-FINAL.html 1 Techniques • Media queries viewport et media queries23 – D’autres techniques, liste de Smashing magazine (2) – Améliorer la performance24 – Making sites more responsive, responsibly25 13https://sparkbox.github.io/mediaQueryBookmarklet/

01.Cours devweb 19 décembre 2023 Développement web ISC3-il Présentation du cours HE-Arc 2023/24 DGR et YBL Programme • Frameworks MVC : Laravel, Django, … • HTML5 : vue d’ensemble • Javascript : Webservices : REST vs SOAP • Sécurité : Technologies, prévention des risques courants • (Responsive) Web Design • (Syndication : RSS, Atom) • Vos souhaits ? Contenu, activités • Cours théorique • 2 Projets partage fichiers : teams7 Projets • Faire pour apprendre • Les rôles dans une équipe de développement web, workflow • Ne pas réinventer la roue ou tout faire soi-même • Critères d’évaluation d’un projet •

05.JavaScript & DOM 19 décembre 2023 Développement web il3 JavaScript & DOM HE-Arc (DGR) 2022 JavaScript hier • Page web = HTML (+ CSS + JavaScript) • Exécuté par le browser (client) • Interprété Netscape 2 (1995, Brendan Eich) – Petites applications exécutées par le navigateur – DHTML : rollovers, validation de formulaires, … JavaScript aujourd’hui • Page web = HTML + CSS + JavaScript • Compilation compilateurs : emscripten1, WebAssembly2 • Embarqué : Espruino3, robotique : Node Bots4, CylonJS5 • Applications Desktop : Electron6, sciter7 *Script • ECMAScript : Norme depuis 1997 – Juin 2023 : ECMA-262

5 19 décembre 2023 Développement web il3 HTML5 HE-Arc 2023 DGR Exemples • Vue d’ensemble : slides1 Google 2011 ( sources2 ) – Obslolète : quota, web sql : Web Storage, application cache : Service pour LACIS • Plein d’exemples – html5 rocks!5 => web.dev6 – Chrome Experiments7 – MDN8 – html5 demos9 – plus de demos ?10 1https://web.archive.org/web/20140320042652/http://slides.html5rocks.com 2https://github io/clmtrackr/examples/facesubstitution.html 5https://www.html5rocks.com/ 6https://developers.google.com/web/ 7https://www.chromeexperiments.com/ 8https://developer.mozilla.org/en-US/demos/tag/tech:html5 9https://html5demos

12. Risques applicatifs 19 décembre 2023 Développement web il3 Risques applicatifs des app web HE-Arc (DGR) 2022 Risque • Faille ou bug permettant d’altérer le fonctionnement • Un attaquant pourra – OS, serveurs, langages : patches rapidement disponibles – nos applications : c’est nous qui en sommes responsables OWASP1 • Open Web Application Security Project 1https://owasp.org/ 1 • Fondation 2004, internationale, sans but lucratif • Référence principale dans le domaine • Propose : – Top 10 (web et mobile2) : Méthode3, CVSS4, CWE5 – Grande communauté d’experts – Formation, documentation et ressources