J’ai eu besoin récemment de prendre des photos d’un événements. Certains de mes amis voulaient pouvoir consulter les photos rapidement. Je me suis dit que cela pourrait être amusant de mette à disposition une galerie photo sur le web qui afficherait les photos quasi instantanément.

Plate-forme Matérielle :

Comme d’habitude, j’ai monté mon prototype sur ma plate-forme de virtualisation:

Dedibox Pro HP

• HP® Proliant DL120
• CPU: 1x Intel® Xeon® E3-1220
• RAM: 16 Go DDR3 ECC
• HDD: 2 x 2 To SATA2 Raid 0 / Raid 1 HARD (P410)
• LAN: 1 Gbit/sec

Plateforme logicielle hyperviseur:

• Dom0 Opensuse 12.1 X86_64 Xen 4.1

Plateforme Virtuelle:

• DomU Xen Ubuntu 10.04 X86_64 Para-virtualisé
• 2 vcpus
• 512 Mo de Ram
• HDD 16GB

 

C’est parti

Je me suis gratté la tête un moment. De quoi j’ai besoin ?

J’ai besoin d’une galerie photo simple, même un script suffirait, d’un appareil photo, relié au web donc un téléphone mobile.

Comment relier les 2 ensemble ? J’ai tout de suite pensé à l’instant upload que propose tous les grand acteurs du Cloud ( dropbox, gdrive, hubic etc..). Je ne voulais pas utiliser ces services, je voulais héberger mes propres données sur mes propres serveurs.

J’ai donc pensé à Owncloud qui dispose désormais d’un très bon client sous Android et qui fourni la fameuse option qui m’intéresse: L’instant Upload !!

Je récapitule mes besoins:

• Une galerie Web
• Owncloud
• Un mobile: Mon Samsung Galaxy S2

Tout d’abord pour l’installation d’Owncloud je vous renvoie aux différents billets que j’ai pu écrire:
http://blog.info16.fr/index.php?article41/remplacer-dropbox-par-une-alternative-libre-owncloud/
http://blog.info16.fr/index.php?article48/owncloud-clients-de-synchronisation

On part du principe que Owncloud est installé sur votre serveur et que le client Owncloud est installé sur votre Android. Une fois le client android paramétré et installé, j’active l’instant upload sur celui-ci.

On peut voir très vite que les clichés pris avec le mobile sont bien envoyés directement sur Owncloud dans le dossier InstantUpload

Sur mon install les photos prises par mon Mobile sont stockées dans: /var/www/owncloud/data/bartounet/files/InstantUpload/

root@ubuntults:/# root@ubuntults:/# ll /var/www/owncloud/data/bartounet/files/InstantUpload/ total 43468 drwxr-xr-x 2 www-data www-data 4096 2012-08-08 13:13 ./ drwxr-xr-x 8 www-data www-data 4096 2012-08-08 09:41 ../ -rw-r--r-- 1 www-data www-data 2815291 2012-08-08 09:41 20120808_094121.jpg -rw-r--r-- 1 www-data www-data 3012655 2012-08-08 10:46 20120808_104554.jpg -rw-r--r-- 1 www-data www-data 3303283 2012-08-08 10:47 20120808_104615.jpg -rw-r--r-- 1 www-data www-data 2204189 2012-08-08 10:50 20120808_105008.jpg -rw-r--r-- 1 www-data www-data 2625123 2012-08-08 10:51 20120808_105122.jpg -rw-r--r-- 1 www-data www-data 2635097 2012-08-08 10:52 20120808_105144.jpg -rw-r--r-- 1 www-data www-data 2906027 2012-08-08 10:55 20120808_105445.jpg -rw-r--r-- 1 www-data www-data 2391864 2012-08-08 10:59 20120808_105922.jpg -rw-r--r-- 1 www-data www-data 2207213 2012-08-08 11:07 20120808_110724.jpg -rw-r--r-- 1 www-data www-data 2814811 2012-08-08 12:18 20120808_121745.jpg -rw-r--r-- 1 www-data www-data 2878956 2012-08-08 12:20 20120808_122005.jpg -rw-r--r-- 1 www-data www-data 3659326 2012-08-08 12:22 20120808_122126.jpg -rw-r--r-- 1 www-data www-data 2483827 2012-08-08 12:23 20120808_122311.jpg -rw-r--r-- 1 www-data www-data 3246023 2012-08-08 12:34 20120808_123405.jpg -rw-r--r-- 1 www-data www-data 2683656 2012-08-08 12:37 20120808_123717.jpg -rw-r--r-- 1 www-data www-data 232254 2012-08-08 12:40 20120808_124019.jpg [...]

Mes clichés sont sur mon serveur Owncloud. Le challenge maintenant est d’alimenter une galerie avec ces clichés.

Pour le choix de la galerie j’ai opté pour la simplicité:
J’ai choisi une galerie ultra simple : AD Gallery
Vous trouverez les sources ici: http://adgallery.codeplex.com/releases/view/87584

La manip est réalisable avec n’importe quel type de galerie simple ( j’ai voulut éviter les grosse berta comme zenphoto etc..). Je vais pas m’embêter je vais utiliser le exemple.html inclus dans la galerie.

l’arborescence de la galerie

C’est simple le dossier exemple contient un dossier images qui contient les photos. Et dans le dossiers images/thumbs on a bien sûr les miniatures.
Le tout est affiché grâce au fichier example.html
Dans mon exemple ma galerie est installée dans : /var/www/ftpl/GALLERY

