Ci-joint une application xulrunner toute bête qui montre comment ajouter les éléments XUL, HTML ou SVG dans une fenêtre XUL. Il y a aussi un exemple de mapping RSS tout simple :

fakeapp.zip.cutme

Ca pourra vous servir de Sandbox pour le tuto XUL.

Le run.bat dans le zip lance Firefox en mode -app de manière à ce qu'il fonctionne en mode XULRunner.

Sinon vous pouvez télécharger le runtime ici :

http://releases.mozilla.org/pub/mozilla.org/xulrunner/releases/1.9.2/runtimes/

Guide d'utilisation XULRunner :

http://blogs.acceleration.net/ryan/archive/2005/05/06/1073.aspx

Configurer Mozilla pour développer :

Référence DOM Gecko :

https://developer.mozilla.org/en/Gecko_DOM_Reference

Pour apprendre le langage :

Le tutoriel : https://developer.mozilla.org/fr/Tutoriel_XUL
La page d'accueil du wiki MDC : https://developer.mozilla.org/fr/XUL
Exemples de composants : https://developer.mozilla.org/en/XUL_controls
La référence complète des éléments XUL : https://developer.mozilla.org/en/XUL_Reference

Skinner son extension avec CSS :

Les propriétés CSS implémentées dans Firefox : https://developer.mozilla.org/en/CSS_Reference
Quelques extensions CSS pour skinner les composants XUL : https://developer.mozilla.org/en/CSS_Reference/Mozilla_Extensions

Les extensions :

Getting Started : https://addons.mozilla.org/fr/developers/docs/getting-started
Créateur de module : https://addons.mozilla.org/fr/developers/tools/builder
Firefox Addons Developper Guide : https://developer.mozilla.org/en/Firefox_addons_developer_guide
Page MDC sur les extensions : https://developer.mozilla.org/en/Extensions

Bien comprendre les overlays :

https://developer.mozilla.org/fr/Overlays_XUL

Table périodique des éléments XUL :

Un exemple assez complet de tout ce qu'on peut faire en XUL : http://www.hevanet.com/acorbin/xul/top.xul

Pour aller plus loin :

Binding RDF/XML/SQL

Le Template Guide pour lier les composants XUL à des datasources RDF/XML/SQL : https://developer.mozilla.org/en/XUL/Template_Guide

Les outils :

Plugin Eclipse pour le développement XUL : http://cms.xulbooster.org/ (nécessite l'installation WTP avant)
Extension Developper : https://addons.mozilla.org/fr/firefox/addon/7434?src=api
DOM Inspector : https://addons.mozilla.org/fr/firefox/addon/6622 (Attention il semble souffrir de gros bugs sous windows depuis Firefox 3.6)
Firebug ou LiveHTTPHeaders pour voir les requêtes HTTP
Vous pouvez aussi utiliser TopStyle Lite (http://topstyle.softonic.fr/) pour éditer les CSS, il inclue certaines des extensions CSS spécifiques Mozilla.

Notes après cours de Nicolas

Pour tester le tp1helloword, on peut aussi télécharger xulrunner et le lancer :

Installer dans program files, setter le path
xulrunner -console -jsconsole application.ini en étant dans le rep de l'appli

Récupéré depuis "http://miageprojet2.unice.fr/index.php?title=Intranet_de_Michel_Buffa/Web_2.0_2010/Seance_5_et_6_:_Developpement_d%27application_XUL/Pour_d%C3%A9velopper_des_extensions_firefox_:_ressources"

Mots clés:

Attacher fichier ou image

Fichiers (1)

Fichier			Taille	Date	Attaché par
		fakeapp.zip.cutme Aucune description	5.64 Ko	08:22, 26 Fév 2010	MichelBuffa	Actions

Images (0)

Commentaires (0)

Vous devez être connecté pour poster un commentaire.