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

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

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


Sujet :

JavaScript

  1. #1
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut [Article] Créer un tableau de bord interactif avec la même interface que Windows 8


    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.

    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  2. #2
    Membre expert
    Avatar de Golgotha
    Homme Profil pro
    Full-stack Web Developer
    Inscrit en
    Août 2007
    Messages
    1 385
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Full-stack Web Developer
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2007
    Messages : 1 385
    Points : 3 527
    Points
    3 527
    Billets dans le blog
    1
    Par défaut
    Dans cet article nous avons comment créer un design
    Manque un mot

    Sinon, bon travail
    Consultant et développeur full-stack spécialiste du Web
    faq jQuery - règles du forum - faqs web

  3. #3
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 328
    Points : 1 142
    Points
    1 142
    Par défaut
    J'aime beaucoup.

    Il manque plus qu'à rendre les tuiles vivantes (contenu dynamique) et ça sera au top !

  4. #4
    Membre chevronné
    Avatar de la.lune
    Homme Profil pro
    Directeur Technique
    Inscrit en
    Décembre 2010
    Messages
    545
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Comores

    Informations professionnelles :
    Activité : Directeur Technique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Décembre 2010
    Messages : 545
    Points : 2 084
    Points
    2 084
    Par défaut
    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.

  5. #5
    Membre expert
    Avatar de Samuel_
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Août 2012
    Messages
    376
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Août 2012
    Messages : 376
    Points : 3 177
    Points
    3 177
    Billets dans le blog
    1
    Par défaut
    Excellente idée !

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

    Merci !

    Ne pas oublier mais aussi

    "L'urgent est fait, l'impossible est en cours, pour les miracles prévoir un délai "

  6. #6
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut
    Merci Golgotha coquille corrigée
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  7. #7
    Membre éprouvé
    Homme Profil pro
    Inscrit en
    Mai 2011
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Mai 2011
    Messages : 328
    Points : 1 142
    Points
    1 142
    Par défaut
    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...

  8. #8
    Membre chevronné
    Avatar de stailer
    Homme Profil pro
    Architecte technique
    Inscrit en
    Mars 2003
    Messages
    1 136
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France, Hautes Pyrénées (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte technique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Mars 2003
    Messages : 1 136
    Points : 2 187
    Points
    2 187
    Billets dans le blog
    3
    Par défaut
    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.
    .o0o__St@iLeR__oOo.

    Lead Developer

    ASP.NET MVC - MCP/MCSD ASP.NET
    PHP Zend Framework / PhalconPHP
    Cordova/Xamarin IOS/Android
    Kendo UI - ExtJS - JQwidgets
    SQL Server / MySQL

  9. #9
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 374
    Points
    19 374
    Par défaut
    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
    Avant toute chose : lire le mode d'emploi du forum et ses règles.
    Je ne réponds pas aux questions techniques en MP.

  10. #10
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    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
    One Web to rule them all

  11. #11
    Nouveau Candidat au Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Février 2014
    Messages
    1
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Côte d'Ivoire

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Février 2014
    Messages : 1
    Points : 1
    Points
    1
    Par défaut
    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

Discussions similaires

  1. [V8] Créer un tableau de bord de segmentation client
    Par ythann dans le forum Odoo (ex-OpenERP)
    Réponses: 0
    Dernier message: 30/06/2015, 13h25
  2. créer un tableau spécial sur latex avec texniccenter
    Par kakashi-MS dans le forum Tableaux - Graphiques - Images - Flottants
    Réponses: 6
    Dernier message: 22/03/2010, 13h56
  3. Réponses: 0
    Dernier message: 09/03/2009, 20h01
  4. [INFOVIEW]Créer un tableau de bord en combinant plusieurs raports ?
    Par epfyffer dans le forum Launchpad (ex-Infoview)
    Réponses: 3
    Dernier message: 24/08/2007, 17h51
  5. créer des handle de nom différents avec la même procédure
    Par yannickrohel dans le forum Windows
    Réponses: 4
    Dernier message: 11/02/2006, 14h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo