[Projet] Échange designer <--> programmeur

[rob1]

Hello hello,

J'ai eu comme envie récemment d'avoir un petit écran avec quelques infos de base chez moi. Après quelques recherches, j'ai vite été dirigé vers des infos sur les Raspberry qui semble être une solution très puissante.
N'ayant aucune base en développement, ça me parait difficile d'arriver au bout de ma réflexion avec une interface assez sympa. Oui, je suis designer d'interface donc ça me parait impensable d'avoir un écran qui aurait une interface un peu brouillon.

Donc j'ai eu l'idée de proposer mes services de designer en échange d'aide pour configurer l'écran que je souhaiterai.
Je fais de l'ergonomie et du design d'interface donc on aurait la possibilité de faire quelque chose de très sympa.

En suivant un cahier des charges qu'on me donnerait, je peux mettre à disposition des maquettes, des assets graphiques... tout ce qu'il faut pour réaliser une interface simple et contemporaine.
L'idée n'est pas de faire un système de la NASA mais quelque chose d'organisé et cohérent.

Exemple de ce que je souhaiterai dans un monde idéal :
- météo et/ou température via des capteurs à acheter ou des infos à récupérer (j'ai un système MyFox chez moi, c'est possible)
- possibilité de laisser un court message
- possibilité de faire une liste, to-do list...
- possibilité de noter des rendez-vous
- la possibilité de lancer un minuteur (le top ça serait avec un bouton +/- pour augmenter le temps)
- peut-être un feed de news...

J'immagine que les possibilités sont infinis ; c'est donc à affiner avec la ou les personnes intéressées.
Si vous voulez voir ce que j'ai fait (pas mis à jour depuis fin 2014 ^^) http://robin-p.fr

Merci à vous,
J'espère sincèrement qu'on pourra lancer ce projet.

P-S : je n'ai absolument rien contre la mise à disposition de mon travail graphique au plus grand nombre !

[destroyedlolo]

Salut,

Et bien, je pense que nous sommes fait pour nous entendre : j'ai développé un framework qui prend en charge la partie technique de ce que tu veux faire et les détails sont sur ce sujet.

Comme tu peux le voir, le résultat graphique n'est pas très sexy pour plusieurs raisons :

• Ce qui m'éclate, c'est le développement et comme il n'est pas fini (en fait, il ne le sera peut etre jamais vu que de nouvelles idées arrivent toujours ), le graphisme passe après
• il faut un graphisme sombre pour que l'écran ne nous éclate pas les yeux le soir devant la TV (je n'ai pas encore implémenté l'asservissement à la lumière ambiante)
• l'écran, 10', se trouvant à 3 ou 4 mettre du canapé ou nous nous avachissons, il faut que ça reste lisible.
• l'écran n'étant pas d'une super qualité, l'image est largement dégradée lorsque tu n'es pas en face ... c'est pourquoi par exemple il n'y a pas de fond

Bref, il y aurai beaucoup a faire coté graphique.

Côté technique :

• ca fonctionnerai sous n'importe quel LINUX avec DirectFB et Lua. Dans mon cas, c'est une tablette brickée passée sous Linux je fais des tests sur un BananaPI avec un écran LCD 3''. Il n'y aurait donc strictement aucun problème sur un rPI avec un (grand) LCD ou une TV
• tout est open-souce
• ca fait plusieurs mois que ca tourne sans le moindre problèmes ou plantages : c'est donc fiable et de plus très très léger.
• Je suis en train de refaire la partie cliente, et ça sera beaucoup plus abordable aux "débutants" : créer une nouvelle interface (hors graphisme de font), se résume a indique quel type de widget tu veux afficher, où et basé sur quels infos

Concernant ce que tu souhaites faire :

- météo et/ou température via des capteurs à acheter ou des infos à récupérer (j'ai un système MyFox chez moi, c'est possible)

Je ne connais pas MyFox, il faut voir comment récupérer les info. Si c'est par MQTT (échange de message), c'est tout fait. Si c'est par webservice, faut juste développer une passerelle. Sinon faut voir.

- possibilité de laisser un court message
- possibilité de faire une liste, to-do list...
- possibilité de noter des rendez-vous
- peut-être un feed de news...

Ce sont des widget comme les autres. Pour le moment, je n'en ai pas eu le besoin (parce que l'écran est trop loin pour que ce soit utile) mais c'est hyper facile a faire.

- la possibilité de lancer un minuteur (le top ça serait avec un bouton +/- pour augmenter le temps)

