Blog lui l'aiphes

Développement web et machine virtuelle

gL — Wed, 09 May 2012 17:33:08 +0000

Lorsque l’on dispose d’une machine assez puissante (ce qui n’était pas mon cas) et que l’on est sous windows ,il est intéressant d’installer son serveur de développement web (LAMP) sur une machine virtuelle.Ainsi j’ai choisi Virtual Box afin d’y installer une distribution Linux (Debian,Ubuntu..).

Ainsi il faut installer virtual box puis ajouter une machine virtuelle et installé la distri depuis le fichier iso récupéré sur le site qui va bien.Lancer la machine virtuelle sur le cd (iso).Installer comme d’habitude la distri.

Une fois fait nous allons avoir besoin :

- accéder à la VM via le réseau en http
- accés internet pour al machine virtuelle
- accès aux dossier /var/www de la machine virtuelle depuis l’hote (comme sur une réseau normal)
- accès SSH sur la VM
- accès FTP à la VM

1/Installer LAMP sur la VM

Procéder comme sur une distri linux classique , en ayant à l’esprit de peut être utiliser php 5.2 plutôt que 5.3 (voir mon article précédent la dessus)

2/Paramétrer la VM pour les divers accès

a/Accès HTTP

Une fois LAMP installé ,il faut bien sur aller sur localhost pour vérifier que cela fonctionne et affiche bien It works ! Il faut que le réseau sur la VM soit paramétré avec 2 cartes réseaux.

Il faut en mettre une en NAT , et l’autre « Adaptateur réseau hôte ».Avant il faut ajouter une interface dans virtual box via fichier > paramètres > réseau > ajouter réseau privé hôte

b/Accès SSH

Il faut installer open-ssh sur la VM et ensuite utiliser putty sous windows.Si vous utilisez ubuntu server il faut le choisir à l’installation sinon l’ajout peut se faire via une ligne de commande

c/Accès FTP

Il faut installer un serveur FTP sur la VM pour y accéder ensuite avec un client tel Filezilla.Un serveur simple sous linux est Pure FTP en ajoutant un utilisateur pour se connecter au serveur via FTP.

Mise en place et theming d’une newsletter

gL — Tue, 10 Apr 2012 12:47:15 +0000

Afin de faire vivre un site et d’avoir une audience toujours plus importante et fidèle, il est intéressant de se doter d’un système d’envoi de newsletter.Pour Drupal 6, il faut se tourner du coté de Simplenews et de Mime Mail.

Il faut alors activer les modules comme d’habitude avec drupal sur la page /admin/build/modules.

1/ Créer une newsletter

Le module simplenews ajoute un type de contenu qui va permettre de créer les newsletter.Ainsi vous pouvez créer une newsletter comme tout autre type de contenu drupal en lui associant une taxonomie, dees champs personnalisés CCK…

Pour le theming il s’agira de procéder comme pour les autres types de contenu, avec un node-TDC.tpl.php et un page-TDC.tpl.php

2/ Theming de la newsletter envoyée

Il s’agit d’envoyer des newsletter au format HTML avec Mime Mail.Ainsi il sera plus simple de créer un style pour votre newsletter.Il faut alors différencier 2 types de supports : les clients mail (outlook, thunderbird..) et les webmail (yahoo,gmail,hotmail..).

Les 1er autorisent facilement les CSS mais les seconds les retirent de leur rendu.Il faudra alors appliquer un style « inline » comme au bon vieux temps..Ainsi au lien d’appliquer des classes et des IDs , il faudra préférer la balise

style.

De plus il faudra utiliser les tableaux avec

Table

, plutôt que les Div (boites).
La difficulté va venir de styler des éléments dynamiques comme les a,les p, les strong…

Avec Mime Mail vous pouvez créer une css mail.css qui sera appliquée dans les clients, notamment grace à l’ID

#mimemail-body{}

Navigation et Mega Menus pour Drupal

gL — Sat, 24 Mar 2012 11:39:11 +0000

Depuis un certain temps les sites à fort contenu proposent des navigation via Mega Menu.Ce sont en général des menus en javascript multiniveaux qui permettent d’accéder à des sous-catégories en 1 seul clic.Dans Drupal il existe en natif un système de menu dynamique qu’il peut être intéressant de présenter via un menu en javascript.

