Développement

Il est utile quand l'on développe un site de pouvoir le tester depuis différents supports (tablette, téléphone...) pour en vérifier son bon fonctionnement, encore plus quand l'on développe un site mobile ou responsive (private joke : kikou les M1!).

Pour cela il faut être connecté sur le même réseau local, par exemple derrière la box de votre fournisseur d'accès ou un routeur. Peut importe le type de connexion (wifi ou câble réseau RJ45)

Première chose à faire récupérer l'IP de la machine qui fait office de serveur local (la machine ou est installé lamp, wamp ou mamp...) pour cela il faut ouvrir un terminal.

Sous windows : ouvrez le menu démarrer, cherchez « invite de commande » ou tapez directement cmd.
Sous mac : dans Applications/Utilitaires/terminal
Sous linux : normalement le raccourci CTRL+ALT+T cous ouvrira un terminal

puis dans la fenêtre qui s'est ouverte tapez

sous windows : ipconfig
sous mac et linux : ifconfig

Une adresse ip est constituée d'une suite de 4 nombres, pouvant aller jusqu'à 255, séparés par des points .

Généralement l'adresse ip commencera par 192.168....

C'est cette adresse que l'on va taper sur le périphérique sur lequel on veut tester le site, et vous tomberez sur la page d'accueil de votre serveur, comme si vous aviez utilisé l'adresse « localhost » sur votre ordinateur principal.

Exceptions

Sous windows avec wamp :
si vous avez un message du type « Forbidden You don't have permission to access / on this server »

modifiez le fichier httpd.conf (ou bien votre virtual host si vous en utilisez un) entre le les balises <directory ...>, remplacez la ligne

Allow from 127.0.0.1

par :

allow from all

Sous mac :
il se peut que vous ayez à configurer le firewall intégré pour autoriser les connexion depuis l’extérieur vers apache.
Aussi, si vous utilisez un port non standard (par exemple localhost:8888 depuis votre machine) ajoutez ce port à la fin de l'adresse ip : 192.168.XX.XX:8888

Note: ce code est pour Joomla  1.5, mais le principe est le même pour la version 1.6, il devrait en théorie fonctionner aussi.

Dans le cadre d'une refonte graphique d'un site j'ai besoin de distinguer les éléments d'un menu de navigation pairs et impairs, joomla n'offrant pas ce comportement par défaut j'ai du modifier le template du menu.

Pour info, on ne modifie jamais le template d'un composant ou d'un module directement, on le surcharge. On copie le fichier de template dans le dossier du thème, Joomla ira tout d'abord voir si il existe un surchargement du template et le cas échéant utilisera celui par défaut.

Donc dans mon cas j'ai copier le fichier /modules/mod_mainmanu/tmpl/default.php dans le dossier /html/mod_mainmenu/ à la racine de mon thème.

Ensuite pour pouvoir distinguer un élément sur deux dans mon menu j'ai simplement ajouté le code suivant:

$i = 0;
foreach ($node->children() as $child)
{
  if ($child->name() == 'li') {
    $case = ($i%2==0) ? 'odd' : 'even';
    if ($child->attributes('class')) {
      $child->addAttribute('class', $child->attributes('class').' '.$case);
    } else {
      $child->addAttribute('class',' '.$case);
    }  
    $i++;
  }
}

Du coup suivant si $i est pair ou nom j'ajoute soit la class odd ou even à mon élément de menu.

La première PharoConf (ou conférence sur pharo) d'Annecy aura lieu le jeudi 10 Février 2010 à l'IMUS d'Annecy-le-Vieux.

Pharo est un langage de programmation orienté objet dérivé de Squeak. Plus d'informations sur Pharo.

Au programme, des présentations, des sprints, des ateliers.

Plus d'information sur le site officiel de la manifestation : http://pharoconf-annecy.seasidehosting.st/

Drupal permet à l'aide d'un extension de facilement créer une version mobile de son site.
Il suffit pour cela d'installer le module Mobile Tools qui se chargera de :

• Détecter si l'internaute utilise un smartphone
• Le rediriger vers la version mobile de votre site
• Gérer le domaine pour le site mobile (m.monsite.com ou monsite.mobi)
• utiliser un thème particulier pour le site mobile.

J'ai sur ce site utilisé une redirection automatique vers m.kgaut.net, et depuis cette url j'ai "demandé" à Drupal d'utiliser un thème particulier (un sous-thème plus précisement).

Vous pouvez aussi segmenter suivant le périphérique du de l'internaute (Android, blackberry, iphone ou windows mobile...)

Quelques liens pour aller plus loin:

• Make your site mobile with Mobile Tools
• Page du module Mobile Tools
• Comment créer un sous-thème avec Drupal