Et tu vas voir, il n’a de NAS que le nom car il va gérer :

• Serveur Samba (pour assurer le partage en réseau, la fonction primaire du NAS)
• Serveur Apache/PHP/MySQL (certains NAS le font)
• Serveur SVN (aucun NAS ne le fait, ça devient intéressant)
• Serveur UPNP Av (pour regarder mes films de vacances sur la Freebox HD)

Système d’exploitation :

Je suis « fan » (j’apprécie, disons…) Ubuntu, et ce depuis la version 6.10.
Ainsi, c’est cette distro que j’ai choisis, enfin la version 10.10, en Desktop car cette machine peut être amenée à me servir de MediaCenter.
L’installation est « normale », j’ai simplement ajouté htop et bloqué les processus dont je n’ai pas besoin (bluetooth, accessibilité, etc …) qui sont activés par défaut et se lancent au démarrage.

Le partage Samba :

Attention ! Là, c’est MEGA-technique !
Le paquet est déjà dispo sur Ubuntu Desktop, reste juste à aller partager le(s) dossier(s) souhaités

Ok pour les puristes de la console, j’aurai pu montrer comment tout ceci se configure dans le smb.conf, mais non !

Serveur LAMP :

Comme je n’ai pas besoin de m’embêter à configurer un serveur web aux p’tits oignons, je suis directement passé par le paquet magique disponible depuis quelques versions d’Ubuntu.

Ce serveur me permettra d’utiliser diverses applications codées en PHP (donc USVN), mais également à tester certaines applications web que je développe.

sudo apt-get install lamp-server^

J’en avais parlé il y a peu… Mais si, lecteur, souviens-toi

Serveur SVN :

J’ai besoin d’un serveur SVN pour m’assurer de la sauvegarde régulière de mes différents développement.
Je ne partage que peut de ressources que j’y entrepose, mais la possibilité d’ouvrir certains accès risque de me servir (ne serait-ce que pour partager certaines librairies avec des amis ou collègues).

J’ai rédigé un tuto récemment pour installer SVN couplé à USVN (une interface web qui permet de gérer ses dépôts, ses utilisateurs et leurs groupes).

Serveur UPNP A/V et DLNA :

Pour me permettre de visualiser mes films de vacances (ahem) sur ma Freebox HD, j’ai configuré un serveur UPNP nommé uShare.
uShare est un serveur multimedia qui permet de diffuser ses vidéos sur un réseau local. Ainsi, des appareils tels que la FreeboxHD, la PS3 ou la Xbox 360 pourront accéder à tout le contenu.

Sur Ubuntu, il existe un paquet uShare, pour l’installer il suffit donc de saisir :

sudo apt-get install ushare

Ensuite, il faut modifier le fichier de config pour :

sudo nano /etc/ushare.conf

Tu y inscris :

1. Le nom à donner à ton serveur (USHARE_NAME)
2. Le ou les dossiers à partager (USHARE_DIR)
3. ….
4. Profit !

Ensuite, on lance le serveur uShare :

sudo /etc/init.d/ushare start

J’ai également sélectionné des articles portant sur l’intégration, le HTML5 et les plateformes mobiles (principalement comment adapter simplement un site existant aux plateformes mobiles tactiles).

SEO :

• Un excellent livre blanc sur la recherche locale: via @randfish
• 5 outils SEO et d’analyse des social media : via @LaFermeDuWeb
• Les 4 piliers du referencement selon @seomuscle
• Google Instant Preview : tour d’horizon des changements à prévoir : via @largow
• Supprimer le snippet & l’instant Preview de Google : via @Sventovit
• 8 composés HTML pour le logo et la « baseline » et leur potentiel SEO (avec du @dsampaolo dedans) : via @br1o
• Website Content Planning Techniques for Search Engine Optimization : via @VeilleSEO
• Fairshare, l’outil gratuit qui détecte les copieurs de contenu : via @largow

Intégration et expérience utilisateur :

