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

AFCS – Tutorial Introduction à AFCS avec Flex (1)

Il y a quelques mois, je présentais Adobe Cocomo, qui a changé de nom et s'est transformé en AFCS (Adobe Flash Collaborative Services). Romin Irani a publié sur InsideRIA, un article présentant les fonctionnalités principales de AFCS avec applications pratiques.

Voir l'article original sur insideRIA.com

Pour ceux qui ne connaissent pas AFCS, c'est un SDK permettant de créer rapidement des applications dites collaboratives, c'est-à-dire multi-utilisateur. Cela peut aller du chat, au partage de fichiers en passant par le partage de webcam. Les fonctionnalités de AFCS sont décrites dans cet article:

AFCS – Présentation des fonctionnalités (Adobe Cocomo)

Pourquoi utiliser AFCS ?

Typiquement, un développeur se poserait ce type de questions:

• Pourquoi ai-je besoin d'un ensemble de composant pour intégrer une dimension collaborative à mon application.
• C'est pas si difficile que cela de faire une application collaborative, non ? Un chat et un partage de fichier et c'est tout ?
• … et bien d'autres

Et bien, le développement d'application collaboratives n'est pas si simple que cela. Si vous voulez développer une appli collaborative, vous devrez prendre en compte les points suivants:

• Prendre en charge l'audio, la vidéo et tous les échanges de data
• Etre sûr que l'application peut fonctionner avec un grand nombre d'utilisateurs
• S'assurer que tous les utilisateurs soient synchronisés
• Réutiliser des composants souvent utilisés comme un Chat, des notes, un tableau blanc (whiteboard) etc. pour développer des applications rapidement et que vous ne deviez pas ré-inventer la roue en permanence.
• Prendre en charge la gestion des utilisateurs et de leurs droits.

Tous ces points vont s'additionner et cela va devenir assez complexe pour un développeur de créer son application. AFCS propose des solutions à ces problèmes grâce à ces fonctionnalités:

• Un ensemble de composants collaboratifs qui peuvent être simplement placés dans l'application pour accélérer le développement. Ces composants vont de la simple fenêtre de chat jusqu'au tableau blanc partagé
• Un ensemble d'APIs, qui peut être utilisé pour les problématiques de droits utilisateur, de gestion des medias ou de l'authentification. Ces APIs et ces composant peuvent être étendus pour pouvoir être personnalisés
• Une architecture côté serveur (le "cloud") qui vous permet de ne pas vous soucier des problèmes de charge (scaling) ou de crash (reliability).

On va maintenant voir comment créer ces applications avec AFCS grâce à quelques tutoriaux Flex.

Première étape: Télécharger le SDK et configurer son environnement de travail

Pour cela, suivez ce tutorial qui même s'il date un peu, vous guidera dans la procédure d'installation et de configuration de Flex Builder pour AFCS:

Adobe AFCS – Installer le SDK AFCS et configurer Flex Builder

Analyse du contenu du SDK AFCS

Au jour d'aujourd'hui, la dernière version du SDK AFCS est 0.92. Si vous avez suivi le tutorial Flex sur l'installation du SDK AFCS, vous avez du télécharger une archive CocomoSDK_0.92.zip.

Si vous listez ce dossier, vous obtiendrez ceci:

• book.xml
• docs
• examples
• extras
• index.html
• lib
• plugin.xml
• RTC SDK License 091808.pdf
• src

Voici ce que contient le SDK AFCS:

Fichiers SWF AFCS

Pour pouvoir utiliser les fonctionnalités d'AFCS dans votre application Flex, tout ce que vous devrez faire est d'ajouter le SWC approprié au ClassPath de votre projet Flex, comme indiqué dans le tutorial plus haut. AFCS fournit des fichiers SWC à la fois pour Flash Player 9 et pour Flash Player 10. Vous pouvez prendre le fichier afcs.swc de votre choix en naviguant dans les répertoires lib\player9 ou lib\player10.

Documentations développeur

AFCS fournit des documentations développeur qui sont situées dans le répertoire "docs". Ce dossier contient aussi de nombreux exemples très bien documentés avec les sources. Ces exemples sont présents dans le dossier "examples". Une fois que vous aurez fini de lire ce tutorial Flex, je vous conseille fortement de consulter ces exemples. Cela vous donnera une bonne idée de ce que l'on peut faire avec AFCS.

Fichiers Sources

Ceci n'est pas une étape obligatoire mais recommandée. Si vous avez besoin de débugger et rentrer dans le code AFCS, vous devrez ajouter le contenu de ce dossier dans le dossier src de votre projet Flex.

Utilitaires supplémentaires

AFCS fournit plusieurs applications AIR qui sont cruciales pour le développement de vos applications. Si vous n'avez pas AIR d'installé sur votre machine, vous devriez le faire (Installation Adobe Air). Ces applications sont présentes dans le dossier "extras".

Ces applications sont:

AFCSDevConsole.air:

L'application AFCS Development Console est application AIR qui permet aux développeurs de se logger sur leur compte AFCS et de gérer toutes les opérations d'administration comme la gestion de compte, l'ouverture de rooms, le monitoring d'application, etc.

Double-cliquer sur ce fichier et installez la Development Console car on va l'utiliser dans les tutoriaux à venir.

LocalConnectionServer.air:

L'application LocalConnectionServer permet de tester votre application AFCS en mode hors-ligne. Les fonctionnalités AFCS sont hébergées sur le "cloud Adobe", ce qui veut dire que pour tester votre application, vous devez être connecté à internet. Pour pouvoir tester votre application sans être connecté à Internet, utilisez le LocalConnectionServer qui imité le cloud pour que votre application n'ai pas besoin d'être en ligne.

Notez que LocalConnectionServer ne supporte pas toutes les fonctionnalités AFCS, en particulier les composants streaming (audio / video).