Créer son IHM Jeedom avec Tasker

Bonjour aujourd’hui je vais vous faire une petite présentation de mon IHM puisque j’utilise Jeedom depuis quelques semaines et j’en suis pleinement satisfait. Seulement  cette solution ne propose pas (pour le moment) d’application dédiée et cela me manque énormément. Le fait de devoir ouvrir le navigateur sur le dashboard de Jeedom n’est pas du tout pratique et peut être parfois long.

Pour palier à ce manque nous allons créer notre propre interface pour piloter nos périphériques jeedomiens 🙂

Cette IHM va pouvoir être appelée très rapidement et l’appui sur les icônes déclenchera l’action immédiatement.

Pour notre tutoriel il va nous falloir des icônes (trouvés sur internet) ainsi qu’un fond d’écran. J’ai choisi ce thème créé à l’aide de Photoshop sur lequel j’ai ensuite rajouté les titres et certains boutons.

Jeedom

Pour créer notre interface nous allons utiliser une scène (image) sur laquelle nous allons « greffer » des boutons qui exécuteront des actions.

1° Création de la scène :

Onglet « SCENES » puis sur le « + » en bas à droite,

Screenshot_2015-10-05-17-02-29

et on nomme notre scène, « Jeedom » par exemple.

Screenshot_2015-10-05-17-03-46

L’écran suivant apparaît,

Screenshot_2015-10-05-17-04-26

L’écran indique que notre image a une taille de 832×488, nous allons la redimensionner à l’aide de la main en bas à gauche.

Screenshot_2015-10-05-18-14-08 - Copie

Puis redimensionner.

Screenshot_2015-10-05-18-14-28

On utilise les flèches sur les côtés pour obtenir la taille souhaitée puis on valide en appuyant sur
la loupe en bas à droite.

Screenshot_2015-10-05-18-14-51

Notre image a maintenant la taille de notre écran. On va sur le « + » en bas,

Screenshot_2015-10-05-17-21-20

On sélectionne « Image »,

Screenshot_2015-10-05-17-05-12

on la nomme « Fond » (1) et on indique à quel endroit elle se trouve (2).

Screenshot_2015-10-05-17-05-43

J’ai créé un dossier sur mon périphérique dans lequel se trouvent toutes les images que je vais utiliser, cela me permet de les retrouver facilement.

Screenshot_2015-10-05-17-07-08

Puis je sélectionne le fond qui se trouve dans ma galerie d’images.

Screenshot_2015-10-05-17-07-22

L’image correspond à mon choix, je valide à l’aide de la flèche en haut à gauche de l’écran.

Screenshot_2015-10-05-17-07-54

Voilà la base de travail pour notre projet.

Screenshot_2015-10-05-17-42-33

En appuyant sur la main en bas à gauche, un menu apparaît.

Screenshot_2015-10-05-17-42-33 - Copie

Il va permettre de redimensionner l’image en se servant des flèches sur les côtés.

Screenshot_2015-10-05-17-42-38 - Copie

Ce qui donne,

Screenshot_2015-10-05-17-09-04

On valide à l’aide de la flèche en haut à gauche,

Screenshot_2015-10-05-17-09-04 - Copie

Notre scène « Jeedom »a bien été créée.

Screenshot_2015-10-05-17-57-39

Pour ouvrir notre scène il suffit de créer une tâche que l’on nomme Jeedom à l’aide du « + » en bas à droite.

Screenshot_2015-10-05-17-02-51

Toujours le « + » pour ajouter une action à notre tâche,

Screenshot_2015-10-05-18-03-34

« Scène »,

Screenshot_2015-10-05-18-03-42

« Afficher la scène »,

Screenshot_2015-10-05-18-03-55

on cherche notre scène à l’aide de la loupe,

Screenshot_2015-10-05-18-04-03

puis on la sélectionne.

Screenshot_2015-10-05-18-04-12

On sélectionne le mode d’affichage,

Screenshot_2015-10-05-18-38-50

« activité sur tout l’affichage, pas de titre ».

Screenshot_2015-10-05-18-38-58

On valide à l’aide de la flèche en haut à gauche,

Screenshot_2015-10-05-18-39-06

et on lance notre scène à l’aide du bouton lecture.Screenshot_2015-10-05-18-39-14

Voilà le résultat…..

Screenshot_2015-10-05-18-45-13

On peut facilement arrêter la scène à l’aide de la petite croix en bas à droite.

Contrairement aux autres tutoriels ici nous allons faire un lancement manuel de cette tâche à partir de notre page d’accueil

Pour cela il faut attribuer un icône à notre tâche à l’aide des petits carrés en bas à droite.Screenshot_2015-10-05-19-16-38

