Drupal

Site mobile ou site responsive?

Actuellement la question qui revient souvent est doit-on faire un site mobile? Ou alors un site qui s'adapte au support sur lequel il est affiché (en utilisant par exemple le responsive design)

Les deux solutions ont leurs spécificités. Un site mobile sera plus pertinent dans le cas où l'ont offre une expérience ou un service sur mobile bien différent de celui qui est offert sur la version "normale" du site.

On peut citer par exemple le site d'un transporteur en commun, alors que le site normal affichera pleins d'informations rédactionnel, différents services... Le site mobile lui ce cloisonnera à fournir à l'utilisateur l'information dont il a besoin le plus rapidement possible et avec le moins de "fioritures".

 

Le site mobile de la sibra

Pour le cas d'un site plus redactionnel, tout le contenu, ou presque, est intéressant pour le mobinaute (qu'est-ce que je trouve ce terme con...) donc on ne va pas réduire l'offre de services entre la version normale et la version mobile.

Par contre on va tendre à améliorer l'expérience sur mobile. C'est à dire, pas d'images lourdes, pas trop d'animations, une interface alègée et simplifiée.

 

Un exemple de site "responsive"

C'est là que le responsive design prend tout son sens. Suivant la résolution d'écran de l'utilisateur, on utilisera une feuille de style x ou y par exemple. Vous pouvez essayer ici même, en réduisant la fenêtre de votre navigateur, vous devriez voir au fur et à mesure de légères adaptation : la taille de police qui diminue, les images qui feront au maximum la largeur de l'écran...

Les avantages de cette technique sont nombreux : un même site, un même contenu pour une multitude de support : tablettes, smartphones...

Quelques articles traitant du responsive design :

Et pour faire du responsive design avec Drupal, rien ne vaut le thème Omega, mais j'aurai l'occasion d'en reparler.

Mise à jour du site

Avec un peu de motivation et un bon weekend de travail, j'ai (enfin) effectué la migration du site depuis drupal 6 vers drupal 7, la dernière version du cms.

J'en ai profité pour revoir rapidement le thème, rester dans le sobre, mais le moderniser un peu et le rendre "responsive" (qu'il s'adapte au support sur lequel il est vu (mobile, tablette, pc...), pour cela j'ai utilisé le "base theme" Omega pour drupal.

Je vais maintenant essayer de poster plus fréquement ici.

 

Mes liens

Décembre 2010

Un petit site concept développé rapidement histoire de tester deux-trois trucs.

Mes liens ce veux un agrégateur des différents liens que je trouve intéressants sur le net est que je veux garder sous la main et éventuellement partager.

Ce n'est qu'une première version, ultra simple (et ultra moche) sur laquelle je développerai à l'occasion des nouvelles fonctionnalités, entre autres interfaces avec twitter, google reader...

C'était aussi un gros pretexte pour tester drupal 7!

CMS: 

Séminaire CMS open source à Lyon

Smile organise le jeudi 18 Novembre un séminaire gratuit sur les CMS Open Source, j'y serai!

Programme :

  • 9h - 10h : Comprendre les enjeux et principes fondamentaux de la gestion de contenu open source.
  • 10h - 11h30 : Connaître et comparer les meilleures solutions open source : eZ Publish, Typo3, Drupal, Jahia, Liferay, Infoglue…
  • 11h30 - 12h : Poser toutes vos questions à nos experts.

Description issue du site Smile :

De plus en plus de sociétés choisissent un logiciel de gestion de contenu open source comme socle de leur stratégie web, internet ou intranet. Ce choix n'est pas seulement économique : ces produits se distinguent par leur fiabilité et ont été adoptés par une très large communauté d'utilisateurs.

Smile a déployé une variété de solutions de gestion de contenus open source pour les Laboratoires Boiron, le Conseil Général du Rhône, l’Institut Laue Langevin, l’INRIA, l’EM Lyon, Canson… et bien d'autres clients, de toutes tailles et tous secteurs d'activité.

Grâce à ce séminaire, vous découvrirez les plus grandes solutions open source à travers les retours d'expérience de nos experts et vous trouverez des réponses précises à vos questions.

Pour les inscriptions c'est ici!


Livre : Concevoir et déployer ses sites web avec Drupal

Juste un petit mot pour vous dire que la seconde édition du meilleur livre francophone que j'ai pu lire en Français est sorti:

Couverture du livre

Ecrit par Yoran Brault aux éditions Eyrolles (référence dans l'informatique).

Au sommaire:

  • Comprenez l'architecture de Drupal et réfléchissez... à quoi faire et ne pas faire avec un CMS aussi puissant
  • Configurez votre environnement de développement sous Mac OS, Linux et Windows
  • Administrez Drupal et ses modules, architecturez vos pages et proposez plusieurs langues
  • Gérez vos utilisateurs, les rôles des contributeurs et flux de publication en toute sécurité (OpenID...)
  • Enrichissez vos contenus grâce aux éditeurs visuels : articles, commentaires, images, discussions, FAQ, formulaires et champs, fils RSS, filtres et formats...
  • Modifiez l'apparence avec les thèmes et personnalisez les modèles
  • Optimisez la charge d'administration par l'automatisation des tâches récurrentes
  • Créez votre propre module et évitez les écueils de la mise en production
  • Évaluez les améliorations de Drupal 7

Acheter le livre "Concevoir et déployer ses sites web avec Drupal" sur Amazon.fr

Créer son site smartphone avec Drupal

 

Mobile Tools pour créer une version smartphone de son site

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:

 

Créer un template spécial pour un type de contenu dans Drupal

Drupal permet de créer des types de contenus particuliers (voir par là pour plus d'infos), mais il permet aussi de leurs associer des templates spéciaux.

Pour cela il suffit de créer dans le dossier de votre thème un fichier avec le nom suivant:

node-[node-type].tpl.php (en replacant [node-type] par le nom machine de votre type de contenu, par exemple:

node-realisation.tpl.php

Ci-dessus, c'est pour la version 6 de Drupal. Pour la version 7 il faut doubler le tiret :

node--[node-type].tpl.php

Ensuite le préprocesseur de drupal ira chercher automatiquement le bon fichier de template pour afficher la page.

Pages

S'abonner à RSS - Drupal