Visiteur

Documentation

Qu'est-ce que ce site ?
FaQ ImelaVi
Rsa GG / Confrence
Protection PC - Virus
Editer une skin wiki
Gestion des NL wikis

DDP

Les Wikis

Dossiers

Les Projets

Autres Sites

Manip G.org aout 2007
Manip G.org aout 2008
Manip G.org aout 2009
Manip G.org sept. 2010

Tuysse pour skinner un wiki

Cette tuysse va dcrire l'installation d'un serveur Web puis l'installation de l'environnement pmwiki (base des sites UE), sur les systmes d'exploitation GNU/Linux et Windows. La dernire partie dcrira o et comment installer les sources (contenu et skins) d'un site existant pour travailler en local.

1.  Sous GNU/Linux

1.1  Installation du serveur Web

Nous allons installer un serveur LAMP (un serveur Linux/Apache/PHP sans MySQL, car inutile pmwiki).
Ma distribution tant une Linux Mint 11, base sur Ubuntu, les commandes que je vais t'indiquer sont adapter ta distribution.

Installation d'Apache

sudo apt-get install apache2

Installation de PHP

sudo apt-get install php5 libapache2-mod-php5   
sudo /etc/init.d/apache2 restart

Dsormais ton serveur Web est oprationnel, tu peux le vrifier en te rendant l'adresse suivante:
http://localhost

1.2  Installation de pmwiki

Tlchargement puis mise en place des sources pmwiki

cd $HOME/Bureau
wget -c http://pmwiki.org/pub/pmwiki/pmwiki-latest.tgz
tar -xzf ./pmwiki-latest.tgz
sudo mkdir /var/www/pmwiki && sudo mkdir /var/www/pmwiki/ggme2010
#(remplace ggme2010 par le nom du site sur lequel tu travailles)
sudo mv ./pmwiki-latest/pmwiki-2.2.33/ /var/www/pmwiki/ggme2010
#(pmwiki-2.2.33 est remplacer par la version de pmwiki que tu as tlcharg, regarde sur ton bureau pour la connatre)
cd /var/www/pmwiki/ggme2010
sudo mkdir ./wiki.d && sudo chmod 777 ./wiki.d
#(on se fiche de la scurit, on travaille en local)
sudo echo '<html> <head><meta http-equiv="refresh" content="0;  URL=../pmwiki/"></head>  </html>' > /var/www/index.html

Dsormais, tu as un pmwiki fonctionnel. Pour vrifier, rends-toi une nouvelle fois sur http://localhost puis cliques sur pmwiki.php pour accder au wiki. Tu dois voir un dossier dont le nom est identique celui que tu as cr prcdemment (dans mon cas ggme2010). Cliques sur pmwiki.php pour accder au site en lui-mme.

1.3  Rcupration des sources d'un site

Pour rcuprer les sources d'un site UE, que ce soit celui d'un gala ou autre, tu dois t'adresser au Zident Info UE, par mail info.ue@gadz.org. Pour les autres sites, adresses-toi aux gnasseurs tech@asso.gadz.org ou bien en allant leur parler sur le chan IRC ddi gadz.org: irc.freenode.net/#gadz.org.

