AIRWorms, le premier virus en AIR!

Je suis très heureux de vous présenter le premier virus développer avec Adobe AIR. Plus sérieusement, c’est juste une expérience visuelle inspirée des virus Windows créés dans les années 90, qui à l’époque me fascinaient. Pour changer, je cible les utilisateurs de MAC cette fois-ci (n’y voyez rien de personnel), mais si quelqu’un connait une astuce simple et un .exe Windows qui permet de faire une capture d’écran silencieuse, je suis preneur et mettrai à jour mon application pour Windows.

AIRWorms est une combinaison de plusieurs techniques. Du Native Process avec AIR 2.0, du Perlin Noise, et du plein-écran transparent comme AIR sait bien le faire. Je détaille sur RIAgora comment j’ai procédé.

Pour les utilisateurs MAC voici le lien vers AIRWorms: http://www.riagora.com/pvt_content/virus/AirWorms.dmg

Si vous souhaitez voir le résultat en vidéo avant de l’installer (le titre de mon article n’est pas super rassurant), regardez ce post: http://www.riagora.com/2010/10/airworms-the-air-virus/

AIR 2.5 pour Android est live

Le runtime AIR pour Android est depuis Vendredi disponible sur l’Android Marketplace ! AIR 2.5 est une version spécialement conçue pour les mobiles. Au départ, AIR permettait de packager des applications Flash pour l’iOS. Suite aux restrictions d’Apple, nous avons concentré nos efforts sur Android. Il sera aussi disponible sur les devices BlackBerry (et leur magnifique tablette PlayBook), ainsi que sur les devices WebOS d’HP (ex Palm). Si vous souhaitez le tester, c’est toujours sur labs.adobe.com que cela se passe. Vous devez juste entrer dans le programme beta et récupérer de quoi packager votre application: http://labs.adobe.com/technologies/air2/android/

Une application AIR sur Android se comporte comme une application native. Vous pouvez ensuite la déployer sur l’Android Marketplace et monétiser vos développements. Ryan explique comment la déployer sur le marketplace: http://blog.digitalbackcountry.com/2010/10/publishing-air-apps-to-the-android-market/

Avec AIR 2.5, vous pouvez accéder à la caméra, au microphone, au GPS, à l’accéléromètre, rajouter des événements pour le multi-touche, utiliser le StageWebView pour lancer du HTML dans l’application AIR en utilisant le navigateur natif de l’appareil… et profiter de l’accélération GPU. J’ai créé des tutoriaux et des exemples sur mon blog RIAgora. Il semblerait que la communauté soit en train d’en traduire certains en français. Je vous tiendrai informé. En attendant:

- Comment accéder à la caméra: http://www.riagora.com/2010/07/android-air-and-the-camera/

- Comment jouer avec le microphone: http://www.riagora.com/2010/08/air-android-and-the-microphone/

- Comment jouer avec l’accéléromètre: http://www.riagora.com/2010/04/air-and-the-accelerometer/

- Gérer du multi-touch: http://www.riagora.com/2010/04/flex-and-multi-touch/

- Optimiser les assets graphiques: http://www.riagora.com/2010/09/bitmap-caching-for-android/

Et ce n’est que le début, car Adobe va mettre à jour le framework Flex pour développer des applications mobiles, ainsi que les outils de développement dont Flash Builder. Je vous les présenterai lors d’un événement à Paris, le 30 Novembre. Vous pouvez déjà réserver la date du 30 après-midi. Je vous envoie les informations dès que j’en sais plus.

Si vous avez un smartphone Android 2.2, téléchargez Adobe AIR sur le marketplace, et testez toutes ces applications développées avec AIR:

http://www.appbrain.com/apps/adobe-air

Je ferai bientôt un film qui présentera mes applications préférées.

AIR 2.5 et Android: les news

J’ai été surtout actif sur mon nouveau blog RIAgora.com ces derniers temps, et je tiens du coup à résumer mes expériences avec le runtime AIR 2.5 sur mobile Android. Pour info, si vous avez un mobile Android 2.2 ou l’Android SDK avec un émulateur, vous pouvez récupérer la béta d’AIR 2.5 et son SDK sur labs.adobe.com.

Premier point, la grande majorité des exemples que j’ai développé utilisent Flex 4. Donc, oui, Flex tourne bien sur les mobiles. L’évolution du framework Flex 4.5 proposera des composants allégés et plus adaptés au mobile, mais déjà je trouve que cela tourne super bien. Mon collègue Christophe a publié des applications développées avec Flex 4:

- http://coenraets.org/blog/2010/07/video-chat-for-android-in-30-lines-of-code/

- http://coenraets.org/blog/2010/07/android-trader-desktop-with-flex-and-air-updated-for-froyo-source-code-available/

Voici mes applications. La première est un simulateur de vol qui utilise la nouvelle API Accelerometer duFlash Player 10.1. Vous pouvez avec votre mobile piloter un avion (application AIR sur votre desktop). Les sources sont dans le post:

