• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Formation adobeflex
 

Formation adobeflex

on

  • 1,659 views

flex est un très productif cadre libre et open source pour la construction et la maintenance des applications web d'expression qui se déploient systématiquement sur tout les principaux navigateurs ...

flex est un très productif cadre libre et open source pour la construction et la maintenance des applications web d'expression qui se déploient systématiquement sur tout les principaux navigateurs , postes de travail et les systèmes d'exploitation

Statistics

Views

Total Views
1,659
Views on SlideShare
1,643
Embed Views
16

Actions

Likes
0
Downloads
44
Comments
0

1 Embed 16

http://www.cynapsys.de 16

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • New Project Wizard

Formation adobeflex Formation adobeflex Presentation Transcript

  • Adobe FLEX 3.0 Aziz GHABRY
  • PLAN
      • Qu'est-ce que FLEX?
      • Installation de Flex Builder
      • Création de nouveaux projets
      • Comprendre différents types de projets
      • Architecture modulaire
  • Evolution des applications RIA
  • Quoi de plus dans AIR?
    • RIA reposant sur le navigateur (type AJAX)
    • RIA reposant sur un plug-in
    Les technologies RIA Deux types de RIA
  • Qu'est-ce que FLEX?
    • Flex est un très productif, cadre libre et open source pour la construction et la maintenance des applications web d'expression qui se déploient systématiquement sur tous les principaux navigateurs, postes de travail, et les systèmes d'exploitation.
    • Adobe Flex nous amène à la prochaine étape de développement d'applications Web avec le concept de Rich Internet Applications (RIA).
    • Flex fournit un moyen de programmes de développement de ces AIR. Il offre une expérience beaucoup plus robuste pour les utilisateurs, où la productivité est soutenu par la facilité d'utilisation, flux de production simplifié, et l'interactivité en temps réel.
    • Flex est orienté vers les programmeurs, plutôt que de designers.
  • Avantages de FLEX
    • Flex offre la possibilité de concevoir et implémenter des interfaces utilisateur centré sur l'homme sans se soucier des limites des navigateurs.
    • Application Flex n'aurait pas besoin de poster une requête au serveur à chaque fois que l'utilisateur a apporté une modification.
    • Un environnement d'exécution avec près de 100% de déploiement à tous les internautes.
    • Soutenu par puissant langage de programmation ActionScript.
    • La capacité d'intégrer des médias riches comme le streaming vidéo et du son.
    • Flex et Flash peuvent travailler ensemble.
  • Historique des versions
    • Flex 1.0 - March 2004
    • Flex 1.5 - October 2004
    • Flex 2.0 (Alpha) - October 2005
    • Flex 2.0 Beta 1 - February 2006
    • Flex 2.0 Beta 2 - March 2006
    • Flex 2.0 Beta 3 - May 2006
    • Flex 2.0 Final- June 28, 2006
    • Flex 2.0.1 - January 5, 2007
    • Flex 3.0 Beta 1 - June 11, 2007
    • Flex 3.0 Beta 2 - October 1, 2007
    • Flex 3.0 Beta 3 - December 12, 2007
    • Flex 3.0 - February 25, 2008
    • Flex 4.0 2009
  • Outils de FLEX
    • Open Source Flex SDK qui comprend :
    • a. Le framework Flex
    • b. Le compilateur autonome
    • Flex Builder
    • Flex Charting
    • Live Cycle Data Services
  • Création d'applications FLEX
    • Flex SDK ou Flex Builder peut être utilisé pour développer des applications web.
    • Flex est soutenu par deux langues:
      • MXML est un langage de balisage basé sur XML qui est principalement utilisé pour les éléments de présentation application d'affichage.
      • ActionScript est un langage de programmation conforme ECMAScript orienté objet qui est principalement utilisé pour la logique d'application.
    • Lors de la compilation du code MXML est traduit en code ActionScript, puis tout ce code ActionScript est compilé en binaires fichier SWF. Le fichier SWF est téléchargé vers le serveur Web, où il est ensuite servi sur demande de l'utilisateur.
  • Le processus de cycle de FLEX XML/HTTP REST SOAP Web Services Browser J2EE Application Server Flex Data Services 2 Flash Player Web Server Existing Applications and Infrastructure Flex Builder IDE Flex SDK MXML ActionScript Flex Class Library Compile Data Data .swf .swf .swf
  • Exemple MXML et ActionScript
    • <?xml version=&quot;1.0&quot;?>
    • <!-- HelloWorldAS.mxml -->
    • <mx:Application xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot; layout=&quot;absolute&quot;>
      • <mx:Panel title=&quot;My Application“>
      • <mx:TextArea id=&quot;textarea1&quot; width=“155”/>
      • <mx:Button label=&quot;Click Me&quot; click=&quot;textarea1.text='Hello World';&quot; />
      • </mx:Panel>
    • </mx:Application>
  • Installation de Flex Builder
    • Flex Builder est construit sur Eclipse, un IDE open-source, et fournit tous les outils dont vous avez besoin pour développer des applications Flex et ActionScript.
    • Il fonctionne sur Microsoft Windows, Apple Macintosh OS X, et Linux, et est disponible en plusieurs versions.
    • Options de configuration d'installation permet d'installer Flex Builder comme un ensemble de plug-ins dans une installation Eclipse existante établi ou pour créer une installation qui comprend le workbench Eclipse.
  • Configuration requise
    • Intel Pentium 4 processor
    • 1GB of RAM recomandée
    • Microsoft Windows XP (avec Service Pack 2)
    • 500MB espace disponible sur disque dur
    • Flash Player 9 (9.0.30) ou plus.
  • Création de projets FLEX
    • Adobe Flex Builder vous permet de créer, de gérer, ensemble, et de distribuer des projets de construction et de web applications de bureau. Lorsque vous générez composant partagé bibliothèque (CFC) des fichiers, vous pouvez partager des composants et d'autres ressources entre les applications ou avec d'autres développeurs. Vous pouvez également travailler avec les différentes versions du SDK Adobe Flex directement dans Flex Builder.
    • Types de projets :
    • 1. Flex Project – Applications Flex (MXML Files) sont compilées dans des fichiers SWF autonome
    • 2. ActionScript Project - Projets ActionScript ne pas utiliser le framework Flex ou langage MXML. Vous pouvez coder et déboguer des applications qui accèdent directement ActionScript d'Adobe Flash Player API et sont compilées dans des fichiers SWF.
    • 3. Flex Library Project - Un projet de bibliothèque génère un fichier SWC, qui est un fichier d'archive pour les composants Flex et d'autres ressources.
    • Lorsque vous créez un projet, les guides New Flex Assistant de projet vous à travers les étapes, vous demandant le type de projet de création, le nom du projet, l'emplacement, et d'autres options.
  • Projet Flex
    • Un projet Flex contient un ensemble de propriétés qui contrôlent la façon dont l'application est construite, où réside l'application construite, comment le débogage est manipulé, et les relations à d'autres projets dans l'espace de travail.
  • Navigateur de Projet Flex
    • le nouveau Assistant Projet génère automatiquement les fichiers de configuration du projet Flex, la sortie (bin) dossier dans lequel votre application compilée réside, et le fichier d'application principal. Il vous permet également de créer un projet Adobe AIR.
  • Resources de projet Flex
    • ActionScript Class .
    • ActionScript File
    • ActionScript Interface
    • ActionScript Project
    • CSS File
    • File
    • Flex Project
    • Flex Library Project
    • Folder
    • MXML Application
    • MXML Component
    • MXML Module
    • Other
  • Integration de la technologie
    • Flex est une technologie côté client qui est rendu par Flash Player 9 ou Adobe AIR (Adobe Integrated Runtime).
    • Flex peut travailler JavaScript sur le client.
    • Flex nécessite une technologie côté serveur (comme LiveCycle Data Services, Java, ASP.NET ou PHP) de lui fournir des données en temps réel.
    • Integrating Flex with:
      • PHP
      • ASP.NET
      • JAVA
      • Cold Fusion
  • FLEX et JAVA
    • Applets Java, avec leur capacité à fonctionner dans une fenêtre de navigateur, sont semblables à des applications Flex. Applications Flex, cependant, sont beaucoup plus faciles à déployer à travers la légère et facile à installer Flash Player.
    • Java côté serveur peut être utilisé pour créer des services Web pour la consommation par une application Flex
  • BlazeDS, LCDS, GraniteDS
    • Data Services plutôt orientés JavaEE
    • Permet une connexion avancée avec un
    • serveur au lieu de services XML
    • Basés sur le protocole AMF
  • Architecture modulaire
    • Les applications Flex peuvent accéder à des données situées coté serveur en utilisant:
      • le composant HTTP Service
      • RemoteObject
      • le composant Web Service basé sur SOAP.
    • En utilisant des Framework architecturels basé sur le modèle de conception MVC:
      • Cairngorm ou bien PureMVC.
  • Références Tour de Flex: ttp://www.adobe.com/devnet/flex/tourdeflex/ Flex.org: http://flex.org/ RIAForge: http://www.riaforge.org/ Adobe Open Source: http://opensource.adobe.com/
  • Questions?
    • Thank You!