Page 1 sur 2

Mon design façon Material

Publié : 06 juil. 2018, 13:48
par jared
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).

Re: Mon design façon Material

Publié : 06 juil. 2018, 13:59
par coke
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

Re: Mon design façon Material

Publié : 06 juil. 2018, 14:40
par Ikari
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.

Re: Mon design façon Material

Publié : 06 juil. 2018, 16:21
par Nibb31
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 !)

Re: Mon design façon Material

Publié : 06 juil. 2018, 17:27
par extrapitou
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 !!!)


Re: Mon design façon Material

Publié : 07 juil. 2018, 07:48
par Nibb31
extrapitou a écrit :
06 juil. 2018, 17:27
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 !!!)
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).

Re: Mon design façon Material

Publié : 07 juil. 2018, 08:53
par extrapitou
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 !!!)


Re: Mon design façon Material

Publié : 07 juil. 2018, 10:19
par fwehrle
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


Re: Mon design façon Material

Publié : 07 juil. 2018, 10:39
par extrapitou
Et surtout l'animation de "rebond" on veux tout savoir :)

Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)


Re: Mon design façon Material

Publié : 08 juil. 2018, 08:38
par jared
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 !

Re: Mon design façon Material

Publié : 08 juil. 2018, 09:07
par extrapitou
Ah bon ben c'est mort pour moi

Envoyé depuis mon Mobicarte (Si Si jvous jure !!!)


Re: Mon design façon Material

Publié : 14 juil. 2018, 15:22
par sjauquet
WAW, ça en jette !!!
très intéressé de tester ça !! :-)

Re: Mon design façon Material

Publié : 17 juil. 2018, 14:36
par stban1983
top!
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

Publié : 17 juil. 2018, 15:06
par DuplO
Super boulot !
Je suis intéressé aussi

Re: Mon design façon Material

Publié : 31 juil. 2018, 20:21
par geo___
+1 ;)
surtout la façon d'intégrer un équipement en html/css/js

Re: Mon design façon Material

Publié : 01 août 2018, 11:33
par cedriclocqueneux
Très joli, intéressé aussi par les ressources et savoir un peu comment tu as fait :D

Re: Mon design façon Material

Publié : 15 août 2018, 09:37
par fwehrle
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.

Re: Mon design façon Material

Publié : 01 oct. 2018, 04:31
par Kpris
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

Re: Mon design façon Material

Publié : 09 oct. 2018, 12:01
par jared
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...

Re: Mon design façon Material

Publié : 09 oct. 2018, 12:39
par jared
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