Pour un menu classique en javascript , nous avons le choix entre diverses solutions.Je regrouperai celles-ci en 3 catégories :

Les menus classiques
Les menus hybrides
Les Méga Menus

1/ Menu classique

Dans cette catégorie se trouve le désormais célèbre Nice Menus qui permet de faire des menus horizontaux, verticaux ou Dropdown à partir des menus créés dans Drupal.Son usage est assez simple.Il est disponible pour Drupal 6 et 7.Cependant , vu sa proximité avec Superfish, son développement est au ralenti.

Il existe aussi DHTML Menu dans cette catégorie, mais je ne l’ai pas testé.

2/ Menu Hybrides

C’est ici que nous retrouvons Superfish qui est un module en vogue et qui présente de nombreux avantages.Il fonctionne comme Nice Menus, mais permet des fonctionnalités plus avancés grace à l’implémentation de la librairie Superfish via jquery.

Il permet aussi de faire des méga menus même si ce n’est pas sa destination première.

3/ Méga Menus

Dans cette famille il commence à y avoir du choix pour Drupal 6 et 7.

Commençons avec Maximenu qui est la version 2 de OM Maximenu.Dans cette version il sera possible d’utiliser les menus natifs de Drupal pour les utiliser dans un mega menu.Cela ne sera possible que pour Drupal 7 par contre.Il s’agit d’un module hautement paramétrable et promis à un bel avenir.Il permet actuellement (V1) d’utiliser des vues comme élément de menu, et donc des images,des listes…

Megamenu est lui celui qui actuellement permet le plus facilement de faire un menu dynamique de type Mega menu. Il fonctionne comme superfish ou nice menus, et créer donc un bloc que l’on dispose dans une région de son choix.Il est facile de créer un thème pour lui en écrasant la css par une copie dans votre thème.

Mucho Menu est aussi intéressant car il est une sorte de cousin de Maximenu.Il permet d’inclure des vues, des images, des vidéos dans le menu…plutôt prometteur.

Il me reste à signaler l’existence d’autres projets plus ou moins avancés qui concerne ce domaine de la navigation par Mega menus.

Les voici :

Giga Menu Son développement n’est pas trés actif, et sert de base à la plupart des projets actifs du moment.
Menu Minipanels Si vous utilisez Panels, alors cela peut être intéressant je pense (pas testé)
Mega Dropdown (pas disponible) Ce module permet d’inclure aussi bien des blocs, que des vues , des noeuds et bien sur des éléments de sous-catégories.

N’hésitez à donner votre retour d’expérience, et à éventuellement enrichir cette liste.

Sauvegarder son serveur LAMP et ses sites

gL — Sat, 11 Feb 2012 14:31:53 +0000

Lorsque vous développez des sites internet il est probable que vous utilisiez un serveur de développement sous Linux.Autrement dit un serveur LAMP. Je vous ai déjà montré comment garder PHP 5.2 pour un serveur sous Ubuntu 10.04 et suivant.Mais si jamais vous devez migrer de machine ou faire un upgrade de version majeure Ubuntu , il va falloir sauver le serveur LAMP dans son ensemble.

Ainsi nous aurons besoin de sauver :

MySQL et les bases de données créées
Le serveur Apache
La version de PHP utilisée,ici la 5.2
Les sites installés avec leur contenu

Commençons avec MySQL

Où le trouver ? Et bien il faut se rendre dans /var/lib/mysql pour retrouver toutes les bases créées et ainsi pouvoir les sauver via un terminal en tapant :

sudo cp -R /var/lib/mysql /home/bdd

par exemple, ce qui va copier toutes les BDD de votre serveur MySQL là où vous le désirez.

Il n’est pas forcément nécessaire de sauver le serveur en lui même mais il peut être bien de sauver la configuration contenue dans : /etc/mysql/my.cnf

sudo cp -R /etc/mysql/my.cnf /home/lamp-conf

Au tour d’Apache

Ici il s’agit d’un élément stable qui ,comme MySQL, n’a pas besoin d’être sauvé en tant que tel hormis la configuration.Bien sur si la version diffère beaucoup avec votre nouvelle installation,alors une copie peut être envisagée.Pour le fichier de config il faut sauver celui-ci : /etc/apache2/apache2.conf ainsi que /etc/apache2/httpd.conf. Tout le dossier /etc/apache2 peut être sauvé car il contient les virtual hosts éventuel et le lien vers phpmyadmin.

