Wamania.com

Aedituus - 2.0.5

2009-07-10T11:27:00+02:00

L'aedituus est un espace membre sécurisé, vous trouverez plus d'explication ici
http://www.wamania.com/pages/Aedituus-Espace-membre-securise

Le lien pour le télécharger depuis le forum :
http://aedituus.wamania.com/viewtopic.php?f=3&t=44

et voici le changelog
http://aedituus.wamania.com/viewtopic.php?f=4&t=43

Cette version corrige quelques bugs, et modifie légèrement la config par défaut pour être moins strict vis-à-vis des comportements jugés "normaux"

Spotify - le Deezer killer

2009-04-07T11:45:00+02:00

Deezer, c'était une bonne idée, mais l'interface, la qualité de son, et le peu de titre (vive les liens youtubes) ont fait que j'ai pas accroché du tout.

Spotify corrige tout ça :

C'est un vrai logiciel à installer (compatible M$, mac, et même ubuntu (enfin...wine))
Qualité de son plutôt bonne
Riche
Et surtout, très simple à utiliser !

Encore en béta sur invitation, j'ai pu malgré tout m'inscrire sans invit par cette URL :

https://www.spotify.com/en/get-started/

Windows 7 béta en téléchargement - Hurry up

2009-02-05T18:17:00+01:00

Je viens tout juste de télécharger la version béta de Windows 7 que M$ met gracieusement à disposition des geeks.
Mais attention :

It’s almost over! Windows 7 Beta downloads will only be available for a few more days, so be sure to complete your download right away.

Et 2.4Go, ça prend du temps...

On va enfin pouvoir savoir si M$ va continuer dans la voie de vista (Dans l'échec et vive l'oem) ou alors, comme c'est prévu, de faire quelque chose de potable et "léger", qui puisse satisfaire les utilisateurs sans avoir besoin de les forcer... http://www.microsoft.com/windows/windows-7/beta-download.aspx

Installation de XEN sur un serveur OVH

2009-01-22T15:22:00+01:00

Xen

Xen est un logiciel de paravirtualisation ou hyperviseur. Ses performances proches du natif en font un système très utilisé sur des serveurs en production. Les avantages de tels systèmes sont facilement identifiable : Isolement des types de serveurs (mail, web, etc...), possibilité de sauvegarde/transfert d'un serveur complet assez simplement, accès shell possible par utilisateur par serveur.

Prérequis et précision

Tout d'abord, un peu de vocabulaire

Dom0 : serveur sûr lequel est installé Xen et qui supporte les serveur virtuels
DomU : les serveurs virtuels (que j'appellerais aussi desfois vservers)

Sur le Dom0, on suppose qu'une Ubuntu Hardy Heron est déjà installée et à jour. Je ne détaillerais que l'installation d'un DomU, aussi sous Ubuntu Hardy Heron.
Nous utiliserons une configuration en mode route avec une IP failover fournie par OVH.

Grub

Sur les distrib d'OVH, c'est tjs LILO qui est installé par défaut. Or il est vraiment pas pratique de booter sur le noyau Xen avec lilo. Hormis si vous voulez vraiment bidouiller, il va falloir remettre Grub. Je suppose que vous êtes déjà connecté en SSH sur votre Dom0, on peut donc commencer

sudo apt-get install grub mdadm initramfs-tools

Ensuite on cherche le nom du disk dur

sudo fdisk -l



Disque /dev/sda: 250.0 Go, 250059350016 octets

255 heads, 63 sectors/track, 30401 cylinders

Units = cylindres of 16065 * 512 = 8225280 bytes

Identifiant disque: 0x0cf1421a



Périphérique Amorce    Début         Fin      Blocs    Id  Système

/dev/sda1   *           1         392     3148708+  83  Linux

/dev/sda2             393       30336   240525180   83  Linux

/dev/sda3           30337       30401      522112+  82  Linux swap / Solaris

C'est donc /dev/sda chez moi, si vous êtes en RAID, vous aurez sûrement un /dev/sdb aussi

On installe

sudo grub-install --recheck /dev/sda



sudo grub

>root (hd0,0)

>find /boot/grub/stage2 # si pas trouvé, essayer find grub/stage2

>       hd(0,0)

>       hd(1,0) # vous obtenez ceci si vous êtes en RAID



# on utilise le résultat du find

>setup (hd0)

>setup (hd1) # uniquement si vous êtes en RAID

>quit

Bon, grub est installé, mais surtout, il ne faut pas rebooter, car le fichier menu.lst avec les différentes entrées de grub n'est pas créé.

Pour le créer, on va pas s'embêter

sudo apt-get install ubuntu-xen-server



# il vous demandera alors

Could not find /boot/grub/menu.lst file. Would you like /boot/grub/menu.lst generated for you? (y/N)

# Répondez alors y pour créer le menu.lst

Y a plus qu'à reboot

uname -r

Vous devriez voir votre noyau Xen.
Voilà un morceau très pénible de terminé. Ça peut vite devenir sacrément énervant si grub n'est pas ou mal installé et qu'il faut utiliser l'horrible système rescue d'OVH. Personnellement, avec cette méthode appliquée à la lettre, je n'ai jamais eu de soucis, mais j'ai vraiment galéré pour trouver l'install correcte.

Xen

Commençons par une modification préconisée par Xen

Dans /etc/modules,

[...]

loop max_loop=64

Ensuite créez le répertoire qui va contenir les images des disques durs de nos DomU
Vous pouvez bien sûr le mettre où vous voulez

sudo mkdir /home/xen

Pour le réseau, nous utiliserons le mode "route". En effet, OVH ne supporte pas le mode bridge (par défaut dans Xen) et le NAT ne permet pas d'avoir un accès SSH indépendant. Pour cela, il faut modifier
sudo vim /etc/xen/xend-config.sxp
en commentant les entrées correspondant au bridge et en décommentant les entrées route suivante :

(network-script 'network-route netdev=eth0')

(vif-script     vif-route)

Il faut aussi y ajouter le netdev=eth0 tel que ci-dessus.
On redémarre ensuite xend

sudo /etc/init.d/xend restart

1er Dom U

Personnellement, je préfère mettre toutes les options directement dans la ligne de commande que dans la config de Xen, ça permet d'être sûr du DomU qu'on crée sans avoir à chaque fois à regarder comment on avait configurer.

IP failover

Dans votre interface OVH de votre dédié, vous avez dans la rubrique service un lien qui s'appelle IP failover
Suivant le serveur que vous avez, cette option sera peut-être payante.
Créez donc une IP et notez la.

Création du domU

sudo xen-create-image --debootstrap --dir=/home/xen --size=10Gb --memory=512Mb --fs=ext3 --dist=hardy --hostname=xen1.exemple.com --ip=87.98.123.123 --netmask=255.255.255.0 --swap=1024Mb --arch=i386 --kernel=/boot/vmlinuz-2.6.24-22-xen --mirror=http://archive.ubuntu.com/ubuntu/ --passwd

Il faut bien sûr adapter

--ip correspond à l'IP failover créée ci-dessus (j'ai mis une IP (fictive) pour la forme, mais dans la suite, je l'appelerais IP_DOMU)
--dir correspond à notre répertoire ou sont stockées les images, à adapter si vous avez changé
--hostname correspond au nom de notre domU, je vous conseille un nom pleinement qualifié (sous la forme host.domain.ext et pas seulement host). Par exemple, pour un mail, vous pouvez simplement mettre mail.votre-domaine.com
--arch peut-être amd64 ou i386
--kernel est à adapté en fonction de votre noyau (uname -r pour savoir la version installée)

Il vous demandera alors un mot de passe qui sera le futur pass root, donc lâchez vous.

Une fois votre domU créé, il va falloir éditer son fichier de config. Si le hostname était xen1.exemple.com, alors éditez
sudo vim /etc/xen/xen1.exemple.com.cfg

#remplacer file par tap:aio dans 

disk        = [

                  'file:/home/xen/domains/xen1.exemple.com/swap.img,xvda1,w',

                  'file:/home/xen/domains/xen1.exemple.com/disk.img,xvda2,w',

              ]



# Vous aurez donc

disk        = [

                  'tap:aio:/home/xen/domains/xen1.exemple.com/swap.img,xvda1,w',

                  'tap:aio:/home/xen/domains/xen1.exemple.com/disk.img,xvda2,w',

              ]

Lancement du domU

# à adapter bien sûr

sudo xm create /etc/xen/xen1.exemple.com.cfg



# une fois lancée, on peut vérifier avec 

sudo xm list

On entre alors dans notre domU par

sudo xm console xen1.exemple.com

Une fois loggué dans votre domU, nous allons brancher Internet, c'est mieux pour un serveur. Editez sudo vim /etc/network/interfaces

# et faites ressembler à ça ([source|http://forum.ovh.com/showthread.php?t=41020|fr])

auto eth0

iface eth0 inet static

 address IP_DOMU

 netmask 255.255.255.0

 post-up /sbin/ip route add default dev eth0

Avec l'IP qui correspond à votre IP failover

Éditez ensuite le fichier /etc/resolv.conf
Nous devons y mettre l'adresse de serveur DNS, en effet, l'install de base n'est pas capable de résoudre de nom. J'utilise les serveurs d'OpenDNS
208.67.222.222 et 208.67.220.220
à l'heure ou j'écris

Votre /etc/resolv.conf doit ressembler à ceci

nameserver 127.0.0.1

nameserver 208.67.222.222

nameserver 208.67.220.220

search ovh.net

Redémarrez votre vserver (sudo reboot) et retournez dans la console (sudo xm console xen1.exemple.com) dès que vous en sortez. Relogguez vous en root
On commence par mettre en français

sudo apt-get update

sudo apt-get install language-pack-fr

On édite (ou crée) sudo vim /etc/default/locale

LANG="fr_FR.UTF-8"

On reboot pour avoir en Français
Puis le traditionnel :

sudo apt-get update

sudo apt-get upgrade

A ce stade, vous pouvez vous connecter directement en SSH au Vserver en utilisant l'IP failover

Un peu plus loin

L'install d'ubuntu par ce biais est vraiment très légère. Vous pouvez donc commencer par installer le minimum

sudo apt-get install ubuntu-standard

Le tigre

2009-01-15T11:28:00+01:00

Je parlais hier de vie privée. Ma bien-aimée vient de m'envoyer ce lien, j'en ai encore de gros gros frissons.

http://www.lepost.fr/article/2009/01/14/1386577_merci-le-web-2-la-vie-d-un-internaurte-devoile-au-grand-jour.html

"Bon anniversaire, Marc (prénom d'emprunt). Le 5 décembre 2008, tu fêteras tes vingt-neuf ans. Tu permets qu'on se tutoie, Marc ? Tu ne me connais pas, c'est vrai. Mais moi, je te connais très bien. C'est sur toi qu'est tombée la (mal)chance d'être le premier portrait Google du Tigre. Une rubrique toute simple : on prend un anonyme et on raconte sa vie grâce à toutes les traces qu'il a laissées, volontairement ou non sur Internet. Comment ça, un message se cache derrière l'idée de cette rubrique ? Évidemment : l'idée qu'on ne fait pas vraiment attention aux informations privées disponibles sur Internet, et que, une fois synthétisées, elles prennent soudain un relief inquiétant. Mais sache que j'ai plongé dans ta vie sans arrière-pensée : j'adore rencontrer des inconnus. Je préfère te prévenir : ce sera violemment impudique, à l'opposé de tout ce qu'on défend dans Le Tigre. Mais c'est pour la bonne cause ; et puis, après tout, c'est de ta faute : tu n'avais qu'à faire attention."

Informations privées ou privées ?

2009-01-14T16:10:00+01:00

Privée

Qui n'est pas ouvert au public
Intime, personnel
Qui appartient à qq'un

Privée

Participe passé du verbe priver.

Priver possède 7 synonymes : appauvrir, démunir, dépouiller, déshériter, détrôner, frustrer, sevrer.

Alors vos infos sur le web, elles sont privées ou privées ?

Facebook

En publiant un Contenu utilisateur sur tout ou partie du Site, vous concédez expressément à la Société, et vous garantissez détenir les droits nécessaires à cet effet, une licence irrévocable, perpétuelle, non exclusive, transférable et pour le monde entier sans rétribution financière de sa part (y compris le droit de concéder des sous-licences), d'utiliser, copier, représenter, diffuser, reformater, traduire, extraire (en tout ou partie) et distribuer ce Contenu utilisateur, à des fins commerciales, publicitaires ou autres, sur le Site ou en relation avec le Site (ou dans le cadre de sa promotion), de créer des œuvres dérivées du Contenu utilisateur ou de l'incorporer à d'autres créations, et d'en concéder des sous-licences des éléments cités.

En gros, le seul truc qui t'appartient encore, c'est le droit d'auteur irrévocable. Facebook lui, garde tous les droits d'utilisation.
Les utilisateurs sont relativement familiers avec la sauvegarde de la vie privée, surtout en France. Mais il faut bien comprendre que ce n'est pas une règle, et que le CGU (Condition Générale d'Utilisation) sont vraiment importantes. N'oubliez pas non plus que le site n'est pas Français, alors pour les recours en justice, vous pouvez vous lever de bonne heure... Enfin, n'oubliez pas que Facebook garde trace de tout, même si vous l'effacez. En gros, comme pour google, une fois mis en ligne, c'est trop tard pour réfléchir.