• 10 frameworks pour développer des applications Web en HTML adaptées aux technologies tactiles : via @arnaudGuillaume
• HTML5: 7 astuces et conseils pour en tirer le meilleur en matière d’UX (en Anglais): via @smashingmag
• Séparations invisibles ou visibles pour les menus horizontaux ?: via @analyse_web
• Optimiser son site pour iPhone en 10min (pour mes outils du lab ou pour murl) : via @LegZ
• Adapter son site aux mobiles en une nuit : via @smashingmag
• Quel slogan marche le mieux pour que Wikipedia récolte des fonds ? (la puissance des mots) : via @AbriCoCotier

Développement et technique :

• Cheat Sheet pour jQuery 1.4.4 API : via @JavascriptNews
• Des Cheat Sheets pour les languages, framework, API, applications… (tricher saymal, mais c’est rudement pratique ^^) : via @LegZ
• Percona publie un petit livre blanc sur la « scalabilité » d’un serveur MySQL : via @w_a_s_t_e
• Guide du développeur WordPress (pour le débutants) (Un petit retour aux bases ne me fera pas de mal) : via @sixrevisions
• Démystification de Node.js (je voulais y jeter un oeil, ça tombe bien ^^) : via @twevelopers
• Un patch (pour le kernel Linux) de 200 ligne qui améliore la gestion des tâches lourdes

Confort et télétravail :

• Le guide du Réveil Ultra Matinal en vidéo !: via @fenice
• Le télétravail augmenterait la productivité des employés de 27% : via @isabellemathieu
• OpenTok – Une librairie / API pour créer facilement des applications vidéos/webcam – : via @LaFermeDuWeb

Et pour finir, un peu de détente :

• Beyond Black Mesa, le court métrage inspiré de Half Life : via @tuxboard
• Limili, un Shazam avec lien direct vers Spotify et Grooveshark (malheureusement, il n’est que sur iOS pour l’instant …) : via @pressecitron

Pour le reste de ma sélection, c’est par ici.

Cet article t’as plus ? Retrouve chaque semaine la veille du week-end ainsi que mes autres articles grâce à ce fabuleux flux RSS (gratuit et en plus, tu donnes pas ton nom ^^)

Au programme, du web design qui prend encore un peu plus d’ampleur depuis que Google a mis en place les « previews ». Du SEO (comme d’hab) avec des articles tournant autour de l’audit et la rédaction.
Et jQuery qui nous gratifie d’une nouvelle release (peu de temps après la 1.4.3) et la version Mobile du script qui passe en Alpha 2.

Pour finir, quelques applications pour les téléphones Android et une belle extension sociale pour Firefox.

Web-design, expérience utilisateur :

• Le design, c’est important *aussi* pour le référencement naturel ! : via @br1o
• #2803 WTF is the semantic web? : via @henrilabarre
• Mettre le bouton de recherche à gauche du champ serait plus rapide pour l’utilisateur: via @analyse_web
• 10 règles/astuces d’ergonomie de site web : via @VeilleSEO
• Expérience utilisateur de l’iPhone : 13 études gratuites – Ergonomie iPhone : via @analyse_web
• augmenter le taux de conversion d’un signup avec 2 mots … : : via @theystolemynick

Javascript (et jQuery) :

• IMGr – Un plugin jQuery pour arrondir les angles (Compatible IE6+) : via @LaFermeDuWeb
• jQuery 1.4.4 Released: : via @jeresig
• jQuery Mobile 1.0 Alpha 2 Released: : via @jeresig

Technique et développement :

• Percona développe la réplication MySQL parallèle (le simple thread actuel est une limitation importante) : via @w_a_s_t_e
• Présentation sur git, présentée au Forum PHP : via @ubermuda

SEO :

