Version mobile du site

Je suis en train de travailler sur une version mobile du site. Aujourd'hui, c'est terminé l'époque où l'on allait sur le web uniquement avec son PC, les tablettes et smartphones sont de plus en plus utilisés, surtout par les forains qui pour la plupart ne préfèrent pas s'encombrer d'un ordinateur et utilisent leur téléphone pour surfer sur le web. En plus, Turbo Kermis, c'est un site qu'on est susceptible de consulter en déplacement sur le champ de foire depuis son smartphone.

Bien sur, on y accède depuis son smartphone ou tablette mais c'est l'affichage qu'on retrouve sur un ordinateur, pas très pratique puisqu'il faut sans arrêt faire des zooms et déplacements pour consulter le site. Le pire étant la galerie photo, le diaporama est inutilisable sur smartphone. L'autre problème, c'est d'avoir une interface adaptée au tactile, pas avoir des boutons trop petits par exemple.

Pour rendre le site mobile, c'est à dire avoir une interface adaptée au petits écrans (par rapport aux écrans d'ordinateur) des tablettes et smartphones, il existe 2 possibilités. Ceci concerne uniquement le rendu des pages pour l'affichage, le code permettant le traitement des données ne bouge pas.

- Créer une autre version du site.

Cela implique d'avoir 2 versions du site, une pour les ordinateurs et une pour les smartphones. Donc, quand on modifie le libellé d'un bouton par exemple, il faut le faire sur les 2 versions. Du point de vue maintenance, c'est lourd puisque ça reviens à gérer 2 sites en même temps.

L'avantage, c'est qu'on peut optimiser à fond le site pour l'affichage mobile.

- Responsive design

Qu'on soit sur ordinateur ou smartphone, on reçoit la même chose. La différence se fait au niveau de la présentation (feuilles de style CSS). On crée une présentation pour les ordinateurs et une autre pour les smartphones, selon la taille de l'écran, on applique l'une ou l'autre présentation.

L'avantage, c'est qu'on a qu'un site à gérer.

L'inconvénient, c'est qu'on reçoit du contenu dédié aux ordinateurs et inutile sur smartphone mais avec l'augmentation des débits des réseaux mobiles dans le futur, ça ne devrait plus être un problème. Il faut aussi réorganiser le contenu du site existant pour l'adapter aux 2 affichages.

La solution que j'ai retenue, c'est le responsive design. Pour la version ordinateur, le seul changement sera la barre de menu avec les boutons accueil, photos, forum qui sera comme sur mon blog (jesus-forain.fr).

Comme d'habitude, pas de date prévue, ça sera mis en place une fois prêt. Et c'est galère à faire!

J'ai mis en place la version mobile du site. C'est pas encore parfait, j'ai toujours du mal à faire une bonne interfaces, mais c'est plus facile à utiliser avec un smartphone ou autre appareil avec un petit écran.

Dans la galerie photo, on peut maintenant voir les photos en diaporama comme sur PC.

J’essayerais d'améliorer ça au fur et à mesure. J'ai utilisé un téléphone Android avec le navigateur intégré pour développer la version mobile, je sais pas ce que ça donne sur un Iphone.

Pourrais tu mettre l'onglet "Photos" dans une couleur différente comme c'était avant ?

Merci à toi.

Je préfère laisser comma-ça, je trouve que ça fait mieux.