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

AFCS – Tutorial Introduction à AFCS avec Flex (11 – Exemple Avancé avec Baton et Yahoo!)

Suite du tutorial

1. AFCS – Tutorial Introduction à AFCS avec Flex (1)
2. AFCS – Tutorial Introduction à AFCS avec Flex (2 – Préparer la room et Flex Builder)
3. AFCS – Tutorial Introduction à AFCS avec Flex (3 – Les composants de base Pods)
4. AFCS – Tutorial Introduction à AFCS avec Flex (4 – Authentification et Session)
5. AFCS – Tutorial Introduction à AFCS avec Flex (5 – Types de Droits Utilisateur)
6. AFCS – Tutorial Introduction à AFCS avec Flex (6 – Architecture Globale d'AFCS)
7. AFCS – Tutorial Introduction à AFCS avec Flex (7 – Utilisation du Shared Manager UserManager)
8. AFCS – Tutorial Introduction à AFCS avec Flex (8 – Données partagées et CollectionNodes)
9. AFCS – Tutorial Introduction à AFCS avec Flex (9 – Exemple Simple de CollectionNode)
10. AFCS – Tutorial Introduction à AFCS avec Flex (10 – Exemple Simple de SharedProperty)

Traduction de Introduction to Adobe Flash Collaborative Services par Romin Irani.

Dans ce tutorial Adobe Flex avec AFCS, on va voir comment créer une application multi-utilisateur dans laquelle les participants peuvent chercher ensemble une liste de restaurant dans une certaine ville filtré par type de cuisine. N'importe quel utilisateur peut donc mettre à jour la ville et le type de cuisine. La donnée sera partagée entre tous les participants et les résultats de recherches seront les mêmes pour tous les participants pour une synchronisation totale.

Voyons tout d'abord comment se présente l'application pour un utilisateur seul. Une fois enregistré, l'interface se présente comme suit. On a deux Pods, un Pod Roster et un Pod Chat qui sont des Pods standard d'AFCS. L'utilisateur peut entrer une ville et un type de cuisine et ensuite cliquer sur Search. Cela va récupérer tous les restaurants servant ce type de cuisine dans la ville sélectionnée. Les résultats de recherches sont obtenus grâce au service web de Yahoo! et l'intégration se fait via Yahoo Query Language.

Voici un screenshot de l'application sur lequel on peut voir une liste de restaurants servant de la cuisine Chinoise, récupérée depuis Yahoo!. L'utilisateur peut cliquer sur n'importe quel de ces enregistrement pour afficher plus de détail dans le panneau de droite. Il y a aussi 2 liens par lesquels vous pouvez voir la carte Google Maps et un lien vers le site internet le cas échéant.

Si un autre utilisateur s'enregistre sur l'application, il va récupérer la dernière ville entrée, le dernier type de cuisine entré ainsi que les derniers résultats de recherche.