Cette formation pratique de sites, informaticiens, créer des ...

velodromegoodyearSoftware and s/w Development

Jul 5, 2012 (5 years and 2 months ago)

324 views

ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 1 / 2
Stage pratique de 4 jour(s)
Réf : FLX
Participants
Cette formation pratique
s'adresse aux développeurs
de sites, informaticiens,
designers.
Pré-requis
Connaissances de base
en programmation et en
développement Web.
Prix 2012 : 2150€ HT
Eligible DIF
Dates des sessions
Paris
28 aoû. 2012, 25 sep. 2012
23 oct. 2012, 20 nov. 2012
17 déc. 2012
Aix
4 sep. 2012, 27 nov. 2012
Bordeaux
16 oct. 2012, 11 déc. 2012
Bruxelles
16 oct. 2012, 11 déc. 2012
Genève
16 oct. 2012, 11 déc. 2012
Lille
16 oct. 2012, 11 déc. 2012
Luxembourg
16 oct. 2012, 11 déc. 2012
Lyon
4 sep. 2012, 27 nov. 2012
Nantes
11 sep. 2012, 13 nov. 2012
Rennes
11 sep. 2012, 13 nov. 2012
Sophia-antipolis
4 sep. 2012, 27 nov. 2012
Strasbourg
16 oct. 2012, 11 déc. 2012
Toulouse
16 oct. 2012, 11 déc. 2012
Flex et ActionScript 3.0, niveau 1
créer des applications métier pour le web
OBJECTIFS
Flex est devenu une plateforme de programmation très prisée pour développer des applications métier Flash
depuis sa prise en compte dans les environnements Mac, Unix ou Windows. Vous apprendrez à programmer
avec Flex 3 et Flex 4, son langage objet ActionScript 3.0 des interfaces graphiques interactives, utilisant des
données XML ou des services Web.
1) Présentation Flex 4
2) Le langage Actionscript 3.0
3) Langage MXML
4) Contrôles
5) Les formulaires
6) Les conteneurs
7) Contrôles de navigation
8) Styles
9) Accès aux données
10) Graphiques
1) Présentation Flex 4
- Emergence des clients riches. RIA. Présentation de Flex builder : son environnement Eclipse, compilateurs,
SDK, package Data et Charting.
- Différences et avantages avec une programmation sous Flash.
- Intégration dans une architecture J2EE ou .Net.
- Le lecteur Flash 10. Concept DisplayObject.
- Espace de travail (projet, workspace, librairies, répertoire de publication).
- Création du premier projet Flex.
- Configuration de Flex Builder et prise en main du débogueur.
- Présentation Flex4, Flex4 Mobile et ses nouveautés. Migration vers Flex4.5.
- Présentation Adobe Catalyst pour le design FLex.
Travaux pratiques
Création d'un projet et mise en oeuvre du débogueur.
2) Le langage Actionscript 3.0
- Rappels sur le langage XML : modèle, schéma de validation, Namespace.
- Spécificités Actionscript 3.0.
- XML et Ecmascript XML (E4X).
- Variables. Typage. Conversions. Portée.
- Opérateurs logiques, arithmétiques.
- Création de package et de classes (héritage, portée, constructeurs).
- Array, ArrayCollection, iList utilisation sur les composants graphiques.
- Classe Error et gestion des exceptions.
- Le langage XML et e4X.
- Intégration de commentaires et documentation avec asDoc.
Travaux pratiques
Prise en main Actionscript 3.0 au cours de travaux pratiques.
3) Langage MXML
- Structure d'une application Flex : blocs script, Model, CSS.
- La balise Application et ses propriétés : framerate, caractéristiques graphiques.
- Interaction avec Actionscript.
- La gestion des événements : propagation, trois phases.
- Liaison dynamique entre les variables Bindable et les composants graphiques.
- Evénements et instanciation des composants graphiques.
- Gestion d'événements : clavier, souris.
Travaux pratiques
Programmation d'événements : clic sur un bouton, changement d'état...
4) Contrôles
- Architecture des composants graphiques.
- Propriétés spatiales, styles, paramétrages, ViewState. Gestion des états sous Flex 4.
- Création dynamique de contrôles.
- Rôle des DataProvider raccordement aux Collections.
- Contrôles de données : label, image. DataGrid (personnalisation, événements, filtre, tri), Tile, TileList
(personnalisation), videoloader, swfloader.
- Drag and Drop sur les composants.
- Création de composants personnalisés : passage de paramètres, personnalisation.
Travaux pratiques
ORSYS, La Grande Arche, Paroi Nord, 92044 Paris La Défense cedex. Tél : +33 (0)1 49 07 73 73. Fax : +33(0)1 49 07 73 78
page 2 / 2
Création de boutons multi-états, datagrid personnalisés, chargement de vidéos.
5) Les formulaires
- Conteneur Form, FormItem.
- Composants de saisie : texte, boutons radio, menus, cases à cocher, Rich Text, NumericStepper.
- Validation de données : Emailvalidator, Currencyvalidator, RegExprValidator, Datevalidator..., association à
un modèle de données.
- Contrôles de saisie : dateFormator.
- Envoi du formulaire.
- Générateur de formulaire de Flex4.
Travaux pratiques
Création de formulaires de login, contrôles de saisie de fiches produits.
6) Les conteneurs
- Application ControlBar, moduleLoader, TitleWindow, Panel, Spacer, Grid, HDivedBox, Panel.
- Composant Repeater pour parcourir une liste.
Travaux pratiques
Construction dynamique de zones graphiques à partir de Repeater.
7) Contrôles de navigation
- Accordion, ViewStack, Menu, Bar, TabBar, TabNavigator, Togglebutton.
- Contrôles de navigation List, LinkButton, popupButton, popupMenuButton.
Travaux pratiques
Mise en oeuvre de barres de menus, onglets, boutons dynamiques vers le web.
8) Styles
- Design des composants : thèmes, feuilles de style, fonts.
- Effets et transitions : rotation, séquence, parallèle.
- Accès aux données : les chemins d'accès.
- Styles Flex4. Construction graphique avec Adobe Catalyst.
- Nouveaux effets visuels sous Flex 4. <fx :Declarations>.
- Les thèmes (spark, etc.) et composants multi skin sous Flex4.
Travaux pratiques
Mise en pratique de multiples effets.
9) Accès aux données
- EAX et EcmaScript XML.
- Services HTTPService : création de requête HTTP et échange de données GET et POST.
- Shared Objects.
- Accès aux Web services.
- Echanges RPC et Soap.
- Le composant Repeater.
- Le gestionnaire de données sous Flex4.
Travaux pratiques
Appel de service web, appel d'URL, création de ShareObject.
10) Graphiques
- Mise en oeuvre de graphismes : pie, plot, bar, line,...
- Raccordement entre données et graphismes.
Travaux pratiques
Création de graphiques à partir de données XML : Pie, Bar.