Antidot : Editeur logiciel leader dans le domaine des outils de recherche, Antidot conçoit et développe Antidot Finder Suite (AFS) basée sur une technologie innovante plusieurs fois primée.

Interview réalisé par KeepCore, fournisseur de solutions pour éditeurs logiciels, expert RIA : http://www.keepcore.com

Toujours aussi sympa, Michael Chaize a accepté l’invitation du groupement RIA de l’association Novae LR pour expliciter, commenter et donner son point de vue sur les dernières annonces de Adobe concernant FLEX d’une part et sa décision d’arrêter les développements du Flash Player pour mobiles d’autre part.

En résumé, les annonces faites par Adobe se sont télescopées.
Adobe poursuit son effet de soutien à HTLM5, notamment pour les outils de création graphique, mais croit surtout en Flex au moins pour les 5 ans à venir pour le développement d’applications internet riches et mobiles en mode natif. Pour Michael Chaize, il n’y a pas incompatibilité entre ces 2 directions : Adobe (et sa communauté) tirera le meilleur des 2 technologies.
De plus toujours selon Michael, les développeurs Flex sont les mieux placés pour tirer parti des possibilités qui seront offertes par HTML5.
Vous trouverez cela dans la première partie de la vidéo.

Michael présente dans la 2e partie de cette vidéo les nouveautés de la dernière version du framework FLEX 4.6.
Avec évidemment, la spéciale « Michael » : je code d’une main, je tiens le micro de l’autre !

UPDATE:
Voici les slides présentés par Michael lors de cette soirée :

There is a trick to do so, with the Flex View/ViewNavigator but it has some drawbacks… Each view has a property called « destructionPolicy » that you can set to « never ». This means that if you create a view with destructionPolicy set to never it will be kept in memory unless you « pop() » it. If the view you don’t want to be re-created is the first view of the application this setting it could help you, but in my case it was not useful since the most complex view of my application was the last pushed view.

My solution is really simple, the KC-ViewNavigator inherits the standard ViewNavigator and gives you an additional option which is the viewCreationMode. If you set this property to « singleton », each time you push a new view in your application, the instance created will be kept, so the next time you will push it again it will not be re-created but only displayed and refreshed. The class also provides a method setSingletonInstance to allow views « pre-caching ». In my case I create my complex view instances at the startup of the application. Application initialisation is a bit longer but user experience during transition between view is much smoother !

To override the ViewNavigator mechanism just download the lib KC-ViewNavigator and set in your application main class the skin property to KCViewNavigatorApplicationSkin, that’s all !

Download it !

By Patrice Oms, Software Engineer.

À travers le partage de cas, de bonnes pratiques et d’expérience client, KeepCore présente les RIA (Flex, HTML5…) comme un enrichissement des services des sites marchands.

La société développe des composants et des modules à destination des développeurs, des intégrateurs et des webmasters : personnalisation et configuration de produit, recherche enrichie et visualisation avancée, ou encore outil de gestion de rendez-vous et de planning.

Grâce à ces outils riches, l’opérateur de site e-commerce peut mettre en valeur son catalogue de manière efficace, à l’aide de modules dynamiques, ludiques et innovants, en plaçant le visiteur-utilisateur au centre de l’acte d’achat, notamment dans le cas de produis complexes.

Vous souhaitez voir cette conférence, rendez-vous le mercredi 14 septembre 2011 de10h30 à 10h50 salle S4.

Dans l’objectif d’enrichir le e-commerce et de le rendre plus performant KeepCore présentera ces solutions de commerce en ligne orientées utilisateurs au stand H32, accompagné des autres acteurs e-commerce de la région Languedoc-Roussillon.

Les RIA représentent un atout majeur permettant l’enrichissement des plateformes de vente en ligne. Elles améliorent considérablement l’expérience utilisateur en lui proposant des interfaces dynamiques et faciles d’utilisation. Les visiteurs ont plus de facilités pour accéder aux produits recherchés grâce à des outils performants.

Pour l’e-marchand les RIA sont une opportunité de rendre son e-commerce plus attractif et ludique. Elles lui permettent de disposer d’une interface ergonomique où ses produits sont mis en valeur grâce à toute une gamme de modules riches conçus sur-mesure (visualisation ou réalité augmentée, prise de rendez-vous par internet…). Les moteurs de recherche enrichis, ou encore les modules de configuration et de personnalisation de produits en ligne représentent les outils clés d’un e-commerce qui réussit.

À L’occasion de cette nouvelle édition e-commerce à Paris, KeepCore sera présent avec sa boite à outil d’Applications Internet Riches orientées pour le e-commerce. Grâce à sa forte expérience dans le domaine des RIA, KeepCore a pour objectif de prouver et légitimer la place des RIA dans le commerce en ligne.

Au côté de KeepCore d’autres acteurs e-commerce de la région Languedoc-Roussillon tels que  JV-web, CibleWeb, Nosibay, Weezbe, DDLX, Yooda… se présenteront au salon avec leurs solutions respectives.

Inscrivez-vous sans plus tarder au salon e-commerce de Paris pour y découvrir notre catalogue de produits & services e-commerce.

Pour cela nous sollicitons votre aide.  Si vous développez et/ou vendez des composants Flex et êtes intéressés par l’idée de travailler avec nous, contactez-nous pour en apprendre plus sur notre projet de partenariat.

Notre but est apporter les meilleures solutions à nos clients, les plus innovantes et performantes.  Nous avons déjà créés des partenariats  pour combiner la connaissance et la créativité de différentes personnes et sociétés afin de produire les meilleurs composants sur le marché et satisfaire les besoins de nos clients. En travaillant ensemble, nous donnerons une exposition maximale à nos composants respectives.
Peu nous importe si vous avez un ou une centaine de composants à proposer, nous aimerions vous présenter nos différentes possibilités de partenariats dans le but de créer un lien durable.
Si vous êtes intéressés par notre société et notre projet de partenariat et si vous voulez collaborer avec nous, contactez-nous sur notre site de composants Flex.

