Pour illustrer le cycle lunaire, voilà notre planète et la lune toujours en full Svg.
![]()
Premier test d’intégration du widget sur le “desktop”.
![]()
Je réalise actuellement les “mokups” du mode complet de ce widget.
![]()
En voilà les prémices …
Pour illustrer le cycle lunaire, voilà notre planète et la lune toujours en full Svg.
![]()
Premier test d’intégration du widget sur le “desktop”.
![]()
Je réalise actuellement les “mokups” du mode complet de ce widget.
![]()
En voilà les prémices …
Petite session détente mais utile
avec le design du widget pour l’affichage de la météo. Les widgets sur le bureau de l’interface peuvent avoir plusieurs modes d’affichage, sans compter les animations pour afficher diverses informations.
![]()
Pour ce faire rien de tel que notre amis Inkscape en exploitant la fonctionnalité “blur” dans les propriétés de l’objet.
![]()
Soleils avec la technique habituelle du gloss.
![]()
Pour les nuages en revanche c’est la technique du “blur” en posant un maillage de formes.
![]()
J’ai hâte d’animer tout cela avec edje, il me faut décortiquer un plugin “Weather” de SuperKaramba pour récuperer la liste des “cas” à réaliser suivant ce design et cette technique.
Première vidéo du module My home en version bêta. Une prochaine mise à jour du firmware permettra à l’ensemble des utilisateurs du système Calas de bénéficier des nouvelles fonctionnalités et du nouveau design sur leur écran tactile.
Après quelques tests en condition réel, le constat est plutôt encourageant , une bonne réaction et un bon retour de clients qui ont testé la nouvelle interface.
Vous pouvez observer dans la vidéo la navigation entre les pièces d’une maison, ainsi que l’activation de certains éléments (volets, lumières). Le rendu est nettement meilleur en condition d’utilisation sur les écrans de la société Calaos qui ont un fort contraste et une très bonne luminosité. De plus c’est via l’intéraction tactile que l’ergonomie de l’application prend un sens.
Graphiquement je vais pouvoir maintenant embellir l’interface de petites animations discrètes supplémentaires, sur les boutons, listes etc …
Nous ne sommes pas peu fière de vous présenter cette vidéo qui présage de bonnes choses pour la suite notamment le module média avec la gestion des caméras
En pleine intégration avec Raoul Hecky en ce moment. Une partie très longue vient de s’achever, le positionnement des parties de l’interface ainsi que toute les “parts” “swallow”. Plusieurs programmes Edje sont utilisés pour afficher et masquer les “parts” utiles en fonction de l’état de l’interface.
J’utilise pour respecter les “mokups” un template du mokup en question ou seul les “parts” sont affichées, je le place ensuite temporairement en background pour ajuster parfaitement les éléments avec edje.
![]()
Quelques Swallows parts qui composent le module “My home”.
![]()
Nous avons également intégré les éléments edje pour chaque pièce (lumières, gestion du chauffage, volets etc.)
![]()
Voilà l’interface il y a quelques jours …
![]()
La même interface avec cette fois l’ensemble des objets pris en charges ainsi que les gestion des pièces du même type.
![]()
Pour finir le mode “détail” d’une pièce …
![]()
Bientôt une vidéo avec tout cela en mouvement
Après quelques belles macros des pièces et des éléments courants, Raoul Hecky a commencé a intégrer le thème dans l’application …
![]()
Pour le moment les pièces incomplètes (objets 3d, textures etc.) sont représentées par une scène vide est quelques cartons au centre. Le but est de rendre thème fonctionnel rapidement. Par la suite une importante session de travail m’attend pour réaliser toutes les pièces et les éléments qui les composent.
![]()
Voilà pour aujourd’hui et après une bonne heure a traquer un bogue qui était une mauvaise éxportation d’images je crois qu’il est temps de remettre la suite à plus tard
Deux vidéos !
La première c’est un gros plan du menu de l’interface …
La seconde présente une pièce .. et la découpe edje …
Cela fait quelques jours maintenant que je n’ai pas posté de billet concernant le développement de l’interface Calaos. J’intègre maintenant le thème edje, avec la création de la “collection” des “groups” et des “parts”. Le tout est compilé et forme un binaire utilisé pour styliser l’application. Des “programs” sont utilisés par edje pour les animations et les signaux envoyés par les boutons et autres éléments actifs.
![]()
L’organisation de la structure du theme est libre, cela-dit, et dans le cas de “Calaos” chaque “group” est un état de l’application ou un module de celle-ci. Le module “My home” par exemple est un group qui contient des états et les programmes accessibles via des signaux (déclencheurs) envoyés par le programme ou le thème lui-même. De la même façon nous avons un “group” pour le menu, un autre pour le background.
![]()
Pour faciliter et unifier la maintenance du thème chaque objets de l’interface est une macro inséré avant la compilation. Ce qui me permet d’avoir un fichier objet unique et localement les “programs” spécifiques qui lui sont attribués en fonction du module dans lequel l’objet est appelé.
Les éléments chargés dynamiquement en fonction d’un état, sont également des “groups” affichés dans des “parts” spécifiques appelées “swallow”.
![]()
Je suis sur le point de terminer un objet complexe à états, celui des pièces …
![]()
J’appréhende les concepts de la création d’interface avec les Efls (principalement edje pour le moment) et le thème avance bien
L’interface Calaos Home fonctionne principalement avec les favoris. Les favoris sont les éléments les plus utilisés qui sont automatiquement mis en valeur (positionnés en premier dans une liste par ex.) Je poste à nouveau les mokups réalisés avec les dernières finitions et dans une résolution plus grande (image à cliquer !)
Voilà un petit widget pour la notification des mises à jours. Pour le moment tout cela est bien statique, bientôt je passe à la phase d’intégration via Edje. Fondus, transitions, animations 3D et glow, sont au programme afin de donner vie à ce projet.
![]()
Le mode ‘’mini'’ du widget. Une fois la mise à jour validée pour l’installation le widget se “minimise” pour laisser place à la barre de progression. La zone de notification reste affichée, indiquant la l’avancée de l’installation tout en prenant moins de place.
![]()
Autre widget, le réglage de la température de la pièce sélectionné, avec la température actuelle et la valeur d’indice.
![]()
Le positionnement des pièces est également lié au système des favoris, ce qui apporte pas mal d’ergonomie d’une part l’utilisateur à une vue globale des pièces favorites et de leurs températures, d’autre part une fois sélectionnée la pièce propose le paramétrage des éléments favoris qu’elle contient. La navigation et l’utilisation de l’interface s’en trouve largement simplifiée.
![]()
![]()
![]()
Le bouton < et > permet de circuler entre les sélections de 6 pièces ou 6 catégories de pièces. Un mode complet existe pour l’édition de tous les éléments d’une pièce sélectionné.