3D Graphics for Dummies Significant content “borrowed” from Dan Chang @ Nintendo NTD “with permission” Chris Ryan CppCon 2021 github.com/ChrisR98008/CppCon20213 3D Graphics for Dummies4 3D Graphics Dummies5 3D Graphics for Dummies6 3D Graphics for Dummies7 3D Graphics for Dummies8 3D Graphics for Dummies9 3D Graphics for Dummies10 3D Graphics for Dummies11 3D Graphics for Dummies12 3D Graphics Graphics for Dummies13 3D Graphics for Dummies14 3D Graphics for Dummies15 3D Graphics for Dummies Winding / Right Hand Rule Fingers curled in the order of the points, thumb points up Counter clockwise

• diagrammes de cas d’utilisation • diagrammes de classes • diagrammes d’objet • diagrammes d’activité • diagrammes de composant • diagrammes de déploiement • diagrammes d’état • diagrammes de • maquettes d’interface graphique (salt) • diagrammes Archimate • diagrammes de langage de description et de spécification (SDL) • diagrammes ditaa • diagrammes de Gantt • diagrammes d’idées (mindmap) sont définis à l’aide d’un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence Créer des diagrammes de séquence avec PlantUML est remarquablement simple. Cette facilité d’utilisation

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 : : VueJS, Node.js, jQuery, AJAX, JSON, … • Déploiement et configuration Serveur • Webservices : REST vs SOAP • Sécurité : Technologies, prévention des risques courants • (Responsive) Web Design • (Syndication Contenu, activités • Cours théorique • 2 Projets – frameworks : Laravel, Django, Vue.js (ouvert à d’autres propositions) – Groupes de 3, 30h1 par personne et par projet – Présentation de 20min • Workshops

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 • Pour un site web, ces services sont fournis par https – HTTPS : HTTP sécurisé par SSL/TLS, par défaut sur le port 443 1 Secure Socket Layer –> Transport Layer Security • Conçu par Netscape (v2.0 couches transport et application – Pas besoin de modifier la pile TCP/IP • Possibilité de sécuriser d’autres protocoles : – HTTP, SMTP, SIP, … • Services offerts : – Authentification serveur + intégrité

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 Incite au respect des principes S.O.L.I.D3 • Gratuit et opensource (Licence MIT) Historique • Projet initié en 2011 par Taylor Otwell4 • Basé sur des composants d’autres frameworks • Mai 2013 : version Extensible par 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 :

• diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet • diagrammes de déploiement • diagrammes de temps temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description Language (SDL) • diagrammes Ditaa • diagrammes Structure diagram • notation mathématique avec AsciiMath ou JLaTeXMath Les diagrammes sont définis à l'aide d'un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence 1.1 Exemples

• diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet • diagrammes de déploiement • diagrammes de temps temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description Language (SDL) • diagrammes Ditaa • diagrammes diagrammes de Gantt • notation mathématique avec AsciiMath ou JLaTeXMath Les diagrammes sont définis à l'aide d'un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence 1.1 Exemples

• diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet • diagrammes de déploiement • diagrammes de temps temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description Language (SDL) • diagrammes Ditaa • diagrammes diagrammes de Gantt • notation mathématique avec AsciiMath ou JLaTeXMath Les diagrammes sont définis à l'aide d'un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence 1.1 Exemples

• diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet • diagrammes de déploiement • diagrammes de temps temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description Language (SDL) • diagrammes Ditaa • diagrammes diagrammes de Gantt • notation mathématique avec AsciiMath ou JLaTeXMath Les diagrammes sont définis à l'aide d'un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence 1.1 Exemples

• diagrammes de cas d'utilisation • diagrammes de classes • diagrammes d'activité • diagrammes de composant • diagrammes d'état • diagrammes d'objet • diagrammes de déploiement • diagrammes de temps temps Certains autres diagrammes (hors UML) sont aussi possibles: • maquette d'interface graphique • diagrammes Archimate • Specification and Description Language (SDL) • diagrammes Ditaa • diagrammes Structure diagram • notation mathématique avec AsciiMath ou JLaTeXMath Les diagrammes sont définis à l'aide d'un langage simple et intuitif. 1 DIAGRAMME DE SÉQUENCE 1 Diagramme de séquence 1.1 Exemples