juste un petit ticket pour dire que je viens de releaser une nouvelle appli android sur le championnat Suisse de hockey sur glace. Bien plus évoluée que la dernière. Voici les features de cette version:

-résultats en direct et classement

-notifications durant les matchs de son équipe préférée

-un fil qui permet aux utilisateurs de commenter et d’échanger pendant les matchs

-les dernières news relatives au championnat

Si ça vous intéresse, c’est par là: http://apps.meta-for.net/swisshockey/

L’utilisation est relativement simple. Allez faire un tour sur la doc de face.com pour comprendre le fonctionnement de leur API. Pour la suite , je vous mets un petit tuto sur la marche à suivre pour utiliser la librairie dans un namespace privé. Je ferai pareil pour l’utilisation avec facebook connect dès que j’ai un petit peu de temps, ce qui vous permettra de jouer directement avec les tags des photos du célèbre réseau social. Donc “stay tuned” si c’est quelque chose qui vous intéresse.

utilisation

Premièrement rendez-vous sur le site developpeur de face.com et créez un compte. Sur la page de votre compte, ajoutez une nouvelle application et spécifiez au besoin l’url du site. Notez ensuite l’API Key ainsi que l’API Secret, pour le reste laissé tout décoché. De retour sur votre compte ajouté un namespace, que vous réglerez en privé pour l’instant. Un namespace sur face.com est un comme son nom l’indique un espace de nom, dans lequel vous ajouterez les personnes à détecter/reconnaître sous la forme id@namespace, pour plus d’infos allez ici.

Du côté actionscript enfin. On va procéder en 3 étapes:

1. Détecter un visage dans une image et récupérer son id temporaire( tid )
2. Enregister le tid dans notre private namespace
3. Effectuer une reconnaissance sur une autre image pour la comparer avec l’id stocké

Etape 1, la détection. On va donc détecter un visage sur la photo suivante. Tout rapport avec l’actualité d’aujourd’hui est involontaire…

Franck Ribery content...

package
{
	import flash.display.Sprite;

	import net.metafor.faceapi.FaceApi;
	import net.metafor.faceapi.events.FaceEvent;

	public class Main extends Sprite
	{
		private var faceApi:FaceApi;

		public function Main()
		{
			//Créez une insatnce de FaceApi
			faceApi = new FaceApi();

			//Définissez votre apiKey et votre secret
			faceApi.apiKey = "your_api_key";
			faceApi.apiSecret = "your_api_secret";

			// Enregistrez un écouteur et appelez la méthode detect() sur recognitionService,
			// avec un Array contenant les urls des images à analyser en paramètre.( ici une seul pour l'exemple )
			// Vous pouvez aussi utiliser uploadAndDetect pour passer directement un Bitmap
			faceApi.recognitionService.addEventListener( FaceEvent.SUCCESS , onDetectSuccess );
			faceApi.recognitionService.detect( ["http://static1.purepeople.com/articles/0/24/40/0/@/168118-franck-ribery-637x0-2.jpg"] );

		}

		private function onDetectSuccess( evt : FaceEvent ) : void
		{
			faceApi.recognitionService.removeEventListener( FaceEvent.SUCCESS , onDetectSuccess );

			//Récupérer l'id temporaire
			var tid:String = evt.data.photos[0].tags[0].tid;
		}
	}
}

Etape 2, sauvegarder l’id temporaire dans votre private namespace:

// Sauvegarder ensuite votre tid , en l'associant au uid de votre choix.
// Respecter bien le syntaxe suivante :  id_de_votre_choix@nom_du_namespace
faceApi.tagsService.save( tid , "franck_ribery@nstuto" );

Etape 3, et voilà maintenant vous pouvez comparer une nouvelle photo avec le contenu de votre namespace. Celle-ci par exemple:

Franck Ribery toujours content...

// Vous pouvez maintenant appeler recognize() sur recognitionService.
// Vous comparez ainsi une nouvelle image, dans ce cas-là avec l'ensemble des tags enregistrer dans le namespace( all@namespace ).
// Vous pouvez aussi le comparer seuleument, avec un tag( ex: franck_ribery@nstuto ).
faceApi.recognitionService.addEventListener( FaceEvent.SUCCESS , onRecoSuccess );
faceApi.recognitionService.recognize( ["http://www.elawords.com/wp-content/uploads/2010/03/Franck-Ribery.jpg"], ["all@nstuto"] );

Et voilà!!! Si vous faites un trace() de la propriété rawResult de l’événement vous devriez voir quelque chose comme ça.