Partnership Project !

At KeepCore, we are always looking for new possibilities and new components to offer our clients. Our goal is to regularly add new components to our product list on flex-components.com, but to achieve this we need your help. If you develop and/or sell Flex components and are interested in working with us please contact us to find out more about our partnership project.

Our aim is to offer the best and most innovative products to our customers. Therefore we have already created partnerships to combine the knowledge and creativity of different people and companies to produce the best components on the market and to satisfy our clients’ needs. By teaming up together we’ll give maximum exposure to our components.

Never mind if you one or one hundred components to offer us, we would love to discuss our offers with you in the hope of creating a long lasting partnership.

If you are interested in our partnership project and would like to colaborate with us please contact us on our Flex components’ web site.

]]> http://www.ria-experts.com/ria-experts/projet-de-partenariat-keepcore/feed/ 0 http://www.ria-experts.com/ria-experts/utilisation-de-colormatrixfilter-pour-creer-une-icone-%c2%ab-disabled-%c2%bb/ http://www.ria-experts.com/ria-experts/utilisation-de-colormatrixfilter-pour-creer-une-icone-%c2%ab-disabled-%c2%bb/#comments Mon, 11 Jul 2011 09:00:29 +0000 Elodie http://www.ria-experts.com/?p=507 Continue reading →]]> Introduction

Le besoin d’avoir des images grisées pour les états désactivés des composants est fréquent et nécessite souvent de créer et d’inclure des images supplémentaires.

Il est possible de répondre à ce besoin en utilisant une image unique et en lui appliquant un filtre de type ColorMatrixFilter.

Présentation de la classe ColorMatrixFilter

Utilisation

Le filtre se déclare dans le tableau « filters » de l’image :

<s:Image source="@Embed('assets/user1_add.png')" >
    <s:filters>
        <s:ColorMatrixFilter id="filter" matrix="{matrix}"/>
    </s:filters>
</s:Image>

Le filtre repose sur la definition d’une matrice 5×4 qui décrit la transformation des couleurs à appliquer sur l’image. Pour chaque point le vecteur des coordonnées [r,g,b,a] (rouge, vert, bleu, alpha) est obtenu en multipliant la matrice par le vecteur [r,g,b,a,1] :

La propriété « matrix » de l’objet ColorMatrixFilter est définie en passant une chaîne de caractères contenant les valeurs (f11, f12, …, f45) séparées par des virgules.

Griser une image

Pour griser une image il suffit d’uniformiser les niveaux r,g,b en appliquant la matrice suivante :

Les valeurs pour chaque valeur r,g,b, on applique la formule r’=r/3 + g/3 + b/3 pour griser l’image. Les valeurs de la dernière colonne permettent d’éclaircir l’image pour obtenir un meilleur effet.

Rotation de couleurs

En utilisant le même principe, il est possible de modifier les couleurs. Ce cas d’application peut être intéressant pour un bouton avec une forte composante verte qui devient bleu au survol de la souris par exemple. Avec la matrice suivante, on inverse le bleu et le rouge :

Mise en pratique

L’application ci-dessous permet de tester une matrice personnalisée sur une image d’exemple :

Création d’une skin pour un Spark Button avec icône

En utilisant ce principe, il est très simple de créer une skin pour un bouton spark avec l’affichage de l’icône et la gestion de l’état « disabled » pour l’icône.

Dans FlashBuilder 4.5, grâce à l’assistant de création d’habillage (skin), il est possible de générer un nouvel habillage en quelques clicks :

-          Placer un <s:Button> dans le MXML,

-          dans ses propriétés, taper skinClass= »"

-          dans les quotes, faire CTRL+ESPACE et choisir « Créer un habillage… »

-          Créer une nouvelle classe basée sur « ButtonSkin »

-        Ajouter un BitmapImage avant le label avec l’id « iconDisplay » cette partie de l’habillage est déjà gérée (avec le SDK 4.5), il n’y a donc pas à définir sa source.

L’exemple suivant est obtenu de cette façon :

Code d’intégration du bouton :

<s:Button x="10" y="10" icon="@Embed('assets/form_red_edit.png')"
          label="Modifier les données" height="36" cornerRadius="6"
          skinClass="skins.MyButtonSkin" />

Code de la classe MyButtonSkin (uniquement la fin avec iconDisplay et labelDisplay) :

<!-- … -->
<s:BitmapImage id="iconDisplay" width="24" height="24" top="4" bottom="4" >
    <s:filters>
        <s:ColorMatrixFilter
            matrix="1,0,0,0,0, 0,1,0,0,0, 0,0,1,0,0, 0,0,0,1,0, 0,0,0,0,0"
            matrix.disabled="0.33,0.33,0.33,0,25, 0.33,0.33,0.33,0,25, 0.33,0.33,0.33,0,25, 0,0,0,1,0, 0,0,0,0,0" />
    </s:filters>
</s:BitmapImage>
<s:Label id="labelDisplay" textAlign="center" maxDisplayedLines="1"
         horizontalCenter="0" verticalCenter="1" verticalAlign="middle"
         left="34" right="10" top="2" bottom="2" />

Par Cedric Villeneuve – Chef de projet, concepteur KeepCore

]]> http://www.ria-experts.com/ria-experts/utilisation-de-colormatrixfilter-pour-creer-une-icone-%c2%ab-disabled-%c2%bb/feed/ 1