IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Créer un tableau de bord interactif avec la même interface que Windows 8
Article de Paul Underwood traduit par FirePrawn

Le , par FirePrawn
10 commentaires

0PARTAGES

4  0 


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 !

Créer un tableau de bord interactif avec la même interface que Windows 8.

Une erreur dans cette actualité ? Signalez-nous-la !

10 commentaires
Commenter Signaler un problème
ulspider
Avatar de ulspider
Membre éprouvé https://www.developpez.com
Le 27/03/2013 à 7:48
J'aime beaucoup.

Il manque plus qu'à rendre les tuiles vivantes (contenu dynamique) et ça sera au top !
1  0 
Golgotha
Avatar de Golgotha
Membre expert https://www.developpez.com
Le 26/03/2013 à 9:51
Dans cet article nous avons comment créer un design
Manque un mot

Sinon, bon travail
0  0 
la.lune
Avatar de la.lune
Membre chevronné https://www.developpez.com
Le 28/03/2013 à 2:47
Citation Envoyé par ulspider Voir le message
J'aime beaucoup.

Il manque plus qu'à rendre les tuiles vivantes (contenu dynamique) et ça sera au top !
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.
0  0 
Samuel_
Avatar de Samuel_
Membre expert https://www.developpez.com
Le 28/03/2013 à 16:46
Excellente idée !

J'ai plein d'idée sur ce thème à mettre en place ! =)
Je test ça bientot !

Merci !
0  0 
FirePrawn
Avatar de FirePrawn
Expert éminent sénior https://www.developpez.com
Le 28/03/2013 à 16:51
Merci Golgotha coquille corrigée
0  0 
ulspider
Avatar de ulspider
Membre éprouvé https://www.developpez.com
Le 30/03/2013 à 11:27
Citation Envoyé par la.lune Voir le message
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.
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...
0  0 
stailer
Avatar de stailer
Membre chevronné https://www.developpez.com
Le 30/03/2013 à 13:28
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.
0  0 
FirePrawn
Avatar de FirePrawn
Expert éminent sénior https://www.developpez.com
Le 30/03/2013 à 19:41
Bon 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 exemple
0  0 
SylvainPV
Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 01/04/2013 à 2:20
Les 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.html
0  0 
lubango
Avatar de lubango
Nouveau Candidat au Club https://www.developpez.com
Le 27/02/2014 à 18:16
Je 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 moi
0  0 
Commenter Signaler un problème