{
    "photos": [
        {
            "url": "http:\/\/www.elawords.com\/wp-content\/uploads\/2010\/03\/Franck-Ribery.jpg",
            "pid": "F@f39c380996d11b054183916d919c3046_7b6b64e18d6b4e64070dcc7d0f91fd76",
            "width": 338,
            "height": 450,
            "tags": [
                {
                    "tid": "TEMP_F@f39c380996d11b054183916d919c3046_7b6b64e18d6b4e64070dcc7d0f91fd76_53.70_48.11_1",
                    "threshold": 65,
                    "uids": [
                        {
                            "uid": "franck_ribery@nstuto",
                            "confidence": 85
                        }
                    ],
                    "gid": null,
                    "label": "",
                    "confirmed": false,
                    "manual": false,
                    "tagger_id": null,
                    "width": 66.57,
                    "height": 50,
                    "center": {
                        "x": 53.7,
                        "y": 48.11
                    },
                    "eye_left": {
                        "x": 36.67,
                        "y": 41.85
                    },
                    "eye_right": {
                        "x": 63.16,
                        "y": 44.67
                    },
                    "mouth_left": {
                        "x": 34.67,
                        "y": 65.64
                    },
                    "mouth_center": {
                        "x": 45.74,
                        "y": 68.54
                    },
                    "mouth_right": {
                        "x": 58.32,
                        "y": 67.66
                    },
                    "nose": {
                        "x": 46.99,
                        "y": 57.22
                    },
                    "ear_left": null,
                    "ear_right": null,
                    "chin": null,
                    "yaw": -1.72,
                    "roll": 8.07,
                    "pitch": 1.91,
                    "attributes": {
                        "face": {
                            "value": "true",
                            "confidence": 1.5809
                        },
                        "gender": {
                            "value": "male",
                            "confidence": 94
                        },
                        "glasses": {
                            "value": "false",
                            "confidence": 53
                        },
                        "smiling": {
                            "value": "true",
                            "confidence": 15
                        }
                    }
                }
            ]
        }
    ],
    "status": "success",
    "usage": {
        "used": 1,
        "remaining": 199,
        "limit": 200,
        "reset_time_text": "Tue, 20 Jul 2010 16:46:25 +0000",
        "reset_time": 1279644385
    }
}

Vous trouvez donc une partie uids qui stocke les ids qui ont matché avec votre comparaison. On s’aperçoit que la photo à bien été reconnue comme franck_ribery@nstuto avec une probabilité de 85%.
Voilou, c’était un exemple tout simple, à vous de faire joujoux avec maintenant. Essayez avec la photo de Zaia et vous ne devriez pas avoir le même résultat.

release note

• La libraire ne supporte actuellement que les résultats en JSON, mais l’XML va suivre au plus vite.
• L’authentification facebook est presque entièrement implémentée, je ferai suivre un tuto.
• L’authentification avec Twitter est partiellement implémenter, notamment avec OAuth, vous trouverez une classe dans le package auth vous aidant à l’implémenter.
• Pour passer un bitmap à la place d’une url, utiliser uploadAndDetect(), uploadAndRecognize, …
• Les méthodes suivantes ne sont pas encore disponibles: tags.add(), tags.get() et tags.remove() . Elles suivront dès que j’ai un peu de temps.

download

Vous trouverez les sources sur mon github.
Pour les autres je vous mets aussi les sources en direct download.
Et pour la doc, c’est ici.( pas encore très fournie, mais ça vient).
N’oubliez pas de télécharger l’excellente lib as3crypto si vous utiliser OAuth.

ExternalInterface.addCallback("callAs", cb);
btn.addEventListener( MouseEvent.CLICK , clickHandler );

private function clickHandler( evt : MouseEvent ) : void
{
    if( ExternalInterface.available )
    {
        ExternalInterface.call( "callJS" );
    }
}

private function cb() : void
{
    trace("As called");
}

Vous noterez que j’appelle le callback sur “flashcontent” qui est l’id du Flash. Et bien sous cette configuration callJS() est bien appelé, mais pas le callback. Mais étonnement tout s’exécute correctement si je supprime la première ligne du code html, le doctype. J’ai le même résultat sur Firefox 3.6 et Safari sur Mac. J’imagine que le fait d’effacer le doctype désactive le mode strict de rendu html.
La solution consiste, et c’est la bonne pratique à utiliser de toute manière, à utiliser document de cette manière :

document["flashcontent"].callAs();

Voilou, voilou

