search rechercher
Forum > Le site > Version mobile du site
Version mobile du site
Avatar de Jesus Forain
administrateur
Messages: 1014
Inscrit depuis le:
mardi 24 novembre 2009
Utilisateur N°1
[CITER]

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!

 

 

Avatar de Jesus Forain
administrateur
Messages: 1014
Inscrit depuis le:
mardi 24 novembre 2009
Utilisateur N°1
[CITER]

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.

 

Avatar de fandemanèges
reporter
Messages: 1522
Inscrit depuis le:
jeudi 13 octobre 2011
Utilisateur N°18
[CITER]

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

Merci Ă  toi.

Funfair 2017 : Chauny, Bordeaux, Commercy, Paray-Vieille-Poste, Nancy, Reims (Pâques), Grenoble, Bayonne, Pau, Paris (Trône), Caen, Metz, Vitry-le-François, Chilly-Mazarin, Massy, Brive-la-Gaillarde, Paris (Tuileries), Saint-Germain-en-Laye (Loges), Laon, Lille, Corbeil-Essonnes, Nantes, Epernay, Charleville-Mézières, Bordeaux (octobre), Agen, Saint-Brieuc, Reims (Noël)

Avatar de Jesus Forain
administrateur
Messages: 1014
Inscrit depuis le:
mardi 24 novembre 2009
Utilisateur N°1
[CITER]

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

RĂ©pondre dans ce sujet


Envoi d'images
DĂ©posez les images ici ou utilisez le formulaire.

Envoi de fichiers
DĂ©posez les fichiers ici ou utilisez le formulaire. 128 Mo max par fichier.
Attention! vous n'êtes pas connecté, vous postez en mode invité.