J’pensais pas faire ça aujourd’hui…, mais bon… moultes skins Spark à tomber : j’ai décidé de me helper myself et de gagner de l’argent ( enfin du temps pour commencer ). Du coup est née la petite commande Fireworks copyMXMLSelectionToClipboard, qui comme son nom l’indique presque, permet de copier une sélection dans Fireworks directement en MXML dans le ClipBoard. Elle est pas belle la vie ?!

En gros :
1. tu dessines tes trucs dans Fireworks, tu fais tes jolies dégradés, tes reflets, tes subtils petits floutés…
2. tu sélectionnes ce que tu veux mettre dans ta skin
3. tu lances la commande ‘UIGFx/SelectionToMXMLClipboard »
4. t’ouvres ta skinClass et pi t’y colle

5. et pi… tu souris !

Cette 1ère version permet d’exporter les Rect, les Path et des Groups ( de Rect et de Paths ! ),
avec leur SolidColor / SolidColorStroke, LinearGradient ou RadialGradient,
et même quelques filtres : Blur / DropShadow / InnerShadow.

Les positions sont recalculées avec un sélection placée à l’origine xy.

Télécharger l’extension Fireworks (CS3 + )

Et c’est déjà çà de fait !

Edit : et je rappelle qu’on peut mapper des raccourcis pour n’importe quel élément de menu… #jdcjdrAutres articles sur le même sujet

• Digimix : un Air de musique…
• Skiner un composant Flex 3 avec Fireworks CS3 [Tutoriel Vidéo]
• Flex4 : skin et primitives
• uigfx project : Flex4 primitives library / Fireworks extension

Voilà quelques temps que nous nous activions sans donner de nouvelles…, il est temps de corriger tout ça.
Aussi, pour démarrer cette nouvelle année du bon pied, La Fabrick vous propose une petite application de génération de code AS3 à partir d’un schéma XSD.

Ce petit outil nous a été utile pour pas mal de projets développés pour nos premiers clients, alors pourquoi ne pas vous en faire profiter ? Peut-être deviendrez-vous aussi MdaME-addict ?

Retrouvez toutes les infos sur http://mdame.lafabrick.comAutres articles sur le même sujet

• API de dessin en AS3
• Crée ton navigateur perso avec 5 lignes de code !
• Flex Builder 3 et le PHP ( PDT ) : installation
• Skiner un composant Flex 3 avec Fireworks CS3 [Tutoriel Vidéo]

Voilà un résumé de la première journée : une énorme keynote, quelques conférences plus ou moins intéressantes…

La Keynote

La volonté d’Adobe d’être présent sur tous les écrans, quelque soit leurs tailles et leurs résolutions. Ça ressemble presque à une déclaration universelle. On se rappelle de l’annonce en mai 2008 de l’open screen project qui, à l’époque, laissait pas mal de place à la spéculation. Aujourd’hui, les choses se mettent en place… Pas moins de 42 partenaires dont Google, RIM, HTC, Docomo… et des annonces qui permettent de mieux comprendre où Adobe veut aller.

Le flash player 10.1.

Quelques nouvelles fonctionnalités comme le support du Multitouch, un meilleur support du P2P mais surtout un énorme travail sur les performances du player afin que ce dernier puisse tourner sur les mobiles et les notebook.

• Réduction de l’empreinte mémoire du player
• Meilleur gestion de la consommation électrique
• Amélioration du rendu et des performance vidéo

Tout porte à croire qu’on assiste à la fin de FlashLite… On va enfin avoir le même player partout et tout le monde pourra avoir la même expérience quelque soit le terminal.

AIR 2.0

Adobe semble avoir écouté un peu la communauté. Pas mal de nouveautés et d’améliorations concernant l’intégration et la communication avec le système. Avec cette version, un développeur AIR va pouvoir facilement développer de l’application native Mac, PC, ou Linux, en fonction de son système.

• Possiblité de lancer et discuter avec des process natifs
• Support des unités de stockages (et de leur branchement)
• Prise en charge du multiTouch
• Accès au données du microphone.

Les outils de la Flash Platform

FlashBuilder se positionne comme un éditeur de code avancé pour ActionScript, y compris quand on développe en flash. Adobe a donc amélioré les liens entre ces IDE pour faciliter les aller-retour. Idem avec Flash Catalyst qui se positionne comme un outils à deux faces.

Faciliter l’intégration d’un design provenant d’un produit Adobe et faire le pont entre designer et développeur (avec un format de projet commun)

