Catégories: Web 2.0, JavaScript, ExtJs, JsUnit

Petit article rapide pour donner un exemple d'introspection, c'est-à-dire la faculté de récupérer la valeur d'un attribut, ou d'exécuter une fonction en connaissant le nom de l'attribut ou de la fonction.

Vite fait :

 
alert(myObject['attributeName']); 

affiche la valeur de l'attribut attributeName de l'objet myObject.

 
alert ( (myObject['functionName'])() ); 

affiche ce que renvoie la fonction functionName() de myObject.

A quoi ca sert ?

L'introspection est courante en Java lorsque l'on travaille sur les Annotations. En Groovy, c'est la base du metaprogramming et autre 'magie' du langage.

En Javascript, je l'utilise surtout pour créer des composants ExtJs :

 
/* Au passage, voici une façon de créer une Class en Javascript */ 
function ComboObject(id, name){ 
  this.id=id; 
  this.name=name; 
} 
 
/* Et d'ajouter dynamiquement une fonction */ 
ComboObject.prototype.toString = function(){ 
  return this.name+" ("+this.id+"); "; 
}; 
 
 
var o1 = new ComboObject(1, "Jo"); 
var o2 = new ComboObject(2, "Jo2"); 
var o3 = new ComboObject(3, "Jo3"); 
var o4 = new ComboObject(4, "Jo4"); 
 
var array = [o1, o2, o3, o4]; 
 
new SimpleCombo( 
{ 
  xtype : 'simple-combo', 
  model : array, 
  valueField: 'id', 
  displayField: 'name' 
} 
); 
 


La machinerie interne de mon SimpleCombo utilise assez simplement l'introspection et l'on peut déclarer 'à droite' l'attribut sur lequel on travail. Le combo affichera l'attribut name et le formulaire enverra la valeur id. Si displayField n'est pas renseigné, on peut alors exécuter la fonction toString().

GWT émule en effet certaines fonctionnalités de Java pour les traduire en Javascript dans l'environnement d'un navigateur web standard.
Importez simplement une bibliothèque quelconque, comme JDOM, et vous aurez des messages d'erreurs en pagaye. Seule des bibliothèques spécialement conçues pourront être utilisées à la fois en GWT client et dans n'importe quelle JVM.

» Lire la suite!

Google App Engine est le système de Cloud Computing de Google. Par rapport à ses concurrents, il innove en quelques points :

• Aucune configuration du serveur ni de la base de donnée : on dépose son application dans un conteneur.
• Il n'y a pas à choisir dans une gamme de serveurs : les requêtes seront exécutées par Google, et on sait qu'ils le font bien
• La facturation est faite selon les coûts réels : si votre application fait un bide, vous ne payez rien
• L'application est développée en un seul langage : Python, ou Java depuis Mars

Cette différentiation colle vraiment à l'innovation. Un bon programmeur Java avec une idée peu créer son application sans perdre de temps à configurer linux+apache+ssl ni faire un prévisionnel des capacités de serveur. Avec Edupassion.com, je sais de quoi je parle. Et si personne ne se connecte, il n'y a pas de coût de serveur inutile, et là aussi je sais... euh passons.

Malheureusement, concrètement, App Engine en Java ne marche pas.

» Lire la suite!

JPA (Java Persistence API) sera sans doute le dernier de mes joujoux technologiques pour bâtir l'architecture de la plateforme pédagogique Edupassion.com.

Tout cela fait beaucoup de technologies pour un seul homme. Ext-JS risque d'être le point faible... et le plus visible.

» Lire la suite!

Ce blog Rest & Java tire ses exemples de l'écriture du site Edupassion.com
Après le bulletin de notes, voici l'éditeur de cours.

Vous pouvez tester de ce début de préversion en vous connectant via les login/pass : edupassion/edupassion ou me demander un compte (ou toute autre question) en m'écrivant à nzozol@edupassion.com

» Lire la suite!

Mais les images parlent d'elles-mêmes :

Après cette accroche quelque peu racoleuse, je m'explique :
JsUnit est un outil permettant de tester ses fonctions écrit en JavaScript. C'est tout simplement l'équivalent Javascript de JUnit. J'ai programmé mes tests au fur et à mesure en utilisant Firefox, puis à la fin de la semaine, je me suis rappelé l'existence d'Internet Explorer. Au vu des résultats, je me suis dit que la compatibilité présumée de Prototype envers FF et IE allait prendre du plomb dans l'aile. Il m'a donc fallu chercher l'origine de ces bugs.

» Lire la suite!

Classiquement, on récupère la valeur de boutons radios HTML grâce à une balise FORM incorporant l'attribut action pointant sur un script php :

<form action ="script.php" >

<input type="radio" name="radioGroup" id="radio" value="LEAVE_IT" />Leave It
<input type="radio" name="radioGroup" id="radio2" value="TAKE_IT" /> Take It
<input type="button" value="OK" />

</form>

Cette astuce du jour a pour but de récupérer le bouton radio en Javascript, avec la bibliothèque Prototype, sans script php, ni même la balise form.

» Lire la suite!

L'essence d'Ajax est de manipuler un objet ou un document sur le navigateur sans être géné par le temps de latence du serveur.

Cette astuce du jour propose de préparer un peu le terrain en créant dynamiquement sur la page du contenu HTML. Nous verrons dans des articles plus fouillés comment enregistrer la modification sur le serveur.
Le deuxième objectif est de documenter en français la fonction Element#insert( ) de Prototype, qui a ce jour a été "oubliée" par les faiseurs de documentation.

Voici comment créer un Element HTML à l'intérieur d'un autre élément :

» Lire la suite!

» Lire la suite!