Ca c'est moins gagner : mon framework ne gère pas encore les inputs : le touchscreen de ma tablette n'est pas pris en charge par Linux et le constructeur ne répond pas à mes demandes d'info ... dans ce cas, pas possible de faire le module kernel qui va bien.
Bref, pour mon usage, ca n'est pas encore possible et donc je ne l'ai pas implémenter dans mon framework.

Bref, ca serait cool si on pouvait faire qq chose ensemble ... si tu es persévérant et pas trop pressé : je serai pas mal en déplacement pro les semaines qui viennent et la neige étant ENFIN arrivée, mes weekends vont être bien vampirisés par le ski Yeeeaaaaahhhhhh !

A+

[rob1]

Hello,

Merci pour ta réponse. C'est un premier pas dans ce projet !
Donc pour moi il y a 2 solutions possibles sans avoir de préférence pour le moment :
- utiliser un écran tactile pour interagir avec les différentes fonctionnalités du dashboard
- avoir un écran uniquement de "consultation" et pousser le contenu via une interface Web, apps mobiles, mails, services connectés (Google...).

Je suis tombé sur ces projets et c'est vraiment le rêve ! Ça s'adaptera parfaitement derrière un miroir chez moi mais il faudrait une façon simple de mettre à jour le contenu depuis l'extérieur (message, liste, calendrier) car un miroir tactile ça me paraît trop compliqué. Et le top : un capteur de mouvement qui allume/éteind l'écran
http://www.postscapes.com/diy-smart-mirrors/
http://www.makeuseof.com/tag/6-best-ras ... -seen-far/
Le projet presque parfait !! https://magicmirror.builders

- Pour Myfox, il y a une API pour récupérer les données (3 températures pour moi).
- pour le minuteur : s'il faut acheter des boutons ça peut le faire. Chez moi ça serait pour la cuisine
- pour l'agenda, la liste de course, les messages : à voir comment ça fonctionnerait : idéalement en passant par le Web ou des services Cloud (Google et toutes ses apps par exemple). Pour mon cas, je souhaitais faire un écran qui permettrait à plusieurs personnes qui pourrait l'utiler et s'y connecter.
- la météo API Yahoo ou autre
- newsfeed : à voir sur quoi on se connecte.

À voir si on trouve d'autres petites fonctionnalité ou pas en passant au design et suivant la taille de l'écran utilisé.
Niveau design, pas de chose réaliste et dépassé comme le fait Fibaro mais quelque chose de simple moderne comme on peut trouver ici : https://dribbble.com/search?q=Smart+home&s=latest
Je ne suis pas contre adapter le design au projet de la/les personne(s) avec qui on fera le projet ; s'il faut dessiner des modules en plus, pas de soucis !
On peut penser à un mode sombre, ce n'est pas compliqué à dessiner pour moi.

Niveau design, si c'est du HTML j'imagine qu'on a beaucoup de liberté ? Faut juste être calé en intégration Web mais pour ça, s'il faut je peux avoir un très bon coup de main de développeur ! Mais ça sera intégré, pas fonctionnel.
Ma connaissance dev peut même faire des animations très sympas.

Voilà, voilà ! Si vous vous sentez partant (desteoyedlolo ?) et que ça ne vous fait pas peur on continue en MP ! Il ne faut surtout pas que ça soir une mission impossible pour vous sinon on prend le risque d'abandonner le projet en cours et perdre de l'argent. Il faut avoir un minimum de dispos pour échanger et avancer : ça serait top de finir d'ici 6 mois max.

Merci !

P-S : je suis à Paris, ça serait un plus si vous aussi mais évidemment ça ne bloquera pas, on est en 2017 ^^

[destroyedlolo]

Salut,

Comme pour tout projet, je pense qu'il y aller par petites évolutions ce qui permet d'avoir rapidement des résultats et garder la motivation
Ainsi, si les miroirs intelligents sont beau et tout et tout, faut peut-être mieux commencer avec un simple écran HDMI ou écran pour PI (les plus grands modeles). Ne serait-ce que pour une question de cout (en tout cas, c'est ce que j'ai fais pour mon dashboard).

L'autre chose a prendre en compte avec ces mirroirs est que tu perds de la luminosité (mais on s'en fout) et surtout de la couleur. Donc le design doit être plus sobre et simple qu'un vrai écran.

- Pour Myfox, il y a une API pour récupérer les données (3 températures pour moi).

Ouai, j'ai vu rapidement sur leur site : mon framework (Séléné de son petit nom) le permet déjà. Je récupère le calendrier comme ça (la météo aussi, mais c'est du spécifique car il y a un post traitement plus important).

