Fork me on GitHub




« 1 (2) 3 4 »


Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 3503
Sans donner le détail avec grande précision, sauf pour ton fichier qui teste le type de media qui lit le site, tu peux donner les grands axes de ta démarche.

Par quoi il faut commencer,
comment y arriver,
ce qui peut être délicat et qui demande un gros travail,
le choix que tu as fait sur ce que tu voulais retenir pour un affichage sobre, et pour quelles raisons...

voila voila

Posté le : 04/04/2013 14:35

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
il y a aussi quelques hacks de modules au passage

Posté le : 04/04/2013 16:11
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
La première chose à faire et de commencer par choisir un template responsive peut importe le cms t'en qu'il et gratuit et de l'adapter a xoops déjà le plus gros du travaille et fait.

Ensuite il faut adapter tous les templates des modules que vous utilisé afin de les rendres plus fluide et moins complexe sur mobile.

Une fois que cela effet c'est a dire au bout de quelque semaine si on n'y connais pas grand chose en html et css et qu'il faut chercher dans tous les template on utilise la surcharge des templates dans votre thème responsive :)

une fois que cela et fait on ajoute tous ce qu'il faut comme ajout de la webapp sur l’écran du mobile

le screenmedia si cela vous dit ect...

Une fois que cela et fait on ajoute la fonction qui vas bien pour dire que si on et sur mobile sa serra tel thème aussi non on utilise l'autre thème.

voila un début rapide de comment faire son thème xoops compatible tous mobiles.

quand j'aurai le temps je vous ferai un petit zip de mon thème mobile avec une petit explication

pour le bout de code afin que votre théme mobile soit detecter quand on et sur mobile le voici:

Dans header.php a la racine de votre site juste au dessus de:
include_once $GLOBALS['xoops']->path('class/xoopsblock.php');


on ajoute ceci :
// debut detection mobile
include(XOOPS_ROOT_PATH.'/class/Mobile_Detect.php');
$detect = new Mobile_Detect();

if (
$detect->isMobile()) {
    
$si_mobile true;
} else {
   
$si_mobile false;
}
    
// fin detection mobile


ensuite juste au dessus de :

