JFLAD Blog: Recherche & développement: Ajax, Javascript, CSS, XHTML, Flash, Référencement, Webmarketing, Open Source, gestion de projet

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

Programmation Objet en Javascript

lundi, septembre 3 2007

Ce tutoriel vous présente la syntaxe de la programmation Objet en Javascript. Pour la petite histoire, le Javascript était le précurseur des langages orienté Objet pour le Web. Décliner en Action Script pour Flash ou il a connu un très grand succès, il a perdu progressivement de sa notoriété au fil des années, mais heureusement avec le Buzz du Web 2.0 et Ajax, ce langage bénéficie d'une seconde vie !

Voici un exemple qui vous montre comme créer vos propres objet en Javascript et les instancier:

            // Object JS
            var monObjet = {
                
                // Paramètre
                param1: {"x": 0, "y": 0},    // On constate qu'un variable de paramètre peut aussi être un objet
                param2: 2,
                param3: 333,
                
                // Méthode
                maMethode1 : function (var1, var2) {
                    this['param1'].x = var1;   // On pointe sur le paramètre objet avec des crochets comme dans Flash!
                    this.param2 = var2;         // Poitage classique sur un paramètre
                    alert('Var1: '+var2);
                },
                
                maMethode2 : function() {
                    var var2 = this['param1'].x;
                    alert('Var2: '+var2);
                },
                
                maMethode3 : function() {
                    var var3 = this['param3'];
                    alert('Var3: '+var3);
                }
                    
            }
            
            // Pour instancier un objet 'monObjet' et lui appliquer des méthode
            monObjet.maMethode1(100,200);
            monObjet.maMethode2();
            monObjet.maMethode3();



Comme vous pouvez le constater, ce n'est pas très compliquer, mais il y a beaucoup de mauvaise utilisation du Javascript qui porte souvent à confusion. Mais cet exemple illustre la véritable syntaxe orienté objet du Javascript, couplé avec Mootools, vous allez vraiment avoir un grande liberté d'action un fois ce principe maitrisé !

Utilisation du Flash Player à discuter

samedi, août 11 2007

Avec l'arrivée des nouveaux venu en plus de Flash, je pense à Flex et ses dérivés; l'utilisation du Flash Player semble relancé grâce à l'amélioration du player et des outils de travail. J'ai toujours suivi de très prêt l'évolution de ces outils afin de me mètre à jour et pouvoir déployer des solutions de pointe sur ces derniers langage.

Hors l'une de mes dernières réalisations témoigne d'un problème majeur dans l'utilisation de Flash Player dans les navigateurs des clients et notamment du player9.
En effet, j'ai pu constater que les chiffres annoncés de 83,4% pour le player9 (source blog google) était pour le moins exagéré ! Certes il faut prendre en conte la cible touché et la géo-localisation, mais le retour d'expérience pour le secteur public présent un pourcentage d'installation bien inférieur à 50% pour la Flash Player 9! On me répondra qu'il suffit d'installer le Flash Player chez Macromedia et le tour est joué ! Mais cela n'est pas si simple, car dans les grandes structures, les systèmes d'exploitation sont bien souvent bridé au maximum pour raison de sécurité ! Cela est vrai pour le secteur public, mais on retrouvera le même problème dans les entreprises de grande envergure !

A partir de cette constatation, on peut faire le choix de la qualité de l'application au détriment de certains utilisateurs, soit on ce consacre à rendre l'application accessible à tout le monde.

Même si ces nouvelles technologies sont vraiment novatrice et performante, nous sommes encore dans un pays qui ne permet pas de déployés ces solutions Web récentes (Actionscript 3, Flash CS3, Flex ...) à cause d'un manque cruel de mise à jour des plateformes ! Il devient donc intéressant de ce tourner vers des technologies alternatives, qui ont peut être des possibilités plus limités, mais si elles sont déployées correctement, elles permettent déjà de faire des application riches et interactive. Je pense bien évidement aux technologies XHTML/CSS couplé au Javascript sous la dénomination d'Ajax.

Je suis impatient de voir l'évolution de ces technologies tant au niveau de leurs utilisation professionnel que par les utilisateurs...

Mootools, LA librairie Web 2.0

lundi, juin 18 2007

Mootools est une librairie Javascript comme je les aime… Elle repose sur le framework de scriptaculus, dont j’avais déjà fait l’éloge sur le blog il y a quelques mois. De plus, on retrouve également les fonctions de Penner qui sont à l’origine des effets de déplacement élastique dans Flash et maintenant en Javascript. Le plus de cette librairie est d’être mieux structuré, optimisé et plus légère. L'ensemble des fonctions graphique 'FX' est particulièrement sympathique et très simple d'utilisation.

