Flash Builder 4.5 : Personnaliser son application mobile

Après avoir implémenté toutes les fonctionnalités de mon application mobile, la seconde étape avant sa publication en ligne, a été de la personnaliser afin de lui donner un look & feel propre (couleur de fond, couleur du texte, icône, image en background, etc...)

Flash Builder 4.5 met à notre disposition plusieurs techniques pour personnaliser son application :

• Les attributs des composants
• L'utilisation d'une feuille de style comme pour le web
• L'écriture d'un skin pour overriter le skin par défaut du composant que l'on souhaite personnaliser

 
 
La modification des attributs directement dans le composant est la technique la plus rapide et la plus accessible car nous pouvons le faire directement dans l'IDE. Attention toutefois, tous les attributs disponibles dans l'IDE ne s'appliquent pas au composant...

 
 
L'utilisation d'une feuille de style est basée sur la même technique que la personnalisation d'une application web. Il faut pour cela utiliser la balise <fx:Style>...</fx;Style>. Vous pouvez aussi utiliser les class et les id. A noter toutefois, comme pour la modification directe via l'IDE des attributs du composant, il est aussi difficile de savoir quels attributs s'appliquent au composant et quels autres ne s'appliquent pas...

Enfin, la dernière solution est l'écriture d'un skin propre au composant. C'est la seule solution permettant la personnalisation totale du composant mais c'est aussi la solution la plus complexe. Elle permet de redéfinir le graphisme du composant mais aussi son comportement. La grande difficulté que j'ai rencontré en mettant en œuvre cette solution a été de savoir de quoi partir pour personnaliser le composant. Sur ce point j'ai été un peu déçu par Flash Builder. Car la fonctionnalité, même si elle est un peu documentée par Adobe par des exemples assez classiques, ne permet pas une prise en main aisée. En effet, pour personnaliser totalement un composant de base Spark, il faut savoir comment il est construit et comment il fonctionne et cela n'est pas trivial si cela n'est pas assez documenté.
Finalement je me suis aperçu qu'on pouvait retrouver les skins par défaut d'Adbobe dans le package spark.skins.spark et ainsi partir de la source pour personnaliser son composant. 

Pour utiliser dans un composant le skin que l'on vient de créer, il suffit d'utiliser son attribut skinClass="..."

Créer votre première application mobile Flex avec Flash Builder 4.5

Ca y est je m'y suis mis...à Flex

J'avais juré de ne jamais touché "aux langages propriétaires" genre ActionScript
Et aussi mais surtout aux applications Mobiles...

Il faut bien un début à tout vous me direz mais là finalement je trouve qu'avec Flash Builder 4.5 je m'en sort bien. J'ai été agréablement surpris par ce produit. Il faut dire que je ne connaissais pas donc c'est pas dur...

Plusieurs points positifs pour Flash Builder :

• Finalement l'ActionScript 3 c'est très très proche du Java (si si je vous assure). Le seul truc mortel c'est la déclaration des variables inversée. Exemple : var nom:String;
• Flash Builder 4.5 est basé sur Eclipse, mon IDE préféré
• Le produit est plutôt bien fini : Possibilité de construire ses écrans visuellement, de débugger, rapidité d'exécution du device et wizard pour exporter et packager son application (pas essayé encore...)
• Il y a plein de tutoriaux sur le net
• Et surtout Flash Builder 4.5 permet de construire une application à la fois pour iOS/iPhone/iPad, Android et BlackBerry Tablet OS. Donc pour les 3 systèmes mobiles majeurs et ce en écrivant une seule fois le source

Les points négatifs : un seul pour l'instant mais je découvre...

• Flash Builder 4.5 est un produit payant (500 euros environ)

J'ai également trouvé un bon tutorial
http://www.adobe.com/devnet/flex/articles/twitter-trends.html


Prochaine étape : Publier mon application

42ème étage : Parodie des SSII ou simple réalité ?

42ème étage est une web série dont le thème est la vie dans une Société de Services en Ingénierie Informatique (SSII). Cette série humoristique française, à la Caméra Café, se passe dans un ascenseur. Elle met en scène les personnages principaux qui sont un commercial et un ingénieur.

Pour tous ceux qui ne connaissent pas les SSII, cette série reste humoristique

Les personnes qui connaissent un peu ce milieu diront que le principe même d'une SSII est de proposer des services, et donc d'embaucher des ingénieurs pour les placer chez des clients. Cette série est alors une parodie.

Mais si on baigne vraiment bien le monde des SSII, on pourrait aussi dire, en exagérant un peu bien sûr...que les SSII embauchent des troupeaux d'ingénieurs que les commerciaux doivent vendre...En effet, qui n'a pas reconnu dans les personnages de cette série, Clara, Gérard ou Stéphane le commercial de sa propre société...Charles ou Jean-François, son collègue de bureau ;-) Qui n'a jamais été vendu en tant qu'expert dans une techno au motif que dans sa précédente mission il a travaillé quelques jours sur cette techno...Qui n'a jamais été envoyé à St-Denis ou à St Quentin-en-Yvelines, avec en excuse " Oui, c'est un peu loin...Mais la mission est super intéressante ! ". Qui ne s'est jamais entendu dire "La société compte sur toi. Tu ne veux pas mettre en péril la société...".  Qui n'a jamais rajouté sur son cv un projet réalisé en interne et super valorisant...


Alors simple parodie ou cruelle réalité ?

Vous pouvez donc regarder cette série sous plusieurs angles...Mais dans tous les cas, amusez-vous et regardez la série, elle en vaut le coup :  http://www.42eme.com/http://www.42eme.com/

Présentation de la Taglib Displaytag

Un article intéressant sur la librairie j2ee Displaytag

En J2EE, la librairie Displaytag offre une solution rapide, pratique et efficace à ce problème. Cette Taglib offre un mécanisme très simple d'itération sur une collection, celui-ci s'exécutant directement depuis le code d'une jsp. Le résultat donne l'affichage d'un tableau html avec une quantité d'options telles que les tris sur les colonnes, la pagination, le regroupement de données ou encore l'export du tableau aux formats csv, excel, xml, pdf ou rtf.

Cet article date un peu...Mais on n'a pas encore fait mieux pour gérer les TABLE en HTML ;-))

Lien : http://ewawszczyk.developpez.com/tutoriel/java/taglib-displaytag/