En parlant de Google

Google Chrome

Bien heureusement, les CGU de chrome ne sont plus ce qu'elles étaient initialement.
En fournissant, publiant ou affichant le contenu, vous accordez à Google une licence permanente, irrévocable, mondiale, gratuite et non exclusive permettant de reproduire, adapter, modifier, traduire, publier, présenter en public et distribuer tout Contenu que vous avez fourni, publié ou affiché sur les Services ou par le biais de ces derniers.

Ça n'empêche pas google de pomper toutes les infos possibles sur votre navigation afin de mieux cibler la pub.
Car c'est bien de ça qu'il s'agit, de la pub ciblée. Facebook en est d'ailleurs le plus beau modèle, puisque votre profil facebook est sûrement le plus riche et le plus réaliste de vos profils sur le web. Les autres étant souvent cachés par un pseudo et peu d'infos valables.

Google

Ce n'est pas un secret, Google enregistre tout, et le terme "googlisé" est maintenant quasi-courant.
Cherchez donc votre prénom et votre nom dans google voir l'image que vous avez sur le web.
Aller faire un tour sur http://www.123people.com aussi, voir l'étendue des dégats.

Mail

La protection de son mail est un dur labeur. A commencer par les chaînes, même si les internautes commencent à réaliser que la leucémie ne peut tuer qu'une fois par petite fille, il reste encore beaucoup de travail. Ces chaînes, ainsi que la réponses au spam, ont un intérêt majeur : remplir les bases de données de mails des méchants spammeurs qui spameront encore plus. N'hésitez pas à renvoyer un lien vers http://www.hoaxbuster.com aux personnes envoyant des chaines, si possible avec un article sur la chaîne qu'ils viennent d'envoyer. Cette pratique est très efficace car elle fait vraiment prendre conscience à quel point c'est ridicule.
J'ai reçu aujourd'hui une chaîne contenant au total plus de 200 mails valides, 200 victimes potentielles qui n'ont probablement pas donné leur autorisation pour la diffusion de leur mail....

Personnellement, j'ai mon adresse mail intacte depuis environ 8 ans (hormis encore qqs chaînes).
Pour vous aider, il y a plusieurs moyen

les boîtes mail jetables :
Les mails "secondaires" de yahoo, que j'utilise depuis très longtemps. En gros, on a un (ou plusieurs) autres mails qui pointent vers la boite principale, quand un des mails secondaires est vraiment pourris, on le vire.
Évitez de mettre votre vrai mail partout, voire même si vous hésitez, enregistrez-vous une première fois avec un mail bidon, jugez le site, puis inscrivez vous avec votre vrai mail. Si vous devez donner votre mail à quelqu'un, pensez à l'écrire de façon éclatée, de sorte qu'un robot ne puisse pas le lire.

Conclusion

Comme tout bon "utilisateur" d'un ordinateur, l'internaute ne VEUT pas savoir comment ça marche, il veut que ça marche. Tant que les utilisateurs n'auront pas une attitude responsable sur Internet au même titre qu'à l'extérieur, on aura toujours du monde pour faire suivre les chaînes, pour nourrir d'infos croustillantes des pages visibles par les milliers de personnes, et dont on en cède le contenu sans même le savoir et pire, sans même s'en inquiéter.
Derrière le divertissement qu'amène certains sites et le coté pratique de certains outils, n'oubliez pas que c'est pas gratos.
Même si je défends le libre, je ne suis pas contre rentabiliser une activité sur le web. Mais certains sites, comme facebook, valent maintenant autant que la joconde, c'est à dire un prix indéfinisablement monstreux alors que le prix réel se rapproche d'un morceau de toile et de 10 tubes de peintures.
La seule valeur de ces sites est leur potentiel publicitaire.

