Home

Stage JJ Blanc IAAI spip dgeri 2004

Contents

1. fichier requete REQUEST URI fichier requete strtr fichier requete amp fichier requete eregi replace amp submit valider PHPSESSID var_ amp lrecalcul amp fichier requete fichier cache generer nom fichier cache fichier requete chemin cache CACHE fichier cache use cache utiliser cache chemin cache delais ecraser cache false cache supprimes Array if use cache OR defined _ ECRIRE INC META CACHE include ecrire inc meta php3 Authentification if HTTP_COOKIE_VARS spip_session OR PHP_AUTH_USER l ignore auth http include ecrire inc session php3 verifier visiteur Ajouter un forum if ajout_forum include local inc forum php3 CETE M diterran e IAAI Ao t 2004 AND 72 prototyge d un site web avec l outil Spip ajout _forum if use cache lastmodified time if lastmodified lire meta date purge cache gt 3600 ecrire meta date purge cache lastmodified f fopen CACHE purge w fclose f Recalculer le cache calculer cache true Gestion chapo ne pas cacher si l URL d un article est demande avant sa publication une seule requete deux usages if id_ article intval id article query SELECT chapo FROM spip articles WHERE id_article id_article AND statut publie result spip_q
2. fond recherche delais 0 include inc public php3 gt ix recents php3 lt php fichier php utilis pour la page sur les derni res nouveaut s du site CETE M diterran e IAAI Ao t 2004 81 prototyge d un site web avec l outil Spip fond recents delais 2 3600 include inc public php3 gt x backend php3 lt php fichier php utilis pour la syndication fond backend delais 0 cette ligne empeche l affichage des boutons d administration flag_preserver true header Content type text xml include inc public php3 gt CETE M diterran e IAAI Ao t 2004 82 prototyge d un site web avec l outil Spip 3 fichiers HTML i sommaire html lt IDOCTYPE HTML PUBLIC W3C DTD HTML 401 Transitional EN http www w3 org TR html4 loose dtd gt lt html lang LANG gt lt l fichier html pour la page d acceuil du site 2 gt lt head gt lt title gt NOM_SITE_SPIP lt title gt lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt lt media permet de ne pas utiliser ce style sous
3. lt head gt CETE M diterran e IAAI Ao t 2004 86 prototyge d un site web avec l outil Spip lt body bgcolor white dir LANG DIR gt lt br gt lt h3 align center gt lt a href http intra cete mediterranee 12 gt lt img sre IMG bandeau gif gt lt a gt lt h3 gt lt Plan du site gt lt div id plan class contenu gt lt Logo SPIP gt lt a href http www spip net gt lt img src NAVPICS equip gif alt lt site realise avec spip gt gt lt a gt lt BOUCLE_ secteurs RUBRIQUES racine par titre gt lt div class plan secteur gt LOGO RUBRIQUE eft lt h1 gt lt a href URL RUBRIQUE couleur gt TITRE supprimer numero lt a gt lt h1 gt lt div class encart gt lt Breves gt lt lt h2 class structure gt lt breves gt lt h2 gt lt B_breves gt lt div class menu gt lt div class breves gt lt div class menu titre gt lt breves gt lt div gt lt ul gt lt BOUCLE breves BREVES id secteur par date inverse 0 15 gt lt li class menu item gt lt i gt DATE affdate court lt 1 gt lt a href URL BREVE gt TITRE lt a gt lt li gt lt BOUCLE breves gt lt ul gt lt div gt lt div gt lt B_breves gt a lt Sur le Web gt lt h2 class structure gt lt sites web gt lt h2 gt lt B_sites gt lt div class menu gt lt div class divers gt
4. result spip _query query unset fichiers while row spip fetch array result fichier rowl fichier if file_exists CACHE Sfichier fichiers fichier if fichiers query DELETE FROM spip forum cache WHERE fichier IN join fichiers spip_query query if use cache AND file exists CACHE purge if timeout purge cache dir CACHE dechex time 3600 amp 0xF unlink CACHE purge spip_log purge cache niveau 1 dir f fopen CACHE purge2 w fclose f include local inc cache php3 purger _repertoire dir 14 24 3600 Archivage des statistiques du site public CETE M diterran e IAAI Ao t 2004 77 prototyge d un site web avec l outil Spip if lire_meta activer_statistiques non if timeout false false no lock no action Conditions declenchant un eventuel calcul des stats if lire_meta calculer_referers_now oui OR date Y m d lt gt lire meta date_statistiques OR time lire meta date stats popularite gt 1800 include local inc stats php3 archiver_stats Gerer l indexation automatique if lire_meta activer_moteur oui fichier_index ecrire data index if db ok AND id article OR id auteur OR id breve OR id mot OR id rubrique include ecrire inc_index php3 s if id_article AND deja_indexe
5. lt BOUCLE auteurs un AUTEURS id article gt NOM lt BOUCLE auteurs un gt lt div gt CETE M diterran e IAAI Ao t 2004 101 prototyge d un site web avec l outil Spip lt div class texte gt lt div class extrait gt INTRODUCTION lt div gt lt div gt lt br gt lt BOUCLE article un gt lt div class encart gt lt Inscription au site gt lt div class formulaire gt lt participer_ site gt lt p gt FORMULAIRE_ INSCRIPTION lt div gt lt div gt lt h1 class structure gt lt articles recents gt lt h1 gt lt Articles recents gt lt BOUCLE articles recents ARTICLES par date inverse 2 5 gt lt h2 gt lt a href URL ARTICLE Ttitle DESCRIPTIFItextebrutlentites html class texte couleur gt TITRE supprimer_ numero lt a gt lt h2 gt lt div class detail gt DATE nom jour DATE affdate lt B_ auteurs recents gt lt par auteur gt lt BOUCLE auteurs recents AUTEURS id article gt ANOM lt BOUCLE auteurs recents gt lt div gt lt br gt lt BOUCLE articles recents gt lt div gt lt body gt lt html gt vi recherche html lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN http www w3 org TR htmld loose dtd gt lt html lang LANG gt lt fichier html pour le moteur de recherche gt lt head gt CETE M diterran e IAAI Ao t 2004 102 prototyge d un site web avec l outi
6. 3 Leste publics eesi ee R E 25 4 Structure d un site r alis avec DID msn nes 26 CETE M diterran e IAAI Ao t 2004 3 prototyge d un site web avec l outil Spip 5 Fonctionnalit s avanc e S sanse adm nca nent AESA 27 IV R alisation du DE O OMR ne num run mn te 31 A Param trage du site et principes du d veloppement avec SPIP sil 1 Organisation des dossiers et fichiers l installation de SPIP 31 2 LC A aet grure en ai main E E 32 D PS fichiers USE DUR a ne ae ee D nan 32 4 Les teules SUR a dr nous 33 5 Les fichiers PHP et HIM Griene eon eine hameau 34 B D veloppements sp cifiques pour le prototype de TET s ssssssssssssssssssrssesssssersseesees 37 l Pr sentation des DADE See ni mains 37 2 Syndication AS COMMON nn nn don nn 37 3 NEWwSlettET nmmnenamanmmmennnanomenDahan 38 4 Gestondesdroits d ACCES n uonaenatendinishenteen indie 39 V Utilisation du prototype de site web DGERI TET scann s 40 A Contexte orsanmsanonnel s ssudnnnnemhatdenieuenoine 40 B gt CU utilisation ne dm aanias nee dan E 40 l Acc sau site web etau Contenir e nra EEA and en atatesnt 40 2 Cr ation et gestion de contenu ssssseseessessrsseesstsseesttsstsstsstessesstsstessesstesesseesetse 42 3 Validation du conten sisanne E a i e SES 44 4 A CMAMSTATION rss dei a e A E saunas ER AaS 44 VE Premier bilam t D TSD C NES nada anna annee ut 47 A Objectifs atteints setsi E A 47 B Lep
7. CETE M diterran e IAAI Ao t 2004 border 0 class texte 87 prototyge d un site web avec l outil Spip lt div class menu titre gt lt sur_web gt lt div gt lt ul gt lt BOUCLE sites SITES id secteur par nom site gt lt li class menu item gt lt a href URL_ SITE class texte couleur gt ANOM_SITE lt a gt lt li gt lt BOUCLE sites gt lt ul gt lt div gt lt div gt lt B_sites gt lt div gt lt Articles et sous rubriques gt lt h2 class structure gt lt articles gt lt h2 gt lt B_ articles racine gt lt ul class plan articles gt lt BOUCLE articles racine ARTICLES id rubrique par titre gt lt li class plan article gt lt a href URL_ ARTICLE class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE articles racine gt lt ul gt lt B_articles_racine gt lt B_rubriques gt lt ul class plan rubriques gt lt br gt lt BOUCLE rubriques RUBRIQUES id_parent par titre gt lt li gt lt div class plan rubrique gt lt a href URL RUBRIQUE class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_articles gt lt ul class plan articles gt lt BOUCLE articles ARTICLES id rubrique par titre gt lt li class plan article gt lt a href URL_ARTICLE gt TITRE supprimer_numero lt a gt lt l gt lt BOUCLE articles gt lt ul gt lt
8. Ses clients se r partissent de la fa on suivante 5 4 E Etat 43 m DDE DRE O Collectivit s o Para Public m Priv B Autres Figure 1 R partition de la client le du CETE Mediterran e Le CETE M diterran e est organis par domaines de comp tences Il est compos de e 4 d partements Habitat Am nagement Construction Environnement DHACE Informatique DI Gestion Exploitation Route Intelligente DGERI Infrastructures S curit Transports et Ouvrages d Art DISTOA e 2 laboratoires le laboratoire r gional des Ponts et Chauss es d Aix en Provence le laboratoire de Nice e Une agence Languedoc Roussillon ALR correspondant territorial pour le Languedoc Roussillon e Des services g n raux charg s du fonctionnement interne du CETE un service ressources humaines un service administratif et financier un service informatique interne un service patrimoine et moyens g n raux un service communication et un service documentation Nous allons maintenant voir plus pr cis ment le service dont je faisais partie le DGERI CETE M diterran e IAAI Ao t 2004 7 prototyge d un site web avec l outil Spip 3 Le d partement DGERI Le champ d activit du D partement Gestion Exploitation Route Intelligente DGERI comprend plusieurs domaines Exploitation de trafic Viabilit Plan de gestion de trafic Gestion de trafic en temps r el Information Routi re Information multimodale Sy
9. charg l adresse suivante http httpd apache org download cei Apr s l avoir t l charg il suffit de double cliquer sur le fichier apache 1 3 29 win32 x86 no src exe pour d marrer l installation Nous arrivons sur une premi re fen tre importante H Apache HTTP Server Installation Wizard X Server Information Please enter your server s information Network Domain e g somenet com keyes ath cx Server Name e g www somenet com keyes ath cx Administrator s Email Address e g webmaster somenet com lwebmaster keyes ath cx Install Apache HTTP Server programs and shortcuts to Run as a service for All Users Recommended O Run when started manually only For me Figure 2 Installation du seveur Apache CETE M diterran e IAAI Ao t 2004 17 prototyge d un site web avec l outil Spip Le premier champ Network Domain repr sente le nom de domaine de notre serveur Comme il est install en local sur ma machine on crit donc localhost Ensuite on indique le nom du serveur dans Server Name Pour les m mes raisons il faut inscrire localhost Dans le dernier champ Administrator s Email Adress on indique notre adresse mail On laisse l option Run as a service for All Users s lectionn Il est d cid pour des raisons pratiques d installer tout ce qui touche au serveur dans un m me r pertoire Je change donc le chemin de l installation d Apache en C s
10. fond SINSECURE delais exit if lisset delais delais 1 3600 function t s global t0 t1 t1 explode microtime dt floor 1000 t1 0 t1 1 tO 0 t0 1 1000 echo lt p gt if s echo lt b gt s lt b gt echo dt secondes lt p gt n t0 t1 Fi Inclusions de squelettes function inclure_fichier fond delais contexte_inclus fichier_requete fond if is_array contexte_inclus reset contexte_inclus while list key val each contexte inclus fichier_requete amp key val fichier cache generer nom fichier cache fichier requete chemin cache CACHE Sfichier_ cache use cache utiliser cache chemin cache delais if use cache include local inc calcul php3 timer_a explode microtime fond chercher squelette fond contexte inclus id rubrique page calculer page fond contexte inclus timer_b explode microtime if Spage timer ceil 1000 timer b 0 timer b 1 timer a 0 timer a 1 CETE M diterran e IAAI Ao t 2004 71 prototyge d un site web avec l outil Spip taille ceil strlen page 1024 spip_log inclus timer ms chemin cache taille ko delai delais s a chemin cache ecrire fichier cache chemin cache page j return chemin cache Gestion du cache et calcul de la page
11. plan site gt lt a gt lt li gt lt li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt lt li class menu item gt lt a href article php3 id_article 49 class texte couleur gt Bulletin d infos lt a gt lt li gt lt ul gt lt div gt lt Formulaire de recherche gt lt FORMULAIRE_RECHERCHE gt lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche size 30 maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt lt Menu de navigation rubriques gt lt B_rubriques gt lt div class menu gt lt ul class rubriques gt lt BOUCLE_rubriques RUBRIQUES racine par titre gt lt li gt lt div class menu titre gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_sous rubriques gt lt ul class menu liste gt lt BOUCLE sous rubriques RUBRIQUES id parent par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE sous rubriques gt lt ul gt lt B_sous rubriques gt lt li gt lt BOUCLE rubriques gt lt ul gt lt div
12. s dans SPIP c est dire non pas aux intra ou inter nautes mais aux r dacteurs validateurs administrateurs au sens de SPIP Pour faire simple compte tenu que la gestion de la newsletter du prototype sera une t che assez l g re nous proposons qu elle soit faite la main par l un des membres du service qu il reste d signer Nous avons donc d velopp une petite fonctionnalit qui permet un utilisateur d envoyer par e mail une demande d abonnement la newsletter avec ses coordonn es au gestionnaire de la lettre qui envoie ensuite p riodiquement selon le nouveau contenu un message aux abonn s sur les nouveaut s du site TET et ventuellement d autres informations ajout es manuellement L inscription la newsletter se fait directement partir d une rubrique du site L utilisateur n a qu compl ter un mail pr rempli et nous le renvoyer Il est demand aux nouveaux inscrits de laisser leurs coordonn es ce qui permettra de discerner les diff rents profils d utilisateurs fr quentant le site L ensemble des adresses e mail est rassembl dans une mailing list CETE M diterran e IAAI Ao t 2004 38 prototyge d un site web avec l outil Spip La personne en charge d envoyer la newsletter peut choisir le degr de nouveaut s partir duquel un article fera partie de la newsletter n envoyer que les articles datant de moins d une semaine Une page HTML est a
13. 1em line height 1 4em font size 90 Jiste articles margin top lem margin bottom 1em clear left font size 90 contenu forum repondre font family Verdana Arial Helvetica sans serif text align left font size 90 font weight bold margin top 0 6em CETE M diterran e IAAI Ao t 2004 55 prototyge d un site web avec l outil Spip Di iti l col h isposition a l ecran colonnes encarts cartouches gi principal position absolute left 30 left 18em top 0px margin 0px padding 0px margin right 2em margin right 3 margin top 1 5em plan position absolute left 2em top 0px margin 0px padding 0px margin right 2em margin top 2em navigation position absolute left 0px top 0px width 24 width 14em padding 0px margin 0px margin left 1 8em margin left 3 margin top 1 5em encart float right width 14em width 34 margin left 4 margin left 2em margin top 1em margin bottom 0em margin right 0px CETE M diterran e IAAI Ao t 2004 prototyge d un site web avec l outil Spip cartouche padding top 1em border top 2px solid 404040 margin bottom 0em font size 90 cartouche spip logos margin left Opx padding left 0px margin right 0 8em Habillage du plan du site 7 plan secteur margin top 0em margin bottom
14. 3em clear right plan secteur h1 display block border 5px solid 6495ED margin 0px padding 8px font size 150 font weight bold text align center plan rubriques clear left display block list style none plan rubrique display inline border 1px solid a0a0a0 padding 3px font weight bold plan articles CETE M diterran e IAAI Ao t 2004 57 prototyge d un site web avec l outil Spip clear left margin top 0 5em margin bottom 1em list style square Eclaircissement progressif des rubriques en fonction de la profondeur ul plan rubrique border 3px solid 6495ED ul ul plan rubrique border 2px solid 6495ED ul ul ul plan rubrique border 1px solid 6495ED Habillage des forums gi ul forum total display block padding 0px margin 0px list style none forum fil margin top 3em forum fil ul display block margin 0px margin left 2em padding 0px list style none forum titre font weight bold font size 120 forum item margin 0px padding 1em padding top 0 5em padding bottom 0em CETE M diterran e IAAI Ao t 2004 58 prototyge d un site web avec l outil Spip text align justify color 303030 font size 80 forum repondre message text align right Boite d un forum eclaircissement progressif des bords ul forum border 1px solid 9090
15. B_articles gt lt BOUCLE sous rubriques BOUCLE rubriques gt lt BOUCLE sous rubriques gt CETE M diterran e IAAI Ao t 2004 88 prototyge d un site web avec l outil Spip lt li gt lt BOUCLE rubriques gt lt ul gt lt B_rubriques gt lt div gt lt BOUCLE_ secteurs gt lt Formulaire administrateur gt FORMULAIRE _ADMIN lt div gt lt body gt lt html gt iii rubrique html lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 http www w3 org TR html4 loose dtd gt lt BOUCLE rubrique principal RUBRIQUES id_rubrique gt lt html lang LANG gt lt fichier html pour les rubriques s gt lt head gt lt title gt TITRE textebrut supprimer_numero lt title gt Transitional EN lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt lt media permet de ne pas utiliser ce style sous Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media projection screen tv gt lt media print permet d utiliser cette feuille de style quand vous imprimez depuis votre navigateur gt CETE M dit
16. Monsieur Tullio Tanzi mon responsable d option qui aura donn beaucoup de lui m me pour que cette promotion 2004 arrive bon port Je remercie galement Mr Bruno Ponchie mon tuteur de stage pour l cole qui a fait plusieurs reprises de longs d placements pour venir nous voir en personne au CETE et suivre l volution du stage Je pense sinc rement que l enseignement qui m a t donn me sera profitable dans ma future carri re professionnelle Ce rapport marquant tr s probablement la fin de mes tudes je souhaite galement remercier l ensemble des tudiants de l IAA I Du d but la fin l ambiance a toujours t bonne entre nous Je m y suis fais des amis et ils y sont pour beaucoup si je parviens au bout de cette aventure CETE M diterran e IAAI Ao t 2004 5 prototyge d un site web avec l outil Spip I Introduction A Pr sentation de l entreprise 1 Le r seau scientifique et technique de l quipement Au niveau du statut le CETE Centre d Etudes Techniques de l Equipement est un service d concentr du Minist re de l quipement appartenant au R seau Scientifique et Technique RST Ses principaux centres d activit s sont l am nagement du territoire les transports la s curit routi re l environnement les ouvrages d art Le CETE intervient aussi bien dans la r alisation d tudes ou de contr les que dans l assistance et la formation Ses principaux clients sont l Etat les collectivit s loc
17. Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media print projection screen tv gt lt Lien vers le backend pour navigateurs eclaires gt lt link rel alternate type application rss xm title lt syndiquer_site gt href backend php3 gt lt head gt lt body bgcolor white dir LANG_DIR gt lt table align center border 0 width 100 gt lt td align center width 12 gt lt a href http www equipement gouv fr gt lt img src NAVPICS equip gif border 0 alt Minist re des transports et de l quipement gt lt a gt lt td gt lt td align center width 68 gt lt a href http intra cete mediterranee 12 gt lt img src IMG bandeau gif gt lt a gt lt td gt lt td align center width 20 gt lt a href ecrire gt lt img src IMGr intranet deph jpg gt lt td gt lt table gt lt div id navigation gt lt h1 class structure gt lt navigation gt lt h1 gt lt Menu de navigation general gt CETE M diterran e IAAI Ao t 2004 83 prototyge d un site web avec l outil Spip lt br gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href sommaire php3 title lt accueil_site gt gt lt b gt NOM_SITE_SPIP lt b gt lt a gt lt li gt lt li class menu item gt lt a href plan php3 class texte couleur gt lt
18. O intervenir tant que vous n tes pes familier du foacticanement du syst me SPIP Plus g n ralement il est fortament conseill de laisser la charge de ces pages au wobanestre principal de votre site Tarn intranst bed Figure 4 Page d acceuil de la parti priv e CETE M diterran e IAAI Ao t 2004 23 prototyge d un site web avec l outil Spip 2 Caract ristiques g n rales de SPIP i Que permet SPIP SPIP permet principalement de g rer un site Web de type magazine c est dire compos d articles et de br ves ins r s dans une arborescence de rubriques imbriqu es les unes dans les autres pouvoir s parer et r partir entre diff rentes personnes les diff rents types de t ches de la r alisation du site la composition graphique la contribution r dactionnelle via proposition d articles et de br ves et la gestion ditoriale du site t che qui comprend l organisation des rubriques la validation des articles propos s dispenser le webmaster et tous les participants la vie du site d un certain nombre d aspects fastidieux de la publication sur le Web ainsi que de connaissances techniques longues acqu rir L installation de SPIP se r alise au moyen d une interface simple et pas pas au terme de laquelle vous pouvez commencer cr er vos rubriques et articles ii Les avantages de SPIP Pour les r dacteurs et les administrateurs Une interface Web in
19. SPIP 1 Organisation des dossiers et fichiers l installation de SPIP Les dossiers et fichiers pr sents par d faut dans le r pertoire SPIP apr s l installation nous d crirons leur contenu de mani re plus approfondie dans les paragraphes suivants sont les suivants e Un r pertoire cache qui contient tous les fichiers provisoires constituant le cache du site Il n y a rien toucher ou modifier pour le webmaster tout tant g r automatiquement par SPIP ce niveau l e Un r pertoire crire qui contient tout le code de l interface de la partie priv e du site Un changement dans la configuration du site modifie donc un des fichiers de ce dossier Il contient galement tout le contenu de la base de donn es e Un r pertoire IMG qui contient l ensemble des images joint aux articles ou aux rubriques par les auteurs e Un r pertoire NAVPICS qui contient les images pr sentes par d faut peu nombreuses C est l endroit pr dispos pour recevoir les diff rentes images utiles l aspect graphique du site m me si il est tout fait possible techniquement de les mettre ailleurs e Un r pertoire Oo qui contient une page pr sentant les derniers articles br ves crites sans grande importance e 4 feuilles de styles une pour les types de SPIP une pour la typographie une pour les types classiques HTML et une derni re pour l impression e Plusieurs dizaines de fichiers PHP c
20. a href ecrire gt lt img src IMGrintranet deph jpg gt lt td gt lt table gt lt div id navigation gt CETE M diterran e IAAI Ao t 2004 94 prototyge d un site web avec l outil Spip lt h1 class structure gt lt navigation gt lt h1 gt lt Menu de navigation general gt lt br gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href sommaire php3 title lt accueil_site gt gt lt b gt NOM_SITE_SPIP lt b gt lt a gt lt li gt lt li class menu item gt lt a href plan php3 class texte couleur gt lt plan _site gt lt a gt lt li gt lt li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt lt li class menu item gt lt a href article php3 id_article 49 class texte couleur gt Bulletin d infos lt a gt lt li gt lt ul gt lt div gt lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt lt Menu de navigation rubriques gt lt B_rubriques gt lt div class menu gt lt ol class rubriques gt lt BOUCLE_rubriques HIERARCHIE id _article gt lt li gt lt div class menu titre gt lt a href URL RUBRIQ
21. data dump xml Figure 10 Menu de sauvegarde de la base de donn es Cela ouvre une nouvelle page qui nous indique une nom copier du type admin _xxx Il faut alors se rendre dans le r pertoire ecrire data de SPIP et cr er un nouveau dossier ayant ce nom Action exportation de la base vers dump xml gz Authentification par FTP Veuillez cr er un fichier ou un r pertoire nomm l int rieur du sous r pertoire ecrire data puis recharger cette page Figure 11 Exportation de la base de donn es CETE M diterran e IAAI Ao t 2004 45 prototyge d un site web avec l outil Spip Une fois le dossier cr e il suffit de cliquer sur recharger cette page et la base de donn es y sera sauvegard e Pour restaurer la base en cas de besoin il suffit de se rendre au m me endroit de la partie priv e d indiquer le nom de notre fichier de sauvegarde et de cliquer sur restaurer la base Il faut noter toutefois qu une sauvegarde ne peut tre restaur e que sur la m me version de SPIP sur laquelle elle a t faite Il est donc important de faire une nouvelle sauvegarde chaque mise jour de SPIP Une autre option dans cette section maintenance technique permet de tenter de r parer la base de donn es en cas de probl mes ii Mises jour de SPIP Installer une nouvelle version de SPIP est galement tr s simple puisqu il suffit de copier les nouveaux fichiers dans le r pertoire SPIP d j existant I
22. de SPIP inc public php3 qui n a pas vocation tre modifi Dans SPIP les fichiers HTML sont appel s les squelettes Ce sont eux qui d crivent l interface graphique de nos pages Ces fichiers sont r dig s directement en HTML classique auquel on ajoute des instructions permettant d indiquer SPIP o il devra placer les l ments tir s de la base de donn es du genre placer le titre ici indiquer cet endroit la liste des articles Ces instructions de placement des l ments sont r dig es dans un langage sp cifique SPIP Ce language reste assez simple et naturel et est base de boucles et de balises La syntaxe de ce language peut se r sumer l algorithme suivant D but de la boucle TYPE crit re 1 crit re 2 crit re x Code HTML balises SPIP Fin de la boucle CETE M diterran e IAAI Ao t 2004 34 prototyge d un site web avec l outil Spip Pour tre plus clair prenons pour exemple le fichier sommaire html tout ce qui est en italique est du code tout ce qui est soulign est du code sp cifique SPIP lt DOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN http www w3 org TR html4 loose dtd gt Il s agit de la d claration de la version utilis e du language HTML lt html lang LANG gt La balise lt html gt indique que tout ce qui suit est du code HTML Le param tre lang pour indique la langue utilis e dans le document LANG est une varia
23. de SPIP utilise un deuxi me principe la pond ration Il s agit d essayer de rendre le moteur plus pertinent en d finissant des zones prioritaires Par exemple si un mot appara t dans le titre d un article et dans le corps du texte d un autre article on consid re que si l on recherche ce mot il faut en premier indiquer celui o il appara t dans le titre De plus si un mot appara t 25 fois dans un article et seulement deux fois dans un autre on veut bien videmment afficher en premier l article o le mot est le plus fr quent SPIP va donc donner des points ce mot en fonction de l endroit o il se trouve et du nombre de fois o il appara t dans le titre 8 points dans le sous titre 5 points dans le surtitre 5 points dans le descriptif 4 points dans le chapo 3 points dans le texte 1 point dans le post scriptum 1point Si le mot appara t plusieurs fois on additionne les occurrences Tout cela reste toutefois la libre volont du webmaster qui peut modifier le squelette sa guise Les donn es de l indexation sont directement stock es dans la base de donn es Il y a plusieurs index listes des mots correspondant chacun un type de contenu un index pour les articles un index pour les rubriques un index pour les br ves Il faut noter que la taille des index est tr s importante cela peut aller jusqu doubler ou tripler la taille du site puisque l indexation se veut l
24. des articles sans avoir taper de HTML modifier tr s facilement la structure du site avec n importe quel navigateur du march Netscape Microsoft Explorer Mozilla Opera etc Pour r sumer SPIP permet de fabriquer et de tenir un site Jour gr ce une interface tr s simple d utilisation 1 Installation et configuration L installation de SPIP est particuli rement simplifi e par rapport d autres syst mes SPIP est disponible en t l chargement par le Web l adresse http rezo net spip dev DISTRIB e Aucune connaissance technique particuli re n est n cessaire ni PHP ni MySQL pour proc der son installation e La configuration se fait directement en ligne au travers d une interface graphique tr s simple e Les cr ateurs de SPIP font leur possible pour conserver une certaine unicit de leur produit SPIP peut voluer au cours du temps en fonction des am liorations mais ils font tr s attention ne pas compliquer la t che en d veloppant des patches ou des add ons qu il faudrait aller chercher gauche ou droite On t l charge le fichier SPIP v1 7 zip et on d compacte l archive sur son ordinateur dans le r pertoire de son choix puis on copie l ensemble des r pertoires et des fichiers obtenus dans le r pertoire racine de notre site dans notre cas C www Voil SPIP est install En ouvrant un navigateur web et en tapant http localhost on doit voir appara tre une pag
25. es de telle mani re qu il sera ais de comprendre les modifications qui ont t apport es CETE M diterran e IAAI Ao t 2004 33 prototyge d un site web avec l outil Spip 5 Les fichiers PHP et HTML Pour chaque type de document SPIP il existe un couple de fichiers Par exemple pour les articles il existe un fichier article php3 et un fichier article html ou article dist html et ainsi de suite pour les autres types Il est tout fait possible de cr er de nouveaux couples dans le cadre de notre prototype un couple recents php3 et recents html a t cr pour r aliser une page affichant les derniers articles publi s Les fichiers PHP sont en g n ral tr s simples et courts Par exemple le fichier sommaire php3 contient uniquement lt php fond sommaire delais 2 3600 include inc public php3 gt e La balise lt php gt signifie que tout ce qui est situ l int rieur doit tre consid r comme du code PHP e La variable fond a pour valeur le nom du fichier qui contient la description de la mise en page le squelette Ici puisque fond sommaire le fichier de description sera contenu dans sommaire html dans la variable fond on n indique pas la terminaison html e La variable delais contient la dur e pour laquelle la page sera conserv e en cache voir pr c demment e include inc public php3 appelle le fichier qui d clenche le fonctionnement
26. espace priv ou lorsque vous venez de r tablir une sauvegarde de votre site les index ne sont pas sauvegard s ou si vous avez activ le moteur de recherche apr s avoir d j publi des articles alors il est index en t che de fond CETE M diterran e IAAI Ao t 2004 28 prototyge d un site web avec l outil Spip Ainsi si on active le moteur apr s avoir d j publi des articles ceux ci ne sont pas imm diatement index s ce seront les visites sur le site public qui provoqueront leur indexation Si on recherche un seul mot SPIP va consulter l index et trouver l entr e correspond ce mot Il va r cup rer la liste des articles contenant ce mot et les classer en utilisant la pond ration pour nous donner en priorit les articles les plus pertinents Si on recherche plusieurs mots malheureusement SPIP n autorise pas les constructions du type et ou etc comme le permet Google par exemple Lorsque vous recherchez plusieurs mots SPIP va effectuer l op ration de recherche pour chaque mot r cup rer les points de chaque article ou br ve ou rubrique etc et ajouter ces points C est un m canisme plus simple et plus l ger mais moins riche si on fait la recherche suivante mot1 mot2 il est possible que le moteur de recherche nous rende en priorit un article ne contenant que le mot motl si celui est tr s fr quent Un autre d faut du moteur de recherche de SPIP est le fait qu il y
27. gt lt Menu de navigation general gt lt br gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href sommaire php3 title lt accueil_site gt gt lt b gt NOM_SITE_SPIP lt b gt lt a gt lt li gt lt li class menu item gt lt a href plan php3 class texte couleur gt lt plan site gt lt a gt lt li gt lt li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt lt li class menu item gt lt a href article php3 id_article 49 class texte couleur gt Bulletin d infos lt a gt lt li gt lt ul gt lt div gt CETE M diterran e IAAI Ao t 2004 103 prototyge d un site web avec l outil Spip lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche size 30 maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt lt Rubriques trouvees gt lt B_rubriques gt lt div class menu gt lt ul class rubriques title lt rubriques gt gt lt li class menvu titre gt lt rubriques gt lt li gt lt BOUCLE rubriques RUBRIQUES recherche par points inverse 0 8 gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte coul
28. gt lt l Sites Web trouves gt lt B _sites gt lt div class menu gt lt div class divers title Sites Web trouv amp eacute s gt lt div class menu titre gt lt sites_web gt lt div gt lt ul gt lt BOUCLE sites SITES recherche par points inverse 0 8 gt lt li class menu item gt lt a href URL_SITE title DESCRIPTIFItextebrutlentites html NOM_ SITE lt a gt lt li gt lt BOUCLE sites gt lt ul gt lt div gt lt div gt lt B_sites gt lt div gt lt div class liste articles gt lt BOUCLE articles ARTICLES recherche par points inverse 0 10 gt lt h2 gt lt a href URL_ARTICLE title DESCRIPTIF textebrut entites_html gt TITRE supprimer_numero lt a gt lt h2 gt lt div class detail gt DATE nom jour DATE affdate lt B _auteurs_articles gt lt par_auteur gt lt BOUCLE auteurs_articles AUTEURS id_article gt NOM lt BOUCLE auteurs articles gt CETE M diterran e IAAI Ao t 2004 105 prototyge d un site web avec l outil Spip lt div gt lt br gt lt BOUCLE articles gt lt div gt lt div gt lt body gt lt html gt vii backend html lt php echo lt xml version 1 0 encoding CHARSET gt gt lt l fichier html pour la syndication gt lt rss version 0 91 xmins de http purl org dc elements 1 1 gt lt channel gt lt title gt NOM_SITE_SPIP texte
29. l article ne convient pas par exemple Il est possible tout moment de r tablir l affichage de cet article sur le site Il est possible de demander que chacun des futurs liens en provenance du site soient a priori bloqu s Les articles ainsi r cup r s ne s afficheront qu une fois que l administrateur les aura un par un valid s la main ii La newsletter Une newsletter ou lettre d information est une lettre envoy e de mani re r guli re l ensemble de toutes les personnes en ayant fait la demande pour leur faire part des derni res nouveaut s SPIP permet de g rer l envoi individuel d une newsletter aux personnes inscrites CETE M diterran e IAAI Ao t 2004 30 prototyge d un site web avec l outil Spip IV R alisation du prototype La r alisation du prototype sur la base du cahier des charges pr sent en 1 partie s est faite de mani re it rative en interaction avec les utilisateurs du service TET notamment pour la mise au point du rubricage et de la pr sentation des pages Il s est agi d une part de param trer et personnaliser le site en utilisant les possibilit s de base offertes par le logiciel de gestion de contenu spip d autre part de compl ter et am liorer ce site par des fonctionnalit s qui ne sont pas offertes en standard notamment il a fallu pour cela en particulier modifier le code de certains fichiers A Param trage du site et principes du d veloppement avec
30. lt B_rubriques_mots gt lt li gt lt BOUCLE mots gt lt ul gt lt div gt lt B_mots gt lt div gt lt br gt lt div class chapo gt TEXTE lt div gt lt div class notes gt NOTES lt div gt lt BOUCLE documents_joints DOCUMENTS id rubrique mode document doublons lt br gt gt LOGO_DOCUMENT URL_DOCUMENT lt br gt TITRE DESCRIPTIF lt BOUCLE documents joints gt lt br gt lt Articles de la rubrique gt lt h1 class structure gt lt articles rubrique gt lt h1 gt lt div class liste articles gt lt BOUCLE articles recents ARTICLES id rubrique par titre gt lt h2 gt lt a href URL ARTICLE Ttitle DESCRIPTIFItextebrutlentites html class texte couleur gt TITRE supprimer numero lt a gt lt h2 gt lt div class detail gt DATE nom jour DATE affdate lt B_ auteurs recents gt lt par auteur gt lt BOUCLE auteurs recents AUTEURS id_article gt ANOM lt BOUCLE auteurs recents gt lt div gt lt br gt lt BOUCLE articles recents gt lt div gt lt div gt CETE M diterran e IAAI Ao t 2004 93 prototyge d un site web avec l outil Spip lt body gt lt html gt lt BOUCLE rubrique _principal gt lt aucune rubrique gt lt B_ rubrique principal gt iv article html lt IDOCTYPE HTML PUBLIC W3C DTD HTML 4 01 Transitional EN http www w3 org TR html4 loose dtd gt lt BOUCL
31. me Editorial Hypertexte sur intranet http projet giseh i2 CETE M diterran e IAAI Ao t 2004 15 prototyge d un site web avec l outil Spip 6 S curit A priori ce probl me ne concerne pas directement le service TET mais les services informatiques qui ont choisi SPIP ainsi que l h bergeur En revanche les utilisateurs doivent tre conscients de l importance de la s curit et sont responsables du contenu publi e Les donn es sur le serveur doivent tre parfaitement prot g es firewall proxy e Le syst me de publication g rant la base de donn es relatives aux articles doit tre fiable e La s curit doit galement tre maintenue par les utilisateurs tentatives d intrusion sur leur compte e L ensemble des informations doit tre r cup rable en cas de probl me n cessit de sauvegardes e Le site devra faire le soin d un surveillance active pour d tecter le moindre probl me fichiers log 7 Maintenabilit Le syst me doit se montrer facilement modifiable et volutif car de nouveaux besoins verront le jour l usage si les utilisateurs s approprient le prototype Dans un souci de coh rence tant technique que sur le contenu il est essentiel que ce site puisse voluer en prenant en compte l volution vis vis des autres sites web du RST et du minist re Premi rement cette compatibilit pourra tre assur e sur le plan visuel par l utilisation d une m me charte g
32. on automatique le contenu d un autre site e Webmaster ou web mestre personne s occupant de la gestion d un site web CETE M diterran e IAAI Ao t 2004 50 prototyge d un site web avec l outil Spip e Mailing list ou liste d adresses fonctionnalit permettant d envoyer en une seule fois un courrier un groupe de personnes e R dacteur Personne qui alimente le site par la r daction d information Il est responsable du contenu qu il r dige et publie e Validateur Personne en charge d accepter ou non la publication d un article propos par un r dacteur e Proxy Ordinateur faisant le lien entre un r seau priv et Internet CETE M diterran e IAAI Ao t 2004 51 prototyge d un site web avec l outil Spip B bibliographie Document officiel de pr sentation du CETE M diterran e Patrice Bertrand Badr Chentouf Smile 2004 Content Management Les solutions open source http www smile fr Site intranet du projet GISEH http projet giseh i2 dont les documents suivants C Imberti CETE de l Ouest 2004 Gestion de contenu Les choix faire concernant la conception des pages dynamiques d un site internet sous SPIP C Imberti CETE de l Ouest 2004 Gestion de contenu Description des squelettes des sites internet version 1 et des sites intranet version 1 Astrid Pille Nicolas Marchand 2004 Charte ditoriale internet Site intranet du CETE M diterran e http www spip net site officiel d
33. par sa direction informatique DPSM SI met au point un service de gestion de contenu web avec SPIP en vue de pouvoir h berger les sites intranet et internet des services du minist re d s fin 2004 B Objectifs L objectif principal de ce projet est la r alisation d un prototype de site web pour le d partement DGERI TET du CETE M diterran e Le but premier de ce site est de permettre aux agents du CETE de publier facilement leurs travaux afin de les rendre accessibles leurs coll gues leurs clients et le public en g n ral Ce site serait dans un premier temps interne au d partement alimenterait le site internet du CETE ainsi que d autres sites intranet ou internet mais pourrait galement servir dans la r flexion au sujet de la mise en place d outils web au niveau du RST Pour clarifier un peu le vocabulaire pr cisons quelques termes e internet site diffusant des informations l ext rieur du minist re de l quipement e intranet interne site dont les informations ne concernent qu un seul organisme par exemple le CETE M diterran e e intranet externe site dont le contenu est destin l ensemble des services d pendant du minist re de l quipement e extranet site diffusant des informations un groupe restreint d utilisateurs comprenant la fois des agents du minist re et des ext rieurs CETE M diterran e IAAI Ao t 2004 10 prototyge d un site web avec l outil Spip C Uti
34. pour ce qui concerne le service TET la gestion de trafic site http sagt certu fr ou l information aux usagers www predim org Ce travail sera r alis d ici la fin 2004 E Suites donner A court terme le site a t install sur un serveur de TET et va tre aliment en contenu pour publication sur intranet Des discussions sont pr voir avec les responsables du d partement DGERI pour savoir si ce site doit terme g rer l ensemble du contenu de tous les services du d partement ou si chacun garde une autonomie plus ou moins grande A ch ance fin 2004 il faudra l adapter en liaison avec les services informatique et communication pour qu il puisse s ins rer en tant que rubrique ou sous site dans le site internet du CETE M diterran e D ici fin 2004 galement le service TET la DRAST remettra un rapport faisant tat de son retour d exp riences sur SPIP pour la capitalisation des connaissances Au del de cette ch ance il est bien difficile de faire des pr visions sur l volution ce qui est certain c est que les agents du service TET restent motiv s par leur site web et sont pr ts passer un minimum de temps pour publier du contenu ou g rer ce site il est galement certain que le logiciel SPIP sera en place pour quelques ann es au CETE et au minist re de l quipement F Retour d exp rience Le retour d exp rience a globalement t tr s bon Les personne
35. 00 personnes autant il nous semble pr f rable qu au niveau du site d un petit service comme TET les auteurs soient directement en mesure de publier leurs informations c est dire qu ils soient galement validateurs l voir http wiki crao net index php WikiWikiWeb CETE M diterran e IAAI Ao t 2004 11 prototyge d un site web avec l outil Spip 4 Administrateur Le r le de l administrateur est de g rer la vie et le bon fonctionnement du site notamment sur le plan technique Il n a pas a priori besoin de grandes connaissances sur les sujets trait s dans les articles et doit donc sur le plan du contenu uniquement s assurer du respect du droit et de la netiquette Il doit avoir par contre de fortes connaissances en informatique et notamment les technologies de l Internet langages web serveurs r seaux Il lui incombe la gestion des utilisateurs la mise jour et la maintenance du site Cela implique que ce r le doive plut t tre tenu par le service informatique Toutefois en pratique pour le prototype du site du service TET plusieurs agents du service ont les comp tences techniques pour administrer le serveur le cas ch ant D Besoins fonctionnels 1 Internaute i Navigation dans le site M me si les utilisateurs sont a priori des professionnels et qu ils pourront acc der directement aux informations pertinentes pour eux au moyen de la recherche en texte int gral ou de la newsletter il est
36. 020a0 a spip_glossaire text decoration none color 20a020 chapo font family Trebuchet MS Tahoma Arial Helvetica sans serif font weight bold text align justify font size 80 105 texte font family Georgia Garamond Times serif text align justify font size 80 texte p spip font family Georgia Garamond Times serif text align justify font size 100 PS font family Georgia Garamond Times serif text align justify font size 85 CETE M diterran e IAAI Ao t 2004 prototyge d un site web avec l outil Spip notes font family Georgia Garamond Times serif text align left font size 80 Ici les styles pour le contenu contenu h1 h2 font size 100 font weight bold contenu h1 h2 titre extrait font size 100 font weight bold contenu h1 h2 titre texte font size 150 font weight bold contenu surtitre font size 100 font weight bold font variant small caps contenu detail font size 80 color 303030 extrait border groove 2px a0a0a0 padding 1em font size 75 contenu toto font size 100 font weight bold font variant small caps Disposition a l ecran CETE M diterran e IAAI Ao t 2004 68 prototyge d un site web avec l outil Spip principal font family Trebuchet MS Tahoma Arial Helvetica sans serif plan f
37. 4 prototyge d un site web avec l outil Spip SPIP ne restreint pas les possibilit s graphiques et navigationelles du site Les squelettes HTML tant enti rement d finis par le webmaster du site il est possible de g rer certains l ments du site avec SPIP et le reste la main ou m me avec d autres syst mes de publication Le webmaster garde donc la main et ne subit pas SPIP Pour les visiteurs Un syst me de cache sur la partie publique du site acc l re le site en vitant un grand nombre de requ tes la base de donn es et joue en outre un r le de garde fou contre les plantages de la base fr quents sur des serveurs charg s dans ce cas le site reste disponible de fa on transparente m me si toute modification des contenus est impossible Un moteur de recherche et d indexation int gr SPIP s il est activ par le webmaster permet d effectuer des recherches sur l ensemble du contenu public du site iii Les inconv nients de SPIP La souplesse de SPIP implique que quelques efforts d apprentissage soient n cessaires au webmaster pour modifier la pr sentation par d faut Contrairement des syst mes du m me genre comme phpNuke par exemple o vous pouvez changer les couleurs et le logo en pressant simplement un bouton mais c est peu pr s tout ce que l on a le droit de faire le webmaster doit apprendre les quelques rudiments d un pseudo HTML sp cifiques SPIP 3 Le site
38. 90 padding Opx margin 0px margin bottom lem ul ul forum border 1px solid a4a4a4 ul ul ul forum border 1px solid b8b8b8 ul ul ul ul forum border 1px solid cccccc ul ul ul ul ul forum border 1px solid e0e0e0 ul ul ul ul ul ul forum border 1px dashed e0e0e0 Boite de titre d un forum mise en couleur selon la profondeur du forum ul forum chapo border 0px border bottom 1px dashed b8b8b8 margin 0px padding left 6px padding right 6px padding top 3px padding bottom 2px font size 90 background c4e0e0 ul ul forum chapo background d4e8e8 ul ul ul forum chapo background e4f0f0 CETE M diterran e IAAI Ao t 2004 59 prototyge d un site web avec l outil Spip ul ul ul ul forum chapo background f4f8f8 ul ul ul ul ul forum chapo background ffffff Habillage des petitions Signatures margin left Opx margin right 0px margin top 1em margin bottom 1em width 100 signatures td moz border radius 0 4em Signatures titre clear right font weight bold font size 120 text align center padding 0 5em margin 0px Signature date white space nowrap background e4f0f0 padding 0 5em Signature nom font weight bold background ecf4f4 padding 0 2em text align center Signature message font size 85 background f4f8f8 padding 0 4em t
39. AGE 7 Sur titre QE Titre Obligatoire 2 Nouvel article Sous titre 7 gt AJOUTER UN DOCUMENT 0 l int rieur de la rubrique 1 DGERI N oubliez pas de s lectionner correctement ce champ Descriptif rapide 2 Contenu de l article en quelques mots Texte 7 Yous pouvez enrichir la mise en page de votre texte en utilisant des raccourcis typographiques 2 i 8 qe oo fes Al l el lel Figure 8 Cr ation d un nouvel article L auteur peut commencer composer son article lui donner un titre un sous titre Au niveau du corps de l article il existe des raccourcis typographiques et des boutons pour r aliser toutes les options classiques d un diteur de texte mettre le texte en gras cr er une liste ins rer un lien Tous ces raccourcis sont donn s et expliqu s clairement dans l aide repr sent e par les points d interrogations sur l image Il a galement la possibilit d ajouter une image ou de joindre un document La r daction d un article est donc ais e et aucune connaissance sp cifique n est demand e l auteur Quand l auteur a finit de composer son article il n a plus qu cliquer sur valider Cela fait il lui reste cliquer sur demander la publication de cet article qui sera alors envoy au validateur pour qu il juge opportun ou non de le publier CETE M diterran e IAAI Ao t 2004 43 prototyge d un site web avec l outil Spip 3 Val
40. E article principal ARTICLES id article gt lt html lang LANG gt lt l fichier html pour les articles s gt lt head gt lt title gt TITRE textebrut supprimer_numero lt title gt lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt lt media permet de ne pas utiliser ce style sous Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media projection screen tv gt lt media print permet d utiliser cette feuille de style quand vous imprimez depuis votre navigateur gt lt link rel stylesheet href impression css type text css media print gt lt head gt lt body bgcolor white dir LANG_DIR gt lt table align center border 0 width 100 gt lt td align center width 12 gt lt a href http www equipement gouv fr gt lt img src NAVPICS equip gif border 0 alt Minist re des transports et de l quipement gt lt a gt lt td gt lt td align center width 68 gt lt a href http intra cete mediterranee 12 gt lt img src IMG bandeau gif gt lt a gt lt td gt lt td align center width 20 gt lt
41. OUCLE sous sous rubriques gt lt ul gt lt B_sous sous rubriques gt lt li gt lt BOUCLE sous rubriques gt lt ul gt lt div gt lt B_sous_rubriques gt lt Formulaire administrateur gt FORMULAIRE _ADMIN lt div gt lt Une contenu de la rubrique gt lt div class contenu id principal gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class cartouche gt LOGO RUBRIQUE left lt h1 class titre texte gt TITRE supprimer_ numero lt h1 gt lt dernier_ajout gt HDATE nom _jour ADATE affdate lt div gt lt div class encart gt lt Menu de navigation mots cles gt lt B_mots gt lt h2 class structure gt lt mots_clefs gt lt h2 gt lt div class menu gt lt ul class divers title lt mots _clefs gt gt lt BOUCLE_mots MOTS id rubrique par titre gt lt li gt CETE M diterran e IAAI Ao t 2004 92 prototyge d un site web avec l outil Spip lt div class menu titre gt lt a href URL MOT title DESCRIPTIFItextebrutlentites_html gt TITRE supprimer numero lt a gt lt div gt lt B_rubriques mots gt lt ul class menu liste gt lt BOUCLE rubriques mots RUBRIQUES id mot par hasard 0 4 gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites html gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE rubriques mots gt lt ul gt
42. UE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_sous rubriques gt lt ul class menu liste gt lt BOUCLE sous rubriques RUBRIQUES meme parent exclus par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE sous rubriques gt lt ul gt lt B_sous rubriques gt lt i gt lt BOUCLE _rubriques gt CETE M diterran e IAAI Ao t 2004 95 prototyge d un site web avec l outil Spip lt ol gt lt div gt lt B_rubriques gt lt Menu de navigation mots cles gt lt B_mots gt lt div class menu gt lt h1 class structure gt lt mots_clefs gt lt h1 gt lt ul class divers title lt mots_clefs gt gt lt BOUCLE mots MOTS id_article par titre gt lt li gt lt div class menu titre gt TITRE supprimer numero lt div gt lt B_ articles mots gt lt ul class menu liste gt lt BOUCLE articles mots ARTICLES id mot par hasard 0 4 gt lt li class menu item gt lt a href URL ARTICLE title DESCRIPTIFItextebrutlentites html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE articles mots gt lt ul gt lt B_articles mots gt lt i gt lt BOUCLE_mots gt lt ul gt lt div gt lt B_mo
43. a t aliment en contenu environ une trentaine d articles pour l instant B manuel d utilisation 1 Acc s au site web et au contenu L adresse actuelle du site DGERI TET est http 172 23 215 10 Cette adresse n est visible que sur l intranet du CETE r seau i carr du minist re de l quipement En cas de changement la nouvelle adresse sera imm diatement communiqu e aux personnes concern es Sur la page d accueil voir capture d cran page suivante l intranaute a les choix suivants e En cliquant sur le logo en haut gauche le visiteur arrive sur le site Internet du minist re de l quipement et des transports dont d pend le CETE e En cliquant sur le logo en haut au centre le visiteur se rend sur le site Intranet du CETE M diterran e e Fn cliquant sur Prototype d Intranet DGERI TET il peut revenir tout moment sur cette page d accueil e En cliquant sur Plan du site il a acc s un descriptif complet de l ensemble des rubriques et articles du site e Fn cliquant sur Articles r cents il peut voir les derniers articles publi s e Fn cliquant sur Bulletins d infos il pourra savoir comment s inscrire la newsletter du site e En cliquant sur DGERI ou TET il aura acc s aux rubriques en question A noter qu il sera ais d ajouter d autres d partements ou services si le site se d veloppe e Le visiteur peut rechercher l ensemble des articles contenant un ou plusieurs artic
44. a arial sans serif width 100 background color FFFFFF padding 5px border 1px 666666 solid Spip_cadre width 100 background color FFFFFF padding 5px Spip_bouton background color FFCCO00 formrecherche width 100 background color FFDDAA reponse formulaire font family Verdana Arial Helvetica sans serif font weight bold font size 110 color red Spip_surligne background color 4169E1 color FFFFFF Barre de raccourcis a spip_barre img border left 1px solid ffffff border top 1px solid Ffffff border right 1px solid aa9966 border bottom 1px solid aa9966 padding 3px background color FFDDAA a spip_barre hover img border 1px solid 808080 padding 3px background color f8f8f4 iv Typographie css CETE M diterran e IAAI Ao t 2004 66 prototyge d un site web avec l outil Spip feuille de style des types HTML par defaut Structure display none h1 h2 h3 h4 margin top 0em margin bottom 0em font size 100 font weight normal menu color 4169E1 Styles generaux 4 bien regler la marge bugs IE body background white margin 10px a text decoration none color 4169E1 a hover text decoration none color FFFFFF background 4169E1 a spip_out text decoration none color 4169E1 a spip_in a spip_url text decoration none color 2
45. a plus exhaustive possible Cela peut poser des probl mes si SPIP est install sur un serveur peu performant et c est une raison pour laquelle l utilisation du moteur de recherche est facultative Si tous les mots de tous les l ments de contenu du site sont bien extraits et analys s SPIP ne va pas cependant pas retenir tous les mots Par exemple tout le code HTML est exclu de l indexation car il n a videmment aucun rapport avec le contenu des articles De plus les mots de moins de 4 lettres ne sont pas retenus Cela a des avantages et des inconv nients cela vite que les mots g n riques le la un et biaisent la recherche vu leur forte redondance dans le vocabulaire mais cela rend impossible la recherche de certains mots qui pourraient tre pertinents Par exemple dans le cas du CETE il sera impossible de rechercher les statistiques du nombre d accidents de bus car le moteur de recherche n acceptera pas le mot bus Cette limite est enlev e automatiquement si le mot n est compos que par des majuscules et des chiffres car il est alors consid r comme un signe et est index on peut donc rechercher ONU par exemple L indexation a lieu trois moments diff rents e lorsqu on valide un article e lorsqu on modifie un article d j publi e lors de la visite du site public si un l ment accessible au public n est pas index par exemple lorsque vous venez d effacer les donn es d indexation depuis l
46. acteur i Ajout d un article La premi re n cessit fonctionnelle du site est de permettre un ajout rapide et simple d informations Il est important que l outil d ajout d articles soit accompagn de la possibilit d en modifier simplement la mise en page afin de s adapter aux d sirs de tous Il est utile que ce m canisme de mise en page soit proche des diteurs de texte traditionnels tel Microsoft Word afin de ne pas n cessiter un surplus de travail trop important au moment du passage sur le web Il est galement important que l auteur puisse joindre des fichiers images documents son article ii Mise jour du contenu Les r dacteurs doivent pouvoir mettre jour le contenu et le syst me doit g rer les versions et les dates de validit de l information publi e La gestion de la mise jour du contenu quant elle incombe principalement au validateur mais pour le web de TET le r dacteur est aussi son propre validateur Le syst me de publication choisi doit lui permettre la mise en ligne des articles et du choix de leur place dans le site iii Capitalisation de connaissances Il est important que le site permette de capitaliser les connaissances c est dire la mise en commun des savoirs et des savoir faire de chacun au moins au niveau du RST Un des autres m canismes int ressant dans ce domaine est la syndication c est dire la possibilit de r cup rer automatiquement des informations pertin
47. ait un d lai entre la publication d un site et le moment o il est trouvable gr ce au moteur de recherche ii La syndication De mani re g n rale la syndication de contenu d signe la possibilit de republier sur un site web de fa on automatique le contenu d un autre site Ce principe est aussi int ressant pour le site qui r cup re le contenu possibilit de citer des sources sans avoir le besoin de les reproduire soi m me que pour le site qui le distribue augmentation de son trafic et de sa visibilit Plusieurs technologies existent pour cela mais un format semble s imposer sur le web le RSS Rich Site Summary RSS bas sur le language XML permet de d crire du contenu web partir de balises Les syst mes de publication tels que SPIP fabriquent automatiquement un fichier standardis RSS pour indiquer leurs derni res publications SPIP permet d aller r cup rer de tels fichiers sur le r seau On peut ainsi indiquer sur son propre site les listes des derni res publications d autres sites Lorsque ces sites sont mis jour les nouveaut s apparaissent automatiquement sur votre propre site Dans SPIP les sites syndiqu s sont rattach s des rubriques de fa on afficher c t de ses propres articles des articles tir s d autres sites portant sur le m me sujet Il est possible d ajouter autant de sites syndiqu s qu on le souhaite Il est gale possible de personnaliser ses sites r f renc s
48. ales les organismes para publics et le secteur priv Les b n ficiaires des prestations du CETE en financent le co t complet Le CETE a la particularit rare pour une administration de devoir tenir un compte de r sultats qui doit tre quilibr Le CETE n intervient que sur la base de contrats tablis apr s devis ou appel d offres Le r seau national est compos de 7 CETE inter r gionaux de la Direction r gionale de l Equipement de l Ile de France DEIF de 10 services techniques centraux de 7 coles et de 10 organismes scientifiques ce qui repr sente au total un p le de comp tence de pr s de 8 000 personnes Nous allons maintenant nous int resser plus particuli rement au CETE M diterran e CETE M diterran e IAAI Ao t 2004 6 prototyge d un site web avec l outil Spip 2 Le CETE M diterran e Le CETE est pr sent depuis 1968 dans la r gion m diterran enne Sa zone d action couvre Provence Alpes C te d Azur le Languedoc roussillon la Corse et les DOM TOM des oc ans Pacifique et Indien Le CETE a 5 implantations locales Aix en Provence si ge et lieu o j ai effectu mon stage Marseille Nice Montpellier et Toulon Plus de 550 personnes travaillent au CETE M diterran e dont 140 ing nieurs 220 techniciens sup rieurs et 134 techniciens Ce sont plus de 2000 tudes ou interventions qui sont r alis es par le CETE M diterran e ce qui produit un chiffre d affaires d environ 30 millions d euros
49. article id_article s article id_article n if id_auteur AND deja_indexe auteur id_auteur s auteur id_auteur n if id_breve AND deja_indexe breve id_breve s breve id_breve n if id_mot AND deja_indexe mot id_mot s mot id_mot n if id_rubrique AND deja_indexe rubrique id_rubrique s rubrique id_rubrique n if s if f fopen fichier_index a fputs f s fclose f j if use_cache AND file_exists fichier_index if timeout indexation include _ecrire inc_index php3 effectuer une indexation CETE M diterran e IAAI Ao t 2004 78 prototyge d un site web avec l outil Spip Mise a jour d un ou de zero site syndique if db_ok AND lire_meta activer_syndic oui if timeout include ecrire inc sites php3 executer une syndication if lire meta activer moteur oui include ecrire inc_index php3 executer une indexation syndic j Effacement de la poubelle documents supprimes if file_exists fichier_poubelle ecrire data poubelle if timeout poubelle if s sizeof suite file fichier poubelle s suite n rand 0 s s trim s include ecrire inc connect php3 if db_ ok Verifier qu on peut vraiment effacer le fichier query SELECT id document FROM spip documents WHERE fichier s result spip _
50. avec l outil Spip i Sauvegardes Comme dans tout syst me informatique et m me si SPIP est relativement stable il est fortement recommand de faire r guli rement une sauvegarde de pr caution pour ne pas perdre toutes nos donn es en cas de gros probl mes Cette op ration se r alise tr s facilement avec SPIP Dans la partie priv e du site il faut cliquer sur maintenance du site choisir si on veut faire une sauvegarde compress e ou non avec le premier choix la sauvegarde prend moins de place mais peut tre moins s re puis cliquer sur sauvegarder la page Sauvegarder le contenu de la base base dans un fichier qui sera stock dans le r pertoire ecrire data N oubliez pas galement de r cup rer l int gralit du r pertoire IMG qui contient les images et les documents utilis s dans les articles et les rubriques Cette option vous permet de sauvegarder le contenu de la Attention cette sauvegarde ne pourra tre restaur e QUE dans un site install sous la m me version de SPIP L erreur consistant faire une sauvegarde avant de faire une mise jour de SPIP est courante Pour plus de d tails consultez la documentation de SPIP Vous pouvez choisir de sauvegarder le fichier sous forme compress e afin d courter son transfert chez vous ou sur un serveur de sauvegardes et d conomiser de l espace disque sauvegarde compress e sous ecrire data dump xml gz sauvegarde non compress e sous ecrire
51. backend a t modifi de la fa on suivante tout ce qui est soulign ci dessous est l ajout par rapport au fichier de base lt BOUCLE2 ARTICLES tout par date inverse unique surtitre SAGT gt lt item gt lt title gt TITRE textebrutlentites htmllentites unicode lt title gt lt surtitre SURTITRE lt surtitre gt lt link gt URL SITE SPIP URL ARTICLE lt link gt lt date gt DATE lt date gt lt description gt LOGO ARTICLE left lentites html JIIHINTRODUCTIONItextebrutlentites htmllentites unicode lt description gt lt author lt BOUCLE _aut2 AUTEURS id article gt T ANOMItextebrutlentites htmllentites unicode lt BOUCLE aut2 gt lt author gt lt dc creator lt BOUCLE_aut2b AUTEURS id article gt ANOMItextebrutlentites htmllentites unicode lt BOUCLE _aut2b gt lt dc creator gt lt item gt lt BOUCLE2 gt On s est content de rajouter une balise lt surtitre gt o l on place les sur titres de nos articles On demande ensuite de n afficher que les articles dont le surtitre contient SAGT surtitre SAGT Ainsi les sites traitant de la gestion de trafic ne recevront que ce fichier backend et donc uniquement les articles parlant de ce sujet Evidemment la m me chose est faite pour chaque domaine en remplacant SAGT par les autres mots cl s 3 Newsletter La fonctionnalit newsletter de spip ne r pond pas notre besoin car elle ne s adresse qu aux utilisateurs identifi
52. bergement de sites seront propos s par le CETE de Bordeaux A court terme le CETE M diterran e n est pas directement concern mais videmment une coh rence technique et ditoriale est rechercher au moyen d changes r guliers sur l avancement de tous ces projets Nous avons pu lors de notre stage en b n ficier dans la mesure o le Centre de Formation Professionnelle du minist re CIFP d A x en Provence site pilote du projet SISEH est situ sur le m me site des Milles que le CETE et o nous avons pu rencontrer la charg e de communication du CIFP CETE M diterran e IAAI Ao t 2004 47 prototyge d un site web avec l outil Spip D Capitalisation des connaissances Dans la continuit de ce stage et du retour d exp riences de SPIP le responsable du service TET a propos la direction de la recherche DRAST une prestation d tudes sur les solutions de capitalisation des connaissances que l on pourrait mettre en uvre partir de la gestion de contenu web avec SPIP En particulier il s agit de valider l int r t de la syndication de contenu des solutions simples techniquement et sur le plan organisationnel et humain sont recherch es en liaison par exemple avec des CERTU services centraux du minist re comme le CERTU Lyon charg s de mettre en place des communaut s d int r t et des sites m tiers f d rant les informations techniques d un domaine pr cis comme par exemple
53. ble de la base de donn es que SPIP remplacera par sa valeur dans notre cas le fran ais quand la page sera interpr t e lt head gt lt title gt JANOM_SITE_SPIP lt title gt lt link rel stylesheet href habillage css type text css media print projection screen tv gt lt head gt La balise head est le classique en t te de HTML Elle sert notamment au r f rencement du site ce qui a beaucoup moins de sens dans le cas d un site intranet que pour un site internet Elle permet aussi de donner un titre au document ici ANOM SITE SPIP sera remplac par le nom de notre site ou de faire appel aux feuilles de style ici le fichier habillage css lt body bgcolor white dir LANG DIR gt lt br gt lt h3 align center gt lt a href http intra cete mediterranee i2 gt lt img src IMG bandeau gif gt lt a gt lt h3 gt La balise body indique le d but du code qui sera r ellement affich l cran L attribut bgcolor permet de d finir la couleur du fond d cran l attribut dir permet d indiquer la langue de cette partie du document Les balise a href et img src permettent respectivement de cr er un lien et d afficher une image lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href URL_SITE SPIP title lt accueil _site gt gt lt b gt NOM_SITE _SPIP lt b gt lt a gt lt li gt lt li class menu item gt
54. brut entites_html entites_unicode lt title gt lt link gt URL_SITE_SPIP lt link gt lt description gt lt description gt lt language gt LANG lt language gt lt image gt lt title gt NOM_SITE_SPIP textebrut entites_html entites_unicode lt title gt lt url gt URL_ SITE _ SPIP IMG ruboff0 gif lt url gt lt link gt URL_SITE_ SPIP lt link gt lt description gt lt description gt lt image gt lt d abord les articles specifiques a une rubrique syntaxe backend php3 id rubrique 123 gt lt BOUCLE rub RUBRIQUES id_rubrique gt lt BOUCLET ARTICLES branche par date inverse gt lt item gt lt title gt TITRE textebrutlentites htmllentites_ unicode lt title gt lt surtitre SURTITRE lt surtitre gt lt link gt URL SITE SPIP URL_ ARTICLE lt link gt lt date gt DATE lt date gt lt description gt LOGO ARTICLE left lentites html JIIHINTRODUCTIONItextebrutlentites htmllentites unicode lt description gt lt author lt BOUCLE23 AUTEURS id article gt T ANOMItextebrutlentites htmllentites unicode lt BOUCLE23 gt lt author gt lt item gt CETE M diterran e IAAI Ao t 2004 106 prototyge d un site web avec l outil Spip lt BOUCLE1 gt lt BOUCLE rub gt lt sinon tous les articles du site syntaxe backend php3 gt lt BOUCLE2 ARTICLES tout par date inverse unique gt lt item gt lt title gt TITRE textebrutlentites htmllentites_ uni
55. cation de nouveaut s diffusion e mail ventuellement agenda liste de contacts voire forum cibl puisque ces fonctions sont disponibles avec spip et peuvent tre utiles iv Archivage Comme nous l avons vu la quantit d information chang e sur le site pourrait se r v ler rapidement tr s importante Il n est pas forc ment utile de garder toutes les informations au premier plan Il faudrait alors que le syst me de publication puisse automatiquement ne garder visibles que des articles v rifiant un crit re de notre choix tous les articles post rieurs une certaine date par exemple Il doit videmment tre toutefois possible d acc der au reste des articles via une rubrique archives par exemple Par ailleurs en cas de probl me technique l administrateur doit tre capable de restaurer une sauvegarde facilement CETE M diterran e IAAI Ao t 2004 14 prototyge d un site web avec l outil Spip E Contraintes 1 Conformit technique Le site est r alis avec l outil SPIP Autant que possible il sera r alis avec les outils d finis au niveau national dans le cadre du projet GISEH afin de permettre son h bergement terme au centre serveur national Bordeaux tout en b n ficiant des derniers d veloppements autour spip par les quipes informatiques du minist re 2 Performances Le site web r aliser doit tre performant dans plusieurs domaines e Il doit tre consultable sur des ordinate
56. code lt title gt lt surtitre SURTITRE lt surtitre gt lt link gt URL SITE SPIP URL_ARTICLE lt link gt lt date gt DATE lt date gt lt description gt LOGO ARTICLE left lentites html JIIHINTRODUCTIONItextebrutlentites htmllentites unicode lt description gt lt author lt BOUCLE _aut2 AUTEURS id article gt T ANOMItextebrutlentites htmllentites unicode lt BOUCLE_ aut2 gt lt author gt lt dc creator lt BOUCLE _ aut2b AUTEURS id article gt ANOMtextebrutlentites htmllentites unicode lt BOUCLE _aut2b gt lt dc creator gt lt item gt lt BOUCLE2 gt lt B_rub gt lt channel gt lt rss gt CETE M diterran e IAAI Ao t 2004 107 prototyge d un site web avec l outil Spip S il y a tant d accidents sur les routes c est parce que nous avons des voitures de demain conduit par des hommes d aujourd hui sur des routes d hier Pierre Jean Vaillard CETE M diterran e IAAI Ao t 2004 108
57. d align center width 20 gt lt a href ecrire gt lt img src IMGr intranet deph jpg gt lt td gt lt table gt lt div id navigation gt lt h1 class structure gt lt navigation gt lt h1 gt lt Menu de navigation general gt lt br gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href sommaire php3 title lt accueil_site gt gt lt b gt NOM_SITE_SPIP lt b gt lt a gt lt li gt lt li class menu item gt lt a href plan php3 class texte couleur gt lt plan _site gt lt a gt lt li gt lt li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt lt li class menu item gt lt a href article php3 id_article 49 class texte couleur gt Bulletin d infos lt a gt lt li gt lt ul gt lt div gt lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche size 30 maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt lt Menu de navigation rubriques gt lt B_rubriques gt CETE M diterran e IAAI Ao t 2004 100 prototyge d un site web avec l outil Spip lt div class menu gt lt ul class rubriques gt lt BOUCLE_rubriques RUBRIQUES racine par titre gt lt li gt lt div clas
58. e la rubrique 5 ainsi qu toutes ses sous rubriques r cursivit e un fichier rubrique html qui s applique toutes les rubriques e un fichier rubrique dist html qui est donc le fichier par d faut Si SPIP n a trouv aucune de ces pages cela cr e bien videmment une erreur CETE M diterran e IAAI Ao t 2004 32 prototyge d un site web avec l outil Spip 4 Les feuilles de style Entre les diff rentes pages d un m me site les points communs sont par nature nombreux taille de la police couleur du texte forme des tableaux ce qui peut provoquer une certaine redondance Par exemple supposons que notre site soit compos de 20 pages et que nous voulions mettre le titre de chaque page en gras Il est tout fait possible d aller dans le code de chaque page pour le faire Mais si quelques semaines plus tard on souhaite d sormais que le titre soit en italique il faudra de nouveau faire le tour des 20 pages pour apporter cette modification ce qui n est ni intelligent ni conomique en temps C est pour cela que l on utilise des feuilles de styles Ces feuilles de styles sont des fichiers au format css Cascading Style Sheets qui est la norme actuellement sur Internet Ces fichiers contiennent l ensemble des r gles de mises en page Ceci est beaucoup plus int ressant Reprenons notre exemple pr c dent Dans une feuille de style on d finit qu on souhaite voir les titres de chaque page en gras puis dans chaque pag
59. e Site en travaux Si c est le cas l installation s est bien pass e CETE M diterran e IAAI Ao t 2004 22 prototyge d un site web avec l outil Spip En allant l adresse suivante http localhost ecrire on doit arriver une page Installation du syst me de publication On choisit notre langue de pr dilection et on clique sur suivant La configuration pas pas est tr s simple on entre tout d abord les informations sur notre base de donn es voir pr c demment on cr e une nouvelle base spip par exemple on entre le login et le mot de passe voulus La configuration de SPIP est maintenant termin e on peut commencer travailler En allant de nouveau l adresse http localhost la page doit avoir chang de Son pour confirmer que la configuration s est bien pass e On va sur http localhost ecrire pour arriver sur l interface d utilisation de SPIP F intranet CETE Comtiseeation du site Mcresolt Internet Exploecr F es Edtion anhs Forts Qu EJ oseere O AA Des Sre Que CSL besce htp foedhatjerrekeriirsten pes gt 4 dition D scestions Evoluties Administration Ride en Visiter Le du site dusite du site Configuration du site LT contenu du se B Intaractivi 5 Fonctions avanc es Paa ATTENTION Les modifications effectu es dans oee pages influent notablement eur Je fnctionnement de votre site Nous vous recommandons de ne pas y
60. e qui en fait un v ritable outil de gestion de contenu web Nous citons ici les plus pertinentes pour notre prototype i Le moteur de recherche Un moteur de recherche et d indexation est int gr par d faut SPIP Il peut tre activ par le webmaster et permet d effectuer des recherches sur l ensemble du contenu public du site Le moteur de recherche de SPIP utilise un syst me d indexation des contenus L indexation consiste analyser tous les textes contenus dans notre site en extraire tous les mots et sauvegarder pour chaque mot l endroit o il appara t De la m me mani re qu un index dans un livre nous pr sente les mots importants suivis des num ros des pages o les retrouver l index du moteur de recherche fait correspondre chaque mot utilis sur le site le num ro des articles des br ves afin de pouvoir le localiser En moyenne l indexation d un texte prend entre une et deux secondes et est donc quasiment imperceptible pour l utilisateur Ensuite lorsqu on utilise le moteur pour effectuer une recherche SPIP n a plus besoin de consulter l ensemble des textes du site mais il va simplement consulter l index pour savoir o se trouvent ces mots On gagne ainsi norm ment de temps et plus le site est important en taille plus on gagne de temps CETE M diterran e IAAI Ao t 2004 27 prototyge d un site web avec l outil Spip En plus de l indexation le moteur de recherche
61. e SPIP http www spip contrib net site extr mement complet de documentation sur SPIP http www apache org site officiel d Apache http www php net site officiel du PHP http www mysql com site officiel de MySQL http giminik developpez com apache site d aide pour installer un serveur apache http www monde diplomatique fr exemple de site Internet grand public fait sous SPIP CETE M diterran e IAAI Ao t 2004 52 prototyge d un site web avec l outil Spip C Listings 1 Feuilles de style i Habillage css feuille de style pour la mise en page des textes chapo line height 1 4em margin top 1em texte PS padding top 0 6em margin top 0 6em border top 1px dashed 404040 notes margin top 0 6em margin bottom 0 6em border top 1px solid a0a0a0 padding 1 5em Habillage des menus et de la navigation br menu border 1px solid a0a0a0 border top 0px padding 0px margin 0px margin bottom 16px menu ul display block margin 0px padding 0px padding bottom 4px list style none CETE M diterran e IAAI Ao t 2004 53 prototyge d un site web avec l outil Spip menu ol display block margin 0px padding 0px padding bottom 4px list style none menu titre border top 1px solid a0a0a0 border bottom 1px dashed d0d0d0 margin 0px padding left 4px padding rig
62. e de tout installer dans le r pertoire serveur On choisit une installation typique On coupe le r pertoire data du r pertoire mysql et on le colle en D sur une autre partition du disque dur Le fait de s parer les donn es du serveur acc l re les traitements CETE M diterran e IAAI Ao t 2004 20 prototyge d un site web avec l outil Spip 3 Configuration Une fois dans le r pertoire mysql on se place dans le r pertoire bin et on ex cute le fichier winmysqladmin exe Il faut ensuite se logger Par d faut le login est root et le mot de passe est en fait il n y en a pas Il est videmment conseill de les changer rapidement FAWinMySQLadmin Quick Setup User name Password WinMySQLadmin Ver1 4 2 came x Figure 3 Configuration de MySQL On va dans l onglet My ini Setup et on modifie l emplacement des donn es datadir C serveur mysql data par datadir C data Transformez ensuite la ligne anguage C serveur mysql share your language directory par language C serveur mysql share french pour passer MySQL en fran ais Voil tout est normalement fin pr t pour installer SPIP CETE M diterran e IAAI Ao t 2004 21 prototyge d un site web avec l outil Spip E SPIP SPIP est un syst me de publication pour l Internet Il s agit d un outil qui permet de b n ficier d un certain nombre d automatismes g rer un site plusieurs mettre en page
63. e on fait un appel cette feuille de style Quand on souhaite que le titre passe en italique il suffit d ajouter la r gle dans la feuille de style un seul fichier modifier l appel la feuille de style dans chaque page de site ne changeant pas Le contenu des feuilles de styles d pend de la charte graphique tablie Dans le cadre de notre prototype nous avons souhait conserver une coh rence avec le reste des sites voisins du n tre Intranet du CETE M diterran e site du minist re fond clair pr dominance de la couleur bleue polices de petites tailles visuel pur Prenons un exemple pour illustrer le contenu d une feuille de style texte COLOR 666666 FONT SIZE 11px FONT FAMILY Verdana Geneva Arial texte est le nom du style que l on souhaite cr e L ensemble des r gles se rapportant ce style sont plac s entre les accolades COLOR 666666 signifie que le texte sera de la couleur 666666 il y a un code hexad cimal pour chaque couleur Il est possible de mettre plus simplement le nom d une couleur en anglais blue red FONT SIZE 11px signifie que la taille de la police sera de 11 pixels de haut FONT FAMILY Verdana Geneva Arial indique que la police de caract res doit tre le Verdana Si cette police n est pas pr sente sur l ordinateur de l utilisateur on utilisera la police geneva et ainsi de suite Les feuilles de style de notre prototype sont comment
64. e pouvoir les servir plus rapidement la prochaine demande e Feuilles de style Fichiers comprenant l ensemble des r gles de mise en page du site e HTML Hyper Text Mark up Language langage de programmation des pages web e Moteur de recherche outil permettant de rechercher de mani re automatique des documents en donnant des termes en faisant partie e Newsletter ou lettre d information lettre envoy e de mani re r guli re l ensemble des personnes en ayant fait la demande pour leur faire part des derni res nouveaut s e PHP Hypertext PreProcessor Autre langage du web permettant de cr er des applications dynamiques e Serveur ordinateur o est stock le site e Site extranet site diffusant des informations un groupe restreint d utilisateurs comprenant la fois des agents du minist re et des ext rieurs e Site internet site diffusant des informations l ext rieur du minist re de l quipement e Site intranet externe site dont le contenu est destin l ensemble des services d pendant du minist re de l quipement e Site intranet interne site dont les informations ne concernent qu un seul organisme par exemple le CETE M diterran e e SPIP outil de gestion de contenu utilis dans la conception de ce site e Squelettes nom donn dans SPIP aux fichiers HTML d crivant l aspect graphique du site e Syndication possibilit de republier sur un site web de fa
65. e publi ant rieurement ailleurs e Redirections articles fant mes SPIP permet de fabriquer des articles fant mes int gr s dans la structure du site et affich s dans le contenu des rubriques mais qui en r alit renvoient vers une page dont l adresse est sp cifi e par le r dacteur sur le m me site ou m me sur un autre site Cette fonction facilite le passage d un site d j existant vers SPIP et vice versa CETE M diterran e IAAI Ao t 2004 26 prototyge d un site web avec l outil Spip iii Les br ves En compl ment des articles SPIP int gre un syst me de br ves qui facilite la publication de courtes notes d information comme des actualit s par exemples e Afin de faciliter la structuration et le positionnement des br ves on ne peut installer des br ves que dans les principales rubriques du site les rubriques plac es la racine du site e La structure des br ves est simplifi e un titre et le texte de la br ve chaque br ve pouvant tre compl t e tr s simplement d un lien hypertexte e La gestion de la publication d une br ve est simplifi e deux boutons publier ou refuser e Chaque br ve peut tre signal e par son propre logo e L administrateur du site peut d cider de d sactiver l usage des br ves sur l ensemble du site 5 Fonctionnalit s avanc es L ensemble des fonctionnalit s est accessible un administrateur dans la partie priv e du sit
66. ec l outil Spip En dessous de la ligne AddType image x icon ico on ajoute les lignes suivantes pour permettre l ex cution des fichiers d extensions php par le parser PHP et d activer la coloration syntaxique des fichiers sources AddType application x httpd php php php3 php4 phtml AddType application x httpd php source phps Sous la partie LoadModule on ajoute la ligne suivante LoadModule php4 module C serveur php sapi phpaapache dll De m me sous la partie AddModule AddModule mod php4 c C PHP 1 Pr sentation PHP est un langage interpr t un langage de script ex cut du c t serveur comme les scripts CGI ASP Nous allons installer PHP en tant que module d Apache car cela pr sente de nombreux avantages par rapport la version CGI e Rapidit e S curit e Puissance e Facilit 2 Installation On t l charge PHP sur http www php net par exemple prendre une version Windows Binaries zip package On d compresse ensuite dans le r pertoire serveur puis on renomme le r pertoire obtenu en php pour ne pas avoir retaper fr quemment un nom long Il faut ensuite copier le fichier php4ts dll principale biblioth que PHP qui touche au dossier syst me de Windows contenu dans le r pertoire principal de l archive donc pour nous C serveur php dans C WINDOWS system De m me on copie le fichier phpdapache dil module PHP4 d Apache 1 3 x du sous r pertoire sapi du r pe
67. ectu en 2004 au CETE M diterran e dont l objectif tait de r aliser un prototype de site web pour les besoins d un service d tudes dans le domaine de l exploitation routi re Ce site r alis avec le logiciel libre de gestion de contenu spip retenu par le minist re de l quipement doit tre coh rent avec les solutions retenues pour les serveurs web au niveau du minist re et du CETE M diterran e et en particulier inciter les utilisateurs du service d tudes mettre en ligne du contenu technique qui puisse tre agr g sur l intranet ou l internet par les diff rents sites m tiers ou institutionnels du r seau technique de l quipement Le rapport comprend une pr sentation du contexte le cahier des charges du site une pr sentation des logiciels mis en uvre et notamment de spip d crit la r alisation du prototype un premier retour sur son utilisation et les perspectives d volution Mots cl s Diffusion capitalisation des connaissances spip gestion Version lectronique de contenu web r seau scientifique et technique de l quipement Nombre de pages Confidentialit Pages Non Bibliographie Oui CETE M diterran e IAAI Ao t 2004 2 prototyge d un site web avec l outil Spip Sommaire LAPS DIE EE C0 LE DS PP TT TES 5 L OO ea es a da de Ne neo 6 A Presentation de l entreprise ne innra AE E e a 6 1 Le r seau scientifique et technique de P quipement nssnsnsssenssess
68. ef URL RUBRIQUE title DESCRIPTIF textebrut entites_html class texte couleur gt TITRE supprimer_numero lt a gt lt div gt lt BOUCLE rubriques gt Voici un exemple concret de boucle SPIP Cette boucle porte sur les rubriques et s appelle donc BOUCLE rubriques Le crit re racine indique qu on ne s int resse qu aux rubriques se trouvant la racine du site Le crit re par titre indique que les rubriques seront affich es par ordre alphab tique des titres URL RUBRIQUE sera remplac par l adresse de chaque rubrique title DESCRIPTIF textebrut entites_html donnera le titre du lien TITRE supprimer numero affichera le titre de chaque rubrique sans le num ro se trouvant auparavant L ensemble du code marche de la m me mani re Chaque page de code est comment e de telle sorte qu une personne la d couvrant pourra comprendre rapidement quel est l objectif de chaque partie CETE M diterran e IAAI Ao t 2004 36 prototyge d un site web avec l outil Spip B D veloppements sp cifiques pour le prototype de TET 1 Pr sentation des pages En d veloppant de mani re it rative le site avec les utilisateurs j ai t amen modifier ou cr er certains squelettes de pages HTML le fichier recents html qui permet d afficher les articles les plus r cents publi s sous une forme r sum e qui n tait pas disponible en standard avec le logiciel 2 Syndicatio
69. en leur attribuant un descriptif un logo des mots cl s R f rencer un nouveau site Un bouton r f rencer un nouveau site dans la page de chaque rubrique de votre site vous permet d indiquer un nouveau site Il suffit alors d indiquer le nom du site l URL de cette page puis d ins rer une description Il est galement possible de choisir la rubrique dans laquelle ce r f rencement sera ins r dans votre propre site Il est possible de se contenter d un simple r f rencement en validant l option pas de syndication Il est galement possible de faire un r f rencement rapide en indiquant uniquement l URL Dans la mesure du possible SPIP se d brouillera automatiquement pour r cup rer cette adresse le titre de la page et un descriptif Il sera de toute fa on de modifier ult rieurement ces informations CETE M diterran e IAAI Ao t 2004 29 prototyge d un site web avec l outil Spip Qui peut proposer des sites r f renc s Dans la page de Configuration pr cise du site les administrateurs peuvent indiquer que seuls les administrateurs peuvent proposer des sites ou les r dacteurs ou m me les visiteurs du site dans ce cas un formulaire sur le site public permettra aux visiteurs de proposer des sites Dans tous les cas seuls les administrateurs pourront valider ces propositions de r f rencement Faire syndiquer un site SPIP Les sites fabriqu s l aide de SPIP permettent de facilement cr er
70. entes depuis d autres sites cr ant ainsi un r seau de sites web pour f d rer de l information technique par th mes ou par m tiers L outil de gestion de contenu web n est pas en revanche un outil complet travail collaboratif plusieurs personnes travaillant sur un m me article les autres tant imm diatement averties lorsque l une d entre elles apporte une modification m me si il est souhaitable qu il soit compatible avec de tels outils 3 Validateur i Circuit de validation A priori pour ce qui concerne le contenu TET les auteurs du service seraient aussi validateurs Au niveau de la publication sur le site du CETE en revanche ce sera diff rent Les quipes du CETE tant g n ralement de taille r duite il est important que le circuit de validation reste simple Lorsqu un article est publi par un auteur le validateur doit tre averti automatiquement Le validateur doit recevoir les informations n cessaires sur l auteur pour pouvoir rentrer en contact avec lui afin de discuter d ventuelles modifications apporter La validation d un document doit le rendre visible automatiquement et rapidement sur le site CETE M diterran e IAAI Ao t 2004 13 prototyge d un site web avec l outil Spip ii Gestion ditoriale du site En plus de valider le contenu publi sur le site il incombe au validateur de veiller une bonne coh rence globale du site viter les redondances inutiles v rifier le bon position
71. erniers articles publi s en ligne 5 juillet Jean Jacques Blanc 12 visites popularit 100 Abonnez vous notre bulletin d infos RACCOURCIS 2 avril Jean Jacques Blanc 18 visites popularit 52 Cr er une nouvelle 24 mars rubrique 2 OSTYN Gilles Jean Jacques Blanc 20 visites popularit 52 aA Forum interne m 7 KELBEL Alain Termin 9 intranet local tat des lieux de l information multimodale en crire un nouvel article e r gion PACA 24 mars Jean Jacques Blane 9 visites popularit 1 8 LAKTI Skander 24 mars Jean Jacques Blanc 9 visites d marrer rapportpresquefinal ype d intranet Figure 7 Page d acceuil de la partie priv e CETE M diterran e IAAI Ao t 2004 42 prototyge d un site web avec l outil Spip Une fois arriv dans la partie priv e l auteur peut tout d abord modifier ses informations personnelles mot de passe descriptif en cliquant sur l ic ne du m me nom Il aura par contre besoin de contacter un administrateur si il souhaite changer de login ou d adresse e mail Si il souhaite crire un article l auteur doit cliquer sur l ic ne dition du site Il aura alors acc s l arborescence du site et devra choisir o il compte mettre son article Il doit cliquer ensuite sur crire un nouvel article pour arriver la page suivante Modifier l article reor Nouvel article gt AJOUTER UNE IM
72. erran e IAAI Ao t 2004 89 prototyge d un site web avec l outil Spip lt link rel stylesheet href impression css type text css media print gt lt Lien vers le backend pour navigateurs eclaires gt lt link rel alternate type application rss xml title lt syndiquer_rubrique gt href backend php3 id_rubrique ID_RUBRIQUE gt lt head gt lt body bgcolor white dir LANG_DIR gt lt table align center border 0 width 100 gt lt td align center width 12 gt lt a href http www equipement gouv fr gt lt img src NAVPICS equip gif border 0 alt Minist re des transports et de l quipement gt lt a gt lt td gt lt td align center width 68 gt lt a href http intra cete mediterranee 12 gt lt img src IMG bandeau gif gt lt a gt lt td gt lt td align center width 20 gt lt a href ecrire gt lt img src IMGr intranet deph jpg gt lt td gt lt table gt lt div id navigation gt lt h1 class structure gt lt navigation gt lt h1 gt lt Menu de navigation general gt lt br gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class menu gt lt ul class general gt lt li class menu titre gt lt a href sommaire php3 title lt accueil_site gt gt lt b gt NOM_SITE_SPIP lt b gt lt a gt lt li gt lt li class menu item gt lt a href plan php3 class texte couleur gt lt plan _site gt lt a gt lt li gt l
73. erveur Apache Group Dans la suite de ce rapport chaque fois que je ferai r f rence au r pertoire serveur je parlerai de ce r pertoire C serveur Un outil nomm Apache Manager symbolis par une plume dans la barre des t ches permet de d marrer et d arr ter apache d un simple clic 3 Configuration Il est n cessaire d diter le fichier C serveur Apache Group Apache confihttpd conf qui est le fichier de configuration d apache On v rifie que sur les lignes Server Admin et ServerName qu il y a bien les valeurs rentr es au moment de l installation sinon il faut les modifier en cons quence Par exemple pour nous qui sommes en localhost ServerName localhost Cherchez ensuite la ligne DocumentRoot et indiquez le r pertoire racine de votre site web Par exemple DocumentRoot c www Pour tester si cela a fonctionn on prend une page html quelconque et on la renomme index html On ouvre un navigateur et on tape http localhost si c est le nom de votre serveur On doit voir la page html appara tre si tout fonctionne Si on veut pouvoir utiliser des fichiers de configuration locaux htaccess il faut remplacer la ligne AllowOverride None par AllowOverride All On modifie la ligne DirectoryIndex qui sert d finir les fichiers qui seront charg s par d faut dans un r pertoire DirectoryIndex index html index htm index php index php3 CETE M diterran e IAAI Ao t 2004 18 prototyge d un site web av
74. eta majnouv time ecrire metas preparation mail unset mail nouveautes unset sujet nouveautes fond nouveautes delais 0 contexte_inclus array date gt date Y m d H i s majnouv include inclure_fichier fond delais contexte_inclus envoi if mail_ nouveautes spip_log envoi mail nouveautes include ecrire inc mail php3 envoyer mail adresse neuf sujet nouveautes mail nouveautes else spip_log envoi mail nouveautes pas de nouveautes Mise a jour des fichiers langues de l espace public if cache_lang modifs include ecrire inc lang php3 ecrire caches langues CETE M diterran e IAAI Ao t 2004 76 prototyge d un site web avec l outil Spip recalcul des rubriques publiques cas de la publication post datee if time lire meta calcul rubriques gt 3600 AND timeout calcul rubriques include ecrire inc meta php3 ecrire meta calcul rubriques time ecrire metas include ecrire inc rubriques php3 calculer rubriques Faire du menage dans le cache effacer les fichiers tres anciens ou inutilises Se declenche une fois par heure quand le cache n est pas recalcule if use_cache AND file _exists CACHE purge2 if timeout purge cache unlink CACHE purge2 spip_log purge cache niveau 2 query SELECT fichier FROM spip forum cache WHERE maj lt DATE SUB NOW INTERVAL 14 DAY
75. eur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE _rubriques gt lt ul gt lt div gt lt B_rubriques gt lt Mots cles trouves et articles associes gt lt B_mots gt lt div class menu gt lt ul class divers title lt mots _clefs gt gt lt BOUCLE_mots MOTS recherche par points inverse 0 5 gt lt li gt lt div class menu titre gt TITRE supprimer_numero lt div gt lt B_ articles mots gt lt ul class menu liste gt lt BOUCLE articles mots ARTICLES id mot par hasard 0 8 gt lt li class menu item gt lt a href URL ARTICLE title DESCRIPTIFItextebrutlentites html gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE articles mots gt lt ul gt lt B_articles mots gt lt i gt lt BOUCLE_mots gt lt ul gt lt div gt lt B_mots gt lt Formulaire administrateur gt FORMULAIRE _ADMIN CETE M diterran e IAAI Ao t 2004 104 prototyge d un site web avec l outil Spip lt div gt lt Une articles trouves gt lt div class contenu id principal gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class cartouche gt lt lt h1 class surtitre gt lt resultats recherche gt lt h1 gt gt lt h1 class toto align center gt lt resultats recherche gt pour lt h1 gt lt h2 class titre texte align center gt RECHERCHE lt h2 gt lt div gt lt div class encart
76. ext align justify CETE M diterran e IAAI Ao t 2004 prototyge d un site web avec l outil Spip x Formulaires formrecherche background color FFFFFF color 505030 margin 0px padding 2px border solid 1px 4169E1 font family Verdana Arial Helvetica sans serif font size 80 font weight normal size 31 formrecherche2 border solid 2px 4169E1 width 87 formulaire color black margin 0px margin bottom 16px padding 4px border 1px solid a0a0a0 background color f6f6f6 font family Verdana Arial Helvetica sans serif font size 80 font weight normal forml background color ececec margin 4px padding 1px border dashed 1px 909090 font family Verdana Arial Helvetica sans serif font size 90 Spip_bouton border 2px solid 404040 padding 3px background d0d0d0 font family Trebuchet MS Tahoma Arial Helvetica sans serif Spip admin position fixed bottom 0px font size 90 CETE M diterran e IAAI Ao t 2004 61 prototyge d un site web avec l outil Spip padding 2px line height 1 4em ii Impression css Feuille de style specifique a l impression Pour les liens on desactive les couleurs et on affiche l URL cible a la suite du lien a color black text decoration underline a visited color black text decoration underline a spip_in color black text decoration
77. ffacer cache delais effacer_ cache ecraser cache ecraser le cache de l article x s il n est pas publie Envoyer les entetes Sheaders only SHTTP SERVER VARS REQUEST METHOD HEAD if effacer cache amp amp flag dynamique amp amp S recalcul oui amp amp ISHTTP COOKIE VARSf spip admin if lastmodified headers_only http last modified lastmodified lastmodified delais else Header Expires 0 Header Cache Control no cache must revalidate Header Pragma no cache flag_preserver headers only ne pas se fatiguer a envoyer des donnees if flag_preserver Header Content Type text html charset lire meta charset Envoyer la page CETE M diterran e IAAI Ao t 2004 74 prototyge d un site web avec l outil Spip if file exists chemin cache if headers only include chemin_ cache else if flag_preserver Message d erreur base de donnees include ecrire inc presentation php3 install debut html _T info travaux _titre echo lt p gt T titre probleme technique lt p gt n install fin html suite et fin mots en rouge if var_ recherche fin surligne var recherche mode surligne nettoie if effacer cache unlink chemin cache while list chemin cache supprime each cache supprimes unlink chemin cache supprime Verifier la presence du htaccess da
78. gt CETE M diterran e IAAI Ao t 2004 84 prototyge d un site web avec l outil Spip lt B_rubriques gt lt Formulaire administrateur gt FORMULAIRE _ADMIN lt div gt lt div id principal class contenu gt lt br gt lt br gt lt br gt lt br gt lt Une derniers articles publies gt lt h1 class structure gt lt derniers_articles gt lt h1 gt lt div class encart gt lt Inscription au site gt lt div class formulaire gt lt participer_ site gt lt p gt FORMULAIRE INSCRIPTION lt div gt lt div gt lt h1 class structure gt lt articles recents gt lt h1 gt lt Articles recents gt lt br gt lt BOUCLE articles recents ARTICLES id _article 46 par date inverse 0 5 gt lt div class cartouche gt LOGO ARTICLEIeft lt div class surtitre gt SURTITRE lt div gt lt h1 class titre texte gt TITRE supprimer numero lt h1 gt lt div class surtitre gt SOUSTITRE lt div gt lt div gt lt div style line height 0em gt amp nbsp lt div gt lt http bugzilla mozilla org show bug cgi id 200510 gt lt br gt lt div class chapo gt CHAPO lt div gt lt div class texte gt TEXTE lt div gt lt div class ps gt PS lt div gt lt div class notes gt NOTES lt div gt CETE M diterran e IAAI Ao t 2004 Bug Mozilla 85 prototyge d un site web avec l out
79. ht 4px padding top 3px padding bottom 2px font size 90 menu item margin 1px padding left 4px padding right 4px padding top 1px padding bottom 1px font size 80 Des couleurs specifiques selon les types de menus general text align center border 2px solid 4169E1 general menu titre border 5px solid 6495ED rubriques text align center border 2px solid 4169E1 rubriques menu titre border 5px solid 6495ED breves text align center border 2px solid 4169E1 breves menu titre border 5px solid 6495ED divers text align center border 2px solid 4169E1 divers menu titre border 5px solid 6495ED forums text align center border 2px solid 4169E1 forums menu titre border 5px solid 6495ED textes en couleurs texte couleur color 4169E1 CETE M diterran e IAAI Ao t 2004 54 prototyge d un site web avec l outil Spip Styles pour le contenu c a d la colonne principale contenu margin 15px contenu h2 titre extrait color 4169E1 contenu h1 titre texte font size 100 color 4169E1 contenu surtitre margin top 0em margin bottom 0em font size 80 contenu detail margin left 2em font size 80 contenu detail important color a02020 extrait margin 0 lem margin top 0 5em margin bottom 0 5em margin left 2em margin right 0
80. i quelques mois s incrire dans le contexte plus global du minist re de l quipement e le projet de site internet e le choix de SPIP comme outil de gestion de contenu web pour le minist re e les r flexions sur la capitalisation des connaissances dans le r seau technique de l quipement B Le projet de site internet du CETE Pilot par le service communication et suivi de pr s par la direction du CETE son cahier des charges fonctionnel a t labor par un consultant externe au 2 trimestre 2004 et doit tre transmis au 3 trimestre au le service informatique du CETE charg de sa r alisation pour une ouverture en d cembre 2004 le site sera h berg l xterieur Il a t d cid que ce site contiendrait d une part du contenu institutionnel sous la responsabilit ditoriale du Service Communication et des chefs de service mais aussi du contenu technique tel que celui de notre prototype qui serait accessible apr s inscription des utilisateurs qui pourraient ainsi tre ext rieurs au minist re C Le projet de gestion de contenu GISEH En 2004 des sites pilotes ont t associ s aux CETE de Bordeaux et Nantes charg s de l h bergement et de la conception pour mettre en place de nouvelles solutions de gestion de contenu pour les sites internet et intranet des services du minist re avec SPIP l outil retenu apr s analyse effectu e en 2003 D ici fin 2004 une plate forme et un service d h
81. idation du contenu Pour m moire cette fonction est aussi accessible aux auteurs dans notre prototype Lorsqu un validateur se connecte dans la partie priv e il est imm diatement mis au courant de l arriv e d un nouvel article demandant tre valid par le message suivant Les articles et br ves ci dessous sont propos s la publication N h sitez pas donner votre avis gr ce aux forums qui leur sont attach s Articles propos s Nouvel article Skander Lakti Mb 10 ao t Figure 9 Annonce de l apparition d un nouvel article En cliquant sur l article le validateur pourra en voir le contenu et d cider ou non de le publier Si l article est valid ce n est qu ce moment l qu il deviendra visible sur la partie publique 4 Administration En cliquant sur administration du site l administrateur a acc s l ensemble des informations du site pour les modifier sa guise Tout peut se g rer par simple clics et param trages sans lignes de commande ou autre codes de programmation L administrateur peut ainsi e modifier le nom l adresse du site ou l adresse e mail o doivent lui tre envoy s les courriers d cider de l utilisation ou non des br ves des mots cl s de la syndication g rer les forums l envoi automatique d e mails consulter les statistiques du site utiliser un proxy g rer la maintenance du site vider le cache CETE M diterran e IAAI Ao t 2004 44 prototyge d un site web
82. il Spip lt br gt lt BOUCLE documents joints DOCUMENTS id article mode document doublons lt br gt gt LOGO_DOCUMENT URL_ DOCUMENT lt br TITRE DESCRIPTIF lt BOUCLE documents joints gt lt br gt lt B_auteurs gt lt BOUCLE auteurs AUTEURS id article par nom gt lt div title amp eacute crire amp agrave cet auteur class texte gt lt a href mailto EMAIL class texte couleur gt Envoyer un courrier NOM lt a gt lt div gt lt BOUCLE _auteurs gt lt B_auteurs gt lt BOUCLE articles recents gt lt div gt lt body gt lt html gt ii plan html lt IDOCTYPE HTML PUBLIC W3C DTD HTML 401 Transitional EN http www w3 org TR html4 loose dtd gt lt html lang LANG gt lt l fichier html pour le plan du site gt lt head gt lt title gt NOM_SITE_SPIP lt title gt lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt lt media permet de ne pas utiliser ce style sous Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media print projection screen tv gt
83. itre gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B rubriques soeurs gt lt ul class menu liste gt lt BOUCLE rubriques soeurs RUBRIQUES meme parent exclus par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE rubriques soeurs gt lt ul gt lt B_ rubriques soeurs gt lt i gt lt ol gt lt div gt lt Sous rubriques gt lt B_sous_rubriques gt lt h2 class structure gt lt sous_rubriques gt lt h2 gt lt div class menu gt lt ul class rubriques title lt sous_rubriques gt gt lt BOUCLE sous rubriques RUBRIQUES id_parent par titre gt lt li gt CETE M diterran e IAAI Ao t 2004 91 prototyge d un site web avec l outil Spip lt div class menu titre gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_sous sous rubriques gt lt ul class menu liste gt lt BOUCLE sous sous rubriques RUBRIQUES id parent par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt B
84. l Spip lt title gt lt resultats_ recherche gt lt title gt lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt lt media permet de ne pas utiliser ce style sous Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media projection screen tv gt lt media print permet d utiliser cette feuille de style quand vous imprimez depuis votre navigateur gt lt link rel stylesheet href impression css type text css media print gt lt head gt lt body bgcolor white dir LANG_DIR gt lt table align center border 0 width 100 gt lt td align center width 12 gt lt a href http www equipement gouv fr gt lt img src NAVPICS equip gif border 0 alt Minist re des transports et de l quipement gt lt a gt lt td gt lt td align center width 68 gt lt a href http intra cete mediterranee 12 gt lt img src IMG bandeau gif gt lt a gt lt td gt lt td align center width 20 gt lt a href ecrire gt lt img src IMGr intranet deph jpg gt lt td gt lt table gt lt div id navigation gt lt Logo SPIP
85. l faut noter qu il n est ni n cessaire ni conseill de supprimer les anciens fichiers Une fois cela fait en se rendant dans la partie priv e du site on obtient le massage suivant Message technique la proc dure de mise jour doit tre lanc e afin d adapter la base de donn es la nouvelle version de SPIP Si vous tes administrateur de ce site veuillez cliquer sur ce lien Comme pour une sauvegarde on demande alors de cr er un dossier avec un nom pr cis dans le r pertoire ecrire data En cliquant ensuite sur recharger cette page on lance la mise jour de la base de donn es Pour tre certain que la mise jour soit imm diatement prise en compte il faut vider les pages contenues dans le syst me de cache Pour cela il suffit de cliquer sur l ic ne vider le cache lorsqu on se trouve sur la page d accueil de la partie priv e du site CETE M diterran e IAAI Ao t 2004 46 prototyge d un site web avec l outil Spip VI Premier bilan et perspectives A Objectifs atteints R pondant ainsi aux objectifs du stage un prototype r pondant aux principaux objectifs du service TET a t mis en place savoir un serveur web op rationnel permettant court terme de publier facilement du contenu web pour pr senter les activit s et les actualit s de ce service d tudes l ensemble des utilisateurs ayant acc s l intranet soit pr s de 100 000 agents potentiellement et c est essentiel pouvant d ic
86. l n est pas en l occurrence pertinente pour nos besoins car trop g n rale Il faudra sans doute tre tr s pragmatique ce niveau et d finir les mots cl s qui permettent aux sites m tiers d agr ger le contenu technique issu des sites web des diff rents services du minist re ou d autres organismes et soci t s ces sites tant sous SPIP ou pas pourvu qu ils syndiquent leur contenu En pratique pour notre prototype chaque article peut tre plac dans un ou plusieurs de ces domaines par l ajout de mots cl s par exemple SAGT pour Gestion de tafic dans l attribut sur titre de chaque article On cr e ensuite un fichier backend pour chaque domaine backendSAGT php3 par exemple peu diff rent du fichier backend de base Si un site souhaitant nous contacte pour agr ger du contenu web il suffit de lui donner l adresse du fichier backend correspondant son domaine de comp tence Cette adresse est de la forme http 172 23 215 198 backendXXX php3 CETE M diterran e IAAI Ao t 2004 37 prototyge d un site web avec l outil Spip R ciproquement les agents du service TET pourront via SPIP agr ger du contenu de sites qui syndiquent leur contenu au format RSS afin de faire de la veille technique et identifier du contenu pertinent localement pour le site web de TET mais il faudra de toutes fa ons un travail manuel pour cr er partir de l des articles pertinents pour notre site Techniquement le fichier
87. les en utilisant le moteur de recherche o Il peut envoyer un e mail Patrick Gendre le chef de service DGERI TET CETE M diterran e IAAI Ao t 2004 40 prototyge d un site web avec l outil Spip 2 Prototype d intranet DGERI TET Microsoft Internet Explorer Fichier Edtion Affkhage Favoris Outis 7 F2 Ori Prime eros n L ML Adresse i http ffocahostisommare pho3 Bienvenue au CETE MEDITERRANEE er 7 Lg vet Bienvenue sur le ce site web prototype du service DGERI TET Plan du site Ce site est d velopp sous spip dans le cadre du stage de Jean Jacques Blanc au CETE M diterran e dans le Articles r cents service TET du d partement DGERI Il s inscrit dans le cadre d une proposition d tude faite la DRAST t l chargeable ci dessous qui vise proposer des solutions de capitalisation d informations m tier dans le R seau Technique de l Equipement dans le contexte de la mise en place de services d h bergement spip pour la gestion de contenu web par la CETE du Sud Ouest pour les services du minist re et du projet Internet du CETE Bulletin d infos Rechercher un article M diterran e Vos commentaires sont les bienvenus W litp firtra cete medterranee ej SJ intranet local d marrer Figure 5 Page d acceuil du site DGERI TET Une fois parvenu sur la page Bulletin d infos le visiteur pourra s inscrire la newsletter en cliquant sur le lien cliquez ici pour vous in
88. lisateurs et R les Comme dans tout projet informatique il faut commencer par identifier les diff rents types d utilisateurs et d acteurs d une part parce que leurs besoins sont diff rents d autre part parce qu ils n acc deront pas forc ment aux m mes informations ni aux m mes fonctions Il est donc essentiel de les tudier afin d tablir tout ce qui sera n cessaire pour la r ussite du site tout autant sur le plan technique que sur le plan humain Dans la mesure o nous avons a priori pris la d cision d utiliser SPIP pour r aliser notre site web nous nous appuyons directement sur les travaux pr alables en particulier l analyse des besoins et la charte ditoriale labor es dans le cadre du projet national de gestion de contenu web 1 Internaute Il s agit de l utilisateur lambda qui navigue sur le site pour consulter les informations disponibles et n intervient donc pas directement sur le contenu du site Dans le cas o le m me site web du service TET contiendrait plusieurs niveaux d informations ce qui est souhaitable terme 1l n a acc s qu la partie publique du site Dans le cas o le site n est ouvert que sur intranet les internautes sont en fait des intranautes agents du minist re La notion de retour d information est importante et l utilisateur doit pouvoir envoyer un message e mail aux agents du service TET sans toutefois que son message remarque ou question propos d
89. lors g n r e et la personne n a plus qu faire un simple copier coller et envoyer un courrier la mailing list pour que tous les inscrits re oivent la newsletter Ils peuvent alors visualiser les titres des nouveaux articles et si l un d eux les int ressent ils n ont plus qu cliquer sur le lien correspondant pour se voir rediriger sur le site la page de l article en question 4 Gestion des droits d acc s SPIP est con u pour r aliser des sites web de type communaut o tout le monde a acc s toute l information Les besoins d un service de CETE am neraient plut t distinguer au moins trois niveaux interne r seau de l quipement externe qui lui m me peut comprendre plusieurs groupes de travail ou de projet de type extranet et un acc s grand public En pratique il existe diff rentes solutions techniques permettant par exemple de contr ler l acc s par mot de passe certaines rubriques Toutefois elles ne sont pas standard dans SPIP et sont donc susceptibles de n cessiter des volutions lors de changement de versions de SPIP Par ailleurs le probl me du contr le d acc s au contenu est avant tout un probl me d organisation et de communication qui doit tre r solu au niveau du site ou des sites de l ensemble du CETE Il a t d cid court terme de n alimenter le prototype TET qu avec du contenu internaute ce qui est de toutes fa ons notre besoin princi
90. lt a href plan php3 class texte couleur gt lt plan_site gt lt a gt lt li gt lt li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt CETE M diterran e IAAI Ao t 2004 35 prototyge d un site web avec l outil Spip lt li class menu item gt lt a href ecrire class texte couleur gt lt espace_prive gt lt a gt lt li gt lt ul gt lt div gt Ceci est le code du menu de navigation g n ral L attribut class menu indique que tout ce qui sera affich l int rieur de la balise lt div gt devra se r f rer au niveau de la feuille de style au type menu La variable URL SITE SPIP sera remplac e par SPIP par l adresse de notre site NOM SITE SPIP par le nom du site Tout ce qui est situe entre lt gt sera remplac par du texte par exemple lt plan site gt entra nera l affichage de Plan du site lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche size 30 maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt Ceci cr e un formulaire classique pour le moteur de recherche Il existe galement une variable SPIP qui cr e un formulaire par d faut FORMULAIRE RECHERCHE lt BOUCLE _ rubriques RUBRIQUES racine par titre gt lt li gt lt div class menu titre gt lt a hr
91. mld loose dtd gt lt html lang LANG gt lt l fichier html pour les dernieres mises jour du site gt lt head gt lt title NOM SITE_ SPIP lt title gt 4 01 Transitional EN lt meta http equiv Content Type content text html charset CHARSET gt lt Ceci est la feuille de style par defaut pour les types internes a SPIP gt lt link rel stylesheet href spip_style css type text css gt lt Les feuilles de style specifiques aux presents squelettes gt lt link rel stylesheet href typographie css type text css gt CETE M diterran e IAAI Ao t 2004 99 prototyge d un site web avec l outil Spip lt media permet de ne pas utiliser ce style sous Netscape 4 sinon plantage gt lt link rel stylesheet href habillage css type text css media print projection screen ty gt lt Lien vers le backend pour navigateurs eclaires gt lt link rel alternate type application rss xm title lt syndiquer site gt href backend php3 gt lt head gt lt table align center border 0 width 100 gt lt td align center width 12 gt lt a href http www equipement gouv fr gt lt img src NAVPICS equip gif border 0 alt Minist re des transports et de l quipement gt lt a gt lt td gt lt td align center width 68 gt lt a href http intra cete mediterranee 12 gt lt img src IMG bandeau gif gt lt a gt lt td gt lt t
92. ms forum repondre display none forum repondre message display none iii Spip style css feuille de style pour les types sp cifiques SPIP a a hover color FF9900 text decoration underline text decoration none a spip_url a spip_in a spip_ out a spip_ glossaire Spip_code p spip note h3 spip font family Verdana Arial Helvetica sans serif font weight bold font size 120 text align center CETE M diterran e IAAI Ao t 2004 64 prototyge d un site web avec l outil Spip margin top 40px margin bottom 40px padding 0em Spip_puce list style position inside Spip_documents font family Verdana Arial Helvetica sans serif font size 70 table spip table spip tr row_ first background color FCF4D0 table spip tr row_odd background color COCOCO table spip tr row even background color FOFOF0 table spip td padding 1px text align left vertical align center hr spip b spip i spip blockquote spip margin left 40px margin top 10px margin bottom 10px margin right 0px border solid 1px aaaaaa background color ffFfff padding 5px forml width 100 background color HFFDDAA CETE M diterran e IAAI Ao t 2004 65 prototyge d un site web avec l outil Spip Spip_encadrer font family helvetic
93. n anmoins n cessaire de travailler avec les utilisateurs pour concevoir une arborescence des rubriques la plus logique et la plus adapt e leurs attentes Le visiteur du site doit pouvoir tout moment savoir o il se trouve quel est le th me de la rubrique pouvoir acc der au menu principal rapidement etc ii Recherche d informations Le but du site tant de recueillir l ensemble des travaux des membres du service il est destin avoir rapidement une taille importante Afin d viter que l utilisateur ne se perde dans le flot d informations la mise en place de m canismes de recherche d informations recherche en texte int gral notamment est essentielle Le travail sur l arborescence des rubriques du site et une possible aide en ligne doivent galement permettre aux visiteurs de trouver les pages traitant du sujet qu ils recherchent iii Diffusion d une newsletter L exp rience montre que la plupart des sites web sont peu visit s directement et en compl ment de l acc s depuis les moteurs de recherche une bonne mani re d en diffuser le contenu est d informer de mani re r guli re les internautes des nouveaut s par e mail Une newsletter est un bon moyen pour y arriver Pour cela le syst me doit pouvoir r cup rer et traiter des donn es concernant les visiteurs comptant s y inscrire notamment l adresse e mail CETE M diterran e IAAI Ao t 2004 12 prototyge d un site web avec l outil Spip 2 R d
94. n ud c est dire une rubrique peut avoir plusieurs n uds fils mais un seul n ud p re ce n est pas un graphe la r cursivit n est pas possible ii Les articles L objet principal permettant de publier des informations sous SPIP est l article On peut placer autant d articles que n cessaire dans n importe quelle rubrique e La r daction des articles est tr s simple elle se d roule via une interface graphique sur le Web e Un article est constitu de plusieurs l ments qui permettent de le structurer titre surtitre sous titre descriptif chapeau texte principal post scriptum e Les r gles de base de la typographie fran aise sont appliqu es automatiquement accents guillemets etc e Des raccourcis mn motechniques facilitent l enrichissement typographique la cr ation de liens hypertexte de notes de bas de page Les cr ateurs de SPIP ont voulu faire en sorte que mettre en page un article sous SPIP soit aussi facile que d crire un e mail e L interface graphique permet d inclure simplement des images dans les articles et chaque article peut tre signal par son propre logo e On peut indiquer pour chaque article un ou plusieurs mots cl s e La date de mise en ligne se g re automatiquement on peut cependant la modifier si n cessaire une seconde date peut tre associ e un article par exemple pour indiquer une date de publication originale par exemple un articl
95. n de contenu Par d faut la syndication sous SPIP reste limit e on se contente de publier de publier les articles d un site au format RSS dans un fichier backend php que d autres sites peuvent lilre afin d en agr ger le contenu qui les int resse Cela oblige un traitement du c t du site client qui utilise le contenu syndiqu par le site SPIP Les domaines de comp tences du CETE tant tr s nombreux tous les articles ne sont par pertinents pour tout le monde Plusieurs solutions sont alors envisageables notamment soit ajouter une balise suppl mentaire dans le format RSS pour pr ciser le type de contenu le domaine technique dans le fichier RSS syndiqu soit cr er un fichier backend pour chaque type de contenu C est la solution que nous avons retenue notre objectif tant de faire quelque chose de plus personnalis chaque site alors ne recevant que les articles ayant voir avec son sujet Pour commencer nous avons propos de travailler sur les domaines de comp tence suivants e Gestion de trafic Transports intelligents Information routi re Information multimodale CETE D autres domaines pourront tre ajout s par la suite Le principal est bien s r de se mettre d accord au niveau du r seau technique de l quipement sur la nomenclature d finissant ces domaines Il en existe vrai dire plusieurs celle utilis e dans l un des sites pilotes du projet GISEH au niveau nationa
96. nement des articles dans l arborescence des rubriques mod rer d ventuel forums Le validateur tient en quelque sorte le r le de r dacteur en chef 4 Administrateur i Gestion du serveur Les besoins d administration du site sont globalement les m mes que pour n importe quel site internet L administrateur doit pouvoir archiver le contenu suivre le trafic sur le site configurer la s curit tre facilement contact par les utilisateurs en cas de dysfonctionnement g rer la base de donn es et les droits d acc s voir ci dessous ii Droits d acc s au contenu Il est probable que le contenu du site ne soit pas diffusable dans sa totalit sur l internet ou m me sur l intranet minist re pour des raisons de confidentialit de travail non termin Il est donc tr s souhaitable m me si a priori non pr vu dans le logiciel spip de base de pouvoir g rer des droits d acc s au contenu Le statut de l article ouvert tous confidentiel groupes d utilisateurs en extranet doit pouvoir tre modifi la consultation de certains articles demandant une identification pr alable ii Collaboration Les fonctions collaboratives ne nous semblent pas prioritaires et nous semblent notamment relever d autres types d outils m me si le couplage avec la gestion de contenu devrait alors tre soigneusement pens Les fonctions de partage d information exprim es ici nous semblent suffisantes publi
97. ns le cache sinon le generer if file exists CACHE htaccess if hebergeur nexenservices echo lt font color FF0000 IMPORTANT lt font gt echo Votre h amp eacute bergeur est Nexen Services lt br gt echo La protection du r amp eacute pertoire lt i gt CACHE lt i gt doit se faire par l interm amp eacute diaire de echo lt a href http www nexenservices com webmestres htlocal php target _blank gt l espace webmestres lt a gt echo Veuillez cr amp eacute er manuellement la protection pour ce r amp eacute pertoire un couple login mot de passe est n amp eacute cessaire lt br gt j else f fopen CACHE htaccess w fputs f deny from all n fclose f j Fonctionnalites administrateur declenchees par le cookie admin authentifie ou non CETE M diterran e IAAI Ao t 2004 75 prototyge d un site web avec l outil Spip if SHTTP_ COOKIE VARS spip_ admin AND l flag_preserver AND l flag boutons admin include local inc admin php3 afficher boutons admin envoyer la page si possible flush Taches de fond Envoi du mail quoi de neuf if lire_meta quoi_de_neuf oui AND jours_neuf lire_meta jours_neuf AND adresse_neuf lire meta adresse_neuf AND time majnouv lire_meta majnouv gt 3600 24 jours neuf if timeout quoide neuf include ecrire inc meta php3 ecrire m
98. ns pas distingu pour le service de niveau validateur chaque auteur pouvant galement publier ses articles comme il le souhaite Pour cr er un nouvel article l auteur doit tout d abord se connecter la partie priv e Les identifiants login mot de passe ont t ou seront envoy s par mails aux personnes inscrites membres du service TET On peut se rendre sur la partie priv e en tapant http 172 23 215 10 ecrire ou en cliquant sur l image en haut droite sur les pages du site le lien a t en quelque sorte cach pour viter le plus possible les tentatives d intrusions dans la partie priv e 2 Prototype d intranet DGERI TET Votre espace priv Microsoft Internet Explorer X Fichier Edition Affichage Favoris Outils A Q Pr c dente be a JO Rechercher Se Favoris Dr 2 A im Adresse E http f localhost ecrire E F B 4 A suivre dition Discussions volution Administration hide en Visiter le du site R du site du site ligne site 45 e Rechercher A suivre Informations Toutlesite Suivrelaviedu F Se d connecter personnelles interface compl te D Y JEAN JACQUES BLANC Vous utilisez la messagerie interne de ce site Votre le D partement Gestion Exploitation gt 1 DGERI Route Intelligente nom appara t dans la liste des utilisateurs connect s Supprimer le cookie de A correspondance Vos d
99. objectif principal de ce stage est la r alisation d un prototype de site web pour le d partement DGERI TET du CETE M diterran e qui doit permettre aux agents du CETE de publier facilement leurs travaux et de les rendre accessibles leurs coll gues leurs clients et le public en g n ral Ce site serait dans un premier temps interne au d partement alimenterait le site internet du CETE ainsi que d autres sites intranet ou internet et pourrait galement servir dans la r flexion au sujet de la mise en place d outils web au niveau du RST En pratique nous avons travaill de mani re it rative en parall le sur les 3 aspects prise en compte des attentes des utilisateurs et des acteurs concern s prise de connaissance des outils conception et mise en place du prototype Ce rapport de stage ne refl te pas le d roulement temporel du travail effectu en vue de faciliter sa r utilisation il est structur de la fa on suivante cahier des charges du site web expression des besoins et des contraintes techniques pr sentation de la solution technique impl ment e pour le prototype retour d exp rience des utilisateurs conclusions et recommandations CETE M diterran e IAAI Ao t 2004 9 prototyge d un site web avec l outil Spip I Cahier des charges du prototype de site web DGERI TET A Contexte Le CETE M diterran e est l un des centres techniques du minist re de l quipement qui intervient en tant que burea
100. ont family Trebuchet MS Tahoma Arial Helvetica sans serif navigation font family Verdana Arial Helvetica sans serif encart font family Verdana Arial Helvetica sans serif CETE M diterran e IAAI Ao t 2004 69 prototyge d un site web avec l outil Spip 2 fichiers PHP i index php3 lt php fichier php utilis quand on arrive sur le site if file_exists ecrire inc_connect php3 db_ ok 0 include ecrire inc_version php3 include ecrire inc presentation php3 install debut html _T info travaux _titre echo lt P gt T info travaux texte lt P gt install fin html exit include sommaire php3 gt ii inc public php3 lt php fichier php utilis quand on arrive sur la partie public renvoie sur inc public global php3 if defined _INC_PUBLIC define _INC PUBLIC 1 include inc public global php3 else cache inclus inclure fichier fond delais contexte_ inclus if delais cache supprimes cache inclus message pour suppression include cache inclus gt CETE M diterran e IAAI Ao t 2004 70 prototyge d un site web avec l outil Spip iii inc public global php3 lt php fichier php utilis quand on arrive sur la partie public fichier php le plus important include ecrire inc_version php3 include local inc cache php3 if SINSECURE
101. orrespondant chacun un fichier html e Une dizaine de fichiers HTML les squelettes dont le nom finit en dist html CETE M diterran e IAAI Ao t 2004 31 prototyge d un site web avec l outil Spip 2 Le cache Lorsqu un visiteur demande acc der une page du site de nombreuses op rations sont effectu es calcul code PHP recherche dans la base de donn es ce qui peut ralentir l affichage de la page si le nombre d informations est important Or on sait que la rapidit d affichage est une des demandes les plus fr quentes des internautes et des utilisateurs de r seaux informatiques en g n ral Pour palier ce probl me on utilisera la notion de cache lors de la premi re demande d affichage d une page toutes les op rations seront calcul es normalement La page ainsi obtenue sera alors conserv e un certain temps et si une nouvelle requ te est r alis e pour cette page pendant ce d lai le programme se contentera d aller la chercher et de l afficher telle quelle ce qui est beaucoup plus rapide Par contre si une modification a t apport e la page entre les 2 demandes elle ne sera pas prise en compte au moment du deuxi me affichage Une fois le d lai pass la page sera effac du cache et un nouvel appel elle n cessitera de recalculer la page Le d lai peut tre modifi notre guise dans le code des fichiers PHP l aide d une variable delais delais 3600 Le temps tant ex
102. pal les autres besoins changes d information par projet tant r solus par d autres outils de mani re globalement satisfaisante messagerie lectronique intranet CETE r pertoires partag s site web projet etc CETE M diterran e IAAI Ao t 2004 39 prototyge d un site web avec l outil Spip V Utilisation du prototype de site web DGERI TET A Contexte organisationnel Ce site a t con u sur les bases d un cahier des charges d fini avec le responsable du service TET qui s tait lui m me concert avec la direction et le service communicationdu CETE avec les responsables du d partement DGERI dont il d pend ainsi qu avec les directions centrales de l informatique DPSM SI et de la recherche DRAST Paris qui travaillent respectivement la mise en place de SPIP pour la gestion de contenu des services d concentr s projet GISEH et la capitalisation des connaissances dans le r seau technique de l quipement Les 6 agents du service TET utilisateurs en 1 ligne ont t associ s depuis le d but et ont t invit s faire part de leur remarque lors du lancement du site courant mai remarques qui ont permis d am liorer progressivement le prototype dont une 2 version a t pr sent e pour information aux responsables de service du d partement DGERI et au service Communication responsable du projet de site internet du CETE d Aix fin juin Le site
103. prim en secondes dans cette exemple la page sera donc conserv e dans le cache pendant une heure Il est tout fait possible de mettre cette variable 0 pour ne pas utiliser de cache ce qui peut tre utile pour un site o les mises jour sont extr mement fr quentes ce qui n est pas le cas pour ce prototype 3 Les fichiers dist html Lors de l installation une page HTML est cr e pour chaque type de SPIP rubrique article br ve et le nom de cette page se termine en dist html rubrique dist html article dist html Il est demand au webmaster m me si ce n est pas obligatoire de faire une copie de ces pages et de les renommer en rubrique html article html puis de travailler sur ces copies pour 2 raisons e Les fichiers dist html peuvent servir de fichiers de secours en cas de probl me e Fn cas de mise jour de la version de SPIP sur notre site les nouveaux fichiers dist html seront install s sans craser nos fichiers rubrique html article html Avec SPIP un ordre par d faut existe entre les diff rentes pages HTML Supposons par exemple qu on demande l affichage de la page correspondant la rubrique n 5 SPIP va regarder dans l ordre si il existe e un fichier rubrique S5 html si ce fichier existe il ne s applique que pour la rubrique n 5 Si ce n est pas le cas SPIP descend d un cran dans les niveaux de priorit s e un fichier rubrique 5 html qui s appliqu
104. prototyge d un site web avec l outil Spip Liberid galiid Frarernid R PUBLIQUE FRAN AISE de l quipement des Transperts et de Logement CETE M diterran e CONCEPTION ET REALISATION D UN PROTOTYPE DE SITE WEB AVEC L OUTIL SPIP proposition d une solution extranet pour un service d tudes prenant en compte le contexte intranet internet de l organisation au minist re de l quipement Les auteurs de ce document n assument aucune responsabilit juridique ni ne s engagent vis vis de la compl tude de l exactitude ou de l utilit des informations pr sent es Les noms de marques de produits de proc d s de services ou d entreprises cit es dans ce document sont d pos s par leurs propri taires respectifs La r f rence faite un nom de marque de produit de proc d de service ou d entreprise ne signifie pas qu il soit soutenu ou recommand par les auteurs de ce document CETE M diterran e IAAI Ao t 2004 1 prototyge d un site web avec l outil Spip NOTICE ANALYTIQUE Organisme commanditaire CETE M diterran e Titre prototypage d un site web avec l outil spip Sous titre proposition d une solution extranet pour un Langue Fran ais service d tudes prenant en compte le contexte intranet internet de l organisation au minist re de l quipement R dacteurs ou coordonnateurs date IAAI Jean Jacques BLANC ao t 2004 R sum Ce document est le rapport d un stage eff
105. public Le site public c est dire la partie visible par les simples visiteurs fabriqu partir de SPIP offre les caract ristiques suivantes Interface enti rement adaptable par le webmaster sans connaissances de PHP ni de MySQL l interface de SPIP se programme en HTML auquel a t ajout un langage relativement simple SPIP n impose donc pas une mise en page rigide et fix e SPIP int gre un syst me de cache pour chaque page individuelle les pages sont calcul es partir des informations de la base de donn es individuellement et stock es dans un fichier de cache ainsi le serveur n est pas ralenti par un trop grand nombre d appels MySQL inutiles De plus le site est toujours accessible m me en cas de panne du serveur de bases de donn es SPIP int gre un petit moteur de recherche bas sur un syst me d indexation par mots CETE M diterran e IAAI Ao t 2004 25 prototyge d un site web avec l outil Spip 4 Structure d un site r alis avec spip i Les rubriques La structure d un site sous SPIP est construite sur une hi rarchie de rubriques Il n y a virtuellement pas de limite au nombre de rubriques une rubrique peut contenir autant de sous rubriques que n cessaires qui elles m mes contiennent des sous rubriques etc On construit ainsi la structure de son site en imbriquant des rubriques et des sous rubriques Il s agit donc une structure d arbre au sens math matique du terme un
106. query query if spip num rows result OR ereg IMG7 s OR strpos Ss 1 spip_log Tentative d effacement interdit s else Q unlink s unset suite n f fopen fichier poubelle wb fwrite f join suite fclose f j else unlink fichier_poubelle CETE M diterran e IAAI Ao t 2004 79 prototyge d un site web avec l outil Spip Gestion des statistiques du site public a la fin pour ne pas forcer le db_ok if lire meta activer_statistiques non include local inc stats php3 ecrire stats gt iv sommaire php3 lt php fichier php pour le sommaire page principale fond sommaire delais 2 3600 include inc public php3 gt v plan php3 lt php fichier php utilis pour le plan du site fond plan delais 2 3600 include inc public php3 Des vi rubrique php3 lt php CETE M diterran e IAAI Ao t 2004 80 prototyge d un site web avec l outil Spip fichier php utilis pour les rubriques fond rubrique delais 2 3600 include inc public php3 gt vii article php3 lt php fichier php utilis pour les articles fond article delais 24 3600 include inc public php3 gt viii recherche php3 lt php fichier php utilis pour la page renvoyant les r sultats du moteur de recherche
107. raphique afin que la parent entre les sites soit imm diatement d tectable Il sera galement n cessaire de cr er une rubrique concentrant l ensemble des liens vers les autres sites CETE M diterran e IAAI Ao t 2004 16 prototyge d un site web avec l outil Spip II Sp cifications techniques du prototype A Introduction Un outil de gestion de contenu web a t retenu au niveau national pour l ensemble des CETE SPIP Le prototype de site web DGERT TET a donc t cr partir de cet outil Les paragraphes suivants d crivent l environnement technique n cessaire l installation de SPIP ainsi que les outils indispensables sa mise en place Le prototype a t con u sur un PC Pentium III 600 Mhz sous Windows XP et Internet Explorer mais ce qui suit reste valable sur l ensemble des machines des syst mes d exploitation et des navigateurs du march Le serveur fonctionne dans un environnement Apache PHP MySql que nous pr sentons bri vement avant de d crire un peu plus en d tails le logiciel SPIP B Apache 1 Pr sentation Apache est le plus utilis des serveur httpd en plus d tre gratuit licence GNU il a l avantage d tre tr s stable et s curis il est mieux appropri pour Linux que Windows mais reste un excellent serveur sur cette plate forme Nous utiliserons une version 1 x m me si les 2 x existent car elle s int gre mieux avec PHP et MySQL 2 Installation Apache peut tre t l
108. rojetde site internet du CETE s sseriiirssrssisrsnerisoniserssinsirriisessisissrssensressisgsssasenii esse 47 C Leprojet de gestion de contenu GISEH sessssserssrsssrresssressinsesseessensonserssensressrssresss 47 D Capitalisation d s ConnaissanteS s sessen inner na nna EE EERE D ENa 48 E Suites a donner he AAE AE A EAE EE 48 F Retour de xp rnente iiersasstisine n r E r E R E 48 VIL Concl sion personnelle sansirnir aaaea EAA ENSS 49 VIL ANNEXES ooir 2 50 A le ene r E E E 50 B DibKographiE kaserne dns nn ER 52 Ce Listing S ra e E R E E E E E E E 53 L Feuilles de Style aenea a a a ie E O 53 2 e Ders PR en ed A AE 70 3 fichiers A e E E E ES 83 CETE M diterran e IAAI Ao t 2004 4 prototyge d un site web avec l outil Spip Remerciements Je tiens tout d abord remercier l ensemble des membres DGERI TET avec qui j ai travaill tout au long de ce stage et qui m ont accueilli tr s chaleureusement parmi eux Patrick Gendre Alice Bazile Nicolas Ditchi Marie Am lie Horvath Claude Ines Alain Kelbel et Gilles Ostyn L ambiance sympathique du groupe m a mis dans les meilleures conditions de travail qui soient Je tiens tout particuli rement remercier Patrick Gendre mon tuteur au sein de l entreprise qui a pris norm ment de son temps pour m accompagner tout le long du stage Je tiens ensuite remercier l ensemble du corps enseignant de l IAAI qui a contribu ma formation pendant ces deux ann es notamment
109. rtoire principal de php vers le r pertoire C WINDOWS D placer ces fichiers permet de les rendre accessibles quelle que soit l interface utilis e Enfin on copie le fichier php ini recommended du r pertoire principal de l archive dans le dossier C WINDOWS puis il faut le renommer en php ini Ce sera le fichier de configuration PHP voir ci dessous CETE M diterran e IAAI Ao t 2004 19 prototyge d un site web avec l outil Spip 3 Configuration On dite le fichier de configuration php ini et v rifie qu il y a bien la ligne shot open tag on qui permet d utiliser la balise ouvrante lt En plus de la balise lt php De m me on v rifie que la variable register_globals est bien on Pour indiquer que les fichiers appel s par include ou require devront se trouver dans le r pertoire courant ou dans c lib on modifie les lignes suivantes tel quel Windows path1 path2 include path c lib Modifier doc_root par le chemin indiqu dans DocumentRoot d httpd conf Doc root c www D MySQL 1 Pr sentation MySQL est un Syst me de Gestion de Bases de Donn es SGBD Relationnelles open source Il utilise le langage de requ tes SQL Structured Query Language 2 Installation MySQL peut tre t l charg l adresse suivante http www mysql com downloads On d compresse le fichier obtenu Il faut alors lancer le fichier d installation setup exe Une nouvelle fois on d cid
110. s menu titre gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_sous rubriques gt lt ul class menu liste gt lt BOUCLE sous rubriques RUBRIQUES id parent par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE sous rubriques gt lt ul gt lt B_sous rubriques gt lt li gt lt BOUCLErubriques gt lt ul gt lt div gt lt B_rubriques gt lt Formulaire administrateur gt FORMULAIRE_ADMIN lt div gt lt div id principal class contenu gt lt Une derniers articles publies gt lt h1 class structure gt lt derniers_articles gt lt h1 gt lt br gt lt br gt lt br gt lt br gt lt br gt lt h1 align center class texte couleur gt Derniers articles publi s lt h1 gt lt br gt lt BOUCLE article un ARTICLES par date inverse 0 2 gt LOGO ARTICLE RUBRIQUEfright lt div class surtitre gt SURTITRE lt div gt lt h2 class titre extrait gt lt a href URL ARTICLE class texte couleur gt TITRE supprimer numero lt a gt lt h2 gt lt div class surtitre gt SOUSTITRE lt div gt lt div class detail gt DATE nom jour DATE affdate lt B_auteurs_un gt lt par_auteur gt
111. s ayant test es le site se sont d clar es satisfaites de sa facilit d utilisation et ont trouv qu il r pondait bien leurs attentes Le site a galement t montr au service communication du CETE qui a lui aussi exprim une opinion positive son sujet Malheusement la version finale du site fut surtout op rationnelle parti d Aout p riode de grands cong s et le nombre de personnes sond es n est par cons quent pas aussi important que ce que j aurais souhait CETE M diterran e IAAI Ao t 2004 48 prototyge d un site web avec l outil Spip VII Conclusion personnelle Je pense sinc rement que ce stage a t le lien id al entre ma vie d tudiant et ma future carri re professionnelle Avoir eu l occasion d int grer une grande entreprise de m inscrire sur le long terme sur un projet de voir l uvre des personnes tr s comp tentes et qualifi es a t une exp rience extr mement enrichissante tout point de vue Je consid re donc ces 6 mois de stage comme une chance et je tiens remercier une nouvelle fois tous ceux qui y ont contribu s M me si j ai conscience d avoir encore beaucoup de progr s faire j esp re que mon travail aura t appr ci et pourra suivre son cours apr s mon d part CETE M diterran e IAAI Ao t 2004 49 prototyge d un site web avec l outil Spip VIII Annexes A lexique e Cache Stockage en m moire des pages r cemment demand es afin d
112. scrire et en renvoyant un mail pr rempli Inscription la newsletter DGERIATET Message Texte enrichi Fichier Edition Affichage Insertion Format Outils Actions Bme EWS 6 ER 0 M 4 otos FA A BLANC Jean Jacques CETE M diterr DGERLISTET CC Objet inscription la newsletter DGERI TET Je souhaite recevoir les nouveaut s du site DGERI TET et vous remercie d avance de prendre en compte mes coordonn es Nom Pr nom Service Organisation Adresse T l phone E Mail Figure 6 Courrier d inscription la newsletter DGERI TET CETE M diterran e IAAI Ao t 2004 41 prototyge d un site web avec l outil Spip Pour chaque rubrique le visiteur a acc s l ensemble des articles et des sous rubriques ainsi et un descriptif de la rubrique Pour chaque article il a connaissance de l auteur et de la date de publication Un lien permet d envoyer un courrier l auteur Les rubriques actuelles sont Pr sentation de l quipe Quoi de neuf TET Etudes termin es Etudes en cours Veille Document de travail La navigation l int rieur du site est donc tr s simple de telle sorte que le visiteur puisse facilement trouver ce qu il recherche 2 Cr ation et gestion de contenu La partie priv e du site donne en fait acc s au logiciel de gestion de contenu web SPIP qui nous a aussi servi param trer le site avec les droits d administrateur Nous n avo
113. sssessetsesereseese 6 2 Le CETE Mediterranee die ee r aaiae 7 3 Led partement DGERJ raisonne aa r a a araia 8 Se us 8 B Contenu du EP DORE a a en 9 II Cahier des charges du prototype de site web DGERL TET 10 A CONE RIE enaa A sta a nt ee et tre ess ee en 10 DID EC dm On 10 C Utlhsa teurs et ROIES den dde nine 11 Eo EE 0 EL Le EP EE E AAE E 11 2 R On E Ea AE 11 MON ROME E ne E E A 11 4 AIME en SN EENE EN E I ESS 12 D s DS fon ti nnels taie rien E EEAS E alias 12 L eniU ane e A E AEE A EA E N 12 RU a E a E A or ds 13 ON ROUE D et en ee a te ee 0 13 CT OS AS a ete est es aile at ee ie 14 OC OEM A natai a a ait te Gina na Din is 15 L Conformit ECRRIQU ntm 15 CTP a de a nt 15 ACTES d GS AO r n aaa araara naar 15 4 Disponibilit semeresini ronn nan er be en lee 15 5 D lai d AHSAOR Sri 15 RO E a a E 16 NOIRS a ne a a M ae Onde oi ua 16 LL Sp cifications l CHMQUES du prototyp datent ladite pialitns 17 A TO PO Sd dd ee a an eo air dou 17 B Apa herenen N E E E E 17 l Pre SAONE da a Ed bi id a a aia 17 ACIER en na a ad ed ii de 0 hote 17 3 Configurations ee nd ee a ae a nn 18 C PHP e ee ed a nn Ne 19 PERS DO EE a a a a en le enl 19 A A a a 19 3 COR AO e E nd oi 20 D NS OR no dt 20 PE RAR ni a ein nn uen ide 20 D M AO nn ra et a EEE a de nie 20 3 SCORE A RO D a A NS 21 E ed a a de a du 22 1 salon et configurati ti en aimant 22 2 Caracienstiques g n rales de SPIP isminin npon a ER EE 24
114. st mes actifs de s curit ou d assistance au conducteur contr le sanction enregistreur de contexte Le DGERI est compos d environ 40 personnes Comme les autres d partements il est divis en services de petites tailles Le service dont je faisais partie s appelle le TET 4 Le service TET Le service Trafic Europrojets Technologie TET est l un des 5 services composant le d partement DGERI ses activit s sont centr es sur les proc dures d exploitation de la route et l exp rimentation d outils t l matiques pour les exploitants Ce service de 7 personnes articule ses activit s autour de deux domaines tr s li s Trafic Alain Kelbel Claude In s Alice Bazile qui se positionne dans le domaine de l exploitation et l information pour le compte des exploitants routiers DDE et services centraux organisation des services strat gies et proc dures mise en uvre des outils Europrojets Technologies Nicolas Ditchi Marie Am lie Horvath Gilles Ostyn r alise des prestations valuation prototypage mod lisation en liaison avec la mise en place d outils d exploitation ou d information mettant en oeuvre des quipements de terrain ou embarqu s ou des applications informatiques L ensemble de ces activit s est sous le contr le de Patrick Gendre qui est le chef du service CETE M diterran e IAAI Ao t 2004 8 prototyge d un site web avec l outil Spip B Contenu du rapport L
115. t lt br gt lt div class chapo gt CHAPO lt div gt lt div class texte gt TEXTE lt div gt lt div class ps gt PS lt div gt lt div class notes gt NOTES lt div gt lt br gt Mozilla lt BOUCLE documents joints DOCUMENTS id article mode document doublons lt br gt gt LOGO_DOCUMENT URL_ DOCUMENT J lt br gt TITRE DESCRIPTIF lt BOUCLE documents joints gt lt br gt lt B_auteurs gt lt BOUCLE_auteurs AUTEURS id article par nom gt CETE M diterran e IAAI Ao t 2004 97 prototyge d un site web avec l outil Spip lt div title amp eacute crire amp agrave cet auteur class texte gt lt a href mailto EMAIL class texte couleur gt Envoyer un courrier l auteur NOM lt a gt lt div gt lt BOUCLE auteurs gt lt B_auteurs gt lt h1 class structure gt lt Forum gt lt h1 gt lt B_forums gt lt ul class forum total gt lt BOUCLE forums FORUMS id_article par date inverse gt lt li gt lt div class forum fil gt lt div class forum gt lt a name forum ID FORUM gt lt a gt lt div class forum chapo gt lt div class forum titre gt TITRE lt div gt DATEaffdate lt par_auteur gt lt A HREF mailto EMAIL gt NOM lt A gt lt div gt lt div class forum item gt TEXTE lt div class forum titre gt lt a href URL_ SITE class spip out g
116. t NOM_SITE lt a gt lt div gt lt div class forum repondre message gt lt a href forum php3 PARAMETRES FORUM gt lt repondre message gt lt a gt lt div gt lt div gt lt div gt lt B_ forums _fils gt lt ul gt lt BOUCLE forums _fils FORUMS id_ parent par date gt lt li gt lt div class forum gt lt a name forum ID FORUM gt lt a gt lt div class forum chapo gt lt div class forum titre gt TITRE lt div gt DATE affdate lt par_auteur gt lt A HREF mailto EMAIL gt NOM lt A gt lt div gt lt div class forum item gt TEXTE lt div class forum titre gt lt a href URL_ SITE class spip out gt NOM_ SITE lt a gt lt div gt lt div class forum repondre message gt lt a href forum php3 PARAMETRES FORUM gt lt repondre message gt lt a gt lt div gt CETE M diterran e IAAI Ao t 2004 98 prototyge d un site web avec l outil Spip lt div gt lt div gt lt BOUCLE Forums Boucle boucle forums fils gt lt BOUCLE Forums Boucle gt lt li gt lt BOUCLE forums fils gt lt ul gt lt B_forums_fils gt lt div gt lt i gt lt BOUCLE forums gt lt ul gt lt B_forums gt lt div gt lt body gt lt html gt lt BOUCLE article principal gt lt aucun article gt lt B_ article principal gt v recent html lt IDOCTYPE HTML PUBLIC W3C DTD HTML http www w3 org TR ht
117. t li class menu item gt lt a href recents php3 class texte couleur gt Articles r cents lt a gt lt li gt lt li class menu item gt lt a href article php3 id_article 49 class texte couleur gt Bulletin d infos lt a gt lt li gt lt ul gt lt div gt lt form action recherche php3 method get class menu item gt Rechercher un article lt input type text name recherche size 30 maxlength 50 class formrecherche2 gt lt input type submit value ok gt lt form gt lt br gt lt Menu de navigation rubriques gt CETE M diterran e IAAI Ao t 2004 90 prototyge d un site web avec l outil Spip lt div class menu gt lt ol class rubriques title lt hierarchie site gt gt lt BOUCLE_ rubriques HIERARCHIE id rubrique gt lt li gt lt div class menu titre gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt div gt lt B_rubriques tantes gt lt ul class menu liste gt lt BOUCLE rubriques tantes RUBRIQUES meme parent exclus par titre gt lt li class menu item gt lt a href URL RUBRIQUE title DESCRIPTIFItextebrutlentites_html class texte couleur gt TITRE supprimer numero lt a gt lt li gt lt BOUCLE rubriques tantes gt lt ul gt lt B_ rubriques tantes gt lt i gt lt BOUCLE _rubriques gt lt li gt lt div class menu t
118. ts gt lt Liens des forums gt lt BOUCLE _ forums decompte FORUMS id_article plat gt lt BOUCLE forums decompte gt lt div class menu title lt derniers_commentaires gt gt lt h1 class structure gt lt derniers_ commentaires gt lt h1 gt lt ul class forums gt lt li class menu titre gt lt messages_forum gt TOTAL BOUCLE lt li gt lt B_forums_decompte gt lt BOUCLE forums liens FORUMS id_article par date inverse 0 5 gt lt li class menu item gt lt i gt DATE affdate court lt 1 gt lt a href forum ID_FORUM gt TITRE supprimer_numero lt a gt lt li gt lt BOUCLE forums _liens gt lt ul gt lt div gt CETE M diterran e IAAI Ao t 2004 96 prototyge d un site web avec l outil Spip lt B_forums_liens gt lt Formulaire administrateur gt FORMULAIRE _ADMIN lt div gt lt Une derniers articles publies gt lt div class contenu id principal gt lt br gt lt br gt lt br gt lt br gt lt br gt lt div class cartouche gt LOGO_ARTICLE left lt div class surtitre gt SURTITRE lt div gt lt h1 class titre texte gt TITRE supprimer_numero lt h1 gt lt div class surtitre gt SOUSTITRE lt div gt DATE nom _jour DATE affdate lt div gt lt div style line height 0em gt amp nbsp lt div gt lt Bug http bugzilla mozilla org show bug cgi id 200510 g
119. tuitive rend extr mement simple la proposition d articles et de br ves ainsi que la gestion ditoriale du site De plus des raccourcis typographiques permettent de mettre en forme un texte sans avoir utiliser le langage HTML rendant ainsi la contribution r dactionnelle accessible tous et tr s proche de ce qu on pourrait faire avec un diteur de texte volu Pour le webmaster SPIP est livr avec un format d interface de navigation complet d s qu on commence d poser du contenu sur le site il pourra tre imm diatement visit et adoptera l interface graphique fournie par d faut Le webmaster du site peut bien entendu fabriquer sa propre interface graphique s il le d sire A lavenir il est pr vu que plusieurs pr sentations soient fournies avec SPIP permettant la majorit des webmasters d en r utiliser une qui leur convienne pour minimiser l effort de personnalisation L aspect graphique et la navigation sont d finis par des squelettes HTML d finissant chacun une repr sentation de la page web par exemple une vue pour la page d index une autre montrant une rubrique et un r sum de son contenu une troisi me pour le d tail d un article une quatri me pour le d tail d une br ve La fa on dont est ins r le contenu r dactionnel du site dans ces pages est d fini par un certain nombre de pseudo tags HTML relativement faciles ma triser CETE M diterran e IAAI Ao t 2004 2
120. u d tudes sur les champs d activit transport am nagement environnement aussi bien pour les services du minist re Directions D partementales et R gionales DDE DRE ainsi que directions et services centraux que pour des clients ext rieurs essentiellement collectivit s locales et commission europ enne Le service DGERT TET travaille dans le domaine de l exploitation routi re et des syst mes t l matiques de gestion de la route et d information aux usagers De par ses activit s ce service souhaite mettre en place d s que possible des outils de partage d information sur le web et s inscrire dans les d marches en cours au niveau du CETE du r seau technique de l quipement RST et du minist re de l quipement dans son ensemble e le CETE M diterran e a lanc une tude de d finition pour la r alisation de son site internet avec l outil SPIP retenu par le minist re au niveau national pour la gestion de contenus web e le RST souhaite mettre disposition des CETE des outils de partage d information et de capitalisation des connaissances suite une premi re exp rimentation ICI anim e par la direction de la recherche DRAST en 2000 2001 le service DGERV TET a d ailleurs propos la DRAST de r aliser partir du travail effectu lors de ce stage un retour d exp riences sur l utilisation de l outil SPIP e le minist re de l quipement dans le cadre du projet GISEH pilot
121. uery query row spip _fetch array result if row ecraser_ cache true if substr rowl chapo 0 1 include ecrire inc texte php3 regs array substr rowl chapo 1 list url extraire lien regs url addslashes url texte lt php header Location url gt calculer cache false spip_log redirection url chemin cache ecrire fichier cache chemin cache texte if calculer cache include local inc calcul php3 timer a explode microtime page calculer page globale fond timer_b explode microtime if Spage timer ceil 1000 timer b 0 timer b 1 timer a 0 timer a 1 taille ceil strlen page 1024 CETE M diterran e IAAI Ao t 2004 73 prototyge d un site web avec l outil Spip spip_log calcul timer ms chemin cache taille ko delai delais s chemin cache ecrire fichier cache chemin cache page si var_recherche est positionnee on met en rouge les mots cherches php4 uniquement if var recherche AND flag ob AND flag pcre AND flag preserver AND l mode _ surligne include ecrire inc surligne php3 mode surligne auto timeout false true false no lock action no mysql ob start else unset var recherche unset mode surligne Inclusion du cache pour envoyer la page au client e
122. un article par exemple ne soit visible des autres internautes Il ne semble pas souhaitable en revanche qu il puisse donner publiquement son avis sur un article notre site n est pas un forum ou un wiki Pour les internautes encore plus que pour les agents du service il est important de privil gier l aspect ergonomique rapidit d ouverture des pages arborescence des rubriques claire et pratique contenu adapt ses besoins possibilit d interagir avec lui du site 2 R dacteur Les r dacteurs sont les utilisateurs qui apportent du contenu au site Ce sont donc des membres des services du CETE concern par le site dans le cas de cette tude le service DGERI TET La mise en place de comptes individuels login mot de passe pour chacun semble n cessaire ce qui conduira probablement mettre en uvre des processus de gestion de comptes et de s curit Il est bien connu que des utilisateurs m me motiv s n ont pas tendance spontan ment apporter de l information il faut donc mettre leur disposition un outil suffisamment simple et performant pour que la publication d informations devienne quasiment un r flexe 3 Validateur Comme son nom l indique le r le de ce type d utilisateurs est de valider le contenu apport par les auteurs afin de les rendre consultables pour tous sur le site Autant ce r le nous semble essentiel au niveau d un site internet ou intranet d une grande organisation comme le CETE 5
123. un fichier indiquant en permanence la liste de leurs derni res publications Ce fichier est appel fichier backend et utilise le standard RSS Ce fichier peut tre facilement analys de mani re automatique afin de r cup rer en permanence la liste des nouveaut s de tels sites De cette mani re il est tr s facile de publier sur un site la liste des derniers articles publi s sur un site SPIP Pour parler simplement pour syndiquer un site SPIP il suffit de conna tre l adresse de son fichier backend php3 G n ralement et par d faut ce fichier se trouve la racine du site Par exemple sous SPIP pour ajouter un site syndiqu il suffit d ajouter l adresse du fichier backend du site au moment o on le r f rence Apres validation un message indique imm diatement si la syndication a fonctionn correctement Articles syndiqu s Lorsqu on r alise la syndication d un site SPIP affiche la liste des derniers articles publi s sur ce site sous la mention Articles syndiqu s tir s de ce site Pour chaque article SPIP indique e le titre de l article il suffit de cliquer sur ce titre pour acc der l article sur son site d origine e ventuellement les auteurs e ventuellement un descriptif de l article Ces informations tir es automatiquement du site r f renc ne peuvent pas tre modifi es De plus pour chaque article un bouton bloquer ce lien permet d en bloquer l affichage parce
124. underline a spip_out color black text decoration underline a after display inline border 1px solid dotted content attr href Un peu de coquetterie chapo line height 1 4em margin top lem texte Ps padding top 0 6em margin top 0 6em border top 1px dashed 404040 notes margin top 0 6em margin bottom 0 6em border top 1px solid 707070 Structure display none spip admin display none CETE M diterran e IAAI Ao t 2004 62 prototyge d un site web avec l outil Spip contenu margin 10px contenu h1 margin top 0em margin bottom 0em contenu hl titre extrait contenu hl titre texte contenu surtitre margin top 0em margin bottom 0em contenu detail margin left 2em extrait margin top 0 5em margin bottom 0 5em margin left 2em margin right 0em line height 1 4em Disposition on elimine les elements de navigation display none et on choisit un affichage de base pour le principal principal margin 10px navigation display none encart display none cartouche margin top 0 5em padding top 1em margin bottom 1em CETE M diterran e IAAI Ao t 2004 63 prototyge d un site web avec l outil Spip cartouche spip logos margin left Opx padding left 0px margin right 0 8em Foru
125. urs de faible puissance sans probl me et avec des temps de r ponse courts e Il doit tre visible partir de l ensemble des navigateurs du march Internet Explorer Mozilla Netscape et des syst mes d exploitation Windows linux e Il doit tre capable de g rer une grande quantit d informations n cessit d avoir un serveur assez performant 3 Facilit d utilisation Le site doit avoir une prise en main ais e et imm diate L exp rience montre que la premi re impression est g n ralement d terminante quant l opinion des visiteurs sur un site et leur d sir d y revenir Le visiteur doit pouvoir trouver rapidement l information qu il recherche les rubriques doivent tre assez explicites pour qu il en comprenne rapidement le r le et l aspect visuel doit tre suffisamment clair et soign pour rendre la visite du site agr able 4 Disponibilit Il n y a pas pour le prototype d exigence de disponibilit particuli re en revanche terme le site doit pouvoir fonctionner en permanence de mani re pouvoir tre sauvegard la nuit ou tre interrog par des moteurs ou autres requ tes automatiques 5 D lai de r alisation Une premi re version op rationnelle du site doit tre disponible fin Juin 2004 La version finale du prototype pour le DGERT TET doit tre disponible pour Septembre 2004 Au m me moment sera livr un rapport d crivant sa mise en fonctionnement 2 Gestion d Informatis e sur Syst

Download Pdf Manuals

Related Search

Related Contents

MOTORI MARINI - Yanmar Marine  User's Guide CTS6000 control panel  OM, Gardena, Estanque para balcones y terrazas, Art 07784, Art  Philips Humidification filter HU4101  Lexmark 9300 Series User's Manual  Ductless Split Room Air Conditioner Warranty  je m`engage ! - L`hérault se bouge pour toi  Thermalright HR-09 Type 4  E/G型 カタログVol.2  User Manual for Aided Schools  

Copyright © All rights reserved. Failed to retrieve file