Permettre de faire du prototypage rapide d’interactions (l’équivalent de ce qu’offre Fireworks en terme de prototypage de site web)

L’iPhone

Un des grands absents de l’Open Screen Project est en effet Apple. Adobe ouvre enfin la porte du temple de l’iPhone à ses développeur en permettant d’exporter ses application flash au format iPhone. On est encore loin du flash dans l’iPhone mais c’est quand même un premier pas. (Bientôt) fini donc, XCode et Mac pour faire des applications iPhone… En ça aussi, c’est plutôt une bonne nouvelle. Concrètement, Adobe est parti sur LLVM (qu’il utilise déjà pour Alchemy). Pour plus de détails voir cet article.

Et la Creative suite dans tout ça…

Comme l’année dernière à Milan, on nous parle vite fait de la Creative Suite.

Le producteur d’Avatar, le prochain film de James Cameron, présente comment les différents outils de la suite interviennent lors de la création d’un film comme Avatar, de la création des textures 3D sous Photoshop à la post production avec AfterEffects.

Et parce qu’on a été sage, on a droit à quelques scènes d’avatar en 3D… Ca promet !

Conclusion

Un mot-clé : « multi » ;

• multi-écrans (Open Screen),
• multi-cast (P2P),
• multi-touch,
• multi-langues (TLF),
• multi-disciplines (création, développement).

Le tout en se donnant les moyens de faire fonctionner tout ça : AIR 2.0, Flash Player 10.1 et amélioration des outils vers plus de productivité.Autres articles sur le même sujet

• Live from MAX Milan : hands on thermo…
• MAX 09 – Le multitouch
• MAX 09 – Où est passé le Text Layout Framework ?
• MAX 09 – Sneak Peeks !

This installation guide step by step is based on my needs: I am user of Java and Maven technologies, and Tomcat and JBoss servers. This installation allows you to get all the tools necessary for these types of developments, starting from a “from scratch” Eclipse IDE or a standalone FlashBuilder.

Start !

Need an IDE ! 2 ways : Eclipse and FlashBuilder plug-in, or the standalone distribution of FlashBuilder.

• Link for Eclipse (take the Eclipse Classic distribution)
• Link for FlashBuilder

I use in this guide FlashBuilder, standalone distribution.

FlashBuilder Softwares Updates

Ganymede Softwares Updates Remote site management with « Manages Sites » : you just need to provide the url. The selection of required plug-ins is automatic (be sure you have select all you need in « Manages Sites »)

Subclipse : subversion for Eclipse

Subclipse is an eclipse plug-in which provides support for Subversion (SVN).

To install subclipse :

• open “Help > Softawre Updates > Find and install…” dialog box.
• Choose “Search for new features to Install” and click on “Finish”.
• In the next box, click on “new remote site”. The dialog box for enter an update site appear.
• Type “subclipse” in Name input, and “http://subclipse.tigris.org/update_1.6.x” in the url update address input.
  
• Click on “Ok”.
  Verify in the list of includes sites that subclipse is selected. Select also “Ganymede Discovery Site” (Europa if your are on a Eclipse 3.3 IDE).
  
• Click on “Finish”.
• In the search results box, open the Sublclipse folder, en select “Subclipse”. An error appears. Don’t panic! Some additional plug-in are necessary. Click on “Select Required” button: Eclipse check the list of not found plug-in, and select automatically all required plug-in in Ganymede Discovery Site.
• Click on “Next”. Some validation, and other dialog box appear. Validate all boxes.
• you can also take a coffee… But attention ! A lot of coffee can be taken during this installation.

For PHP developer : PDT !

You know : with eclipse you can make coffee ! Some cool tool exist for Eclipse. If you are a PHP developer, you can use PDT – PHP Development Tool.
PDT, like WTP – See further- add to your Eclipse some tools for developing PHP application.
For more information about PDT, visit the PDT homepage.

To Install PDT, follow these steps :

• In “Help > Softawre Updates > Find and install…” , choose “Search for new features to Install” and click on “Finish”.
• Next, you need to add 2 Remote Site : PDT, and DLTK – Dynamic Language ToolKit.
  Click on “new remote site” :
  • Adding PDT : in Name input, type “PDT”, and for url : “http://download.eclipse.org/tools/pdt/updates/2.0/”
  • Adding DLTK : in Name input, type “DLTK”, and for url : “http://download.eclipse.org/technology/dltk/updates-dev/1.0M4-PDT-2.0/”

  Verify in the list of includes sites that PDT and DLTK are selected. Select also “Ganymede Discovery Site”, and click on “Finish”.

