Après avoir installé la dernière version de Firefox, Firefox 3, j’ai remarqué que le back-end (la partie administration appellée aussi BE) de mes installations Typo3 ne fonctionnait plus correctement.

Dès qu’on clique sur un des modules de la colonne de gauche, celle-ci disparaît. Celà serait dû à la nouvelle gestion des frames plus sécuritaires dans Firefox 3. Plus précisément, l’héritage des character sets, qui était appliqué entre frame parent et enfant ne l’est plus que si le parent et l’enfant sont chargés à partir du même serveur.

Ceci dit, j’avoue que je reste sceptique. Si c’est vraiment la cause, une installation Typo3 devrait fonctionner correctement en local, à part si Firefox détermine l’origine d’une frame à partir de critères autres que le nom du domaine.

Solution

Marc Neuhaus a développé une extension qui règle le problème le temps qu’une nouvelle version de Typo3 voie le jour.

Firefix3 backend bug fix

Il suffit de l’importer à travers le manager d’extension, de l’installer, de se déconnecter puis de se reconnecter pour résoudre le problème.

Après de multiples recherches, ce que j’ai trouvé de meilleur, pour sa flexibilité, sa simplicité et surtout sa documentation (en anglais) est JW Image Rotator. Il est Open Source et libre d’utilisation pour usage non commercial.

JW Image Rotator permet d’afficher les images contenues dans une playlist en XML au format RSS, XSPF ou ASX et d’appliquer une multitude de transitions entre elles. Il permet d’utiliser des images de type JPG, GIF et PNG, possède une variété de flashvars qui modifient le comportement du Flash, et une large API en javascript pour la communication entre le monde extérieur et le SWF. De plus, des modules pour différents CMS ont été développés pour faciliter l’installation.

Téléchargement

Page de téléchargement du JW Image Rotator…

Notez qu’il n’est pas obligatoire d’inscrire son adresse e-mail avant de cliquer sur le boutton Download JW Image Rotator. Mais il faut cocher la case d’acceptation de la license d’utilisation.

Un fois téléchargé et décompressé, le dossier imagerotator contient un fichier README.HTML que je vous conseille de lire. Il contient un exemple d’installation et un début de documentation.

Installation

L’installation de JW Image Rotator est relativement facile. La difficulté réside seulement dans la définition des chemins d’accès pour le SWF, le XML et les images.

On peut choisir plusieurs types d’intégration du SWF dans la page (Voir Embedding Flash). La technique la plus simple est d’utiliser une balise <embed> :

<embed
  src="imagerotator/imagerotator.swf"
  width="470"
  height="160"
  allowscriptaccess="always"
  flashvars="file=imagerotator/imagerotator.xml
    &transition=blocks"
/>

Cette technique a fonctionné en local, mais avec le même code et la même structure de fichiers, elle a buggé sur mon serveur et sur Internet Explorer. De plus, elle ne permet pas l’utilisation de l’API Javascript.

Une autre technique fournie avec le JW Image Rotator consiste à utiliser un script en Javascript qui intègre le SWF pour vous :

1. D’abord, définissez un DIV vide pour l’accueil du SWF

   <div id="container"></div>

2. Ensuite, insérez la librairie Javascript

   <script type="text/javascript"
     src="imagerotator/swfobject.js"></script>

3. Enfin, insérez ce code pour créer le SWF

   <script type="text/javascript">
     var s1 = new SWFObject("imagerotator/imagerotator.swf",
       "rotator","400","200","7");
     s1.addVariable("file","imagerotator/madrid.xml");
     s1.addVariable("width","400");
     s1.addVariable("height","200");
     s1.addVariable("shownavigation","false");
     s1.addVariable("transition","fade");
     s1.write("container");
   /script>

Dans cet exemple, tous les fichiers se trouvent dans le même dossier appelé imagerotator, vous devez adapter l’exemple à votre structure de dossiers. ATTENTION : tous les chemins doivent être relatifs à la page contenant le SWF. Vous pouvez utiliser un chemin absolu en cas de besoin : http://votre-domaine.com/imagerotator/…

Le XML

Un exemple est fourni avec le téléchargement : madrid.xml. Les formats possibles sont listés dans cette page du site de JW Image Rotator.

<?xml version="1.0" encoding="utf-8"?>
<playlist version="1" xmlns="http://xspf.org/ns/0/">
  <trackList>
    <track>
      <title>Grass by Night</title>
      <creator>Jeroen Wijering</creator>
      <location>imagerotator/image1.jpg</location>
      <info>http://www.jeroenwijering.com</info>
    </track>
    [...autres tracks...]
  </trackList>
</playlist>

Une image est contenue dans un enregistrement <track> qui contient aussi d’autres informations concernant l’image. Ces informations peuvent être affichées dans le Flash pour la navigation, la recherche…

Notez qu’un script serveur (en php, aspx …) peut être généré sur le serveur et remplacer le fichier XML. A condition bien sûr que le format généré corresponde.

ATTENTION : Là aussi, le chemin d’accès des images est la page contenant le SWF.