On choisi l’icône,

Screenshot_2015-10-05-19-17-46

on valide.

Screenshot_2015-10-05-19-25-15

Ensuite on va chercher le widget de Tasker qui permet de mettre un raccourci sur notre page d’accueil.

Screenshot_2015-10-05-19-25-50

On lui affecte notre scène,

Screenshot_2015-10-05-19-26-03

celle-ci apparaît maintenant sur notre page d’accueil et peut ainsi être lancée.

Screenshot_2015-10-05-19-26-20

La première partie de ce tutoriel est terminée. Il va maintenant falloir rajouter des icônes qui permettront d’exécuter les tâches souhaitées.

A bientôt…..

Ma Pomme

2° Conclusion :

Voici donc la première partie concernant la création d’une IHM spécialement prévu pour Jeedom mais peut très bien convenir pour d’autres box domotiques. Ne vous inquietez pas la seconde partie du projet arrive très vite puisqu’il est déjà dans les brouillons.

La suite dans un prochain épisode …

18 réflexions sur “Créer son IHM Jeedom avec Tasker

  1. Hello ma Pomme, merci pour ton tuto, c’est très intéressant comme à chaque fois, dans la suite de ton tuto, tu pensent pouvoir démontrer comment contrôler certain modules avec slider ? Ou ce n’est pas possible avec l’éditeur de scène de tasker ?

    Je te souhaite une bonne journée et bonne continuation.

    J'aime

  2. Merci pour les compliments ça fait plaisir🙂
    Concernant le slider il y a un bouton slide justement donc ça devrait fonctionner, faut que je regarde il me semble que je l’avais déjà utilisé mais j’avoue être un peu surbooké en ce moment.

    J'aime

  3. @marco4456 oui Imperihome est une très bonne application avec une équipe réactive. Nous avions demandé il y a plusieurs mois à Evertygo ( avec AnnE Bertrand) la possibilité de pouvoir effacer rapidement les contours des vignettes (que nous faisions avec une méthode fastidieuse) et cela a été implanté dans une des dernières maj, Merci à eux.
    Il n’y a pas si longtemps les box de Fibaro n’étaient pas prises en compte par Imperihome quant à Jeedom il ne l’est pas du tout (mais l’inverse est possible).
    La comparaison avec Imperihome est simplement sur la possibilité de piloter plusieurs systèmes et elle s’arrête là.
    J’utilisais en même temps une Zibase, une Eedomus et une HC Lite et je ne pouvais pas les piloter avec la même interface c’est pour cette raison que j’avais créé des scènes.
    J’utilise à titre perso une autre méthode avec laquelle j’ai le retour d’états en temps réel des actionneurs que je veux de toutes mes box et sans ouvrir d’application ce qui est beaucoup plus rapide.
    Ce tuto est simplement une manière de présenter une autre facette de Tasker.

    J'aime

    • ok , effectivement cette application est bien sympa , je l’utilise pour gerer ma jeedom via le plugin imperihome standard system.
      enfin , bref merci pour ce tuto, ça montre toute les possibilités de Tasker …

      J'aime

      • Merci pour la réponse, en claire je cherche a envoyer une commande a tasker pour qu’il déclenche une action dans une appli, comme jeedom n’arrive pas a gérer ma clim avec le orvibo, voir de passer une commande de tasker vers le wiwo

        J'aime

  4. Si ta clim fonctionne avec une requête http, Tasker pourrait la commander. Il suffit simplement de choisir un déclencheur qui lancera l’action. Le Plugin Jeedom Pushbullet fonctionne très bien ou alors autoremote.
    Ensuite si tu veux tu peux aussi (à la réception de la notif envoyée par jeedom par pushbullet) ouvrir l’application de ta clim (s’il y en a une) et simuler via tasker l’appui sur une touche (on ou off par exemple). Je pense d’ailleurs que c’est ce que tu veux faire non ?
    J’ai justement commandé un orvibo pour tester la bête😉

    J'aime

    • Malheureusement non, pas de requête, sinon jeedom l’aurait géré, mais plutôt la seconde solution, une requête via tasker, pui wiwo l’appli qui géré le Orvibo sous android, j’ai réussi la première partie, mais je ne vois pas comment lancer une commande d’une appli, ici celle du wiwo qui pilote la clim.

      J'aime

      • Il faut mettre ta tablette en mode développeur. Ensuite tu actives la fonction « voir le curseur » ce qui te donnera les coordonnées de la touche sur laquelle il doit y avoir un appui. Ensuite dans ta tâche qui fera cet appui tu lances un shell avec les coordonnées de la touche en question.

        J'aime

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s