Mon design façon Material
Mon design façon Material
Bonjour,
je suis nouveau dans jeedom j'ai découvert il y a quelques semaines.
Comme beaucoup je pense j'étais un peu déçu par l'app mobile et j'ai essayé de faire un design pour mon smartphone.
Je n'ai pas encore fini et c'est encore un peu brouillon mais si ça peut donner des idées je partage une petite vidéo:
https://youtu.be/2HFF4hP_Zq0
Ce n'est qu'un début mais pour l'instant ça fonctionne plutot très bien (j'utilise une unique design).
je suis nouveau dans jeedom j'ai découvert il y a quelques semaines.
Comme beaucoup je pense j'étais un peu déçu par l'app mobile et j'ai essayé de faire un design pour mon smartphone.
Je n'ai pas encore fini et c'est encore un peu brouillon mais si ça peut donner des idées je partage une petite vidéo:
https://youtu.be/2HFF4hP_Zq0
Ce n'est qu'un début mais pour l'instant ça fonctionne plutot très bien (j'utilise une unique design).
Re: Mon design façon Material
salut, ça a l'ai sympa, je sais pas si c'est la video mais ça a l'air rapide et réactif
j'aimerai bien tester surtout pour remplacer mes imperihome
si tu a un truc qui ce test je veut bien essayer
j'aimerai bien tester surtout pour remplacer mes imperihome
si tu a un truc qui ce test je veut bien essayer
Re: Mon design façon Material
Bravo, très sobre comme interface, j'aime beaucoup.
Effectivement si tu trouves le temps pour un petit tuto ou les ressources utilisées, je suis preneur.
Effectivement si tu trouves le temps pour un petit tuto ou les ressources utilisées, je suis preneur.
Re: Mon design façon Material
Joli ! J'ai fait un truc assez similaire, mais là c'est très classe.
(Par contre, ça s'écrit "Accueil", sinon ça pique les yeux !)
(Par contre, ça s'écrit "Accueil", sinon ça pique les yeux !)
Jeedom: VM ProxMox sur serveur i7-2760QM, RAM 8Go
Zwave + RFXCom433E + Hue
Zwave + RFXCom433E + Hue
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: Mon design façon Material
Je croyais qu'on ne pouvait pas demarrer l'app directement sur un plan ou un design, la ca m'intéresse !
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: Mon design façon Material
Pas l'appli. C'est Chrome. Si tu crées une raccourci sur la page d'accueil, ça démarre une page web en mode plein écran (sur Android).extrapitou a écrit : ↑06 juil. 2018, 17:27Je croyais qu'on ne pouvait pas demarrer l'app directement sur un plan ou un design, la ca m'intéresse !
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Jeedom: VM ProxMox sur serveur i7-2760QM, RAM 8Go
Zwave + RFXCom433E + Hue
Zwave + RFXCom433E + Hue
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: Mon design façon Material
Ah ok comme il a pris l'icone jeedom pour son raccourci j'ai cru que c'était l'app mobile
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: Mon design façon Material
Salut,
Très chouette.
Comme le changement de design met une plombe sur ma vieille tablette murale, j'ai fait un design tout en largeur, et sur lequel je Scroll de droite à gauche.
Tu as fais pareil pour que ce soit aussi réactif? Si oui, je veux bien l'astuce pour le déplacement via des boutons.
Envoyé de mon Nexus 6P en utilisant Tapatalk
Très chouette.
Comme le changement de design met une plombe sur ma vieille tablette murale, j'ai fait un design tout en largeur, et sur lequel je Scroll de droite à gauche.
Tu as fais pareil pour que ce soit aussi réactif? Si oui, je veux bien l'astuce pour le déplacement via des boutons.
Envoyé de mon Nexus 6P en utilisant Tapatalk
Jeedom 3 sur Debian 9 en VM Proxmox 5 sur NUC Intel.
(Anciennement sur Docker sur Syno DS-415+ / MariaDB / DSM 6)
Teleinfo / RFXCom / Stick ZWave / IPX / Serveur Traccar / Blea
(Anciennement sur Docker sur Syno DS-415+ / MariaDB / DSM 6)
Teleinfo / RFXCom / Stick ZWave / IPX / Serveur Traccar / Blea
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: Mon design façon Material
Et surtout l'animation de "rebond" on veux tout savoir
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: Mon design façon Material
Merci pour vos remarques !
Je vais essayer de partager mes fichiers, mais il vous faudra un minimum de connaissance en HTML-CSS-JS...
Je déménage dans une semaine donc je sais pas trop quand je pourrais faire ça!
Merci Nibb31 pour la faute
Pour la navigation de gauche à droite j'utilise le framework Flickity : https://flickity.metafizzy.co/
Si vous avez d'autres remarques n'hésitez pas je suis preneur !
Je vais essayer de partager mes fichiers, mais il vous faudra un minimum de connaissance en HTML-CSS-JS...
Je déménage dans une semaine donc je sais pas trop quand je pourrais faire ça!
Merci Nibb31 pour la faute
Pour la navigation de gauche à droite j'utilise le framework Flickity : https://flickity.metafizzy.co/
Si vous avez d'autres remarques n'hésitez pas je suis preneur !
-
- Actif
- Messages : 1332
- Inscription : 27 juin 2015, 21:53
- Localisation : Dijon
Re: Mon design façon Material
Ah bon ben c'est mort pour moi
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)
Mon Matos
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Mon Blog où vous trouverez des astuces et tutos Tasker/Jeedom
Mon alarme sous Jeedom
Tuto pour la Gestion de la présence
Re: Mon design façon Material
WAW, ça en jette !!!
très intéressé de tester ça !!
très intéressé de tester ça !!
Pseudo habituel: sebcbien, mais il était déjà pris.
En cours de test/migration Fibaro/HC2: http://www.domotique-fibaro.fr/index.ph ... st-jeedom/
Backup Clef Z-Wave: viewtopic.php?f=34&t=19079
En cours de test/migration Fibaro/HC2: http://www.domotique-fibaro.fr/index.ph ... st-jeedom/
Backup Clef Z-Wave: viewtopic.php?f=34&t=19079
Re: Mon design façon Material
top!
où est ce que tu as trouvé le slider pour les couleurs de tes ampoules ? Il a l'air pas mal!
où est ce que tu as trouvé le slider pour les couleurs de tes ampoules ? Il a l'air pas mal!
Re: Mon design façon Material
Super boulot !
Je suis intéressé aussi
Je suis intéressé aussi
Re: Mon design façon Material
+1
surtout la façon d'intégrer un équipement en html/css/js
surtout la façon d'intégrer un équipement en html/css/js
-
- Timide
- Messages : 22
- Inscription : 30 oct. 2014, 15:16
Re: Mon design façon Material
Très joli, intéressé aussi par les ressources et savoir un peu comment tu as fait
Re: Mon design façon Material
En voyant ton boulot et les gens intéressés, il me vient une idée : il serait pratique de pouvoir exporter et partager un design comme on le fait avec les widgets... Loïc, si tu nous lit.
Jeedom 3 sur Debian 9 en VM Proxmox 5 sur NUC Intel.
(Anciennement sur Docker sur Syno DS-415+ / MariaDB / DSM 6)
Teleinfo / RFXCom / Stick ZWave / IPX / Serveur Traccar / Blea
(Anciennement sur Docker sur Syno DS-415+ / MariaDB / DSM 6)
Teleinfo / RFXCom / Stick ZWave / IPX / Serveur Traccar / Blea
Re: Mon design façon Material
Super propre ton design
J'ai regardé pour implémenter le framework Flickity (très simple d’ailleurs) mais je galère avec mes équipements...
comment tu fait pour rattaché un équipement à une div du carousel? j'ai bien le mouvement de mes différentes div mais l'équipement reste
statique. Si tu as 5 minutes pour nous filer l'astuce
N'hésite pas à poster une nouvelle vide si tu a pu avancer sur ton design !
Merci par avance
J'ai regardé pour implémenter le framework Flickity (très simple d’ailleurs) mais je galère avec mes équipements...
comment tu fait pour rattaché un équipement à une div du carousel? j'ai bien le mouvement de mes différentes div mais l'équipement reste
statique. Si tu as 5 minutes pour nous filer l'astuce
N'hésite pas à poster une nouvelle vide si tu a pu avancer sur ton design !
Merci par avance
Re: Mon design façon Material
Encore merci pour vos commentaires et désolé pour le manque de réactivité, j'ai donc déménagé et n'ai pas eu trop le temps de me pancher la dessus.
Je n'utilise pas les widget tout fait mais avec cette méthode je les refais un par un, ce qui demande un peu de travail...
Je n'utilise pas les widget tout fait mais avec cette méthode je les refais un par un, ce qui demande un peu de travail...
Re: Mon design façon Material
Voici mes fichiers, à adapter bien sur en fonction de vos besoin.
Mon code est fait un peu à l'arrache et il y a surement des erreurs, bout de code superflus...
Si vous testez, n'hésitez à me faire des commentaires ou poser des questions.
PS : le principal fichier à éditer est js/smartphone.js
Mon code est fait un peu à l'arrache et il y a surement des erreurs, bout de code superflus...
Si vous testez, n'hésitez à me faire des commentaires ou poser des questions.
PS : le principal fichier à éditer est js/smartphone.js
- Pièces jointes
-
- design-material.zip
- (348.24 Kio) Téléchargé 454 fois
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 6 invités