Refuzniks montage

Un premier montage en flash (cliquez sur l’images) pour les refuzniks, pour valider l’effet de zoom léger sur les images, et le fonctionnement général. Bien entendu, il manque tout dans cette maquette (intro, crédits, liens externes).

Seules les 3 premières vignettes en haut à gauche sont actives

Pour les  textes, je compte aussi faire de petites animations légères. L’apparition que vous voyez ici n’est donc pas la bonne

omer.1234018996.jpg

, ,

No Comments

le carousel “Engrenages”

Voila une version très avancée.

Vous me donnez votre feedback et les dernières pétouilles ?

Merci

sdg

,

No Comments

Les refuzniks – maquette

Une première maquette pour le sujet sur les refuzniks.
Je suis toujours un peu dubitatif sur les sons.

Peut-être pourions nous faire un essai inhouse, avec nos voix pour le tester ?

---

---

,

No Comments

Appel Engrenages

Donc sur le principe du random, pour la majorité des témoins. Pas tous car je n’ai pas nécessairement des images pour chacun d’entre eux. Avec Eric, on se pose la question

, ,

No Comments

Systèmes de navigation sur des séries

Élaboré à partir/pour les portraits du blog “Engrenage”

LE COVER FLOW
Une première possibilité, très classique est celle du “cover flow” inventé par Apple il y a quelques années. 

LIMITES : quand on a beaucoup de données, ca fonctionne pas super

AVANTAGE : le système est très connu, et bien compris par les internautes.

01-engrenage

LE MUR D’IMAGES DYNAMIQUES
Un système parfaitement exploité par cooliris, très puissant et permettant une exploitation quasi infinie du nombre de rèf.

02-engrenage
Version avec palette d’info :

03-engrenage

Une autre version, à plat, avec un système de slider plus simple que celui de cooliris :

04-engrenage

 

LE VRAI CAROUSEL :
Le même système qu’au dessus en fait, mais avec une présentation en cylindre, qui rappelle vraiment la notion de carrousel.

INCONVENIENT : si on prend pas un composant open source qui fournit déjà le système, assez compliqué à développer.

05-engrenage

Le portfolio classique (avec un petit effort sur la présentation des intervenants)

INCONVENIENTS : il faut des photos…

Ce qui m’amène à aborder la question de la ressource photo en général en reportage. Le format “en pied”  de face sur fond uni, tout comme le format “portrait” doivent systématiquement être récupéré. Si pas de fond uni, on peut toujours se débrouiller, mais il faut absolument des ressources pour que le pôle puisse travailler. C’est de toutes façons un réflexe que tout journaliste doit avoir.

06-engrenage

 

Une autre version plus dense et textes différents qui atténue un peu l’aspect “La Redoute” du truc. Par ailleurs, les vignettes devront etre plsu grosses :

06b-engrenage

UN SYSTÈME PLUS RÉALISTE (FIGURATIF) :
Les images sont en planche, légèrement inclinées, avec une vue zénitale. Réaction au rollover. Un peu compliqué à développer. Mais on peut le faire en dur simplement. Une autre version, qui nécessite du dev par contre, la seconde qui est présentée ci-dessous : toutes les vignettes ne sont pas dans l’écran, et elles apparaissent quand on déplace la souris vers le haut/bas…. avec un effet de glissé. Un peu ce qu’on trouve dans “etudes et thunes” (sans le joli effet de parallaxe qui donne la dimension).

07-engrenage
 

08-engrenage2

LE “JETÉ” DE POLAS
Juste histoire de l’avoir… Peut être valable pour un  portfolio sonore qui permet d’avoir des témoignages sonores mis bout à bout. A un inconvénient majeur : on ne peut pas vraiment y mettre grand chose en terme de contenus.

2 modèles : les polas mélangés et une version avec un zoom sur un item :

 

09-engrenage3
10-engrenage2

, , , ,

No Comments

Data visualization

Un beau panorama, très documenté, sur les principes de visualisation de données sur le web. Beaucoup sont cependant illisibles, comme souvent dans la gestion de données, la tentation de l’exhaustivité nuit à la clarté finale du projet…

infogs1

No Comments

Synthèse de nos gabarits multimédias

Préliminaire

C’est un parti-pris que de choisir les gabarits sur lesquels nous avons déjà travaillé, surtout qu’il existe un assez grand nombre de modèles existants sur le web. Dans tous les cas, cela permet d’avoir un point de vue de ce que nous avons déjà été capables de faire, dans des temps de production en général assez court.

Je précise d’ailleurs pour chacun de ces gabarits les temps de réalisation (temps physique, sans compter le temps du blabla, qui est souvent aussi long que le temps de prod…)

C’est un peu compliqué de lister l’ensemble des “types” multimédias, aussi, je m’en tiens aux 2 principaux qu’on exploite majoritairement chez nous :

Le narratif linéaire

En un peu plus de 2 ans, nous avons fait 21 boules de nets et cartes interactives.

Pendant un an, nous avons utilisé l’outil maison de boule de net, que nous avons abandonné, car trop fermé (dans des cases), et pas assez graphique (selon moi).

Le second avatar de nos productions dans ce domaine a été la “carte interactive”, qui me laissait plus de liberté (empattement plus large, plus grande souplesse d’utilisation…).

