Réalisation d’un carrousel Elementary / Evas / Edje

Dans le cadres de la Journée Enlightenment France / Ordissimo, Nicolas Aguirre de l'association Enlightenment France nous a proposé un atelier pour réaliser un carrousel d'image avec Elementary / Evas et Edje. Attention le carrousel dont on parle ici est le manège circulaire tel que définit dans l'encyclopédie libre Wikipédia : http://fr.wikipedia.org/wiki/Carrousel

Le tutoriel est en ligne sur http://github.com/naguirre/carrousel et présente l'intérêt d'être étape par étape grâce aux tags de Git.

Le tutoriel est disponible avec les sources du projet, l'adresse directe pour le récupérer au format PDF : http://github.com/naguirre/carrousel/blob/master/doc/tutorial.pdf

J'utilise pour cela Ubuntu 12.04 LTS avec le PPA pour avoir une version récente d'E17 : http://launchpad.net/~efl/+archive/trunk

Pour faire le tutoriel il faut installer des outils de compilation libtool (3 Mo) et automake (4 Mo) :

$ sudo apt-get install libtool automake

Que sont et que font les auto-tools : http://ymettier.free.fr/articles_lmag/lmag75/ar01s01.html

Il nous faut les sources de Elementary (environ 100 Mo) :

$ sudo apt-get install libelementary-dev

Le code d'exemple est à récupérer sur Github avec la commande :

$ git clone https://github.com/naguirre/carrousel.git

$ cd carrousel

Pour vérifier que toutes les dépendances soient là on utilise autogen l'équivalent de configure :

$ ./autogen.sh

Si l'on souhaite installer le carrousel dans un autre répertoire que /usr/bin il faut le spécifier après la commande :

$ ./autogen.sh --prefix=/usr/local

Si tout est bon l'autogen vous affiche les commandes suivantes, sinon il faut installer ce qui manque. Pour ma part il ne manque rien, Seeks est votre véritable ami.

La suite, on compile :

$ make

$ sudo make install

Pour lancer le programme :

$ /usr/local/bin/carrousel

Bon, lorsqu'on est arrivé jusque là on est très content. Mais pour ceux qui sont familiés à la compilation ils n'ont pour le moment rien appris. Tout cela nous a surtout permis de vérifier que nous avions toutes les dépendances et ne pas être bloqué pour un oui ou pour un non.

Pour faire le tutoriel étape par étape et comprendre comment on se sert de Elementary, de Evas et de Edje nous allons nous servir des tags (état d'un développement au moment de l'ajout du tag) que Nicolas à mis dans son projet. Les tags correspondent aux différentes étapes du document PDF.

Pour lister les tags :

$ git tag -l

step1
step10
step11
step12
step2
step3
step4
step5
step6
step7
step8
step9

Pour avoir les sources dans l'état de l'étape du tutoriel :

$ git checkout step1

$ git checkout step2

Bon tutoriel.