Jean-Sébastien Mansart .com - Tag - video

Microsoft lance Office 2010 : la bande annonce

Jean-Sébastien Mansart — Fri, 10 Jul 2009 09:15:00 +0200

Microsoft nous présente la bande annonce du futur Office 2010.
Ils se sont bien lâché et nous proposent un trailler de bonne qualité assez noir et avec de l'humour...

Office 2010: The Movie

J'ai bien aimé quand le gars pleure sur la tombe de clippy ;)

Article original écrit par Jean-Sébastien Mansart et publié sur Jean-Sébastien Mansart .com | Lien direct vers l'article | Si vous lisez cet article dans son intégralité sur un autre site que Jean-Sébastien Mansart .com c'est qu'il a été reproduit illégalement et sans autorisation. Merci de le sig naler à son auteur original en cliquant ici | © jsmansart.com.

1 an déjà

Jean-Sébastien Mansart — Mon, 25 Aug 2008 20:30:00 +0200

Ça fait déjà un peu plus d'un an que j'ai ouvert ce blog.

Je profite de mes vacances pour faire le point avec vous.

On va commencer par les 10 billets les plus lu :

La Miss Webmate décembre 2007, a croire que vous êtes obsédés ?
Plone et LDAP : mode d'emploi
La Miss Webmate février 2008, a ben oui, en fait, vous êtes vraiment obsédés !
Life 2.0 : la réalité augmentée, merci les backlink chez Fred Cavazza
Optimisation du référencement d'un blog sous Dotclear 2
Optimisation d'un site Plone, il faut croire que vous aimez optimiser vos sites !
Quel CMS choisir ? Suivez le plan !
Failles de sécurité dans les CMS
Bon Patron : ne faites plus de fautes !, moi aussi j'ai encore un peu de mal avec l'ortho...
Objectis : l'hébergement gratuit de sites Plone

A noter quand même que la page la plus lue, celle sur la miss webmate de décembre 2007, représente 14,34% des pages vues...

On continue avec les 10 articles les plus commentés :

Twitter : le service toujours en rade, le sujet a du vous plaire, d'autant plus que j'offrais des invitations pour Jaiku
Les métiers du web, les connaissez vous tous ?, un sujet qui fait toujours autant parler d'encre. C'est normal, c'est notre métier !
Utiliser les nouvelles technologies a tout prix
psd2css online : le fake du mois ?, ok, sur ce billet je m'étais planté, ce n'étais pas un fake. Mais je conseil quand même de faire son intégration sois même, ce sera toujours plus propre...
Nouveau thème : je vous fais faire le tour du proprio ?
DotClear 2 : le Wordpress killer ?, comment ça j'aime dotclear ?
Note de service : changements sur le blog
Les commentaires vidéos : une vraie fausse bonne idée ?, je suis toujours d'accord pour dire que les commentaires vidéos ne sont pas la meilleure chose de l'année. Il n'y a qu'à voir chez TechCrunch et regarder le nombre de commentaires vidéos posté pour s'en rendre compte.
Premier contact avec Microsoft Expression Web, ma première vidéo, j'en suis encore tout ému.
Refonte complète du blog.

Ce que je trouve marrant, c'est qu'à partir du moment où j'ai annoncé que j'allais refondre mon blog, les commentaires se sont multipliés. Avant j'avais quelques commentaires éparses, depuis, j'ai au minimum 3 commentaires sur chaque articles (mis à part deux qui n'ont toujours pas de commentaires. Saurez vous les retrouver ?)

Et maintenant, je garde le meilleur pour la fin, ma petite sélection personnelle :

Pourquoi utiliser FeedBurner. C'est maintenant une vrai question. FeedBurner n'a pas de vrai concurrent direct et le service marche un peu comme twitter, c'est à dire, un peu comme il veut ou quand il veut...
AIR et SilverLight sont-ils vraiment des pionniers ?
Une métrique pour évaluer la qualité du code, pour le fun ;)
Enfin une date pour Dotclear 2, on l'a attendu longuement. Il est enfin sortit. C'était pas trop tôt !
Atacamag, le magazine qui vous emmène ailleurs..., d'ailleurs, le numéro 3 vient de sortir !
Comment utilisez vous votre service de micro-blogging ?
Le spwitt : le spam via twitter, il y en a de plus en plus, vous trouvez pas ?
Miniville, le SimCity 2.0, y'a pas à dire, ils sont fort Motion Twins pour faire des hits. Vous avez testé Hordes ?
Plone 3.0, un an après avoir écris ce billet, j'ai enfin un projet avec Plone 3.
Pour finir, pas un billet, non. Mais une suite de billets sur la réalisation d'une vidéo, avec toutes les étapes, depuis l'acquisition jusqu'au montage final. Un moment passionnant, surtout en tant qu'acteur :)

