Posts Tagged flex

Back from MAX 2009

Posted by on Mardi, 20 octobre, 2009

Aujourd’hui j’ai assisté à la session Back from MAX 2009Yan de Baao, Thibault et  Michaël nous ont parlé des dernières annonces du Max 2009 avec en vrac :

  • les nouveautés de flex 4 et de flash builder 4 (amélioration de la coopération entre spark et halo, rajout de propriété style aux composants spark,  renommage de composants…)
  • LiveCycle Data Service3 et le model driven development (je reviendrait dessus)
  • LiveCycle Collaboration Services (ex projet Cocomo)
  • Et la news passée inaperçue….Flash sur l’iphone

Des ateliers thématiques permettaient de préciser ces différents sujets. J’ai assisté au 2 ateliers suivants :

Flash Catalyst

Il s’agissait de présenter les nouveautés apportés par la Béta 2. Au programme :

  • Plus d’effets et de transitions
  • Un nouveau composant scrollable
  • La possibilité d’exporter le résultat en Air

La démo est toujours aussi bluffante mais je suis de plus en plus partagé sur l’apport de Catalyst sur de grands projets. Tout d’abord la version actuelle ne permet pas des allers/retours entre catalyst et flash builder ce qui la rend inutilisable. (même si ce défaut devrait être corrigé dans la 1.0… ou pas…). J’étais pourtant plein d’espérances pour ce projet qui est le chainon manquant entre le designer et le développeur. Je reste convaincu que c’est un outils de prototypage excellent mais je suis septique pour la communication Catalyst/flex. J’ai hâte de l’éprouver….

LiveCycle Data Services 3

Michaël nous a présenté  LCDS avec:

  • le remoting (blazeds)
  • le messaging avec un push en temps réel (super…)
  • la génération de pdf
  • Et surtout le model-driven development

L’idée est de confier au modèle un maximum de responsabilités. A partir d’une source de données un modèle est déployé avec une vue particulière dans Flex builder. L’ensemble des services et value object sont générés et accessibles dans la vue designer. De là on peut:

  • relier les données à une datagrid par simple drag and drop
  • créer des formulaires crud en 2 clic
  • paramétrer des filtres ou des conditions directement au niveau du modèle

En java la synchronisation des données est assurée par LCDS.

Idéal pour réaliser une application CRUD (simple)  en trois clic…

Et pour finir cette journée, un super buffet,des discussions techniques, des rencontres, des goodies….

FLASH CATALYST ET FLASH BUILDER 4

Posted by on Jeudi, 4 juin, 2009

Hier, Adobe a présenté à la communauté les derniers arrivants de leur offre et concrètise leur plateforme Flash composée des trois produits : Flash Pro, Flash Builder et Flash Catalyst.

Flashbuilder 4 (ex: flexbuilder) correspond à l’environnement de développement RIA.
De nombreuses modifications ont été apportées à l’outil:

  • augmentation de la productivité (refactoring, génération de getter/setter, génération de handler d’évènement….)
  • amélioration de la gestion des données (introspection des services distants, génération de classes…)

Le modele de composant à également été relooké. En effet les composants natifs sont maintenant déclinés sous la forme de MVC. L’ambition est de faciliter le skinage des applications flex. D’après Adobe FB4 devrait aussi d’offrir un environnement de développement pour l’AS3 et non seulement pour Flex.

Le

deuxième outil présenté était Flash Catalyst. Ce produit peut prendre en charge des fichiers Photoshop, Fireworks, Illustrator. Il propose (via une interface étudiée sur les modèles des logiciels créatifs/vidéo) d’animer les éléments ou page et de skiner des composants (boutons, scroll, etc..).
A tout moment, le designer peut rééditer des éléments graphiques de sa maquette via Illustrator et récupérer automatiquement ses modifications dans Catalyst.

Catalyst a pour vocation de permettre aux designers :

  • De prototyper/animer simplement leurs interfaces (pour des présentations clients)
  • D’exporter l’interface animée vers FlashBuilder afin qu’elle soit directement utilisable par le développeur sans phase de découpage d’images ou de skinnage manuel des composants et tout en conservant les animations produites dans Catalyst.

Les échanges entre Catalyst et Flex seront bi-directionnelles pour la sortie finale de la V1 de Catalyst : Il sera donc tout simplement possible d’éditer un projet FlashBuilder dans Catalyst et de reskiner a la volée certains éléments.
Par contre, l’utilisation de Catalyst est exclusivement réservée aux créas qui organisent les calques dans des dossiers et nomment chacun des calques. Sans cette rigueur, Catalyst devient totalement inutilisable.