• In the list, select « PDT > PDT SDK 2.0.x > PDT SDK Feature”. An error appear : click on “Select required”. Then, “Next”.
  
• Another coffee?

If your needs is just PHP : Stop ! The following is just for Java developers.

Web Tools Platform : a tribute to Java

Web Tools Platform (WTP) is a package of some tools for your eclipse IDE, which provides you to develop web and J2EE application. WTP add to your IDE the J2EE perspective (a very good view of your code), Some other stuff is added with the WTP. I invite you to discover all this !
For more information about WTP, visit the Webtools homepage.

Installing WTP is like the installation of subclise. More simple.

• Open “Help > Softawre Updates > Find and install…”.
• Choose “Search for new features to Install” and click on “Finish”.
• Select “Ganymede Discovery Site” and click on “Finish”.
• Open “Ganymede Discovery Site”, select “Web and Java EE Development”, and click on “Select Required”.
  
• Click on “Finish”. Like subclipse, some validation and other dialog box appear. Validate all.
• Coffee Time

Your IDE is now ready for good coding !

Maven : manager of project

Based on the concept of a project object model (POM), Maven can manage a project’s build, reporting and documentation from a central piece of information.
Maven is the perfect tool for continuous integration and version tracking of your jar, swc, war, …
For more information about Maven, visit the maven homepage.
m2Eclipse is the Maven2 plugin for Eclipse. This plug-in ads all you need to integrate Maven into your projects.

For the installation of m2Eclipse, you need to add another remote update site.

• Go to “Help > Softawre Updates > Find and install…”.
• Choose “Search for new features to Install” and click on “Finish”.
• Click on “new remote site”.
• Type “m2Eclipse” in Name input, and “http://m2eclipse.sonatype.org/update/“ in the url update address input.
  
• Click on “Ok”.
• Verify in the list of includes sites that m2eclipse is selected. Click on “Finish”.
• Now You need to select the list of Maven plug-in to install. The minimum required is to select all in the folder “Maven Integration” except POM XML Editor (for me, I have selected this feature), and POM Editor.
  
For a better integration with WTP and Subclipse, I select also the “Maven integration for WTP” (in Maven Project Configurators”) and “Maven Central repository index”, “Maven SCM handler for Subclipse” (in Maven Optional Components”).
  
• Click on “Next”.
• After passing all validations, …. Another coffee time !

Finish !

Now : restart your IDE…. And let’s gamble ! With all these coffees you can’t sleep anyway … it can be time to start your project?

Autres articles sur le même sujet

• Import de framework via SVN et le plug-in Subclipse
• Installer son environnement de développement : Tomcat – Eclipse – WTP – Flex Builder
• Maven 2 – Flex 2 – une synergie possible ?
• Flex Builder 3 et le PHP ( PDT ) : installation

Vous venez de créer votre douzième workspace Eclipse/Flex Builder ??? Et vous en avez marre de recréer vos perspectives, et autres vues… à chaque fois ???

Mais pourquoi diable n’utilisez vous pas les « fameux » ‘working sets’ ?

Et puisque quelques pixels valent pleins de mots…

Les working sets ( prononcez ‘setss’ )… tout simplement la solution moderne aux problèmes de congestion de projets dans Eclipse & Flex Builder !Autres articles sur le même sujet

• WTP – Flex Buider : résoudre les problèmes de mémoire
• L’erreur est humaine… debuguer un projet Flex distant via Flex Builder
• Flex Builder 3 et le PHP ( PDT ) : installation
• Flex et les warnings inutiles…

Je vous suggère vivement si vous n’avez pas lu l’article ou si vous ne connaissez pas encore grand chose au développement sous iPhone de vous y intéresser pour mieux aborder cette suite…

Une dernière chose avant de démarrer : massez-vous les tempes, faites-vous un petit café…
Prêt ?

Installer le SDK iPhone

A l’heure ou j’écris ces lignes, Apple en est à la version 2.2 du SDK iPhone.
L’installation vous mettra à disposition tous les outils dont je vais parler ici.

Ouvrir un projet d’exemple pour se familiariser avec la structure d’un projet iPhone

Je considère à présent que vous avez déjà un Mac (bah oui…), et le SDK iPhone installé dessus.

1. Ouvrez XCode.
   