sudo cp -R /etc/apache2 /home/apache

PHP 5.2 for now

En effet si vous développez toujours des applis qui requièrent cette version il faut la sauver car les nouvelles versions de LAMP embarquent php 5.3 par défaut.

Ainsi il va falloir sauver le contenu de /etc/php5/apache2/php.ini et notamment le fichier /etc/php5/apache2/php.ini qui contient le configuration de php (mémoire,taille de l’upload..)

sudo cp -R /etc/php5 /home/php

Sauver les sites

Pour cela il faut copier tout ce qui se trouve dans /var/www .

Voila votre config est sauvée et peut être implantée sur un nouveau système Ubuntu.

sudo cp -R /var/www /home/sites

Repasser à PHP 5.2 sous Ubuntu 10.04

gL — Tue, 22 Feb 2011 19:01:17 +0000

Note : ébauche d’article, manipulation non finalisée

Un problème fréquent quand on développe sur un serveur ubuntu avec Drupal 6 est que la version de par défaut est la 5.3.Trés bien pour Drupal 7 mais moins bien pour Drupal 6.Donc il faut downgrader.

Il s’agit de suivre cette méthode : Tuto originel en anglais

Ensuite il s’agit de trouver les bonnes versions à installer.Donc aprés avoir fait un

$ dpkg -l | grep php

ii libapache2-mod-php5 5.3.2-1ubuntu4.7 server-side, HTML-embedded scripting languag
ii php-apc 3.1.3p1-2 APC (Alternative PHP Cache) module for PHP 5
ii php5-cli 5.3.2-1ubuntu4.7 command-line interpreter for the php5 script
ii php5-common 5.3.2-1ubuntu4.7 Common files for packages built from the php
ii php5-gd 5.3.2-1ubuntu4.7 GD module for php5
ii php5-mcrypt 5.3.2-0ubuntu1 MCrypt module for php5
ii php5-mysql 5.3.2-1ubuntu4.7 MySQL module for php5
ii phpmyadmin 4:3.3.2-1 MySQL web administration tool

Il va falloir créer un fichier de préférence pour « php » à mettre dans

/etc/apt/preferences.d

, voici le mien : php.Ensuite vous pouvez installer php avec la version 5.2.10.
Pour php-mcrypt il faut utiliser le fichier php5-mcrypt_5.2.6 pour avoir la version 5.2.6 .Phpmyadmin peut être utilisé dans sa dernière version 4.3.3.1

Cela va nous servir pour savoir quoi remplacer et quoi installer.Du coup nous pouvons rédiger ce code pour tout installer d’un coup vous pouvez aller sur ce lien pour voir quelle version installer :

sudo apt-get install libapache2-mod-php5=5.2.10.dfsg.1-2ubuntu6 php5=5.2.10.dfsg.1-2ubuntu6 php5-dev=5.2.10.dfsg.1-2ubuntu6 php-pear=5.2.10.dfsg.1-2ubuntu6 php5-cgi=5.2.10.dfsg.1-2ubuntu6 php5-cli=5.2.10.dfsg.1-2ubuntu6 php5-common=5.2.10.dfsg.1-2ubuntu6 php5-gd=5.2.10.dfsg.1-2ubuntu6 php5-mcrypt=5.2.6-0ubuntu2 php5-mysql=5.2.10.dfsg.1-2ubuntu6 phpmyadmin=4:3.2.2.1-1

Résultat après la manipulation, nous avons retrouvé une version plus « classique » pour développer.

Pour ne pas repasser à PHP 5.3 lors des mises à jour, il vaut mieux faire ceci :

echo "php5 hold" | sudo dpkg --set-selections
echo "php5-common hold" | sudo dpkg --set-selections

D’autres méthodes existent comme celle -ci : via un script ou celle-ci qui marche bien aussi : autre méthode

Utiliser Drush sur OVH mutualisé

gL — Fri, 11 Feb 2011 15:03:22 +0000

