140 likes | 233 Views
Les technologies des sites dynamiques. Les limites du HTML (RAPPELS). Contenu et contenant sont mêlés fond et forme sur le même document Peu d’interactivité native besoin de javascript, CSS, DHTML , … Pages HTML statiques mises à jour fastidieuses qui nécessitent de réécrire le code
E N D
Les limites du HTML (RAPPELS) • Contenu et contenant sont mêlés • fond et forme sur le même document • Peu d’interactivité native • besoin de javascript, CSS, DHTML,… • Pages HTML statiques • mises à jour fastidieuses qui nécessitent de réécrire le code • client FTP • Nécessite un navigateur Internet sur un ordinateur • quid de la mobilité : PDA, GSM, palm...
1ère solution : JAVASCRIPT et DHTML (et AJAX) • A ne pas confondre avec JAVA • Netscape et SUN (1995) • Intégration du code Javascript dans le code HTML • Le Javascript est exécuté par le navigateur : • langage interprété (<> compilé) • Plusieurs versions (1.0 à 1.3) • Dynamique HTML (DHTML) = CSS + Javascript
2ème solution : les sites dynamiques Architecture 3 Tiers : Client - Serveur WEB & Serveur d’Application - SGBD Strate client Strate application Strate données BD INTERNET Utilisateur Serveur / service d’application Serveur WEB CLIENT SGBD
Principes des sites dynamiques • Le serveur WEB (http) envoie les pages générées au format HTML et réceptionne les requêtes du client • Le serveur d’application est un logiciel qui traite les pages qui contiennent des scripts ou des balises coté serveur et assure la relation avec la SGBD. • Les données sont stockées dans une BD gérée par un SGBD
Avantages des sites dynamiques • Interactivité accrue avec l’internaute • Partage de l’information et traitement de l’information • Personnalisation de l’interface selon le profil de l’internaute • Fond et forme séparés • Mises à jour plus aisées
Architectures des sites dynamiques 3-tiers Les principales solutions : • Open Source / LAMP = Linux Apache Mysql PHP • Le « marketing » Microsoft • Sun et le « monde java » • Les autres, histoire de ne pas les oublier
1. LAMP, puissance & simplicité adaptées au web • LAMP : Open Source leader sur le WEB • Linux (Système d’exploitation) • APACHE (Serveur HTTP) => près de 66,5 % des serveurs WEB (2006) • MySQL (SGBD) • PHP • PHP en statistiques : • près de 40 % des sites web dynamique en France (01 Informatique Nov 2003) • En 2006, 34,8% des sites dans le monde • 55 % des grandes entreprises françaises • 78 % des entreprises FR du CAC 40 utilisent cette technologie
La composante « PHP » de LAMP • Pesonnal Home Page - Hypertexte Preprocessor • 1994 par Rasmus Lerdorf • Issu du monde Libre et Open Source • Moteur ZEND Engine (applicatif) • PHP 5 depuis août 2004 • Une véritable alternative professionnelle • Framework ZEND • PHP 6 prochainement
2. Le « marketing » Microsoft • Serveur HTTP : IIS (Internet Information Server) • Une version basique fournie avec Windows 2000 ou XP • IIS : 29% des serveurs web (2006) • Un langage de script spécifique : ASP • Active Server Page • Un environnement complet : .NET (dot net) • Un SGBD fiable : • SQL Server 2005 (Précédente version 2000) • une version express gratuite (Cf. site de MS ) • Une version standard à 3500 / 4000 € ht environ
3. le monde JAVA (Cf. SUN) • Serveurs HTTP : TOMCAT (projet de la fondation Apache) et de nombreux Open Source et des propriétaires • SUN : J2EE JSE / JEE • IBM websphere • BEA Weblogic • Un langage de script : JSP • Un SGBD au choix : • Open Source (Mysql, Postgresql,…) • MS SQL Server, Oracle 10i,… • Pour en savoir plus : cf. le site de SUN
4. Les autres histoires de ne pas les oublier… • Server Coldfusion (.CFM) • Éditeur Allaire racheté par Macromedia • Scripts CGI (Common Gateway Interface) • PERL • Langage C • Ruby on Rails (Framework)
Des technos à suivre… • Ajax (Asynchronous Javascript and XML) • xHTML + CSS + javascript + XML • Exemple : www.progx.org puis bibliothèque • Igoogle • … • Les clients « riches » / « Rich media » : • Flash/Flex… • …
HTML 5 • Une nouvelle version du HTML / XHTML à venir • http://fr.wikipedia.org/wiki/HTML_5 • http://www.alsacreations.com/article/lire/750-HTML5-nouveautes.html • http://bbxdesign.com/2009/06/08/introduction-au-html-5/