Fabien ROCU

Aller au contenu | Aller au menu | Aller à la recherche

Jeudi, avril 8 2010

KompoZer - Création d'un bug sur SourceForge

En effet pour pouvoir intégrer directement mon extension dans KompoZer, j'ai créé un bug sur SourceForge.

Mardi, avril 6 2010

Rapport CoMETE

Mon Rapport CoMETE se trouve ici.

Une intégration à KompoZer de l'extension est en cours ...

Vendredi, mars 19 2010

Version Bêta

La version bêta de mon extension est disponible ici.

Mardi, mars 2 2010

DOM Explorer V0.3

La Version 0.3 de mon extension se trouve ici.

Mardi, février 2 2010

DOM Explorer V0.2

La Version 0.2 de mon extension se trouve ici.

Lundi, janvier 4 2010

DOM Explorer V0.1

La Version 0.1 de mon extension se trouve ici.

Vendredi, décembre 11 2009

Week End KompoZer

Kaze ainsi que Sonny viendront à la colocation pour un Week End sur KompoZer ;)
Cet évènement se déroulera du Vendredi 18 Décembre 19h00 au Dimanche 20 Décembre 19h00 ...

Programme:

  • Vendredi 18 Décembre 2009
  • Samedi 19 Décembre 2009
  • Dimanche 20 Décembre 2009

Jeudi, décembre 10 2009

Premier pas de développement de l'extension

Dans un premier temps, grâce au DOM Inspector, je me suis familiarisé avec le code source du DOM Explorer de KompoZer. J'ai réalisé un overlay de l'interface de KompoZer pour y faire apparaître quelques éléments que je voulais tester.

Puis j'ai voulu me familiarisé avec le composant XUL tree qui est l'élément principal du DOM Explorer.
Pour cela j'ai réalisé un fichier XUL de test. Ce fichier contient un tree sur lequel j'ai appliqué un binding. La démonstration est présente ici.

Par la suite je présenterai l'ensemble des mes travaux ici.

Mardi, décembre 1 2009

Environnement & Méthodes de développement

Environnement de travail:

En ce qui concerne le développement de mon extension, elle sera intégralement réalisée sous Linux.
Adepte de la communauté Ubuntu, mon choix s'est porté vers une Xubuntu, plus légère que sa petite sœur Ubuntu.
J'ai installé la version LTS de Xubuntu dans une VirtualBox sur mon PC portable personnel beaucoup plus puissant que celui prêté par la FAC.

Étapes:

  • Installation de VirtualBox ;
  • Lancement de l'ISO de Xubuntu dans la VirtualBox ;
  • Installation du système ;
  • Installation des paquets VirtualBox permettant une meilleure gestion des composants.

Compilation de KompoZer

Installation de certains paquets nécessaires au développement de Firefox. :

sudo apt-get build-dep firefox
sudo apt-get install mercurial libasound2-dev libcurl4-openssl-dev libnotify-dev libxt-dev libiw-dev mesa-common-dev autoconf2.13

Récupération des sources de KompoZer ici, puis on décompresse :

tar -xjf kompozer-0.8b1-src.tar.bz2

Ensuite, il faut copier le fichier de configuration qui correspond à notre système (ici Ubuntu) :

cp mozilla/composer/config/mozconfig.ubuntu mozilla/.mozconfig

Lancement de la compilation :

cd mozilla
make -f client.mk build_all

Après plusieurs minutes d'attente en fonction des capacité de la machine, lancement de KompoZer :

cd ../obj-i686-pc-linux-gnu/dist/bin
./kompozer


Remarque: Lors de la première compilation de KompoZer sur la dernière version d'Ubuntu la 9.10, nous avions remarqués un bug d'affichage de certains composants de l'application (notamment du Dom Explorer), nous avons prévenus Kaze du problème. Ce bug n'est pas présent sur la version de KompoZer présente sur les dépôt d'Ubuntu (sudo apt-get install kompozer)

Méthodes de développement:

Kaze a posté un billet concernant le développement d'extension sur KompoZer. Il rappelle l'installation de DOM Inspector pour KompoZer.

Après discussion avec Kaze, il a été convenu que l'ensemble de mes modifications seraient effectuées dans une extension.


Intégration de DOM Inspector dans KompoZer

L'intégration de DOM Inspector dans KompoZer est une étape indispensable pour permettre d'explorer l'interface de KompoZer et y ajouter des éléments.
En effet, dans un premier temps, j'ai essayé de mettre directement l'addons DOM Inspector disponible pour Firefox mais cette dernière n'était pas reconnue par KompoZer.
Après modification du fichier install.rdf l'extension est reconnue par KompoZer.
Puis modification du chrome.manifest, qui pointe vers un fichiers XUL qui overlay l'interface de KompoZer en ajoutant un lien dans le menu Tools. En cliquant sur ce lien, la fenêtre du DOM Inspector s'affiche.
La difficulté étant de trouver quelle méthode JavaScript il faut déclencher au moment de cliquer sur ce lien.

Malgré toutes ces modifications, l'intégration de cette version du DOM Inspector ne peut pas fonctionner avec la version actuelle de KompoZer (0.8b1), car cette version de KompoZer s'appuie sur une base Mozilla plus ancienne que celle actuellement utilisée dans Firefox.
Après discussion avec Kaze, il m'a donc fournit une version plus ancienne de DOM Inspector. Cette dernière fonctionne parfaitement avec KompoZer.

Kaze a réalisé un fichier XPI permettant d'installer automatiquement (donc forcément moins amusant) DOM Inspector dans KompoZer. Le lien est ici.

Mardi, novembre 24 2009

Première compilation de Kompozer

Première compilation de Kompozer sous Ubuntu 9.10 (installé dans une VirtualBox sous Vista).

Compilation qui s'est déroulée sans problèmes particuliers en suivant les indications présentes sur le site de Kompozer.

Actuellement je suis à la recherche dans le source des fichiers qui touchent à ma partie.

Lundi, novembre 23 2009

Make the “DOM Explorer” sidebar editable

My project in Kompozer:

Currently, the DOM Explorer sidebar displays the HTML tree and the CSS rules that are applied to the current element. This DOM Explorer tree should be editable:

  • rename / remove HTML nodes (elements)
  • move HTML nodes in the tree with a drag and drop
  • adjust / remove existing CSS properties
  • add new CSS properties for an existing selector

When an external CSS stylesheet has been modified, it should be marked as such in the DOM Explorer; when the user saves the related HTML document, he should be prompted to save modified stylesheets… or cancel the modifications on the CSS.