2. Faites Fichier > Nouveau projet…
   
3. Choisissez « View-Based Application »
4. Entrez le nom de projet « LaFabrick » puis choisissez un emplacement, vous arrivez alors sur l’interface principale d’Xcode.

Voyons maintenant les fichiers que nous avons :

Nous sommes en Objective-C, donc pour chaque classe, vous trouverez un fichier .h définissant l’interface et un fichier .m contenant l’implémentation (amis du C bonjour !).
Ouvrons « LaFabrickAppDelegate.h »

On constate dans cette interface les déclarations d’un objet fenêtre (objet de base utilisé pour l’affichage) et le contrôleur LaFabrickViewController que nous étudierons rapidement après.
L’implémentation est simple :

Lorsque l’application vient d’être démarrée applicationDidFinishLaunching, on demande l’affichage de la vue contrôlée par notre LaFabrickViewController dans la fenêtre [window addSubview:viewController.view];.
Notez enfin la notation à crochet pour appeler une méthode d’un objet : oui oui, c’est relou.

Jetons maintenant un oeil à LaFabrickViewController (.h et .m) : il est quasiment vide ! C’est effectivement là qu’on doit travailler un peu…
Quelques questions se posent :

• Où est la vue ?
• Comment est-elle associée au contrôleur ?

Nous allons voir cela avec l’interface builder.

Utilisation de l’Interface Builder pour gérer la vue

Première réponse : notre vue est ici créée à partir d’un fichier de description d’interface géré par l’interface builder : LaFabrickViewController.xib. Double-cliquez dessus, l’interface suivante s’affiche alors :

On constate notamment dans la fenêtre centrale, les éléments suivants :

• File’s owner : LaFabrickViewController
• View : UIView

OK, donc le .xib permet de dire que la vue est associée au contrôleur LaFabrickViewController, voilà la deuxième réponse !

Sélectionnez à présent la ligne View : UIView puis sélectionnez le second onglet dans la fenêtre de droite.
Note : si cette fenêtre n’est pas visible, faites Tools > Identity Inspector

Vous pouvez visualiser l’association entre la vue View et la propriété view du contrôleur LaFabrickViewController.

Cette partie est primordiale pour que l’affichage de la vue soit effectif : souvenez-vous que dans LaFabrickAppDelegate, on charge la propriété « view » de LaFabrickViewController, aussi sans l’association effectuée dans l’Interface Builder, il serait impossible d’afficher quoi que ce soit !

D’une manière générale, chaque élément ajouté depuis l’Interface Builder devra être lié à une propriété du contrôleur (ou d’un délégué) via l’Interface Builder afin que vous puissez interagir avec depuis le code.
La propriété en question est alors nommée « Outlet » côté Interface Builder, soit « Sortie » si l’on traduit litéralement : c’est effectivement un paramètre de sortie de votre interface.

Personnaliser un peu l’interface

Depuis l’Interface Builder, ajoutez deux champs texte, deux labels et un bouton histoire d’obtenir à peu près ça :

Si vous faites Tools > Reveal in Document Window… vous verrez l’arborescence de contrôles de la vue mise à jour.

Il est maintenant temps de contrôler ces éléments depuis notre LaFabrickViewController.
Pour cela deux méthodes :

1. Directement depuis Interface Builder (cf. vidéo de démonstration)
   • Sélectionnez LaFabrickViewController depuis le Document Window
   • Dans « l’Inspector » (fenêtre de droite) choisissez le dernier onglet (i) puis ajoutez les propriétés via la section « Class Outlets »
     
   • Ceci fait vous devez enregistrer les modifications dans le fichier LaFabrickViewController.m. Pour cela, vous devez utiliser la fonction File > Write class files…
   • Faites alors « Save »
   • L’outil vous demande si vous souhaitez fusionner ou écraser : choisissez Merge (fusionner)
   • Le fichier .m n’est pas modifié, vous pouvez le fermer, en revanche vous constaterez que le .h peut être modifié comme suit :
     
     sous réserve que vous choisissiez l’action « Choose left » depuis le menu déroulant du bas
   • Sauvegardez (enfin) votre fichier fusionné
2. Mix XCode et Interface Builder
   • Déclarez manuellement les propriétés correspondant aux contrôles que vous souhaitez manipuler dans l’interface (LaFabrickViewController.h) :