Pour Catalyst les avis sont très partagés. Il semble que les possibilités soient quand même limitées (en terme d’effets, de retour….) mais se prête particulièrement à de la RIA. Les fans d’animations “Wahoo” devront malheureusement conserver leur Flash Pro :) . J’attend de le tester sur un vrai projet pour valider le workflow complet et de constater le gain de productivité…

A suivre

Les tontons flexeurs…et les performances

Posted by on Lundi, 30 mars, 2009

J’étais ce soir au dernier événement organisé par les tontons flexeurs. Le thème aujourd’hui était “Flex et les performances à Paris”. Une soirée très sympa sur un thème très intéressant. Les 3 intervenants ont promis que leurs présentations seraient disponibles sur le site des TTF. En attendant en voici un résumé:

Yann Chevalier de BaaO nous à parler de Flex et des performances en évoquant les points suivants

Julien Revel de KapIT a abordé le problème des mémory leak en Flex. J’étais habitué à ce type de problématique en javascript et moins en Flex. Julien nous a présenté:

  • le garbage collector de Flex plutôt performant
  • Les principales sources de leak (les custom tooltip, les poppup, les fenêtres transitoires …)
  • au contraire les “leak safe” (binding interne, le model locator dans cairngorm, les events listener d’objets transitoires vers des objets permanents..)
  • Les “suspects” (Array, map, timer actif, listener vers des objets transitoires…)
  • Des outils pour reperer les leak (essentielement kapInspect et son memory leak plugin)

Enfin Michaël Chaize de Adobe (je vais quand même pas inserer le lien d’adobe…) nous a parlé des échanges de données autour de LCDS. Avec entre autre :

  • la dualité du choix entre un couplage faible avec un format d’échange traditionnel (XML, SOAP, REST) moins performant et un couplage fort propriétaire (RMI, AMF) avec une démo à l’appui sur Census
  • Le data Service et son implémentation coté Serveur (DAO, Assembler et config LCDS) et sa mise en place en flex
  • La démo d’un outils réalisé en interne illustrant les mécanismes de synchronisation et de persistance entre plusieurs clients.

Bref une belle soirée. Vivement la prochaine…..

Some tools for flexing…

Posted by on Dimanche, 25 janvier, 2009

KapIT release in it lab area some tools among which we find:

  • KapInspect

KapInspect is the flex equivalent of the famous Firebug console. Activated on a simple click it allows to inspect all the flex components of the page, to show and to modify their properties.
kapi

Those consoles allow to show at runtime the various components of the framework.

mvc

The integration is quite simple. After setting the .swc component in the project classpath, you just have to add the good tag in your mxml file.

For example :



...


Then to open the console just make a Ctrl+Alt+Click in the flash stage. Notice that you can use the various consoles simultaneously
For pureMVC console you have to change your Facade class to extend DebugFacade. You’ll find explanationhere

Des outils pour Flexer….

Posted by on Dimanche, 25 janvier, 2009

KapIT propose dans sa section lab plusieurs utilitaires pour les technologies Flex parmi lesquels on retrouve:

  • KapInspect

KapInspect est l’équivalent Flex de la célèbre console Firebug. Activée sur un simple clic elle permet d’inspecter l’ensemble des composants flex présent sur la page, de visualiser et de modifier leurs propriétés.
kapi

Ces consoles permettent de visualiser à l’exécution les différents composants du framework.

mvc

L’intégration est très simple. Après avoir inclus les .swc dans le classpath de votre projet il suffit d’insérer les tags correspondants dans votre fichier mxml

Par exemple :



...


A l’exécution il suffit d’enchainer la combinaison Ctrl+Alt+Click pour voir apparaitre la console. A noter que on peut utiliser en parallèle les différentes consoles.
L’intégration de la console pureMVC est un peu plus couteuse car elle nécessite de modifier le code de votre Facade afin d’étendre la classe DebugFacade. Tout est expliqué la

RIA et usabilité

Posted by on Jeudi, 13 novembre, 2008

Les journées de l’utilisabilité organisées par Fred Cavazza pour Paris ont été l’occasion d’aborder les thèmes importants des applications riches. Des présentations intéressantes qui m’ont conforté dans ma vision du RIA et notamment de la relation développeur/graphiste/ergonome/utilisateur.
Ce que j’en retient :
Read the rest of this entry »