Avant toute chose merci de (re)prendre connaissance de la charte et de la respecter.
Pour résumer :
- Avant de poser une question, je cherche si la réponse existe
- Je suis poli, courtois et je respecte tout un chacun sur le forum
- Si un post m'agace : je m'en éloigne plutôt que de répondre d'une façon qui pourrait être mal interprétée


Il n'est jamais du luxe que de rappeler des choses simples :
Courtoisie, amabilité, politesse et bonne humeur sont les maîtres mots pour un forum sympathique, bienveillant et accueillant :)

Le groupe des Helpers est present pour vous aidez, n'hésitez pas à poser des questions ;)

Toute la communauté vous remercie

/!\ L’ancien forum passera en lecture seule en janvier 2020 (Si community a bien pris le relais) puis nous le fermerons définitivement en janvier 2021./!\
Merci de vous rendre sur https://community.jeedom.com maintenant pour vos prochains postes ;)

Mon design façon Material

Cette partie est réservée à l'utilisation de l'interface web de configuration de JEEDOM
jared
Timide
Messages : 26
Inscription : 01 mai 2018, 11:31

Mon design façon Material

Message par jared » 06 juil. 2018, 13:48

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).

Avatar de l’utilisateur
coke
Helper
Messages : 581
Inscription : 21 juil. 2014, 11:37
Localisation : essonne

Re: Mon design façon Material

Message par coke » 06 juil. 2018, 13:59

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
MERCI À L'ÉQUIPE POUR LE TAF

Helper Officiel Jeedom

Ikari
Timide
Messages : 101
Inscription : 29 mars 2016, 08:21

Re: Mon design façon Material

Message par Ikari » 06 juil. 2018, 14:40

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.

Avatar de l’utilisateur
Nibb31
Actif
Messages : 2155
Inscription : 17 févr. 2015, 15:29

Re: Mon design façon Material

Message par Nibb31 » 06 juil. 2018, 16:21

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 !)
Jeedom: VM ProxMox sur serveur i7-2760QM, RAM 8Go
Zwave + RFXCom433E + Hue

extrapitou
Actif
Messages : 1332
Inscription : 27 juin 2015, 21:53
Localisation : Dijon

Re: Mon design façon Material

Message par extrapitou » 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 !!!)

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

Avatar de l’utilisateur
Nibb31
Actif
Messages : 2155
Inscription : 17 févr. 2015, 15:29

Re: Mon design façon Material

Message par Nibb31 » 07 juil. 2018, 07:48

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).
Jeedom: VM ProxMox sur serveur i7-2760QM, RAM 8Go
Zwave + RFXCom433E + Hue

extrapitou
Actif
Messages : 1332
Inscription : 27 juin 2015, 21:53
Localisation : Dijon

Re: Mon design façon Material

Message par extrapitou » 07 juil. 2018, 08:53

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 !!!)

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

Avatar de l’utilisateur
fwehrle
Actif
Messages : 2819
Inscription : 01 juil. 2015, 11:03
Localisation : Strasbourg

Re: Mon design façon Material

Message par fwehrle » 07 juil. 2018, 10:19

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

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

extrapitou
Actif
Messages : 1332
Inscription : 27 juin 2015, 21:53
Localisation : Dijon

Re: Mon design façon Material

Message par extrapitou » 07 juil. 2018, 10:39

Et surtout l'animation de "rebond" on veux tout savoir :)

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

jared
Timide
Messages : 26
Inscription : 01 mai 2018, 11:31

Re: Mon design façon Material

Message par jared » 08 juil. 2018, 08:38

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 !

extrapitou
Actif
Messages : 1332
Inscription : 27 juin 2015, 21:53
Localisation : Dijon

Re: Mon design façon Material

Message par extrapitou » 08 juil. 2018, 09:07

Ah bon ben c'est mort pour moi

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

Avatar de l’utilisateur
sjauquet
Timide
Messages : 310
Inscription : 08 mars 2015, 19:38

Re: Mon design façon Material

Message par sjauquet » 14 juil. 2018, 15:22

WAW, ça en jette !!!
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

stban1983
Timide
Messages : 148
Inscription : 15 août 2017, 18:00

Re: Mon design façon Material

Message par stban1983 » 17 juil. 2018, 14:36

top!
où est ce que tu as trouvé le slider pour les couleurs de tes ampoules ? Il a l'air pas mal!

Avatar de l’utilisateur
DuplO
Actif
Messages : 714
Inscription : 17 sept. 2015, 14:04

Re: Mon design façon Material

Message par DuplO » 17 juil. 2018, 15:06

Super boulot !
Je suis intéressé aussi

Avatar de l’utilisateur
geo___
Timide
Messages : 127
Inscription : 27 mars 2016, 21:49
Localisation : Uzès (30)

Re: Mon design façon Material

Message par geo___ » 31 juil. 2018, 20:21

+1 ;)
surtout la façon d'intégrer un équipement en html/css/js

cedriclocqueneux
Timide
Messages : 22
Inscription : 30 oct. 2014, 15:16

Re: Mon design façon Material

Message par cedriclocqueneux » 01 août 2018, 11:33

Très joli, intéressé aussi par les ressources et savoir un peu comment tu as fait :D

Avatar de l’utilisateur
fwehrle
Actif
Messages : 2819
Inscription : 01 juil. 2015, 11:03
Localisation : Strasbourg

Re: Mon design façon Material

Message par fwehrle » 15 août 2018, 09:37

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

Kpris
Timide
Messages : 6
Inscription : 01 oct. 2018, 04:17

Re: Mon design façon Material

Message par Kpris » 01 oct. 2018, 04:31

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

jared
Timide
Messages : 26
Inscription : 01 mai 2018, 11:31

Re: Mon design façon Material

Message par jared » 09 oct. 2018, 12:01

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...

jared
Timide
Messages : 26
Inscription : 01 mai 2018, 11:31

Re: Mon design façon Material

Message par jared » 09 oct. 2018, 12:39

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
Pièces jointes
design-material.zip
(348.24 Kio) Téléchargé 304 fois

Répondre

Revenir vers « Portail web classique (Desktop) »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités