La Fabrick Interactive [blog]



Accueil


Laboratoires d'applications riches:
RIA , elearning, design interactif, ergonomie...

Quelques raisons de se mettre à Ruby on Rails ( ou au moins y penser ... )

Ruby on Rails vs JAVA


Et les autres concurrents ne sont pas en reste...

Lire la suite

[ 3 commentaires ]


Google AJAX Language API... et ton Flex devient polyglotte !

Je viens de tomber sur une API bien pratique : l'API de traduction de Google. Accessible via un HTTPService, elle permet d'effectuer des requêtes de traduction en plus de 30 langues. Voyons comment l'utiliser depuis une application Flex.

Lire la suite

[ 3 commentaires ]


Alternativa3D : un petit nouveau dans le monde de la 3D Flash

Et de 4 ! Après Sandy, Papervision et Away3D, voici Alternativa3D du studio russe GRTOV.
Un moteur 3D très prometteur (et performant) aux vues des différentes démos.
Une version complète (ça nous changera de PV3D 2.0 ... ) est disponible en téléchargement pour des usages non commerciaux...
A tester... si vous lisez le russe ! L'API Doc anglaise n'est pour l'instant que partiellement traduite... Faut que je demande à Erick de me traduire ça :)

[ 3 commentaires ]


Skiner un composant Flex 3 avec Fireworks CS3 [Tutoriel Vidéo]

J'avais un petit essai de tutoriel vidéo à faire... Euuuh .... comment dire ??? euuuuh ... c'est un peu laborieux :).
Mais bon maintenant, euh... c'est fait et euuuh... ca servira peut être un jour à quelqu'un !

< param name="movie" value="http://www.lafabrick.com/blog/video/mediaplayer.swf?file=http://www.adelaide.edu.au/static/acvt/VideoTrace2_msmpeg4v2.flv&autoStart=false" /> < param name="wmode" value="transparent" />

Télécharger les fichiers sources.

Au final je suis pas sûr que la vidéo soit vraiment pratique comme support d'apprentissage pour Flex ( même si on enlève les euuuh et autres hésitations :) ). Et toi tu aimes les tutos vidéos ???

[Correction ]
Dans la partie Fireworks je parle de calques, en fait il s'agit de dossiers de calques.

[ A voir aussi ] Skiner Flex à l'aide de flash chez Phiphou

[ 7 commentaires ]


librairie lafabrick : mise à jour


Je viens de mettre à jour ma petite librairie de composants pour Flex. J'ai corrigé 2 / 3 bugs et ajouté un composant d'ancrage bien pratique !

C'est quoi cette Lib?

La lib lafabrick est avant tout un jeu de composants UI pour Flex. L'objectif premier était d'avoir un panel qui pouvais être draggable et resizable. Basé au départ sur les composants de Jove Shi (pour CursorUtil et mon compo ResizableWindow), c'est maintenant la base de mes applications Flex.

Merci à Iteratif pour son aide précieuse et de m'avoir fait découvrir la classe Rectangle (ba ouai j'avais jamais utilisé...)

Exemple

ICI ! (les sources au clic droit)

les liens

SVN : googlecode
Documentation
SWC : lafabrick.swc

Rien à voir, mais ...

"Et si mon voisin était flexeur ?"
Allez hop ! A la demande de _Stef je profite de ce post pour faire passer la bonne idée !
Mais ou son les Flexeurs? D'où viennent ils? Les réponses avec cette carte. Alors on y va tous et on ajoute son petit point ! (et respectons le principe de base de cette map collaborative : pas de pub, Spammeur s'abstenir)

Et on salut bien bas l'initiative de _Stef :)

[ 7 commentaires ]


Un nouveau monde


Avec le projet Open Screen Project, Adobe à enlevé les restrictions de licence des formats SWF, FLV/F4V et AMF.

C'est beau, c'est grand, et ça va plaire à beaucoup de monde !

Vu sur FCNG et le blog de Iteratif, je relève une nouvelle fois cette news : pas de spam ici, c'est juste trop énorme pour ne pas en parler !

[ no comment ]


Design d'applications riches : les objectifs de Thermo ?


Durant les conférences MAX 2007 Adobe a présenté Thermo : l'outil qui va "révolutionner" le workflow "designer / developper" durant la création d'appli Flex. Les démos nous montraient la possibilité de créer des fichiers mxml en quelques clics à partir de fichiers graphiques ( photoshop, fireworks... ).

Dans cette nouvelle vidéo, un des concepteurs de l'application revient sur les avancées de Flex builder 3 en terme de personnalisation graphique, et nous explique pourquoi et comment Thermo viendra épauler Flex 4 pour la création de nos futures applications riches.



Thermo@adobe Labs

Voir la présentation vidéo officielle de Thermo

via http://www.rictus.com/muchado

[ no comment ]


Flex Builder 3 et le PHP ( PDT ) : installation

En ces temps de releases finales, l'heure est à la réinstallation... À la vue des 7 718 lectures du tuto de notre ami (n)RV ( Tomcat - Eclipse - WTP - Flex Builder ), je me dis que çà peut être utile un petit point pour une configuration rapide de Flex Builder pour des projets Flex / PHP .

Lire la suite

[ 15 commentaires ]


Rich ( Desktop ) Application : le jour 1.0

