Chapitre 17

Une entreprise est une entité privée pilotée par un comité de direction. Mais les choses ne sont
jamais simples. L’objectif statutaire d’une entreprise est la création de bénéfi ces. Cela suppose de
transmettre une image de sérieux pour établir la confi ance des clients actuels et futurs. Ce sérieux
doit également se refl éter par le site Web de l’entreprise en sorte que les clients qui viennent le visiter
aient immédiatement confi rmation qu’ils ont fait le bon choix. Transmettre une image de professionnalisme via le site Web de l’entreprise occupe des milliers d’agences de création Web.
Le template conçu par Andy Miller constitue un outil pour véhiculer de telles valeurs d’entreprise
auprès des clients.

17.2.1 À propos d’Andy Miller et de son projet

Andy Miller est programmeur et concepteur Web. Il a plus de10 ans d’expérience dans la création
d’applications Web destinées aux professionnels.
Il fait partie de l’équipe de développement Joomla!, et faisait déjà partie de celle de Mambo. Ses responsabilités au sein de Joomla! concernent surtout l’interface utilisateur, l’aspect visuel et l’acces sibilité.

Andy peut donc se prévaloir d’une connaissance approfondie de Joomla!, notamment dans le domaine
de la création des templates. Tous les templates standard de Mambo et de Joomla!, pour la partie
publique et la partie administrative sont passés entre ses mains (son nom d’utilisateur est rhuk).
Par ailleurs, Andy a fondé la société RocketTheme (http://www.rockettheme.com) qui propose à ses
clients de leur fournir de nouveaux templates sous forme d’abonnement mensuel et d’intégrer une
communauté d’utilisateurs pour faire évoluer les templates existants. Ses forums de discussion sont
accessibles aux non-abonnés.

Son template nommé Versatility II est une évolution du template Versatility qui a bénéfi cié d’une
sérieuse optimisation technique. Vous disposez par exemple de 15 positions de modules (ils ne sont
tous visibles sur le site que si les modules correspondants sont installés). Cette structure riche donne
toute la souplesse à ce template.

Figure 17.2 Le template Versatility II de Andy Miller.

Vous disposez de quatre options au niveau des menus dans ce template :

• SplitMenu ;
• SuckerFish ;
• menu déroulant drop-down ;
• menu SuperSucker.

De plus, des systèmes de menus spécifiques ou conçus par d’autres programmeurs peuvent aisément
être intégrés. La Figure 17.3 montre l’interaction avec le système de menus standard de Joomla!.
Les visiteurs du site Web peuvent choisir parmi trois largeurs pour le template Versatility II.
Il en va de même pour la taille des caractères du template pour lequel trois tailles différentes peuvent
être sélectionnées par les visiteurs.

Figure 17.3 Un système de menus dans Versatility II.

L’acronyme ONG se dit en anglais NGO (Non Governmental Organization) et désigne les organisations
non gouvernementales, c’est-à-dire des entités réunissant des individus dans le cadre d’une
action humanitaire ou culturelle à but non lucratif. Au sens large, les syndicats, les associations
sportives ou culturelles sont également des ONG. Une association conforme à la loi 1901 à but non
lucratif entre dans ce périmètre.

Le designer Tom Bohacek a comme mission de proposer à d’autres professionnels et à des entreprises
de les aider à résoudre des problèmes de communication au moyen des technologies modernes.
Il a décidé d’utiliser Joomla! pour une raison très simple, comme il le dit lui-même :
« Parce que c’est avec cet outil que j’ai le plus de liberté pour concrétiser mes idées. »
Laissons donc Tom nous présenter son template.

17.1.1 Un template de « connaissance mondiale »

« Au départ, j’ai eu l’idée de concevoir un template capable de s’adapter aux fréquentes évolutions
des contenus et aux nombreuses sources d’information que doit souvent gérer une ONG.

Figure 17.1 Le modèle NGO.

C’est ainsi que j’ai imaginé le concept de connaissances du monde ONG. J’ai cherché à trouver
comment gérer et valoriser des trésors de connaissances culturelles.

17.1.2 Approche visuelle

Me remémorant la phrase de Goethe comme quoi « Ce qui est gris n’est que de la théorie », j’ai
choisi un assortiment de couleurs agréables rappelant le parchemin et les bibliothèques, c’est-à-dire
la connaissance. J’ai mis en valeur les éléments importants et les aides à la navigation en bleu
turquoise. Cette couleur contrastante incarne bien le concept de connaissances. La même teinte est
reprise pour la couverture du livre de la demoiselle en haut à droite.

De nombreuses ONG étant actives dans des contextes multiculturels, j’ai pris soin de ne pas
charger la présentation pour donner plus de chances à des individus de cultures différentes de s’y
retrouver vite.

Au niveau des textes, j’ai opté pour la famille de polices Helvetica. Elle revient à la mode, non seulement
suite à la vague d’enthousiasme pour le Web 2.0, mais aussi parce que c’est une police lisible
qui inspire le sérieux. De plus, elle est disponible sur quasiment toutes les machines.

17.1.3 Approche structurelle

La mise en page du site présente quatre parties. La partie d’en-tête, la barre de navigation et les deux
sections de contenu. Dans ces dernières aboutissent les articles, une section destinée à recevoir les
images, des informations et des liens appropriés au contexte courant.

Il n’y a pas de sous-niveaux dans les menus de la colonne gauche. Il est cependant possible d’y
insérer plusieurs sections de navigation (par exemple Présent et Futur). Pour bien transmettre l’esprit
de l’association concernée, nous proposons un accès direct à une page qui en présente les détails au
format d’un article ou d’un blog. Tous les niveaux inférieurs d’informations sont rendus accessibles
par des liens contextuels, soit à côté du corps des articles, soit directement dans l’article. Cela garantit
une structure de navigation cohérente, tout en permettant d’offrir une bonne dynamique d’affichage
des articles individuels. »

Tom Bohacek (http://www.bohacek.de)

Après avoir découvert dans les chapitres précédents comment concevoir des composants, des modules, des plugins, des templates et même un site Web complet, vous avez certainement envie de créer vos propres templates. Remercions Alex Kempkens qui a supervisé la création des deux templates que nous vous proposons de découvrir.

Nous avons cherché à sélectionner des templates signifi catifs dans deux domaines d’application
importants.
Les vainqueurs de notre sélection rigoureuse sont les deux templates suivants :

• un template pour association ou organisation non gouvernementale de Tom Bohacek ;
• un template pour entreprise de Andy Miller.

Tout en rédigeant le Chapitre 16, le projet de site d’un viticulteur s’est étoffé au point d’avoir entraîné
la création de nouveaux templates :

• deux templates conçus par Ruth Prantz destinés à un négociant en vin du Languedoc.

Le Chapitre 16 a présenté la création et l’exploitation de ces deux templates.