Configuration

L'environnement WAMP :

• Lancer WINAMP ( Menu Démarrer → Programmes → WampServeur → Start WampServeur )
• Dans le coin inférieur droit de votre écran, un nouvel icône apparaît
• Clic gauche sur l'icône → répertoire WWW
• Une fenêtre s'ouvre : ces votre répertoire racine de travail!
• Clic droit dans la fenêtre → nouveau dossier → le nommer : « ext3 »

Le navigateur :

• Lancer Firefox ( Menu Démarrer → Programmes → Mozilla Firefox )
• Dans la barre d'outils du haut : Désactiver → Désactiver le cache
• Dans le coin inférieur droit : clic gauche sur la mouche
• Après ouverture du panel : clic droit sur la même mouche → activer tout les panneaux
  

La bibliothèque ExtJs

• Retournez sous windows et décompresser l'archive ExtJs dans votre répertoire de travail : « C:wamp/www/ext3 »
• Renommer le répertoire en : «ExtJs3»
• Vous devriez avoir au final : C:wamp/www/ext3/ExtJs3

L'éditeur Éclipse:

• Tutoriel sur Eclipse : http://jp-grossglauser.developpez.com/tutoriels/logiciels/phpeclipse/

• Configurer l'environnement
  • Lancer Éclipse (C:Program Files/eclipse/eclipse.exe)
  • Dans la fenetre workspace launcher :
    
    • Spécifier C:/wamp/www
    • Cocher : Use this as default...
  • Dans le menu Window -> preferences ->Web ->HTML Files
    • Changez l'encoding en UTF-8
    • Cliquez sur Apply et OK

• L'éditeur Spket IDE (Tutoriel : http://jlmag.labo.free.fr/?p=1066)
  • Sous Éclipse :
    • Menu Window → preferences → Spket → Javascript Profiles → new...
      • Nommer : ExtJs
      • Cliquez sur le bouton Add Library → ExtJs -> Ok
      • Cliquez sur le bouton Add File → C:wamp/www/ext3/ExtJs3/ext.jsb2 → Ouvrir → Ok
      • Cliquez sur le a racine de l'arbre : ExtJs pour sur ligner le mot
      • Cliquez sur le bouton Default
  • Toujours dans les préférences :
    • Séléctionnez General -> Editors -> File Associations
    • Recherchez et selectionnez dans le cadre supérieur droit : *.js
    • Puis selectionnez dans le cadre inférieur Spket Javascript Editor
    • Cliquez sur le bouton Default
    • Cliquez sur OK

• Configurer un nouveau projet :
  
  • Menu file → New → Project ... → PHP → PHP Project → Next
  • Renseignez le champ Project name : « ext3»
  • Cliquez sur le bouton « Finish »

• Configurer l'encodage du texte
  
  • Dans le panel de gauche ( PHP Explorer), clique droit sur le dossier Ext3
    • Dans la fenetre Properties... -> Resource -> text file encoding : choisissez UTF-8
    • Cliquez sur Apply et OK
  • Menu Project → Properties →
    
    • ressource → text file encoding → other → UTF8
    • JavaScript Profiles -> activer Enable projet
    • Cliquez sur ExtJs
    • Cliquez sur le bouton Default