World Gone WebFlex Apollo » World Gone Web

HelloAir: développer une application AIR sous Mac OS X

shalfon — Sat, 29 Mar 2008 20:56:53 +0000

Près d’un an après avoir rédigé un de mes premiers billets sur Apollo (et l’installation du SDK sous Windows), je me remets à Air en prévision du passage du “On Tair Tour” à Paris.Les applications AIR sont développées soit en HTML/Javascript soit en Flex. Dans le premier cas, seul le Air SDK est nécessaire, dans le second, il faudra aussi installer le Flex SDK (tous deux sont gratuits).Voici la marche à suivre (dans le cas où l’on souhaite développer en Flex) :

Télécharger le Flex SDK et le Air SDK sur le site d’Adobe.
Dézipper le SDK de Flex dans le répertoire de votre choix (par exemple /Library/Frameworks/Air.framework.sdk)
Dézipper le SDK pour Air dans le même répertoire, en écrasant les fichiers du même nom
Ajouter le chemin vers le répertoire bin du SDK dans le PATH (la procédure suivante correspond à l’utilisation de bash) :

Editer le fichier .bash_profile
Ajouter les lignes suivantes :
1
PATH="/Library/Frameworks/Air.framework.sdk/bin:${PATH}"export PATH
Redémarrer la console et vérifier que le path affiché par la commande echo $PATH contient bien le chemin vers le répertoire bin du SDK.

Et voila, il est maintenant possible de compiler et d’éxecuter des applications AIR avec les outils dédiés amxmlc et adl. Il reste la question de l’éditeur – Flex Builder n’étant pas gratuit : il est possible d’utiliser Eclipse avec le plug-in Aptana qui supporte depuis plusieurs mois les applications air, ou encore d’ajouter un bundle dédié à Textmate. Pour cela, il suffit de télécharger et d’éxecuter le script de Joachim Van der Hoeven.Il reste maintenant à écrire une première application pour tester tout ca. Adobe propose deux tutoriaux pour commencer :

Apollo : une première application

shalfon — Wed, 09 May 2007 20:41:04 +0000

Un tutorial en trois parties permet d’apprendre à utiliser quelques fonctions clés d’Apollo en développant un lecteur mp3. – openFilePanel
- onMouseDown Event
- Transparent Window

Le langage choisi par l’auteur est Flex.

L’auteur du tutorial utilise FlexBuilder et, du fait, ne se soucie plus de coder le fichier .xml décrivant l’application.Ci-dessous le fichier que j’ai utilisé pour ce projet :

1
2
3
4
5
6
7
8
9
10
11

<?xml version="1.0" encoding="UTF-8"?>
<application xmlns="http://ns.adobe.com/apollo/application/1.0.M3" appId="ApolloHelloWorld" version="1.0">
<properties>
<name>Apollo Jukebox</name>
<description>An application to play back mp3 files.</description>
<publisher>Samantha Halfon - http://www.samanthahalfon.net</publisher>
<copyright>2007</copyright>
</properties>

<rootContent systemChrome="none" transparent="true" visible="true">ApolloJukebox.swf</rootContent>
</application>

Le tutoriel se trouve ici :
- http://flnotes.wordpress.com/2007/03/22/
creating-a-mp3-player-in-apollo-and-flex-2/
- http://flnotes.wordpress.com/2007/03/23/
making-the-mp3-player-window-transparent/
- http://flnotes.wordpress.com/2007/03/28/
displaying-id3-info-of-mp3-file-in-a-separate-window/

Pour aller plus loin, un pocket book destiné aux développeurs Flex est disponible gratuitement en téléchargement.

Enfin, pour automatiser les appels à amxmlc et adl pour compiler et lancer l’application :

@echo off

rem Batch script for Apollo Compilation and Execution
rem takes the mxml filename and the xml filename as parameters
rem By Samantha Halfon
rem Note: the folder containing amxmlc.exe and adl.exe must be in the path
rem EXEMPLE : ApolloCompAndRun.bat ApolloHelloWorld.mxml ApolloHelloWorld-apt.xml

rem start compilation and run application
amxmlc %1 & adl %2

HelloApollo : deux premières approches

shalfon — Wed, 09 May 2007 20:33:26 +0000

“Apollo is the code name for a cross-operating system runtime being developed by Adobe that allows developers to leverage their existing web development skills (Flash, Flex, HTML, JavaScript, Ajax) to build and deploy rich Internet applications (RIAs) to the desktop.”

“Apollo est le nom de code d’un runtime multi-plateforme en cours de développement chez Adobe qui permet aux développeurs d’étendre leurs compétences existentes en développement Web (Flash, Flex, HTML, JavaScript, Ajax) à des applications bureau riches (RIA) compilées et distribuables.”

Voila pour la définition.

Pour se faire une idée plus précise de ce que permet Apollo, il suffit d’installer le runtime et d’installer puis lancer les quelques applications d’exemples fournies par Adobe en suivant ce court guide détaillé.

Le développement d’application Apollo nécessite, en plus du runtime, l’installation du SDK.
Notez qu’un IDE dédié (Flex Builder) est disponible sous forme de plug in Eclipse mais que celui-ci n’est pas gratuit. Personnelement, j’ai uniquement installé les SDK de Flex et d’Apollo et j’ai développé mes applications sous Notepad++.
Pour ce qui est de l’installation, j’ai donc suivi ce guide dédié aux utilisateurs du SDK de Flex.
Il suffit en fait d’extraire le SDK de Flex puis celui d’Apollo dans le même répertoire (en laissant Apollo écraser les fichiers de même noms existants) puis d’ajouter le chemin vers le bin de ce repertoire dans son Path.
Notez que Java doit être installé pour que Flex et Apollo fonctionnent.

Comme la définition le laisse entendre, il est possible de développer des applications Apollo en utilisant différents languages « Web ». J’ai donc codé l’application traditionnelle « Hello, World » pour Apollo en utilisant deux languages disponibles sous Apollo :
- Flex
- Html et Javascript

et voici le résultat :