http://www.riagora.com/2010/05/become-an-air-pilot/

J’explique aussi dans un autre post, comment utiliser un composant Spark Flex 4 dans un composant Flex 3. Cela facilite le skinning pour les UI mobiles. Les sources sont disponibles ici:

http://www.riagora.com/2010/07/flex-mobile-item-editor/

Avec Adobe AIR 2.5, vous pouvez aussi accéder à la caméra du mobile !!! Il existe deux modes. Le premier consiste à utiliser l’API classique Webcam de Flash Player pour afficher le flux vidéo dans votre application. La deuxième méthode permet de capture une photo ou une vidéo avec l’application native Android de votre téléphone. Les techniques sont détaillées ici:

http://www.riagora.com/2010/07/android-air-and-the-camera/

Autre application intéressante, vous pouvez utiliser le microphone du mobile et enregistrer des notes vocales. Dans mon exemple, on peut capturer des notes vocales, les compresser en MP3 grâce à une librairie AS3, et j’ai aussi partagé un exemple d’interaction de type jeu Nintendo DS qui consiste à souffler sur l’appareil:

http://www.riagora.com/2010/08/air-android-and-the-microphone/

Pour les parisiens, je suis en train d’essayer de faire venir Mike Chambers et Lee Brimelow le 1er Octobre à Paris. Bloquer votre après-midi, je vous communiquerai bientôt toutes les infos de cet événement.

AIR CHALLENGE: découvrez les applis

L’Adobe AIR 24H Challenge a réuni au final 14 équipes qui ont codé comme des malades, 24 heures non stop, pour nous proposer 14 applications AIR au final. Vous pouvez télécharger les applications sur le site de l’Adobe AIR Challenge: www.adobeairchallenge.com

Je me suis enregistré entrain d’utiliser les applications pour vous faire une idée des réalisations. L’application la plus téléchargée remporte le prix du public, avec des laisser-passer pour Adobe MAX 2010 à Los Angeles! Vous pouvez aussi encourager les équipes sur Twitter avec le code #air24h. La vidéo est en trois parties:

Candidat pour 24h de coding ?

Adobe organise un événement encore tenu secret le week-end du 18 Juin. C’est un événement qui sera retransmis en live sur Internet et qui aura pour objectif de coder en 24 heures une application AIR. Plusieurs équipes de deux personnes vont s’affronter, et il reste encore quelques places libres pour former des équipes. Si vous souhaitez participer, voici ce qu’il faut savoir:

- Le concours démarre le Vendredi 18 Juin vers 14h, et termine le Samedi 19 Juin vers 19h.

- Tous les participants seront réunis à Paris, avec leur propre matériel, dans une grande salle. Adobe se charge de l’hébergement et de la nourriture.

- Une équipe est constituée de deux personnes: au moins un très bon développeur AS3 (qui développe avec Flash CS5 ou Flex, peu importe), et un autre qui a une sensibilité au design (car le look des applications AIR, et l’expérience utilisateur sera très importante).

- Le sujet sera dévoilé juste avant le concours… Vous aurez juste le temps de brainstormer, démarrer le développement et livrer Samedi après-midi. Vous pourrez utiliser vos librairies AS3, aller chercher des bouts de code sur Internet, etc…

- Un jury donnera des prix le Samedi soir (des CS5 à gagner, des téléphones Android certainement… cela se précisera bientôt). Puis les applications resteront en ligne pour un vote du public sur le site de l’événement: http://www.adobeairchallenge.com/

Si vous souhaitez participer !!! Il faut très rapidement se décider et laisser un commentaire à cet article en indiquant "je suis intéressé, j’ai mon équipe de deux fous qui est prête à bondir et disponible aux dates proposées". Je vous contacterai alors par email.

Décidez vous super vite, il ne reste pas beaucoup de places (des agences sont déjà sélectionnées pour le concours).

Adobe et HP: tout le web

J’ai posté un article sur le fait que la tablette d’Apple n’embarquera pas Flash (et encore moins AIR). Adobe va prochainement sortir un iPhone Packager qui permettra de convertir vos applications Flash en applications natives pour les appareils Apple, et les proposer sur l’Apple Store. D’autres acteurs comme HP ont choisi de travailler avec nous pour optimiser le Flash Player et le runtime Adobe AIR sur un appareil qui sera bientôt disponible dans le commerce, et qui est basé sur windows 7. Le fait d’embarquer le Flash Player dans le navigateur de ce device garantit une expérience totale de navigation sur le web (car 80% des jeux sont en Flash, 75% des videos sont en Flash, et 85% du top100 des sites web utilisent du Flash). En exclusivité, Adobe présente la HP Slate !!! J’en veux une SVP!!! Retrouvez la vidéo de démonstration sur cette page, ainsi que les autres devices de NVIDIA, de Dell et les mobiles: http://www.adobe.com/devnet/devices/demos/

Flash et l’innovation sur écran tactile

