C’est la baseline de GasPanik.tv. Avec peu de moyens, ils sont parvenus à créer leur propre télé… et c’est du direct !

« Située au cœur du quartier Montparnasse, GASPANIK TV est une nouvelle plateforme de diffusion et de création de webTV communautaire s’adressant à une population urbaine entre 16 et 35 ans. »

C’est plutôt sympa, et c’est complètement autre chose que de mettre en ligne une émission de télé ou un film. C’est une émission complètement exclusive à sa diffusin massive sur internet.

Je n’avais rencontré que très peu d’émissions en ligne qui ne soit pas des émissions de télé déjà existantes simplement adaptées pour le web. C’est chose faite.

FredCavazza relève que le W3C tente d’établir une normalisation pour l’accessibilité des RIA. C’est plutôt une bonne chose. Avec le développement des interfaces en Ajax et en Flex, l’accessibilité a fait un bon en arrière notable, si bien que pour un site institutionnel par exemple qui se préoccupe un minimum de critères d’accessibilité, la technologie devient ‘inaccessible’ si je puis dire.

Si l’on prend en compte l’accessibilité dans un sens large, ce n’est pas seulement l’accès aux handicapés (contrôle de l’application au clavier, lisibilité du texte avec le respect de différences de couleurs etc…), cela a aussi un impact sur le référencement : un site bien structuré et dont tout le contenu est ‘explorable’, a un avantage certain par rapport à ses concurrents.

Pour aller plus loin, je vous invite à consulter ces deux billets très pertinents sur le sujet :

• Pourquoi les clients se fichent de l’accessibilité
• Mythes et fausses idées sur l’accessibilité

A propos de RIA, vous connaissiez le fameux forum PhpBB mais refait en Ajax par un développeur de chez Yahoo ? cela ressemble furieusement à un outlook. Il est juste un peu plus lourd pour le navigateur (même si cela n’égale pas le temps de chargement d’une page). Essayez toujours de désactiver le Javascript pour voir…

Ratissons large sur l’actualité du web au fil de mes flux rss :

Tout le monde l’a vu, les voyages SNCF à 5€ ont eu un peu trop de succès. Comme d’habitude, les serveurs ont galéré et n’ont pas répondu pour bon nombre de gens… je compatis un peu quelque part, car une telle affluence ne doit pas être facile à gérer.

• Business garden cite Depot-concept qui a eu la bonne (ou mauvaise idée) de proposer un portail recueillant les idées innovantes : seul souci, on ne peut déposer légalement une idée…
• Information Aesthetics a trouvé encore une interface vraiment intéressante qui interprète toutes les données sur un site internet : des logs, aux sources, à la base données aux fichiers. (Bon, j’adore vraiment les systèmes d’interface mais celle là me plait beaucoup)
• WowZa TV se veut une alternative à un Flash Media Server très – trop – couteux ! Et… la liste des fonctionnalités m’intéresse franchement : video recording, videochat, flv conversion, streaming…. Par contre, il utilise toujours le protocole RTMP, ce qui n’est pas franchement bon pour les entreprises avec un firewall un peu restrictif. Pas plus d’info sur les conditions de vente (?) ou d’utilisation (Via FlashComGuru)
• Flashmagazine propose une liste intéressante d’outil pour générer des screensavers. J’en connais bien quelques uns (qui m’ont pas mal planté d’ailleurs). Si vous avez un peu de sous et que vous voulez utiliser un outil performant, il y a toujours Mprojector…
• AHAH ! un service Google maps bancaire ! Ca m’intéresse drôlement ca, dans la mesure où une version francaise n’existe pas encore…
• ResizR : Encore un outil de retaille d’images en ligne et en Ajax. Il est limité aux Jpg, c’est complètement idiot… et il manque pas mal d’outils de retouche : dommage. Où est l’intérêt de sortir un outil qui existe déjà ailleurs mais avec encore moins de fonctions qu’aurapavant ?
• Richard Leggett vient de publier ses slides de la conférence donnée au FlashForward. Spécialisé dans Flash Lite, ce n’est pas inintéressant pour voir le champ des applications possibles avec son téléphone adoré
• Ca a déjà quelques temps, mais Breeze a été renommé en Acrobat Connect 8 si j’ai bien tout suivi… reste à voir les nouvelles possibilités de cette application très intéressante pour du e-learning ou webconferencing.