Voilà, le petit tour est terminé, j'espère que vous en avez bien profité. N'ayez crainte, il y aura encore beaucoup d'autres articles, alors continuez à commenter et à réagir !

Merci à tous pour votre fidélité.

Les commentaires vidéos : une vraie fausse bonne idée ?

Jean-Sébastien Mansart — Fri, 25 Apr 2008 14:12:00 +0200

TechCrunch a lancé hier les commentaires vidéos avec seesmic.
Au-delà de l’innovation technologique et de l’effet « über hype » qu’en est-il réellement ?

Il est vrai qu’on pourrait croire que c’est génial, que ce système va révolutionner les blogs et qu’à partir de maintenant tous les blogs n’ayant pas cette fonctionnalité sont voués à un abandon par les masses, car complètement dépassés.

Dans le fond, je vous rassure, il n’en est rien.

J’ai voulu tester pour vous le nouveau système. J’ai d’abord été interpelé par la nouvelle en elle-même, je me suis dit qu’effectivement ça pouvait donner un gros plus, effectivement, il y a un gros plus, mais j’y reviendrai plus tard.

Donc, je lis le billet, et je m’attaque aux commentaires. Je lis les différents commentaires tous aussi constructifs les uns que les autres (« Ouais, trop bon ! » « Han, génial », etc…). Voyant un commentaire vidéo de Loic Lemeur, je me dis que ça serait bien d’écouter ce qu’il a à dire. Je lance la vidéo. Ca charge, Loic dit bonjour, mon boss arrive et je coupe la vidéo.

Résultat : complètement inexploitable (au travail en tout cas).

Plusieurs questions me viennent à l'esprit :

Comment va faire TechCrunch pour modérer tous ces commentaires ?
Les commentaires vidéos ne vont-ils pas engendrer une baisse du nombre de commentaires ?

La modération des commentaires est un gros souci. J’ai vu qu’Ouriel apportait une réponse, mais vu qu’il a répondu en vidéo, je n’ai pas pu l’écouter…
Dommage.

Comme je le disais plus haut, effectivement, il y a un gros plus : vous passerez moins de temps à lire les commentaires des autres, vu que généralement vous êtes au travail la journée, vous n’aurez pas le temps d’écouter tous les commentaires. Donc d’y répondre (vous avez une webcam au taf ?) (bon, moi oui, mais elle est intégrée dans mon iMac), vous serez donc plus productif. Et c’est votre employeur qui remerciera TechCrunch.
Le fait que le commentaire soit en vidéo ne vous permet pas de le lire en diagonal. Vous êtes obligé de l’écouter en entier pour vous apercevoir qu’il n’apportait rien.

Autre point négatif : l'accessibilité. La vidéo n'est absolument pas accessible, et les personnes malentendantes sont largement lésées. Impossible pour elles de prendre part à la conversation (mais ce problème là est valable pour toutes les vidéos sur le net, podcast, etc...)

Pour finir, je ne pense pas que les commentaires vidéos se démocratiseront, c’est une belle expérience en tout cas non seulement pour la technologie, mais aussi pour seesmic qui va d’un coup « populariser » sa plateforme, recruter de nouveau membres et vérifier que son infrastructure tient la charge.

Et vous, pour ou contre les commentaires en vidéo ?

[Vidéo] Premier contact avec Microsoft Expression Web

Jean-Sébastien Mansart — Fri, 18 Apr 2008 20:49:00 +0200

Suite au concours organisé par TechCrunch et qui m'a permit de gagner une licence Microsoft Expression Web, mes première impressions en vidéo.

