Créer un tableau de bord interactif avec la même interface que Windows 8
Article de Paul Underwood traduit par FirePrawn
Le 2013-03-15 09:16:18, par FirePrawn, Expert éminent sénior
Je vous propose une traduction de l'article anglophone Create An Interactive Metro Style Grid Dashboard par Paul Underwood : Créer un tableau de bord interactif avec la même interface que Windows 8.
N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !
-
ulspiderMembre éprouvéJ'aime beaucoup.
Il manque plus qu'à rendre les tuiles vivantes (contenu dynamique) et ça sera au top !le 27/03/2013 à 7:48 -
GolgothaMembre expertDans cet article nous avons comment créer un design
Sinon, bon travaille 26/03/2013 à 9:51 -
la.luneMembre chevronnéMais c'est à toi de faire ça après, c'est faisable, bon vu que c'est du web, dans chaque tuiles tu peux ajouter de l'Ajax avec JQuery( des requêtes par exemple dans chaque seconde) ou qu'il reçoit des donnés en temps réel via des websocket, que ça soit en php, node.js ou java.le 28/03/2013 à 2:47
-
Samuel_Membre expertExcellente idée !
J'ai plein d'idée sur ce thème à mettre en place ! =)
Je test ça bientot !
Merci !le 28/03/2013 à 16:46 -
FirePrawnExpert éminent séniorMerci Golgotha coquille corrigéele 28/03/2013 à 16:51
-
ulspiderMembre éprouvéSalut,
ce n'était pas une critique, c'était juste une idée pour enrichir le tableau de bord et le rendre à mes yeux parfait. Le boulot de FirePrawn est déjà énorme et cela me donne pleins d'idées pour l'enrichir
Je trouve le système de tuile vraiment pratique pour diffuser de l'information. Je vais tacher de faire cela sur un de mes sites en ajoutant la possibilité de sauvegarder la position des tuiles coté serveur (dans la session utilisateur), le redimensionnement des tuiles, le contenu dynamique de la tuile...le 30/03/2013 à 11:27 -
stailerMembre chevronnéSalut,
J'ai découvert Gridster il y a pas mal de temps et c'est justement ce que je voulais faire !
Je te félicite donc pour ton intégration graphique car évidemment pour le dév : le composant est déjà fait et le dynamisme c'est à nous de le rajouter.
Enfin, juste une petite note : en triturant gridster ou ton intégration, tu pourras t'apercevoir que parfois tu peux placer des tuiles à des endroits ou Windows 8 ne peut pas (genre avec aucune tuile au dessus).
Puis en bougeant de nouveau ces mêmes tuiles elles vont alors reprendre leur place "logique". Bref, en clair : il y a des petits bugs.
Bravo quand même pour cette intégration.le 30/03/2013 à 13:28 -
FirePrawnExpert éminent séniorBon alors je tiens à préciser quelque chose que beaucoup n'ont visiblement pas saisi : je ne suis que le traducteur de l'article
Le code, l'intégration, le contenu de l'article ne sont pas de moi mais de Paul Underwood
Donc si vous rencontrez des bugs au niveau de la page d'exemple il faut les remonter à l'auteur (Paul Underwood) directement, moi je n'ai fait que copier son exemplele 30/03/2013 à 19:41 -
SylvainPVRédacteur/ModérateurLes layouts en grille façon Metro, on aime ou on aime pas... C'est vrai que ça simplifie les choses côté web responsive, mais bon c'est pas approprié pour présenter tous les contenus.
Personnellement j'utilise Isotope (http://isotope.metafizzy.co/) pour faire ce genre de vues. Je n'ai pas comparé en détail mais je crois que Gridster a un avantage côté interaction drag and drop et que Isotope gagne en modes d'affichage et options.
Enfin il ne faut pas sombrer dans la facilité et le hype, et rester ouvert aux autres solutions en matière de layout flexible. La meilleure base d'informations à ce sujet que j'ai trouvé à ce jour est ici : http://bradfrost.github.com/this-is-.../patterns.htmlle 01/04/2013 à 2:20 -
lubangoNouveau Candidat au ClubJe ne m'y retrouve pas . Quelqu'un pourrait-il me donner les codes ? Je n'arrive pas à implémenter gridster dan ma page. Quelque chose me fait dire que le code n'est pas complet. Je suis amateur ; aidez moile 27/02/2014 à 18:16