You are on page 1of 31

M2 BDIA – Semestre Automne 2012

TP1 – Prise en main de Drupal 7
1

Ana ROXIN Méthodes et architectures émergentes
1 11 1 Introduction Introduction Introduction Introduction
Drupa est un ogicie permettant de créer! puis de gérer simpement un site "e#$ %our cea! i permet! comme tous es
&MS 'Content Management System ou Système de Gestion de Contenu en (ran)ais*! en tout premier ieu de gérer 'e$g$ créer!
éditer! supprimer* du contenu! c+est,-,dire go#aement es pages du site$ .e principa a/antage d+un te s0st1me réside
dans a possi#iité de (aire é/ouer e contenu du site! et donc e site ui,m2me! sans recourir s0stémati3uement - un
programmeur$
.a pate,(orme Drupa est constituée d+un ensem#e de modues gra/itant autour d4un no0au tr1s éger$ &ha3ue modue
est en 3ue3ue sorte une #i#ioth13ue de (onctions 3ui enrichit +appication et augmente ses possi#iités$ &es di((érents
modues peu/ent interagir entre eu5$
6ne autre caractéristi3ue de a pate,(orme Drupa est 3ue e site et son inter(ace d+administration sont intimement iés7
es administrateurs éditent eur contenu dans e m2me conte5te graphi3ue ou pres3ue 3ue ceui du /isiteur$ &ette
(onctionnaité peut,2tre déroutante au premier a#ord! mais est par a suite particui1rement producti/e et intuiti/e$
%armi es principau5 a/antages de a pate,(orme Drupa! nous pou/ons citer es sui/ants 7
Rapidité de mise en œuvre – a pate,(orme repose sur des soutions ogiciees i#res de droits et ne nécessite pas +achat
de icences spéci(i3ues 8
Modularité – I est possi#e d+étendre es possi#iités en a9outant des modues 'soit créés par a communauté et sous
icence i#re :%.! soit dé/eoppés - des (ins spéci(i3ues* 8
Robustesse – .a 3uaité du code et a ro#ustesse de son inter(ace de programmation 'A%I* (ont de Drupa un
en/ironnement de dé/eoppement %;% 3ui permet de répondre - un nom#re pres3u+in(ini de #esoins 8
Référence en matière de web sémantique – A/ec sa /ersion <! es principes du "e# de données sont intégrés d1s e no0au$
Drupa (aciite 4intégration de schémas de données iées dé(inis par a norme RD=a$ .es résutats sont
automati3uement partagés entre es machines$ .es dé/eoppeurs d4appications peu/ent se concentrer sur a (ourniture
de soutions de /isuaisation en agrégeant e contenu de sources disparates$ A/ec Drupa! es dé/eoppeurs n4ont pas -
se préoccuper de a capture! de 4organisation et de a maintenance des métadonnées$ Drupa (ait en sorte de
structurer es données et de es rendre réutiisa#es par d4autres sites$ .e &MS e (ait en a9outant des in(ormations
autour de ces données! en es structurant seon e mod1e RD=$ >n(in! Drupa dispose d4un modue S%AR?.> en
cours de sta#iisation$ .e pro9et Spar@e permet de rechercher! a9outer! modi(ier ou supprimer des données RD=
disponi#es - tra/ers Internet$
2 22 2 Architecture d’un site Drupal Architecture d’un site Drupal Architecture d’un site Drupal Architecture d’un site Drupal
.+architecture d+un site Drupa repose sur un mod1e de contenu spéci(i3ue 3ui permet de structurer +in(ormation$
Drupa utiise un s0st1me de nAuds 'cha3ue page du site représente un nAud* coupé - une ta5onomie particui1rement
(e5i#e$ &+est pour cette raison 3u+i est important de dé(inir ici es principau5 concepts sous,9acents - Drupa$
A(in de gérer a /ariété des pages d+un site! Drupa met en pace des t0pes de contenu$ Donc ors3ue /ous souhaiteB créer
un contenu! /ous de/eB o#igatoirement et au préaa#e choisir son t0pe et en (onction de ce choi5! Drupa /ous donnera
acc1s au (ormuaire de création correspondant$

M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2

Ana ROXIN Méthodes et architectures émergentes
2.1 2.1 2.1 2.1 Nœud Nœud Nœud Nœud
.e nAud est 4éément centra du mod1e de contenu empo0é par Drupa$
Un nœud est un objet générique composé d’un titre et d’un contenu de type texte.
Drupa (ournit! d1s son instaation! deu5 t0pes de contenu tr1s uties 3ue nous aons présenter ci,dessous 7 C page D et
C artice D 'ce sont es t0pes de contenus standard*$
Eoute a puissance de Drupa réside dans a possi#iité de spéciaiser un nAud en ui ad9oignant des champs
suppémentaires$ &+est ainsi 3ue +on /a pou/oir créer de nou/eau5 t0pes de contenus$
Chaque élément de contenu présent dans un site Drupal est un nœud.
Chaque nœud appartient à un type de contenu.
2.1.1 2.1.1 2.1.1 2.1.1 Article Article Article Article
Article contenu court et!ou traitant d"un point précis #sans lien direct a$ec d"autres
articles%.
.es artices comportent un titre et un corps de te5te! mais peu/ent 2tre étendus par d4autres modues$ .4accroche (ait
égaement partie du corps$
.es artices peu/ent 2tre utiisés dans un #og personne ou dans un site d4actuaités$
2.1.2 2.1.2 2.1.2 2.1.2 Page Page Page Page
&age contenu plut't statique #page de présentation% ou page orpheline.
.a di((érence entre une C page D et un C artice D se (ait uni3uement au ni/eau de 4a((ichage par dé(aut de ces ééments sur
e site$ >n e((et! au contraire d+un artice! une page n4a((iche pas es in(ormations de 4auteur et a date de pu#ication!
d+autre part! es commentaires sont désacti/és par dé(aut$ &es param1tres d+a((ichage sont aisément modi(ia#es ce 3ui (ait
3u+au (ina! d+un point de /ue techni3ue! i n+0 a aucune di((érence$
.+intér2t est aieurs! a di((érentiation des t0pes de contenu est un mo0en - a disposition du concepteur pour #Ftir un
mod1e de contenu adapté au #esoin$ Dans ce cas! cea permet de séparer strictement et de traiter di((éremment es
in(ormations stati3ues d+une C page D 'présentation du site! mentions égaes! etc$* 3ui sont rarement mises - 9our! des
in(ormations d0nami3ues d+un C artice D dont a durée de /ie est pus (ai#e 'actuaités! annonces! etc$*$
2.1.3 2.1.3 2.1.3 2.1.3 Livre Livre Livre Livre
(i$re ensemble de nœuds liés entre eux par des liens hiérarchiques #parent) en*ant)
*r+re%.
&ette structure hiérarchi3ue 'un sommaire* est générée automati3uement - +a((ichage d+un nAud de ce t0pe$ &omme son
nom 4indi3ue! ce contenu est adapté - un contenu structuré en chapitre et sous,chapitre! un contenu organisé autour
d4une progression ogi3ue$ 6n i/re est un e((ort coecti( d4écriture 7 es utiisateurs peu/ent coa#orer - 4écriture des
pages du i/re! positionner es pages dans e #on ordre! et passer en re/ue ou modi(ier es pages écrites précédemment$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
G

Ana ROXIN Méthodes et architectures émergentes
2.2 2.2 2.2 2.2 Les comm Les comm Les comm Les commentaires entaires entaires entaires
.es commentaires sont des ééments cassi3ues d+un s0st1me de gestion de contenu communautaire et ont été popuarisés
par es #ogs$ &+est a #ase de +interaction entre e's* éditeur's* d+un site et es ecteurs! car is permettent - ces derniers
de commenter e contenu en 3uestion$
Dans Drupal) les commentaires ont pour particularité de ne pas ,tre des nœuds.
Ce sont donc des éléments à part dans le mod+le de contenu.
&ette architecture a été retenue parce 3ue pus per(ormante et donc capa#e de gérer des miiers de commentaires$
&oncr1tement! cea signi(ie 3u4is ne seront pas e5poita#es de a m2me (a)on 3ue es autres contenus! mais
personnaisa#e tout de m2me$
Eous es nAuds de Drupa peu/ent rece/oir des commentaires et i est possi#e de paramétrer a mani1re dont ceu5,ci se
comportent$ &es régages peu/ent 2tre di((érents pour cha3ue t0pe de contenu ou m2me pour chacun des nAuds$
2.3 2.3 2.3 2.3 Catgories! voca"ulaire! ta#onomie! termes Catgories! voca"ulaire! ta#onomie! termes Catgories! voca"ulaire! ta#onomie! termes Catgories! voca"ulaire! ta#onomie! termes
.a ta5onomie est e concept 3ui permet a structuration des di((érents ééments de contenu d+un site Drupa$ Er1s puissant
et (e5i#e i est par(ois di((icie - appréhender! car i utiise des mots 3ui ne (ont pas partie du angage courant 7 terme!
/oca#uaire et ta5onomie$
-erme étiquette ser$ant à désigner un regroupement de di**érents nœuds.
.ocabulaire groupe de plusieurs termes.
-axonomie précise le type de relation qui existe entre les termes d’un m,me $ocabulaire.
%usieurs t0pes de ta5onomies sont possi#es 7
Taonomie libre 7 es termes peu/ent 2tre choisis sans contrainte 8
Taonomie simple 7 un seu terme par contenu 8
Taonomie multiple 7 pusieurs termes peu/ent 2tre choisis parmi une iste prédé(inie$
>n(in une ta5onomie peut dé(inir des reations hiérarchi3ues entre es termes a(in de dé(inir des catégories et sous
catégories$
Drupa permet donc de créer un /oca#uaire pour cha3ue #esoin de cassi(ication 3ui peut e5ister dans un site$
2.$ 2.$ 2.$ 2.$ %locs %locs %locs %locs
(es blocs sont des éléments de contenu spéci*iques.
>n généra! is sont utiisés pour a((icher une in(ormation secondaire 'commentaires récents*! un contenu ié au contenu
principa 'pro(i de +auteur de +artice* ou pour a((icher des ééments de na/igation 'menu! (ormuaire de conne5ion*$
Drupa o((re a possi#iité de créer de nou/eau5 #ocs /ia 4inter(ace d+administration$
&ha3ue #oc poss1de une page de con(iguration 3ui permettant de réger sa /isi#iité 7 seon es pages a((ichées! seon e
/isiteur ou encore seon une ogi3ue pus compe5e régie par un code en %;%$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
H

Ana ROXIN Méthodes et architectures émergentes
2.& 2.& 2.& 2.& 'enus 'enus 'enus 'enus
Un menu est simplement une liste d’hyperliens $ers des pages internes ou $ers d’autres
sites.
Cette liste peut/,tre hiérarchisée a*in de permettre de créer des menus et des sous/menus.
>n généra! es menus sont utiisés a(in de créer des ééments de na/igation pour es utiisateurs du site$
Drupa crée par dé(aut 7
un C menu primaire D 'primar0 in@s* sou/ent utiisé pour a #arre de na/igation principae 8
un C menu secondaire D 'secondar0 in@s* empo0é pour des iens de moindre importance$
6ne (ois encore Drupa n+est pas imitant et permet de créer autant de menus 3ue e site nécessite$
.ors de a création d+un menu! ceui,ci gén1re automati3uement un #oc$
2.( 2.( 2.( 2.( )tilisateurs )tilisateurs )tilisateurs )tilisateurs * ** * r+les et droits r+les et droits r+les et droits r+les et droits
Chaque 0 utilisateur 1 du site est identi*ié lors de sa connexion.
(es utilisateurs ont un 0 r'le 1 qui leur est assigné.
Chaque 0 r'le 1 dispose d’un certain nombre de 0 droits 1.
(’ensemble des 0 droits 1 d’un r'le permet de spéci*ier ce qu’il est autorisé à *aire sur le site.
.e nom#re de rIes pou/ant 2tre dé(inis est iimité et peut donc 2tre adapté (inement au #esoin du site$
&ha3ue utiisateur Drupa est associé - un ou pusieurs rIes! dans ce cas! es droits se cumuent$
Des modues e5istent pour étendre es (onctionnaités de gestion des droits et des utiisateurs a(in de permettre une
gestion des droits d+acc1s encore pus (ine 'pour cha3ue utiisateur par e5empe*$
2., 2., 2., 2., -h.mes -h.mes -h.mes -h.mes
&omme tous es s0st1mes modernes de gestion de contenus! +architecture de Drupa est con)ue de mani1re - séparer
strictement a ogi3ue! e contenu et +apparence d+un site$ .+un des nom#reu5 a/antages de cette techni3ue réside dans a
possi#iité de modi(ier totaement +apparence d+un site sans a/oir - toucher - a mécani3ue interne de +appication ou es
données du contenu$ I est m2me tout - (ait possi#e de (aire coha#iter pusieurs th1mes dans une m2me instaation et de
aisser e choi5 du th1me au5 utiisateurs$
-h+me Drupal ensemble de *ichiers modi*iant l"a**ichage par dé*aut du site.
.+a((ichage par dé(aut est intercepté et modi(ié ou surchargé 'override* par e th1me séectionné - deu5 ni/eau5 7
.a structure X;EM. par dé(aut peut 2tre interceptée a(in de modi(ier a nature! +ordre et e #aisage sémanti3ue des
in(ormations a((ichées 8
.es st0es &SS par dé(aut peu/ent 2tre interceptés a(in de modi(ier +apparence et a mise en page de ces m2mes
in(ormations$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
J

Ana ROXIN Méthodes et architectures émergentes
2./ 2./ 2./ 2./ Cœur 0Core1 Cœur 0Core1 Cœur 0Core1 Cœur 0Core1
Core est un terme angophone désignant e cAur ou 4éément centra$
Dans Drupal) le cœur est la distribution o**icielle a$ec les modules et les th+mes standards.
%armi es modues i/rés dans e cAur! tous ne sont pas acti/és par dé(aut$ >n (ait! seu un petit nom#re de modues sont
strictement nécessaires au (onctionnement de Drupa$ .e cAur de Drupa est donc éger$
2.2 2.2 2.2 2.2 'odules 'odules 'odules 'odules
On pourrait comparer e concept de modue - ceui de pugin ou gre((on$
Un module est une brique logicielle s"ajoutant à l’application pour étendre ses
*onctionnalités ou modi*ier celles existantes.
>n prati3ue! un modue est une #i#ioth13ue de (onctions %;%! 3ui s4inter(acent a/ec es modues dé9- présents par e #iais
des hame)ons$
2.13 2.13 2.13 2.13 4ormulaires 4ormulaires 4ormulaires 4ormulaires
I 0 a pusieurs t0pes de (ormuaires dans Drupa 7
=ormuaires de saisie de contenu – générés automati3uement! ors de a création d+un nAud! is permettent de créer
et d+éditer es contenus du site$
=ormuaires d+administration des modues – permettent au5 administrateurs de paramétrer e (onctionnement de
Drupa et de ses modues$
Eout (ormuaire Drupa peut 2tre étenduKmodi(ié par d4autres modues$
3 33 3 4onctionnement de Drupal 4onctionnement de Drupal 4onctionnement de Drupal 4onctionnement de Drupal

=igure 1$ A((ichage d+une page ;EM.$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
L

Ana ROXIN Méthodes et architectures émergentes

=igure 2$ A((ichage d+une page Drupa$
$ $$ $ Installation de Drupal Installation de Drupal Installation de Drupal Installation de Drupal
$.1 $.1 $.1 $.1 Installation rapide sous 5indo6s Installation rapide sous 5indo6s Installation rapide sous 5indo6s Installation rapide sous 5indo6s
.a méthode décrite dans ce i/re pour +instaation de Drupa utiise e ogicie MampSer/er2 3ui regroupe Apache! %;%!
M0SN. et phpM0Admin$ Si /ous a/eB +ha#itude d+une autre soution MAM% 'eas0php ou autre*! ne a perdeB pas O &ea
de/rait égaement (onctionner mo0ennant 3ue3ues modi(ications mineures$
$.1.1 $.1.1 $.1.1 $.1.1 Installation de 5 Installation de 5 Installation de 5 Installation de 5amp7erver amp7erver amp7erver amp7erver
Sur e site "e# MampSer/er 'http7KK"""$"ampser/er$comK*! aeB dans a section Do"noad
EééchargeB et e5écuteB e (ichier .exe '/ersion utiisée pour ce E% 7 wampserver2.2e.exe*
I sera considéré 3ue Mampser/er est instaé dans e répertoire c:\wamp 'répertoire par dé(aut*
.aisseB,/ous ensuite guider par +instaateur de Mampser/er et choisisseB es param1tres par dé(aut en cas de doute$
P a (in de +instaation! une icIne apparaQt dans a Bone de noti(ication '- cIté de +heure* – /oir =igure G$
%asseB MampSer/er en (ran)ais en (aisant un cic droit sur +icIne '.anguage R (rench*

=igure G$ IcIne Mampser/er$
.anceB un na/igateur internet et entreB +adresse ocae 7 http://localhost$ Sous de/rieB /oir s+a((icher a page
d+accuei MampSer/er '/oir =igure H*
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
<

Ana ROXIN Méthodes et architectures émergentes

=igure H$ %age d+accuei de Mampser/er$
$.1.2 $.1.2 $.1.2 $.1.2 -lchargement et acc.s 8 l’installateur de Drupal -lchargement et acc.s 8 l’installateur de Drupal -lchargement et acc.s 8 l’installateur de Drupal -lchargement et acc.s 8 l’installateur de Drupal
Sous aeB maintenant instaer Drupa - partir de ses (ichiers sources$ I (aut es téécharger et es copier au #on endroit
dans /otre ar#orescence$
RendeB,/ous - a section Do"noad T >5tend 'téécharger* du site "e# Drupa 'http7KK"""$drupa$orgKdo"noad*
et tééchargeB a derni1re /ersion sta#e de Drupa '/ersion utiisée pour ce E% 7 Drupa <$1L*

=igure J$ %age http7KKdrupa$orgKdo"noad
DécompresseB +archi/e Drupa dans e répertoire """ oU /ous a/eB instaé MampSer/er 'par dé(aut
c7V"ampV"""*
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
W

Ana ROXIN Méthodes et architectures émergentes
RenommeB e répertoire créé en Drupa$ Sous de/rieB o#tenir +ar#orescence sui/ante 7 c7V"ampV"""Vdrupa
RendeB,/ous - +adresse http7KKocahostKdrupa$ .a page d+accuei de +instaateur Drupa doit apparaQtre '/oir
=igure L*$

=igure L$ %age d+accuei de +instaateur Drupa$
$.1.3 $.1.3 $.1.3 $.1.3 Installation en 9ran:ais Installation en 9ran:ais Installation en 9ran:ais Installation en 9ran:ais
.a priorité est maintenant d+instaer Drupa en (ran)ais 7
&i3ueB sur e #outon Sa/e and continue pour passer - a deu5i1me étape 7 &hoose anguage
&i3ueB sur e ien .earn ho" to insta Drupa in other anguages XappreneB comment instaer Drupa dans d+autres
anguesX
6ne page d+aide - +instaation des traductions apparaQt aors$ >e décrit G étapes 7 e tééchargement du (ichier de
traduction! e changement de nom du (ichier et a copie du (ichier '/oir =igure <*$
&i3ueB sur e ien transation ser/er de +étape 1 'http7KKocaiBe$drupa$orgKdo"noad*

=igure <$ %age d+aide - +instaation des traductions$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
Y

Ana ROXIN Méthodes et architectures émergentes
&hercheB a angue (ran)aise et tééchargeB e (ichier 3ui correspond - a /ersion <$1L '/oir =igure W*

=igure W$ Eééchargement de a traduction (ran)aise$
>nregistreB e (ichier dans e répertoire c:\wamp\www\drupal\profile\standard\translation
&i3ueB sur e ien C Reoad the anguage seection page a(ter adding transations D 'recharger a page de séection des
angues apr1s a/oir a9outé des traductions* de a page &hoose anguage
&hoisisseB +option =rench '=ran)ais*
&i3ueB ensuite sur Sa/e and continue pour passer - +étape sui/ante '/oir =igure Y*

=igure Y$ A9out de a traduction (ran)aise$
$.1.$ $.1.$ $.1.$ $.1.$ Installation de la "ase de donnes Installation de la "ase de donnes Installation de la "ase de donnes Installation de la "ase de donnes
6ne #ase de données est un ensem#e de données organisées et nécessaires au (onctionnement d+une appication$ .ors3ue
+appication a #esoin d+e5poiter sa #ase! ee interroge aors e gestionnaire de #ase de données 'ici! /ous utiisereB
M0SN.* 3ui ui,m2me e((ectuera es actions uties dans a #ase 'a9out! modi(ication! suppression de données! etc$*$ &e
programme est optimisé pour manipuer e((icacement de grandes 3uantités de données$
A/ant de poursui/re +instaation de Drupa! i (aut créer et con(igurer a #ase de données 3ui sera utiisée par notre site$
%our ce (aire! nous aons utiiser phpM0Admin$
.anceB un autre na/igateur internet 'ou un nou/e onget* et entreB +adresse ocae 7 http7KKocahostKphpm0admin
'ou ci3ueB sur e raccourci depuis +icIne MampSer/er*$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
10

Ana ROXIN Méthodes et architectures émergentes

=igure 10$ >cran d+accuei de phpM0Admin$
&i3ueB ensuite sur +onget C Bases de données D$ .a (en2tre sui/ante est a((ichée '/oir =igure 11*$ >n dessous de a
igne C &réer une #ase de données D! entreB e nom de a #ase! par e5empe drupaZM2BDIAZSotreNom$

=igure 11$ Onget C Bases de données$ D
&i3ueB ensuite sur e #outon &réer$
Remar3ue$ Sotre #ase est /ide! c+est +instaateur Drupa 3ui /a créer ses ta#es et es rempir a/ec ses données durant
+instaation$
I (aut indi3uer - +instaateur Drupa e nom de a #ase 3ue /ous /eneB de créer et comment s+0 connecter$ %ar dé(aut!
MampSer/er ne prot1ge pas M0SN. et i est possi#e de s+0 connecter sans mot de passe a/ec +utiisateur root$
RetourneB sur +instaateur Drupa et compéteB es champs sui/ants 7
Nom de a #ase de données 7 drupaZM2BDIAZSotreNom
Nom d+utiisateur 7 root
Mot de passe 7 /ide
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
11

Ana ROXIN Méthodes et architectures émergentes

=igure 12$ &on(iguration de a #ase de données pour +instaateur Drupa$
&i3ueB sur e #outon C >nregistrer et continuer D$
Remar3ue$ Drupa s+instae a/ec tous ses modues par dé(aut! ce processus étant asseB ong! e ser/eur "e# 'Apache* peut
+interrompre$ Dans ce cas! rechargeB a page 'touche =J*! e processus reprendra - oU i s+est arr2té$
$.1.& $.1.& $.1.& $.1.& Con9iguration du site Con9iguration du site Con9iguration du site Con9iguration du site
.ors3ue +instaation de Drupa est terminée! i (aut entrer es in(ormations concernant notre site et son administrateur$

=igure 1G$ >cran de con(iguration des param1tres du site$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
12

Ana ROXIN Méthodes et architectures émergentes
&ompéteB es champs de a mani1re sui/ante 7
In(ormations
Nom du site 7 EeeA[
Adresse de courrie du site 7 contact\monadresse$com 'entreB une adresse /aide*
&ompte de maintenance du site
Nom d+utiisateur 7 admin
Adresse de courrie 7 contact\monadresse$com 'entreB une adresse /aide*
Mot de passe 7 >ntreB ici /otre mot de passe
%aram1tres du ser/eur
%a0s par dé(aut 7 =rance 'ou /otre pa0s*
=useau horaire par dé(aut 7 >uropeK%aris
6ne (ois es champs compétés! +instaateur Drupa /ous in(orme 3ue +instaation s+est correctement dérouée et /ous
pou/eB d1s - présent accéder au site ainsi créé$ %our ce (aire! ci3ueB sur e ien C SisiteB /otre nou/eau site D$

=igure 1H$ =in de +instaation Drupa$
Sous pou/eB /ous ogguer en utiisant e nom d+utiisateur C admin D et e mot de passe dé(ini précédemment$

=igure 1J$ %age d+accuei du site EeeA[ ainsi créé$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1G

Ana ROXIN Méthodes et architectures émergentes
$.2 $.2 $.2 $.2 Installation sous Linu# Installation sous Linu# Installation sous Linu# Installation sous Linu#
$.2.1 $.2.1 $.2.1 $.2.1 Paramtrage de la ;irtual%o# Paramtrage de la ;irtual%o# Paramtrage de la ;irtual%o# Paramtrage de la ;irtual%o#
.anceB a SirtuaBo5 7 Appications ] Outis s0st1me ] Orace SM SirtuaBo5
Dans e ogicie SirtuaBo5! a((icheB es param1tres 7 =ichier ] %aram1tres
Dans +onget C :énéra D! i (aut modi(ier e chemin d+acc1s par dé(aut au5 machines$ &i3ueB dans e champ en (ace de
C Dossier par dé(aut des machines D et choisisseB C Autre^ D! puis C VSirtua D$
$.2.2 $.2.2 $.2.2 $.2.2 Conne#ion au serveur Conne#ion au serveur Conne#ion au serveur Conne#ion au serveur
%our récupérer +image de a machine /irtuee! i (aut se connecter au ser/eur ionescoG$
%our ce (aire! i (aut aer dans Raccourcis ] Se connecter - un ser/eur^
Dans a (en2tre C &onne5ion au ser/eur D! rempir es champs a/ec es /aeurs ci,dessous '/oir =igure 1L* 7
E0pe de ser/ice 7 %artage Mindo"s
Ser/eur 7 ionescoG
%artage 7 Di/ers

=igure 1L$ =en2tre C &onne5ion au ser/eur D$
$.2.3 $.2.3 $.2.3 $.2.3 Importation du 9ichier <;A Importation du 9ichier <;A Importation du 9ichier <;A Importation du 9ichier <;A
6ne (ois réaisée a conne5ion au ser/eur! on re/ient dans Orace SM SirtuaBo5! et on importe e (ichier _$o/a$
%our ce (aire i (aut ci3uer sur 7 =ichier ] Importer appication /irtuee! puis ci3uer sur e #outon C &hoisir^ D et aer
chercher e (ichier De#ianL$0$L$o/a situé dans ionescoGKDi/ers$
6ne (ois e processus d+importation terminé! on peut ancer a machine /irtuee en ci3uant sur e #outon C Démarrer D$
$.2.$ $.2.$ $.2.$ $.2.$ Conne#ion 8 la machine virtuelle Conne#ion 8 la machine virtuelle Conne#ion 8 la machine virtuelle Conne#ion 8 la machine virtuelle
6tiiseB e compte utiisateur prédé(ini C M2BDIA D! a/ec e mot de passe sui/ant 7 1PtjEbnA
%our e compte root! e mot de passe est e sui/ant 7 KPxqB7Le
6ne (ois a machine ancée! i su((it de ancer un na/igateur Internet 'de pré(érence Ice"ease* et d+aer sur a page
http7KKocahostKdrupaK

M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1H

Ana ROXIN Méthodes et architectures émergentes
& && & Dcouverte de Drupal Dcouverte de Drupal Dcouverte de Drupal Dcouverte de Drupal
&.1 &.1 &.1 &.1 Les Les Les Les contenus contenus contenus contenus
&.1.1 &.1.1 &.1.1 &.1.1 A=out d’un article A=out d’un article A=out d’un article A=out d’un article
Drupa est un &MS ou &ontent Management S0stem 'S0st1me de gestion de contenu*$ Sous aeB donc commencer par 0
entrer du contenu$ Drupa /ous 0 encourage d+aieurs (ortement puis3ue sur cette premi1re page! pas moins de G
raccourcis /ous permettent de e (aire$
&i3ueB sur +un des iens C A9outer du contenu D 7

=igure 1<$ =en2tre permettant +a9out d+un contenu$
Sous a/eB e choi5 entre deu5 t0pes de contenu! Artice et %age$
&i3ueB sur e ien Artice
Sous arri/eB aors sur e (ormuaire d+a9out de contenu de Drupa$ Nous aons 0 a9outer une description d+émission
de téé/ision$ Nous aons prendre des données depuis a page Mi@ipédia des émissions de téé/ision (ran)aises 7
http7KK(r$"i@ipedia$orgK"i@iK&at`&G`AYgorie7`&G`WYmissionZdeZt`&G`AY`&G`AY/isionZ(ran`&G`A<ai
se '/oir =igure 1W*
Eitre , &apita
Eags – magaBine! économie
&orps – /oir (ichier Ee5tesZartices$pd(

=igure 1W$ %age C &réer un artice D$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1J

Ana ROXIN Méthodes et architectures émergentes
Image – capita$9pg
&i3ueB ensuite sur e #outon Erans(ert de (ichiers
>n(in! ci3ueB sur e #outon >nregistrer tout en #as de a page

=igure 1Y$ A9out d+une image - un artice$
Drupa /ous redirige aors /ers /otre artice mis en (orme$

=igure 20$ Artice sur +émission C &apita D$
&.1.2 &.1.2 &.1.2 &.1.2 A=out d’un deu#i.me article A=out d’un deu#i.me article A=out d’un deu#i.me article A=out d’un deu#i.me article
Nous aons a9outer une deu5i1me description d+émission! a(in d+enrichir e contenu du site$ %our ce (aire! recopieB e
contenu présent sur a page 2 du (ichier Ee5tesZartices$pd( dans es champs correspondants 'e champ Résumé est -
renseigner aussi*$ %our a((icher e champ Résumé! i su((it de ci3uer sur e ien C Modi(ier e résumé D - cIté de Bod0$

=igure 21$ Artice sur +émission C Sept - huit D$
Notre site continent maintenant 2 artices$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1L

Ana ROXIN Méthodes et architectures émergentes
&.1.3 &.1.3 &.1.3 &.1.3 A=out de commentaires A=out de commentaires A=out de commentaires A=out de commentaires
%ar dé(aut! i est possi#e d+a9outer des commentaires au5 artices! /ous aeB maintenant en a9outer deu5 pour +artice sur
+émission C Sept - huit D$ DescendeB en #as de a page - a section C A9outer un commentaire D$

=igure 22$ A9out d+un commentaire
A9outeB ensuite un deu5i1me commentaire au m2me artice$

=igure 2G$ A9out d+un deu5i1me commentaire$
NoteB 3ue e su9et du commentaire n+est pas o#igatoire$
NoteB aussi +éti3uette C nou/eau D 3ui est a9outée a/ant es nou/eau5 commentaires$
&.1.$ &.1.$ &.1.$ &.1.$ Navigation entre les articles Navigation entre les articles Navigation entre les articles Navigation entre les articles
&i3ueB sur e titre du site 'EeeA[* pour retourner sur sa page d+accuei 'http7KKocahostKdrupaK*$ &ette page a changé
7 ee contient maintenant a iste des artices en commen)ant par e pus récent - a mani1re d+un #og$
Remar3ueB égaement 3ue '/oir =igure 2H*7
ors3u+un résumé e5iste pour un artice! seu ce résumé est a((iché 'cas de C Sept - huit D* 8
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1<

Ana ROXIN Méthodes et architectures émergentes
es images sont pus petites 3ue dans es artices 8
i e5iste un ien C .ire a suite D permettant d+accéder - +artice compet 8
es tags sont a((ichés sous (orme de ien$

=igure 2H$ %age d+accuei du site EeeA[! apr1s +a9out de 2 artices$
&i3ueB sur e tag C magaBine D du premier artice$ S+a((iche aors a iste de tous es artices a0ant dans sa iste de tags C
magaBine D '/oir =igure 2J*$

=igure 2J$ .iste de tous es artices a0ant e tag C magaBine D$
&i3ueB sur e tag C in(ormation D$ S+a((iche aors a iste de tous es artices a0ant dans sa iste de tags C in(ormation D$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1W

Ana ROXIN Méthodes et architectures émergentes
(es tags permettent donc de classer le contenu.
&.1.& &.1.& &.1.& &.1.& 'odi9ier un article 'odi9ier un article 'odi9ier un article 'odi9ier un article
Sous aeB maintenant modi(ier e premier artice pour 0 créer un résumé$
%usieurs méthodes permettent de modi(ier es artices 7
un menu conte5tue est disponi#e en haut - droite de cha3ue artice sur es pages de istes 'Accuei ou Eags*!
permettant de Modi(ier ou Supprimer +artice 'i (aut sur/oer e coin en haut - droit pour (aire apparaQtre e
menu*8
sur a page de consutation d+un artice! un onget Modi(ier permet d+accéder au5 m2mes (onctionnaités 8
- partir du menu d+administration! ru#ri3ue C &ontenu D 'en haut - gauche de a page! /oir =igure 2L*$

=igure 2L$ Menu C &ontenu D$
Modi(ieB +artice C &apita D en utiisant +une ou +autre des méthodes
&i3ueB sur e ien C Modi(ier e résumé D
MetteB un résumé - +artice 7 C &apita est une émission de téé/ision (ran)aise di((usée sur ML depuis septem#re
1YWW$ D
&i3ueB sur C >nregistrer D$
&.2 &.2 &.2 &.2 Les menus Les menus Les menus Les menus
&.2.1 &.2.1 &.2.1 &.2.1 A=out d’un menu A=out d’un menu A=out d’un menu A=out d’un menu
Sos deu5 artices sont accessi#es depuis a page d+accuei! /ous aeB créer des menus dans +en,t2te! - cIté de +onget
C Accuei D! pour es rendre pus /isi#es$
aditeB - nou/eau +artice C &apita D
%aceB,/ous en #as de a page
Séri(ieB 3ue +onget horiBonta C %aram1tres du menu D est #ien séectionné
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
1Y

Ana ROXIN Méthodes et architectures émergentes
&ocheB a case C =ournit un ien de menu D
RempisseB es champs comme dans +iustration sui/ante '/oir =igure 2<*$

=igure 2<$ Onget C %aram1tres du menu D pour un artice$
&i3ueB sur C >nregistrer D$
6n onget C &apita D est a9outé - cIté de +onget C Accuei D '/oir =igure 2W*$ .ors3ue /ous sur/oeB cet onget! e te5te
saisi dans a description du ien de menu '/oir =igure 2<* apparait en dessous$

=igure 2W$ A9out d+un nou/e onget de menu$
De a m2me mani1re! a9outeB un onget pour +émission C Sept - huit D '/oir =igure 2Y*$

=igure 2Y$ .es 2 ongets de menus a9outés$
&.2.2 &.2.2 &.2.2 &.2.2 <rganisation des menus <rganisation des menus <rganisation des menus <rganisation des menus
Soici es deu5 entrées de menus créés$ ImagineB maintenant 3ue /ous /ouieB passer C Sept - huit D de/ant C &apita D$
>n haut de a page! dans e menu d+administration! ci3ueB sur Structure
%uis sur e ien Menu
Drupa créé par dé(aut 3uatre menus! mais /ous a/eB a9outé es artices au menu 2enu principal '/oir =igure G0*
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
20

Ana ROXIN Méthodes et architectures émergentes

=igure G0$ Ru#ri3ue C Structure ] Menus D du menu d+administration$
&i3ueB sur e ien C ister es iens D dans a igne 2enu principal
&i3ueB sur e s0m#oe C D pacé a/ant C Sept - huit D et remonteB,e par gisserKdéposer au,dessus de C &apita D
'/oir =igure G1*

=igure G1$ Modi(ication de +ordre des ééments du menu principa$
&i3ueB sur C >nregistrer a con(iguration D et o#ser/eB e résutat 7 +ordre des menus a changé$
&.2.3 &.2.3 &.2.3 &.2.3 >#ercice >#ercice >#ercice >#ercice * ** * a=out d’une nouvelle mission a=out d’une nouvelle mission a=out d’une nouvelle mission a=out d’une nouvelle mission
A9outeB une nou/ee émission '6shuaba – te5te - recopier depuis Ee5tesZartices$pd(* et créeB son menu
SupprimeB e premier menu Accuei du Menu %rincipa
%our réorganiser e menu 7
Menu Structure R ien Menu
.ien C ister es iens D du menu Menu principa
.ien C supprimer D du ien Accuei
%acer C 6shuaba D en troisi1me dans a iste
Bouton C >nregistrer a con(iguration D
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
21

Ana ROXIN Méthodes et architectures émergentes
&.3 &.3 &.3 &.3 Les "locs Les "locs Les "locs Les "locs
.es #ocs sont des #oQtes 3ue /ous pou/eB cacher ou (aire apparaQtre - oU /ous e désireB sur /otre page de Drupa$ %eut,
2tre a/eB,/ous dé9- remar3ué e #oc de recherche dans a #arre de gauche de Drupa$
&.3.1 &.3.1 &.3.1 &.3.1 A=out d’un "loc A=out d’un "loc A=out d’un "loc A=out d’un "loc
Sous pou/eB a9outer un #oc 3ui permet de ister es derniers commentaires a9outés - /otre site$
&i3ueB sur e menu Structure
%uis sur e ien Bocs
Dans a section Désacti/é 'en #as de a page*! choisisseB a région C %remi1re #arre atérae D pour e #oc
C &ommentaires récents D '/oir =igure G2*$

=igure G2$ %age d+administration des #ocs$
&i3ueB sur C >nregistrer es #ocs D$
Sous /o0eB aors apparaQtre e #oc &ommentaires récents sur a partie gauche de a page '/oir =igure GG*$

=igure GG$ .e #oc C &ommentaires récents D est a((iché$
&omme pour es menus! +outi C D /ous permet de réorganiser es #ocs dans +ordre 3ue /ous désireB sur une région
donnée$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
22

Ana ROXIN Méthodes et architectures émergentes
&.3.2 &.3.2 &.3.2 &.3.2 Les rgions Les rgions Les rgions Les rgions
>n pa)ant e #oc &ommentaires récents! /ous pou/ieB choisir +empacement du #oc dans une iste dérouante$ &ette
iste est a iste de toutes es régions du th1me utiisé pour a consutation du site 'Barti@*$
RetourneB sur a page d+administration des #ocs! menu Structure R ien Bocs
>n haut de a page! ci3ueB sur e ien Aper)u des régions des #ocs 'Barti@*
6ne page t0pe du th1me utiisé 'Barti@* s+a((iche! ainsi 3ue e nom de toutes ses régions! sur (ond 9aune '/oir =igure GH*$

=igure GH$ A((ichage des régions du th1me Barti@$
Sous aeB dépacer e #oc de recherche! actueement dans a région %remi1re #arre atérae! dans a région >n,t2te
';eader*$
&i3ueB sur e ien C Nuitter a présentation des régions de #ocs D 'en haut - gauche*
P a section %remi1re #arre atérae! modi(ieB a région >n,t2te pour e #oc du =ormuaire de recherche '/oir =igure
GJ*
&i3ueB sur C >nregistrer es #ocs D '/oir =igure GL*$

M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2G

Ana ROXIN Méthodes et architectures émergentes

=igure GJ$ Modi(ication de a région d+a((ichage du #oc C Recherche D$

=igure GL$ .e #oc C Recherche D est repositionné dans +en,t2te de a page$
&.3.3 &.3.3 &.3.3 &.3.3 >#ercice >#ercice >#ercice >#ercice
SupprimeB e message %ropusé par Drupa 3ui s+a((iche en #as de a page '/oir =igure G<*$

=igure G<$ Message - supprimer$
&.$ &.$ &.$ &.$ Les Les Les Les droits droits droits droits
Apr1s une instaation simpe de Drupa! deu5 utiisateurs sont créés 7 +Administrateur! 3ui a tous es droits et +utiisateur
Anon0me! 3ui a des droits restreints$ Sous pourreB constater 3u+i est possi#e d+autoriser ou d+interdire des actions des
di((érents modues de Drupa seon e pro(i de +utiisateur$
Dans cet e5empe /ous aeB permettre au5 utiisateurs anon0mes de poster des commentaires$
&i3ueB sur Se déconnecter en haut de page$ >n /ous déconnectant! /ous 2tes considéré comme utiisateur anon0me
par Drupa$
RendeB,/ous sur a page C Sept - huit D! au ni/eau des commentaires
Sous pou/eB ire es commentaires de +artice mais i n+est pas possi#e d+en a9outer car e (ormuaire n+apparaQt pas 7
+utiisateur anon0me ne poss1de pas es droits pour accéder - cette (onctionnaité$
Sous aeB modi(ier es droits d+acc1s pour 3ue es utiisateurs anon0mes puissent poster un commentaire$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2H

Ana ROXIN Méthodes et architectures émergentes
ReconnecteB,/ous en administrateur 'ogin 7admin! mdp 7motdepasse* en utiisant e #oc &onne5ion utiisateur '/oir
=igure GW*

=igure GW$ .e #oc C &onne5ion utiisateur D$
Dans e menu d+administration! ou/reB e Menu %ersonnes 8
&i3ueB sur +onget Droits$ &ha3ue modue poss1de une section 3ui dé(init un certain nom#re de droits$
RendeB,/ous - a section du modue &omment 8
Dans a coonne utiisateur anon0me! cocheB C %osteB des commentaires D 3ui autorise +en/oi de commentaires 8
&ocheB égaement C Sauter +appro#ation des commentaires D 3ui permet au5 commentaires d+2tre pu#iés sans 2tre
modérés par es administrateurs '/oir =igure GY*$

=igure GY$ .a gestion des droits sur e modue &omment$
&i3ueB sur >nregistrer es droits d+acc1s
&i3ueB - nou/eau sur Se déconnecter 'en haut - droite de a page*
>ssa0eB de poster un nou/eau commentaire
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2J

Ana ROXIN Méthodes et architectures émergentes

=igure H0$ 6n commentaire posté en anon0me$
%our a suite du E%! reconnecteB,/ous en mode administrateur$
&.& &.& &.& &.& Les modules Les modules Les modules Les modules
.es modues sont des #ri3ues de programme 3ui permettent d+étendre es (onctionnaités de Drupa$ Sous aeB en acti/er
un 3ui permet de réaiser des sondages$ Sous créereB ensuite un sondage 3ui permettra - /os /isiteurs de /oter pour eur
émission (a/orite$
Menu Modues
&ocheB a case C acti/é D du modue %o 'Sondage*
Remar3ueB par aieurs a présence du modue RD= 'acti/é par dé(aut dans Drupa <*$

=igure H1$ %age d+administration des modues$
&i3ueB sur >nregistrer a con(iguration
I s+agit maintenant de créer un sondage 7
&i3ueB sur &ontenu
%uis sur e ien c A9outer un contenu
>n acti/ant e modue &oll! /ous a/eB acc1s - un nou/eau t0pe de contenu 3ondage en pus des t0pes Article et &age de
#ase$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2L

Ana ROXIN Méthodes et architectures émergentes
&i3ueB sur e ien Sondage et créeB un nou/eau sondage comme sur +iustration sui/ante '/oir =igure H2*$ RecopieB
e te5te depuis e (ichier Ee5tesZartices$pd( 'ci3ueB sur e #outon C %us d+options D pour pou/oir a9outer pus de
choi5 au sondage*$

=igure H2$ A9out d+un sondage$
A9outeB - ce sondage une entrée dans e menu principa! comme pour es artices! dans +onget C %aram1tres du
menu D
&i3ueB sur >nregistrer
Sous pou/eB tester /otre sondage O

=igure HG$ .e sondage (onctionne$
6n modue peut étendre es (onctionnaités de Drupa de #eaucoup de (a)ons di((érentes$ Ici! en acti/ant e modue %o
'Sondage*! /ous a/eB acc1s - un nou/eau t0pe de contenu! et! si /ous retourneB sur a page d+administration des #ocs!
/ous /erreB 3u+un nou/eau #oc Sondage e pus récent est disponi#e$
&.&.1 &.&.1 &.&.1 &.&.1 Installation d’un module e#terne Installation d’un module e#terne Installation d’un module e#terne Installation d’un module e#terne
.es modues es pus uties sont instaés par dé(aut a/ec Drupa$ Mais un tr1s grand nom#re de modues sont
tééchargea#es sur e site o((icie de Drupa 'pus de 1000 pour a /ersion <$5*$ 6ne des grandes (orces de Drupa réside
dans e (ait 3u+i est (acie! pour es personnes connaissant e %hp! de dé/eopper de nou/eau5 modues$
Sous aeB par e5empe téécharger et instaer e modue Meather 3ui /ous permettra d+a((icher sous (orme de #oc a
météo en temps rée d+un aéroport donné - partir de son M>EAR$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2<

Ana ROXIN Méthodes et architectures émergentes
5.5.1.1 5.5.1.1 5.5.1.1 5.5.1.1 Téléchargement et installation du module Téléchargement et installation du module Téléchargement et installation du module Téléchargement et installation du module
A/ant d+instaer un nou/eau modue! i (aut acti/er e modue permettant de /éri(ier es mises - 9our e5istantes pour es
modues précédemment instaés$ I s+agit du modue 6pdate Manager! 3u+i (aut acti/er dans a iste des modues Drupa
'Menu d+administration ] Modues*$
6ne (ois ce modue acti/é! e ien C Instaer un nou/eau modue D apparaQt dans a (en2tre Modues '/oir =igure HH*$ Nous
pou/ons maintenant aer chercher a source du modue - instaer$

=igure HH$ .ien C Instaer un nou/eau modue D$
&ha3ue modue poss1de sa propre page sur e site Drupa$org$ I (aut ocaiser cette page pour instaer ensuite e modue$
RendeB,/ous sur e site http7KK"""$drupa$org
Dans a Bone de recherche! entreB C "eather D
SéectionneB +option Modues
&i3ueB sur e #outon Search

=igure HJ$ Recherche d+un modue par son nom sur drupa$org$
.a iste de tous es modues contenant e mot C "eather D s+a((iche aors$
&hoisisseB e modue Meather 'http7KK"""$drupa$orgKpro9ectK"eather*
DescendeB - a section Do"noads de a page
Drupa peut instaer un modue automati3uement - partir de +ur de son archi/e$
RepéreB a /ersion 3ui con/ient - Drupa < '<$5,1$G*! (aites un cic droit sur e ien tar.gz et choisisseB +option
&opier +adresse du ien$
RetourneB dans Drupa! et aeB dans e menu Modues
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2W

Ana ROXIN Méthodes et architectures émergentes
&i3ueB sur e ien C Instaer un nou/eau modue D
&oeB +6R. précédemment copiée dans e champ C Instaer depuis une 6R. D '/oir =igure HL*
&i3ueB sur e #outon C Instaer D$

=igure HL$ Instaation d+un modue depuis une 6R.$
Drupa s+occupe aors de téécharger +archi/e et de +e5traire au #on endroit$ I /ous reste - acti/er e modue 'cocheB a
case C acti/é D de/ant e modue Meather! 3ue /ous trou/ereB dans a catégorie C Other D dans a iste des modues
disponi#es – /oir =igure H<*$

=igure H<$ Modue C Meather D dans a catégorie C Others D$
Remar3ue$ .es modues sont triés par catégories$ Sous pou/eB donc repier a catégorie &oeur 3ui regroupe +ensem#e
des modues instaés par dé(aut dans Drupa pour (aciiter a recherche dans a page$
&.&.2 &.&.2 &.&.2 &.&.2 Con9iguration du module Con9iguration du module Con9iguration du module Con9iguration du module
.ors3ue e modue est acti/é! un ien &on(igurer apparaQt$ I permet d+accéder directement - a page de
con(iguration du modue$
&i3ueB sur e ien &on(igurer du modue Meather
.e modue Meather peut a((icher deu5 t0pes de #ocs 7 un #oc météo ié - a ocaisation de +utiisateur du site ou un #oc
météo ié au site ui,m2me$ %our simpi(ier a con(iguration de ce premier modue! /ous /ous imitereB - a((icher
uni3uement e deu5i1me #oc$
&i3ueB sur e ien cAdd dispa0 pour a9outer un a((ichage
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
2Y

Ana ROXIN Méthodes et architectures émergentes
.es options par dé(aut de cette page con/iennent
Bouton C >nregistrer D '/oir =igure HW*$

=igure HW$ Dé(inition d+un nou/e a((ichage pour e modue Meather$
&i3ueB sur e ien C Add ocation to this dispa0 D
&hoisisseB e pa0s '=rance* et a /ie 'Di9on*

=igure HY$ Séection d+un pa0s et d+une /ie pour e modue Meather$
Bouton >nregistrer
Bouton >nregistrer a con(iguration
.e #oc a été créé! i s+agit maintenant de +a((icher dans une région$
Menu Structure R ien Bocs
%our e #oc C Meather 7 s0stem,"ide dispa0 D! choisir a région %remi1re #arre atérae '/oir =igure J0*
Bouton C >nregistrer es #ocs D
RetourneB sur a page d+accuei '/oir =igure J1*$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
G0

Ana ROXIN Méthodes et architectures émergentes

=igure J0$ Modi(ication du #oc d+a((ichage pour e modue Meather$

=igure J1$ .e modue C Meather D a((iché sur a page d+accuei du site$
&.&.3 &.&.3 &.&.3 &.&.3 >#ercice >#ercice >#ercice >#ercice * ** * installer le module Date installer le module Date installer le module Date installer le module Date
&e modue permet de choisir une date depuis un caendrier$ I est disponi#e - +adresse sui/ante 7
http7KKdrupa$orgKpro9ectKdate
InstaeB et acti/eB e modue dans Drupa 'i (audra acti/er es sous,modues sui/ants 7 Date! Date A Da0! Date A%I! Date
%opup! Date Repeat A%I! Date Repeat =ied! Date Eoos*$
&.&.$ &.&.$ &.&.$ &.&.$ >#ercice >#ercice >#ercice >#ercice * ** * installer le module 5?si6?g installer le module 5?si6?g installer le module 5?si6?g installer le module 5?si6?g
6ne inter(ace utiisateur MdSIMd: permet de composer /isueement e résutat /ouu! t0pi3uement pour un ogicie de
mise en page! un traitement de te5te ou d+image$ &4est une inter(ace C intuiti/e D 7 +utiisateur /oit directement - +écran
- 3uoi ressem#era e résutat (ina$
C MdSIMd: D est +acron0me de a ocution angaise C !"at you see is w"at you get D! signi(iant ittéraement en (ran)ais C
ce 3ue /ous /o0eB est ce 3ue /ous o#teneB D ou de (a)on pus concise C te a((ichage! te résutat D$
.e terme est apparu ors de +apparition d+éditeur de document ;EM.$
>n e((et! contrairement au (ormat #inaire 3ui nécessite une phase de compiation! es (ichiers ;EM. sont des (ichiers
stoc@és sous (orme de te5te et donc isi#es par tout e monde$ .es éditeurs ;EM. et actueement XM. proposent
sou/ent un mode te5teKsource pour corriger es erreurs non modi(ia#es en mode "0si"igKgraphi3ue 'SS:*$ &es erreurs
apparaissent ors3ue es pages pro/iennent d+éditeurs ne se con(ormant pas strictement au5 standards éta#is par e MG&$
Dans Drupa! es inter(aces MdSIMd: permettent d+a9outer des #arres de #outons (aciitant +édition des contenus$
M2 BDIA – Semestre Automne 2012
TP1 – Prise en main de Drupal 7
G1

Ana ROXIN Méthodes et architectures émergentes
.e modue M0si"0g 'http7KKdrupa$orgKpro9ectK"0si"0g* impémente pusieurs éditeurs pour Drupa 7
&?>ditor
9MdSIMd:
mar@It6p
Nic>dit
openMdSIMd:
Ein0M&>
MhiBB0"ig
MdMeditor
A9outeB e modue - Drupa 'choisir e ien pour a /ersion <$5 – 2$2*$
Acti/eB ce modue 'i sera a((iché dans e groupe C Inter(ace utiisateur D dans a ru#ri3ue Modues – /oir =igure J2*$

=igure J2$ Modue M0si"0g dans a iste des modues$
&on(igureB e modue 'pour cha3ue éditeur! i (audra téécharger es sources! puis e5traire es (ichiers dans des répertoires
spéci(i3ues*$