Que d’efficacité cette année, pour les pubs Apple. Hormis la campagne aggressive mac/pc, voici celles qui ont gravité autour de l’Ipod
Une bannière de pub pour l’Ipod + Itunes : l’ancien concept que l’on a vu massivement en France sur nos encarts publicitaires papier mais version plus développée.
Lire la suite

Parlons des premières secondes du lancement du site de Jonathan Yuen.

Seconde 3 : Un bouton anodin. Le curseur de la souris est en noir.
Seconde 5 : un clic et là suprise ! le bouton disparait et laisse place à un texte. On en oublie le curseur noir qui m’a semblé disparaitre l’espace d’un instant (alors que ce n’est pas le cas)
Seconde 7 : Sous le coup de la surprise, je n’avais pas bougé la souris. A cet emplacement précis, une magnifique illustration se développe.

7 secondes. L’effet n’est pas intrusif, il est totalement immersif. Je me rappelle de mes années passées à l’université d’arts plastiques, où l’un des objectifs lorsque l’on faisait des installations était de créer l’événement, de créer la surprise dès les premières secondes où l’on entrait dans la salle. De casser une habitude visuelle. De bouleverser les schémas traditionnels (perspective, convention visuelle ou comportementale). C’est le cas. Et l’espace n’est pourtant qu’un écran. L’apport du média technologique permet de faire participer l’utilisateur à ses créations et d’interagir avec. C’est le cas pour ce site, et cela fait très plaisir de voir que certains dans leur démarche n’hésitent pas à étudier le comportement utilisateur pour l’intégrer dans leur création.

Poursuivez votre visite, il vaut le coup d’oeil. Fin, très travaillé, avec de la vidéo finement utilisée et sans effets tape à l’oeil. Mon site du jour

:)

Edit : sympa la définition de wikipedia sur l’installation : « L’installation est un genre de l’art contemporain qui désigne une œuvre combinant différents médias en vue de modifier l’expérience que peut faire le spectateur d’un espace singulier ou de circonstances déterminées.

Les installations mettent en scène, dans un arrangement qui a sa propre dynamique, des médias traditionnels comme les peintures, les sculptures, les photographies, mais le plus souvent des médias modernes comme les projections (films, vidéos), des sons, des éclairages. »

On vient de me donner l’adresse du site au boulot. Impressionnant le site de Gucci. Très plastique, très bien réalisé… mais… l’affichage n’est-il pas un peu lourd ? Le site a été réalisé entièrement en Ajax… voyons voir, 130Ko de script, 10 fichiers JS… est-ce que ce ne serait pas un peu ‘trop’ ? Le parti pris de conception est particulier. Pourquoi avoir réalisé ce site en Ajax alors que Flash est plutôt en général spécialisé dans ce type d’application ? (même si un mélage des deux n’aurait pas été impensable).

Cela démontre les capacités en matière d’animation de l’Ajax. Certes. Cependant, que l’on ne compare pas des glissements de panneaux et des fondus aux capacités d’une application Flash (ou Flex). Un 4×4 et une porsche peuvent rouler à 5 à l’heure sur une route de montagne, et je reste persuadé que l’Ajax ne peut rivaliser sur bien des domaines avec le flash (et inversement).