Elle présente un vaste éventail de possibilités :

  • Transfert de données en Ajax
  • Transfert de données en Ajax avec Json
  • Effet graphique divers avec l'interface MX combiné avec la suite de Penner
  • Une gestion des éléments de la page simplifié, par exemple: $('nomId') = document.getElementById('monId')
  • Légèreté de fonctionnement vraiment étonnante

Je vais m’arrête la car il y a vraiment trop de fonctionnalité disponible et je vous invite à les tester par vous-même sur la démos en ligne.

Scriptaculous la librairie javascript tendance

mercredi, février 7 2007

Un peu d'interactivité dans les pages Web statique à la sauce Web 2.0. Pour ce qui ne connaisse pas encore la librairie Javascript scriptaculous, cette librairie sert à manipulée vos objets (<balise>) du dom avec une interactivité hors du commun et à faire des applications en Ajax. Je l'utilise tellement ces derniers temps et c'est d'ailleurs devenu une des spécialités de JFLAD, il était donc naturel que je contribue à sa promotion. Ces scripts de qualités apportent une véritable valeur ajoutée à une page Web statique! Il permet également de facilité la gestion de donnée dans les back-offices, je pense notamment à la gestion simplifier du glisser déposé. Bref une multitudes d'outils à adapté suivant les besoins!
En plus du glissé déposé, il est également possible de faire des transfert de données en Ajax, des effets graphique sur les objets du Dom, des scroll-bars personnalisées...

Voici quelques exemples qui illustreront plus explicitement ma description:



Finalement l'interactivité ne rime par forcément avec Flash!!! Son utilisation est vraiment très simple et d'une très grande adaptabilité. J'espère que j'aurais contribué à faire de nouveau adeptes.

Focus sur les Web 2.0

samedi, novembre 11 2006

On parle beaucoup du Web 2.0, beaucoup d'amalgames sont faits sur ce sujet. Différents avis sur le Web 2.0 s’opposent : l’arrivée de nouvelles technologies (Ajax, RSS, XHTML…), la standardisation des normes, le partage de connaissances, la personnalisation des services Web par l’internaute, la syndication des contenus… Ces différents points de vues on tous une part de véracité, néanmoins il me semble que beaucoup de ces nouvelles technologies sont loin d’être novatrices; en effet les Flux RSS ou encore l’Ajax existent depuis plus de 5ans, ce n’est que leur utilisation qui explose réellement en ce moment.

Certes le Web évolue, mais pas aussi vite qu’on semble le dire, il existe un réel temps d’adaptation et d’absorption des nouvelles technologies qui évoluent plus vite que les mentalités . Mais quelques grosse enseignes, que je ne citerai pas …, arrivent à tirer profit de ces nouvelles technologies et à faire gonfler leurs chiffres d’affaires... Beaucoup de personnes parlent de Ajax comme le Web 2.0, la révolution de l’Internet ! Je ne comprends absolument pas ce point de vue car Ajax n’est en aucun point une révolution, car d‘une par Ajax n’est pas nouveau et d’autre part la méthode Ajax (transfert asynchrone de données sans rechargement de page) est déjà très répandu à travers Flash et d’autres technologies coté client !

Pour revenir au sujet, je dirais pour conclure que le Web 2.0 est avant tout une méthodologie qui repose sur l’implication, la participation de l’internaute à la vie communautaire d’un site Internet. L’internaute devient acteur et non plus un simple visiteur, voici pour moi la vrai définition du Web 2.0. L’émergence de nouvelles technologies n’est qu’une conséquence de l’évolution des mentalités vers ce nouveau principe et non pas l’inverse !

Donnez vos réactions, vos avis m’intéressent !

Adobe Flash CS3 pour bientôt

lundi, novembre 6 2006

Présentation officielle de la nouvelle version de Flash CS3, pleine de nouvelles fonctionnalités que tout le monde attendait avec impatience:

  • Possibilité de convertir une animation d'interpolation de mouvement directement en Actionscript 3 ou en XML et l'appliquer à n'importe quel clip.
  • Importation des calques Photoshop, Illustrator et autres directement en calques Flash.
  • Nouveaux outils de dessin provenant d'Illustrator pour les graphistes.
  • Nouvelle fenêtre de sortie beaucoup plus parlante avec un accès direct aux erreurs avec un double click.
  • Un nouveau éditeur de code Actionscript 3 beaucoup plus pratique.
  • Des composants améliorés et débuggés !
  • Création de profiles de filtres applicables sur plusieurs objets.
  • Un nouveau débuggeur très performant.

On en a l'eau à la bouche, vivement la sortie de la suite CS3 ...