root@ubuntults:/var/www/ftpl/GALLERY# ll total 24 drwxrwxr-x 4 root root 4096 2012-08-08 14:16 ./ drwxr-xr-x 8 www-data www-data 12288 2012-08-08 10:02 ../ drwxrwxr-x 3 root root 4096 2012-08-08 13:14 example/ drwxrwxr-x 2 root root 4096 2012-08-08 10:03 lib/ root@ubuntults:/var/www/ftpl/GALLERY# ll example/ total 32 drwxrwxr-x 3 root root 4096 2012-08-08 13:14 ./ drwxrwxr-x 4 root root 4096 2012-08-08 14:16 ../ -rw-rw-r-- 1 root root 3896 2012-08-08 13:14 example.html -rw-r--r-- 1 root root 8517 2012-08-08 12:42 example.html.bak drwxrwxr-x 3 root root 4096 2012-08-08 13:14 images/ -rw-r--r-- 1 root root 20 2012-08-08 10:59 new root@ubuntults:/var/www/ftpl/GALLERY# ll example/images/ total 11564 drwxrwxr-x 3 root root 4096 2012-08-08 13:14 ./ drwxrwxr-x 3 root root 4096 2012-08-08 13:14 ../ -rw-r--r-- 1 root root 59412 2012-08-08 12:49 20120808_124938.jpg -rw-r--r-- 1 root root 58153 2012-08-08 13:00 20120808_130004.jpg drwxrwxr-x 2 root root 4096 2012-08-08 13:14 thumbs/ root@ubuntults:/var/www/ftpl/GALLERY# ll example/images/thumbs/ total 1324 drwxrwxr-x 2 root root 4096 2012-08-08 13:14 ./ drwxrwxr-x 3 root root 4096 2012-08-08 13:14 ../ -rw-r--r-- 1 root root 59412 2012-08-08 12:49 mini_20120808_124938.jpg -rw-r--r-- 1 root root 58153 2012-08-08 13:00 mini_20120808_130004.jpg [...]

C’est le dossier exemple qui m’intéresse:
Le but est de copier les photos de owncloud dans le dossier example/images et de générer une miniature dans example/images/thumbs
Et pour finir ajouter la ligne qui va bien dans le fichier example.html.

En gros je dois:

• scruter si des fichiers sont copiés dans /var/www/owncloud/data/bartounet/files/InstantUpload/
• Copier les photos dans /var/www/ftpl/GALLERY/example/images
• Générer une miniature dans /var/www/ftpl/GALLERY/example/images/thumbs
• Ajouter une ligne dans example.html pour pointer sur la photo.

Pour scruter quoi de mieux que le couple inotify et Incron:
Je vous renvoi sur cet excellent tuto pour l’installation et l’utilisation de incron: http://www.admin-linux.fr/?p=4840

Pour commencer je fais un petit script bash qui sera appelé par Incron à chaque ajout de fichier dans le dossier /var/www/owncloud/data/bartounet/files/InstantUpload/
Mon script: /root/livegalery

#!/bin/bash #Temps de sécurité pour upload photos plus ou moins long selon la connectivité ne pas hesiter à mettre plus long pour etre sur de ne pas avoir de photos tronquées... sleep 10 #Copie de la photo dans la galerie cp $1 /var/www/ftpl/GALLERY/example/images/ #creation du thumbnail file=$(echo $1 |awk -F"/" '{print $NF}') echo $file /usr/bin/convert -resize 90 $1 /var/www/ftpl/GALLERY/example/images/thumbs/mini_$file #Ajout du code html dans le fichier index pour ajouter la photo sed -i "122i\<li> <a href="images/$file"> <img src="images/thumbs/mini_$file"> </a> </li>\n" /var/www/ftpl/GALLERY/example/example.html

C’est franchement pas compliqué non ?

• On attend un certain temps pour être sur que la photo soit bien uploadé en entier. ( c’est le point faible du script, il faudrait trouver un moyen d’etre sur..)
• On copie la photo; le $1 sera une variable générée par Incron qui n’est autre que le nom du fichier
• On convertie la photo en miniature et on l’envoie dans le dossier thums en mettant mini_ devant
• On ajoute la ligne qui va bien dans le fichier html au dessus de la ligne 122

en ce qui concerne le Incron rien de plus simple:

rroot@ubuntults:/var/www/ftpl/GALLERY# incrontab -l /var/www/owncloud/data/bartounet/files/InstantUpload/ IN_CREATE /root/livegalery $@$#

Si un fichier est crée dans /var/www/owncloud/data/bartounet/files/InstantUpload/ alors lancer le script /root/livegallery avec les argument $@$#

• $@ : chemin complet du fichier/répertoire surveillé ;
• $# : nom du fichier/répertoire sur lequel l’événement est intervenu ;
• $% : nom (textuel) de l’événement intervenu ;
• $& : numéro de l’événement intervenu.
• $$ : le caractère dollar (“$”) ;

Voilà on a fini !!!