En cette nouvelle année, voilà un joli chantier qui est de tirer profit de la puissance de drush pour mettre à jour votre site drupal et bien plus encore..le tout en ligne de commande.Il faut au préalable forcer OVH à utiliser php5 via htaccess avec :

SetEnv PHP_VER 5

Tout d’abord il faut savoir que les hébergements mutualisés OVH offrent le SSH et permettent donc de se connecter à votre hébergement via une console , Terminal sous linux ou Putty sous Windows ; avec les identifiants FTP fournis par OVH.

Il faut tout d’abord récupérer la dernière version de Drush
La décompresser et envoyer le dossier via FTP , le positionner à la racine reste le plus simple
Ensuite il faut éditer le fichier .bashrc pour indiquer la version de php à utiliser et l’emplacement de drush.php

Pour cela quelques commandes utiles via le terminal ou Putty :

Connaitre quelle version de php tourne sur votre hébergement : se connecter via SSH avec

ssh IDENTIFIANT@ftp.pro.ovh.net
IDENTIFIANT@ftp.pro.ovh.net's password:
IDENTIFIANT@ssh1:~/www$ php.BETA -v
PHP 5.2.14 (cgi) (built: Jul 28 2010 12:37:11)
Copyright (c) 1997-2010 The PHP Group
Zend Engine v2.2.0, Copyright (c) 1998-2010 Zend Technologies

il existe aussi la version de base chez OVH qui est php 4 , qui est appelée php.ORIG.

Ensuite il faut savoir ou est le fichier php que vous utilisez et quelles alternatives existent.Un terminal vous permet de le faire ainsi :

IDENTIFIANT@ssh1:~/www$ ls /usr/local/bin/
axfrdns PhpDocumentor pickdns-conf
axfrdns-conf phpextdist pickdns-data
axfr-get phpize procwatch
config_data php.ORIG procwatch-lint
dnscache php.ORIG.4 rackup
dnscache-conf php.ORIG.4.3.9 rails
dnsfilter php.ORIG.4.4.2 rake
dnsip php.ORIG.4.4.3 random-ip
dnsipq php.ORIG.4.4.4 rbldns
dnsmx php.ORIG.4.4.4_new rbldns-conf
dnsname php.ORIG.4.4.4_old rbldns-data
dnsq php.ORIG.4.4.7 rdoc
dnsqr php.ORIG.4.4.8 ri
dnstrace php.ORIG.4.4.9-pcre7 ruby
dnstracesort php.ORIG.5 sabcmd
dnstxt php.ORIG.5.1.2 sablot-config
erb php.ORIG.5.1.4 scp
gem php.ORIG.5.1.5 sftp
gemlock php.ORIG.5.1.5_new slogin
gem_mirror php.ORIG.5.1.5_old ssh
gemri php.ORIG.5.2.1 ssh-add
gem_server php.ORIG.5.2.10 ssh-agent
gemwhich php.ORIG.5.2.11 ssh-keygen
geoiplookup php.ORIG.5.2.12 ssh-keyscan
geoipupdate php.ORIG.5.2.13 testrb
gtkmdbdesigner php.ORIG.5.2.14 Text
index_gem_repository.rb php.ORIG.5.2.3 tinydns
irb php.ORIG.5.2.3b tinydns-conf
pdflib-config php.ORIG.5.2.4-pgsql tinydns-data
pear php.ORIG.5.2.5 tinydns-edit
peardev php.ORIG.5.2.6 tinydns-get
pecl php.ORIG.5.2.9 Translation2
perl php.ORIG.5.3.0 update_rubygems
php php.ORIG.5.3.1 walldns
php.4-test php.ORIG.5.3.2 walldns-conf
php.BETA php.ORIG.5.3.3 XML
php-config php.TEST.5
phpdoc pickdns

Malheureusement OVH bride les communications extérieures sur le SSH des mutualisés…espéront que cela change dans l’avenir.

Drush pour Drupal en mutualisé chez Always Data

gL — Thu, 13 Jan 2011 16:03:33 +0000

Toujours à la recherche du meilleur hébergeur pour utiliser ce formidable outil qu’est drush. et je pense m’en approcher car Always Data fourni un accés SSH sur tous ses packs.Donc voyons comment faire pour installer et utiliser Drush sur un pack 10go.

