De même que pour l’interface du WEphone, Vincent Jacquier a animé le schéma, dont voici une première version:
Tout retour critique bienvenu!
UF, 30.05.2009
Archive for May, 2009
Schéma – animation
Saturday, May 30th, 2009WEphone – animation
Saturday, May 30th, 2009Vincent Jacquier a animé notre interface de visualisation du processus de montage visible sur notre WEphone; voici quelques liens:
WEphone-entier (avec téléphone)
WEphone-crop (sans téléphone, pour être simulé directement sur un Iphone)
C’est une premier jet, qui permet de simuler ce qui peut se passer lors d’une ballade. Merci à celles et ceux qui apportent quelques feedbacks et retours critiques !
UF, 30.05.2009
Salle de cinéma
Friday, May 22nd, 2009En travaillant sur le site web, se pose la question de comment présenter le duo trajet/film dans notre salle de “WEnema”:
version où l’on voit dans le futur…
Version où, comme pour le film, on ne sait pas ce qui arrive…
Il y en a sûrement encore plein d’autres possibles.
UF, 22.05.2009
Graphisme – pistes pour le site web
Friday, May 22nd, 2009Le chantier du graphisme est complexe – il s’agit de proposer des interfaces claires, intuitives et ayant un même air de famille entre le WEphone et le site web.
De la même manière que pour le WEphone, nous n’aurons pas le temps ni les moyens d’aboutir à une version évoluée et complète du site web d’ici la fin de la phase 2, donc les efforts actuels sont portés sur le fait de déterminer les intentions, les idées et les fonctionnalités que nous aimerions voir sur le site web final.
Dans les grandes lignes, les intentions et envies sont les suivantes:
- le site doit être vivant et modulable, il doit rendre compte à sa manière des enjeux contenus dans le projet (rapport à la mémoire; réapropriation d’un territoire et de médias; auteur collectif; forme de l’inachevé et de l’ouverture, etc). On doit également sentir qu’il s’agit de jouer avec les dimensions spatiales et temporelles: espace réel / espace digital; potentialités d’un espace (réel ou digital); temps multiples (le passé dans le temps réel; le futur à l’horizon du présent; le temps du parcours et le temps du film, etc)
- la place du spectateur: il n’est pas seulement passif mais peut aussi devenir actif – et le but du site est de l’inviter à le devenir. Il s’agit donc d’imaginer plusieurs stratégies qui l’y amènent (marcher son film; commenter les films des autres; éditer des modules etc). Le site comme moteur d’enregistrement de son parcours à travers les liens qui y sont possibles… (d’où l’idée du bouton d’enregistrement qui s’allume sur le logo, cf plus bas)
- degré de personnalisation: découlant de ce qui est développé ci dessus, inviter le visiteur du site d’utiliser celui-ci en combinant les modules et les filtres de recherches selon ses envies. Le site est, d’une certaine manière, un gestionnaire de base de données avec lequel on peut accéder et afficher les informations qui nous intéressent…
- et bien sûr, il faut que le contenu éditorial soit le plus complet et “excitant” possible: il s’agit de parler autant à un public plus large (habitants, touristes d’une ville) qu’à des spécialistes habitués à ce genre d’aventures.
Ce qui est posé actuellement est surtout une grille de base qui est très modulaire; la plupart du temps on a une zone centrale qui peut présenter soit du contenu éditorial soit du contenu “vivant” (les films etc), entourée par une zone verticale et horizontale qui donne des contenus supplémentaires selon le contexte (news; commentaires; films; parcours; modules).
Premier exemple: la homepage.
A savoir:
- la zone de menu est encore en évolution; il s’agit de rester sobre, mais actuellement c’est trop neutre et standard (donner plus de “profondeur”, de volume, de hiérarchie).
- En dessous du logo, il y aurait une zone de texte défilant avec un lot de phrases qui décrivent le projet (style “un lieu de rencontre entre l’espace urbain et l’espace digital”; “un dispositif qui permet de générer un film en marchant” etc);
- de la même manière, le texte sous “Le dispositif” change (il y a 3-4 types de textes différents);
- un film, sous forme d’une capture d’écran, est promu en home et donne un exemple avec les commentaires et statistiques sur le résultat escompté;
- on peut filtrer les films affichés via une liste déroulante (actuellement, trié selon le nombre de vues et par date) directement dans l’entête;
- Edit box: c’est l’endroit où on trouvera les fonctionnalités d’édition (notre boite à outils). Elle n’est opérationnelle que si on est loggué (ce qui est possible de faire en tout temps). On pourra y changer / éditer les commentaires que l’on a fait sur les films; si l’on a marché un film, on peut via cette interface ajouter des intertitres au film (en fonction des règles édictées), on peut y concevoir des modules personnalisés (fonction encore très embryonnaire, mais qui permet de concevoir des boites qui présentent de manière imagée des statistiques, par exemple une représentation de la vitesse en rapport avec le nombre de médias, ou les thématiques par rapport aux sujets etc); on peut indiquer les préférences de tri, de recherche etc
Questions ouvertes:
- première ligne de menus: idéalement ne garder que le login et mettre le reste ailleurs…
- permettre de hiérarchiser (via des couleurs, formes ou séparations) les niveaux de contenus (cf ci dessous)
Deuxième exemple: la page du visionnement des films.
Il y a plusieurs idées ici, qui sont assez difficiles de rendre compte sur une image statique:
- le logo prend des couleurs différentes en fonction de la navigation. Il y a deux pistes (encore toutes fraîches, à vérifier et tester):
1) couleurs qui donnent une indication sur le niveau ou le type d’information. Le rond en magenta “s’allume” si on est logué, si l’on enregistre une action (texte, module etc); le premier / détermine les informations éditoriale (textes, extraits image etc) et le double // détermine les “informations collectives” (les films, parcours, commentaires), ce qui est vivant de manière indépendante…
2) couleurs qui donnent l’information du niveau de navigation. Il y a 3 niveaux: la home; le premier niveau de menu; le deuxième niveau de menus.
- il reste également à voir comment on “éteind” notre salle de cinéma (la page qui accueille le duo trajet / film), de manière à pouvoir se concentrer sur l’essentiel, tout en ayant la possibilité d’y voir également quelques statistiques (selon une présentation que l’on peut personnaliser)…
Encore pas mal de travail…!
UF, 22.05.2009
Graphisme – WEphone
Friday, May 22nd, 2009Il ne sera pas possible d’implémenter les pistes graphique sur notre WEphone pour la fin de cette phase 2 – cependant, il s’agit de pouvoir préciser les intentions et de déterminer les affichages que nous souhaitons (dans un monde idéal, sachant que nous aurons lors de la concrétisation des contraintes techniques).
Les questions qui se posent, que nous n’arrivons pas à résoudre actuellement, sont les suivantes:
- bouton start / stop: pour le moment nous utilisons le logo comme bouton; c’est une bonne idée mais ce n’est pas encore abouti (place sur l’écran ?; comment gérer les états différents ?; utiliser les éléments qui le constituent de manière différenciée ? etc);
- information sur le temps écoulé: il faudrait déterminer une zone de placement d’informations, dans laquelle il sera possible d’afficher des informations diverses (temps écoulé, nombre de médias entendus, kilomètres parcourus etc); prendre comme exemple l’affichage d’informations dans un viseur de caméra… (on peut donc afficher plein d’informations comme aucune);
- légende: très importante pour savoir interpréter celle visualisation, la légende est posée actuellement “par défaut”; il faudrait la traiter de manière spécifique (cf légendes d’une carte), en évitant de la mettre au même niveau que nos bulles – c’est une problématique similaire à l’affichage des informations techniques;
- ligne de temps: le quadrillage en 4 zones est intéressant seulement si c’est repris sur les autres écrans également; on doit sentir que la ligne verticale est le temps présent. La ligne de temps devrait être plus présente à gauche qu’à droite (où elle part en “trompette”…);
- les bulles: il faut mieux arriver à différencier ce qui se passe à droite par rapport à la gauche. Pour schématiser: à droite, le futur, les potentialités -> sensation d’espace, de volume, d’ouverture (idéalement les bulles y sont aussi légères que des bulles de savon) – et à gauche, le passé, l’histoire écrite -> sensation “d’aplatissement”, les choses sont devenus figées dans leur forme, seul le temps garde sa dimension… En discutant avec Pascal Amphoux, nous avons eu l’idée que l’espace à gauche est en 2D, mais avec un mouvement inéluctable de la droite vers la gauche, comme une sorte de tapis roulant sur lui même qui “tire” les bulles dans l’espace de droite (en 3D) vers la gauche, et passé le moment présent (la ligne médiane), applati les médias et les “enfile” sur le fil du temps. Vincent Jacquier est en train de simuler ce processus via After Effects, on devrait avoir une version dynamique prochainement histoire de tester ces idées.
UF, le 22.05.2009
Le premier walk !
Tuesday, May 19th, 2009Aujourd’hui, 19 mai, il a été possible de faire le premier walk avec flux sonore – grâce au travail acharné de Nicolas Goy qui a écrit environ 400’000 lignes de codes dans diverses langues…
Pour le moment, il se passe les choses suivantes:
On fait un login (mail + mot de passe) via l’application WE sur l’Iphone, on arrive sur un écran avec un bouton start. Rapidement après, une bulle jaune arrive au milieu de l’écran, le premier média est choisi, et on entend le son du média avec une bonne qualité. Pendant la lecture du média, cette boule travers l’écran, suivie d’une deuxième (second média sélectionné), et parfois d’une autre qui vient s’insérer sur / entre l’actuelle (cela fait un mix sonore de 2 pistes). J’ai eu droit à quelques collages intéressants…
C’est assez miraculeux de voir fonctionner tous ces éléments, avec autant de variables et d’éléments potientiellement perturbateurs.
Il y a tout de même encore des choses à régler, qui portent sur:
- le flux audio coupé: le flux audio a tendance à couper, parfois souvent, parfois longtemps, parfois les deux. Il y a diverses choses à préciser (une mémoire tampon sur l’Iphone, la bande passante qui sort du moteur de stream, l’opérateur – Orange – qui délivre un signal 3G pas propre, du code etc), cela prendra donc encore quelques jours de tests avant d’arriver à quelque chose de propre à ce niveau là.
- la localisation et l’enregistrement du parcours (avec lissage du tracé GPS): pour le moment, il est trop tôt de dire si tout joue à ce niveau, mais il s’agira de faire des tests variés dès la semaine prochaine.
- le moteur de montage: pour le moment, je n’ai pas vu d’adéquation entre la vitesse de mon parcours et la durée des médias; il me semblait aussi que les médias n’étaient pas toujours liés à l’endroit où j’étais, mais là il faudrait vérifier sur l’historique de l’enregistrement; ce qui était aussi troublant, c’est que dans un certain périmètre, le moteur me donnait toujours les mêmes médias, dans le même ordre, alors que je faisais des mouvements et parcours différents. Il me semble qu’à ce niveau là, il y a encore pas mal de petites (et grandes dans un deuxième temps) à régler.
Pour résumer, nous allons porter nos efforte sur les éléments suivants:
- propreté du stream audio (qualité, continuité)
- adéquation entre la localisation et les médias choisis
- adéquation entre la vitesse du parcours et la durée des médias choisis
Il n’y aura pas d’interface spéciale pour montrer le processus en coure, mais on peut afficher une liste des médias choisis (noms, durées, appartenance thématique etc); c’est surtout utile pour des fins de tests et débogage.
Il reste encore à voir la relation entre le film final et le flux audio entendu; pour le moment, nos efforts se portenront surtout sur l’expérience sur le terrain, et si on arrive à présenter un film, tant mieux.
Ca se concrétise !
UF, 19.05.2009
Etat des lieux mi mai
Monday, May 11th, 2009A presque un mois de la présentation publique dans le cadre de Festimixx, voici un état des lieux et des prévisions sur ce qui pourrait être présenté à cette occasion. Ce sera à peu de choses pret aussi l’état en fin de phase 2.
En résumé, il va y avoir entre 20% et 30% de ce qui était prévu au niveau du moteur de montage et de la partie technique du dispositif qui sera prête les 12 et 13 juin, les tests qui se feront d’ici fin mai permettront de voir plus précisément si ça tient la route ou pas… La tâche s’est avérée bien plus ardue que prévu, et il manque juste quelques semaines pour arriver au bout de ce qui était développé. Actuellement, les efforts se portent sur le fait de pouvoir quand même présenter quelque chose de fonctionnel en simplifiant à outrance le dispositif. Nicolas Goy et Florian Poulin ont travaillé d’arrache pied et de manière très engagée et professionnelle, mais la complexité du dispositif nécessite plus de temps et de moyens pour arriver à résoudre les diverses problématiques rencontrées.
Les détails des divers chantiers:
- Tournages: nous avons organisé un tournage collectif entre fin avril et début mai, sur lequel étaient présents Florence Guillermin, Nicolas Wagnières, Ulrich Fischer et la “nouvelle recrue” Pierre-Yves Borgeaud. Nous avons sillonné tout le territoire et fait des images du petit matin (6h) à la nuit (minuit), la récolte était prolifique en surprises et moments intéressants. Ce qui a frappé tout le monde est le cadre très agréable et le bon accueil des habitants de Renens, le tournage était donc une vraie partie de plaisir. Actuellement, Pierre-Yves Borgeaud et Nicolas Wagnières continuent de faire de tournages ponctuels sur le territoire pour encore explorer les derniers recoins et trouver des “filons” nouveaux.
-Dérushage et indexation: les quelque 10 heures de matériel ramené des tournages a nécessité l’engagement d’une aide de dérushage en la personne de Alexa Andrey, qui au jour d’aujourd’hui a déjà bien découpé les séquences qui sont traitées par Ulrich Fischer (étalonnage, exports, compression, export des métadonnées). Jeanne Macheret pourra ensuite traiter les nouvelles images d’ici mi juin; à ce moment il y aura presque 3000 médias indexés.
- Moteur de montage: Florian Poulin a travaillé sur une version complète du moteur (cf post du mois d’avril) jusqu’il y a peu, mais devant l’échéance qui se rapprochait dangeureusement, nous avons décidé de laisser de côté provisoirement ce qui a été développé (toute la partie de l’analyse du parcours et de l’application des règles de montage) pour se concentrer sur 4 paramètres qui sont les suivants:
1) relation vitesse <-> durée des médias (via une échelle de relation; le moteur cherche le média qui correspond le plus à la vitesse actuelle calculée sur les 10 dernières secondes);
2) continuité thématique avec pondération dynamique (permet de gérer plusieurs thématiques en parallèle mais surtout d’assurer une continuité de ce dont “parlent” les images);
3) filtrage des médias avec un son in précis (interviews, sons distincts) pour éviter qu’il y ait superposition de deux interviews par exemple;
4) filtrage par qualité (les médias ayant la meilleure qualité sont tout en haut de la liste)
Il y aura également qu’un seul moteur de montage: le film va correspondre exactement à ce qui a été entendu lors du parcours (il n’y aura donc pas d’affinage du montage). Ce qui veut dire qu’actuellement l’accent est mis sur le fonctionnement de la partie en temps réel et l’expérience sur le terrain.
- Iphone: Nicolas Goy a mis en place un dispositif complexe composé d’un serveur de stream audio (le moteur de mixage) et un serveur gérant tous les processus liés à l’analyse et à la fabrication des films. Pour les curieux, voici un PDF à télécharger qui en donne une vision d’ensemble (c’est encore un document en cours; des choses ont entre temps évolué). La face visible de son travail est pour le moment l’Iphone: le mixage audio des médias convoqués dans le montage ainsi que la présentation du processus en cours. A ce sujet, il est probable que pour la présentation de festimixx, cette présentation fonctionne que formellement mais sans intégration graphique (pour donner une idée de la mécanique). L’interface de l’Iphone sera simplifiée au maximum pour ne garder qu’un seul écran de commande et l’écran de visualisation du processus (les bulles). Le fontionnement sera le suivant:
1) formulaire login (username – le mail; et mot de passe); ces données seront générées et centralisées via le CMS par une personne du projet;
2) écran de “loading” (pour chercher la qualité du signal GPS, dialoguer avec le moteur d’analyse et amorcer le processus de fabrication du film)
3) interface de pilotage: déclenchement nouveaux films (bouton start)
- Graphisme: le planning établi n’a pas pu être tenu et nous sommes toujours en train de travailler sur le site web qui doit être finalisé au plus tard pour le 13.05; les écrans de l’Iphone devraient suivre d’ici fin de la semaine et les divers éléments qui les constituent permettront d’établir une charte graphique et ainsi décliner selon les besoins la communication et les autres applications qui nécessitent un cadre propre et cohérent. Mis à jour le 14.05: Lionel Tardy a commencé le travail sur le site sur base de la grille élaborée par Dimitri; il reste encore à finaliser / affiner le graphisme des pages, j’espère qu’on y arrive dans les temps.
Pour finir, une bonne nouvelle: Swisscom et Orange sont partenaires du projet ! Nous aurons donc à disposition des Iphones et cartes SIM, le tout gracieusement… Il reste à mettre en place une méthode de prêt qui soit simple et efficace (éviter que des Iphones partent dans la nature ou que des visiteurs soient simplement des téléphoneurs).
UF 11.05.2009 et 14.05.2009