Edit:
Nouvelle version dispo :V2.1 compatible avec Dolibarr 4
Vidéo de démo
Bonjour,
Nouveau module nommé AllScreens pour rendre Dolibarr Responsive.
Je suis web designer spécialisé en Responsive Design et j’ai voulu ajouter ma pierre à l’édifice qu’est Dolibarr en lui donnant un design plus actuel et surtout utilisable sur toute taille d’écran.
Ce module comportera probablement des bugs de jeunesse, mais je compte sur le retour des utilisateurs pour le faire évoluer.
Vos premières impressions seront grandement appréciées.
Bravo, merci. Je n’ai qu’un mot à dire : ENFIN!
La seule question que je me pose c’est la compatibilité avec l’un de mes ‹ gros › modules myList (qui permet de créer des listes personnalisés en jquery/datatables)
Merci pour votre retour.
Pouvez-vous m’envoyer votre module pour voir s’il est possible d’ajouter la compatibilité d’AllScreens avec MyList.
A titre d’infos, quel est le nombre d’utilisateurs de votre module ?
N’étant pas expert en RD, je n’ai pas de problème à comprendre quand vous dites id pour chaque page et tableau mais pouvez-vous nous conseiller une « typographie » ou un « ordre » à suivre. Je ne sais pas comment nommer les id logiquement en fait.
Par exemple :
Note_de_frais_new
Note_de_frais_list
Note_de_frais_rapport
Ca c’est une bonne nouvelle, merci
Par contre est-ce que votre module est compatible avec tous les thèmes dolibarr (je pense notamment au thème metro) ou simplement avec le thème par defaut ?
Le module AllScreens a son propre theme integré et il n’est pas possible d’en utiliser un autre.
Je vous explique pourquoi:
En Responsive, 2 choses fondamentales sont traitées.
La 1ère est ce qu’on appelle l’expérience utilisateur, c’est-à-dire le ressenti et la satisfaction. Pour qu’elle soit la meilleure possible, on ajuste la position et la taille des éléments sur une page en fonction de la taille de l’écran et du fait que sur un appareil tactile, c’est le doigt qui est utilisé donc bien plus gros que le pointeur d’une souris.
La 2ème, qui est bien souvent mal traitée voire pas du tout, est le temps d’affichage, sachant que le réseau 3G utilisé pour les appareils mobiles est bien plus lent qu’une connexion ADSL. (La 4G est plus rapide mais ne représente encore que très peu d’utlisateurs).
Le module AllScreens traite les deux aspects.
Pour l’expérience utilisateur, vous le constatez en visionnant la vidéo de démo.
Pour la vitesse:
Avec le fonctionnement de Dolibarr de base , à chaque changement de page, le serveur génère la feuille de style CSS qui est ensuite transférée vers l’appareil, ce qui prend du temps.
AllScreens détourne ce fonctionnement et utilise un CSS statique qui est transferré une seule fois et mis en cache. Donc à chaque changement de page, le CSS utilisé pour l’affichage est déjà en mémoire.
Toutes les icones ajoutées par AllScreens sont vectorielles.
Je vous ai présenté ici quelques aspects techniques de AllScreens qui font qu’il n’est pas possible d’utiliser d’autres thèmes.
Pour les personnes qui ont visionnées la vidéo de démo, merci de commenter ici même vos premières impressions afin que je puisse adapter AllScreens à vos souhaits/besoins (dans la mesure du possible biensur)
N’étant pas expert en RD, je n’ai pas de problème à comprendre quand vous dites qu’il faut ajouter un id pour chaque page et tableau mais pouvez-vous nous conseiller une « typographie » ou un « ordre » à suivre. Je ne sais pas comment nommer les id logiquement en fait.
Par exemple :
Note_de_frais_new
Note_de_frais_list
Note_de_frais_rapport
Autre remarque,
As-tu pensé à mettre en place un environnement démo ?
j’ai ajouté pour la prochaine version de dolibarr une fonction permettant de collecter les onglets afin de ne pas surcharger l’affichage, semble que cela ne fonctionne pas avec ton thème. www.dolibarr.fr/forum/t/add-ons-3-7-0-tabs-collector/20686/1
Bonjour à tous,
Merci pour cette initiative et ce travail !
L’utilisation en mobilité et très importante pour nous : je suis donc très intéressé par ce module !
Après vision de la video :
D’accord avec Xavier: les couleurs doivent être personnalisables en fonction des sociétés qui l’utilisent et du confort.
On travail tous avec des modules divers: allscreens est il vraiment compatible avec les modules de personnalisation ? (notamment Patas Monkey)
Après sur l’ergonomie des menus : c’est un peu l’inverse (menu gauche au dessus et menu dessus a gauche) don RAS de mon coté
Pour le reste le mieux c’est de les tester…
Cordialement
Même si je m’engage une fois de plus à la va vite, on fera en sorte que nos modules (patas-monkey) soient compatibles avec ce thème/module.
Effectivement si on peu faire en sorte de bloquer selon la résolution le menu gauche ce ne sera pas plus mal un click en moins c’est toujours cela de moins)
pour ce qui est de l’ordre des menus, l’inversion ne me choque pas (oblion fait de même et avait même expliqué pourquoi de mémoire)
Déplacement de la barre de menu à gauche. Nous avons beaucoup de modules et tous n’apparaissaient pas dans le menu. Les icônes sur les modules non natifs Dolibarr étaient absentes. Un onglet sur les tiers était mal dimensionné.
Merci de votre réponse, j’attends donc la mise à jour sur DOLISTORE car j’ai le même problème « manque d’icone ». J’ai aussi un problème de menu quand je suis sur une fiche produit « La touche du menu STATISTIQUES fait 4 fois la hauteur des autres ».