Il existe de nombreuses extensions qui apportent un gain considérable dans l’utilisation de Firefox. Voici la liste des extensions que l’utilise couramment:

• Adblock Plus: Pour supprimer la publicité
• DownloadThemAll: Pour accélérer les téléchargements
• Firebug: Pour déboguer une page html/javascript
• Foxmark: Pour sauvegarder marque-pages et mots de passe
• Tab Mix Plus: Pour une gestion améliorée des onglets
• Web Developer: Une barre d’outils pour le développement

Tous ses outils sont vraiment très bien, je vous propose donc deux liens qui vous les présentent plus précisément.

• Alsacreations
  Vous y trouverez un article qui reprends les 20 meilleures extensions Firefox pour développeurs web. (Firebug, WebDeveloper Toolbar, Validateurs, IE Tab, Colorzilla, Fireshot, Dust-me Selectors, MeasureIt, SmushIt, FirePHP, Live HTTP Headers, X-Ray, Greasemonkey, …)
  Voici le lien: http://www.alsacreations.com
• Developpez.com
  Vous y trouverez un article sur les meilleurs extensions Firefox. Principalement orienté pour le développeur. (Adblock, IE tab, GetJetableMail, Tab Mix plus, ScrapBook, Web developer, Gtranslate, FireFTP, ChatZilla, SecurePassword, View Source Chart, Firebug, …)
  Voici le lien: http://www.developpez.com

Avec ces deux articles, vous voilà parti pour travailler plus facilement et proprement avec Firefox.

EzComponent c’est quoi ?

eZ Components sont des librairies PHP prêtes à l’emploi dédiées aux entreprises qui peuvent être utilisées ensemble ou de manière indépendante pour le développement d’applications PHP. Avec eZ Components, les développeurs peuvent se concentrer sur les besoins spécifiques à leurs applications sans à avoir à tout réinventer. Les dernières versions d’ eZ Publish sont basées sur eZ Components.

Les nouveautés pour 2009

• Amélioration du composant MVC tools, qui permet une meilleure utilisation du modèle MVC.
• De nouveaux formats sont pris en charge par le composant Document  (Confluence, Creole et DokuWiki), qui permet la conversion de documents sous différents formats. Il est par exemple possible de convertir du ReST en XHTML ou DocBook.
• Le composant Webdav a été également amélioré et supporte maintenant l’authentification et la gestion des autorisations
• Pour cette version, l’équipe de développeurs a corrigé, 55 bugs et implémenté 43 nouvelles fonctionnalités.

Par rapport à la roadmap, il me semblait qu’il devait y avoir des changements sur les fluxRSS et la gestion du cache, mais je n’ai rien trouvé qui en parlait. Surement dans la prochaine version…

La nouvelle version du Zend Framework est disponible en téléchargement depuis le site de Zend. Et voici la liste des nouveautés:

• Zend_Amf avec support des protocoles AMF0 et AMF3. (Pour flex)
• Dojo Toolkit 1.2.1
• Gestion du Dijit Editor, un éditeur WYSIWYG Dojo.
• Zend_Service_Twitter: Implémentation de l’API Twitter
• ZendX_JQuery. Un helper pour simplifier l’utilisation de jQuery et UI jQuery
• Zend_Cache: Une API gérant les Métadata
• Zend_Gdata: Une API de recherche Google book
• Zend_Gdata: Gestion préliminaire du Protocole version 2 de GData.
• Zend_Search_Lucene: « Skip data processing »
• Zend_Search_Lucene: Indexation de document Open Office XML
• Amélioration des performances dans Zend_Loader, Zend_Controller, et les composants serveurs
• Zend_Mail_Storage_Writable_Maildir: Amélioration de l’envoi de mail
• Zend_Tool: Dans l’incubateur (Webservice, gestion de projet, et Génération de code)
• Zend_Text_Table: Pour la mise en forme de tableau de type texte.
• Zend_ProgressBar: Pour créer et mettre à jour les barres de progression dans différents environnements.
• Zend_Config_Writer: Pour la création de fichiers de configuration à partir d’objets Zend_Config.
• ZendX_Console_Unix_Process: Permet de créer des processus s’exécutant dans un shell.
• Zend_Db_Table_Select: Gestion du « Zend_Paginator » pour la pagination des données.
• Paramètres globaux pour les routes.
• Utilisation des Routes Chainées pour les Hostname-Routes via Zend_Config.
• Amélioration I18N (Internationalisation)
  • Zend_Translate API simplifié, mise à jour des méthodes de gestion du cache…
