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/

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 110 6 Applications réseau 112 6.1 Navigateurs Web . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 122 6.5 Autres serveurs d’applications réseau . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 123 6.6 Autres clients d’applications réseau . . . . . . . . . . . . graphique . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 128 7.4 Applications graphiques . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

toujours basculer d'une architecture à l'autre plus tard; vos applications et vos bases fonctionneront toujours (sauf si vos applications font appels à certaines fonctionnalités des Services Manager encore ...) Client Firebird fbclient.dll (avec en option gds32. dll, pour utiliser les an- ciennes applications) \bin (avec en option une copie dans Windows System – voir la note en bas de ta- pas de notes de version dans votre kit d'installation, allez à la page de téléchargements du site web de Firebird http://firebird.sourceforge.net et récupérez une copie à partir de là. Si vous avez une

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 35 1.10 Complex Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 38 1.11 Advanced . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 41 1.12 Testing Click Applications . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 46 1.13 Utilities To get an understanding of what Click is all about, I strongly recommend looking at the Complex Applications chapter to see what it’s useful for. 1.1.1 Why not Argparse? Click is internally based on optparse

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 6.10 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes référence du langage PlantUML (1.2019.6) 82 / 173 6.11 Skinparam 6 DIAGRAMMES DE COMPOSANTS HTTP - [Web Server] << Apache >> @enduml @startuml [AA] <> [BB] <> [CC] <>

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 6.10 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes référence du langage PlantUML (1.2019.9) 82 / 173 6.11 Skinparam 6 DIAGRAMMES DE COMPOSANTS HTTP - [Web Server] << Apache >> @enduml @startuml [AA] <> [BB] <> [CC] <>

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 6.10 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes référence du langage PlantUML (1.2019.4) 82 / 167 6.11 Skinparam 6 DIAGRAMMES DE COMPOSANTS HTTP - [Web Server] << Apache >> @enduml @startuml [AA] <> [BB] <> [CC] <>

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 6.12 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes #777777 } () "Data Access" as DA DA - [First Component] [First Component] ..> () HTTP : use HTTP - [Web Server] << Apache >> Guide de référence du langage PlantUML (1.2020.22) 105 / 294 6.13 Skinparam

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 6.12 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes #777777 } () "Data Access" as DA DA - [First Component] [First Component] ..> () HTTP : use HTTP - [Web Server] << Apache >> Guide de référence du langage PlantUML (1.2020.23) 117 / 307 6.13 Skinparam

"Data Access" as DA DA - [First Component] [First Component] ..> HTTP : use note left of HTTP : Web Service only note right of [First Component] A note can also be on several lines end note @enduml Il est possible de spécifier une couleur après la définition du composant. @startuml component [Web Server] #Yellow @enduml 7.12 Sprites et stéréotypes Vous pouvez utiliser des sprites dans les stéréotypes #777777 } () "Data Access" as DA DA - [First Component] [First Component] ..> () HTTP : use HTTP - [Web Server] << Apache >> @enduml @startuml [AA] <> Guide de référence du langage PlantUML