Se connecter via FTP à votre serveur
Y envoyer le dossier Drush à la racine ~/ afin d’avoir ~/drush ( le ~ représente votre identifant de connexion qui est aussi l’utilisateur)
Créer un fichier .profile que l’on envoi à la racine / et qui contient :
```
##PARAMETRE DE DRUSH
PATH=$PATH:~/drush
```
ensuite, avec une connection SSH via un terminal ou Putty selon votre OS, un coup de
```
chmod u+x ~/drush/drush
```

et normalement vous devez avoir ceci :

$ drush status
PHP configuration : /xxx/http6/xxxx/cgi-bin/php5.ini
Drush version : 3.3
Drush configuration :

A vous les joies de la gestion de Drupal en ligne de commande, un gain de temps vraiment énorme dans les tâches de mise à jour, et bien plus encore..

Flux de publication : mise en place

gL — Fri, 02 Jul 2010 10:11:25 +0000

Mettre en place un flux de publication pour un site web est très utile lorsque une « hiérarchie » de publication se met en place ou est nécessaire.En effet, il peut être souhaitable que tous les utilisateurs d’un site ne puissent pas publier du contenu sans restrictions.Il en va aussi de la responsabilité du directeur de publication du site.

Ainsi, grâce à Drupal,nous allons pouvoir mettre en place un tel système.

Pré requis : installer et activer les modules Trigger (Core) et Workflow.

1/ créer autant de role que de rangs dans la hierarchie de publication ; basiquement il en faudra au moins 2

2/ créer un Workflow dans admin/build/workflow en paraméttrant les étapes, et les fonctions de chaque rôle

3/ créer une action dans admin/settings/actions/manage , choisir : Envoyer un e-mail géré par jeton (tokenized) ; renseigner les champs voulus dont le mail de la personne qui devra valider le contenu à l’étape 2 du Workflow

4/ Enfin selectionner l’action dans la liste proposée par Trigger soit depuis l apage du Workflow soit dans admin/build/trigger/workflow

Voila , désormais un email sera envoyé automatiquement à la création de contenu soumis au workflow.

SEO et les CMS

gL — Sat, 26 Jun 2010 19:50:29 +0000

Au fil de mes projets,et maintenant que je suis de plus prés la vie des sites que je créer, le référencement et l’étape ultime de la vie d’un site.Alors quel est le système qui pemret un bon SEO ?

A ce jeu, je connaissais WordPress qui surclasse Dotclear en matière de blog.Mais je dois dire que Drupal se débrouille plutôt bien si j’en crois l’indexation des pages des sites que je suis.
En effet,en 3 mois, Google a indéxé un peu plus de la moitié des 170 url d’un de mes derniers sites Drupal,et cela sans action énorme de ma part.Du coup je peux dire, en comparaison,avec SPIP par exemple, que Drupal fourni un bel outil en matière de SEO,et peut etre que Drupal 7 sera aussi une amélioration à ce niveau la .A suivre donc d’ici quelques mois.

Ajouter Xiti ou Quantcast à son site Drupal : ma recette

gL — Fri, 02 Apr 2010 17:36:36 +0000

Bonjour,

Parfois il est aisé d’ajouter un suivi statistique à son site Drupal via un module dédié, mais ce n’est pas le cas de Xiti ou Quantcast.

Pour se faire j’ai créé un petit fichier php qui contient le code des dis tracker :

<div id="xiti-logo">
<script type="text/javascript">

</script>
<noscript>
<div id="xiti-logo-noscript">
<a href="http://www.xiti.com/xiti.asp?s=XXXX" title="WebAnalytics" >WebAnalytics solution by <img width="39" height="25" src="http://logv11.xiti.com/hit.xiti?s=451669&p=<?php echo $head_title; ?>&" alt="WebAnalytics" /></a>
</div>
</noscript>
</div>


<script type="text/javascript">
_qoptions={
qacct:"XXXX"
};
</script>
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>

<noscript>
<img src="http://pixel.quantserve.com/pixel/p-behZUd_cXqsz-.gif" border="0" height="1" width="1" alt="Quantcast"/>
</noscript>

ensuite il faut insérer ce fichier dans les divers template de Drupal avec l’extension .tpl.php via un include php.Et voila vos stats seront prisent en compte par le tracker dans les 24/48H qui suivent…