Bienvenue sur le blog de tKaap, la 1ère communauté dédiée aux défis. Un site réalisé par Jacinthe et moi-même...
Retrouve ici toute l'actualité du projet : coups de projecteur sur les événements tKaap, échanges avec les membres, explications de conception... et bien plus !
Vous vous souvenez du billet où nous avions rencontré le staff de Youtube et intégré par la suite leur plate-forme dans Galaxy ? Et bien, Il y a des jours comme ça où ça vaut le coup de prendre son courage à deux mains.
Quelques semaines plus tard, notre contact chez Youtube nous annonce qu’il présentera Galaxy en exemple à toutes les prochaines conférences Youtube API. C’est ainsi que notre petite application a parcouru plusieurs milliers de kilomètres à travers toute l’Europe à l’occasion des Google Developer Days, fin 2008.
Madrid, Milan, Prague, Moscou, Tel Aviv etc… C’est un sacré honneur que Google nous fait là.
En attendant la bêta privée de tKaap.com qui sortira courant janvier 2009, je vais vous expliquer comment le soutien de Gameloft s’est concrétiser dernièrement.
Une Galaxy pour illustrer un billet
Fin septembre, nous assistons à une soirée FanDay Gameloft pour la sortie de 3 nouveaux jeux sur iPhone : Asphalt 4, Real Football 2009 et Block Breaker Deluxe 2. Ayant acquis, installé et testé ces 3 jeux pour mon blog Ergophile, je souhaitais illustrer mon billet sur Asphalt4 avec une Galaxy Gameloft réunissant toutes les vidéos démos des jeux évoqués.
Et pourquoi ne pas faire une Galaxy Gameloft avec un iPhone 3D au centre ? J’ai commencé par customiser un parallélépipède en iPhone mais le rendu n’était vraiment pas terrible. Alors, Sylvain ne faisant jamais les choses à moitié, a décidé de passer une journée et demi à modéliser et optimiser un iPhone sous Blender pour pouvoir l’insérer au cœur de cette Galaxy.
Contacter Gameloft
Le résultat obtenu nous a beaucoup plu. Mais après réflexion, nous avons décidé de contacter Gameloft car nous ne souhaitions pas communiquer sous le nom d’une marque sans avoir leur autorisation.
Une dizaine d’emails ont été échangé pour d’une part avoir du contenu vidéo sur le compte officiel de Gameloft (sur Dailymotion), et d’autre part pour présenter la Galaxy. Enfin, nous avons obtenu une réponse positive le 17 novembre. Nous ne l’avons pas dévoilé jusque là car nous souhaitions l’annoncer officiellement lors de notre soirée de lancement.
Un widget Netvibes
Dernièrement, au Web08, Sylvain rencontre Franck Mahon, VP Product Development chez Netvibes, et échange quelques mots sur Netvibes et sur notre projet tKaap. Le lendemain, nous recevons un petit mail de Franck avec un lien vers un widget Netvibes Gameloft. Ce widget peut se rajouter à votre page d’accueil privée ou publique et vous permet de découvrir les nouvelles vidéos démos des jeux Gameloft.
Edit : La vidéo peut mettre quelques secondes à se lancer. Soyez patient :)
Petit retour sur la soirée de lancement de mardi dernier. Vous étiez de nombreux curieux à avoir fait le déplacement au Café Dune et l’ambiance était vraiment cool. On recherchait depuis longtemps un lieu comme ça, chaleureux, humain, qu’on pourrait remplir avec plein de gens passionnés comme nous avec peu de moyen.
Vous avez peut être loupé une soirée télé/bouquin pépère ou encore la Fanny’s party ou autre partys geek chic pour venir nous voir, et ça c’est un putain d’honneur que vous nous faite. Merci encore à tout les présents, collègues, amis virtuels, réels, ou juste curieux. Beaucoup de bonnes discussions, très riche en possibilités de collaboration, critiques et encouragements.
Nous avons pris un peu de retard sur ce billet, toutes nos excuses aux malheureux absents et frères isolés de province qui attendaient la vidéo avec impatience.
Je n’avais pas encore eu le temps de mettre la vidéo de la présentation en ligne. J’ai trop galéré sur le Macbook avec un export Final Cut super foireux (il donnait « 9 jours restant » sur l’encodage !) Bref, finalement pas de montage puisque Steve Jobs en a décidé autrement. Comme vous le savez, le temps est très précieux chez nous, et je crois qu’on a un site à finir hein ! Choum le patron des lieux nous avait enregistré la bande son du micro mais les différences de volumes de voix entre Ja (inaudible) et moi (saturé) sur une seule entrée micro sont difficile à corriger.
Donc on va faire simple. Voilà la vidéo intégrale, non coupé avec le son d’origine. 1h38, certainement trop long pour la plupart, mais c’est notre histoire et puis finalement c’est pas plus mal que l’informatique déconne des fois. Les plus pressés zapperons ou ne regarderons tout simplement pas, mais quelques autres découvrirons notre aventure unique !
Petite présentation de nous 2 et de nos passes-temps, en passant par un récit du chemin de réflexion jusqu’à l’idée principale du service (qu’on vous laisse découvrir dans la vidéo). Plus sérieux, nous abordons la délimitation du périmètre d’application du site, les procédés de modération, le système de points et quelques pistes de modèle économique. Tout à la fin, il y a les maquettes aussi !
Le support de présentation est juste en dessous. Oyez, Oyez, c’est partis !
Alors c’est peut-être pas parfait… mais ça nous ressemble et puis, c’est certainement ça le plus important.
Hier, un coup de fil sur mon iPhone. En manque de sommeil, je décroche. C’était notre contact de chez Adobe qui me confirmait qu’ils étaient d’accord pour soutenir officiellement Galaxy ! Il nous offre même un Flex Builder 3 Pro tout neuf pour nous encourager à continuer. Valeur du joujou : 600€ tout de même. Développer légalement, je ne demandais que ça !
Au téléphone, elle me confirme aussi que l’on peut afficher le logo Adobe dans Galaxy… la classe ! Quelques heures plus tôt, j’avais envoyé un mail contenant ces mots et bien d’autres, argumentant sur les fonctionnalités et les perspectives de notre outil, lui demandant par la même occasion si Adobe France pouvait soutenir notre jeune pousse :
« Sans passer par quatre chemins, sais-tu s’il est possible de convenir d’un sponsoring logo dans Galaxy par exemple, en échange d’une licence Flex (je rêve peut être) ou n’importe quel autre forme de soutien. Un partenariat Adobe donnerai une bonne image et une crédibilité supplémentaire à notre projet. Sais-tu si un rapprochement avec Adobe est envisageable ? [...] C’est important pour nous car ça nous donne de la légitimité dans le milieu artistique et créatif. Nous prévoyons aussi un relooking de l’interface pour très bientôt et évidemment la sortie du projet tKaap, qui utilisera Galaxy pour sélectionner du contenu à toute vitesse ! »
Après avoir présenté Galaxy aux mecs de Google, c’est Adobe qui est maintenant dans la boucle.
Décidément, le monde est tout petit !
Flashback jeudi dernier, Google a organisé à Paris pour la deuxième fois consécutive une journée consacrée aux développeurs. Ce « Google Developer Day » s’est tenu à l’école d’architecture de Paris, où Google avait mis les petits plats dans les grands en investissant vraiment bien les lieux. Salle de détente avec Fatboy, Wii et massage, cantine avec de la bonne bouffe, intervenants internationaux etc. De nombreuses conférences y était organisées dont deux sur l’utilisation de l’API Youtube, un compte-rendu d’une heure et un atelier de deux heures.
Ces présentations m’ont forcément intéressé au plus haut point car il est prévu depuis un moment d’intégrer Youtube dans notre outil Galaxy. Cette fonctionnalité étant très attendu par les utilisateurs, il était de mon devoir de me renseigner un peu plus sur le sujet même si j’avais déjà bien épluché la doc en ligne.
Et bien je n’ai pas été déçu, puisque j’ai pu échanger directement avec des gens de Google ! Du coup, j’en ai profité pour leur poser plein de questions et leur présenter Galaxy de manière complètement informelle à la fin de la première conférence. Le concept du produit leur a d’ailleurs bien plu. Plusieurs d’entre eux m’ont bien sûr encouragé à intégrer Youtube pour que Google puisse présenter Galaxy en tant qu’exemple d’application tierse lors des conférences publiques internationales. Quel honneur pour notre petite équipe !
Saisissant l’opportunité, j’ai donc pris mon courage à deux mains et me suis lancé vendredi matin dans cette riche activité. Le code était déjà plus ou moins conçu de telle sorte à ce que l’ajout de services externes ne pose pas trop de problèmes, mais j’ai tout de même du faire face à pas mal d’imprévus dans l’optimisation des skins, du widget exportable et du tracking notamment. J’ai donc terminé cette première intégration hier et, après de multiple tests de fonctionnement et de non-regression, nous mettons aujourd’hui cette nouvelle version à disposition de tous.
Il s’agit véritablement d’un premier jet, on optimisera la chose au fil de l’eau. ça tourne bien chez vous ?
Bon aller, un dernier saut dans les coussins et je retourne dans ma tanière bosser sur tKaap. Gnnaaaaaah !
J’ai toujours un peu de mal à utiliser le mot « influenceurs », très marketing pour parler des blogueurs les plus populaires, si vous en avez un autre, je suis client. Un rapide billet pour vous partager les liens vers leurs billets ainsi que quelques phrases clées :
« Jusqu’à présent les interfaces riches étaient vues comme des boîtes noires qu’il était impossible de tracker. Les professionnels étaient donc très réticents à employer des technologies RIA d’envergure du fait de l’impossibilité de mesurer l’activité. »
« Heureusement que certains innove comme l’équipe de tKaap avec son RIA tracker. [...] Cette technologie est pour le moment en phase de test sur la très impressionnante interface de Galaxy. Les données sont ensuite représentées dans un beau tableau de bord. »
« Voici donc une très bonne initiative qui pourrait apporter un début de réponse à ce problème récurrent de la mesure d’audience. [...] Bref, j’espère que ce RIA tracker va faire évoluer l’écosystème des web analytics dans le bon sens. »
« C’est chez Galaxy que ça se passe, un projet expérimental bien ficelé mené de main de maître par un ancien de Dailymotion et Jacinthe, une pas ancienne de chez Deezer. »
« An online 3D video search portal & viewer with an integrated real-time information dashboard that tracks in detail the usage of videos on Dailymotion including average use time, visit number, average play time & video view number. »
Des critiques qui nous ont fait très plaisir et qui nous donne du courage, merci à eux.
Bonne nouvelle ! Le widget Galaxy fonctionne maintenant sur Myspace. Il y a quelques jours, une nouvelle application Myspace est apparue, permettant d’intégrer une iFrame dans votre profil. Voici en deux temps trois mouvements les étapes à suivre pour intégrer une Galaxy 3D avec vos vidéos, vos favoris, ou n’importe quel résultat de recherche. Et plutôt que de se perdre dans des schémas fastidieux, nous avons décidé de partager ça en vidéo.
Nom de l’application Myspace : MyHTMLSpace430
Ligne CSS à copier/coller : <style>td.appcontent *{height:300px}</style>
J’espère que le format vous plait et que je me suis pas trop ramassé pour ce 1er Screencast.
Différent des conférences, c’est un exercice vraiment pas évident mais il m’a permis de travailler élocution, pédagogie et vulgarisation. Si le format vous plait, nous en referons d’autre.
Pour info, j’ai utilisé le logiciel Camtasia sur Pc, qui est vraiment génial.
Lyricis.fr est notre premier membre à obtenir un habillage 3D. 6ème au classement Wikio Cinéma, Lyricis est un blog sur l’actualité du grand écran avec les derniers trailers, bandes-annonces, l’actu des séries-tv et bien plus encore.
Existant depuis 2005, Lyricis est une vrai mine d’or sur le cinéma. A l’affut des dernières news, vidéos, photos et rumeurs, ce blog est quotidiennement mis à jour et vous permet de suivre l’actualité avec simplicité et bonne humeur.
Relooké selon les évènements du moment, Lyricis trouve un bon coup d’air frais grâce aux habillages et headers réalisés par son fidèle graphiste CloudWalker Graphics.
CloudWalker est donc à l’origine de l’identité visuelle de Lyricis et de cette nouvelle Galaxy qui sera fréquemment mise à jour à l’aide des images affichées sur le cube 3D.
A l’occasion de la sortie en DVD et Blu-Ray de Sweeney Todd (dernier film en date de Tim Burton avec Johnny Deep et Helena Bonham Carter), vous pouvez gagner des DVD de ce film avec Lyricis et Way To Blue.
Pour aller plus loin dans les personnalisations de Galaxy, nous avons décidé d’intégrer des éléments en trois dimensions. Cela nous permet d’étendre encore plus les possibilités d’habillages de Galaxy. Nous partageons aujourd’hui avec vous nos premiers prototypes, basés sur des formes primitives : sphère, cube, cylindre. Afin d’illustrer ces différents modes de visualisation, nous avons choisi d’aborder des thèmes variés : cinéma, musique, dessin animé…
La magie de Wall-E
A l’occasion de la sortie de ce petit robot sur nos grands écrans, nous avons réalisé une Galaxy à son effigie. Ci-dessous, quelques explications détaillées afin de mieux comprendre le procédé utilisé :
Fonctionnement
Nous conservons les méthodes de bases d’intégration d’un habillage classique, déjà explicitées dans un précédent billet, tout en ajoutant de nouvelles lignes à notre XML prenant en charge la configuration de la 3D dans Galaxy.
Pour le fond, nous utilisons ici une image au format PNG répètée sur l’axe X.
En superposition, nous intégrons un SWF transparent contenant l’animation des étoiles, l’aurore boréale et le logotype.
Les personnages figurent sur une image au format PNG transparent qui se plaque sur l’objet 3D centré, ici une sphère de taille importante car elle contient les previews des vidéos.
Dans la sphère, nous ajoutons des particules 3D de couleurs blanches pour matérialiser les étoiles.
Et pour finir, nous personnalisons previews vidéos et thème couleur.
Gollum et son anneau
Sur cette habillage, vous constaterez que l’objet 3D ne contient pas les previews vidéos mais se situe au centre de ces dernières. Ici, Sylvain s’est amusé à concevoir l’anneau en réalisant la texture et les écrits sous Photoshop. Le résultat est une texture PNG qui se plaque sur un cylindre. Nous jouons ensuite sur son diamètre et sur son axe de rotation pour laisser percevoir l’intérieur. Nous avons à nouveau ajouté des particules de couleur doré pour amplifier le côté magique et maléfique de cet anneau.
Le Rubik’s Cube de Bob
Même procédure que l’habillage précédent sauf que cette fois-ci il s’agit d’un cube avec 6 faces distinctes : 6 images sont plaquées sur chacune des faces. J’ai décidé de faire un Rubik’s Cube avec le personnage Bob l’éponge, plus attrayant qu’un simple Rubik’s Cube aux couleurs primaires.
La ronde de Léonard
Ce dernier habillage est techniquement proche de celui de Wall-E sauf que la sphère est de taille beaucoup plus petite et se situe au centre formant la ronde des danseurs du dernier Clip de Léonard De Léonard. Ce jeune artiste mérite d’être découvert et je suis persuadée que d’ici très peu de temps il aura une renommé aussi grande que Vitalic voir même plus.
Tout va très vite en ce moment avec encore une nouvelle version pour Galaxy. Cette fois-ci, l’amélioration se situe au niveau de la génération de statistiques en temps réel. Intégrée dans Galaxy sous forme de module pleine page, nous lui avons donner le doux nom de « RIA Tracker ».
RIA Tracker est la première technologie de tracking dédiée aux applications riches. Elle enregistre, quantifie, temporalise chaque action se déroulant au sein de l’application et les restitue sous forme de rapports d’usage détaillés. Ce bon en avant très demandé par nos partenaires, conforte notre position d’innovateur et de « défricheur » dans notre quête d’interface alternative de lecture de contenu.
Comme vous pourrez le constatez ci-dessus, l’interface est dotée de plusieurs particularités dont la mise en avant de chiffres clés juxtaposés à la modélisation graphique de leurs progressions dans le temps. Chaque relevé d’activité participe au cumul du nombre de visites et de vidéos vues. Les intervalles de temps logués lors de chaque action permettent de calculer des moyenne de temps de lecture et de temps d’usage.
Les données peuvent être prélevées sur la totalité de l’audience ou bien sur une des Galaxy partenaires au choix. Chaque colonne peut être triée en cliquant sur son entête et filtrée selon le type d’action tracké.
Vous trouverez aussi à votre droite un panneau de présentation des contenus les plus vues, les plus lues ainsi qu’un classement des recherches les plus courantes. Un clic sur l’aperçu d’un contenu lance sa lecture à l’extérieur de Galaxy pour éviter l’ajout d’une nouvelle entrée dans les actions.
Petite précision sur le fonctionnement technique : RIA Tracker n’utilise pas de base de données mais uniquement des logs au format texte afin de faciliter l’installation de Galaxy embarquée sur n’importe quel type de technologie serveur.
Sylvain
Quelques semaines plus tard, notre contact chez Youtube nous annonce qu’il présentera Galaxy en exemple à toutes les prochaines conférences Youtube API. C’est ainsi que notre petite application a parcouru plusieurs milliers de kilomètres à travers toute l’Europe à l’occasion des Google Developer Days, fin 2008. 
Jacinthe
Au téléphone, elle me confirme aussi que l’on peut afficher le logo Adobe dans Galaxy… la classe ! Quelques heures plus tôt, j’avais envoyé un mail contenant ces mots et bien d’autres, argumentant sur les fonctionnalités et les perspectives de notre outil, lui demandant par la même occasion si Adobe France pouvait soutenir notre jeune pousse :