if ($xoopsConfig['theme_set'] != 'default' && file_exists(XOOPS_THEME_PATH '/' $xoopsConfig['theme_set'] . '/theme.php')) {
    require_once 
$GLOBALS['xoops']->path('include/xoops13_header.php');


on ajoute ceci :

if ($si_mobile) {
  
$xoopsConfig['theme_set'] = 'mobile';
}


en sachant que mobile et le nom de mon theme mobile donc si votre theme ce nomme smartphone vous remplacer mobile par smartphone.

ensuite vous enregistrer les modification

et mettre ce fichier dans le dossier class a la racine de votre site
Mobile_Detect.php


Posté le : 04/04/2013 20:38
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
Citation :

une fois que cela et fait on ajoute tous ce qu'il faut comme ajout de la webapp sur l’écran du mobile

le screenmedia si cela vous dit ect...

Une fois que cela et fait on ajoute la fonction qui vas bien pour dire que si on et sur mobile sa serra tel thème aussi non on utilise l'autre thème.


Pour ma part, j'ai une autre approche, plus complexe mais qui fonctionne quelque soit l'appareil.

Donc pas besoin de fonction qui détecte l'appareil mobile, vu qu'il est facile de le contourner.

Pas besoin de screenmedia (vu qu'il va modifier le contenu via JS, commençons donc simple)

La classe en responsive est un seul et unique thème, là on utilise la puissance de HTML5 et CSS3 (pseudo-class, les comptage d'éléments comme counter-reset,counter-increment et content, etc...)

Et arrêter de penser mobile, tablette ou PC, nous venons de changer d'ère (et oui, sa va très vite), et oui maintenant les PC sont tactiles, donc soit orientation 100% tactiles avec un thème "responsive" ou alors deux thèmes, un "tactile" et un "classique"

Posté le : 04/04/2013 20:51
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Semi pro
Inscrit: 01/08/2005 19:06
Messages: 1851
@Montuy alain nous demande une approche de comment nous avons fait je lui explique sans trop rentré dans les detailles comme il le demande.

Maintenant c'est sur nous rentrons dans l'air du tactil bien sur mais les téléphone son tactile ^^

bien sur il y a toujours d'autre facon de faire du detect mobile mais voila pour ma part c'est la seule que j'ai trouver vue que je ne suis pas un AS en php ect.. je ne code pas et donc ne peut pas faire mieux que cela.

Mais je t'en pris si tu a d'autre solution propose les nous :) je suis toujours prenneur


Posté le : 05/04/2013 06:25
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 16/05/2003 18:10
De Rhone-Alpes
Messages: 3503
Oui, Merci grosdunord,
je ne pensais pas que c'était un tel boulot !

Et puis, Cédric, arrête de m'embrouiller, je n'y comprends plus rien !!!

Il est vrai que tu avais abordé le sujet lors de mon post sur le html5, et tu nous avais un peu mis l'eau à la bouche, mais j'avoue, je ne comprends que les notions, ça ne va pas plus loin pour l'instant.

C'est l'occasion, Cédric, de nous rédigier également un article sur les "nouvelles façons de développer" pour le HTML5 - pour les nuls...

Posté le : 05/04/2013 09:03

Open in new window
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
Citation :

bien sur il y a toujours d'autre facon de faire du detect mobile mais voila pour ma part c'est la seule que j'ai trouver vue que je ne suis pas un AS en php ect.. je ne code pas et donc ne peut pas faire mieux que cela.


je ne te parle pas de coder en PHP, juste en HTML5 et CSS3.

Pour la détection de la largeur d'écran, ce sont les mediaquery, puis les quelques propriétés cités ci-dessus.

Le plus gros travail est de refaire tous les templates pour transformer les liens textes en bouton (c'est ce que j'ai demandé a Tatane de faire sur le thème mobile de frxoops), même sur un téléphone non tactile (ils sont rares si j'en crois mes statistiques de visites), où les liens sont automatiquement numérotés, il n'y a qu'à appuyé sur le chiffre correspondant. Là à la rigueur créer un second thème en WHTML (vu qu'ils ne sont pas compatibles HTML5).

Posté le : 05/04/2013 09:22
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
Citation :

Et puis, Cédric, arrête de m'embrouiller, je n'y comprends plus rien !!!


La technologie va de plus en plus vite, il faut être aux abois des nouvelles tendances qui, maintenant, dure a peine 1 an.

Citation :

Il est vrai que tu avais abordé le sujet lors de mon post sur le html5, et tu nous avais un peu mis l'eau à la bouche, mais j'avoue, je ne comprends que les notions, ça ne va pas plus loin pour l'instant.

C'est l'occasion, Cédric, de nous rédigier également un article sur les "nouvelles façons de développer" pour le HTML5 - pour les nuls...


Un article sur le HTML5 et le CSS3, tu est bien optimiste même pour les "nuls", il y a tellement d'aspect qu'on pourrai faire un site sur le sujet.
PS : je délivre quelques astuces sur un de mes vieux sites (le thème n'a que deux ans et demi et il est maintenant ringard, faudrait un de ces jours que je refasse un thème plus moderne, c'est connu, ce sont toujours les cordonniers les plus mal chausssés ).
Pour l'instant la section est presque vide, mais d'ici peu, je prendrai le temps de mettre mes articles en ligne.

Posté le : 05/04/2013 09:48
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Semi pro
Inscrit: 25/08/2005 22:51
De Aix les bains
Messages: 1270
Citation :
montuy337513 a écrit :
Et arrêter de penser mobile, tablette ou PC, nous venons de changer d'ère (et oui, sa va très vite), et oui maintenant les PC sont tactiles, donc soit orientation 100% tactiles avec un thème "responsive" ou alors deux thèmes, un "tactile" et un "classique"

Perso je ne suis pas d'accord, pour moi ce n'est pas un changement d'ère c'est une mode. tous ces trucs tactile font joli mais sont fondamentalement anti ergonomique. Le meilleur exemple étant la tablette ; avant on avait que 2 mains pour faire les choses, avec les tablettes on en a plus qu'une !
quand vous faites du code, html, php ou autre, vous utilisez du tactile ?
Perso je fais de la CAO électronique, de la mécanique en 3D et des rapports un peu compliqués quotidiennement... ben ce n'est pas prêt de se faire avec du tactile, c'est déjà bien assez difficile d'avoir une précision suffisante avec une bonne souris ou des trackball complétés par des raccourcis claviers.
Quand on raisonne TMS (troubles musculo squelettiques), que l'on regarde quelqu'un sur une tablette et qu'on l'imagine 10 heures dessus on n'a plus le moindre doute sur le fait que ce n'est pas un progrès, juste un nouvel outil.

Toutes ces technos tactiles sont faites pour vendre du matos, pas pour faire quoi que ce soit avec à mes yeux.
Malheureusement elles vont se développer, mais les solutions ergonomiques, spécialisées pour une vraie interface homme machine ne peuvent pas disparaitre.
C'est pour cela que à mon avis il est très bon de penser d'une part utilisation "normale", ergonomique et donc utile, et d'autre part l'utilisation mobilité (une autre forme d'ergonomie nécessaire) et/ou gadget. Faire comme Windows 8 (tout le monde à la sauce tactile), c'est s'obliger à tout faire mal (j'entends avec une ergonomie dégradée).




Posté le : 10/04/2013 10:52

Mieux vaut marcher dans la bonne direction que courir dans la mauvaise.
----------------------------------------
www.68hc08.net la communauté francophone.
www.avironroannelecoteau.net (créé mais plus exploité)
Partager Twitter Partagez cette article sur GG+
Re: Xoops france : Version mobile
Admin Frxoops
Inscrit: 04/03/2011 09:10
De Lot
Messages: 2610
oui, pour nous en tant que professionnel, c'est clair que le tactile n'est pas pratique et rien de tel qu'un clavier pour coder.
Il existe deux mondes, l'utilisateur lambda qui correspond à 90% des visiteurs d'un site (parlons d'un site de cuisine pas d'un site sur la programmation) et le professionnel.
Le surf avec une tablette n'est pas pratique sur un site qui n'est pas conçu pour, bien sûr tout dépend de la cible 'visiteur', (sur un site pour iPhone, la majorité des visiteurs viendront avec leur Iphone).
Le tactile va s'intégrer partout (même si la tablette n'est par ergonomique), il y a des tas de supports tactiles, PC, PCTV, TV, frigo, table, mur, ....) par exemple, ma tablette je m'en sert pour regarder une recette de cuisine (là pas de soucis de mettre de la farine dans le clavier).

Le dernier mot va aux visiteurs (pas aux développeurs ni aux professionnels sauf si le site s'adresse a eux), a l'heure actuelle, j'ai 40 % de visiteurs sur tactile en moyenne et je constate que sur les sites passés en ergonomie 'tactile', le taux de 'returning visitor' est plus élevé. Un site avec un taux de visite qui diminue est un site voué a disparaître.

Mais avant de vous lancer dans un thème pour tactile, réfléchissez avant si c'est utile, apprenez a connaître les habitudes de vos visiteurs et surtout surveillez tout changement dans leurs habitudes.
Pour ma part je réserve plus facilement un séjour en gite installé confortablement dans mon canapé a coté de ma femme (donc utilisation de la tablette) qu'assis devant mon bureau.

Posté le : 10/04/2013 11:35
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant
« 1 (2) 3 4 »




Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

19 Personne(s) en ligne (16 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 19 | Plus ...