• Amélioration du transfert de fichier
  • Gestion des « file elements » dans les « subforms »
  • Gestion des « multifiles elements »
  • Gestion du « MAX_FILES_SIZE » dans un formulaire
  • Gestion des erreurs dans la chaine de validation
  • Gestion de la traduction sur les erreurs et les messages.
  • Nouveau validateur: IsCompressed, IsImage, ExcludeMimeType, ExcludeExtension
  • Gestion du « FileInfo » dans le « MimeType » validateur
• Gestion d’adaptateur personnalisé dans « Zend_Paginator »
• Plus de liberté dans la gestion des types complexes dans « Zend_Soap »
• Et beaucoup de bugs de corrigés …

Ce Framework est vraiment prometteur, après une version 1.5 très riche en nouveautés notamment autour de la gestion de formulaires, des layouts et du support d’AJAX. La version 1.7 apporte un bon nombre de changements appréciables et les idées n’ont pas l’air de manquer pour les prochaines versions ….

A quand mon prochain projet Zend que je puisse m’amuser un peu avec toutes ses nouveautés ?

Le développement est relativement simple, il suffit d’un serveur acceptant le PHP, d’une base de données et si possible la redirection d’url activé (mod_rewrite sous Apache). Le développement tient dans un script et un fichier .htaccess pour la redirection des URL.

La base de données contient une table avec un identifiant unique qui représente la clé d’accès et l’URL du lien sur lequel on veut rediriger.

1
2
3
4
5

CREATE TABLE `tinyurl` (
  `hash` varchar(16) NOT NULL,
  `url` varchar(255) NOT NULL default '',
  PRIMARY KEY  (`hash`)
);

Le script PHP est loin d’être du code objet ou encore utiliser Zend Framework, mais pour un petit outil du genre un bon vieux code en procédural devrait faire l’affaire. Le script n’est pas très complexe. On a une partie pour afficher le formulaire, une fonction pour la création du hash, l’enregistrement dans la base de données et une fonction pour rechercher l’URL associé au hash.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227

<?php
 
// Fichier qui contient les paramètres de connexion.
require_once('config.php'); 
 
/**
 * Connexion à la base de donnée
 */
$conn = mysql_connect(DB_HOST, DB_USER, DB_PASSWORD)
        or die("Impossible de se connecter");
$db = mysql_select_db(DB_NAME, $conn) or die(mysql_error());
$table = "tinyurl";
define('HASHSIZE', '5'); // Taille du hash
 
/**
 * Recherche par rapport au hash passé en paramètre
 * et redirection sur l'URL.
 */
