#14 Calaos Dev Report : Module My Home

By Frédéric BOEHLER on the mai 29th, 2007 23:50

Pour terminer cette journée de travail, la preview du mokup pour le module ‘’My home”.

my_home.png

Ainsi que le mokup du détail de la pièce sélectionné, avec le rendu intégré.

my_home_details.png

#13 Calaos Dev Report : Merci Yafray.

By Frédéric BOEHLER on the mai 29th, 2007 0:34

Un test de rendu d’une pièce, il nous manque quelques objets et quelques matériaux. Cela dit ça prend forme grâce à Yafray.

roomrendertest.jpg

Il manque également les réflexions dans le parquet et un peu de décoration.

#12 Calaos Dev Report : Ergonomie.

By Frédéric BOEHLER on the mai 26th, 2007 14:42

Nouveau “mokup”, l’accès complet aux éléments d’une pièce. Étape importante car pour sa réalisation il a fallut concevoir un ensemble de listes, et autre “scrollbars”.

iconlist.png

La pièce disposée au centre de l’interface n’est pas encore habillée de textures, seul la taille de rendu est définie afin de tester la mise en page. Une sélection de six scénarios les plus utilisées s’affiche autour de la pièce. Au bas de l’interface, c’est tous les objets (lumières, volets etc.) également triés par ordre d’utilisation.

roomdetail_small.png

Une suite d’icônes simple pour illustrer les actions de chaque éléments.

customicon.png

Au terme de ce mois de travail, je reviens de façon un peu plus précise sur la préparation du projet. Si l’interface a aujourd’hui cette apparence c’est bien évidemment pas le fruit du hasard, et même si les “chaînes” de production sont une nouveautés pour moi, nous avons toutefois préparé un maximum le travail a effectuer. D’une part via l’expérience de la société Calaos et les besoins des clients qui sont équipés. Mais également avec quelques règles d’ergonomie de base, une logique dans la navigation et le graphisme.

diaganalysehabitat-1_small.png

Pour effectuer une analyse rapide des besoins, j’utilise des diagrammes qui ont pour but (dans ce cas) de mettre en évidence les besoins et les contraintes du système Calaos. Des besoins pour l’utilisateur, et les contraintes du développement afin de satisfaire ces mêmes besoins. Nous trouvons via cette technique de nouvelles fonctionnalités et leur priorités. Les contraintes quand à elles nous permettent de nous concentrer sur ce qui apparaît être de vrais problèmes ou limitations.

diaganalyseoccupants_small.png

Autre outil, le plan de navigation, tout les mokups sont représentés et placés, puis, le cheminement dans l’interface et tracé ainsi que les précisions sur les options et actions disponibles. Nous vérifions ainsi la logique de navigation et l’ergonomie avant le développement de l’interface, tout en visualisant l’apparence des mokups.

plannav.png

Avec ce plan Raoul Hecky sera en mesure de développer les parties manquantes utiles pour la navigation dans l’interface. Le coeur fonctionnel de l’application domotique quand à lui est terminé.

#11 Calaos Dev Report : Mokups.

By Frédéric BOEHLER on the mai 22nd, 2007 0:19

Le design de l’application se précise. Avant de réaliser les différents mokups pour chaque module qui composent l’interface. Il était nécessaire d’avoir une vue globale de ce que l’ont peut appeler la ‘’structure'’ générale.

screen_structure.png

Le système de navigation et quasiment fixé, au centre de l’interface, une zone qui contient les ‘’sous-catégories'’ du module sélectionné. Ici la partie configuration de l’interface, avec l’état du mokup après la sélection du module. Les autres boutons sont grisés, et celui de la catégorie concerné est dans son état ‘’actif'’.

screen_control_panel.png

Deux boutons ‘’précédent'’ et ‘’suivant'’ permettent de naviguer dans les sous-catégories représentées sans doute par des icônes animées en 3D, posées au centre de l’écran. Un ‘’tooltip'’ précise une aide contextuelle ou affiche divers messages (erreurs, confirmations etc.)

screen_keyboard_2.png

Pour la saisie d’information, voilà l’intégration d’un clavier virtuel. Les bouton ‘’précédent'’ et ‘’suivant'’ permettent dans cet état de naviguer dans le champ texte.

#10 Calaos Dev Report Éléments SVG.

By Frédéric BOEHLER on the mai 18th, 2007 22:44

Au rayon des avancées du jour, quelques icônes simples et efficaces, en Svg évidement.

layout-icones.jpg

layout-bouton.jpg

L’intégration des icônes dans le menu avec les boutons et leurs états. Les animations seront intégrés au moment de la conception du thème edje.

layout-bouton-on.jpg

Après réflexion, il me semblais nécessaire d’ajouter de la profondeur dans l’interface, avec ce background c’est chose faite.

screen-layout-02.jpg

J’ai aussi “designé” la montre avec un rendu plus “glossy”.

screen-layout-clock.jpg

Du coup ! modification du bootsplah ;)

screen-bootsplash-new.jpg

À vos commentaires …

#9 Calaos Dev Report : Quelques retouches.

By Frédéric BOEHLER on the mai 17th, 2007 21:12

Quelques petites nouveautés, avec dans un premier temps la retouche du bootsplash. Disposant maintenant du système sur lequel sera installé l’application. J’ai procédé à l’équilibrage des principales teintes. J’ai également modifié certaines images de l’animation de la zone de notification.

screen-gimp.jpg

screen-boot.jpg

Pour le premier mockup de l’interface (celui de la structure générale de l’interface), je cherche maintenant une suite d’icônes harmonisées avec les futures parties de l’interface, modules, et autres widgets.

screen-layout.jpg

Autre nouveauté, les tests de Raoul Hecky, avec la compilation des elfs pour le Nokia N800.

#8 Calaos Dev Report : Des matériaux.

By Frédéric BOEHLER on the mai 11th, 2007 7:40

Quelques screenshots de la bibliothèque de matériaux en construction.

screen-object-0013.jpg

La semaine prochaine j’intègre le rendu d’une première pièce en 3D dans ce qui sera le module ‘’My Home'’. Pour le moment, je crée principalement des textures de bases, relativement classiques. Ces matériaux n’ont pas la vocation de rendre la scène de façon réaliste. Mais plutôt d’apporter un style aux nombreuses pièces qui seront crées.

rendu-texture-01.jpg

rendu-texture.jpg

#7 Calaos Dev Report : Premier rendu Yafray.

By Frédéric BOEHLER on the mai 9th, 2007 0:09

Tests d’éclairage de la scène …

sreenobjett_08.jpg

Le rendu …

screen_scene_rendu-2.jpg

Encore un peu de modélisation avec des portes et fenêtres …

sreenobjett_09.jpg

Des enceintes pour le son …

screen-object-0010.jpg

#6 Calaos Dev Report : Objets Hifi.

By Frédéric BOEHLER on the mai 7th, 2007 13:46

Un peu de Hi-fi avec une Nintendo Wii …

sreenobjett_07.jpg

Un écran plat …

sreenobjett_06.jpg

Et quelques couleurs pour y voir plus clair ;)

sreenobjett_05.jpg

#5 Calaos Dev Report : Gabarits .blend

By Frédéric BOEHLER on the mai 7th, 2007 0:52

Test de création d’une scène …

Ainsi que le rendu de celle-ci.

screen_scene_rendu2.jpg

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