Mon fichier example.html ressemble à ça:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="../lib/jquery.ad-gallery.css"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="../lib/jquery.ad-gallery.js"></script> <script type="text/javascript"> $(function() { $('img.image1').data('ad-desc', 'Whoa! This description is set through elm.data("ad-desc") instead of using the longdesc attribute.<br>And it contains <strong>H</strong>ow <strong>T</strong>o <strong>M</strong>eet <strong>L</strong>adies... <em>What?</em> That aint what HTML stands for? Man...'); $('img.image1').data('ad-title', 'Title through $.data'); $('img.image4').data('ad-desc', 'This image is wider than the wrapper, so it has been scaled down'); $('img.image5').data('ad-desc', 'This image is higher than the wrapper, so it has been scaled down'); var galeries = $('.ad-gallery').adGallery(); $('#switch-effect').change( function() { galeries[0].settings.effect = $(this).val(); return false; } ); $('#toggle-slideshow').click( function() { galeries[0].slideshow.toggle(); return false; } ); $('#toggle-description').click( function() { if(!galeries[0].settings.description_wrapper) { galeries[0].settings.description_wrapper = $('#descriptions'); } else { galeries[0].settings.description_wrapper = false; } return false; } ); }); </script> <style type="text/css"> * { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; color: #333; line-height: 140%; } select, input, textarea { font-size: 1em; } body { padding: 30px; font-size: 70%; width: 800px; } h2 { margin-top: 1.2em; margin-bottom: 0; padding: 0; border-bottom: 1px dotted #dedede; } h3 { margin-top: 1.2em; margin-bottom: 0; padding: 0; } .example { border: 1px solid #CCC; background: #f2f2f2; padding: 10px; } ul { list-style-image:url(list-style.gif); } pre { font-family: "Lucida Console", "Courier New", Verdana; border: 1px solid #CCC; background: #f2f2f2; padding: 10px; } code { font-family: "Lucida Console", "Courier New", Verdana; margin: 0; padding: 0; } #gallery { padding: 30px; background: #e1eef5; } #descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden; } #descriptions .ad-image-description { position: absolute; } #descriptions .ad-image-description .ad-description-title { display: block; } </style> <title>galerie en Live.</title> </head> <body> <div id="container"> <h1>galerie en Live.</h1> <p>galerie en Live.</p> <div id="gallery"> <div> </div> <div> </div> <div> <div> <ul> </ul> <li> <a href=images/20120808_144807.jpg> <img src=images/thumbs/mini_20120808_144807.jpg> </a> </li> <li> <a href=images/20120808_144719.jpg> <img src=images/thumbs/mini_20120808_144719.jpg> </a> </li> </div> </div> </div> <div id="descriptions"> </div> </div> </body> </html> [...]

Voilà je prend la photo avec mon GS2, elle est uploadée sur Owncloud et Incron fait le reste…

En image:

Et la fameuse Galerie 10 secondes plus tard ( ne pas hésiter à mettre plus de temps dans le script – Pour le test je suis en wifi et mes photos sont en 640*480 pour accélérer le traitement) :

C’est ma foi assez pratique d’envoyer en direct les photos sur une galerie pour que d’autres puissent les consulter rapidement. Là, c’est l’idéal car je faisais mes tests en Wifi. A l’extérieur, mieux vaut avoir la 3G.. et prendre des photos à résolution assez faible.

Rappel:

• GPRS (General Packet Radio Service) :  Un débit pratique de 40 kbits/s  pour un débit théorique de 171kbits/s.
  Il utilise les réseaux de téléphonie mobile classiques. C’est le réseau accessible partout,  même dans les régions peu couvertes.
• EDGE (Enhanced  Data Rates for GSM) :  Un débit pratique de 100 kbits/s  pour un débit théorique de  384 kbits/s.
  Accessible d’un peu partout, la navigation sur internet commence à être possible relativement facilement.
• UMTS (Universal Mobile Telecommunications System ) ou 3G (Technologie de téléphonie mobile 3° Génération): Avec un débit théorique de 2 Mbits/s , ce réseau a nécessité que les opérateurs en construisent de nouveaux adaptés à cette technologie.
• HDSPA (High Speed Downlink Packet Access) ou 3G+ : Un débit pratique qui plafonne à 7,2 Mbits/s en se connectant avec une clé usb 3G. Le débit maxi théorique est de 14 Mbits/s.

Pour info si on prend une photo de 2Mo on va la transférer en moyenne en:

• 7 minutes en GPRS
• 3 minutes en EDGE
• 8 secondes en 3G
• 2 secondes en 3G+

Cet article a été publié par bartounet sur le blog info16. Si vous désirez comme bartounet publier en guest-blogging sur Geek de France, vous pouvez me contacter.

Introduction

Pour cette article je partirai d'une xubuntu 12.04, xfce étant très léger et permettant dans cette article des actions non possible sur unity

Les applications qui vous facilite la vie

L'éditeur de code php : gedit

Commençons par l'éditeur de code: gedit , pourquoi un "simple" éditeur, parce que contrairement à netbeans et d'autres IDE, il a des avantages non négligeables:

• très léger
• possible d'avoir plusieurs instances sur des bureaux différents

Commencez par vous rendre dans "édition, préférences": afficher les numéros de lignes, activer le surlignage de la ligne en cours et des parenthèses correspondantes.

Mais juste gedit n'est pas très confortable pour faire du php, on va lui ajouter quelques plugins.
Les dépôts activés de base vous propose déjà deux paquets bien pratique: gedit-plugins et gedit-developer-plugins

apt-get install gedit-plugins gedit-developer-plugins

Il faut ensuite se rendre dans le menu de gedit "édition, préférences", et activer les plugins dans l'onglet "extension"
Dans notre exemple nous activerons les plugins suivants: "complétion de mots", "complétion de parenthèse", "panneau de l'explorateur de fichiers" note: l'auto complétion nécessitait avant l'installation manuel d'un plugin, disponible sur sourceforge
L'auto complétion ne vous propose pas les fonctions php, il vous propose les mots présents dans les fichiers ouverts dans l'éditeur, un conseil: ouvrer les classes des objets utilisés, ça vous proposera ainsi les méthodes le moment voulu :)
Ce plugin permet aussi d'éviter de se tromper lors de la réutilisation de variable (problème de casse par exemple )

Gedit permet une chose bien pratique : ouvrir plusieurs instances sur des bureaux différents:
Vous pouvez ainsi ouvrir un couple navigateur/gedit pour chaque projet sur différents bureaux bien pratique quand vous travaillez sur plusieurs sites: vous avez ainsi sur chacun des bureaux un navigateur sur le projet, une instance de gedit ouverte sur son arborescence et un terminal placé au niveau du projet

Subversion (un gestionnaire de source)

Que ce soit svn, git ou un autre gestionnaire de source, il devient nécessaire dès que l'on travaille sur un site important d'utiliser un gestionnaire de source: y gouter c'est l'adopter.

C'est un vrai de bonheur de travailler avec ce type d'outil, c'est un peu comme travailler avec un filet: vous penser faire un lot de modifications impactantes ? un commit (envoi des modifications sur le serveur) et vous pouvez travailler sans crainte: vous pourrez toujours retourner en arrière, voir déployer en parallèle la version stable pour pouvoir comparer avec la bêta

ici : un simple terminal ouvert sur le répertoire de travail permet facilement

• de connaître les fichiers modifiés depuis le dernier commit svn status
• de sauvegarder les modifications sur le serveur svn commit (en oubliant pas de mettre le plus possible: des commentaires pertinents)
• de regarder les différences avec la version sur le serveur svn diff nomDuFichier

pour l'installer

apt-get install subversion

Gigolo: bien pratique pour gérer vos accès distant, et permettre leur édition sur gedit