(soyez indulgent, c'est la première fois que je film...)

Bon, c'est pas encore gagné pour tester ce logiciel qui se situe clairement comme concurrent direct avec DreamWeaver.
Merci à Microsoft de m'avoir envoyé ce logiciel en tout cas.

Quelqu'un à un PC sous Windows pour que je puisse tester le logiciel ?
(il faudrait un autre concours avec Dell pour que je gagne un PC)

Dailymotion se met à la HD

Jean-Sébastien Mansart — Tue, 19 Feb 2008 13:48:00 +0100

La plateforme de partage vidéo française diffuse depuis hier du contenu en HD.
La mise à jour de leur player flash aurait du vous mettre la puce à l'oreille.
Moi non, j'avais juste remarqué que lors du lancement du nouveau player, toutes les vidéos que j'avais blogué ne s'affichaient plus. Ca m'a fait raler pendant 24h, j'étais surtout bien embêté car je formais un client à son site web, je voulais lui montrer à quel point il était simple de rajouter une vidéo depuis dailymotion. Ma démo était foirée.
Merci dailymotion...

Dailymotion, donc, propose des contenus en HD (Haute Définition) en 720p. D'après le blog de Dailymotion, il faut une bande passante d'au moins 2 Mbps et un processeur dual-core ne serait pas de trop.

Pour l'instant réservé aux MotionMaker qui ont un upload illimité, cette fonctionnalité s'étendra peut être aux autres utilisateurs dans le futur.
Le principal frein à proposer la HD à tous les utilisateurs est forcément le coût de la bande passante. Les sites de partage de vidéos explosent déjà largement tous les usages en bande passante, maintenant avec la HD, on va arriver à des sommets.
Qui dit plus de bande passante, dis coût plus élevé. La publicité peut absorber une part de la hausse, mais pas tout, une des pistes serait d'inclure de la publicité directement dans les vidéos.

Pour finir, une petite vidéo en HD d'un groupe que j'aime bien

INEDIT Cocoon "Baby Seal"
envoyé par madmoiZelle

Lancement du site de Bayard Service Web (et de la vidéo)

Jean-Sébastien Mansart — Fri, 25 Jan 2008 13:56:00 +0100

Mardi matin a été lancé en grande pompe le nouveau site web de Bayard Service Web.
Après plusieurs mois de travail de la part de toute l'équipe, notamment des graphistes pour la réalisation de la vidéo de présentation.

J'ai le privilège de vous la faire partager enfin en entier.

Présentation de l'équipe Bayard Service Web

On remarquera (entre autre) mon sublime talent d'acteur qui n'a d'égal que ma virtuosité en programmation.

La page d'accueil du site est entièrement faite en Flash dynamique, le site lui-même a été développé avec Plone, un CMS pour Zope. La liaison entre Plone et Flash se fait grâce à des fichiers XML générés automatiquement.

Bravo à toute l'équipe pour cette réalisation !

Life 2.0 : la réalité augmentée

Jean-Sébastien Mansart — Fri, 11 Jan 2008 15:40:00 +0100

La réalité augmentée est une piste que de nombreux chercheurs explorent.
Que ce soit dans l'automobile, pour faire afficher des informations sur le par-brise, grâce à nos mobiles et la fonction GPS, des lunettes qui nous affichent des informations supplémentaires, les puces RFID qui permettent de nous identifier à des terminaux, la réalité augmentée est sur le point d'aboutir.

Voici un court métrage d'anticipation d'un futur pas si lointain :

Life 2.0
envoyé par manukeo

Via Blablog

Pour patienter...

Jean-Sébastien Mansart — Fri, 21 Dec 2007 08:15:00 +0100

En attendant la vidéo complète de présentation de Bayard Service Web, je vous propose un petit aperçu de tous les corps de métier impliqués et qui seront présents dans la vidéo.

Le Directeur

écoute - conseil - rencontre client

Le Chef de Projet

suivi client - organisation

La Graphiste Web

imagination - créativité - animation

Le Développeur Web

conception - optimisation

La Rédactrice Web

écriture - accompagnement

Passez de bonnes fêtes, et à l'année prochaine pour la découverte de la vidéo !

Réalisation d'une vidéo pour Bayard Service Web. #5 : animation du décor

Jean-Sébastien Mansart — Thu, 20 Dec 2007 11:41:00 +0100

Cinquième partie de la suite de billets consacrés à la réalisation d'une vidéo de présentation de Bayard Service Web.

Maintenant que la vidéo est détourée et les éléments du décor défini, on intègre les éléments dans la vidéo en calant leurs apparitions en fonction de la musique, toujours dans le but de donner du rythme à la vidéo.

La vidéo est pratiquement terminée, il reste à monter les scènes ensemble et créer le player flash dédié.

Bayard Service Web : vidéo présentation #4 : animation du décor

Dans le prochain billet, je vous présenterai les différentes scènes présentes dans la vidéo finale.

Réalisation d'une vidéo pour Bayard Service Web. #4 : création de l'environnement

Jean-Sébastien Mansart — Tue, 11 Dec 2007 14:08:00 +0100

Quatrième partie de la suite de billets consacrés à la réalisation d'une vidéo de présentation de Bayard Service Web.

Lorsque la vidéo est détourée, on en extrait une image et sous photoshop, on place en incrustation des éléments qui constitueront le décor. On créé en même temps la maquette graphique où seront jouées les différentes vidéos.

Cette étape permet de préparer la tâche suivante qui consistera à animer les éléments du décor en fonction de la musique.

Réalisation d'une vidéo pour Bayard Service Web. #3 : le détourage

Jean-Sébastien Mansart — Mon, 10 Dec 2007 13:47:00 +0100

Troisième partie de la suite de billets consacrés à la réalisation d'une vidéo de présentation de Bayard Service Web.

Une fois le montage effectué et avant l'ajout du décor et des incrustations, il faut rendre le fond de la vidéo transparente. Cela se fait en masquant le fond vert, ce qui permet de détourer les personnages et les divers éléments de décor. Cette étape est dans la théorie facile, mais la complexité de cette tâche dépend de la qualité de la vidéo et de l'uniformité du fond vert (reflets, brillance, etc...).

Ce travail peut se révéler long et fastidieux, surtout lorsqu'il faut reprendre image par image la vidéo pour supprimer le fond sans dénaturer la forme et les couleurs des éléments à conserver.

Voici le résultat de la scène du Chef de projet une fois le détourage appliqué.

Bayard Service Web : vidéo présentation #3 : le détourage

Réalisation d'une vidéo pour Bayard Service Web. #2 : le montage

Jean-Sébastien Mansart — Tue, 13 Nov 2007 09:00:00 +0100

Seconde partie de la suite de billets consacrés à la réalisation d'une vidéo de présentation de Bayard Service Web.

Une fois l'acquisition faite, il faut découper la vidéo en pleins de petits bouts, afin de les rendre facilement manipulable pour le montage.
On mixe différents plans, venant des différentes caméras et on assemble le tout, le but est de donner du rythme à la vidéo.

On reprend la vidéo de notre Chef de Projet adoré, on ajoute quelques plans de la seconde caméra, on accélère légèrement, et voilà :

Bayard Service Web : vidéo présentation #2

Réalisation d'une vidéo pour Bayard Service Web. #1 : l'acquisition

Jean-Sébastien Mansart — Tue, 13 Nov 2007 08:00:00 +0100

Dans le cadre de la refonte du site web de Bayard Service Web, la société pour qui je travaille, nous avons voulu tourner une vidéo de présentation de l'équipe qui soit un peu originale, sans pour autant imiter de nombreuses boites qui s'adonnent les unes après les autres au lipdub.

Nous avons donc tous passé une journée dans les locaux de l'IUT SRC de Savoie Technolac à tourner sur fond vert face à deux caméras.
Deux caméras étaient posées pour offrir deux prises de vues différentes, l'équipe des graphistes étaient aux commandes, story boards à la mains, lançant des "ça tourne !" ou des "non, ça va pas du tout là !" suivant les cas.

La première étape, avant le tournage d'une vidéo est le story boardage, raconter l'histoire sous forme de dessins, le plus précis possible pour guider les acteurs et le réalisateur.
Ensuite vient le tournage. Les acteurs se succèdent les uns après les autres, les décors changent entre deux, on refait un nombre incalculable de fois les scènes, et à la fin de la journée on obtient quatre heures de rush.

Voilà le premier résultat, l'acquisition :

Bayard Service Web : vidéo présentation #1

C'est super occupé un chef de projet...