« SPARQL Protocol and RDF Query Language/Travail pratique/Initiation à Eclipse » : différence entre les versions

Une page de Wikiversité, la communauté pédagogique libre.
Contenu supprimé Contenu ajouté
Ligne 39 : Ligne 39 :
*[https://help.ubuntu.com/community/EclipseIDE#User%20installation Eclipse installation avec Ubuntu ]
*[https://help.ubuntu.com/community/EclipseIDE#User%20installation Eclipse installation avec Ubuntu ]
*[http://www.eclipse.org/pdt/documents/XDebugGuideForPDT2.0.pdf Configurer PDT]
*[http://www.eclipse.org/pdt/documents/XDebugGuideForPDT2.0.pdf Configurer PDT]
*[http://docs.joomla.org/Extension_development_using_eclipse_and_phing#More_Phing_Examples Tutoriel Phing et Eclipse]


==Installation==
==Installation==

Version du 10 août 2011 à 20:21

Logo de la faculté
Cette page est une ébauche concernant l’informatique. Avant de recréer une ressource du même type, essayez d'abord de compléter celle-ci ; si c'est impossible, remplacez son contenu par le vôtre. Si vous êtes l'auteur(e) de cette page et que vous souhaitez la continuer, retirez ce bandeau.
Début de la boite de navigation du travail pratique
Initiation à Eclipse
Image logo représentative de la faculté
T.P. no {{{numéro}}}
Leçon : SPARQL Protocol and RDF Query Language

TP de niveau ?.

Précédent :Initiation à PHPUnit
Suivant :Faire un serveur SPARQL
En raison de limitations techniques, la typographie souhaitable du titre, « Travail pratique : Initiation à Eclipse
SPARQL Protocol and RDF Query Language/Travail pratique/Initiation à Eclipse
 », n'a pu être restituée correctement ci-dessus.


Introduction

Pourquoi utiliser Eclipse ?

Dans ce TP, nous allons installer Eclipse ainsi que certains composants de [[w:Débogueur|débuggage]. Eclipse est l'un des logiciels les plus utilisés pour faire du développement Web et il est gratuit. Malheureusement, ça puissance est inversement proportionnel à son ergonomie d'utilisation. Il faut un certain temps d'utilisation pour savoir correctement l'utiliser.

Ce TP a pour objectif de vous en montrer les avantages mais aussi de vous faire gagner du temps sur l'installation du débuggeur qui est indispensable à tous vrais développeurs professionnels pour gagner beaucoup de temps.

Durée du TP

2 heures

Matériel du TP

Il vous faut avoir fait au moins le TP PHP.

A savoir pour commencer

Il n’y a que 2 débuggeurs pour PHP :

  • Zend qui est intégré dans la suite de développement payante Zend (à condition d’avoir les serveurs de productions également avec Zend sinon...bugs d’incompatibilités à prévoir)
  • XDebug qui est gratuit mais qui est moins simple à installer

Nous installerons donc XDebug car les étudiants ont un budget relativement limité pour ce genre de dépense.

Documentations

Ce TP a été fabriqué avec les documents suivants :

Installation

Débuggeur : XDebug

Il y a autant de manières d'installer XDebug qu'il y a de version de Linux.

Pour identifier, si l'installation suivante peut fonctionner avec votre version de linux, vous devez d'abord connaitre la version que vous utilisez avec la commande suivante.

lsb_release -a

L'installation suivante sera faite avec la version Ubuntu 10.04.3. Si ce n'est pas votre version n'hésitez pas à comparer cette installation avec les résultats dans Google quand vous recherchez :le nom de votre distribution linux avec sa version et Xdebug.

Ubuntu 10.04.3

Installer le composant php5-xdebug.

sudo apt-get install php5-xdebug

Ouvrez le fichier : /etc/php5/conf.d/xdebug.ini

sudo vim /etc/php5/conf.d/xdebug.ini

Ajouter à la fin de ce fichier les lignes suivantes:

; configuration for php xdebug module
xdebug.remote_enable=1
xdebug.remote_handler=dbgp
xdebug.remote_mode=req
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000

Mettre à jour votre configuration :

sudo service apache2 reload

Vérifier que XDebug est bien activé dans votre configuration PHP.

php -r 'phpinfo();' | grep -e "xdebug support => enabled"


Java Runtime Environment

Il n'est pas conseillé d'installer Eclipse via apt-get, il faut installer le JRE (Java Runtime Environment) séparément.

Installer le JRE (Java Runtime Environment) dont Eclipse a besoin :

sudo apt-get install default-jre

Verifier si votre version de JRE est 32 ou 34 bits :

java -d64 -version

ou

java -d32 -version


Eclipse

En fonction de la version de votre JRE 32 ou 64bits, vous choisirez la dernière version de "Eclipse platformRuntime" x86 ou x86_64 : (ce lien est celui donné par la documention Eclipse de août 2011)


Nous installerons Eclipse dans votre répertoire personnel :

mkdir ~/opt

On passe dans le répertoire où votre navigateur à enregistrer le package Eclipse, on le décompresse et on le déplace dans le répertoire ~/opt.

cd {directory where your browser downloaded the package to}
tar -zxvf eclipse-SDK-3.4.1-linux-gtk.tar.gz 
mv eclipse ~/opt

On fabrique répertoire bin dans notre repertoire home qui sera utilisé pour lancer Eclipse :

mkdir ~/bin

On crée le fichier qui sera le script d'exécution d'Eclipse :

vim ~/bin/eclipse

Copier ce texte dans ce fichier :

export MOZILLA_FIVE_HOME="/usr/lib/mozilla/"
export ECLIPSE_HOME="$HOME/opt/eclipse"

$ECLIPSE_HOME/eclipse $*

On autorise le script à être exécuté :

chmod +x ~/bin/eclipse

Pour finir, on va créer un raccourcie pour le mettre sur notre bureau :

  1. Cliquer bouton droit sur votre bureau
  2. Créer raccourcie (ou create launcher)
  3. Indiquer le nom : Eclipse
  4. Indiquer le chemin du script (command) : /home/<your username>/opt/eclipse/eclipse
  5. Cliquer sur l'icône pour indiquer le chemin du script de l'icône d'Eclipse : /home/<your username>/opt/eclipse/eclipse/icon.xpm
  6. cliquer sur OK

Vous pouvez maintenant double cliquer sur l'icone Eclipse sur votre bureau.

Eclipse s'ouvre et vous demande de préciser votre espace de travail, indiquer un autre répertoire que ~/projets. Cela évite un certain nombre de problèmes de configuration.

Configurer la source des mises-à-jour et des plugins d'Eclipse

Dans Eclipse :

  1. Aller dans le menu : Help > Install New Software
  2. cliquer que le bouton "Add..."
  3. renseigner les champs avec le nom : Indigo et l'adresse http://download.eclipse.org/releases/indigo

Vous pouvez maintenant installer les plugins PHP et Web.

Installer le plugin PHP

Dans Eclipse :

  1. Aller dans le menu : Help > Install New Software
  2. Choisir le site (Work with) : "Indigo -- http://download.eclipse.org/releases/
  3. attendre que la liste soit mise à jour (pending...)
  4. aller ensuite dans langages de programmation
  5. cocher la liste PHP Development Tools (PDT)
  6. Cliquer sur suivant deux fois
  7. cocher Accepter les licences
  8. cliquer sur terminer

Après l'installation, Eclipse vous demande de redémarrer :

  • cliquer sur "redémarrer maintenant"

Installer le plugin Web

  1. Aller dans le menu : Help > Install New Software
  2. Choisir le site (Work with) : "Indigo -- http://download.eclipse.org/releases/
  3. attendre que la liste soit mise à jour (pending...)
  4. aller ensuite dans "Web,XML,JavaEE..."
  5. cocher "Eclipse Web Developer Tools"
  6. Cliquer sur suivant deux fois
  7. cocher Accepter les licences
  8. cliquer sur terminer

Après l'installation, Eclipse vous demande de redémarrer :

  • cliquer sur "redémarrer maintenant"

Configurer le débugueur

Pour configurer le débugueur :

  1. Aller dans le Menu : Window > Preferences
  2. Cliquer sur le noeud : PHP > Debug
  3. Dans la liste "PHP Debugger" choisir "XDebug“

Sauver et fermer la fenêtre

Configurer le Debuggeur Via le Menu : Window > Preferences Ouvrir le noeud : PHP > PHP Servers Créer un nouveau serveur : MonCV Et donner son domaine (base url): http://moncv

Projet

Nous avons dans le projet précédent utilisé PHPUnit et créer une arborescence à un projet nommé MonCV. Nous allons ouvrir ce projet et le configurer.

Ouvrir le projet dans Eclipse

  1. Ouvrir Eclipse
  2. Menu Fichier > Nouveau projet
  3. Ouvrer PHP > projet PHP

La boite de dialogue nouveau projet s'ouvre.

  1. Donner un nom au projet : MonCv
  2. Cocher : Créer un projet de sources existantes
  3. Rechercher la racine du répertoire créer dans le TP précédent : ~/projets/moncv
  4. cliquer sur Terminer (Finish)

Configurer la construction du projet

Nous allons utiliser phing pour construire le projet automatiquement pour permettre de le débugger.

A chaque modification d'un fichier dans le projet, le script build.xml sera exécute pour les tests unitaires et déployer sur le serveur Web (/var/www/moncv) que nous avons configuré dans un précédent TP.

Pour ce faire :

  1. Faire un clic droit sur ​​le projet
  2. sélectionner Propriétés
  3. sélectionner "Constructeurs"(builder)
  4. cliquer sur Nouveau pour afficher la boîte de dialogue "Choisir le type de configuration"
  5. sélectionner Programme
  6. Cliquer sur OK

La boîte de dialogue pour créer une configuration s'est affichée :

  1. Donner un nom par exemple : Phing build.xml
  2. Donner l'emplacement de l'exécutable (Location) : /usr/bin/phing
  3. Donner l'emplacement d’exécution (Working directory) :
    1. Cliquer sur le bouton Browse WorkSpace
    2. Sélectionner la racine où se trouve le fichier build.xml, ici MonCV
    3. Cliquer sur OK

L'emplacement d’exécution (Working directory) doit contenir quelque chose qui ressemble à :

${workspace_loc:/MonCv}

Maintenant on indique les moments d’exécution :

  1. Aller dans l'onglet Rafraichir (Refresh)
  2. Cocher la case rafraichir les ressources (Refresh ressouces upon each completion)
  3. Cocher : Espace de travail en entier (The entire Workspace)
  4. Aller maintenant dans l'onglet Options (Build Options)
  5. Cocher l'auto-construction (During auto-build)

Cliquer finalement sur le bouton OK pour refermer la boite de dialogue.

Premier pas dans Eclipse

Créer un nouveau projet PHP avec les sources dans le répertoire : /var/www/moncv.com Vous devez voir le fichier info.php Ouvrez le fichier et inséré un point d’arrêt

Créer un profil pour debugger votre application Via Menu : Run > Debug configurations... Double cliquer sur "PHP Web Page" pour ajouter un nouveau profil d’exécution de site Web PHP Dans la liste "Server Debugger" choisir "XDebug" Sélectionner le fichier info.php ou le fichier que vous voulez débugger Décocher "Break at Fist Line“ (pour allez directement sur le point d’arrêt que vous avez créé. Appliquer les changements et fermer la fenêtre

Changer de navigateur par défaut Via Menu : Window > Web Browser > Default System Web Browser

Lancer un débogage

Afficher des erreurs directement dans la page Affichage de manière dynamique :

if (!ini_get('display_errors')) {
    ini_set('display_errors', 1);
}
echo ini_get('display_errors');

Modifier le fichier /etc/apache2/php.ini :

error_reporting = E_ALL & ~E_NOTICE 
display_errors = On

Voir les erreurs tout simplement

Ouvrir un shell tail –f /var/log/apache2/error.log