La Fibre
Fonctionnement du forum => A lire avant de commencer... => 
Évolution de LaFibre.info, bugs et critiques => Discussion démarrée par: louis54000 le 15 juillet 2014 à 16:13:13
-
Bonjour,
J'utilise souvent lafibre.info sur iPhone. Pour lire les messages ça va, mais pour écrire c'est autre chose. Je vois plusieurs solutions :
- La version de base en ajoutant ?wap2 ou ?wap est pas très belle, mais fonctionnelle... mais franchement moche... d'ailleurs j'imagine que c'est pour ça que la redirection est pas automatique!
- Curve mobile est gratuit http://www.simplemachines.org/community/index.php?topic=353724.0 (http://www.simplemachines.org/community/index.php?topic=353724.0) et bien dans le thème sur site pc
- SMF4MOBILE par le créateur de Curve à l'air franchement pas mal, mais coute $20 http://smf-media.com/index.php/detailed-overview (http://smf-media.com/index.php/detailed-overview)
Je pense que beaucoup d'entre nous utilisent le forum sur mobile, alors un site mobile serait vraiment sympa!
Ensuite, petite touche sympa, le plugin Tapatalk : https://tapatalk.com/activate_tapatalk.php?plugin=smf (https://tapatalk.com/activate_tapatalk.php?plugin=smf) excellente app pour les forums sur mobile !
Voilà. Merci aux devs si vous mettez ça en place !
-
Oui moi-même par exemple qui m'en sers assez souvent sur mobile, je suis contraint de passer sur ordinateur au bout d'une heure car le site est vraiment pour PC à la base et le confort de navigation sur mobile s'en ressent.
-
Merci pour les 3 possibilités.
Je vais les tester et en mettre une en place.
-
Merci pour les 3 possibilités.
Je vais les tester et en mettre une en place.
Génial !
-
Des news ? :)
-
J'ai fais passer mon site sur lequel je vais faire les tests en https car il s’avère que cela pourrait engendrer des incompressibilité.
Il faut donc que je teste avec du https.
J'ai bien ça dans les actions prioritaires pour le site de même que trouver un meilleure méthode pour les vidéos intégrées (dailymotion / youtube). J'utilise aujourd’hui Aeva ~ Auto-Embed Video & Audio qui n'est plus maintenu et qui pose de problèmes en https.
-
all right merci
-
J'ai profité de la fin de la nuit pour faire une modifications préalable avant de mettre le site mobile : mise à jour du mécanisme qui crée des url plus lisible avec le titre des posts (Pretty URLs).
Si vous avez le moindre bug, n'hésitez pas à le remonter.
-
Un bug récurrent à signaler, le texte des messages contenant peu de texte es petit et oblige à zoomer, sur le site fixe vu sur mobile.
-
Tiens, le site mobile vient de s'afficher sur ma tablette
-
Pareil et j'ai paumé le post que j'étais en train d'écrire. ;D
-
Rah c'est quand même beaucoup mieux le site classique sur tablette.
En plus les caractères apparaissent en plus petit.
-
Vous êtes tant que ça a utiliser lafibre depuis une tablette ?
Je viens effectivement de l'installer et il s'active automatiquement.
Il y a un peu texte en Anglais, je vais le traduire et je regarde ce qu'il est possible de customiser.
-
Quasi exclusivement sur tablette. Mais ce n'est pas grave Julien, il suffit d'appuyer sur un bouton pour rebasculer sur le mode habituel.
-
Et il conserve son choix, donc aucun souci ^^
-
Je viens effectivement de l'installer et il s'active automatiquement.
Salut Vivien,
Est-ce qu'il y a une url particulière pour accéder au site "mobile" que tu viens d'installer, stp?
Leon.
-
Merci Vivien ! C'est mieux quand même ;)
-
Aucune url, il se base sur la reconnaissance du navigateur, contrairement a la version WAP du forum (https://lafibre.info/index.php?wap2) ou i-mode (https://lafibre.info/index.php?imode)
Il est toutefois possible de basculer sur le mode classique (bouton tout en bas de la page du thème mobile)
-
Voile les user agent qui basculent sur le site mobile :
$user_agents = array(
array('iPhone', 'iphone'),
array('iPod', 'ipod'),
array('iPad', 'ipad'),
array('PocketIE', 'iemobile'),
array('Opera Mini', isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])),
array('Opera Mobile', 'Opera Mobi'),
array('Android', 'android'),
array('Symbian', 'symbian'),
array('BlackBerry', 'blackberry'),
array('BlackBerry Storm', 'blackberry05'),
array('Palm', 'palm'),
array('Web OS', 'webos'),
Vous souhaitez que je retire l'iPad ?
-
Je vote pour que l'iPad beneficie de la version "complete"
-
C'est dommage de généraliser tous les "android" a un mobile...surtout avec l'arrivée prochaine des Android TV .
Idéalement il faudrait utiliser un css media query et autres viewport (http://www.html5rocks.com/en/mobile/mobifying/) mais c'est pas forcement simple à faire si le code existant ne se base que sur l'user-agent (ce qui est le cas on dirait).
Avec Android c'est plus simple, c'est dans l'user-agent, si y'a pas le mot 'mobile' c'est une tablette ou plus grand (https://googlewebmastercentral.blogspot.fr/2011/03/mo-better-to-also-detect-mobile-user.html) :
(http://4.bp.blogspot.com/-Kx8-dv7Mgkg/TZOgU_2jjoI/AAAAAAAAEv8/GoirjD9uCmg/s1600/android-user-agent.jpeg)
Ensuite, pour tester, dans Chrome Desktop, il y a un outil pour émuler différents appareils (tablettes/smartphones): F12 puis clicker sur la petite icone en forme de tel portable. Apres on peut choisir parmis une liste appareils ou entrer ses propres valeurs. faire F5 pour recharger la page sinon le site distant ne voit pas le changement.
http://www.whatsmyuseragent.com/ (http://www.whatsmyuseragent.com/) pour voir l'user-agent.
-
Aucune url, il se base sur la reconnaissance du navigateur, contrairement a la version WAP du forum (https://lafibre.info/index.php?wap2) ou i-mode (https://lafibre.info/index.php?imode)
Il est toutefois possible de basculer sur le mode classique (bouton tout en bas de la page du thème mobile)
Vivien,
j'ai testé plusieurs fois sur mon smartphone Nokia Asha (smartphone bas de gamme), la bascule vers le site mobile ne s'effectue pas, je reste sur le site web classique.
Mon user agent : Mozilla/5.0 (Series40:Nokia302/14.26 etc...
Si tu n'arrives pas à bidouiller pour basculer automatiquement tous les types de portables/smartphones (c'est quand même difficile à faire), n'est-il pas possible d'avoir un moyen (URL) de forcer la navigation sur le site mobile?
Il y a pas mal d'années, j'avais développé des sites web/wap avec bascule automatique. La bascule par "user agent" était compliquée, et il fallait régulièrement que je mette à jour les règles des "user agent" pour m'adapter aux derniers modèles de smartphones, voire aux proxy des opérateurs. Mais il était vraiment difficile de faire fonctionner ça dans toutes les configuration. Donc je laissais systématiquement la possibilité pour un utilisateur de "forcer" la navigation sur le site wap ou web.
Vu les différentes demandes que tu vas avoir les prochains jours (les tablettes android, les smatphones écrans géants, les smartphones inconnus), il serait préférable de laisser à l'utilisateur la possibilité de forcer la navigation sur le site mobile/normal si la configuration proposée par défaut ne lui plait pas. Et une URL dédiée à mettre en favoris est une bonne solution à mon avis.
Leon.
-
J'ai supprimé l'iPad de la liste des user agent à mettre par défaut en mode mobile et j'ai rajouté tous les user agent avec 'Nokia' ou 'nokia' :
$user_agents = array(
array('iPhone', 'iphone'),
array('iPod', 'ipod'),
//array('iPad', 'ipad'),
array('Nokia', 'nokia'),
array('PocketIE', 'iemobile'),
array('Opera Mini', isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])),
array('Opera Mobile', 'Opera Mobi'),
array('Android', 'android'),
array('Symbian', 'symbian'),
array('BlackBerry', 'blackberry'),
array('BlackBerry Storm', 'blackberry05'),
array('Palm', 'palm'),
array('Web OS', 'webos'),
);
Cela fonctionne Léon ?
Il y a d'autres user-agent a rajouter ?
une URL dédiée à mettre en favoris est une bonne solution à mon avis.
C'est un thème : il n'y a pas d'url spécifiques, les url restent les mêmes et c'est bien mieux pour l’indexion Google.
Par contre il mémorise siu le client souhaite la version mobile ou la version complète : Aujourd'hui il y a un bouton sur la version mobile pour avoir la version complète et il faut que je mette rapidement un bouton sur la version complète pour forcer le mode mobile.
Ensuite, SMF se souviens du choix.
De mon coté, je n'ai plus d’accès à la version mobile car sur mon téléphone, j'ai cliqué pour avoir la version complète et il n'y a pas le bouton le retour en version mobile.
Bref, mon objectif de ce soir, c'est le bouton pour forcer la version mobile qui sera en bas de chaque page.
-
Super, ça fonctionne!
Merci Viven pour tout ce que tu fais pour nous!
Leon.
-
pas mal tout ça!
à voir après à l'utilisation ;)
-
Très pratique sur mobiles, ca charge plus vite.
Merci.
-
Après 2 jours d'utilisation, je trouve en effet la version mobile plus appropriée, mais les pages mettent un certain temps à charger. C'est parfois assez long...
Mais niveau agencement c'est très bien conçu.
-
J'ai terminé la traduction en Français.
N'hésitez pas a me signaler des erreurs.
La version mobile est activée par défaut sur la majorité des téléphones. Si vous êtes en version classique et que vous souhaitez passer en version mobile, il y a un lien en bas de chaque page :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_19.png)
Inversement, un lien en bas de chaque page mobile permet de passer sur le site classique.
A gauche le site en version classique sur un téléphone, à droite la version mobile :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_01.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_02.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_03.png)
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_04.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_05.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_06.png)
-
L'écriture d'une réponse ou d'un nouveau post (héberger une pièce jointe est aussi possible en version mobile) :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_07.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_08.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_09.png)
Le menu de navigation et la création d'un sondage :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_10.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_11.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_12.png)
-
Les messages privés :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_13.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_14.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_15.png)
Les messages non lus, les messages récents et la recherche :
(https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_16.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_17.png) (https://lafibre.info/images/logo/201409_lafibreinfo_site_mobile_18.png)
-
excellent, je teste cela des que possible
-
bizarrement le site mobile gere mieux les images que le site normal: elle sont adaptées a la largeur de l'écran.
Le site normal affiche les grandes images en taille d'origine au lieu de les adapter a la largeur du navigateur:
(http://www.rarst.net/images/android-tablet-wallpaper-size/android_wallpaper_template_1920x1408.png)
-
La façon de gérer les images sur le thème fixe ou mobile n'est pas personnalisable, donc cela va rester tel que.
En même temps, une image redimensionnée, c'est bien moins net, notamment pour des schémas ou du texte (le pire, ce sont les tableaux avec des lignes de 1 pixel qui sont redimensionnés).
Il y a deux types d'images :
- Les images hébergées sur le forum (cliquer sur Fichiers joints et autres options… en rédigeant le post) sont redimensionné à 900 pixels de large, si elles dépassent 900 pixel de large.
- Les images externe ne sont pas redimensionnées. Je conseille d'utiliser une taille maximum de 900 pixels de large. (au-dessus j'ai mis 3 copie d'écran de smartphone, chacune de 300 pixels de large pour faire un total de 900 pixels). Cela permet une image entière sur les écrans 1280x1024 ou plus grand. Presque tous les PC ont au moins cette résolution. Pour ceux qui sont avec un écran plus petit (1024x768), l'image n'est pas visible en entier et un ascenseur horizontal permet de voir la droite de l'image)
-
Oui c'est une question de habitude, certains préfèrent l'image en résolution d'origine quitte a devoir 'scroller' latéralement, d'autres préfèrent voir l'image ajustée a la largeur et bouton-droit 'ouvrir l'image' au besoin si on ne voit pas certains détails (c'est rare quand même).
Si tu veux que les images s'auto-ajustent, il suffit de rajouter ça tout a la fin du fichier index.css du thème normal:
.inner>img, .inner>blockquote>img,
.inner>.bbc_link>img, .inner>blockquote>.bbc_link>img
{
height: auto;
width: auto;
max-width: 95%;
}
Personnellement, j'utilise Chrome et l'extension StyleBot (https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha)qui modifie le style a la volée en fonction de l'url :
(http://i.imgur.com/60xI5U4.png)
-
Je viens de rajouter les lignes suggérées a la fin de l'index.css
Cela ne fonctionne pas systématiquement par exemple, pas de redimensionnement sur ce post https://lafibre.info/reseau-orange/reseau-orange/
-
Effectivement elles sont a l’intérieur d'un bloc de taille de police (bbc_size). il faut rajouter le cas dans le style (.inner>.bbc_size>img) donc en tout:
.inner>img, .inner>blockquote>img, .inner>.bbc_link>img, .inner>blockquote>.bbc_link>img, .inner>.bbc_size>img {
height: auto;
max-width: 95%;
width: auto;
}
ca a du arriver en selectionnant toute la page en cours d'édition (ou une partie) et changeant la taille du texte a 10. Les images se sont retrouvées dans le bloc de taille.
-
il faut rajouter le cas dans le style (.inner>.bbc_size>img) donc en tout:
Pourquoi s'embêter à ajouter tous ces sélecteurs plutôt que de mettre simplement « .inner img » ?
-
C'est fait et cela fonctionne.
Merci !
-
Pourquoi s'embêter à ajouter tous ces sélecteurs plutôt que de mettre simplement « .inner img » ?
j'avais trouvé ca a l'époque dans les forums de SMF . Je ne sais plus trop la raison. Peut-être certaines images dans un inner ne doivent pas être ajustées suivant certains themes?
Effectivement peut-être qu'un simple .inner img suffit dans le cas du theme de lafibre.info. A tester.
-
Oui beaucoup mieux ce site mobile .
-
Bonjour,
j'utilise tous les jours la version mobile du site et je passe par la page "Messages non lus depuis votre dernière visite".
Serait-il possible que la flèche à droite renvoie vers le dernier message non lu au lieu d'aller vers le dernier message du topic? A la manière du lien "Nouveau" en version desktop.
-
Je regarde ce qu'il est possible de faire.
-
J'ai mis à jour le site mobile en version 1.2.
C'est toujours le dernier message qui est affiché en version mobile.
-
J'ai mis à jour le site mobile en version 1.2.
C'est toujours le dernier message qui est affiché en version mobile.
J'ai remarqué cela il y'a une heure. Merci!
-
Le site version complète a été modifié pour mieux s'adapteur aux mobiles :
Cette modification a été fait suite aux mails envoyés par Google pour prévenir les propriétaire de forme SMF que leur site n'était pas adaptés pour les mobiles : http://www.simplemachines.org/community/index.php?topic=535720.0
Avant la mise en place d'un thème Responsive : (il faut faire défiler un assesseur horizontal et vertical pour tout voir)
(https://lafibre.info/images/logo/201504_lafibre_copie_ecran_sans_responsive_curve.png)
Après la mise en place d'un thème Responsive : (plus d’ascenseur horizontal et des informations non primordiales ne sont plus affichées pour gagner de la place)
(https://lafibre.info/images/logo/201504_lafibre_copie_ecran_avec_responsive_curve.png)
-
Joli :)
-
Les bots 'mobiles' de Google voit lafibre en version mobile de toute façon donc l'analyse pour le 'SOE mobile', la lafibre.info était déja ok:
voir https://www.google.com/webmasters/tools/mobile-friendly/
C'est plus crucial pour les sites qui n'ont pas la version mobile de SMF.
-
Ah merde .. Ca rend dégueulasse chez moi du coup (iPhone 5S)
C'était pas adapté pour les terminaux mobiles de merde oui ! :(
-
Sans dec, ça n'améliore que la page d'accueil ..
Impossible de dezoomer désormais :-|
Vla la régression
-
Effectivement, tout n'est pas parfait.
J'ai désinstallé le mod qui est pour l'instant en version Beta 3.
Je pense le remettre plus tard, quand il aura évolué.
-
Bravo pour le nouveau thème du site mobile, il est très bien choisi :)
-
Oui je confirme que le nouveau thème pour mobile est plus agréable.
-
+1 pour la partie mobile
-
J'ai trouvée une correction à faire. Sur le site mobile il y a une faute de frappe dans le message indiquant qu'on a un message privé
-
Corrigé.
C'est moi qui ai fait la traduction, il n'existe pas en Français.
N'hésitez pas à me faire des propositions de modification, ça c'est simple à faire.
-
À part ça tout a bien été traduit, je pensais que c'était en français d'origine.
-
Genial le nouveau thème je suis d'accord ! En plus ça va parfaitement avec le design iOS 8 :)
-
Ah et Vivien tu pourrais mettre la balise pour qu'il passe en web app sur iOS ? Et aussi l'icône lafibre.info comme ca quand on le met sur le home screen c'est s'ouvre comme une app normale pour ceux qui veulent ! L'icône il suffit de la faire en plusieurs tailles prédéfinies et c'est un <link>. Pourquoi pas meme un écran de chargement mais il faut faire toutes les tailles.
Au moins la web app et l'icône serait sympa !
-
Salut,
Est ce qu'il serait possible de supprimer sur la version mobile le texte entre parenthèses sur la ligne ville soit:
(Suivie du numéro du departement entre parantheses) car ça prend toute la place... et l'on ne voit plus l'information. Surtout que l'on s'en doute que c'est le numéro du département ;)
(https://lafibre.info/testdebit/android/201508_profil_buggy_1.png)
-
Il y a des modifs en ce moment ?
-
Non, aucunes modifications.
Je viens à l'instant de faire la modification proposée par buddy : c'est "Ville + n° du département" qui est bien plus court que l'ancienne formulation "Ville (suivie du numéro de département entre parenthèses)"
Copie d'écran avant / après :
(https://lafibre.info/testdebit/android/201508_profil_buggy_1.png) (https://lafibre.info/testdebit/android/201508_profil_buggy_2.png)
-
Truc Etrange...
Sur iPad si je clique sur "message non lus depuis Derniere visite" ou "réponses non lues à vos messages"
Je me retrouve systematiquement avec la version mobile. :-\
-
Ce matin le site ou Safari me donne un rendu étrange
-
Merci vivien pour le site mobile :D
Personellement chez moi il marche très bien ;)
Par contre pourrais tu faire en sorte que les tablettes de plus de 7 pouces auront par defaut le site version classique?
Autant je trouve que sur les devices de 7 pouces ou moins le site mobile est très bien adapté, autant sur les devices au dessus de 7 pouces je trouve que le site Classique serait mieux... je trouve ;)
Après c'est histoire de gouts
mais si tu pourrais faire ca ce serait super merci :)
-
Normalement pour les iPad, il va sur le site classique (il y a un user agent, c'est facile)
Pour les autres, il y a normalement la possibilité, en bas d'écran, de repasser sur le site classique et cette préférence est normalement conservée. Ce n'est pas le cas ?
-
Normalement pour les iPad, il va sur le site classique (il y a un user agent, c'est facile)
Pour les autres, il y a normalement la possibilité, en bas d'écran, de repasser sur le site classique et cette préférence est normalement conservée. Ce n'est pas le cas ?
Si heureusement, de temps en temps il doit perdre le cookie car l'affichage mobile revient :-)
-
Rien ne se passe si je clique sur allez sur le site classique.
Pas sur que j'ai bien expliqué mon constat.
Toutes les pages s'affichent normalement en mode site classique sauf les 2 liens de recherche qui s'affichent en mode mobile. Si je sélectionne un sujet, le sujet ensuite s'affiche normalement.
Etrange, n'est il pas ? ;D
-
Étrange !
Quels sont les url des deux pages qui s’affichent en mode mobile ?
-
https://lafibre.info/unread/
&
https://lafibre.info/unreadreplies/
-
Je suis sous safari. Ne le fait pas sous Chrome. Test à l'instant
-
Bon j'ai viré historique et cookie et le phénomène a disparu.