#22 Calaos Dev Report : Planète Svg.

By Frédéric BOEHLER on the juin 29th, 2007 11:32

Pour illustrer le cycle lunaire, voilà notre planète et la lune toujours en full Svg.

svg_planet-001.jpg

Premier test d’intégration du widget sur le “desktop”.

weather-002.jpg

Je réalise actuellement les “mokups” du mode complet de ce widget.

weather-003.jpg

En voilà les prémices …

#21 Calaos Dev Report : Widget weather.

By Frédéric BOEHLER on the juin 28th, 2007 1:40

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.

weather_001.jpg

Pour ce faire rien de tel que notre amis Inkscape en exploitant la fonctionnalité “blur” dans les propriétés de l’objet.

sun_001.jpg

Soleils avec la technique habituelle du gloss.

cloud_002.jpg

Pour les nuages en revanche c’est la technique du “blur” en posant un maillage de formes.

cloud_001.jpg

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.

#20 Calaos Dev Report : Enfin une bêta …

By Frédéric BOEHLER on the juin 27th, 2007 2:07

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.

You need to a flashplayer enabled browser to view this YouTube video

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

#19 Calaos Dev Report : Positions et modes.

By Frédéric BOEHLER on the juin 26th, 2007 4:20

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.

screen-edje-008.jpg

Quelques Swallows parts qui composent le module “My home”.

screen-edje-009.jpg

Nous avons également intégré les éléments edje pour chaque pièce (lumières, gestion du chauffage, volets etc.)

screen-edje-010.jpg

Voilà l’interface il y a quelques jours …

screen-interface-001.jpg

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.

screenshot-011.jpg

Pour finir le mode “détail” d’une pièce …

screenshot-010.jpg

Bientôt une vidéo avec tout cela en mouvement ;)

#18 Calaos Dev Report : it’s MacroTime !

By Frédéric BOEHLER on the juin 14th, 2007 2:15

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 …

screen-edje-0041.jpg

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.

screen-edje-005.jpg

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

#17 Calaos Dev Report : Vidéos.

By Frédéric BOEHLER on the juin 13th, 2007 0:09

Deux vidéos !
La première c’est un gros plan du menu de l’interface …

You need to a flashplayer enabled browser to view this YouTube video

La seconde présente une pièce .. et la découpe edje …

You need to a flashplayer enabled browser to view this YouTube video

#16 Calaos Dev Report : Intégration.

By Frédéric BOEHLER on the juin 12th, 2007 0:58

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.

screen_edje_cut.jpg

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.

screen_edje_cut-002.jpg

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

screen-edje-003.jpg

Je suis sur le point de terminer un objet complexe à états, celui des pièces …

screen-edje-004.jpg

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

#15 Calaos Dev Report : Top 6 & favoris.

By Frédéric BOEHLER on the juin 1st, 2007 19:29

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.

screen_maj.jpg

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.

screen_maj_dl-2.jpg

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.

screen_room.jpg

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.

screen_fav_001.jpg

screen_fav_002.jpg

screen_fav_003.jpg

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

Project by Boehler Frédéric     XHTML     CSS    CC2.0