Welcome page
Un tableau de bord entièrement personnalisé
Introduction
J’utilise quotidiennement de nombreux sites web à mon travail. J’avais besoin d’un outil me permettant de rassembler les divers sites web afin d’avoir un aperçu global.
L’idée que j’avais en tête au départ était de présenter un aperçu des sites web et que l’utilisateur puisse modifier facilement la disposition. Les sites web seraient présentés sous forme de widget. (Un peu comme les widgets sur Android)
J’ai fait des recherches en ligne pour trouver une librairie me permettant de gérer des widgets comme je l’imaginais. J’ai finalement trouvé la librairie. Il s’agit de gridstack.
De plus, elle s’intègre bien avec knockout.js!
Un tableau de bord entièrement personnalisé
Ainsi, j’ai créé le site web en question.
Il est disponible sur GitHub et sous licence MIT (open source)
Je l’ai organisé pour qu’il n’y ait pas de dépendance à un serveur. Donc, il est possible de l’utiliser directement à partir de GitHub (grâce à GitHub pages)
Appuyez ici pour accéder à l’application web
Organisez votre vue
Vous pouvez:
- Ajouter de nouveaux widgets et définir la source du iFrame.
- Redimensionner la taille du iFrame (coin en bas à droite ou à gauche)
- Placer à l’endroit qui a le plus de sens pour vous.
- Créer autant de vues que vous le souhaitez.
- Importer / exporter toutes votre configuration.
Où sont mes données ?
Elles sont conservées dans le localStorage. (Directement sur votre appareil)
Améliorations possibles
- Conserver ses données dans un service infonuagique (Dropbox, google drive, etc.)
- Importer / exporter la configuration d’un seul tableau de bord.
- Ajoutez différents types de widgets.
Contribuez
Vous avez de nouvelles idées ? Envoyez un Pull request.