Dans xubuntu, l'application gigolo permet d'administrer ses accès distants, qu'il soit sftp/ssh, ftp, webdav, samba...
Il est ainsi bien pratique d'y renseigner les serveurs sur lesquels vous vous connectez régulièrement, ensuite vous lancez l'application, double cliquez sur la connexion enregistrée pour la voir apparaître dans le navigateur de fichier de gedit :)

Clipman: ou comment améliorer sensiblement le basique presse papier

Lorsque vous codez, il vous arrive régulièrement de copier/coller des éléments, des urls...
Et là, grâce à ce plugin, qu'il faut ensuite ajouter à votre barre des taches, vous pouvez sélectionner l'élément de votre presse papier qui est actif )(fonctionne aussi bien avec le texte qu'avec les images ;)

note: ce plugin a un équivalent intégré chez KDE ;)

Pour l'installer

apt-get install clipman-plugin

Synapse: un lanceur d'applications bien pratique

En tapant les touches ctrl + espace un prompt permet de saisir quelques lettres composant le nom d'une application, suivi d'une touche entrée pour lancer l'application.
Bien pratique pour compléter les icônes de lancement rapide de la barre de tache: à force de mettre des icônes dans les favoris, on fini par égaler le menu des applications.
Un simple appel synapse est bien plus pratique: ctrl + space, fir.../ged.../term.../gig.../gim...

Pour l'installer

apt-get install synapse

note: synapse n'est pas qu'un lanceur d'application, il permet entre autre d'ouvrir des fichiers, faire une recherche sur internet...

Des applications pour aller plus loin

Doxygen: la documentation facilitée

La documentation reste la bête noire du développeur, heureusement il y a la phpdoc: cette norme d'écriture de commentaire permet ensuite à un outil automatique de les extraire pour générer une documentation organisée

Doxygen est un outil opensource de génération de documentation (sous licence GPL ): installer les paquets doxygen et doxygen-gui

apt-get install doxygen doxygen-gui

L'interface (issu du deuxième paquet) est assez convivial, on choisit facilement le chemin du projet à analyser, le répertoire où générer le code html doxygen

Et la c'est un vrai bonheur de voir l'arborescence de son projet, un champ de recherche javascript, vous pouvez consulter la documentation doxygen du mkframework

note: pour lancer l'interface lancer "doxywizard" (dans un terminal ou via synapse)

note2: vous pouvez bénéficier de graphiques très intéressant, pour cela il vous faudra installer graphviz

apt-get install graphviz

Sonar: l'audit qualitatif

Sonar est un outil opensource qui permet de faire des audits de code qualitatif
Cet outil propose d'analyser grâce à une gestion de plugins: les langages PHP,C,C++,Python... ici c'est le plugin php que nous installerons.

Il y a deux moyens d'installer sonar: le premier en téléchargeant les éléments sur le site, le second en passant par le gestionnaire de paquets (plus simple :)

Nous commençons par ajouter le dépot de sonar "deb http://downloads.sourceforge.net/project/sonar-pkg/deb binary/" à notre fichier /etc/apt/sources.list (sans les guillemets)
Mettez ensuite à jour votre cache (pour prendre en compte ce nouveau dépot)

sudo apt-get update

Installons ensuite le paquet sonar

sudo apt-get install sonar

Lançons ensuite celui-ci :

sudo /etc/init.d/sonar start

Rendez vous à l'adresse localhost:9000 (il faut attendre une bonne quelques instants avant que l'url ne soit accessible (le temps que sonar ai fini de démarrer)

Installons le support du PHP

• Cliquez sur "log in" et authentifiez vous avec le couple admin/admin,
• rendez-vous dans la partie "update center"
• cliquez sur l'onglet available plugins
• cliquez sur "php" puis sur le bouton "install"

Sonar nécessite un redémarrage pour prendre en compte PHP

sudo /etc/init.d/sonar restart

La partie php nécessite l'installation d'outil php pour pouvoir fonctionner:
Installons d'abord PEAR

sudo apt-get install php-pear Mettons le à jour: pear upgrade pear Ajoutons y les dépôts nécessaires pour cet article pear channel-discover pear.phpunit.de pear channel-discover pear.symfony-project.com pear install phpunit/PHPUnit-3.5.5

Installons PHPDepend

pear channel-discover pear.pdepend.org pear install pdepend/PHP_Depend-1.0.3

Installons PHPMD

pear channel-discover pear.phpmd.org pear install --alldeps phpmd/PHP_PMD-1.3.2

PHP CodeSniffer

pear install PHP_CodeSniffer-1.3.2

La partie serveur est installée, il nous faut désormais installer le "runner" (la partie qui analysera le code)
Télécharger l'archive du runner et décompressez-la dans un de vos répertoires, par exemple nous créerons ici le répertoire bin (dans notre répertoire home) et nous le renommons en sonar-runner ( /home/mika/bin/sonar-runner)

Il reste une dernière étape avant de lancer l'analyse: le paramétrage de celui-ci pour le projet à analyser.
Créer un fichier "sonar-project.properties" dans le répertoire de l'application php à analyser
Ce fichier ressemble à ceci:

# required metadata sonar.projectKey=my:project sonar.projectName=My project sonar.projectVersion=1.0 # path to source directories (required) sources=srcDir1,srcDir2 # path to test source directories (optional) tests=testDir1,testDir2 # path to project binaries (optional), for example directory of Java bytecode binaries=binDir # optional comma-separated list of paths to libraries. Only path to JAR file and path to directory of classes are supported. libraries=path/to/library.jar,path/to/classes/dir # Uncomment this line to analyse a project which is not a java project. # The value of the property must be the key of the language. #sonar.language=cobol

Par exemple, ici on va tester le code des librairies php du mkframework, on va créer ce fichier dans le répertoire du framework dans /home/mika/www/mkframework/

sonar.projectKey=my:mkframework sonar.projectName=mkframework sonar.projectVersion=1.0 # path to source directories (required) sources=lib/framework # Uncomment this line to analyse a project which is not a java project. # The value of the property must be the key of the language. sonar.language=php sonar.phpUnit.skip=true