après quelques mois de beta, la 4ème mouture de Flex Builder sobrement renommée Flash Builder vient de pointer le bout de son nez en version final. On précisera, et c’est une bonne nouvelle, qu’il reste gratuit pour les étudiants et les dev en recherche d’emplois.
Le SDK est dispo à cette adresse.
Pour finir, un petit mot sur la CS5, qui suscite une énorme attente de la part de la communauté, surtout pour la refonte du panneau Actionscript de l’IDE(… mais bien sûr ). Bref, on a maintenant une date, le bébé sera là le 12 avril.

Swiss Hockey Widget

Android App Screen

Si vous êtes fan du championnat suisse de hockey, ce widget est fait pour vous… Vous pourrez grâce à lui suivre votre équipe favorite et être notifié à chaque goal de celle-ci.

Alors go sur le Market… et n’oubliez pas de me laisser vos remarques et commentaires.

Zürich

Aral Balkan – Remember the magic

Arrivé comme à son habitude avec quelques minutes de retard, votre humble serviteur découvre une salle chantant en cœur le doux nom de « Microsoft » ( si..si..). Après que l’envie de partir en courant fut passée, je vais m’asseoir afin d’écouter Aral Balkan. Alors lui, c’est un sacré numéro… Il nous rappelle tout d’abord aux bons souvenirs des Amigas et autres Comodores avant de décrire l’(énorme) évolution de l’informatique et des outils mis à disposition de nous autres, et d’insister sur le fait que ceux-ci doivent élargir la créativité et que tout ceci doit apporter une plus value à l’expérience utilisateur, le nerf de la guerre…

Aral Balkan

Et comme il le dit lui-même : «  le design pattern c’est le mal !!! Ne restez pas dans les carcans, EXPERIMENTEZ !!! »

Petet Eist – Air and Sqlite

Une petite conférence sur l’utilisation de base de données embarquées dans une application Air. Démo pratique de son utilisation, code à l’appui et explication des différentes manières de procéder. Sinon je ne m’attarde pas trop sur le sujet mais conseille vivement d’aller matter les slides de la pres à tous ceux qui seraient intéressés par le sujet.

James Ward – Pixel Bender

On commence par une petite présentation du Pixel Bender Toolkit, ce nouvel outil apparu avec la player 10 et qui permet de créer et d’éditer des filtres ensuite exploitables dans le code AS. Les différences entre .pbj et .pbk , ainsi qu’un petit tour par Alchemy.
Il termine ensuite par la présentation de son incroyable librairie PbjAS, permettant d’utiliser les possibilités de pixel bender et notamment le calcul multi-thread directement au runtime…Rien que ça… Je ne vous donne pas les explications techniques de comment il a réussi ce tour de force, c’était pas très clair pour moi aussi^^

Paul Burnett

Platform Evangelist chez Adobe, Paul Burnett vient présenter les nouveautés de la CS4. Il commence par une petite explication de la vision des futurs WorkFlow( Flash CS4, Catalyst, Flash Builder)comme Adobe l’imagine.
On part ensuite sur les nouveautés de Photoshop CS4, streching d’images sans déformations, et de Flash CS4, bones et api 3d notamment… Bref si vous voulez voir l’entier de la conférence regardez la vidéo de la keynote de la dernière Max c’est exactement pareil…

Marcel Vogt / Tiago Dias – WiiFun/Bend My 3d

Et 2 conférences pour le prix d’une !!!… On commence par une présentation de la librairie de Thibault Imbert WiiFlash. Bon rien se spécial de ce côté là, il a présenter les divers devices prix en charge par la librairie, Wiimote, Balance, Nunchuk, etc… Et fait une petite demo d’un jeu qu’il a réalisé prenant en charge le Wheel. Sympa, mais faut dire que le server est pas super stable sur sa machine, il a bien dû s’y reprendre à quelques fois sur chaque demo… Mais faut avouer que c’est toujours sympa de voir les gens s’émerveiller devant le fait qu’il est possible d’utiliser la Wiimote dans Flash, d’ailleurs, je dois avouer que ça m’a donné envie de ressortir la mienne…( euh ma Wiimote biensûr… )

Marcel Vogt entrain de faire une démo de son jeu

En seconde partie Tiago Dias nous a rapidement présenté AS3dMod cette bibliothèque de class permettant d’appliquer des déformations sur des objets 3d avec la majorité des moteurs 3d actuels en Flash.

Rafael Beck - Augmented Reality

Bon là comme je m’y attendais grandement, une bonne partie de déjà-vu sur les démos de FlarToolkit qu’il a présentées. Par contre, je dois avouer que je ne connaissais pas du tout le framework FLARManager et je vais m’empresser de le tester car ça à l’air vraiment bien foutu.

