headermask image

header image

Les outils pour porter les applications OpenLaszlo 3.x vers OL 4.0B1

Pas mal de mouvement autour d’OpenLaszlo ces temps-ci, la première bêta d’OpenLaszlo 4.0 est sortie, donc fini l’appellation « Legals », et la conversion automatique des applications Flash vers DHTML point de plus en plus à l’horizon, cependant, la transition entre 2 technologies aussi différentes pousse forcément l’utilisateur à faire des compromis.

Le Langage OpenLaszlo permet une transition ultra simplifiée, mais la conversion Flash => DHTML ne se fait pas encore si facilement, C’est pourquoi un article à été consacré à ce sujet dans le blog du projet pour donner les moyens aux développeurs de franchir le pas avec la version bêta.

Je vous donne une traduction (assez libre) de ce document.

1 – éliminez toutes les erreurs qui interviennent lors de la compilation ou l’exécution de votre application OL actuelle (3.x) en utilisant le compilateur flash (swf).

2 – éliminez les erreurs et avertissements avec le compilateur OL4.0B1 (lzr=swf8)

3- démarrez l’appli avec le compilateur flash et le mode debug=true, éliminez toute les erreurs et avertissements qui pourraient se trouver dans la fenêtre de débogage (lzr=swf8&debug=true )

4- Remplacez toutes les ressources swf par des images png. (Ne pas se lancer dans un conversion laborieuse de swf(vectoriel) vers png(bitmap), utilisez juste des fichiez de taille moyenne sans trop vous occuper de la finalité esthétique, vous vous en occuperez après).

5- éliminez tous les tags (impossible de compiler une police de caractère dans l’application DHTML, les polices utilisées sont celles du client)

6- lancez l’application dans firefox2 avec l’attribut lzr=dhtml. (ça ne fonctionnera probablement pas au premier essai). Comme précédemment, éliminez les erreurs et avertissements de compilation et d’exécution.

7- installez Firebug. Firebug est un débogueur DHTML totalement crucial, pour ce document nous utilisons la version 1.0b7, il y a cependant une petite subtilité, il se désactive automatiquement à l’installation, faites un clique droit sur la petite croix rouge ou la case à cocher verte dans la barre de statuts en bas à droite. Et sélectionnez « Enable Firebug. ».

8- Démarrez votre application avec Firebug activé. Firebug détectera certainement des erreurs, cliquez sur le conteur d’erreurs de Firebug pour afficher la console. La console vous montre le code javascript « compilé », pas votre code lzx, donc vous devrez être capable de retrouver depuis quelle partie de votre application ce code est issu. Ça peut être dans la LFC (classes de bases d’OpenLaszlo), pas de votre code. Vous devrez donc déterminer quelle partie de votre code fait appel à cette partie de la LFC. Habituellement vous pouvez corriger ces erreurs en supprimant les appels aux API’s non supportés ou en ajoutant des « check for null » ( voir la note sur les « dereferencing null pointers « ).

9- Utilisez l’onglet « Net » de Firebug pour surveiller le trafic réseau et corriger les erreurs 404.

10- utilisez cycliquement Firebug, le déboguer OL DHTML et SWF, éliminez les erreurs et avertissement jusqu’à ce qu’ils n’y en ai plus, tout en vous assurant que vous n’avez pas cassé le code swf (compilation flash), votre application devrais commencer à se dessiner.

11- essayez votre application sur le navigateur de votre choix, pour la meilleure compatibilité utilisez Firefox (1.x) et IE7. Tout devrais fonctionner sous IE6 et Safari aussi. (n’essayez pas avec Lynx, vous seriez déçus ;) . (liste des navigateurs compatibles).

12- Ça plante toujours ? Lisez les « release notes« , consultez la mailing liste utilisateurs ou développeurs, posez vos questions sur le forum.

13- Vous avez trouvé un bug ? Super on adore les bugs (je parle pour eux, hein ;) ) consultez la base de donnée des bugs est si personnes n’a encore remonté le bug, faite le.

source: blog du projet OpenLaszlo

Si vous aimez mes articles, abonnez vous � mon flux RSS.

Publier un commentaire

Votre e-mail ne sera jamais publi� ou partag�. Les champs obligatoires sont marqu�s d'une *

*
*