function renvoyer($hash) {
   global $table;
 
   if(is_hash($hash)) {
 
     $req = "SELECT * FROM $table WHERE hash = '$hash';";
     $res = mysql_query($req) or die("Query failed");
 
     if (mysql_num_rows($res) == 0) {
       print "Aucun id associé";
       return;
     }
     else {
       header("Location: " . mysql_result($res, 0, "url"), true);
       return;
     }
}
 
/**
 * Enregistrement de l'url avant son identifiant.
 */
function enregistrer( $url ) {
   global $table;
 
   if( !is_url($url) ) {
      print <<<HTML
                 <span class="error">
                    <i>{$url}</i> n'est pas une url valide
                 </span>
HTML;
 
      return;
   }
 
   // Test si l'url existe déjà et retourne le hash correspondant.
   // Évite les doublons inutiles.
   $req = "SELECT hash FROM $table WHERE url= '$url';";
   $res = mysql_query($req) or die("Query failed");
 
   // L'url existe déjà dans la base de données
   if ( mysql_num_rows($res) == 1 ) {
      $hash = mysql_result($res, 0, "hash");
 
      // A modifier en fonction de votre .htaccess et
      // des redirections d'url
      $adresse = "http://votredomain/" . $hash;
      print <<<HTML
		<span class="info">
                   Voici votre URL r&amp;eacute;duite :
                </span>
 
{$adresse}
 
HTML;
 
   }
 
   // L'url n'existe pas encore
   else {
 
      // Recherche un identifiant valide
      $ok = false; $count = 0;
      while (!$ok) {
 
         // Génération d'un hash
	 $hash = generateHash(HASHSIZE);
 
	 // Test si le hash n'existe pas déjà dans la base de données
  	 $req = "SELECT hash FROM $table WHERE hash= '$hash';";
	 $res = mysql_query($req) or die("Query failed");
 
         // Aucun résultat le hash est donc dispo
         if ( mysql_num_rows($res) == 0 ) $ok = true;
 
         // Nombre de tentative dépassée on arrête.
         if ( ++$count >= 10 ) break;
      }
 
      // Insertion de l'url dans la base de données
      $req = "INSERT INTO $table (hash, url) VALUES ('$hash', '$url');";
 
      // Insertion ok
      if (mysql_query($req)) {
         $adresse = "http://nfrey.com/" . $hash;
	 print <<<HTML
	  	   <span class="info">
                       Voici votre URL r&amp;eacute;duite :
                   </span>
 
{$adresse}
 
HTML;
      }
 
      // Erreur d'insertion
      else {
         print <<<HTML
		   <span class="error">
                      Une erreur s'est produite.
                   </span>
HTML;
      }
   }
}
 
/**
 * Vérification de l'url
 * La regex doit être grandement améliorée pour prendre en compte
 * tous les types d'url possible.
 * ex: protocole://sdo.domain.ext:port/dossier/file?param&amp;autres#ancre
 */
function is_url($url) {
   $motif_url=("^^(http|ftp|https)://([a-zA-Z0-9-]+.)?([a-zA-Z0-9-]+.)
               ?[a-zA-Z0-9-]+.[a-zA-Z]{2,4}(:[0-9]+)?(/[a-zA-Z0-9-]*)
               ?(.[a-zA-Z0-9]{1,4})?$");
   if (!ereg($motif_url, $url))
      return false;
   else
      return true;
}
 
/**
 * Génération d'un identifiant celui ci contient
 * des caractères alpha-numériques.
 * On lui passe en paramètre la taille que devra avoir l'identifiant
 */
function generateHash( $length ) {
 
   $hash = "";
 
   // Caractères possibles
   $possible = "0123456789abcdefghijklmnopqrstuvwxyz
                ABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
 
   // Compteur pour la taille du hash
   $i = 0; 
 
   // ajoute un caractère aléatoirement au hash jusqu'à sa taille max
   while ( $i < $length ) {
      // Trouve un caractère de façon aléatoire dans la liste
      // des caractères possibles
      $char = substr( $possible, mt_rand(0, strlen($possible)-1), 1 );
 
      // Ne pas reprendre ce caractère s'il est déjà dans le hash
      if ( !strstr($hash, $char) ) {
         $hash .= $char;
	 $i++;
      }
   }
 
   // retour du résultat !
   return $hash;
}
 
/**
 * Vérification du hash
 * Doit contenir x caractères alpha numérique
 */
function is_hash($hash) {
   $motif_hash=("^([0-9A-Za-z]{" . HASHSIZE . "})$");
   if (!ereg( $motif_hash, $hash ))
      return false;
   else
      return true;
}
 
/**
 * Fonction d'affichage
 */
function affichage() {
 
   // Un id est passé en paramètre, on appel la fonction renvoyer
   if ( (isset($_REQUEST['id']) && !empty($_REQUEST['id']) ) ) {
      renvoyer($_REQUEST['id']);
   }
 
   // Retour du formulaire on créé une url, appel
   // de la fonction enregistrer
   else if ( (isset($_REQUEST['creer'])
              && $_REQUEST['creer'] == 'oui')
              && (isset($_REQUEST['url'])
              && !empty($_REQUEST['url']) ) ) {
      enregistrer($_REQUEST['url']);
   }
 
   // Affichage du formulaire pour la création de l'url
   else {
      echo <<<HTML
<form action="{$_SERVER['PHP_SELF']}" method="POST">
<input type="hidden" name="creer" value="oui" />
	  URL:
<input type="text" name="url" value="http://" />
<input type="submit" name="action" value="R&amp;eacute;duire" />
	</form>
 
HTML;
  	}
}
 
?>
 
<html>
   <head>
      <title>TinyURL</title>
   </head>
   <body>
      <?php affichage(); ?>
   </body>
</html>

Le hash sert donc à récupérer l’URL dans la base. L’URL récupérée depuis la base de donnée modifie aussitôt la page visualisée par l’utilisation de la fonction header().
Pour parfaire la chose, il faudrait créer un fichier .htaccess renvoyant les URL du type http://domaine/%hash% vers http://domaine/dossier/url.php?id=%hash% ….

Voici un exemple d’un fichier .htaccess

1
2
3
4
5
6
7
8
9
10
11
12
13
14

# Tester si le module apache existe
<IfModule mod_rewrite.c>
 
   # démarre la réécriture d'url
   RewriteEngine On
 
   # Redirection http://mondomaine/tinyurl sur le script php
   # (créé un petit lien)
   RewriteRule tinyurl$ /url/url.php
 
   # Redirection http://mondomaine/tinyurl/%hash% sur le script
   # avec le paramètre id
   RewriteRule tinyurl/([a-ZA-Z0-9]+)$ /url/url.php?id=$1 [L]
</IfModule>

Vous avez maintenant de quoi faire vos URL courtes sur votre site perso. Mon script est très légèrement différent et adapté pour être intégré dans Wordpress vous pouvez le tester ici :

• http://nfrey.com/LNS1e

Si vous avez des remarques ou questions, je reste joinable. Vous trouverez mes coordonnées sur la page « à propos« .

Mon choix s’est orienté sur Eclipse pour plusieurs raisons :

• C’est un logiciel libre et gratuit.
• Il est extensible, universel et polyvalent. Vous pouvez l’utiliser aussi bien pour faire du java, du C ou du PHP, ce qui permet donc de pouvoir développer avec plusieurs langages sans avoir à maitriser plusieurs outils.
• Il est écrit en Java et il est compatible multi-plateforme. (Windows, Mac et Linux).
• Il est très complet en fonctionnalités et si vous recherchez une fonction spécifique le système de plugins vous permettra certainement de l’ajouter.

Notepad++ et UltraEdit sont des éditeurs de texte. Certes se sont des éditeurs avancés qui proposent de la colorisation syntaxique ou des plugins assez sympa, mais pour faire du développement ils restent un peu limités. Notepad++ est néanmoins une très bonne alternative pour remplacer le bon vieux Notepad de Windows qui ne propose aucune fonctionnalité.

Installation d’Eclipse

Le site d’Eclipse se trouve à l’adresse suivante http://www.eclipse.org. Et la page de téléchargement est http://download.eclipse.org/eclipse/downloads/

Pour des problèmes de compatibilité du plugins php, je vous conseille de télécharger et installer la version 3.3 ou antérieur d’Eclipse. Courant septembre une nouvelle version du plugins devrait être disponible et fonctionnelle avec la version 3.4 d’Eclipse. Wait and see …

Il est nécessaire d’installer un java JDK version au moins (5.x) que l’on peut trouver sur le site de sun: http://java.sun.com.

Une fois les packages téléchargés vous n’avez plus qu’à décompresser l’archive d’Eclipse et à installer le JDK de sun. Faites vous un raccourci d’eclipse.exe sur votre bureau et exécutez le pour voir si tout fonctionne. Pensez à bien choisir votre dossier (workspace) de travail lors du lancement d’Eclipse, celui ci vous permettra d’y placer vos projets.

Mise en place des plugins

Une fois Eclipse fonctionnel, il ne reste plus qu’à s’occuper des plugins. On aura principalement besoin des PDT (PHP Development tools) pour développer en PHP. Ce plugins a un certain nombre de pré-requis. Voici donc la liste des éléments à télécharger:

• PDT (PHP Development tools)
• XSD (XML Schema Definition)
• GEF (Graphical Editing Framework)
• DTP (Data Tools Platform)
• WTP (Web Tools Platform)

Vous pouvez également télécharger le plugin JSEclipse qui était développé par macromedia. Voici un lien sur mon serveur pour le télécharger: JSEclipse040207.

Une fois les plugins téléchargés, il ne reste plus qu’à les installer. Il y a deux techniques voir même trois avec la dernière version d’Eclipse (celle qui ne fonctionne pas avec les PDT 1.0.x). La première consiste à décompresser le contenu de l’archive du plugin dans le dossier d’installation d’Eclipse. La seconde technique est légèrement plus propre. Surtout en cas de désinstallation ou de mis à jour d’un plugin. Elle consiste à créer un répertoire links et un répertoire myplugins puis de décompresser dans le dossier myplugins l’archive de votre plugin. Il faudra ensuite créer dans le dossier links un fichier nomduplugins.link avec comme contenu le chemin complet du plugin décompressé dans le répertoire myplugins précédé de path=. Voici un exemple:

Contenu du dossier d'installation d'Eclipse

Eclipse
 |  configuration
 |  features
 |  links
 |  myplugins
 |   |  dtp-sdk_1.5.2
 |   |   |   eclipse
 |   |   |    |  features
 |   |   |    |  plugins
 |   |   |    |  readme
 |   |  org.eclipse.php_feature-R20080603
 |   |   |   eclipse
 |   |  ....
 |  plugins
 |  readme

Contenu du dossier links

links
 | dtp.link
 | php.link
 | ...

Contenu du fichier php.link
path=E:/dev/Eclipse/myplugins/org.eclipse.php_feature-R20080603

Contenu du fichier dtp.link
path=E:/dev/Eclipse/myplugins/dtp-sdk_1.5.2

Une fois que tous les plugins sont décompressés et que leurs liens ont été ajoutés dans le dossier links vous pouvez relancer Eclipse. Si tout se passe bien vous devriez avoir une trace des plugins chargés dans Help->About Eclipse SDK puis en cliquant sur « Features Details ».

Eclipse about features

En cas de problème pour le chargement des plugins, vous pouvez regarder dans le fichier .log qui se trouve dans le dossier .metadata du répertoire workspace d’Eclipse (emplacement qui vous a été demandé au chargement d’Eclipse).

Travailler avec Eclipse

Une fois Eclipse et ses plugins fonctionnels, il ne reste plus qu’à savoir comment tout cela fonctionne.

La suite dans un prochain article…

Je vais vous expliquer comment vous configurer un environnement de développement php / MySQL sous Windows.

La première chose à faire, c’est l’installation des serveurs. Dans notre cas MySQL et Apache. Sur un serveur de production, il faudrait installer séparément apache, php et mysql pour avoir une configuration optimale, mais comme on veut se faire un espace de développement, il existe des solutions comprenant l’ensemble des applications nécessaires (wamp, easyphp, xampp…).

Personnellement j’utilise wamp. Pourquoi:

• Son interface conviviale et sa simplicité d’utilisation (Accès rapide aux fichiers de conf, démarrage des services simplifiées …)
• Des addons, qui permettent d’avoir plusieurs versions possibles et de pouvoir passer de l’une à l’autre facilement

Quel est l’intérêt de configurer sur sa machine locale un serveur web et mettre en place un virtualHost ?

• Un dossier, une configuration, des fichiers logs différents pour chaque site.
• Une racine et une configuration étant celle du serveur.
• Une url (nom local) accessible rapidement pour chaque site développé. ex: www.monsite.com et www.monsite.local
• Un développement en local permet de ne pas casser son site visible depuis internet. On peut donc faire tout changement sans porter atteinte à la visibilité du site.
• Permet aussi de configurer son serveur local pour avoir un meilleur débogage.

Si vous êtes convaincu, Téléchargez wamp et installez-le. Une fois l’installation effectuée, il faut configurer l’ensemble. Le but du jeu est d’avoir chaque site web dans un dossier avec une URL locale (DNS) lui étant associée. On va donc commencer par modifier le fichier hosts en associant une IP à un nom. Ceci permettra d’accéder à notre machine via un nom plutôt que par une IP, ce qui permettra ensuite de configurer le serveur web sur ce nom.

C:\WINDOWS\system32\drivers\etc\hosts

# fichier hosts

127.0.0.1       	localhost # ligne par défaut

127.0.0.1		monsite.local # ligne à ajouter.

Une fois le fichier hosts modifié, on va changer la configuration d’apache, et ajouter un virtualHost sur le nom local de la machine. Un virtualHost est une zone qui est mappée sur un nom de domaine. On peut donc avoir sur la même machine avec une seule IP plusieurs site web avec chacun un domaine différent.

%install_dir_wamp%/bin/apache/apacheX.X.XX/conf/httpd.conf

Include conf/httpd-vhosts.conf # A décommenter.

%install_dir_wamp%/bin/apache/apacheX.X.XX/conf/httpd-vhosts.conf

NameVirtualHost * # écoute sur toutes les ip et tous les ports

<VirtualHost *:80>
    ServerName localhost
    DocumentRoot E:/dev/wamp/www # dossier par défaut de wamp
    ErrorLog E:/dev/wamp/logs/error_log # fichier de log
    CustomLog E:/dev/wamp/logs/access_log common # fichier de log
</VirtualHost>

<VirtualHost *:80>
    ServerName monsite.local # dns que l'on retrouve dans le hosts
    DocumentRoot F:/workspace/monsite # emplacement racine du site
    DirectoryIndex index.php # fichier par défaut
    ErrorLog F:/workspace/monsite/logs/error_log
    CustomLog F:/workspace/monsite/logs/access_log common
</VirtualHost>

Une fois les modifications effectuées, il vous faudra redémarrer le serveur web. N’oubliez pas de créer tous les dossiers nécessaires (dont les dossiers logs qu’Apache ne créé pas tout seul) et de passer en ligne Wamp. Si tout se passe bien, le serveur devrait redémarrer correctement et vous dévriez avoir accès via votre navigateur à http://monsite.local. Il ne vous restera plus qu’à télécharger un IDE comme Eclipse, Zend Studio ou encore Notepad++ pour développer vos sites, installer un système de contrôle de version (versioning) et configurer votre navigateur avec des outils pour simplifier le débogage.