- pour le minuteur : s'il faut acheter des boutons ça peut le faire. Chez moi ça serait pour la cuisine

Pris en charge aussi : faut juste mettre le GPIO correspondant en "interruption".

- la météo API Yahoo ou autre

Déjà pris en charge avec OpenWeatherMAP. Il est très pessimiste sur les prévisions, donc je passerai peut etre par la météo norvegienne si un jour j'ai le temps (source des prévision des pluggin de XFCE qui sont relativement fiables).
J'ai laissé tomber Yahoo car elles sont trop "grosses mails" et ne sont pas suffisantes pour des prévision "montagne" (en clair, elle me donne la prévision du centre météo France le plus proche ... qui se trouve à 60 km de chez moi. Et 60 km, c'est beaucoup même en vallée).

- pour l'agenda, la liste de course, les messages : à voir comment ça fonctionnerait : idéalement en passant par le Web ou des services Cloud (Google et toutes ses apps par exemple). Pour mon cas, je souhaitais faire un écran qui permettrait à plusieurs personnes qui pourrait l'utiler et s'y connecter.

Là, rien est fait : à voir dans un second temps.

- newsfeed : à voir sur quoi on se connecte.

Idem. Je l'ai déjà fait avec Yahoo News ... mais leur API ne réponds plus.

À voir si on trouve d'autres petites fonctionnalité ou pas en passant au design et suivant la taille de l'écran utilisé.

J'ai totalement séparé la parti "préparation / traitement des données" de la partie "affichage". En d'autres termes, j'ai un démon qui envoie sur le réseau les données récupérées de ma domotique ou de sources extérieur (météo, calendrier, ...). Chaque dashboard est un client particulier qui s'abonne à ce qu'il doit afficher et est totalement indépendant des autres.
Le gros avantage et que j'ajoute / supprime des données sans impacter le reste (flexibilité) et surtout, que je peux ajouter autant de dashboard que je veux sans que ca n'ai la moindre incidence sur la charge du démon principal (scalabilité).
Dans ton cas, tu peux donc avoir un écran dans la cuisine, un autre dans le salon, un 3e et 4e dans les chambres et un dernier sur ton PC, les allumer ou les stopper sans que ca impacte quoi que ce soit.

Et au niveau des dashboard eux-meme, la partie réception des message est elle-même séparée de la partie affichage.
Donc quand je passe de la tablette 10'' au 3.5'' du BananaPI, seul 1/4 maximum du code du dashboard est a adapter (car moins de place).

Niveau design, pas de chose réaliste et dépassé comme le fait Fibaro mais quelque chose de simple moderne comme on peut trouver ici : https://dribbble.com/search?q=Smart+home&s=latest

Si tu parle de "flat design", je dois avoué que je trouve ca ... particulièrement moche et encore plus les tuilles à la m$ Ca me rappelle franchement trop mes débuts en informatique avec des écrans limités en couleur et à la résolution pathétique.
Mais je pense qu'on peu prévoir une sorte de solution skin pour s’accommoder au gout de chacun sans même modifier quoi que ce soit dans le code.

Niveau design, si c'est du HTML j'imagine qu'on a beaucoup de liberté ?

Contrairement aux exemples des mirroirs, ce n'est pas du HTML : le principe est que tu crée une image de fond (le fameux skin) sur lequel tu incruste les champs ou graphiques correspondant à ton affichage, en indiquant juste le type, la position et les caractéristique (couleur, fonte, formatage, ...).
Dans leurs solutions, ils montent X puis ouvre un navigateur ce qui est relativement lourds juste pour afficher un dashboard : Séléné tape directement dans la couche "bas niveau" graphique du kernel. Beaucoup beaucoup plus léger, pas de problème de cache et de raffraichissement, et encore moins de compatibilité, maintenance limité.

Si vous vous sentez partant (desteoyedlolo ?) et que ça ne vous fait pas peur on continue en MP ! Il ne faut surtout pas que ça soir une mission impossible pour vous sinon on prend le risque d'abandonner le projet en cours et perdre de l'argent.

On clarifie par MP

P-S : je suis à Paris, ça serait un plus si vous aussi mais évidemment ça ne bloquera pas, on est en 2017 ^^

Que sous la contrainte
Pour mon plus grand bonheur et celui de ma famille, j'habite dans les Alpes, Annecy exactement. Mais je passe de temps en temps sur paris pour mes clients.

A+