Al Qaida
6 juin 44 un vent de liberté
Euro 2004
Athènes 2004
Bush – la presidentielle 2004
Retrospective 2004
Le référendum 2005
Hiroshima
Les taudis – au coeur du mal logement
La fin du pétrole
La Géopolitique de l’amérique latine
La nouvelle conquête de l’espace
La dynamique islamiste au proche orient
La coupe du MOnde, une histoire politique
Villepin, une année en première ligne
Nagasaki 1945, une bombe controversée
L’iran, un pays en quête de puissance
L’afghanistan – des talibans aux talibans
Le protocole de kyoto face à ses limites
Le pétrole africain : chance ou malédiction ?

Quelques écrans de BDN :

bdn-espace

bdn-hiro

Quelques ecrans de Cartes interactives

carte-kyoto

carte-petrole1

carte-prochorient

En règle générale, un projet “carte interactive” ou “bdn” impliquait un journaliste pendant une semaine, et un producteur flash pendant 6 à 7 jours (temps plein), avec des process de travail rodés dès fourniture du texte :

- réalisation de maquettes, plan par plan, avant montage (2 à 3 jours)
- validation des maquettes
- exports des sources et création des infographies pour animation (1 jour)
- montage (3 jours)
- corrections (souvent assez limitées : 1 jour pour le pire)

Après un an d’abandon de ces projets, nous somme repartis depuis 6 mois dans un processus de production, à partir d’un média différent : la vidéo, avec tous ses ecueils (lourdeur technique, complexité des animations, difficulté de trouver des sources vidéos, poids des fichiers) mais avec ses avantages : déploiement possible sur des plateformes alternatives (podcasts vidéo, youtube, diffusion sur mobiles…).
Une innovation de taille, qu’il faudra veiller à faire évoluer : le panier qui fournit des liens contextuels au récit qui se déroule.

En 6 mois, nous avons réalisé 5 de ces récits multimédias :

Obama
McCain
Baltimore
Les Roms
Chomsky

rm-obama

rm-baltimore1

Je préconise une convergence des 2 techniques, pour lesquelles nous avons toutes les compétences inhouse

Le descriptif interactif

Il faut distinguer 2 types de produits dans cette catégorie : ceux qui impliquent l’internaute, et ceux qui sont simplement descriptifs avec un notion simple d’interactivité (non “participative”, même si on peut mixer les 2)

Dans ces domaines, 2007 et 2008 ont été des années d’expérimentations, avec de nombreux nouveaux produits, grandement facilités par la montée en puissance des compétence en développement d’Eric sur le flash.

Cela a donné une série de produits ludiques et participatifs pour l’utilisateur.
C’est notre première catégorie.

Voici une série d’écran qui vont vous rappeller de bons souvenirs :

- pour les municipales, le comparateur des programmes

inter-comparateur
Toujours pour les municipales, les fonctions du Maire
inter-municipales

Le livre d’hommage, institué en catastrophe par Dao le jour de la mort de l’Abbé Pierre, réutilisé depuis (la dernière fois pour Bétancourt), avec le succès qu’on connaît…
inter-hommage

Pour l’Euro 2004, le “jouez la comme Domenech”

inter-worldcup

Un peu plus ancien, pour la présidentielle, parmis d’autres projets, le comparateur de programmes…

inter-seletceur-sarko

… et le “sarkoscope” (ca devient quoi d’ailleurs ce truc ?)
inter-sarko
En temps/homme, ces projets sont très exigeants, particulièrement en développement. Ils ont de plus assez régulièrement pâtis d’un important problème de process (on a systématiquement fait bouger le specs en fin de prod, une hérésie…)

Un second type descriptif, de loin le plus fréquent sur notre site est la présentation de données images/vidéos/datas. Je parle des portfolios, portfolios sonores, télézaping, radiozaping et des infographies plates ou animées réalisées par Jérémie. C’est le premier stade indispensable du multimédia.

Infographies :
inter-infogs

Et une interprétation très élaborée de l’infographie : pour les élections US tout récemment :

inter-usa1

inter-portfolioson

Pour aller plus loin dans cette  typologie, et ce qui semble l’objectif du pôle projet : des multimédias descriptifs complexes. Nous avons déjà de nombreuses expériences dans ce domaine, et elles sont moins exigeantes qu’il n’y paraît pour la plupart.

Alors je commence par le plus lourd en données qu’il nous a été donné de faire : le Mai 68 réalisé par Geoff (si on fait abstraction de celui sur la shoah, il y a pas mal d’années déjà):

inter-68
Au dela de ce sujet particulièrement exigeant, un grand nombre de sujets ont été traités, qui demandent de 1 à 3 jours pour un monteur flash. En vrac, ci dessous :

- les sujets fait avec sciencePo (2 a 3 jours de montage + maquette)

inter-boris1

inter-boris2

inter-scpo2
Et en vrac plein de multimédiasnon participatifs, même temps de prod : 1 à 3 jours, ex nihilo.

- samsung
inter-samsung

- le jeu de l’oie éléctoral
inter-oie

Toujours pendant les élections : l’electop (1 heure de montage)
inter-electop

Et plus récemment : les expos 2009 (1/2 journée)

inter-expo2009

et Rock en scène (1 à 2 jours de prod, Célia a fait pas mal d’ajouts :-))
inter-rockenseine

No Comments

Un qui s’est bien pris la tête…

Un travail de thèse assez remarquable sur les différents types d’infographies qui peuvent exister. Il y avait une première version du site il y a 6 mois qu’il a un peu raffiné, mais la navigation est assez chiante. Pour quelqu’un qui fait un travail sur l’infographie, donc l’ergonomie, c’est assez peu intuitif (il n’y a pas de bouton de retour évident, ni de naves transversales quand on est sur un modèle d’infog en niveau -2)
ici

test1

No Comments