Aujourd'hui s'achève la période de béta pour Flex (Builder) 3 et surtout pour AIR 1.0 -. Bye bye le labs, et welcome in the real world : AIR prend maintenant place sur la page d'accueil de la maison mère, au même rang que l'Acrobat Reader et que le Flash Player. C'est dire si Adobe veut croire en son nouveau format...

Alors que la concurrence est annoncée depuis quelques mois ( SilverLight , JavaFX ), c'est bien l'AS3 et Flex 2 qui ont permis la création de la plupart des RIA "innovantes" ( Buzzword , sliderocket, a.viary ...) apparues depuis 2007. Avec AIR, Adobe tente de prendre une longueur d'avance en proposant d'utiliser cette nouvelle génération d'outils dans un nouveau contexte : hors navigateur, directement depuis le bureau. RDA ??? Applications connectées ? Ne bloquons pas sur les mots, imaginons les usages...

Un nouveau format donc, mais également une nouvelle stratégie : le gratuit ( AIR SDK ) et l'open source ( Flex / BlazeDS ). Vu le potentiel des concurrents, on comprend bien l'effort fait par Adobe pour assurer l'appropriation de ses technos par les développeurs. Tant mieux pour nous!

Une nouvelle stratégie... et son nouveau site : Adobe dévoile son espace Open Source, et confirme sa nouvelle politique d'ouverture... On y trouve donc toutes les infos sur : - Flex 3 ( et même sur Flex 4, nom de code : Gumbo ! béta1 pour fin 2008 ) - BlazeDS et d'autres projets plus anciens... On y apprend que Adobe participera au consortium SQLLite, etc, etc...

Bon çà c'est fait, et vivement la suite ( Thermo, Cocomo, Pacifica...), l'année va être chargée !!!

[ un commentaire ]


la claque en 3D

Une petite application à base de papervision3D qui vaut le détour...

Lire la suite

[ 5 commentaires ]


Pti truc du jour : Les CollectionEvent

Bon je suis peut être le dernier, mais en farfouillant la doc de Flex, j’ai découvert une petite classe qui simplifie la vie : les CollectionEvent.

Ce type d’évenement, géré par toutes les classes implémentant ICollectionView, est généré lors d’un changement de la collection . Il en devient du coup un complément très intéressant au Databinding.

Imaginons par exemple une application de gestion de notes :



Exemple / Source

L’affichage des notes dans le Datagrid est assuré grâce à un databinding avec une arrayCollection.

  1. <mx:DataGrid id="notesDGrid" dataProvider="{notesCollection}" />

Lorsqu’on ajoute un élément, la collection change, l’affichage est automatiquement mis à jour.

Par contre, pour la note moyenne, calculée à l’ouverture à partir des élements présents, le binding ne permettra pas la mise à jour automatique.

C’est là qu’interviennent les CollectionEvent : en ajoutant un écouteur sur la collection, on peut réagir à ses modifications :

  1. notesCollection.addEventListener(CollectionEvent.COLLECTION_CHANGE , updateMoyenne );

Dans notre exemple, l’application va recalculer la moyenne lors de chaque ajout.

Plus fort encore, les CollectionEvent possédent une propriété 'kind', qui permet de savoir quel type d’opération a été effectué ( Ajout, deplacement, supression ) et une 'items' de récupérer des informations sur la dîte opération ( item ajouté, nouvelle position .. ) .

L’exemple est très simpliste, mais dans le cas d’un dév avec Cairngorm par exemple, je vous laisse imaginer l’intérêt de cette fonctionnalité utilisée sur les collections d’un modelLocator

Toutes les infos sur LiveDocs

[ 2 commentaires ]


Un projet Java / Flex avec Maven 2

Après un premier tuto sur la création d'un projet Flex avec Maven 2, nous pouvons maintenant nous pencher sur un chantier plus important encore : comment compiler mon Flex puis ma webapp Java en une fois avec Maven 2 ?

Comment personnaliser un peu la compilation Flex pour l'adapter à mes besoins ?

C'est par là...

Lire la suite

[ 2 commentaires ]


Premier projet Flex avec Maven 2

Le grand jour est arrivé, vous émergez des concepts, et souhaitez démarrer comme dans la vraie vie. Cet article fait office de tutoriel pour démarrer du bon pied. Vous devez avoir un environnement de travail opérationnel. Certes, mais encore, Maven 2 semble intéressant à utiliser, surtout dans un contexte multi-développeurs où l'échange standardisé est (plus que) de rigueur. Faites votre petite séance d'étirement des doigts, massez-vous les tempes, préparez vous un bon café (commerce équitable allez, on garde bonne conscience). ... C'est bon ? GO !

Lire la suite

[ 7 commentaires ]


Flex et les warnings inutiles...

Me trouverez-vous intolérant, mais je déteste que des warnings envahissent mon Flex. Voici les méthodes pour masquer deux types de warnings "inutiles' :

Lire la suite

[ 3 commentaires ]


Flex meet Ribbit : Please leave a message

Bon, en attendant de nous pencher sur Pacifica, la solution de téléphonie IP annoncée par Adobe, j'ai fait un petit test de Ribbit, un service en ligne de téléphonie accessible le plus facilement du monde via un composant Flex.

Lire la suite

[ 6 commentaires ]