La mise en place du Kit

mardi 24 janvier 2006
popularité : 1%

Le Kit

Sur son intranet, le CNRS, ou plutôt son équipe de communication, publie les "kits labos" http://intranet.cnrs.fr/harmonisati...

Ces kits sont composés de :

  • jeux d’icones pour les différentes parties du site
  • les modèles HTML pour chaque page
    • sommaire
    • rubriques navigation a droite, a gauche
    • popups
    • nouvelle fenêtre
  • les menus javascripts [1]
  • les kits d’impression

Ces kits sont composés des mêmes éléments mais dans des tonalités différentes.

On possède donc ainsi le fond de page et la bibliothèque d’icones.

Installation : Etape 1

Récupérer le kit de la branche dans laquelle on se trouve.

Mais ca... je vous laisse le faire :

wget le_kit_qui_va_bien_aller_avec_mon_departement.zip
unzip le_kit_qui_va_bien_aller_avec_mon_departement.zip

SPIP

Etape 2

Et si on y mettait un peu du spip dedans ???

Installer SPIP.
Pour cela :

  • Trouver votre directeur de labo
  • le convaincre de refaire le site du laboratoire
  • contacter la personne chargée des déclarations auprès de la CNIL
  • faire la déclaration du site Web
  • convaincre l’ASR d’installer apache/ php / mysql sur un serveur
  • télécharger la dernière version de spip
  • lancer l’install...

Ca y est ?
bon...

Etape 3

Remplir la structure.

Voici quelques conseils :

  1. les maquettes CNRS ont un menu à gauche de la page en "position absolute" Au dela de 5 voire 6 rubriques il faudra reprendre la mise en page. Il faut donc limiter le nombre de rubriques affichées en premier niveau à ce nombre.
  2. Le systeme SPIP attribue des numeros d’ordre à tous ses objets : rubriques, articles, breves, auteurs, mots clefs etc... Il faut en tirer partie dans ses boucles : Gardez en réserve la premiere rubrique pour une rubrique d’administration et les premiers auteurs pour des comptes administrateurs.

Donc :

  • Rubrique 1 : Administration, cette rubrique ne sera pas affichée dans l’arborescence du site, elle servira a stocker des données pour la mise en page des maquettes.
    • Rubrique 1-1 : Affiliations rubrique contenant des sites pour l’affichage en haut à gauche
    • Rubrique 1-2 : meme chose pour les 3 liens en haut à droite.
    • Rubrique 1-3 : Un seul article appelé "META" contenant une serie de meta tags pour l’entete de la page d’accueil.
    • Rubrique 1-4 : Les Bandeaux. La charte graphique comporte un bandeau qui change... L’idée est de stocker une série d’articles qui changeront à chaque rechargement de la page.
    • Rubrique 1-5 : Présentation : un seul article qui servira a afficher un mot sur l’unité, ou son adresse.
  • Rubrique 2 : Rubrique Les Equipes
    • Rubrique 2-1 : la premiere equipe
    • Rubrique 2-2 : la seconde etc...
  • Rubrique 3 : Les pages d’accueils contenant une rubrique par personne :
    • Rubrique 3-1 : Nom Prenom
    • Rubrique 3-2 : Nom Prenom etc...
  • Rubrique 4 : Projets
  • Rubrique 5 : Autres
    • Rubrique 5-1 : Actualités
    • Rubrique 5-2 : Agenda
    • Rubrique 5-3 : Liens

Voilà une structure qui se tient...


Les Maquettes

Nous allons reprendre l’une après l’autre les maquettes du kit pour les modifier en y implémentant les boucles SPIP.

Nous aurons ainsi besoin des pages :

 Sommaire
 Menu déroulant en javascript
 article
 rubrique
 breve
 auteur

Ces pages seront les pages génériques utilisées s’il n’existe rien de plus approprié. En effet, SPIP cherche dans ses squelettes les cas particuliers avant de prendre le modèle général. Par exemple :