• 25 erreurs courantes en SEO: (en) : via @LaFermeDuWeb
• Twitter pretty clearly influencing rankings – - 0 links so far, but 100s of tweets : via @randfish
• Google tente d’améliorer l’indexation de Flash: via @GoogleWebmaster
• Le SEO pour les développeurs (Référencement, design et Cie) : via @VeilleSEO
• Audit SEO de site : via @Sventovit
• Découvrez chaque semaine un nouveau fond d’écran SEO : via @VeilleSEO
• Comment mener un processus de test d’optimisation comme un pro ! : via @oseox
• Comment écrire un communiqué de presse efficace : via @br1o
• Booster son site grace à ses membres : via @EdouardPoirson
• Search Engine Spiders: Why Don`t They Crawl My Site? : via @VeilleSEO

Android :

• Une sélection de 30 applications pour Android (don plein d’utilitaires) : via @chibani

A essayer :

• L’extension F1 pour Firefox pour partager facilement des liens et des infos sur les réseaux sociaux: via @pressecitron

Et comme d’habitude cher lecteur, tu peux retrouver tous mes favoris Twitter de la semaine.

Tu peux également retrouver chaque semaine la veille du week-end ainsi que mes autres articles grâce à ce fabuleux flux RSS (Chuck Norris lui-même le lit … si si …)

Pour se configurer rapidement un serveur LAMP sur Ubuntu 10.10 (alias Maverick Meerkat), on peut saisir la ligne de commande suivante :

sudo apt-get install lamp-server^

(Attention, l’accent circonflexe en fin de ligne n’est pas une erreur, il fait bien partie du nom du paquet)

Ainsi, on se retrouve avec Apache 2, PHP 5.3, MySQL 5.1 ainsi que SQLite et PERL.

Il ne reste plus qu’à installer PHPMyAdmin et l’installation sera complète :

sudo apt-get install phpmyadmin

NB : le paquet « lamp-server^ » est disponible depuis Ubuntu 10.04

Sur murl, il existe une page qui liste les derniers liens créés et le « top 10″ (de clics) de la journée. Les requêtes qui chargent les liens sur cette pages ont donc été modifiées pour intégrer la blacklist.

Voici une de ces requêtes :

SELECT lu.id, SUM( ls.clics ) AS cliclic
    FROM lil_stats ls
    INNER JOIN lil_urls lu
        ON ls.id = lu.id
    LEFT JOIN lil_domain_blacklist ldb1
        ON (ldb1.domain = lu.domain OR ldb1.domain = lu.subdomain)
        AND ldb1.b_display =1
WHERE ls.date="2010-10-31"
    AND ldb1.id IS NULL
GROUP BY lu.id
ORDER BY cliclic DESC
LIMIT 0 , 10

Cette requête fonctionnait très bien quand la table lil_domain_blacklist était petite (au début, elle faisait moins de 100 lignes…)

Puis, j’ai importé un énorme fichier de domaines reconnus comme spammeurs. Ce fichier comportait environ 150000 entrées, et là, ma requête ne passait plus et finissait par bloquer le serveur.

En faisant un explain de cette requête, on remarque que la table lil_domain_blacklist est analysée en entier, et qu’elle ne fait appel à aucun index…

J’ai donc décidé de changer les choses (en même temps, je n’avais pas trop le choix…), en séparant la jointure sur la table incriminée en deux jointures.

Voici la nouvelle requête :

SELECT lu.id, SUM( ls.clics ) AS cliclic
    FROM lil_stats ls
    INNER JOIN lil_urls lu
        ON ls.id = lu.id
    LEFT JOIN lil_domain_blacklist ldb1
        ON ldb1.domain = lu.domain
        AND ldb1.b_display =1
    LEFT JOIN lil_domain_blacklist ldb2
        ON ldb2.domain = lu.subdomain
        AND ldb2.b_display =1
WHERE ls.date="2010-10-31"
    AND ldb1.id IS NULL
    AND ldb2.id IS NULL
GROUP BY lu.id
ORDER BY cliclic DESC
LIMIT 0 , 10

Cette nouvelle version de la requête s’exécute en environ 0.025 secondes, ce qui est tout à fait correct.

En observant un explain de celle-ci, on constate que les 2 jointures sur la table lil_domain_blacklist utilisent correctement les index et retournent un nombre limité de lignes.

Ainsi, je sais désormais qu’il vaut mieux, parfois, faire 2 jointures sur une même table qu’une seule jointure sur cette même table.

Et toi, ami lecteur, as-tu déjà fait face à ce cas de figure ?

Au menu, du référencement naturel (et l’exploitation des stats qui vont avec)., du web-design.
Une touche de bricolage, avec un article bien complet pour monter un hackintosh avec du matos récent et puissant.
Un peu d’administration système pour suivre l’activité de son serveur Apache en temps réel (par contre, je ne connais pas encore l’impact sur les performances…).
Et pour les développeurs web, un décorticage du cache des requêtes (query cache) de MySQL.

Du SEO et des stats :

Faire du tracking grâce à Google Analytics : via @VeilleSEO

Créer et utiliser un calendrier éditorial pour son SEO : via @largow

Du web-design :

Les frameworks CSS, le nouveau format A4 : via @br1o

Optimiser son site pour Google TV (ok, elle est pas encore dispo en France, mais ça ne fait pas de mal de se préparer ^^)

Un peu de sysadmin et de technique :

Assembler son propre Hackintosh : via @gonzague

Suivre l’activité de son serveur Apache en temps réel grâce à ApacheTop et/ou GoAccess : chez @tuxplanet

Un grand plongeon dans le cache des requêtes de MySQL : via @Skreo

Et vous ? Avez-vous des lectures à me suggérer pour ce week-end ?

Il existe des solutions pour définir les jointures entre les classes. Par exemple dans Symfony, il existe des fichiers de configuration (en yml). On définit son modèle, on lance un p’tit script et « HOP ! », voici de belles classes de bases prêtes à être héritées.
Autrement, il existe la solution de Kohana, qui consiste à indiquer les relations dans chaque classe, manuellement.

Bref, les solutions existent, toutefois le truc que je trouve lourdingue, c’est de faire coller en permanence les classes avec les tables en bases de données. En cours de développement, mes tables et leurs champs bougent beaucoup. Du coup, il faut systématiquement que je reporte chaque modification dans la classe qui va bien…

Partant du principe que la base de données comporte déjà toutes les infos nécessaires. Je me suis dit qu’il serait possible d’extraire les informations inclues dans chaque tables, et de reporter ces infos dans des classes en PHP. C’est déjà un premier pas : lister les champs de la table… En fouillant un peu, je détermine les champs primaires, et je peux même typer mes variables (en quelque sorte …).

Tout ça c’est bien, mais en m’imposant une convention de nommage, j’arriverai même à esquisser des jointures et des tables pivots détectables facilement depuis un script.
Par exemple :

p_table1_table2 est la table pivot entre table1 et table2.

Le résultat, c’est une petite classe, composée de quelques méthodes statiques qui :

• Analyse une base de données, donnée
• Détermine les relations entre les tables
• Génère un script PHP par table (hors pivots)

Désormais, quand je développe :

1. Modifs dans la base de données
2. Exécution de mon script
3. Mes classes sont à jours ^^

J’offre ce code à qui en a besoin. Le tout est livré sous licence BeerWare, car si mon code vous plait et qu’on se croise, libre à vous de me payer un boc

Le zip ci-joint contient la classe, ainsi qu’un petit exemple et ma méthode d’écriture des scripts PHP (libre à vous de la changer ^^).

db_2_classes.zip

Activer Apache2 :
Apache2 est prêt à l’emploi, toutefois, il est nécessaire de modifier certains paramètres dans /etc/apache2/httpd.conf :

Modifiez le dossier pointé par Apache pour pouvoir utiliser directement le dossier Sites de votre compte utilisateur :

DocumentRoot "/Users/mon-nom/Sites"

ainsi que la ligne :

<Directory "/Users/mon-nom/Sites">

(en prenant soin de remplacer « mon-nom » par le votre …)

Pour activer PHP5 (version 5.3 dans Snow Leopard, c’est plutôt cool) , décommentez la ligne :

LoadModule php5_module        libexec/apache2/libphp5.so

Ensuite, il faut télécharger MySQL (prendre la version Mac OS X 10.5 (x86_64)), puis installer dans l’ordre :

1. mysql
2. startup item
3. preference pane

Démarrez ensuite MySQL depuis le panneau de préférences.

Maintenant, il faut modifier la configuration de PHP pour qu’il tape sur le bon socket MySQL.

Si /etc/php.ini n’existe pas, copiez le depuis le fichier de config par défaut : cp /etc/php.ini.default /etc/php.ini

Replacez dans php.ini toutes les occurrences de

/var/mysql/mysql.sock

par

/tmp/mysql.sock

Profitez-en également pour régler votre fuseau horaire (selon votre situation géographique ...) :

date.timezone = Europe/Paris

Il est désormais temps de relancer Apache et de voir tout ce petit monde s’animer :

sudo apachectl restart