Tu dois spcifier le site que tu veux rcuprer (donnes l'URL pour viter tout ambigut) et si tu veux la skin et/ou le contenu.

1.4  Mise en place de la skin

Tu as un dossier zipp, mets-le sur le bureau.

Ensuite:

cd $HOME/Bureau
tar -xzf ./ggme2010_skin.zip
#( adapter encore une fois la skin que tu as)
sudo cp -r ./ggme2010_skin /var/www/pmwiki/ggme2010/pub/skins/
sudo chmod 777 -R /var/www/pmwiki/ggme2010/pub/skins/ggme2010_skin
sudo echo '<?php $Skin = 'ggme2010_skin';' > /var/www/pmiwiki/ggme2010/local/config.php

Reviens sur le site, tu dois voir la skin en place.

1.5  Mise en place du contenu

Tu as un dossier zipp, mets-le sur le bureau.

Ensuite:

cd $HOME/Bureau
tar -xzf ./ggme2010_contenu.zip
#( adapter encore une fois la skin que tu as)
sudo mkdir /var/www/pmwiki/ggme2010/wiki.d
sudo cp -r ./ggme2010_contenu /var/www/pmwiki/ggme2010/wiki.d/

Reviens sur le site, tu dois voir le contenu en place (cliques sur les divers liens pour vrifier).

Voil, tu as une copie du site qui fonctionne en local, tu n'as plus qu' modifier les fichiers du dossier /var/www/pmwiki/ggme2010/pub/skins pour changer le graphisme

1.6  Modification de la skin

Le fichier .css te permet de modifier l'aspect des pages, n'hsites pas le commenter pour aider tes successeurs. Veilles ne pas mettre de liens absolus vers les images, celles-ci doivent par ailleurs tre places dans le dossier de la skin.

Le fichier .tmpl te permet de modifier les donnes des mta balises (le titre de la page, les liens donnes dans le footer, etc) et permet de spcifier le nom du .css utilis.

1.7  Mettre en ligne les modifications

Compresses le dossier /var/www/pmwiki/ggme2010/pub/skins, et envoies le au Zt Info UE ou un gnasseur. C'est lui qui se charge de mettre en ligne les modifications (n'oublies pas de prciser de quel site il s'agit). De mme si tu as modifi le contenu en local et que tu veux qu'il soit mis en ligne.

2.  Sous Windows

2.1  Installation d'un serveur WAMP

Rien de trs compliqu, il faut installer en premier lieu un serveur WAMP (Windows, Apache, MySQL, PHP). Tlcharges la dernire version de Wampserver sur http://www.wampserver.com/download.php puis lances l'installation. Rponds 'Oui' tout, et n'autorises l'accs que pour les rseaux privs. Ouvres ton navigateur et rends l'adresse suivante pour vrifier l'installation: http://localhost.

2.2  Installation de pmwiki

Cres un dossier 'ggme2010' dans le rpertoire C;\wamp\www\ (adaptes le nom du dossier ton projet). Tlcharges la dernire version de pmwiki l'adresse suivante: http://pmwiki.org/pub/pmwiki/pmwiki-latest.zip. Extraies le contenu dans le dossier C:\wamp\www\ggme2010\ prcdemment cr. Tu peux tester si cela fonctionne en te rendant sur http://localhost en cliquant sur le nom de ton projet (ggme2010 dans mon cas).

2.3  Rcupration des sources d'un site

Pour rcuprer les sources d'un site UE, que ce soit celui d'un gala ou autre, tu dois t'adresser au Zident Info UE, par mail info.ue@gadz.org. Pour les autres sites, adresses-toi aux gnasseurs tech@asso.gadz.org ou bien en allant leur parler sur le chan IRC ddi gadz.org : irc.freenode.net/#gadz.org.

Tu dois spcifier le site que tu veux rcuprer (donnes l'URL pour viter tout ambigut) et si tu veux la skin et/ou le contenu.

2.4  Mise en place de la skin

Cres un dossier ggme2010_skin dans le rpertoire C:\wamp\www\ggme2010\local\pub\skins\. Tu dois avoir un dossier zipp ggme2010_skin.zip, extraies son contenu dans le rpertoire C:\wamp\www\ggme2010\local\pub\skins\ggme2010_skin Tlcharges puis lances le logiciel suivant: http://download.tuxfamily.org/notepadplus/5.9.3/npp.5.9.3.Installer.exe ou tout autre diteur de ton choix. Cres un nouveau document et insres le contenu suivant: <?php $Skin = 'ggme2010_skin'; (bien sr, tu dois adapter le nom entre ' ' celui du dossier que tu viens de crer) et enregistres le sous le nom config avec l'extension .php.

2.5  Mise en place du contenu

Cres un dossier wiki.d dans le rpertoire C:\wamp\www\ggme2010\. Tu dois avoir un dossier zipp gg2010_contenu.zip, extraies son contenu dans le dossier C:\wamp\www\ggme2010\wiki.d

Voil, tu as une copie du site qui fonctionne en local, pour vrifier vous n'as qu' aller sur http://localhost, de te rendre sur ton projet et de cliquer sur pmwiki.php. Tu n'as plus qu' modifier les fichiers du dossier /var/www/pmwiki/ggme2010/pub/skins pour changer le graphisme

2.6  Modification de la skin

Le fichier .css te permet de modifier l'aspect des pages, n'hsites pas le commenter pour aider tes successeurs. Veilles ne pas mettre de liens absolus vers les images, celles-ci doivent par ailleurs tre places dans le dossier de la skin.

Le fichier .tmpl te permet de modifier les donnes des mta balises (le titre de la page, les liens donnes dans le footer, etc) et permet de spcifier le nom du .css utilis.

2.7  Mettre en ligne les modifications

Compresses le dossier C:\wamp\www\ggme2010\pub\skins, et envoies le au Zt Info UE ou un gnasseur. C'est lui qui se charge de mettre en ligne les modifications (n'oublies pas de prciser de quel site il s'agit). De mme si tu as modifi le contenu en local et que tu veux qu'il soit mis en ligne.

Vue - Imprimer

L'utilisateur du site reconnat avoir pris connaissance des conditions d'utilisation et de droits d'usage , en accepter et en respecter les dispositions.
Copyright Association Gadz.org & PmWiki - Page mise jour le 06 octobre 2011 00h25