Le contenu du site de Gucci est accessible par les moteurs de recherche. Un point de plus. Mais en terme de développement ? Il aurait été divisé par 10 s’il l’avait été en flash (hypothèse à la louche mais je pense ne pas être loin du résultat). Je ne suis pas persuadé de l’intérêt de repousser les limites d’une technique pour prouver que l’on peut y parvenir. On en vient à oublier beaucoup de composantes qui sont les bases d’un site internet, notamment le choix de la technologie utilisée. On peut faire un très beau croquis avec un lavis ou un crayon, et de la même manière, une immonde tâche sur une feuille de papier.
Alors non, le flash n’est pas complètement hasbeen :)

Edit : le site n’est donc pas en ajax, mais à base de JS, ce qui revient (presque) au même, mais ce n’est pas pareil. Nuance.

Juste un clip vidéo très bien réalisé. Je n’en dis pas plus^

Après le comment débuter en vidéo sous flash, les sous-titres !
Les sous-titres et chapitrages sont catégorisés sur le site d’adobe dans la rubrique ‘accessibilité’. L’article date de Flash MX 2004, mais c’est une bonne introduction au problème. Les sous-titres dans une vidéo permettent de rendre un peu plus accessible un contenu média, et pas seulement pour les non-voyants ou non-entendants : imaginez des machines d’entreprise qui n’auraient pas de carte son valable (il y en a), ou qui n’auraient pas de lecteur valable (windows, real, ou flash…).

En général, un sous-titre sous flash est structuré en un fichier xml avec des points d’entrées et de sortie… Voici une méthode rapide pour créer ses sous-titres.
Tout d’abord, un sous-titre, il faut le créer soi-même : des outils de base comme captionate, ou hicaption permettent de se créer des sous-titres pour l’exporter sous flash.

Seulement voilà, il suffit que le sous-titre vienne d’un dvd, d’un divx ou que vous l’ayez créé avec un outil plus traditionnel comme SSA (qui se fait un peu vieux maintenant), et la structure du sous-titre n’est plus le même. Il faut le reformater !

Subtitle workshop est de loin le meilleur outil que j’ai pu trouver jusque là pour le faire : il importe (presque) la totalité des formats de sous-titres existants, et permet de les exporter dans le format que l’on veut, même un format dont la structure est ‘homemade’.

Voilà, on se retrouve avec son fichier xml. Il ne reste plus qu’à l’importer dans flash avec sa vidéo et le gérer, vous pouvez programmer la gestion vous même ou bien utiliser un composant
;)

La liste des gagnants du FlashForward 2006 vaut le coup d’oeil :

Ce que j’ai retenu :

Le 99Rooms mélange photo, animation, painture murale… Très expérimental et artistique, saurez-vous en sortir ?

Le little foot que j’avais déjà vu cité dans pas mal de blog est un cartoon en flash très bien réalisé, avec plein de mystères dedans (à vous de les découvrir)
On n’oubliera pas le site de Grant Skinner (vu au Festival Flash à Beaubourg il y a peu), le jeu en ligne très connu Dofus .

La campagne IKEA a décidément très très très bien marché, puisqu’on la retrouve dans la liste des gagnants de cette année.

Le Casio G’zone en 3D dont l’introduction me fait un peu penser à un clip de Bjork « all is full of love » avec ses robots. (de mémoire, clip créé par Chris Cunningham). Une conversation préliminaire un peu ennuyeuse et dommage que l’interaction se limite bien souvent à des « next »

Fijuu est une installation interactive en 3D, sonore avec laquelle l’utilisateur joue à partir d’un pad de PS2. Regardez la vidéo, je la trouve vraiment sympa. La forme du centre se trouve transformée, déformée, étirée, presque écartelée pour atteindre une toute autre apparence. Une galerie est disponible en meilleure qualité que la vidéo de Youtube. Les développeurs veulent à terme transformer l’ordinateur en console pour performance artistique multimédia.

Cette installation a été présentée en Mai au Cybersonica 2006 (festival de création sonore, audiovisuelle et multimedia). Ce n’est pas tout neuf mais j’avais vraiment raté ce festival. L’année prochaine, j’y vais !!
Voici quelques vidéos des autres installations en vidéo trouvées sur youtube :

Lire la suite