IBOutlet UITextField *lastNameField;
IBOutlet UITextField *nameField;
IBOutlet UIButton *validateButton;

   • Compilez le projet
   • Rouvrez l’Interface Builder pour faire les liens

Note : la première méthode a le mauvais goût d’ouvrir l’outil de fusion de fichiers pour que vous validiez que rien n’est écrasé ou ajouté sans votre accord.
J’avoue que, malgré la nécessité de la fusion, je trouve ça très peu pratique voire franchement lourdingue, je m’attendais à mieux venant d’un monstre de l’ergonomie. Mais c’est le prix à payer pour avoir deux outils quasiment indépendants, et enfin, si vous connaissez une meilleure méthode, n’hésitez pas à poster !

– ca se voit tant que ça que je préfère la méthode à l’ancienne ? –

Ce n’est pas encore tout à fait terminé ! (si si je vous jure, c’est long)
Il reste à faire les fameux liens entre les contrôles de la vue et les propriétés que nous avons créé dans LaFabrickViewController. Pour cela, rien ne vaut l’image (et en plein écran tant qu’à faire) :

Voilà ! Vous avez lié les contrôles de votre vue à des propriétés de votre contrôleur.
Nous utiliserons désormais la technique décrite ci-dessus pour gérer nos association vue-contrôleur.

Reprenons Interface Builder pour créer un handler gérant le clic sur le bouton. Pour cela :

1. Sélectionnez LaFabrickViewController depuis la Document Window
2. Dans le dernier onglet de l’Inspector, cliquez sur le bouton + de la section Class Actions en entrez buttonClick:. Laissez le Type sur id
3. Sauvegardez, faites Write class files…, fusionnez les sources et enregistrez
4. Faites un lien entre l’événement Touch up Inside de votre bouton et LaFabrickViewController, l’éditeur vous propose alors votre fonction buttonClick:

Maintenant que votre événement est lié à votre contrôleur, ajoutons un bout de code bateau juste pour valider que l’ensemble fonctionne bien :

1. Retournez sous XCode, et ouvrez LaFabrickViewController.m
2. Modifiez le code pour avoir la méthode buttonClick: sous la forme suivante :
   - (IBAction)buttonClick:(id)sender {
[firstNameField setText:[lastNameField text]];
} 

   Le principe étant simplement de modifier le texte du prénom avec le texte du nom (je vous avais prévenu, c’est un bout de code bateau)

3. Faites Build and Go et testez !

Bien, il ne reste plus qu’à apprendre Objective-C. Pour cela, rien ne vaut quelques ressources dédiée au sujet :

• Passage de C++ à Objective-C
• Passage de Java à Objective-C

Voilà, vous avez à présent les bases nécessaires pour démarrer le développement d’une application iPhone.
A bientôt !Autres articles sur le même sujet

• L’erreur est humaine… debuguer un projet Flex distant via Flex Builder
• [Flex 3 Beta] bug : Application File doesn’t exist
• Développer une application iPhone – Introduction aux concepts de base
• Reflex #1: une micro-architecture pour Flex… simple !

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 !

Autres articles sur le même sujet

• Clique sur ta souris, sauve le monde..
• Virtual Ubiquity, un nouveau Word en ligne
• Alternativa3D : un petit nouveau dans le monde de la 3D Flash
• MAX 09 – Ça annonce !

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/muchadoAutres articles sur le même sujet

• L’erreur est humaine… debuguer un projet Flex distant via Flex Builder
• Live from MAX Milan : hands on thermo…
• Le design déclaratif à un nom : Degrafa
• Flex 4 et les layouts – Faire une ViewStack « pure » Spark

Vous avez pleins de zoliiiies polices, et vous voulez garder un pti catalogue papier sous la main???

Rien de plus simple avec le ‘Livre des Polices’ fourni avec Mac OS ( /Applications/ ).

Ouvrez le logiciel, sélectionnez les polices souhaitées et lancez une impression

KISS

Autres articles sur le même sujet

• Le 8ème jour ils créerent le Volume
• Sortie de Brio Beta ( ex –Acrobat Connect– ex –Breeze– )
• It just works! 5 raisons (gratuites) d’aimer son mac !
• [Flex 3 Beta] bug : Application File doesn’t exist

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 !!!

Autres articles sur le même sujet

• Flex Active Desktop : le webGadgetOS qui fait de l’effet !
• Cocomo est là et personne me prévient ??!!
• Pti truc du jour : Les CollectionEvent
• ZXPackager : application pour l’empaquetage ZXP d’extensions CS5