multimedialab: webdesign: sites statiques ou dynamiques.

Une navigation attentive permet de distinguer des sites web de natures différentes, tant du point de vue des principes éditoriaux et des services que du point de vue des technologies employées.
Deux particularités, essentielles et distinctes, vont nous permettre d'approfondir encore notre compréhension du fonctionnement "client-serveur" propre aux consultations de sites distants.

Il s'agit d'une part des sites dits "statiques", c'est-à-dire dont l'affichage et le comportement sont constants et fixes (quel que soit le niveau d'interactivité offert), et de l'autre des sites "dynamiques", dont l'affichage et le comportement se modifie d'une consultation à l'autre, selon des critères propres à tel utilisateur, à telle machine ou encore à tel type de requête à l'aide de formulaires. Son contenu n'est pas figé.

Site statique.

Les pages "statiques"sont conçues à l'aide d'un éditeur HTML et envoyés sur le serveur.
Toute modification ou mise à jour de ce type de pages se fera obligatoirement à l'aide d'un éditeur HTML.
Multimedialab.be est un site de ce type.

static

Site dynamique.

Un site "dynamique" est par contre conçu directement en ligne. Après avoir envoyé sur le serveur l'ensemble des outils qui constituent la carcasse du site, l'administrateur du site le configure et l'alimente à l'aide d'un navigateur ordinaire, en dialoguant avec son outil placé sur le serveur. L'administrateur gère son site en ligne, via une série de formulaire et d'options, par une partie "privée", composée de pages auxquelles lui seul a accès. Tandis que le visiteur accède au site par la partie "publique".

Derrière cette configuration se cache une base de données qui peut alimenter les pages "en temps-réel" selon les requêtes du visiteur. On pourrait qualifier le site dynamique d' "intelligent". En effet, il bénéficie d'une programmation qui lui permet de réagir aux requêtes en interrogeant sans cesse la base de données, pour y choisir ce qu'il doit afficher. Par exemple: ce type de site peut vous identifier, vous proposer des contenus particuliers en fonction de vos visites précédentes, etc.

La programmation qui rend possible ce type de configuration est l'association entre le langage le PHP et MySQL qui gère la base de données.

dynamic

Quelques exemples de sites et d'outils dynamiques.

La rapidité accrue du flux a permis sur quelques mois un développement surprenant de nouveaux outils CMS (Content Management Systems - Systèmes de Gestion de Contenus) tels que SPIP, ou de blogs comme DotClear, WordPress, TextPattern, Blogger, etc.

En savoir plus: CMS (Content Management Systems - Systèmes de gestion de contenus).

En savoir plus: Blogs.

Les forums, tels que miniBB, ou encore PunBB (voir i-Cult) sont également des outils dynamiques.
Ces deux-ci sont particulièremment légers à monter. PhpBB est plus lourd à configurer.

En savoir plus: Forums.

Un internaute lambda peut désormais se configurer assez facilement un espace personnel au sein d'une communauté (My Space Music, Flickr, Del.icio.us, LastFM...). Il peut également collaborer à des projets communautaires (Wikipédia...)

En savoir plus: Communautés.

En savoir plus: Wikis.

Espaces personnels.

Sur les quelques exemples de tests ou d'espaces personnels qui suivent, il est particulièrement intéressant d'examiner le fonctionnement des services offerts, tous configurables via des formulaires divers alimentant une base de données sur laquelle les informations sont ensuite mises en relation (de manière souvent complexe):

http://www.flickr.com/photos/marcwathieu/
http://www.last.fm/user/marcwathieu/
http://del.icio.us/marcwathieu
http://www.myspace.com/45571862

http://flickr.com/people/yhancik/
http://www.last.fm/user/yhancik/
http://del.icio.us/yhancik
http://yhancik.deviantart.com/

http://www.myspace.com/themashmusic
http://www.myspace.com/thestrokes
http://www.myspace.com/wearesoldout

Serveur web mon ami. Un article décrivant une configuration statique sur Uzine.

Et si je le veux dynamique mon site ? Un article sur Uzine.

Site statique, site dynamique. Un article de Stéphane Noël sur Maguzine.

Site statique-site dynamique : le match. Un article sur Le Journal du Net.

Open source CMS. Infos sur les systèmes dynamiques de publication.

Framasoft. Liste de forum libres.

L'explosion du "Web Content Management". Un article sur Veblog, le blog de Vincent Ménard.

Content management : promesses et réalité. Un article sur Veblog, le blog de Vincent Ménard.



	Introduction. Réseau, URL et serveur. Hypertexte. Présentation/contenu séparés. Optimisation d'images. Outils et premiers pas. Grilles & charte graphiques. Standards W3 et validation. Formulaires. Sites statiques ou dynamiques. Le choix de Flash. Pratiques spécifiques. Tests, publication et suivi. HTML. DHTML. CSS. XHTML. Javascript. Navigateurs & plugins. Dreamweaver MX. Fireworks MX. Flash MX. SPIP. Le site de l'Erg (École de Recherche Graphique) à Bruxelles, a été modelé à l'aide de SPIP, un logiciel libre permettant une gestion collective du site. Chaque professeur publie des galeries de travaux, des articles, etc. via un simple navigateur et un accès à sa partie "administrateur". Le lien ci-dessus ouvre le site tel qu'il est vu par les visiteurs, dans sa partie publique. La partie "privée" destinée à l'administration du site nécessite un login et un mot de passe. En entrant dans cette partie, je vous ferai une petite visite guidée des outils disponibles
Une navigation attentive permet de distinguer des sites web de natures différentes, tant du point de vue des principes éditoriaux et des services que du point de vue des technologies employées. Deux particularités, essentielles et distinctes, vont nous permettre d'approfondir encore notre compréhension du fonctionnement "client-serveur" propre aux consultations de sites distants. Il s'agit d'une part des sites dits "statiques", c'est-à-dire dont l'affichage et le comportement sont constants et fixes (quel que soit le niveau d'interactivité offert), et de l'autre des sites "dynamiques", dont l'affichage et le comportement se modifie d'une consultation à l'autre, selon des critères propres à tel utilisateur, à telle machine ou encore à tel type de requête à l'aide de formulaires. Son contenu n'est pas figé. Site statique. Les pages "statiques"sont conçues à l'aide d'un éditeur HTML et envoyés sur le serveur. Toute modification ou mise à jour de ce type de pages se fera obligatoirement à l'aide d'un éditeur HTML. Multimedialab.be est un site de ce type. Site dynamique. Un site "dynamique" est par contre conçu directement en ligne. Après avoir envoyé sur le serveur l'ensemble des outils qui constituent la carcasse du site, l'administrateur du site le configure et l'alimente à l'aide d'un navigateur ordinaire, en dialoguant avec son outil placé sur le serveur. L'administrateur gère son site en ligne, via une série de formulaire et d'options, par une partie "privée", composée de pages auxquelles lui seul a accès. Tandis que le visiteur accède au site par la partie "publique". Derrière cette configuration se cache une base de données qui peut alimenter les pages "en temps-réel" selon les requêtes du visiteur. On pourrait qualifier le site dynamique d' "intelligent". En effet, il bénéficie d'une programmation qui lui permet de réagir aux requêtes en interrogeant sans cesse la base de données, pour y choisir ce qu'il doit afficher. Par exemple: ce type de site peut vous identifier, vous proposer des contenus particuliers en fonction de vos visites précédentes, etc. La programmation qui rend possible ce type de configuration est l'association entre le langage le PHP et MySQL qui gère la base de données. Quelques exemples de sites et d'outils dynamiques. La rapidité accrue du flux a permis sur quelques mois un développement surprenant de nouveaux outils CMS (Content Management Systems - Systèmes de Gestion de Contenus) tels que SPIP, ou de blogs comme DotClear, WordPress, TextPattern, Blogger, etc. En savoir plus: CMS (Content Management Systems - Systèmes de gestion de contenus). En savoir plus: Blogs. Les forums, tels que miniBB, ou encore PunBB (voir i-Cult) sont également des outils dynamiques. Ces deux-ci sont particulièremment légers à monter. PhpBB est plus lourd à configurer. En savoir plus: Forums. Un internaute lambda peut désormais se configurer assez facilement un espace personnel au sein d'une communauté (My Space Music, Flickr, Del.icio.us, LastFM...). Il peut également collaborer à des projets communautaires (Wikipédia...) En savoir plus: Communautés. En savoir plus: Wikis. Espaces personnels. Sur les quelques exemples de tests ou d'espaces personnels qui suivent, il est particulièrement intéressant d'examiner le fonctionnement des services offerts, tous configurables via des formulaires divers alimentant une base de données sur laquelle les informations sont ensuite mises en relation (de manière souvent complexe): http://www.flickr.com/photos/marcwathieu/ http://www.last.fm/user/marcwathieu/ http://del.icio.us/marcwathieu http://www.myspace.com/45571862 http://flickr.com/people/yhancik/ http://www.last.fm/user/yhancik/ http://del.icio.us/yhancik http://yhancik.deviantart.com/ http://www.myspace.com/themashmusic http://www.myspace.com/thestrokes http://www.myspace.com/wearesoldout Serveur web mon ami. Un article décrivant une configuration statique sur Uzine. Et si je le veux dynamique mon site ? Un article sur Uzine. Site statique, site dynamique. Un article de Stéphane Noël sur Maguzine. Site statique-site dynamique : le match. Un article sur Le Journal du Net. Open source CMS. Infos sur les systèmes dynamiques de publication. Framasoft. Liste de forum libres. L'explosion du "Web Content Management". Un article sur Veblog, le blog de Vincent Ménard. Content management : promesses et réalité. Un article sur Veblog, le blog de Vincent Ménard.
M'écrire - Newsletter - À propos de ce site