Pour terminer cette journée de travail, la preview du mokup pour le module ‘’My home”.
![]()
Ainsi que le mokup du détail de la pièce sélectionné, avec le rendu intégré.
Pour terminer cette journée de travail, la preview du mokup pour le module ‘’My home”.
![]()
Ainsi que le mokup du détail de la pièce sélectionné, avec le rendu intégré.
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.
![]()
Il manque également les réflexions dans le parquet et un peu de décoration.
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”.
![]()
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.
![]()
Une suite d’icônes simple pour illustrer les actions de chaque éléments.
![]()
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.
![]()
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.
![]()
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.
![]()
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é.
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.
![]()
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'’.
![]()
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.)
![]()
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.
Au rayon des avancées du jour, quelques icônes simples et efficaces, en Svg évidement.
![]()
![]()
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.
![]()
Après réflexion, il me semblais nécessaire d’ajouter de la profondeur dans l’interface, avec ce background c’est chose faite.
![]()
J’ai aussi “designé” la montre avec un rendu plus “glossy”.
![]()
Du coup ! modification du bootsplah
![]()
À vos commentaires …
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.
![]()
![]()
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.
![]()
Autre nouveauté, les tests de Raoul Hecky, avec la compilation des elfs pour le Nokia N800.
Quelques screenshots de la bibliothèque de matériaux en construction.
![]()
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.
![]()
Tests d’éclairage de la scène …
![]()
Le rendu …
![]()
Encore un peu de modélisation avec des portes et fenêtres …
![]()
Des enceintes pour le son …
Un peu de Hi-fi avec une Nintendo Wii …
![]()
Un écran plat …
![]()
Et quelques couleurs pour y voir plus clair
Test de création d’une scène …
Ainsi que le rendu de celle-ci.