Bon surf (et soutenez Wikipedia, bien plus utile à l'humanité que fessebouc)

OS javascript

2008-12-23T15:19:00+01:00

Depuis quelques temps déjà, la mode des OS online est en train de s'installer. Plus communément appelés Webtop, ils consistent à avoir un bureau opérationnel en ligne. A mon avis, le but recherché est encore une utopie, mais ça n'empêche pas qu'il soit très intéressant d'en utiliser le concept. Vous pouvez voir des exemples très aboutits avec EyeOS, qui est un des plus vieux ouOOS qui est un des plus aboutits.

Bref, je vous présente ici un point de départ vraiment très très sommaire, mais que j'ai trouvé marrant à faire et qui peut-être pourra servir. J'imagine bien une utilisation de ce type de présentation (ie : le modèle desktop) pour un site internet qui tendrait plutôt vers l'application Internet. Si je trouve le temps, j'aimerais par exemple essayer de faire un thème Dotclear sur ce modèle.

Sans plus de préambule :

démo
OsySources (le zip fait 2 Mo car il contient l'ensemble des librairies Jquery et Jquery UI qui représente 99% du poids)

Aedituus 2.0.1 finale

2008-11-30T16:13:00+01:00

Voici donc la sortie de la version 2.0.1, première version publique de la banche 2. Avec elle arrive un forum (sur lequel vous pourrez télécharger cette version 2) et un wiki (encore un peu vide) aux adresses

http://aedituus.wamania.com

http://aedituus.wamania.com/wiki

Intrepid Ibex - Installation "nécessaire mais suffisante" - sur Aspire One

2008-11-05T10:45:00+01:00

Je vais vous décrire ici mon installation "parfaite" d'une ubuntu Interpid Ibex.
Au programme, LVM chiffré et ubuntu avec Gnome minimale

I - Objectif

Le but, en quelques mots, c'est d'avoir l'installation "nécessaire et suffisante". C'est à dire qu'en tant d'assisté professionnel, je ne veux pas me prendre la tête, après l'install, dès que je veux faire quelque chose. En bref, on va essayer de coller au plus prêt d'une ubuntu normal, mais en la construisant nous même au fur-et-à-mesure.
Ainsi, on aura au moins Gnome ainsi que les outils et drivers nécessaires au fonctionnement du joujou. Les thèmes, usplash et autre éléments personnalisables pourront l'être à votre bon vouloir, j'indiquerais juste la méthode pour les éléments Ubuntu.
Nous en profiterons, ayant 1Go de RAM supplémentaire, pour virer la SWAP (vous aurez bien sûr le choix d'en mettre une ou non)
Enfin, et surtout, nous allons utiliser un LVM chiffré, pcq ces joujoux, c'est aussi volable que portable ! Le chiffrement se fait entre la partition et le système de fichier. Ce qui veut dire que sans mot de passe, l'intégralité de la partition "virtuelle" est illisible, même avec un liveCD.

II - Matériel

J'ai utilisé ici mon Aspire One perso, un AA0 110-Ab avec

le SSH d'origine de 8Go (le samsung)
1.5Go de RAM (soit 1Go de plus que d'origine)

Un deuxième PC est nécessaire pour créer la clé USB bootable (1go minimum). J'ai utilisé mon portable sous Intrepid Ibex desktop. Enfin, un accès internet PAR CABLE, au moins le temps d'installer le wifi.

III - Prérequis

Niveau connaissance, il faudra au minimum un niveau apprenti geek, surtout s'il y a des imprévus (et comme y en a toujours...)
Le matériel est listé ci-dessus
Il vous faudra la version alternate de ubuntu 8.10 Interpid Ibex.
Sachez que j'ai aussi réalisé cette installation en utilisant la version server avec exactement la même procédure, pensez juste à remettre un noyau generic indispensable pour obtenir certains drivers.

Attention : Si vous créer votre clé USB sur une Hardy, le menu lors du boot ne sera pas le bon ! Je vous indique plus bas la méthode pour ajouter la bonne entrée dans le menu.

IV - Flash boot

Commençons !

Alors, nous allons utiliser la procédure décrite ici UbuntuServerFlashDriveInstaller. N'utilisez pas les méthodes comme UNetbootin car à l'installation, Ubuntu ne voudra pas continuer sans avoir trouvé un CD, qui bien sûr, n'existe pas. Ces méthodes sont réservées à la version Desktop.

Commençons par préparer la clé USB. Si le partitionnage/formatage avec fdisk en ligne de commande vous va, sautez simplement cette étape, la procédure est comprise dans le script. Pour les autres, installez apt://gparted, choisissez bien votre clé dans la liste à droite et créez une partition en FAT16 avec le drapeau (flag) bootable.
SURTOUT, démontez la clé une fois celle-ci prête si elle a été montée automatiquement !!

Les liens de la page du dessus sont pour Hardy, et nous, on veut Interpid. C'est pas compliqué, changer hardy par intrepid dans les liens. Bon ok, flemmard, voila les liens :

Placez dans le même répertoire l'iso de l'alternate, les fichiers ci-dessus et le script suivant (copier/coller exact de la page ubuntu du dessus)

# Replace "sdx" with "sdb" or whatever your flash drive is

#   - If unsure which device is your flash drive then

#     run "sudo fdisk -l | less" in order to identify it



ISOIMAGE=ubuntu-8.04-server-i386.iso



sudo apt-get install syslinux mtools mbr

echo "Use fdisk to manually create a 1GB bootable FAT16 partition."

read -p "Press [Enter] to start the fdisk program..."

sudo fdisk /dev/sdx

sudo mkfs -t vfat /dev/sdx1

sudo mkdir -p /mnt/flash







sudo mount -t vfat /dev/sdx1 /mnt/flash

sudo syslinux -s /dev/sdx1

sudo mkdir -p /mnt/iso

sudo mount -o loop $ISOIMAGE /mnt/iso

sudo cp -R /mnt/iso/isolinux/* /mnt/flash

sudo mv /mnt/flash/isolinux.cfg /mnt/flash/syslinux.cfg

sudo mkdir -p /mnt/flash/install

sudo cp vmlinuz /mnt/flash/install

sudo cp initrd.gz /mnt/flash/install

sudo cp $ISOIMAGE /mnt/flash

sudo install-mbr /dev/sdx

sudo umount /mnt/flash

sudo umount /mnt/iso

Comme il est dit dans la doc, n'oubliez pas

de changer tous les sdx par le votre

Pour voir le périphérique lié à votre clé usb, faites simplement

:~$ mount

/dev/sdb1 on /media/disk type vfat (rw,nosuid,nodev,uhelper=hal,shortname=mixed,uid=1000,utf8,umask=077,flush)

(Il y a plus de ligne en vrai, cherche juste le /media/disk correspond à votre clé) Donc pour moi, c'est sdb1

De changer le nom de l'image ISO en haut du script.

Pensez à rendre exécutable votre script

cd le_rep_ou_vous_avez_tout_mis

sudo chmod +x script.sh

Ensuite, lancez le script (je rappelle qu'il faut faire attention que la clé USB ne soit PAS montée)

./script.sh

Il vous dira qu'il va démarrer fdisk, appuyez sur entrée et fdisk se lance. Si vous avez déjà formaté votre clé avec gparted dans l'étape au dessus, mettez simplement q et entrée. Ceux qui ont préféré le faire avec fdisk n'ont pas besoin de moi pour leur expliquer, j'imagine. Créez juste une clé en FAT16 bootable.

Ensuite, aller boire une bière (pas de café quand on fait des trucs susceptibles de faire péter un câble)

Si vous avez créer votre clé USB sur une Hardy Heron. !

Le menu sur l'aspireone lors du boot sur la clé USB n'est pas le même qu'un CD alternate qui boot sur un autre PC. La différence est de taille puisque l'on ne peut ni choisir la langue (ok, on s'en fout), ni l'installation en ligne de commande qui correspond à notre installation minimale. En gros, on a le choix entre installer Ubuntu complet.... Pour y remédier, remonter votre clé USB et dessus, éditez le fichier text.cfg pour y ajouter une entrée Ubuntu CLI (source)

default install

label install

  menu label ^Install Ubuntu

  kernel /install/vmlinuz

  append  file=/cdrom/preseed/ubuntu.seed initrd=/install/initrd.gz quiet --

LABEL cli

  menu label Install Ubuntu CLI

  kernel /install/vmlinuz

  append  file=/cdrom/preseed/cli.seed initrd=/install/initrd.gz --

label check

  menu label ^Check CD for defects

  kernel /install/vmlinuz

  append  MENU=/bin/cdrom-checker-menu initrd=/install/initrd.gz quiet --

label memtest

  menu label Test ^memory

  kernel /install/mt86plus

label hd

  menu label ^Boot from first hard disk

  localboot 0x80

Débranchez la clé, et mettez la dans votre Aspire One, et on passe à l'étape suivante.

V - Installation

Allumez votre AA1 et appuyez dès le démarrage sur F12 pour rentrer dans le menu de boot, choisissez USB HDD (2ième choix chez moi) On arrive sur le choix de la langue,

Clé USB créée sur Hardy
impossible de choisir une langue, ça passe direct au menu en Anglais. Pas de soucis, le choix de la langue pour l'install en Français se fait plus tard. Bref, vous arrivez donc sur notre Install Ubuntu CLI \o/.

Clé USB créée sur Intrepid
Prenez Français, puis F4 pour le mode de boot alternatif, choisissez en ligne de commande puis Install ubuntu

Attention ici, ça a toujours été long chez moi, jusqu'à 1min pour se lancer, donc ne casser pas tout trop vite.
Voila, bonne nouvelle pour la clé Hardyienne, on revient au choix de la langue, donc cette fois, on prend le Français. Puis France à l'écran suivant
Ne détectez pas le clavier (sauf si vous y tenez vraiment), mettez donc non, puis France et France - Alternative
Un fois les modules chargés, le réseau détecté (j'espère que vous avez bien branché le câble réseau), choisissez un nom pour votre joujou, par exemple "Aspireone", perso il s'appelle wamania-one ;)

A - Partitionnement

ATTENTION : Lors de mes tests, j'ai plusieurs fois eu des soucis avec les LVM chiffrés. L'install d'Ubuntu ne semble plus vouloir réécrire la table des partitions lors de future install à cause du mode chiffré, il m'a fallu à plusieurs reprise la réécrire grâce au mode rescue de la clé USB. Si ça ne te fait pas peur, go, si tu ne penses pas réinstaller 15 fois comme moi, et que tu veux essayer, go. Il n'y a rien d'irréversible, mais on passe au niveau Geek++, donc si vous préférez, prenez un partitionnement simple et traditionnel, ça ne changera rien pour la suite sous ubuntu
Enfin, il faut aussi savoir que le chiffrement/déchiffrement à la volée, ça ralentit le joujou, même si c'est relativement soft, si tu recherches l'économie de la moindre nanoseconde de latence, alors ne chiffre pas.

On arrive au partitionnement, prenez manuel

Sur cet écran, si vous voyez des partitions existantes, effacez les toutes (aller sur la ligne, appuyer sur entrée, puis choisissez "Supprimer la partition".
Une fois qu'il ne reste que les lignes

SCSI (0,0,0) (sda) - 8.1 GB ATA P-SSD1800

             pri/log      8.1 GB        Espace libre

Si vous n'avez pas la 1ere ligne, aller sur la 1ère, Entrée puis répondez oui si on vous demande si vous voulez écrire la table des partitions.

Nous allons maintenant créer la racine en premier. Aller sur la ligne "pri/log", Entrée, Créer une nouvelle partition . Il faut ensuite choisir la taille, mettez 7965 MB ,ce qui signifie qu'on laisse 100 MB pour le /boot (ça correspond presque à l'espace occupé par 4 noyaux, ça laisse de la marge, mais faudra pas trop pousser). Choisissez primaire puis __début_, puis remplissez comme ceci (n'oubliez pas de mettre OUI à "Effacer les données")

On vous demande ensuite si vous voulez effacer les données sur la partition 1, dites OUI. Ça fait mal à notre SSD, mais c'est nécessaire, surtout si vous n'en êtes pas à votre 1ère installation.

Vous retournez alors sur la liste des partitions. On va créer le /boot. Donc Entrée sur la ligne pri/log, créer une nouvelle partition, la taille doit être d'environ 107 MB, c'est parfait. Ensuite, choisissez primaire et remplissez comme ceci :

Prenez bien le système de fichier EXT2. En effet, le EXT3 (le plus couramment utilisé) est un système de fichier journalisé, et provoque donc plus d'accès en écriture que l'EXT2. Et comme le SSD de notre joujou a un nombre d'écriture limités, autant l'économiser.
On utilise aussi l'option de montage noatime et non relatime car, comme dis l'outil de partition

noatime : Pas de mise à jour des date et heure d'accès des inodes
relatime : Màj relative des date et heure des inodes

Donc encore des accès disque.

On obtient la liste des partitions suivantes :

Le volume chiffré n'est pas utilisable en tant que tel, il va falloir créer des partitions virtuelles dessus. Pour cela, sur l'écran ci-dessus, vous voyez la ligne "Configurer les volumes chiffrés", aller dessus. On vous dit qu'avant de pouvoir les configurer, il faut écrire les modifications. On répond donc "Oui" et on arrive sur la demande de votre passphrase.
Mettez ce que vous voulez, mais n'oubliez pas non plus qu'il faudra le taper à chaque démarrage de la machine, donc ne vous enflammez pas. Si c'est trop faible, il vous le dira aussi. Ensuite, la partition s'efface et on arrive alors sur cet écran,

Aller sur la ligne correspondant à votre partition chiffré (en rouge sur l'image ci-dessus) et remplissez la comme ceci :

et vous obtiendrez ceci.

Vous voyez alors la ligne de menu "Configurer le gestionnaire de volumes logiques (LVM)", aller dedans et "créez un groupe de volume".

Comme nom, j'ai mis "root". On nous demande de choisir le périphérique pour ce groupe de volume, logiquement, il n'y en a qu'un seul, qui s'appelle /dev/mapper/sda1_crypt, c'est notre volume chiffré. On prend donc celui-la (touche espace le sélectionner), puis Entrée.

vous retournez sur un petit menu dans lequel vous choisirez "Créer un volume logique", on voit alors notre groupe "root", on le choisit, puis on donne un nom au volume logique, je l'ai appelé "racine", on nous demande la taille: on laisse la valeur affichée (moins la swap si vous voulez en mettre). enfin, si vous ne voulez pas de swap, aller sur Terminer.

Si vous mettez une swap, il faudra refaire un groupe de volume + un volume logique formaté en SWAP, Acer avait mis 1024Mo de swap, mais même sans RAM supplémentaire, je pense que 512Mo sont suffisants, en tout cas, c'est ce que je prendrais).
On arrivez la dessus.

Il faut maintenant créer une partition sur ce nouveau volume logique, aller sur la ligne en rouge ci-dessus et remplissez comme ceci :

Voila, c'est fini.

Surtout vérifiez bien que vous n'avez pas oublié le point de montage / sur cette dernière partition, et assurez vous d'avoir bien pris EXT2 comme système de fichier. Quand vous êtes prêt, appuyer sur "Terminer le partitionnement et appliquer les changements"
Si vous n'avez pas pris de swap, on vous le signalera, en demandant si vous voulez revenir au partitionnement, bien sûr que NON
Ensuite on vous que les partitions vont être formatées, donc OUI
Enfin, il travaille et nous on va boire une bière

B - Système minimal

Pendant "l'installation du système de base", on vous demandera notamment votre nom/identifiant/mot de passe, remplissez... on vous demandera si vous voulez un dossier chiffré....notre partition entière est chiffrée, donc y a pas trop d'utilité à chiffrer un répertoire par dessus. Répondez non. On vous demandera ensuite un serveur mandataire, faites juste Entrée,
L'installation continue avec l'installation des logiciels, puis de Grub. Quand il vous demande si le système est à l'heure universelle (UTC), dites OUI. Enfin, il vous dit qu'il reboot.
Si vous obtenez une erreur 15 au boot, , alors vous vous êtes plantés pendant le partitionnage, le /boot est probablement dans la partition chiffrée, il va falloir tout refaire, dommage :(
si vous obtenez une erreur 24, alors c'est qu'il y a eu un problème sur la création des partition, c'est ce qui m'est souvent arrivé et qui a demandé une réécriture de la table des partitions avec fdisk en mode rescue
Un simple fdisk /dev/sda et fdisk détecte le problème et le corrige, n'oubliez pas d'enregistrer avec la commande w

A ce stade, on a un ubuntu vraiment très minimal, en fait, y a juste ce qu'il faut pour continuer quoi... Logguez vous avec vos identifiants/pass et commencez par un traditionnel et obligatoire

sudo apt-get update

sudo apt-get upgrade

Si, comme moi, vous avez une mise à jour du noyau, pensez à rebooter avant de continuer.

C - Pack français

Sous Gnome ubuntu, il y a le language-selector, qui permet de gérer l'internationalisation des programmes. Le problème, c'est qu'il installe une langue au complet ! On y retrouve par exemple l'aide de GIMP en français de presque 20 Mo. Bref, on va se passer du language selector, et installer les paquets de langue en Français nous même. Je vous donne ici les paquets de base, pour la suite, ça sera assez simple, les paquets courants ont souvent un paquet de langue associé au paquet, par exemple, quand vous chercherez openoffice dans synaptic, vous aurez aussi openoffice.org-l10n-fr. Si vous le souhaitez, vous pourrez bien sûr aussi installer le language-selector sous gnome si vous trouvez ça plus pratique (language-selector est le nom complet du paquet) Bref, pour le français de base, en incluant Gnome, ça donne

sudo apt-get install language-pack-fr language-pack-gnome-fr

A noter que suivant votre version d'ubuntu, le système sera déjà sûrement en français, donc seul le paquet de langue de gnome sera installé.

D - Gnome

Pour une installation minimale de Gnome, on installer ces paquets, tel que c'est indiqué ici

sudo apt-get install gdm gnome-core xfonts-base xserver-xorg

Aller boire un fût.
Redémarrez, et là..... OMG comme c'est moche.
pas de soucix, on va y remédier tout de suite ! Déjà, on vous dis que GNOME_FastUserSwitchApplet ne peut pas être chargé. On s'en fiche, on est le seul user, notre joujou, on le prête pas de toute façon. Donc moi, je supprime.
Si vous y tenez vraiment :

sudo apt-get install fast-user-switch-applet

A ce stade, le moniteur système nous indique 140 Mo de RAM utilisé (mon install Desktop sur mon gros PC boot à 260 Mo)
On utilise 1.3Go sur le SSD.

D - Thèmes

sudo apt-get install human-theme usplash-theme-ubuntu ubuntu-wallpapers

A propos du usplash (la barre de chargement pendant le boot), il semblerait qu'il y ai un problème dans les dernières versions, empêchant la prise en compte d'un nouveau splash. En installant simplement usplash et le theme avec la ligne du dessus, ça s'installe bien, mais dès qu'on joue un peu avec usplash, ça peut vite partir en vrille (surtout qu'il faut avoir accès à la saisis du pass pour notre partition chiffrée, sinon, pas de boot). Pensez au mode rescue au menu grub si vous ne bootez plus suite à un splash mal installé, éditez le fichier /boot/grub/menu.lst et retirer l'option splash du kernel.

Si vous êtes un peu prévoyant, pensez à redémarrer tout de suite pour vérifier le bon fonctionnement de usplash. Pensez aussi à appliquer le thème dans système -> Préférences ->Apparence choisissez Human

E - Drivers

Je vous conseil d'installer simplement le noyau compilé spécialement pour l'aspire one ici Noyau Ubuntu custom par Petaramesh. Prenez bien la dernière version (la 11 au moment ou j'écris).
Pour installer les .deb juste en double clickant, il faudra installer

sudo apt-get install gdebi

Si vous préférez garder le noyau ubuntu, il faut installer le wifi et le lecteur de carte mémoire droit.

Les pilotes wifi ont été dans le noyau pendant la béta, mais ont été enlevés pour la release, donc peut-être que lorsque tu liras ceci, il y seront de nouveau. Pour vérifier, dans une console, tape ifconfig, si y a une entrée Wlan0, alors le Wifi est présent.

S'il ne l'est pas, il faut juste installer les backports.

sudo apt-get install linux-backports-modules-intrepid-generic

Pour le lecteur de carte mémoire, suivez le guide ici Kubuntu sur Aspire One par Petaramesh, il y aura un script à télécharger puis à installer.

Ensuite, noyau spécial ou pas noyau spécial, on va installer le network-manager

sudo apt-get install network-manager network-manager-gnome

Pour remettre l'applet du network manager dans la barre de notification de Gnome, il faut juste éditer le fichier /etc/network/interfaces et ne laisser que

auto lo

iface lo inet loopback

(en gros, faut enlever l'entrée correspondant à eth0).
Rebootez. Une fois le network-manager chargé, si vous ne voyez pas de réseau wifi, c'est qu'il est peut-être désactivé en hard avec le switch de l'aspire one (le truc tout à droite du touchpad). Il n'y a aucun avertissement de on/off, vérifiez juste si vous voyez des réseaux Wifi.

F - Power Manager

Pour permettre la mise en veille et le réveil, il faut installer le paquet suivant :

sudo apt-get install gnome-power-manager

Je conseil fortement son installation afin de pouvoir bien gérer l'autonomie de l'aspireone.

G - Notification de mise à jour

C'est le bidule dans la barre de gnome qui vous prévient quand il y a des mise à jour.

sudo apt-get install update-notifier

H - Logiciels courants

Firefox Thunderbird vlc etc...
Vous pouvez remettre totem à la place de VLC. Totem est le lecteur video par défaut d'ubuntu, mais je n'utilise que VLC. A vous de choisir. On y met aussi le plugin nonfree flash 10. File-roller pour les archives (tar.gz, zip, etc...), GDebi pour installer des paquets .deb en double clickant

sudo apt-get install firefox thunderbird thunderbird-locale-fr vlc flashplugin-nonfree file-roller gdebi

V - Post-installation / optimisation

A - Super mégaboot

Ok, le titre est nul, c'est juste pour dire que, comme on a une partition chiffré avec une demande de mot de passe dès le boot, on peut s'affranchir des innombrables mots de passes demandés lors du boot. Il est en effet possible de connecter automatiquement un compte. Pour cela, dans Système -> Administration -> Fenêtre de connexion dans l'onglet Sécurité, Activer la connexion automatique et choisissez votre utilisateur

De même pour Gnome-keyring, le trousseau de clé qui nous demande un passe à chaque connexion à un réseau wifi. Vous trouverez les infos ici Keyring auto avec autologin désactivé Cette méthode ne fonctionne que si l'on a pas activé l'autologin. En effet, il est impossible de déverrouiller le trousseau de clé avec le mot de passe de l'utilisateur si celui-ci ne le saisit pas. Il existe malgré tout une méthode, mais implique que vos mots de passe soient stockés en clair Keyring auto avec Autologin activé

Au final, je conseil de garder l'autologin + la saisie du mot de passe du trousseau. Désactiver l'autologin n'a aucun intérêt vu qu'il faudra de toute façon saisir des infos pendant le boot, autant ne rien faire. Mais avoir tous les mots de passe en clair est inacceptable pour moi.

B - Accélération

Je vous conseil simplement de regarder ce post Installation de Kubuntu sur Acer Aspire One et celui-ci https://help.ubuntu.com/community/AspireOne110L

Personnellement, je n'ai utilisé que les modifs qui me semblaient les moins intrusives et les moins expérimentales pour éviter un plantage dès la prochaine Maj, je vous liste ce que j'ai fait, mais la liste n'est pas du tout exhaustive. C'est à vous de juger ce que vous pensez utile ou pas.

Ajout du clocksource=hpet et elevator=deadline dans le menu.lst de Grub, préconisé par Petaramesh
Ajout de la ligne:

fichier /etc/fstab

tmpfs /tmp tmpfs defaults 0 0

Je n'ai pas ajouter les répertoires de /var/log /var/tmp comme indiqué dans la doc car je ne suis vraiment pas sûr des bénéfices, surtout avec 512Mo de RAM. N'oublions pas quand même que économiser le SSD, c'est bien, mais bon, il va pas claquer demain. Et je pense que d'ici qu'il claque, il sera déjà remplacé par un autre joujou. Donc moi, j'économise ma RAM. De plus, il est dit dans que ajouter tous ces répertoires dans la RAM peut causer des crash lors d'installation de paquet....

L'utilisation de noatime dans le fstab a déjà été fait pendant le formatage

VI - Conclusion

Au total, je suis à 158Mo à la fin du démarrage, et globalement, 1,3Go de pris sur le SSD. Sans grosse amélioration telle qu'on les trouve abondamment sur le web et notamment dans les liens que j'ai pu citer plus haut.

En écriture (avec Bonnie), j'obtiens

-Per Chr-   --Block--     -Rewrite-   -Per Chr-    --Block--     --Seeks--
Size K/sec %CP K/sec %CP K/sec %CP K/sec %CP K/sec %CP  /sec %CP
3G  7056  54    9810  3      7324  4     11034 73   18886  3    1839  9%%%

Soit au minimum 7Mb/s par seconde, ce qui n'est pas mal du tout.

Et en lecture :

/dev/sda:
 Timing cached reads:   1238 MB in  2.00 seconds = 619.22 MB/sec
 Timing buffered disk reads:  118 MB in  3.03 seconds =  38.88 MB/sec%%%%%%

Je vous laisse maintenant le soin de personnaliser votre joujou. Vous pouvez par exemple installer le Netbook Remix, j'en utilise notamment le thème en mode normal.

Annexe

Pour netbook-remix, je vous conseil d'ailleurs de ne pas tout mettre. Déjà, maximus, je trouve ça assez horrible, ça maximise toute les fenêtres en enlevant le cadre du haut de la fenêtre. Donc en gros, impossible de mettre 2 fenêtres l'une à coté de l'autre. Les applets sont pratiques, mais pas obligatoires. Je trouve que ça n'apporte pas un gros plus.

Ajouter le dépot suivant :

deb http://ppa.launchpad.net/netbook-remix-team/ubuntu intrepid main

Moi j'ai installé :

sudo apt-get install human-netbook-theme netbook-launcher

N'hésitez pas à regarder la description de chaque paquet dans le lien indiqué plus haut.

Ensuite, pour lancer netbook-remix à chaque démarage, il suffit de l'ajouter dans Préférences -> Sessions (la commande s'appelle netbook-launcher). Il faut aussi penser à changer votre Thème en Human Netbook.

Si vous ne l'avez pas installé, vous aurez besoin de

sudo apt-get install gnome-power-manager

Aedituus 2.0.0

2008-09-10T12:48:00+02:00

Pour ceux qui ne savant pas, (c'est à dire tous ceux qui ne m'ont pas contacté par mail), la version 2 de l'Aedituus est en cours d'écriture. Je voulais ici éclaircir les fonctionnalités futures, ainsi que le direction que prendra le projet. Une version béta est déjà en train de se faire sévèrement corrigée. J'espère pouvoir sortir une version finale assez vite.

Au niveau du code, l'architecture est globalement similaire à la version 1.3, malgré quelques grosses modifs.

L'ensemble du code, de la base, du xhtml et des transferts est en UTF-8 et non plus en latin1

Les commentaires sont au format phpdocumentator

Il n'y aura plus qu'une classe (mysql) utilisant PDO, permettant de créer des wrapper pour d'autres bases, mais s'appuyant uniquement sur PDO (petit rappel : dans PHP6, les mysql_query, c'est fini ! De plus, PDO est un excellent moyen de lutter contre les injections SQL grâce aux requêtes préparées)

Les fichiers templates sont maintenant au formats PHP. Ils sont encore bien distincts du reste du code, mais il suffit d'une fonction de 19 lignes pour joindre le tout.

Le visuel est complètement refait, et acceptera d'autres layout/css en fonction des contributions. De plus, le code html passe le validateur XHTML 1.1 (strict) et CSS2

Une interface d'admin va voir le jour, elle sera très modeste au début (config principalement)

Un nouveau système de filtrage de champ permet de choisir soit même (par l'interface d'admin), les restrictions de chaque champ de formulaire (nombre, alphanumérique, regexp, etc...) et d'en ajouter

Des tests unitaires seront faits avec simpletest, principalement sur les filtres, mais aussi par simulation de toutes les situations réelles.

L'ajout de champ dynamique sera entièrement opérationnel (et contrôlé par l'admin). Il permet ainsi d'ajouter à l'inscription un champ de formulaire (tous les types de champs sont pris en compte). La valeur de ce champ sera ensuite directement accessible partout dans le script à la connexion.

Un système de plugin permettra d'ajouter des fonctionnalité sans toucher au code, et un système d'adaptateur permettra de se connecter simultanément au script les plus connus

La version 2.0.0 ne contiendra probablement pas tout ça, mais préparera le terrain. Niveau délai, je suis parti dans plus que je ne pensais au début (comme d'hab quoi...).

Une version (en constante évolution) de démo est visible ici

Be a javascript rock star !

2008-08-29T16:45:00+02:00

Jquery a pété un câble, mais j'adore.
Petit post qui sert à rien, mais je voulais montrer la nouvelle bannière du nouveau style du site de jquery

Framy - Partie 4 - Url-rewritons !!

2008-08-25T20:24:00+02:00

Cet article fait suite à la partie 3

Nous voici donc arrivé à cette grosse partie.
Je vais commencer par expliquer ce qu'on cherche à faire.

Une application est constituée de un ou plusieurs contrôleurs, contenant des actions étroitement liées au contrôleur.
Nous allons créer un contrôleur application, contenant 1 action : helloworld qui prendra en paramètre la langue (en ou fr), ainsi que la période de la journée (matin, aprem, soir, nuit) Nous devons maintenant appeler ce couple contrôleur/action.

Pour les pressés, voici le code complet de notre Url Rewriting : Télécharger le code complet

Commençons par étudier les 3 types d'URL possibles :

Les urls basiques. On appelle une page physique, puis on place les paramètres derrière un ?

Par exemple : http://www.tonsite.com/index.php?controller=application&action=helloworld&lang=fr&periode=soir L'avantage c'est que c'est simple et que ça fonctionne partout, mais c'est moche et google déteste.

L'utilisation de l'option multiviews d'apache et du path_info de PHP.

Ceci permet d'avoir des url du style : http://www.tonsite.com/index/application/helloworld/fr/soir Ici, lorsqu'on utilise /index/ , apache cherche en 1er le répertoire index, s'il est absent, il cherchera un fichier index.* L'avantage c'est que les urls sont propres, mais les inconvénients sont à mon avis bien plus importants :
- Il ne doit pas y avoir de répertoire (ou de fichier du même nom avec une extension différente et prioritaire, comme .html) portant le nom du fichier php qu'on appelle.
- L'option multiviews d'apache n'est pas forcement activée partout

Le module mod_rewrite d'apache

Il est nécessaire d'avoir le module activé sur apache et d'avoir le droit de placer un .htaccess dans la racine du site. On aura des URL du type : http://www.tonsite.com/application/helloworld/fr/soir Le mod_rewrite est la meilleur solution pour obtenir des urls propres.

Nous verrons plus tard qu'avec le multiviews, et surtout avec le mod_rewrite, on peut créer des URLs bien plus personnalisables que les exemples cités.
Nous venons de voir l'aspect théorique, "ce qu'on peut faire avec les différents mods". Voyons maintenant ce que nous voulons, ça nous permettra de rassembler les traitements communs et aussi, de séparer certains traitements en 2.
En effet, malgré la forme de l'urls qui diffère, les informations qui sont transmises au final ne prennent que deux formes. Je m'explique par un exemple concret :

multiviews : http://www.wamania.com/index/application/helloworld/fr/soir
Mod_rewrite : http://www.wamania.com/application/helloworld/fr/soir
Urls "basique" : http://www.wamania.com/index.php?q=/application/helloworld/fr/soir (que nous appelerons le mod "Query_String")
ou plus simplement : http://www.wamania.com/index.php?controller=application&action=helloworld&lang=fr&perdiode=soir (que nous appellerons simplement "simple")

On voit donc que dans les 3 premiers, seul la manière de transmettre la chaîne diffère, mais le traitement de la chaîne sera semblable. Seul le dernier cas est un cas particulier. Nous nommerons cette chaîne ( /application/helloworld/fr/soir ) la "Param_String".

Cette chaîne param_string est ce qui nous intéresse vraiment. En effet, même si nous pouvons l'utiliser comme ici /controller/action/params1/params2 , nous pouvons aussi être beaucoup plus créatif. Par exemple, dans notre helloworld en français et le soir, quel message voulons nous passer ? Que voulons nous que google retienne ? Le contenu ne sera pas "Hello World", mais "Bonsoir le monde". Pourquoi donc ne pas avoir une url qui concorde ? Par exemple, implicitement la param_string /bonsoir-le-monde nous dis : c'est le soir, c'est en français. Nos 2 paramètres sont là, il ne manque plus qu'à lier cette param_string au couple controller/action application/helloworld.
Pas de soucis, nous pouvons le faire !! Pour cela, nous utiliserons un fichier routes.php que nous verrons à la fin.

Retournons à notre Framy :

Nous allons donc avoir les fichiers

index.php
framy/boot.php
framy/request.php
framy/url/urlengine.interface.php
framy/url/simple.urlengine.php
framy/url/multiviews.urlengine.php
framy/url/mod_rewrite.urlengine.php
framy/url/query_string.urlengine.php
framy/url/param_string.php
app/applicationController.php
app/routes.php

Ainsi qu'un fichier .htaccess

Commençons par le fichier index.php, c'est le plus simple, il se contente d'inclure les autres fichiers, puis d'appeler la méthode static launch de la classe boot :

<?php

require_once './framy/boot.php';

require_once './framy/request.php';



require_once './framy/url/urlengine.interface.php';

require_once './framy/url/param_string.php';

require_once './framy/url/multiviews.urlengine.php';

require_once './framy/url/query_string.urlengine.php';

require_once './framy/url/mod_rewrite.urlengine.php';

require_once './framy/url/simple.urlengine.php';



//define('URL_HANDLER', 'simple');

//define('URL_HANDLER', 'querystring');

//define('URL_HANDLER', 'multiviews');

define('URL_HANDLER', 'modrewrite');



yBoot::launch();

?>

Ensuite le fichier framy/boot.php

<?php

/**

 * Classe yBoot

 * @return void

 */

class yBoot {

    /**

     * Méthode launch, lancement du programme

     * @return void

     */

    public static function launch() {

        // On crée l'objet de yRequest qui supportera 

        // les éléments de la requète de l'utilisateur

        $request = new yRequest();

                

        // On récupère ce paramètre, 

        // notamment le couple contrôleur/action

        $params = $request->getParams();

                

        require_once './app/'.$params['controller'].'Controller.php';

        $controller = $params['controller'].'Controller';

        $oController = new $controller ($params);

        $oController->{$params['action']} ();

    }

}

?>

Notre classe qui contient la requête et qui lance le traitement de l'URL. Nous ajoutons un petit traitement "par défaut" exceptionnel pour diriger les pages sans controller/action vers application/helloworld

<?php

class yRequest {

        

    private $params;

        

    public function init() {

                

        $param_string = '';

                

        // Récupération de notre "param_string" que nous

        // abrégeons dans la requête par "ps"

        switch(URL_HANDLER) {



            case 'simple' :

            break;



            case 'querystring' :

                $param_string = isset($_GET['ps']) ? $_GET['ps'] : '';

                // On enleve le premier / car pour le mod_rewrite, il n'y est pas

                $param_string = substr($param_string, 1, strlen($param_string)-1);

            break;



            case 'multiviews' :

                $param_string = substr($_SERVER['PATH_INFO'], 1, strlen($_SERVER['PATH_INFO'])-1);

            break;

                        

            case 'modrewrite' :

                $param_string = isset($_GET['ps']) ? $_GET['ps'] : '';

            break;

                        

            default :

                throw new Exception ("Impossible de trouver un support pour ce type d'url");

            break;

        }

                

        $urlEngineClassName = 'y'.ucwords(URL_HANDLER).'Url';

                

        try {

            $urlEngine = new $urlEngineClassName;

            $this->params = $urlEngine->url2params($param_string, $_GET);

        } catch (Exception $e) {

            echo $e->getMessage();die();

        }

        

        // Juste pour notre exemple, si on a rien mis, on redirige vers application/helloworld

        if (empty($this->params['controller'])) { $this->params['controller'] = 'application';}

        if (empty($this->params['action'])) { $this->params['action'] = 'helloworld';}

        if (empty($this->params['lang'])) { $this->params['lang'] = 'fr'; }

        if (empty($this->params['periode'])) { $this->params['periode'] = 'soir'; }

                

        $this->params = array_merge($this->params, $_POST);

    }

        

    public function getParams() {

                

        if (empty($this->params)) {

            $this->init();

        }

        return $this->params;

    }

}



?>

Attaquons nous aux différents moteurs. Voici en premier les 3 moteurs héritant de la classe yParamString que nous verrons en dernier.

<?php

class yModrewriteUrl extends yParamString implements iUrlEngine {

    public function path2url($path) {

        return 'http://'

            .$_SERVER['SERVER_NAME']

            .str_replace('/index.php', '', $_SERVER['SCRIPT_NAME'])

            .$path;

    }

}

?>

<?php



class yMultiviewsUrl extends yParamString implements iUrlEngine {

    public function path2url($path) {

        return 'http://'

            .$_SERVER['SERVER_NAME']

            .str_replace('/index.php', '/index', $_SERVER['SCRIPT_NAME'])

            .$path;

    }

}

?>

<?php

class yQueryStringUrl extends yParamString implements iUrlEngine {

    public function path2url($path) {

        return 'http://'

            .$_SERVER['SERVER_NAME']

            .'/'.$_SERVER['SCRIPT_NAME'].'?ps='

            .$path;

    }

}

?>

Plutôt creux hein ? Et oui, comme nous l'avons vu, la param_string est identique pour les 3. Enfin presque !
En réalité, avec le multiviews, la chaîne commence par un / alors qu'avec les autres non. Ceci est traité directement dans la classe request, histoire de ne pas s'en soucier après. De plus, la sortie diffère car les urls définitives n'ont pas la même forme pour chaque, d'où le traitement dans chaque classe.

Et voici la 4ième, le cas de l'url "simple". Pour cette partie, c'est dans la classe que le choix se fait. Par exemple, au lieu de récupérer $_GET['controller'], on peut indiquer seulement $_GET['c'], on peut aussi mettre soit même sous forme d'une chaîne identifiable, enfin c'est vraiment libre.

<?php

class ySimpleUrl implements iUrlEngine {

        

    public function url2params($url, $get) {

                

        $params = array();

        if (! isset($get['controller']) || ! isset($get['action'])) {

            // Mis en commentaire pour l'exemple car valeur par défaut plus tard

            //throw new Exception ("Vous devez indiquer dans l'url le controller et l'action");

        

        } else {

            $params['controller'] = $get['controller'];

            $params['action'] = $get['action'];

                        

            foreach ($get as $key => $value) {

                $params[$key] = urldecode($value);

            }

        }

                

        return $params;

    }

        

    public function params2path($params) {

                

        if (empty($params['controller'])) {

            throw new Exception("Vous devez indiquer le controller dans vos liens");

        }

        if (empty($params['action'])) {

            throw new Exception("Vous devez indiquer l'action dans vos liens");

        }

                

        $url_vars = array();

        foreach ($params as $key => $value) {

            $url_vars[] = $key.'='.urlencode($value);

        }

        $url_vars = implode('&', $url_vars);

        

        return $url_vars;

                

    }

    

    public function path2url($path) {

        return 'http://'

            .$_SERVER['SERVER_NAME']

            .$_SERVER['SCRIPT_NAME']

            .'?'.$path;

    }

}

?>

On a nos 4 moteurs, il manque l'interface que voici

<?php

interface iUrlEngine {

    function url2params( $url,  $get );

    function params2path( $params );

    function path2url( $path );

}

?>

et enfin, le gros morceau, la classe yParamString chargée de parser notre param_string (pour rappel, la param_string, c'est, dans notre cas, ceci : /application/helloworld/fr/soir)

abstract class yParamString implements iUrlEngine {

        

    public function url2params($url, $get) {

        $routes = require './app/routes.php';

        if (!is_array($routes)) {

            throw new Exception( "La liste des routes, logiquement dans common/config/routes.php, est vide.");

        }

        //print_r($routes);

        $tabUrl = explode('/', $url);

                

        foreach ($routes as $route) {

                         

            $routeUrl = substr($route['url'], 1, strlen($route['url'])-1);

                         

            // 1er test, le nombre de params

            $tabRouteUrl = explode('/', $routeUrl);

            if (count($tabRouteUrl) != count($tabUrl)) {

                continue;

            }

                         

            // ensuite, test si la regexp de l'url est bonne

            preg_match_all("/:([a-zA-Z0-9]*)/", $routeUrl, $neededParams);

            $url_regexp = $routeUrl;

            foreach ($neededParams['1'] as $p) {

                // On cherche si une regexp est definit dans la route

                $regexp = (isset($route['params'][$p]) ? $route['params'][$p] : '[a-zA-Z0-9]*');

                $regexp = '(?P<'.$p.'>'.$regexp.')';

                $url_regexp = preg_replace("/(:".$p.")/", $regexp, $url_regexp);

                                

            }

            $url_regexp = '#^'.$url_regexp.'$#i';

            if (preg_match($url_regexp, $url, $matches)) {

                foreach($matches as $key => $match) {

                    if (is_int($key)) {

                        unset($matches[$key]);

                    }

                }

                if (! isset($route['params'])) {

                    $route['params'] = array();                

                }

                unset($get['ps']);

                return array_merge($route['params'], $matches, $this->array_urldecode($get));

            }

        }

        return $this->array_urldecode($get);

    }

        

    public function params2path($params) {

                

        if (empty($params['controller'])) {

            throw new Exception("Vous devez indiquer le controller dans vos liens");

        }

        if (empty($params['action'])) {

            throw new Exception("Vous devez indiquer l'action dans vos liens");

        }



        $routes = require './app/routes.php';

        $url = null;



        foreach ($routes as $route) {

                        

            $badparams = false;

                        

            preg_match_all("/:([a-zA-Z0-9]*)/", $route['url'], $neededParams);

            if (empty($route['params'])) {

                $route['params'] = array();

            }

            // On vérifie pour chaque variable de l'url que la params correspondant bien

            // à ce qu'on a spécifié dans le tableau params

            $ValueParamsURL = array();

            foreach ($neededParams['1'] as $p) {

                                

                if (isset($params[$p])) {

                                        

                    if (isset($route['params'][$p])) {

                        $regexp = $route['params'][$p];

                    } else {

                        $regexp = '[a-zA-Z0-9]*';

                    }

                    if (preg_match('#'.$regexp.'#i', $params[$p])) {

                        $ValueParamsURL[$p] = $params[$p];

                                        

                        // Le params initiale ne correspond pas à la regexp donnée par la route

                    } else {

                        $badparams = true;

                        //throw new Exception ('Bad regexp trouv&eacute;e avec '.$p);

                    }

                                

                    // le params existe dans l'url, mais pas de le tableau initial 

                } else {

                    $badparams = true;

                }

            }

                        

            if ($badparams) {

                continue;

            }

                        

            // On regroupe les paramètres de l'url et ceux de la route

            $tabParamsURL = array_merge($route['params'], $ValueParamsURL);



           // On vérifie qu'on a bien tous nos paramètres !

            foreach ($tabParamsURL as $key => $value) {

                if ($value != $params[$key]) {

                    $badparams = true;

                }

            }

            if ($badparams) {

                continue;

            }

                                        

            $finalTabParams = $route;

            $finalNeededParams = $neededParams['1'];

            $finalParamsURL = $tabParamsURL;

                                

            break;

        }



        // On a notre route

        // On met les paramètres de l'url dans l'url

        $url = $finalTabParams['url'];

        foreach ($finalNeededParams as $p) {

            $url = str_replace(':'.$p, $params[$p], $url);

        }

        // On ajoute les ?key=value en regardant ce qui n'a pas encore été mis

        $getParams = array_diff_key($params, $finalParamsURL);

        if (count($getParams) > 0) {

            $url .= '?';

            $tabTempurl = array();

            foreach ($getParams as $key=>$value) {

                $tabTempurl[] = $key.'='.urlencode($value);

            }

            $url .= implode('&', $tabTempurl);

        }

                

        return $url;

    }

        

    protected function array_urldecode($tab) {

                

        $new_tab = array();

                

        foreach ($tab as $key => $value) {

                        

            if (is_array($value)) {

                $new_tab[$key] = self::array_urldecode($value);

            } else {

                $new_tab[$key] = urldecode($value);

            }

        }

        return $new_tab;

    }

}

Voici le fichier htaccess

<IfModule mod_rewrite.c>

    RewriteEngine On

    RewriteBase /framy_urlrewriting

    RewriteCond %{REQUEST_FILENAME} !-f

    RewriteCond %{REQUEST_FILENAME} !-d

    RewriteRule ^(.*)$ index.php?ps=$1 [L,QSA]

</IfModule>

Le temps que vous digériez ce code qui prend beaucoup de place pour pas grand chose, je vais vous expliquer comment installer et utiliser l'exemple que vous pouvez télécharger par ce lien :
Télécharger le code complet
Tout d'abord, décompressez l'archive dans un répertoire accessible par un serveur web. Le framy sera contenu dans un répertoire framy_urlrewriting. Si vous renommez ce répertoire, pensez à changer aussi l'htaccess !! Ensuite, nous allons tester nos différentes urls.

simple : commentez toutes les lignes du htaccess et réglez la constance URL_HANDLER du index.php sur 'simple'
query_string : commentez toutes les lignes du htaccess et réglez la constance URL_HANDLER du index.php sur 'querystring'
multiviews : commentez toutes les lignes du htaccess et réglez la constance URL_HANDLER du index.php sur 'multiviews'
modrewrite : décommentez toutes les lignes du htaccess et réglez la constance URL_HANDLER du index.php sur 'modrewrite'

Pour chaque type, vous pouvez ouvrir votre explorateur à l'adresse http://localhost/framy_urlrewriting.
Comme nous avons mis un comportement par défaut qui charge application/helloworld, nous arrivons dessus (voir dans la class Request).
Nous voyons un lien qui est généré par le système en fonction du type d'url. Lorsque nous clickons dessus, nous sommes renvoyé sur la même page. La différence c'est qu'en cliquant, on utilise réellement le système d'url mis en place et visible par l'url dans la barre d'adresse. Vous verrez aussi la construction d'autres url à travers les liens fr et en dont nous avons défini les routes dans le fichier routes.php

$routes = array(

        

    array(

        'url' => '/bonsoir-le-monde',

        'params' => array(

            'controller'        => 'application',

            'action'            => 'helloworld',

            'lang'              => 'fr',

            'periode'           => 'soir'

        )

    ),

    

    array(

        'url' => '/:controller/:action/:lang/:periode',

        'params' => array(

            'controller'        => 'application',

            'action'            => 'helloworld',

            'lang'              => 'fr|en',

            'periode'           => 'soir|matin|aprem|nuit'

        )

    ),



    /********************************************************

     * Routes par défaut

     ********************************************************/

    array(

        'url' => '/:controller/:action/:id',

        'params' => array(

            'controller'        => '[a-zA-Z0-9]*',

            'action'            => '[a-zA-Z0-9]*',

            'id'                => '[a-zA-Z0-9]*'

        )

    ),

        

    array(

        'url' => '/:controller/:action',

        'params' => array(

            'controller'        => '[a-zA-Z0-9]*',

            'action'            => '[a-zA-Z0-9]*',

        )

    )

);

ATTENTION : Classez bien vos routes de la plus restrictive à la moins restrictive, car première trouvée, premier prise. Par exemple ici, toutes nos urls peuvent utiliser /:controller/:action . Si vous mettez /bonsoir-le-monde en dessous, elle ne sera pas prise en compte.

Voila, c'est fini. Ce morceau est bien lourd, mais nécessaire.

Prochain morceau, on crée enfin notre classe controller mère et tous ses petits périphériques.

C'est nul, il veut même pas lire mon .doc

2008-08-25T15:19:00+02:00

Le prochain qui me sort ça, je le sors à coup de pied dans c**
Retournons le problème !

Il y a d'un coté le monde, ses lois, ses normes, ses utilisateurs, l'harmonie entre toutes ça et d'un autre coté Microsoft.
Faut-il changer tout pour le rendre compatible microsoft ou faut-il changer microsoft pour être compatible avec le reste ?

De nombreux utilisateurs ne comprennent pas pourquoi les "autres" -comme ma tendre ubuntu- n'ont pas essayé d'être compatible avec Windows notamment niveau ergonomie utilisateur. Je leur répond en général que les développeurs d'ubuntu n'ont pas réussis à être aussi mauvais.

Mais la vraie réponse est que l'utilisateur est un boulet (pour être poli). On préfère accepter la vente liée (pourtant interdite), les virus, la licence qui coûte la peau du c**, l'installation des drivers/programmes de tierces parties inconnues desfois difficiles à trouver, les changements imposés de version avec des soucix de compatibilité entre elle, etc....
plutôt que de changer des habitudes et éventuellement de devoir réfléchir qqs mins.

Vous savez quoi, ce p..... de word ne lit pas mon .odt

Gros bisous à ma copine qui vient enfin de passer à ubuntu ce week-end, après que son pc, désirant continuer à travailler même sans elle, ait envoyé des messages de pubs à tous ses contacts yahoo et ai changé son message d'absence. Elle a maintenant un beau bureau tout rose ;)

Pour elle, comme pour toi, futur ubuntien
http://www.framabook.org/ubuntu.html
http://www.ecrans.fr/Linux-Le-journal-d-un-novice,4666.html

Nouveau thème - spécial daltonien

2008-08-19T17:33:00+02:00

Etant moi même daltonien, je ne suis pas vraiment sûr de l'harmonie générale du site.

En tout cas, chez wam, y a de la couleur maintenant, et à l'époque de la télé, c'était vraiment un progrès !!

N'hésitez pas, daltonien ou non, à me signaler par commentaire ceux qui ont perdus leurs yeux ou -au contraire- ceux qui ont l'impression de voir une toile de Van Gogh dans ce thème.

PS : Un daltonien est qq'un ayant des problèmes de vison des couleurs (vert et/ou bleu et/ou rouge). Personnellement, j'ai une protanomalie : "présence d'une mutation du pigment de la vision du rouge ; la sensibilité à cette couleur est diminuée."

Knol - Ou comment troquer le savoir contre du fric

2008-08-18T15:17:00+02:00

Voila un bon post copier/coller, mais je devais relayer l'info ! http://www.oric-ak.fr/post/2008/07/30/Knol-soupe-de-Wikipedia

Knol est un nouveau service de google, actif depuis le 23 juillet 2008 et permettant à des auteurs non anonymes de publier des articles sur lesquels sera affichée de la pub google que l'auteur et google se partageront.

En gros, pour troller sec, google va racheter les auteurs de wikipedia, car wikipedia a toujours refusé la pub de google.

J'invite donc mes 100 000 visiteurs par jours à ne pas knoler !!

Framy - Partie 3 - (Episode -51, Là ou tout a vraiment commencé)

2008-08-18T12:29:00+02:00

Cet article fait suite à la Partie 2

Avant de commencer à compliquer le bouzin, et surtout, avant de commencer l'url-rewriting, je me suis dit que présenter tout de suite l'objectif final permettrait sûrement de gagner beaucoup de temps. Pour cela, je me suis replongé dans l'UML2, mais j'avoue que je galère, c'est pas trop mon truc les blocks (je préférais les patates).

Alors, étudions un peu ça. Tout d'abord, il ne faut surtout pas avoir peur !

Le commencement, c'est la méthode yBoot::launch() qui sera appelée par exemple dans l'index.php Cette méthode static crée 2 objets :

$resquest (yRequest)
$response (yResponse)

La classe yRequest contient les attributs et méthodes nécessaires à l'analyse de la requête de l'utilisateur. C'est elle qui va déterminer le couple contrôleur/action à utiliser à travers les différents classes de traitement de l'URL disponibles.
La classe yResponse contient simplement la réponse que Framy enverra au navigateur, ce qui comprend entête HTTP et contenu. On crée ces classes dans le boot pour

Déterminer le couple contrôleur/action ainsi que les paramètres.
Valider la requête et si besoin, envoyer une erreur 404
Charger la configuration globale de Framy (que nous ne verrons pas du tout ici)
Lancer l'application (ie : Instancier le contrôleur et lancer l'action)

Ensuite, l'ensemble des pouvoirs est transmis au contrôleur (applicationController est un contrôleur arbitraire pour servir d'exemple). N'oublions pas que le contrôleur hérite de la classe abstraite yController, qui possède tout ce dont on a besoin, et qui va récupérer au passage l'objet $request et l'objet $response (regardez donc le constructeur de yController).

Voila, maintenant que les choses sont claires, nous pouvons commencer à travailler sur chacune des parties. A commencer bientôt par l'url-rewriting.

Allez à la 4ième partie

Compiz-fusion sur Ubuntu (Hardy Heron 8.04 LTS)

2008-08-14T19:59:00+01:00

Certes, ce n'est pas un scoop, mais j'aime, alors je montre.

Ubuntu gagne de plus en plus de terrain, et quand on voit la progression à chaque nouvelle version, on comprend pourquoi !
Toi, avec ton vista, regarde ce qu'on fait en quelques minutes, et pleure !

Compiz ubuntu

Double wow on compiz cube 3D

Url rewriting sur dotclear

2008-08-14T16:55:00+01:00

Je viens de me rendre compte que dotclear ne propose que 2 choix pour la réécriture d'URL.

Le QUERY_STRING, c'est à dire par l'utilisation de $_SERVER['QUERY_STRING'] qui consiste globalement à parser tout ce qui suis le ? dans l'adresse. Ainsi on aurait http://www.wamania.com/index.php?/url-rewriting-sur-dotclear.

Pourquoi c'est mal?
Déjà parce que c'est moche ! Ensuite parce que google n'aime pas. Dès qu'il y a un ?, il zappe.

Le PATH_INFO, utilisé avec une option d'apache (souvent dans le virtualhost) : le MultiViews

<Directory /var/www/wamania.com>

    Options MultiViews

    ....

</Directory>

Pour expliquer, voici un exemple : Nous prenons l'URL
http://www.wamania.com/index/url-rewriting-sur-dotclear

En gros, on a tout écrit sous forme de répertoire. En effet, si apache ne trouve pas de répertoire avec le bon nom (ici index) alors il cherche les fichiers possibles, et trouve donc index.php, ce qui suis étant transformé ensuite en QUERY_STRING. Ceci permet d'avoir des URL sans .php? mais laisse quand même un /index/ pas cool, et surtout beaucoup de contraintes (si un répertoire existe, il est prioritaire sur le fichier !)

Bref, tout ça, c'est de l'URL-bidouilling.

Pour un vrai URL-rewriting, il faut absolument avoir le mod_rewrite d'apache activé sur son hébergement !

Le plus simple à mon avis, c'est de configurer dotclear pour le QUERY_STRING (le PATH_INFO nécessite l'option MultiViews d'apache, et est plus contraignant), en mettant en url http://toto.com/
Il nous reste maintenant à rediriger vers notre ancien index.php? Nous utilisons pour cela un fichier .htaccess à placer à la racine du blog

<IfModule mod_rewrite.c>

    RewriteEngine On

    

    ## Si le blog n'est pas à la racine du site ! 

    #RewriteBase /blog



    ## Si le fichier/dossier existe, on passe son chemin

    ## Ca evite de réécrire les adresses des images par exemple

    RewriteCond %{REQUEST_FILENAME} !-f

    RewriteCond %{REQUEST_FILENAME} !-d

    ## et enfin, on réécrit

    RewriteRule ^(.*)$ index.php?$1 [L,QSA]

</IfModule>

fonction addslashes

2008-08-14T15:49:00+01:00

La méthode addslashes est mondialement connue pour échaper les ' ou les " dans les chaînes de caractères à destination de requète SQL. Ca, c'est ce que tout le monde croit.

Suite à un entretien dernièrement ou j'ai passé un test de PHP dans lequel on me demandait - encore - de choisir entre 4 choix pour empêcher les injections SQL.
ET BAH C'EST PAS ADDSLASHES !!!
J'avais envie de le crier haut et fort.

Quelques explications : Les véritables méthodes d'échappement d'une requète liée à une base sont les méthodes propres à ces bases ! Par exemple, la fonction PHP mysql_real_escape_string n'est utilisable QUE si la connexion à MySQL est ouverte. Cela car c'est belle et bien MySQL qui échappe la chaîne et non PHP.

Ainsi, toutes les bases de données ont leurs méthodes d'échappement, et les fonctions PHP qui les appellent :

L'arrivée de composant comme PDO permet de s'abstraire de tous ces problèmes (à condition de ne pas faire n'imp). Je conseille personnellement de ne plus utiliser que ça. Ça évite d'avoir à réfléchir sur des problématiques de sécurité seul dans son coin alors qu'une communauté bien plus forte que toi le fait à ta place !

Bon, sinon, pourquoi addslashes c'est pas bon ? Simplement à cause d'une 'confusion' entre single-byte et multi-byte string.

En single-byte string, 0xbf27 devient 0xbf (¿) suivi de 0x27 ('), c'est à dire (¿'). Ceci car 0xbf27 n'est pas un multi-byte valide. Si on passe ceci dans addslashes, on obtient 0xbf5c27, c'est à dire ¿\' en single-byte string. Seulement voila 0xbf5c est un multi-byte string valide, du coup, la chaîne devient 縗 ' Et voila notre ( ' ) qui n'est plus échappé.

Framy - Partie 2 - Le contrôleur

2008-08-14T13:59:00+01:00

Cet article fait suite à celui-ci : Partie 1 - Pourquoi utiliser un framework MVC

Je vais vous présenter ici la base du début du commencement d'un bon contrôleur dans une optique MVC. Tout d'abord, un peu de théorie. Selon wikipedia "Le contrôleur prend en charge la gestion des évènements de synchronisation pour mettre à jour la vue ou le modèle et les synchroniser.".

Ce qui signifie que le contrôleur est appelé à chaque évènement lié à l'utilisateur (en tout cas dans le web). Il va ensuite synchroniser la vue et le modèle en fonction de la requète. Attention cependant, si le contrôleur est le "système nerveux" du programme, il n'est pas le cerveau. En effet, l'ensemble des classes "métiers" nécessaires au traitement des informations seront à l'extérieur du MVC, et seront appelées si besoin par le contrôleur. Au final, le contrôleur est le coordinateur de notre programme. Ce qui signifie que tout commence par lui et tout fini par lui (en tout cas, d'un point de vue extérieur au framework). Chronologiquement, le framework va analyser la requète, puis va déterminer :

Le contrôleur à utiliser
L'action à appelée
Les paramètres supplémentaires.

Le couple contrôleur/action se cherchera de coordonner les différents acteurs pour finir (en général) par l'envoi de la vue.

Par exemple, voici un contrôleur et quelques actions typiques pour gérer les utilisateurs d'un espace membre.

class userController {

    

    // On va détailler un peu cette action

    function register() {

        // On attend ici dans les paramètres le pseudo et le pass du user

        if (empty($this->params['pseudo'] || empty($this->params['pass'])) {

            $this->render_view('formulaire_incomplet.tpl');

        } else {

            // on insere

            $user = new User($this->params['pseudo'], $this->params['pass'] );

            if ($user) {

                $this->render_view('inser_user_success.tpl');

            } else {

                $this->render_view('inser_user_failed.tpl');

            }

        }

    }



    function update() {

        // On attend ici en paramètre l'id du user à modifier et le pseudo et/ou pass à modifier

    }



    function delete() {

        // On attend ici l'id du user à supprimer

    }



    function login() {

        // On attend ici l'id du user à connecter

    }



    function logout() {

        // On attend ici l'id du user à déconnecter

    }

}

La jonction formulaire <-> base de donnée est la partie la plus redondante, la plus pénible et la plus grande source d'erreur de tout programme web. Le but du contrôleur est de simplifier et centraliser tout ça.

Parlons justement de centralisation. Jusqu'ici, hormis ressembler les fonctions, on a pas encore grand chose. On a déjà vaguement aperçu le modèle User, ainsi que la méthode $this->render_view encore inconnue. Concentrons nous sur ce qu'il y a à rassembler pour que notre classe contienne TOUT ce dont elle a besoin:

Le modèle
La vue
La session
Les paramètres d'entrées

class userController {



    private $db;

 

    private $view;



    private $session;



    private $params;



    // Lié au fonctionnement

    private $data;



    public __construct() {}



    public register() {}



    public update() {}



    public delete() {}



    public login() {}



    public logout() {}



    // Nouvelle méthode, vu au paragraphe avant, qui serivra à afficher une vue

    private render_view() {}

}

Dans ces quelques lignes, il y a toute l'architecture de notre espace membre. Toutes les variables extérieures sont accessibles à chaque action. Reste maintenant à alimenter ces variables, et à rendre nos actions appelables par un visiteur.

Mais avant tout, regardons de plus prêt notre classe. Nous l'avons créée pour gérer un espace membre, or un site n'est jamais constitué de si peu. Il va nous falloir utiliser d'autres contrôleurs pour les autres contextes, par exemple sur une galerie d'images, il nous faudra gérer les images.

Pour cela nous allons créer un contrôleur imageController qui devra lui aussi utiliser les sessions, les paramètres, les vues, etc. Grâce à l'héritage, nous allons pouvoir créer une classe Controller mère dont chaque controller héritera. Cette classe mère se chargera des variables et méthodes communes. Ainsi, nous aurons :

abstract class Controller {

    /**

     * Notre modèle

     */

    protected $db;

    /**

     * Notre vue

     */

    protected $view;

    /**

     * La session

     */

    protected $session;

    /**

     * Les paramètres POST et GET

     */

    protected $params;

    /**

     * Un tableau qui contiendra se qu'on enverra à la vue.

     * La vue ne disposera que de ces données et aucune autre

     */

    protected $data;

    /**

     * Constructeur

     */

    public function __construct() {}

    /**

     * Méthode privée appelée par chaque action et qui se chargera de la vue.

     */

    protected function render_view() {}

}

Ce qui permet de simplifier notre contrôleur :

class userController extends Controller{



    public register() {}



    public update() {}



    public delete() {}



    public login() {

        // Notre vue n'étant pas encore écrite, nous utiliserons un simple echo

        echo 'Hello World';

    }



    public logout() {}

}

Testons maintenant notre contrôleur. Il faut pour cela avoir un moyen pour se diriger vers le bon couple contrôleur/action en fonction de la requète. Nous ferons très simple pour commencer :

Placer ceci dans un fichier index.php

// La classe abstraite

require_once 'controller.php';

// Notre controleur user

require_once 'userController.php';



if (isset($_GET['controller'])) {

    $controller = $_GET['controller'];

} else {

    // On peut mettre un contrôleur par défaut

}

if (isset($_GET['action'])) {

    $action = $_GET['action'];

} else {

    // On peut mettre une action par défaut

}

$oController = new $controller;

$oController->$action;

Il vous reste à appeler l'adresse correspondante, par exemple en local, si les fichiers sont dans le répertoire framework, nous appelerons http://localhost/framework/index.php?controller=user&action=login

Cette partie est maintenant finie. Nous verrons dans la prochaine partie la réécriture des urls car il est clair qu'une url comme celle du dessus n'est pas très sexy sur un site sérieux. Nous verrons aussi, dans les différents articles qui suivront, comment améliorer nettement la classe abstraite par l'ajout de nombreuses fonctionnalités, notamment la pagination, les filtres, le cache, etc...

Aller à la partie 3