Le Flash Player 10.1 propose une API pour gérer les événements multi-touch. Les écrans multi-touch sur mobiles, PCs ou bornes, vont créer de nouveaux usages et codes de navigation. Je me suis intéressé à deux projets qui sont réalisés en Flash, et en "Simple Touch". Lorsque l’on ne dispose que d’un doigt, il faut aussi savoir innover pour proposer une expérience efficace. C’est ce qu’a réussi SQLi en remportant le concours organisé par la SNCF pour repenser la borne de billeterie. L’interface imaginée par l’agence SQLi s’appelle "Révolution" et consiste à progresser dans des cercles qui pivotent. Pour l’avoir testé sur un écran multitouch (celui d’HP), c’est très efficace et intuitif. La SNCF l’a aussi testée en Gare de Lyon pour récolter des retours d’usagers, et la borne a remporté tous les suffrages.

Autre expérience disruptive, la version électronique du magazine WIRED. C’est un magazine américain très visuel et reconnu comme étant un des plus branchés. Adobe et WIRED ont tenté d’imaginer l’expérience de navigation et de consultation d’une version électronique du magazine sur une tablette comme celle d’Apple. La version électronique réalisée en Flash est vraiment engageante.

Destroy TODO AIR application

Je viens de développer une application AIR en une journée pour gérer mes TODO listes. Je souhaitais reprendre l’expérience que propose DestroyTwitter, mon client AIR pour Twitter qui est omniprésent sur mon bureau et très discret. J’ai vraiment eu très peu de temps pour le développer donc il y a le minimum de fonctionnalités. Les rubriques correspondent à mon activité d’avant-vente chez Adobe, elles ne sont pas personnalisables mais certains d’entre vous les trouveront peut-être pertinentes. Il y a une fonctionnalité marrante: le one-click copy que je montre dans la vidéo ci-dessous. Il y a encore de nombreux bugs, j’espère trouver du temps cette année pour finaliser une version stable.

Cliquez-ici pour télécharger l’application AIR Destroy Todo

more about "Destroy TODO AIR application", posted with vodpod

AIR client pour le chat Facebook

J’annonce la mise en ligne de FairTalk, un client pour le chat Facebook. FairTalk est une application AIR qui vous propose de vous authentifier sur Facebook, récupère la liste de vos amis en ligne, et vous permet de démarrer une session de chat avec des amis en double cliquant sur leur avatar. Le chat est très utilisé par les utilisateurs Facebook, c’est l’application numéro un du portail social. Sans avoir à lancer de navigateur, vous pouvez ainsi être informé des amis qui sont connectés et chatter avec eux. Vos amis n’ont pas à installer FairTalk, ils peuvent eux chatter avec vous depuis leur navigateur!

Cette application développée par Patrick Chansou (EPITA POWER!) est un vrai défi technique. Il a du sniffer toutes les requêtes HTTP qui transitent sur facebook pour comprendre le comportement du chat et faire croire au portail que l’application AIR est un navigateur authentifié. L’application est sur son blog. Il l’a développé en un week-end suite à mon post sur l’ouverture de l’API AS3 pour facebook. Je trouvais limite le fait que le chat ne soit pas accessible… C’est maintenant chose faite grâce à Patrick

Nous avons besoin de vos feedbacks. Il existe encore de nombreux bugs, et le design n’est pas encore finalisé. J’ai juste rajouté une petite couche de peinture. Pour télécharger FAIRTALK, cliquez-ici. Patrick donne quelques clefs dans son blog et raconte les difficultés rencontrées pour mettre en place l’outil. Envoyez vos feedbacks sur cet email: fairtalk.app@gmail.com

SFR, Intel et Adobe AIR

SFR vient d’annoncer le lancement d’un MID avec la technologie Intel Atom Z500. L’idée est d’interagir avec des applications connectés à Internet à l’aide de la 3G ou du WIFI local. La bonne nouvelle pour les flexeurs, c’est que le runtime Adobe AIR va prendre une place importante au sein de la stratégie de développement de ce MID. En effet, vous pouvez facilement avec Flex développer des applications multi-screens, pour vos sites web comme pour le MID SFR. J’ai trouvé une vidéo du bijou ici. Du coup, la plate-forme DevZone pour accéder aux API SFR va bientôt proposer des librairies AS3 pour directement envoyer des SMS, des MMS, consulter ses contacts, géolocaliser ses amis, etc… depuis une application Flex ou AIR.

SFR lance aussi une marketplace où vous pourrez poster vos applications AIR et les proposer à la vente (SFR Appli Store). Et pour booster tout cet écosystème, SFR et Intel organisent un concours de développement d’applications. Je vous invite à participer en visitant ce site. Je serai normalement dans le jury donc je serai évidemment sensible aux applications qui utilisent le runtime AIR . C’est une excellente nouvelle pour la communauté Flex et si vous souhaitez aider SFR dans sa stratégie de développement, contactez-moi car ils recherchent activement des développeurs Flex en ce moment.