flashvars

Les flashvars sont les données envoyées au SWF à partir du <embed>. Un liste exaustive des flashvars possibles sont listées sur le site du JW Image Rotator.

Grâce au flashvars on peut choisir le fichier XML, le type de fondu, l’affichage ou non de la navigation…

Intéraction avec le Javascript

Le SWF du JW Image Rotator peut communiquer avec le monde extérieur grâce à une API en Javascript. Notez que pour des raisons de sécurité, cela n’est possible qu’avec la version 8+ du plugin Flash et que sur votre serveur en ligne (pas en local).

Toute la documentation requise se trouve sur le site.

putty

putty est un client Telnet/SSH qui permet de se connecter sur le serveur de son hébergeur directement à travers une fenêtre de commande UNIX. Votre hébergeur pourrait avoir désactivé l’accès SSH, auquel cas, demandez lui de vous l’activer. Pour moi, un bon hébergeur devrait comprendre la nécessité d’un tel outil, et vous indiquer l’URL et le port sur lequel vous pouvez vous connecter.

FileZilla

FileZilla est un client FTP Open Source léger.

7zip

7zip est un utilitaire d’archivage (compression/décompression) de fichiers sous Windows. Il permet de compresser sous les formats les plus utilisés : ZIP, GZIP, BZIP2 et TAR en plus de son propre type 7z. Il permet de décompresser les archives de type : RAR, CAB, ISO, ARJ, LZH, CHM, MSI, WIM, Z, CPIO, RPM, DEB et NSIS.

Procédure d’upload rapide

Dans la plupart des cas, j’utilise FileZilla pour uploader mes fichiers sur le serveur. Mais quand il s’agit d’envoyer tout un site, spécialement s’il est question d’un CMS qui peut contenir des milliers de fichiers, le upload peut être très lent (la vitesse de upload dépend du nombre de connexions que doit ouvrir le client FTP et non de la bande passante).

Pour cela, il est préférable de compresser le répertoire de votre site, le uploader, puis le décompresser sur votre serveur.

1. Compression : Certains hébergeur (comme le mien) ne supportent la commande unzip. Par contre, on peut utiliser le serveur pour décompresser les fichiers tar.gz. Faites attention au répertoire à compresser, pensez d’avance au répertoire de décompression.
   Utiliser 7zip. Compresser d’abord en TAR, puis recompresser le TAR en Gzip.
2. Upload : Utiliser FileZilla pour uploader l’archive .tar.gz dans le bon répertoire de votre serveur. Là où vous souhaitez qu’il soit décompressé.
3. Décompression : tar xvfz <archive>.tar.gz

Commandes fréquentes

Carte de référence UNIX/LINUX (en anglais)

Aide mémoire de l’Université Laval au Québec

• ls : lister les fichiers et dossiers d’un répertoire

  ls -l (affiche une liste avec plus d'infos)

• cd : changer de répertoire (.. est le répertoire parent). En général les fichiers du site sont présents dans /home/user/www
• mv : déplacer un dossier ou un fichier. Utilisé aussi pour renommer. Si le nom du dossier de destination existe, déplace la source, sinon, la renomme.

  mv -f source destination (pour forcer l'overwrite)

• rm : supprime un fichier ou un répertoire.

  rm -r dossier (récursive)

• vi : éditer un document avec VIM
  Carte de référence VIM
• chmod : changer les permissions d’accès aux fichiers et dossiers

  chmod -R 777 dossier (permettre l'écriture, la lecture et l'exécution d'un dossier récursivement. A utiliser pour les répertoire de uploads, de cache ou temporaires)

• chown : changer le propriétaire d’un fichier ou d’un répertoire

  chown -R nom:group répertoire (récursivement pour un répertoire)

  Voir la remarque sur les permissions serveur Web plus bas.

Remarques

Permissions serveur Web

Si votre site Internet possède des fonctionnalités de upload, et qu’il crée donc des fichiers sur votre serveur, ces fichiers auront pour propriétaire (owner) non pas votre utilisateur, mais nobody. En fait, ce n’est vous qui avez crée ces fichiers comme vous l’auriez fait en FTP ou en SSH, mais c’est le processus du serveur Web (Apache ou autre).

Ainsi, en vous connectant en SSH ou en FTP, si vous souhaitez modifier ou supprimer ces fichiers, vous risquez d’obtenir une erreur indiquant une opération non permise.

En essayant de faire un chown sur ces fichiers, nous obtiendrez encore une erreur :

chown: changing ownership of 'fichier': Opération non permise

Solutions possibles

1. Utiliser le serveur Web (donc votre site Internet) pour modifier les fichiers en questions. Vous pouvez écrire un programme, utiliser un CMS ou installer Quixplorer (un gestionnaire de fichiers en ligne).
2. Demander à votre hébergeur d’exécuter cette commande sur votre répertoire wwww, réinitialisant le propritaire de tous les dossiers et fichiers créés par le processus serveur Web.

   chown -R votre_user:votre_groupe /home/votre_user/www