J’affiche l’article 15 situé dans la rubrique 12, elle même dans la rubrique 5, cette derniere étant à la racine du site.

Spip recherchera séquentiellement : un squelette article=15.html, article-12.html, article-5.html et article.html.

Nous allons utiliser cette séquence pour dériver des modèles de page différents.

Donc il nous faudra :
 1 Rubrique particulière pour l’affichage des Home pages. Il ne sert a rien de lister tous les membres du labo selon le modèle générique qui se contenterait d’afficher une série de sous rubriques.
 1 Rubrique particulière pour les équipes. Il serait bon qu’outre le thème de l’équipe on y trouve aussi ses membres.
 1 Rubrique particulière pour l’agenda : Il faut afficher les évènements futurs, pas les évènements finis
 1 Rubrique particulière pour les actus. Elles doivent être triées par date inverse.
 1 Rubrique particulière pour les liens, peut être...
 1 Article spécial Homepage (nous verrons pourquoi plus tard).

Enfin, tout n’est pas réalisable avec uniquement ce système de rubricage. Il faut utiliser une "navigation croisée" ne serait ce que pour lier les personnes avec leurs équipes respectives. Il faut s’appuyer sur les mots clefs.


Les mots clefs : Navigation Transverse

  1. Groupe de mots clefs : Equipe
    1. premiere equipe
    2. deuxieme equipe
    3. Troisieme etc...
  1. Groupe de mots clefs : Grades
    1. Directeur de Recherches
    2. Chargé de Recherches
    3. Ingénieur de Recherches
    4. etc... Postdocs, étudiants...
  1. Groupe de mots clefs : Structure
    1. Pagination
    2. Homepage

En ajoutant un mot clef première équipe à la fois aux rubriques correspondantes dans les thématiques et les pages d’accueil, on obtient un lien n->n. chaque thématique pourra être peuplée de ses membres.

En ajoutant un mot clef du groupe Grades dans chaque "home Page" il sera facile de dériver un organigramme de l’unité.


La mise en oeuvre

C’est bien joli les discours, mais concrêtement...
Comment démarrer ?
Comment adapter un site existant ?

Je ne vais pas dire que c’est facile. C’est long, il faut entrer les données.

Prenons le cas où vous démarrez un nouveau site Web d’unité, AVEC SPIP :

  1. vous téléchargez SPIP sur www.spip.net/fr et vous l’’ installez
  2. une fois configuré, vous recupérez ceci :

Cette archive est un "dump" spip. Il faut la placer dans le répertoire ecrire/data.

  1. depuis l’interface d’administration cliquez sur :
  • Configuration du site => Restauration.
    ATTENTION CELA DETRUIRA LE CONTENU DE VOTRE BASE SPIP DEJA INSTALLEE. NE FAITES CELA QUE SUR UNE COQUILLE VIDE
  1. La restauration terminée, reconnectez vous

    login : admin
    passwd : kitcnrs

Nous voilà devant le rubricage décrit ici.

Il vous reste à intégrer vos données :

  • Modifier l’article 1 pour présenter votre labo
  • Modifier l’article 2 pour intégrer vos Meta Tags
  • Modifier les mots cles du groupe equipe avec les titres de vos equipes / departements
  • Modifier les rubriques du secteur equipes de la meme facon
  • ecrire une page de présentation par equipe
  • Creer les auteurs, 1 par membre du labo.
    • modifier les pages d’accueil Nom prenom vers les correspondances
    • Attribuer chaque page accueil a son auteur.

L’étape suivante concerne la forme du site public, le jeu de maquettes.

Nous allons traiter page par page chaque maquette et ses spécificités.


Le Starter Kit comprenant fonctions et squelettes de base :


[1le menu déroulant à gauche


Navigation

Mots-clés de l’article

Agenda

Array Array

<<

2019

>>

<<

Mai

>>

Aujourd’hui

LuMaMeJeVeSaDi
293012345
6789101112
13141516171819
20212223242526
272829303112