Plus qu'a lancer l'analyse à partir du répertoire où est situé le fichier sonar-project.properties

cd /home/mika/www/mkframework/ /home/mika/bin/sonar-runner/bin/sonar-runner

L'analyzer va tourner pendant un bon moment, une fois qu'il aura terminé, vous pourrez retourner sur la page web de sonar

Sonar va vous informer des variables/fonctions/méthodes non utilisées, de quelques erreurs de conceptions, identifier les méthodes jugées complexes... en clair vous analyser votre code en vous permettant de l'améliorer

Libre à vous de prendre en compte ou non ces remarques :)

note: sonar analyse le projet en fonction d'un profil incluant un certains nombre de règles activées, ceci est paramétrable dans la partie "configuration" de l'application web. Conclusion

Comme vous avez pu le lire, xubuntu s'avère être un très bon environnement pour faire du développement web, je n'ai volontairement pas parlé ici de firebug ou autre plugin de navigateur, je me suis concentré ici sur les logiciels à installer sur votre distribution ;)

Je pense faire une article plus tard spécifique à sonar pour developper plus le sujet sur ce logiciel très complet et qui ne cesse de s'améliorer surtour sur sa partie php (qui est très jeune)

Parfois, il arrive que le texte en anglais ne soit pas clair, ou comprenne des coquilles. Il ne faut alors pas hésiter à le signaler, soit en signalant un bug dans le paquet correspondant, soit en le signalant sur la liste.

