Dolibarr RESPONSIVE - Nouveau AllScreens V2.1

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.

Disponible sur Dolistore ici : AllScreens

****************** NOUVELLE VERSION 1.3 DISPONIBLE ************************

Vidéo de démo : v1.3


Cordialement,

Serge Azout
MS Mobile
msmobile.fr
[email protected]

3 « J'aime »

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)

1 « J'aime »

Bonsoir Defrance,

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 ?

Cordialement,
Serge Azout

Beau travail en tout cas.

Avez-vous besoin d’intégrer des choses dans le core de Dolibarr pour que le tout soit plus responsive ?

1 « J'aime »

Bonjour Alexandre,

merci pour votre retour.

L’idéal au niveau du core serait de mettre un id pour chaque page et chaque table.

Cordialement,
Serge Azout

Bonjour,

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

Que conseillez-vous ?

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 ?

1 « J'aime »

Bonjour Akene,

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.

Bien cordialement,
Serge Azout

J’ai eu un retour de l’un de mes clients ca a l’air de fonctionner effectivement pas mal

est-il possible de rentre paramétrable les couleurs du css au niveau de l’administration du module

Bonjour,

Oui le paramétrage des couleurs est une fonction que j’avais déjà envisagé.
Ce sera intégré dans la prochaine version qui est bientôt prête.

Cordialement,
Serge Azout

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)

Merci d’avance

Bonne journée

Serge Azout

Bonjour,

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

Que conseillez-vous ?

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,

Je viens d’acheter le module domage de ne pas pouvoir laisser le menu gauche quand on est sur un écran d’ordinateur.

Quand penser vous que l’on pourras changer les couleurs, car je pense que cela va vite poser des problèmes.

Pour le reste très satisfait.

Cordialement,

XP

Après 15 minutes d’essai je repasse au thème Oblyon, j’ai déjà les yeux explosé.

1 « J'aime »

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

1 « J'aime »

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)

Bonjour,

Je viens d’acheter le module et … je suis déjà FAN !!!

Bien sûr, certaines choses peuvent être améliorées comme les couleurs à choix etc… mais pour un premier jet c’est un pas de géant…

De plus, le créateur du module est très réactif et les petits bugs que j’ai rencontrés jusqu’à maintenant ont été corrigés instantanément.

Je ne peux que conseiller l’achat de ce module qui répond à un réel besoin.

1 « J'aime »

Bonjour,

J’aurais aimé savoir les bug rencontrer.Le fichier est il mis a jour automatiquement sur DOLISTORE car j’ai vérifier c’est toujours la version 1.0.

Cordialement,

XP

Bonjour,

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 ».

Cordialement,

XP