Basé sur Eclipse, Flex Builder 3 est un framework Open Source permettant le développement d’applications riches (RIA) se déployant à l’identique sur toutes les plateformes (MAC OS, Windows, Unix) ainsi que sur poste de travail grâce à la technologie Adobe AIR.

Structuré sur l’interface d’Eclipse, le Flex Builder 3 permet de réaliser des applications Web en mode Design de façon intuitive, et cela grâce au glisser/déposer de composants intégrés répondant aux nombreux besoins liés à la réalisation d’applications modernes et innovantes. Le mode Source permet la définition plus précise des nombreux attributs et propriétés de chacune des classes intégrées en utilisant une version personnalisée du langage XML : le MXML. Actions et évènements du système ou de l’utilisateur sont gérés par le langage ActionScript 3, commun avec celui de Flash CS3. Ainsi, une application Flash peut être portée sans difficulté vers une application Flex puisque les deux applications s’appuient sur le Flash Player dont le taux de pénétration dépasse les 95% des ordinateurs de la planète.

Les nombreux points abordés tout au long des différents chapitres permettent un apprentissage progressif de l’environnement de programmation Flex Builder par l’utilisation des nombreux composants fournis, la mise en place des concepts avancés comme les propriétés Bindables ou la classe ArrayCollection. L’interfaçage avec les différents logiciels de la gamme CS3 sont également abordés notamment pour la réalisation de Skins, puisque les graphistes ont un rôle non négligeable à jouer dans un flux de production moderne.

Cette suite de tutoriels vidéo s’adresse donc à la communauté des développeurs Web : JavaScript, HTML, ActionScript, désirant approfondir leurs compétences pour des développements évolués et modernes.

Quant aux graphistes, designers, flasheurs, ils trouveront les bases nécessaires à l’expression de leur créativité et inventivité pour la création d’interfaces Web innovantes ou applications de bureau.

Vue d’ensemble de la formation :

Présentation de l'application

L’une des évolutions majeures que va connaître l’Internet, c'est l’introduction d’un nouveau concept d’utilisation des applications Web. Souvent appelé Web 2, ce nouveau type de développements s’appuie non pas sur une technologie, mais plutôt sur une philosophie orientée vers l’utilisateur.

Travailler avec MXML

La version personnalisée du langage mxml permet de mettre en place facilement une interface d’application Web. En utilisant les nombreuses options des différents comportements, il est possible de monter une interface complexe en quelques clics.

Les composants

Les composants vous permettent de créer facilement et rapidement des applications robustes à la présentation et au comportement cohérents.

Le Glisser / Déposer

La fonctionnalité du Glisser / Déposer permet d’introduire dans vos applications des interactions utilisateur dans lesquelles il peut déplacer des objets d’une source vers une cible, créant ainsi une expérience ludique et conviviale.

Personnaliser son interface

L’aspect final de votre application étant un des facteurs de son succès, il est important de pouvoir redéfinir et personnaliser son interface, afin que l’application puisse répondre aux exigences d’un directeur artistique.

Affichage de données

Flex permet l’affichage graphique de données à travers une extension appelée Charting components. Cette extension possède une API permettant d’afficher dynamiquement des données d’un dataProvider structuré avec un ArrayCollection.

Validation des données

Flex comprend un puissant système intégré de validation de données. Vous pouvez ainsi facilement contrôler les entrées de formulaire sur des données de type e-mail, numéro de téléphone ou carte de crédit.

Utilisation des Navigators

Dans un contexte de navigation dans des RIA, il est judicieux d’architecturer ses informations en utilisant des composants ou conteneurs de navigation tels que des boîtes à onglets barre de menu ou des accordéons.

Composants CS3 pour Flex

Adobe met à disposition des extensions pour les logiciels graphiques de la gamme CS3 permettant aux graphistes ou aux développeurs d’enrichir graphiquement les interfaces d’application Flex. On trouve notamment une extension pour Flash permettant de faciliter l’intégration et la communication des swf dans Flex.

Flex-PHP-MySQL

Dans un projet Flex il est souvent indispensable de pouvoir exploiter des données issues d’une base de données à l’aide de technologies serveur telles que PHP, .NET ou ColdFusion. Dans ce chapitre, le formateur utilise le couple PHP/MySQL pour exploiter dynamiquement des données.

Tester et déployer son application

Les heures passées à réaliser une application ont un but : faire exister votre application sur Internet. Mais avant, de nombreuses précautions et opérations sont nécessaires.

AIR

AIR (Adobe Integrated Runtime) est un environnement d’exécution multiplateforme permettant d’utiliser les technologies du Web pour créer des applications pour poste de travail.

• Connexion Internet DSL
• Navigateur actuel avec le plug-in Flash
• Résolution d’écran minimum : 1024x768
• Carte son, haut-parleurs ou casque d’écoute
• Pentium4 à partir de 2,6 GHz ou bien G4 à partir de 1 GHz