- Cliquer sur l'icône loupe à gauche de la chaîne pour avoir l'url individuelle de la chaine (par exemple: https://translations.launchpad.net/ubuntu/quantal/+source/app-install-da...)
- Cliquer sur Bugs (en haut) , indiquer dans le titre du bug le nom du paquet concerné (vous pouvez le trouver en dessous de la chaine :Located in ../menu-data/hotot-qt:hotot-qt.desktop.in.h:2)
- Vérifier que le bug n'a pas déjà été signalé
- Insérer l'url de la chaine
- Insérer le texte erroné
- Insérer la version correcte du texte
- Envoyer le bug (par ex: https://bugs.launchpad.net/ubuntu/+source/app-install-data-ubuntu/+bug/1...)

Mots clés: typo, coquille, report a typo, signaler une coquille

Un ptit post rapide pour préciser que le nautiluspatch vient d'être mis à jour, pas de changement de fonctionnalités en perspective, seulement une adaptation pour la maj de nautilus dans Ubuntu 12.04 (nautilus v1:3.4.2-0ubuntu4). Pour installer, rien de plus simple, 2 paquets sont à disposition, un 32bits et l'aitre 64bits :

• Télécharger la version 32 bits
• Télécharger la version 64 bits

Projet launchpad ici : https://launchpad.net/nautiluspatchtogglelocationbar

Gnome 2

Gnome 2, l'ancien environnement de bureau préféré d'ubuntu (remplacé depuis par unity) est un bureau paramétrable un peu lourd pour certains.

Cet environnement utilise :

• gnome-panel comme panel
• nautilus comme gestionnaire de fichiers
• gnome-terminal comme terminal
• gtk comme librairie graphique

Les avantages

Anciennement intégré dans de nombreuses distributions comme ubuntu (jusqu'à la version 11.04), fedora... ainsi que sur les dérivés linux Mint par exemple.
Un environnement complet, on trouve facilement ses marques, ses paramétrages... deux panels la plupart du temps l'un en haut hébergeant les menus, horloge et les notifications et l'autre le gestionnaire de taches, le bouton pour afficher le bureau.
Nautilus, son explorateur de fichiers pèse également dans la balance en sa faveur: un soft très complet et, grâce à nautilus-action/script extensible.

Les inconvénients

Personnellement je trouve gnome un peu lourd de base pour le rendu visuel, on peut activer (si le driver de sa carte graphique le permet) des effets visuels "eye candy", je trouve également qu'il lui manque quelques fonctionnalités comme le fait de pouvoir forcer le démarrage d'une application sur un bureau particulier.
Il est également assez long à démarrer.
Et last but not least : gnome étant passé à gnome 3, on ne sait combien de temps sera supporté gnome 2, donc autant se tourner vers un autre gestionnaire, voir un fork si on est vraiment attaché à gnome 2 (Mate par exemple)

Unity (2d)

Version light du nouvel environnement d'Ubuntu: Unity, on peut découvrir dans unity une nouvel approche du bureau basé sur les activités, un dock d'applications permanent sur la gauche gérant à la manière du dock Os X à la fois un lanceur d'application mais aussi les applications ouvertes.
Ce dock est une fusion du gestionnaire de tache et d'un lanceur d'application.
Un deuxième changement de philosophie: les menus des applications sont unifiés dans la barre du haut, un autre clin d'oeil à Mac Os X. Une idée qui fait gagner de la place, mais toutes les applications n'incluent pas encore cette fonctionnalité...

Cet environnement utilise:

• nautilus comme gestionnaire de fichiers
• gnome-terminal comme terminal
• gtk+ comme librairie graphique

Les avantages

Une interface plutôt convivial, un gain de place dû à cette "unification du menu" des applications.
J'aime bien également ce dock d'applications situés à gauche mixant barre de lancement et gestionnaires des taches à la Mac OsX

Les inconvénients

La lourdeur, le manque de réactivité de l'interface. J'utilise beaucoup mes versions de linux en machine virtuelle, et unity 2d est un peu lent, ce n'est pas agréable.
Le manque de personnalisation du dock plaide également en sa défaveur, même si on a pu trouver peu de temps après le lancement d'Ubuntu 11.04 des tutoriaux pour bidouiller celui-ci. Ça devrait être intégré de base :( .

KDE 4

Utilisé par défaut par les distributions Kubuntu, openSuse et mandriva/mageia, cet environnement est très léché, un grand soin est porté à l'esthetique et la coherence visuel de l'ensemble.
Il faut bien différencier KDE 3 et KDE 4: ils n'utilisent pas les mêmes librairies et ils n'ont pas du tout le même graphisme

Il utilise

• kwin comme gestionnaire de fenêtres
• dolphin comme gestionnaire de fichiers
• konsole comme terminal
• GT4 comme librairie graphique

Les avantages

La première fois que j'ai utilisé KDE 4, ça m'a réconcilie avec KDE, j'ai eu le plaisir de découvrir une interface soignée, un style à part et très agréable.
Cet environnement est parmi les plus paramétrable, il regroupe beaucoup de fonctionnalités très pratiques comme le fait de mettre une fenêtre en haut de lÂÂÂÂÂÂÂ’écran pour la maximiser, à gauche/droite pour diviser sa largeur de moitié (comme sous windows seven).
Dolphin est un bon gestionnaire de fichier qui propose un mode d'exploration que j'adore: le mode profondeur que l'on peut retrouver sur mac osX avec son Finder: très pratique de naviguer en mode colonne, on avance dans l'arborescence en allant de gauche à droite.

Les inconvénients

Le temps de chargement du bureau est un inconvénient majeure: on attend que l'os charge, ensuite on tape son login/pass et on attend la encore que le bureau se charge...

Lxde

Un environnement de bureau très léger utilisant des variantes light

Il utilise

• openbox comme gestionnaire de fenêtres
• pcmanfm comme gestionnaire de fichiers
• lxterminal comme terminal
• gtk comme librairie graphique

Les avantages

Un bureau des plus léger, ayant choisi des applications tout aussi légère de son gestionnaire de fichier pcmanfm (on ne peu plus rapide) à son terminal Lxterminal, toutes les applications incluses sont des version light de leur pendant gnomesque/kdeesque

Les inconvénients

Des applications légères/réactives c'est bien, mais il leur manque trop de fonctionnalités: pcmanfm est certes très rapide, mais aussi trop léger en fonctionnalité: abscence dÂÂ’emblème par exemple, choix dans l'affichage des icônes très limité
Le temps de chargement du bureau pourtant très léger est un peu plus long comparé à Openbox seul.
La faute apparemment a quelques services lancés au démarrage, notamment la fonction desktop de pcmanfm :(

Openbox seul

On arrive la, à la fois sur le plus mieux et le plus difficile à mettre en place.
Openbox est un gestionnaire de fenêtres très rapide et très paramétrable.
Mais Openbox n'est qu'un gestionnaire de fenêtre, il n'a donc pas de gestionnaire de fichier/panel... attaché ou autre application de bureau

Il utilisera ce que bon vous semble, à vous d'y installer panel, gestionnaire de bureau....

Les avantages

Un bureau des plus léger, à paramétrer comme bon vous semble, à la manière des legos: construisez votre bureau ;)

Les inconvénients

Il faut mettre les mains à la patte, paramétrer les divers fichiers de configuration (rien de compliqué). Il faut prendre un peu de temps pour avoir un bureau totalement fonctionnel ;)
Par exemple une chose toute bête manquant est un centre de contrôle des différents paramètres de l'OS (choix imprimante, résolution écran ...)

Xfce

Cet environnement, très compatible avec les éléments gnome, le tout, en plus léger. On peut par exemple installer des applets gnome 2 dans la barre xfce panel.

Un environnement de bureau très léger utilisant

• Xfwm4 comme gestionnaire de fenêtres
• thunar comme gestionnaire de fichiers
• xfce-terminal comme terminal
• gtk comme librairie graphique

Les avantages

Je conseille Xfce à ceux qui aiment gnome 2 mais le trouve trop lourd, on peut en effet utiliser facilement/naturellement les applications gnomesque (utilisant gtk/gtk+).

Les inconvénients

Je ne trouve qu'un seul inconvénient: l'absence native de la possibilité de forcer une application a s'ouvrir dans un bureau défini (comme sous openbox par exple)
Je conseille donc de remplacer le gestionnaire de fenêtre Xfwm4 par Openbox pour pallier à ce problème :)

Si vous en avez assez des Conky démesurés et que vous souhaitez simplement disposer sur votre écran d’informations essentielles telles que l’utilisation du CPU, de la RAM, de l’espace disque, de la charge de la batterie et des indications concernant le réseau, Noobs Lab propose ce nouveau Conky au design sobre et discret.

Pour installer Conky Tab sur votre machine,  ouvrez un terminal et entrez la commande

sudo apt-get install conky conky-all

Ceci étant fait, nous allons télécharger le script de démarrage avec la commande

wget -O .start-conky http://dl.dropbox.com/u/53319850/NoobsLab.com/.start-conky

puis le rendre exécutable avec la commande

chmod +x .start-conky

Pour que ce script s’exécute au démarrage de la session, cliquez sur le bouton d’extinction puis applications au démarrage. Une fois la fenêtre ouverte, cliquez sur ajouter puis, dans la nouvelle fenêtre sur parcourir afin de rechercher le script .start-conky dans votre home (dossier personnel). Si ce dernier n’apparaît pas, appuyez simultanément sur les touches [Ctrl] et [H].

Conky Tab pour connexion Wi-Fi:

Pour Unity, Gnome Classic et Mate ouvrez un terminal et entrez les commandes suivantes :

wget -O conky-tab-wlan-u.zip http://dl.dropbox.com/u/53319850/NoobsLab.com/conky/conky-tab-wlan-u.zip

unzip conky-tab-wlan-u.zip

sudo rm conky-tab-wlan-u.zip

Pour Gnome Shell et Cinnamon, les commandes seront

wget -O conky-tab-wlan-gs.zip http://dl.dropbox.com/u/53319850/NoobsLab.com/conky/conky-tab-wlan-gs.zip

unzip conky-tab-wlan-gs.zip

sudo rm conky-tab-wlan-gs.zip

Conky Tab pour connexion Ethernet:

Pour Unity, Gnome Classic et Mate ouvrez un terminal et entrez les commandes suivantes :, ouvrez un terminal et entrez les commandes suivantes :

wget -O conky-tab-eth-u.zip http://dl.dropbox.com/u/53319850/NoobsLab.com/conky/conky-tab-eth-u.zip

unzip conky-tab-eth-u.zip

sudo rm conky-tab-eth-u.zip

Pour Gnome Shell et Cinnamon, les commandes seront

wget -O conky-tab-eth-gs.zip http://dl.dropbox.com/u/53319850/NoobsLab.com/conky/conky-tab-eth-gs.zip

unzip conky-tab-eth-gs.zip

sudo rm conky-tab-eth-gs.zip

Vous n’avez plus qu’à lancer votre conky en redémarrant votre session ou en ouvrant votre dossier personnel (home), en appuyant simultanément sur les touches [Ctrl] et [H], en double cliquant sur .start-conky, en choisissant lancer et à attendant quelques secondes.

Amusez-vous bien.

Billets reliés

• Gris, Orange ou Rouge, choisissez le Conky qui vous convient pour Ubuntu et LinuxMint
• Des Horloges comme s’il en pleuvait avec Revolutionary Clock
• Installez Conky Cronograph Station sur Ubuntu
• Un Conky-Lua prêt à installer pour Ubuntu, Linux-Mint, Open-Suse, Fedora et Debian
• De vraies icônes météo dans conky

Quand on désire s’affranchir de Google au profit d’une solution auto-hébergée, c’est au niveau de Google Reader que l’on est souvent le plus mal déservi. RSS Lounge, TinyTinyRSS et Ardilla ne satisfaisant pas toujours les utilisateurs en terme de fonctionnement. Leed pourrait vite changer la donne.
Leed est un agrégateur de flux RSS à plus d’un atout. D’abord, il est open source. Ensuite, il repose sur un principe de traitement de flux indépendant de l’accès à l’agrégateur (manuel ou automatisé via crontab) qui lui confère une rapidité bien supérieure à ce que propose TinyTinyRSS et d’autres. En plus de son principe de synchronisation, Leed s’assure un rapidité accrue grâce à une interface ultra-épurée (et HTML5 design responsive, ce qui plaira aux propriétaires de tablette ou smartphones).

Dispo en version 1.0 Beta, il est le fruit du travail de Valentin CARRUESCO aka Idleman à qui l’on doit aussi dropCenter (présenté par nicolargo ici)

En terme de technologie, Leed utilise PHP, JQUERY, HTML5 pour la partie code et SQLLite (ou MySQL) pour la partie base de données.

Son installation est d’une simplicité déconcertante. Par exemple, sur un serveur sous Ubuntu utilisant Apache, après avoir uploadé son code sur son serveur, on se rend sur la page install.php et on se laisse guider par l’installeur (n’oubliez pas de supprimer le fichier install.php une fois l’installation terminée!).

 

 

Pour ma part je préfère utiliser la synchronisation manuelle mais on peut l’automatiser via une tache cron :

sudo crontab -e

On rajoute dans le fichier cron :

0 * * * * wget -q -O /var/www/leed/logsCron http://127.0.0.1/leed/action.php?action=synchronize

Leed gère les fonctionnalités principales que l’on peut espérer attendre d’un agrégateur RSS :

• Facile à migrer ou sauvegarder : copier/coller le dossier
• Responsive design : s’adapte à toutes les résolutions, y compris les tablettes et les smartphones.

• Cross browser : fonctionne sous tous les navigateurs (même IE)
• Permet l’import/export des flux en fichier OPML (vous pouvez donc migrer facilement vos flux de netvibes, google reader, RSS lounge etc.. et réciproquement)
• Gestion des nouvelles lues, non lues (avec gestion par news, par flux ou générale) et des favoris

• Ajout de flux simplifiée : un champ url, leed s’occupe du reste.

• Possibilité de partage des articles via Shaarli :

Pour ma part, les principaux défauts que j’ai pu trouver à Leed sont :

• un design qui s’adapte aux résolutions mais inutilisable sur un android-phone de première génération à faible résolution (une appli ferai mon bonheur)
• le script de mise à jour peine à mettre à jour les centaines de RSS différents auxquels je suis abonné, m’obligeant à relancer la mises à jour plusieurs fois

Mais bon, pour une premiere version qui est au stade BETA, c’est fantatisque. En tous, je pense sincèrement m’inspirer de Leed pour la prochaine version de Ardilla (oui le projet n’est pas mort).

Si vous voulez vous faire votre propre impression, j’ai installé Leed sur un hébergement toile libre en accès libre : tleed.toile-libre.org

Les jeux en 2D peuvent ils encore être amusants ? CuteMaze nous démontre que oui en nous proposant de diriger une souris à la recherche de son fromage…

ou un manchot de ses poissons dans des labyrinthes générés aléatoirement. Vous pouvez même si vous le souhaitez créer votre propre thème (voir  la page officielle de l’application)

Le temps écoulé, le nombre de pas effectués ainsi que le nombre de cibles atteintes est affiché à l’écran.

Les déplacements se font à l’aide des flèches du clavier et vous avez la possibilité de “dézoomer” pour vous repérer ou de cliquer sur “hint” pour savoir quelle direction prendre.

Lorsque la mission est réalisée, vous pouvez enregistrer votre score. Vous apercevez  l’intégralité du labyrinthe ainsi que tous le chemin que vous avez parcouru.

Vous pouvez également choisir le type de labyrinthe, la taille de celui-ci ainsi que le nombre de fromages/poissons à chercher.

En conclusion: un jeu simple, des graphismes simples mais un bon moment de détente.

CuteMaze est un jeu sous licence GPLv3 disponible tant pour Linux que pour Widows et Mac.

Si vous souhaitez installer CuteMaze dans votre Ubuntu, vous devez savoir que ce jeux n’est pas disponible dans les dépôts officiels. Vous ne devez donc le faire qu’en toute connaissance de cause.

Pour entrer l’adresse des dépôts, ouvrez un terminal et copiez la commande

sudo add-apt-repository ppa:gottcode/gcppa

Mettez à jour la liste de vos dépôts avec la commande

sudo apt-get update

Lancez l’installation en entrant dans votre terminal

sudo apt-get install cutemaze

Une fois l’installation terminée, ouvrez votre dash et tapez “cute”

Pour installer CuteMaze sur d’autres distributions Linux, sur Windows et Mac, rendez vous sur la page officielle de l’application.

Amusez-vous bien.

Source: iloveubuntu

 

Billets reliés

• Ri-li, le jeu éducatif libre du petit train en bois qui apprend les Droits de l’Homme
• Réalisez des screencasts de votre terminal en deux temps trois mouvements avec Shelr.tv sur Ubuntu
• Une horloge “Ubuntu” sur votre site
• Un Conseil Général développe une distribution basée sur Ubuntu : 5000 Micros
• OpenSourceSoft, une logithèque pour faire connaître le monde du logiciel libre aux utilisateurs Mac et Windows

MenuLibre est un éditeur de menu fonctionnant aussi bien pour Unity que pour Gnome, XFCE et LXDE. Son interface basée sut GTK+ propose d’intéressantes fonctionnalités.

MenuLibre permet entre autre de créer et modifier des lanceurs, les changer de catégories, réorganiser et modifier les quicklists, modifier des commandes, etc.

Voici un vidéo de ce projet créé par Sean Michael Davis permettant de se rendre compte en réel des fonctionnalités proposées.

[There is a video that cannot be displayed in this feed. Visit the blog entry to see the video.]

MenuLibre ne se trouvant pas dans les dépôts officiels d’Ubuntu, vous ne devez l’installer qu’en toute connaissance de cause en ouvrant un terminal pour ajouter l’adresse des dépôts à l’aide de la commande

sudo add-apt-repository ppa:menulibre-dev/devel

Mettez à jour la liste de vos dépôts avec la commande

sudo apt-get update

Puis lancez l’installation avec la commande

sudo apt-get install menulibre

Une fois l’installation terminée, ouvrez votre dash et tapez “menu”

Pour les autres distributions, rendez-vous sur la page launchpad du projet

Amusez-vous bien.

Site officiel de MenuLibre : Sean Michael Davis

Source : Up Ubuntu

Billets reliés

• Hybryde Evolution 12.04 v1: aussi surprenant qu’agréable
• Hybryde 12.04 Hy-menu dans les starting blocks
• La version 11.10 d’Hybride est arrivée
• Hybryde EldoradOS, ou comment essayer KDE, Gnome 3, Unity 2D, Gnome Panel, Xfce, E17, Lxde, OpenBox et Fleex
• Utilisez facilement Ubuntu 12.04 LTS Precise Pangolin en version GNOME Shell (GNOME 3)

C’est quoi ?

Le Local Community Team (LoCo Team) re-approval est une étape obligatoire pour toute communauté locale d’utilisateurs d’Ubuntu lui permettant d’être reconnue comme une communauté officielle par Ubuntu. Cela consiste à réaliser une page décrivant les actions entreprises au sein de cette communauté pour promouvoir et aider Ubuntu, et à exposer ces actions devant le conseil des communautés locales, le LoCo Council.

Pourquoi ?

Ce bilan des actions d’une communauté locale a un double emploi. Il permet de faire le point et d’informer la communauté internationale sur les activités de cette LoCo Team. Il permet également d’informer tous les utilisateurs de la communauté locale, et principalement les nouveaux arrivants, sur les actions effectuées par le passé, les actions en cours et les projets futurs auxquels ils peuvent participer.

Ubuntu-fr, la French Team

Je fais partie de la communauté Ubuntu-fr, une communauté à part d’après certains et pourtant si semblable à toutes les autres.

Notre principale différence est d’avoir pris en charge le support d’Ubuntu dans la langue française avec nos outils en ligne. De nombreuses autres communautés locales ont également cette énorme charge, mais peu de langues sont aussi répandues dans le monde. L’ouverture de nos outils à tous les utilisateurs partout dans le monde est une nécessité pour garantir la qualité du contenu et la diversité, et nous ne remercierons jamais assez tous ces utilisateurs et tous ces contributeurs qui participent à la qualité du support en langue française.

Notre seconde différence est d’avoir la chance énorme d’être associés à la France, un pays où la culture du logiciel libre et du libre en général est très forte. Ubuntu est arrivé dans ce pays qui comptait déjà de très nombreux Groupes d’utilisateurs de logiciels libres (GULL). Aujourd’hui, les utilisateurs d’Ubuntu sont bien représentés dans ces groupes. Ces utilisateurs et ces groupes font de la promotion pour Ubuntu, et de ce fait participent directement à notre communauté locale. La principale mission de notre équipe Ubuntu-fr est de promouvoir Ubuntu et les logiciels libres, d’organiser des évènements pour les utilisateurs d’Ubuntu et de les assister en centralisant les goodies Ubuntu francophones. Les évènements Ubuntu-fr sont toujours organisés avec ces groupes existants.

Participer au re-approval

Toute la communauté Ubuntu-fr est invitée à participer à cette action. Nous avons ouvert un pad et commencé à rédiger un plan des différents aspects de notre communauté à présenter. Nous pensons pouvoir être prêts à passer devant le LoCo Council à la séance du mardi 21 août 2012 à 20 h 00 UTC, et pour cela nous devons avoir fini de rédiger notre page une semaine avant histoire qu’ils aient le temps de la consulter. Au cours de cette séance sur le salon IRC #ubuntu-meeting sur irc.freenode.net, tout le monde peut venir suivre la réunion et faire un petit coucou.

Ce qu’il nous faut :

• des photos de vos évènements Ubuntu ;
• des témoignages sur ce que vous avez entrepris ;
• des idées complémentaires.

De plus, je vous propose de tous nous réunir ce mardi 31 juillet 2012 à 21 h 00 (19 h 00 UTC) pour nous coordonner et pour répondre à toutes vos questions sur le salon IRC #ubuntu-fr-meeting sur FreeNode (vous pouvez utiliser le webchat pour nous rejoindre).

Les liens utiles

• Le précédent re-approval.
• Le pad de travail.
• La future page.
• La liste de discussion avec laquelle nous nous coordonnerons (il faut s’y inscrire pour recevoir les courriers et y participer).

Tags: planet ubuntu-frubuntu-fr