Rafel Beck

Un petit détour ensuite sur Marilena une petite bibliothèque de détection de mouvements.
Sinon, il a aussi présenté d’autres projets qui sortent du cadre du Flash notamment un en provenance directe du MIT, et faut bien dire que ça en jette… Minority Report vous avez dit ?

Les slides de la présentation

Michael Plank - Simultaneous Web and Desktop Development

Super conférence avec un des gars de FDT qui nous donne en gros ses best practices pour le développement d’applications destinées autant pour le Web que pour le bureau. Ça commence par une bonne petite explication des différences à appréhender entre les 2 plateformes, notamment entre le playerglobal.swc et le airglobal.swc.
Il explique ensuite les différentes manières de procéder et notamment une qui retient mon attention, la compilation conditionnelle. Je vous en dis pas plus pour l’instant car je prépare un post la dessus pour l’expliquer plus en détail.
Et on finit sur un petite explication de la compilation groupée avec Ant, chose qui m’a bien servie.

Serge Jespers – RIA’s with Flash Catalyst

Petite de démo de Catalyst avec Serge Jespers. En fait, la création du widget qu’Adobe utilise en interne pour faire des recherches sur les employés. Faut dire que chaque fois que je vois une démonstration de Catalyst je vois ce même tuto, j’espère qu’on peut faire autre chose avec ☺. Vous pouvez donc revoir tout ça en allant regarder cette vidéo de Thibaut Imbert, c’était la même chose.

Ralph Hauwert – Pushing Pixels in Flash 10

Excellente conférence, sans doute une des meilleurs à mon goût de Ralph Hauwert ( unitZeroOne ) sur la manipulation de pixels et les nouveautés apportées par le player 10 dans ce domaine.
Particulièrement porté sur l’expérimentation également au niveau musicale qui est une de ses passions, il commence en présentant son émulateur de sons c64. Grand moment à la diffusion du thème de AirWulf…
On poursuit ensuite par une démo très impressionnante sur la façon de simuler de la 3d, sans librairie telle que pv3d ni même les nouvelles fonctionnalités de Flash 10. Tout ceci en utilisant des superpositions de textures et des déformations de bitmap… very cool.
Quelques best practices sur Alchemy ensuite et je ne saurais que trop vous conseiller son blog à ce sujet.
Et pour terminer une petite démo de PapervisionX, la prochaine mouture du moteur de rendu 3d pour le nouveau player dont Ralph fait parti de l’équipe de développement. Et que dire d’autre à part que je suis très impatient de pouvoir utiliser tout ça. L’adaptation du célèbre jeu Quake montre le formidable potentiel de cette version en terme de performances et de qualité des shaders… Si vous voulez en savoir plus, vous pouvez toujours allez lire cet article.

The Thinker’s box – Mario Klingemann

Et pour finir en beauté Quasimodo nous gratifie d’une « pres » totalement orientée expérimentation. Ça passe par la génération de dessin , les voxels, la géométrie, la couleurs…de l’art numérique.
Et on termine par une description par étapes de la réalisation de son Tweet de la Mona Lisa encodé en base64… Bref du grand art, et même si je n’ai pas tout compris, la passion avec laquelle il raconte tout ça est tout bonnement génial.

Bref, voilà un week-end fort sympathique et pour une fois qu’il y a quelque chose en Suisse, j’ai qu’une chose à dire : « Bravo à tous les organisateurs et à tous les speakers… See you next year !!! »

De vendredi à samedi prochain se tiendront sur les bords de la Limatt, une succession de conférences et de Workshops des plus prometteurs. Avec entre autres speakers: Mario Klingemann( alias Quasimodo) , Aral Balkan, James Ward, Ferdi Koomen( demonsters) et Paul Burnett ( Adobe Evangelist)…Bref que du beau monde.

link: http://fatl.ch

En fait, c’est l’affichage de texture des objets Collada qui pose problème. En compilant avec le sdk 3.4 le code suivant fonctionne parfaitement:

// on assigne le model à l'objet Collada. Le 2e paramètre est à null
//car le chemin de la texture est indiqué dans le fichier DAE
var poolBall:Collada = new Collada( "DAE/poolBall.dae" , null , 0.6 );
// on l'ajoute à la liste d'affichage

scene.addChild( poolBall );

Voici le résultat, tout est ok :

Collada Object with Flex SDK 3.4

