partager partager

Esthétique du lien numérique

2 - WebObjet

2.3 Le cadre technique de réalisation et de publication de WebObjet

État au 15 août 2007

Pour la définition des termes techniques, se reporter au glossaire en fin de mémoire.

webobjet est « work in progress », il est donc très évolutif et absolument pas homogène. Au moment de la rédaction de ce mémoire, il a déjà presque un an, mais rien ne laisse présager de ses développements futurs. Il va donc évoluer techniquement au grè des évolutions du Web. Il utilise différents formats et technologies selon les rubriques ou les pages, selon les médias, et selon la présentation. En fait, toute possibilité technique du Web peut être utilisée à un moment ou à un autre.

Le langage de base est naturellement le HTML :

Le « Hypertext Markup Language » est le langage informatique conçu pour écrire des pages Web et pour créer de l’hypertexte. Il permet de structurer « sémantiquement » des données et de mettre en page le contenu de la page, d’inclure des médias, comme images, sons, vidéos, fichiers joints, des formulaires de saisie, et des applets (voir « JAVA » dans le glossaire). Il répond à la tache originelle de l’Internet, celle pour laquelle le réseau a été créé : faire communiquer ensemble avec un langage commun des ordinateurs parlant des langes différents. On peut lui adjoindre des langages de programmation comme JavaScript et des feuilles de style en cascade (CSS).

Hétérogénéioté de WebObjet :

On peut considérer qu’il y a deux catégories de pages sur WebObjet, les pages dynamiques, c’est-à-dire qui tirent leur contenu d’une base de données, et les pages statiques, traditionnelles, que je place sur le serveur et que je relie au reste du site par des liens hypertextes.

— Une page statique, est une page HTML. C’est un fichier qui contient le code HTML standard et le contenu que doit afficher la page

Une page dynamique est une sorte de partenariat. Une page type qui contient une structuration simple des données, une hiérarchie. Un document appelé « feuille de style » explique quels styles doivent s’appliquer à quels éléments. Les données sont quant à elles stockées dans une base de données et appelées au moment de l’appel de la page par le navigateur. Une page-type, plus le style, plus les données, sont alors assemblées pour créer une page particulière. Une seule page type peut donc en principe générer un site entier, puisque les pages particulières sont créées à la volée.

Description de la partie dynamique (mise à jour quotidienne) :

- Serveur Apache -> Base de données MysQl -> Langage PHP -> Logiciel SPIP -> webobjet C’est à dire, une configuration « libre » (voir le glossaire).

- Apache [1]

- MySQL [2]

- PHP [3]

- SPIP [4]

- SPIPClear [5]

- Plug-in [6]

La partie non dynamique de WebObjet (élément spécifique) :

Le site est aussi constitué de page HTML statiques structurées sur ce modèle :

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
<html>
<head>
 <title>
 Le titre
 </title>
</head>
<body>
 Une phrase <a href="cible.html">un lien</a>.
 <p>
 Un paragraphe
 </p>
</body>
</html>

Le site contient de nombreux Médias :

- Les vidéos sont en mpg4 encapsulées en FLV pour la partie BLOG
- Le son est en Mp3
- Les images sont en GIF, JPG, ou PNG
- Les animations en boucle sont en GIF

Il se pourrait très bien qu’il y ait des portions en Flash, si c’est indispensable, même si ce n’est pas la vocation de webobjet d’utiliser un format propriétaire. Tout au long de cette première année, Flash a été totalement inutile.

Cet exposé du cadre technique de webobjet est très succinct. C’est à la fois le fait d’une volonté d’orienter la recherche sur l’esthétique et sur le sens des formes plutôt que sur la technique, mais c’est aussi le fait d’une caractéristique du Web qui impose l’usage de techniques communes développées collectivement. Ce qui fait que ce « cadre technique » est en fait la page blanche de l’écrivain, ou la toile tendue du peintre, espace standard qui permet pourtant l’expression, sans qu’il soit nécessaire de s’appesantir sur ses caractéristiques. L’internet est par essence un langage standard de communication, et doit donc être utilisé tel qu’il est. Ceux qui ont tenté de réaliser du Web-Art avec des langages exotiques ou personnels, en plus de s’engoncer dans un contresens grave, sont tout simplement balayés par la normalisation. Leurs œuvres n’apparaissent plus, tout simplement.

Notes

[1] Le logiciel Apache HTTP Server, souvent appelé Apache, est un serveur HTTP produit par l’Apache Software Foundation. C’est le serveur HTTP le plus populaire du Web. C’est un logiciel libre avec un type spécifique de licence, nommée licence Apache.

[2] MySQL est un serveur de bases de données relationnelles libre aux performances élevées. Il est multi-thread, multi-utilisateur. C’est un logiciel libre développé sous double licence en fonction de l’utilisation qui en est faite : dans un produit libre (open source) ou dans un produit propriétaire.

[3] PHP le langage des parties dynamiques du site (acronyme récursif “PHP” : “Hypertext Preprocessor”). Libre et gratuit, le langage PHP est un langage de programmation web côté serveur. C’est donc le serveur (la machine qui héberge le site) qui va interpréter le code PHP et générer du code qui pourra être interprété par un logiciel. Le couplage avec Apache permet de récupérer des informations issues de la base de données MysQl.

[4] SPIP (Système de Publication pour l’Internet) est un logiciel libre sous la licence GNU/GPL destiné à la production de sites Web, de type système de gestion de contenu (SGC, en anglais CMS pour Content Management System) orienté magazine collaboratif, inspiré des métiers de l’édition. Ce logiciel est largement utilisé par des réseaux de personnes, des institutions publiques ou privées. La partie SPIP est utilisée pour la publication quotidienne. J’utilise SPIP dans le cadre professionnel depuis sa version 1.3, qui date de 2003. J’ai donc une longue expérience de ce logiciel, ce qui me permet de nombreuses adaptations, manipulations, transformations. Le site WebObjet utilise la version 1.9 de ce logiciel. Cette version a intégré un système de Plug-in qui permet d’ajouter des fonctionnalités avancées développées par des utilisateurs. Spip a la particularité de réaliser la mise en forme du site avec des pages HTML classiques appelées « squelettes ». Ces squelettes, répondant à différentes physionomies possibles de site Internet, sont réalisés par des utilisateurs et distribués librement sous licence libre. Ceci permet de mettre en forme très rapidement un site selon une structure standardisée, comme « webzine », « blog » ou « port-folio ». Je réalise en général moi-même mes squelettes, comme pour WebObjet, et j’ai réalisé de nombreux squelettes SPIP pour de nombreux sites, mais pour réaliser la partie Blog de WebObjet, il fallait que je « rentre dans le moule », et il était bien plus rapide d’adapter un squelette déjà existant et intégrant l’ensemble des fonctionnalités d’un blog.

[5] SPIPClear Est le squelette de Blog pour SPIP que j’ai modifié et adapté à mon usage.

[6] Plug-In : certaines fonctionnalités, dont la gestion de certains médias, sont gérées par des plug-ins dont voici la liste : Lecteur multimédia en Flash (MP3, flv) Version : 0.6. Auteur : BoOz, Cédric, Iago (francois.vachon@iago.ca), erational. Mini Calendrier (pour le Blog)Version : 0.2. Auteur : James (james.at.rezo.net) © 2006 — Licence GNU/GPL. Thickbox (javascript d’affichage d’image) Version : 0.1. Auteur : Thickbox par Cody Lindley, mis en plug-in par Fil (l’un des développeurs historiques de SPIP).