Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

23nov/100

Démonstrations sur plate-forme mobile (Android, iPhone, iPad, …) – Vidéo et partage d'écran

En ce moment, je travaille sur une application pour iPad dans le cadre de mon travail chez Business Geografic. Une première version de l'application iPad étant développée (j'en parlerai dans un autre billet), nous devions faire une démonstration à distance à notre prestataire.

Le problème

Habituellement, nos démos en ligne se font par le logiciel WebEx permettant de faire des visio-conférences avec screen sharing, partage de fichiers & co. Nos applications sont généralement constituées d'une application Java et d'une application Flex tournant dans un navigateur. Le partage d'écran est donc suffisant pour ces cas-là.

Sauf que cette fois, il fallait montrer le rendu de l'iPad sans émulateur. Nous avons donc envisagé pas mal d'options pour pouvoir partager notre contenu:

  • Webcam intégrée au laptop: pas pratique et obligation de baisser l'écran et de faire les manipulations à l'envers
  • Webcam externe: Permet une meilleure flexibilité au niveau du point de vue mais la qualité est médiocre et il est difficile de la fixer
  • Caméra de l'iPhone 4: L'application Skype ne permet pas de faire des appels en visio et l'application FaceTime n'est disponible que pour Mac
  • Serveur VNC pour bureau à distance: Possible avec l'application Veency mais demande à avoir un iPhone / iPad jailbreaké

Au final, on a choisit la solution webcam externe qui est loin d'être idéale (flou total et focus qui change lorsque l'on approche son doigt).

La solution

Hasard ou signe du destin, le soir même un article apparait dans les feeds Adobe:

http://gregsramblings.com/2010/11/23/good-webcam-choice-for-mobile-device-demos-on-stage-ipevo-point-2-view/

Dans l'article, un appareil nommé IPEVO Point 2 View est présenté:

1102012838_Jqe37-M

Voilà, on dirait que la solution est toute trouvée! L'appareil se commande sur amazon pour 70$, donc si vous avez le même problème, voilà votre solution :)

23juil/100

AIR pour Android – Vidéo conférence en 30 lignes de code avec LiveCycle Collaboration Services

Christophe Coenraets est on fire en ce moment et sort une application Air pour Android presque tous les jours :P . La dernière est une application de chat vidéo utilisant le service LiveCycle Collaboration Services.
Pour ceux qui ne connaissent pas LCCS (anciennement AFCS, anciennement Cocomo), vous trouverez plus d'informations sur le site officiel:

LiveCycle Collaboration Services @ Adobe

Pour résumer, LCCS propose d'utiliser des services Adobe en mode hébergé (SaaS). LCCS est aussi accompagné d'un SDK complet permettant d'intégrer facilement un chat vidéo, un tableau blanc, un partage de fichiers, … Il permet ainsi de gérer facilement les concepts de "room" et d'utilisateur. Beaucoup de traitement étant fait server-side par les systèmes de gestion sans que vous le sachiez.

Bref, LCCS était un projet qui était déjà intéressant pour du Desktop mais grâce à Air pour Android, (qui est une des prochaines versions de Air et pas un nouveau SDK), vous pouvez profiter de base du SDK livré avec LCCS.

Et c'est ce que fait CC dans sa vidéo de chat vidéo sur Android:

Comme je le disais un peu plus haut, LCCS vient avec un SDK complet, qui permet de s'affranchir de beaucoup de code. Dans le cas de cette application, seules 30 lignes de code on été nécessaires pour initier la connexion à la conférence et afficher un pod vidéo:

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:cs="AfcsNameSpace" currentState="logon" fontSize="28">

 <fx:Script>
 [Bindable] private var roomURL:String = "http://connectnow.acrobat.com/YOUR_ROOM_NAME";

 protected function connect():void {
  auth.userName = userName.text;
  currentState = "default";
  session.login();
 }
 </fx:Script>

 <s:states>
  <s:State name="default"/>
  <s:State name="logon"/>
 </s:states>

 <fx:Declarations>
  <cs:AdobeHSAuthenticator id="auth"/>
 </fx:Declarations>

 <s:TextInput id="userName" includeIn="logon" top="200" horizontalCenter="0"/>
 <s:Button label="Connect" click="connect()" includeIn="logon" top="250" horizontalCenter="0" height="50" width="150"/>

 <cs:ConnectSessionContainer id="session" roomURL="{roomURL}" authenticator="{auth}" autoLogin="false" width="100%" height="100%" includeIn="default">
  <cs:WebCamera top="10" left="10" bottom="10" right="10"/>
 </cs:ConnectSessionContainer>

</s:Application>

Voilà de quoi donner des idées !

27juin/091

Edoboard utilise AFCS pour donner des cours particuliers live par Internet

Je vous parlais il y a quelques mois déjà de la mise en ligne d'un showcase pour la technologie AFCS (Adobe Flash Collaboration Service, anciennement Cocomo). Et bien depuis peu, des frenchies en font partie avec leur application Edoboard. En quelques mots, Edoboard est une plate-forme d'e-learning permettant de donner des cours particuliers par Internet, spécialement pour les mathématiques. En effet, la plupart des sites d'enseignement à distance se limitent aux cours de langues mais peu s'intéressent aux matières scientifiques, qui posent problèmes à de nombreux élèves.

Tester Edoboard, plate-forme de cours particuliers à distance

Edoboard utilise donc AFCS pour faire communiquer le professeur et l'élève en direct. On peut vite noter l'utilisation de nombreuses fonctionnalités de la plate-forme Adobe:

  • Présence (affichage du curseur de l'autre utilisateur en live)
  • Mini-application de chat
  • Mini-application de partage de fichiers
  • Partage de webcam (audio/vidéo en temps réel)