Mais en utilisant le SDK 4 avec exactement le même code, la texture devient d’un seul coup introuvable:

Le même objet avec le sdk 4

Et voici l’output de la console :

Console

J’ai essayé de modifier le chemin du bitmap dans le .dae de multiples manières mais rien n’y fait apparement. Voilà, je sais pas si certains d’entre vous ont été confrontés à ce même problème, personnellement je n’ai pas encore trouvé de solution. J’éditerai le post dès que ça sera fait, n’hésitez pas à laisser la solution en comment si vous l’avez…

On va prendre pour exemple une situation dans laquelle je me suis trouvée dernièrement. Je travaillais sur un projet Actionscript dans Flex Builder qui chargeait une bibliothèque partagée que je réalisait dans l’IDE Flash. Et qui en plus demandait que la plupart du temps je test l’anim à même le browser à cause des Flashvars et de l’utilisation de SWFAddress… Bonjour l’angoisse, compilation dans Flash, dans Flex, ouverture dans le browser etc… et tout ça juste pour tester l’anim après une petite modification dans la library…

Du coup j’ai essayé de voir si il était possible d’automatiser un peu tout cela, en me tournant du côté de JSFL. Et là j’ai tout d’abord essayer de voir si je pouvais compiler mon projet avec mxmlc automatiquement juste après la celle de la library. Après avoir épluché la doc de long en large je dois avouer que j’étais pas loin de baisser les bras, mais il faut en fait savoir qu’il existe une partie de l’API FLFile non documentée particulièrement intéressante. Et notamment le FLFile.runCommandLine() qui va vous permettre d’éxecuter des lignes de commande. Par exemple:

MMExecute( 'FLfile.runCommandLine( "/flex_sdk_3/bin/mxmlc /VotreProjet/VotreDocumentClass.as" )' );
//mettre le MMExecute uniquement si vous l'appelez depuis actionsript

et voilà comment lancé une ligne de commande depuis JSFL. Maintenant bonjour les failles de sécurité et je pense que c’est peut-être pour ça que cette méthode n’est pas documenté… Bref je vous laisse lire pour cette article et celui-ci.

Vous pouvez biensûr aussi appeler des AppleScript avec la command osasscript

Voilà c’est tout pour aujourd’hui, car j’ai plus de batterie sur mon macbook, lol…

La première partie du concours prenait fin le 5 janvier dernier avec la deadline de remise des premières versions et il faut bien avouer que les concurrents ont rivalisé de créativité et d’ingéniosité afin de nous pondre des ptites applis bien sympas dont certaines feront sans doute parler d’elles ces prochains temps.

Résultat au premier check:

1. RibbitFox

Une extension Firefox permettant les appels depuis le browser, avec des marqueurs à intégrer sur les pages web, sur lesquels il serait possible de cliquer pour y téléphoner directement. RibbitFox

2.Ultimate Local

Un mashup qui combine Ribbit et l’API GoogleMap permettant de faire une recherche sur la carte et ensuite d’appeler directement. Ultimate Local

3. AIR iPhone

[youtube]http://www.youtube.com/watch?v=Yj32IywnF6E&eurl=http://merhl.com/?page_id=75&feature=player_embedded[/youtube]

Un veritable Iphone sur votre bureau… Avec toutes les fonctionnalité de celui-ci. Pratique au niveau de la téléphonie et des sms, mais je me vois mal surfer et lire mes mails avec celui-ci alors que j’ai mon client mail et mon browser à portée de click. Air iPhone

4. AIRfare

[youtube]http://www.youtube.com/watch?v=6pUwz6XQReE&eurl=http://merhl.com/?p=106&feature=player_embedded[/youtube]

Un excellent guide de voyage permettant de téléphoner directement depuis celui-ci afin de réserver une chambre. Et toute une floppée de fonctionnalités liées tel que le visionnage d’horaire de vol, la création et la sauvegarde d’itinéraires, etc.. Sans doute une des plus prometteuse en terme de viabilité et de modèle économique. AIRfare

5. SocialPhone

Une appli flex Facebook permettant la conversation vocale avec ses amis. SocialPhone

Voilà pour ceux qui serait intéressé à développer leur propre concept, voici l’adresse d’inscription et de téléchargement du SDK. C’est gratuit mais vous êtes limité à 10 appels par jour, d’une durée de 10min chacun ainsi que l’envoie de 10 sms, si vous en désirez plus, il faudra passer à la caisse. Notez que les appels sur téléphone ainsi que les sms sont pour l’instant limités aux USA, une situation que devrait sans-doute évoluer.