La manière la plus simple est de télécharger les dossiers et de faire des dump des différentes bases SQL, puis de stocker le tout quelque part sur une machine ou un disque externe. Cette solution peut pourtant s’avérer assez longue et fastidieuse à mettre en oeuvre lorsque le nombre de sites à gérer est conséquent.

Voici une méthode permettant d’automatiser un peu tout cela à l’aide d’un script bash. Le but est d’afficher une liste de dossiers, correspondants aux différents sites hébergés sur le serveur, puis suite à un choix, de créer automatiquement des archives compressées et datées, stockées dans un même dossier de sauvegarde. Ces archives compressées pourront en suite être téléchargées de manière beaucoup plus rapide que si votre client FTP devait télécharger l’ensemble des fichiers non-compressés d’un dossier.

Let’s go

Ouvrez votre éditeur de texte favori et entrez le code suivant :

#!/bin/bash

# Définit le dossier de sauvegarde
BACKUP_DIR=/home/backups

Nous avons simplement déclaré le langage du script, puis défini le dossier du serveur qui va recevoir les sauvegardes. Faites bien attention de créer ce dossier sur votre serveur à un niveau inaccessible par internet (surtout pas dans www/)

Sauvegarde de la base de données

Ajoutons ensuite une fonction qui va créer un dump d’une base de donnée, compresser ce dump, ajouter la date à la fin du nom de ficher et déplacer le tout dans notre dossier de sauvegarde.

# Sauvegarde la base de données, ajoute la date et déplace l'archive dans le dossier de sauvegardes
backupDB (){
    echo -e "\nDémarrage de la sauvegarde de la base de données de ${SITE}"
    mysqldump --user=${DB_USER} --password=${DB_PASS} --host=${DB_HOST} ${DB_NAME} \
    | bzip2 -c > ${BACKUP_DIR}/${SITE}_sql_$(date +%d%m%y).sql.bz2

    if [ "$?" -ne "0" ]; then
	    echo -e "\nErreur lors du dump SQL de ${SITE} !"
	    exit 1
    fi
    echo -e "-> Sauvegarde de la base de données de ${SITE} réussie !"
}

Sauvegarde des fichiers

La fonction suivante va créer une archive compressée des fichiers, ajouter la date à la fin du nom de l’archive et déplacer celle-ci dans le dossier de sauvegarde. Enfin, le script demandera si l’on souhaite quitter ou effectuer une autre sauvegarde.

# Sauvegarde les fichiers, ajoute la date et déplace l'archive dans le dossier de sauvegardes
backupFiles (){
     echo -e "\nDémarrage de la sauvegarde des fichiers de ${SITE}"
    tar czf ${BACKUP_DIR}/${SITE}_www_$(date +%d%m%y).tar.gz ${SITE_DIR}

    if [ "$?" -ne "0" ]; then
	    echo -e "\nErreur lors de la sauvegarde des fichiers de ${SITE} !"
    	exit 1
    fi
    echo -e "-> Sauvegarde des fichiers de ${SITE} réussie !"

    echo -e "\nSouhaitez-vous effectuer une autre sauvegarde ?"
    select RESTART in "oui" "non" ; do
        if [ -z "${RESTART}" ]; then
            echo -e "Entrez un des chiffres proposés."
        else

            # oui
            if [ "${RESTART}" = "oui" ]; then
                    backupInit
            fi

            # non
            if [ "${RESTART}" = "non" ]; then
                    reset
                    exit
            fi

            break

        fi
        echo
    done

}

Définition des sites

Dans cette partie du script nous allons créer la liste des dossiers qui pourront être sauvegardés, entrer les différentes données de connexion et gérer l’exécution des sauvegardes.

# Affiche la liste des dossiers
backupInit (){
    reset
    printf "¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤\n"
    printf "¤    Mon backup automatique    ¤\n"
    printf "¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤\n"
    printf "\nQuel dossier souhaitez-vous sauvegarder ?\n"
    select SITE in "site_client_1" "site_client_2" "dossier_test" "mon_forum" "quitter" ; do
    if [ -z "${SITE}" ]; then
        printf " Entrez un des chiffres proposés."
    else

        # Site client 1 (dossier seul, sans base de données)
        if [ "${SITE}" = "site_client_1" ]; then
            SITE_DIR=/home/www/${SITE}
            backupFiles
        fi

	# Site client 2 (dossier + base de données)
        if [ "${SITE}" = "site_client_2" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=baseclient2
            DB_USER=client2
            DB_PASS=D3gfS345kH
            DB_HOST=localhost
            backupDB
            backupFiles
        fi

        # Dossier Test (dossier + base de données)
        if [ "${SITE}" = "dossier_test" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=basetest
            DB_USER=basetestlogin
            DB_PASS=x23fHj0xk
            DB_HOST=localhost
            backupDB
            backupFiles
        fi

        # Mon_forum (dossier + base de données)
        if [ "${SITE}" = "mon_forum" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=phpbb3base
            DB_USER=monphpbb
            DB_PASS=sD56j3vV
            DB_HOST=mysql5-12
            backupDB
            backupFiles
        fi

        # Quitter
        if [ "${SITE}" = "quitter" ]; then
            reset
            exit
        fi

        break

    fi
    echo
    done
}

Le script est relativement explicite, les informations de connexion aux bases de donnée sont à entrer sur les lignes :

• DB_NAME
• DB_USER
• DB_PASS
• DB_HOST

Vous pouvez créer autant d’entrées que vous voulez, selon le nombre de dossiers que vous souhaitez gérer.

Dans l’exemple, il y a des cas avec base de données et des cas sans.

Initialisation

Enfin, sur la dernière ligne nous lançons l’exécution du script

# Initialise le script
backupInit

Voilà, sauvegardez le script dans un fichier (par exemple mon_backup.sh), chargez le sur le dossier racine de votre serveur (par exemple /home/), puis connectez-vous par ssh et exécutez le script à l’aide de ./mon_backup.sh

Faites bien attention à accorder des droits d’exécution au fichier (chmod 700)

Une fois une sauvegarde effectuée, allez dans le dossier backups/ (ou équivalent, selon ce que vous avez spécifié dans le script) et vous devriez voir le ou les fichiers de sauvegarde, par exemple :

monsite_www_230510.tar.gz
monsite_sql_230510.sql.bz2

Attention : Pour des raisons évidentes de sécurité, ne placez jamais ce fichier dans le dossier www/ (ou supérieur) de votre serveur. Je conseille même fortement de l’effacer complètement suite à chaque utilisation, et de le renvoyer sur le serveur uniquement lorsque vous faites des sauvegardes.

Le code complet

#!/bin/bash

# Définit le dossier de sauvegarde
BACKUP_DIR=/home/backups

# Sauvegarde la base de données, ajoute la date et déplace l'archive dans le dossier de sauvegardes
backupDB (){
    echo -e "\nDémarrage de la sauvegarde de la base de données de ${SITE}"
    mysqldump --user=${DB_USER} --password=${DB_PASS} --host=${DB_HOST} ${DB_NAME} \
    | bzip2 -c > ${BACKUP_DIR}/${SITE}_sql_$(date +%d%m%y).sql.bz2

    if [ "$?" -ne "0" ]; then
	    echo -e "\nErreur lors du dump SQL de ${SITE} !"
	    exit 1
    fi
    echo -e "-> Sauvegarde de la base de données de ${SITE} réussie !"
}

# Sauvegarde les fichiers, ajoute la date et déplace l'archive dans le dossier de sauvegardes
backupFiles (){
     echo -e "\nDémarrage de la sauvegarde des fichiers de ${SITE}"
    tar czf ${BACKUP_DIR}/${SITE}_www_$(date +%d%m%y).tar.gz ${SITE_DIR}

    if [ "$?" -ne "0" ]; then
	    echo -e "\nErreur lors de la sauvegarde des fichiers de ${SITE} !"
    	exit 1
    fi
    echo -e "-> Sauvegarde des fichiers de ${SITE} réussie !"

    echo -e "\nSouhaitez-vous effectuer une autre sauvegarde ?"
    select RESTART in "oui" "non" ; do
        if [ -z "${RESTART}" ]; then
            echo -e "Entrez un des chiffres proposés."
        else

            # oui
            if [ "${RESTART}" = "oui" ]; then
                    backupInit
            fi

            # non
            if [ "${RESTART}" = "non" ]; then
                    reset
                    exit
            fi

            break

        fi
        echo
    done

}

# Affiche la liste des dossiers
backupInit (){
    reset
    printf "¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤\n"
    printf "¤    Mon backup automatique    ¤\n"
    printf "¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤¤\n"
    printf "\nQuel dossier souhaitez-vous sauvegarder ?\n"
    select SITE in "site_client_1" "site_client_2" "dossier_test" "mon_forum" "quitter" ; do
    if [ -z "${SITE}" ]; then
        printf " Entrez un des chiffres proposés."
    else

        # Site client 1 (dossier seul, sans base de données)
        if [ "${SITE}" = "site_client_1" ]; then
            SITE_DIR=/home/www/${SITE}
            backupFiles
        fi

	# Site client 2 (dossier + base de données)
        if [ "${SITE}" = "site_client_2" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=baseclient2
            DB_USER=client2
            DB_PASS=D3gfS345kH
            DB_HOST=localhost
            backupDB
            backupFiles
        fi

        # Dossier Test (dossier + base de données)
        if [ "${SITE}" = "dossier_test" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=basetest
            DB_USER=basetestlogin
            DB_PASS=x23fHj0xk
            DB_HOST=localhost
            backupDB
            backupFiles
        fi

        # Mon_forum (dossier + base de données)
        if [ "${SITE}" = "mon_forum" ]; then
            SITE_DIR=/home/www/${SITE}
            DB_NAME=phpbb3base
            DB_USER=monphpbb
            DB_PASS=sD56j3vV
            DB_HOST=mysql5-12
            backupDB
            backupFiles
        fi

        # Quitter
        if [ "${SITE}" = "quitter" ]; then
            reset
            exit
        fi

        break

    fi
    echo
    done
}

# Initialise le script
backupInit

Télécharger le script : mon_backup.sh

J’espère que ce petit script pourra vous être utile, si vous avez des remarques ou des suggestions n’hésitez pas à les laisser en commentaire de cet article.

Pour cet exemple, j’utilise Ubuntu 10.04 Lucid Lynx, version 32bits en anglais, Flash Player 10 Linux Debug,  Firefox 3.6.3, Firebug 1.5.3 et Flashbug 1.6.3

Voici la procédure, étape par étape, de la manière la plus détaillée possible.

1. Télécharger le Flash Player version Debug

Détail de la page de téléchargement du Flash Player version debug

Dans un premier temps, nous allons installer la version debug du Flash Player pour Linux, disponible sur cette page à la rubrique : Linux Debugger and Standalone Players for Flash Developers
Téléchargez l’archive et sauvegardez-là où vous voulez.

2. Installer le Flash Player version Debug

Structure de l'archive flash_player_10_linux_dev.tar.gz

Décompressez l’archive flash_player_10_linux_dev.tar.gz, dans le dossier se trouvent maintenant deux sous-dossiers nommés plugin/ et standalone/. Nous allons seulement installer le plugin pour Firefox, on va donc laisser de côté le dossier standalone/.
Entrez dans le dossier plugin/ puis dans debugger/, là se trouve une archive nommée install_flash_player_10_linux.tar.gz, décompressez-là et entrez dans le nouveau dossier crée.
Double-cliquez sur le fichier flashplayer-installer, si on vous le demande, cliquez sur Run in Terminal

Script d'installation du Flash Player version debug

Une fenêtre de terminal s’ouvre avec le script d’installation. Appuyez sur la touche Entrée pour continuer.
Si vous avez un navigateur ouvert, fermez-le et appuyez sur Entrée
Maintenant le script vous informe du dossier dans lequel il va installer le plugin, tapez y puis Entrée
Une fois l’installation terminée, tapez n et Entrée pour fermer la fenêtre du terminal.
Vous pouvez supprimer le fichier xpti.dat comme le suggère le message en fin d’installation

3. Installer l’extension Firebug pour Firefox

Page de téléchargement de l'extension Firebug pour Firefox

Allez sur la page officielle de Firebug et cliquez sur Ajouter à Firefox
Une fois installée, redémarrez Firefox.

4. Installer l’extension Flashbug pour Firefox

Page de téléchargement de l'extension Flashbug pour Firefox

Allez sur la page officielle de Flashbug et cliquez sur Ajouter à Firefox
Une fois l’extension installée, redémarrez Firefox

5. Configurer les paramètres d’accès des sites web à Flash

Message d'avertissement du Flash Player

Maintenant que l’extension Flashbug est installée, un popup avec un message de sécurité Adobe apparaitra si vous vous rendez sur une page qui comporte un contenu Flash. Cliquez sur Settings, cela va ouvrir une nouvelle fenêtre avec la page Panneau Paramètres globaux de sécurité.

Page d'aide de Flash Player sur le site d'Adobe

Dans le panneau, cliquez sur le déroulant Edit locations… et sélectionnez Add location…

Dans le petit popup qui s’ouvre vous verrez une indication vous informant du dossier de l’application qui a essayé de communiquer avec Internet. Vous reconnaitrez facilement qu’il s’agit du dossier de l’extension Flashbug que nous venons d’installer.

Page d'aide de Flash Player sur le site d'Adobe

Cliquez sur Browse for folder… et naviguez jusqu’au dossier en question et cliquez sur Ok. Chez moi il s’agit du dossier :

/home/mike/.mozilla/firefox/zgl523oq.default/extensions/flashbug@coursevector.com/chrome

Ensuite apparait dans la liste une ligne avec le chemin vers le dossier, précédé d’une coche verte.

Vous pouvez maintenant fermer la fenêtre.

6. Tester le debug Flash

Pour tester le bon fonctionnement de Flashbug nous allons maintenant créer une animation Flash basique.

Ouvrez Flash, et sur la première frame ajoutez simplement l’action

trace("Salut la planète!");

Création d'une animation test sur Flash

Sauvegardez votre .swf et exportez-le avec son conteneur .html
Envoyer les fichiers sur votre serveur et ouvrez la page avec votre navigateur

Test de la transmission de données trace() de l'animation flash vers Flashbug

Appuyez sur la touche F12 pour ouvrir le panneau de Firebug, puis cliquez sur l’onglet Flash Console. Vous devriez voir le message Salut la planète! (Si ce n’est pas le cas, vérifiez que Flash Console est bien activé (cliquez sur le petit triangle à côté de Console et cochez Enabled) puis rechargez la page.

Conclusion

Voilà une méthode simple et rapide à mettre en place pour faire du debug Flash. C’est une possibilité parmi d’autres, qui couvrira surement vos besoins basiques de débogage Flash. Pour les développements plus poussés on préfèrera surement des IDE dédiés comme Eclipse, FDT ou FlashDevelop par exemple (cependant FDT et FD ne fonctionnent pas sur Linux à ma connaissance)

Note : La méthode citée dans ce tutoriel ne fonctionne pas sur des systèmes Linux 64 bits, car Adobe ne propose pas de Flash Player version debug en 64bits.

Méthode alternative

Il existe d’autres extensions capables de faire le même genre de chose, comme par exemple Flash Tracer, mais cette dernière n’est pas compatible avec Firefox 3.6 à l’heure où j’écris ces lignes.

Il est également possible de dialoguer directement avec Firebug, sans passer par l’extension Flashbug, à l’aide de la classe Externalinterface, la méthode est expliquée ici.

Dans ce premier exemple nous allons créer le widget le plus rudimentaire qui soit, le Hello World!

Nous verrons dans un prochain article comment créer un widget avec des options configurables, au travers d’un exemple concret.

Bonjour tout le monde !

Ouvrez votre éditeur de code favori (le mien c’est Geany) et entrez le code suivant :

<?php
/*
    Plugin Name: Hello World
    Plugin URI: http://www.monsite.com/
    Description: Le plus simple des widgets WordPress
    Author: John Doe
    Version: 0.1
    Author URI: http://www.monsite.com/
*/

// Les actions de mon Plugin
function helloWorld(){
    echo '<h2>Salut la planète !</h2>';
}

// Définition du widget
function widget_helloWorld() {
    echo '<h2>Mon premier widget</h2>';
    helloWorld();
}

// Initialisation du widget
function helloWorld_init(){
    register_sidebar_widget(__('Hello World'), 'widget_helloWorld');
}

// Crochet Wordress, initialise le widget lorsque le plugin est chargé
add_action('plugins_loaded','helloWorld_init');

?>

Maintenant sauvegardez ce code dans un fichier, par exemple wp-helloworld.php, placez-le dans un dossier du même nom, dans le répertoire wp-content/plugins de votre site :

Puis activez-le plugin via l’interface de gestion des extensions :

Si vous allez dans la section Apparence > Widgets, vous devriez maintenant voir votre widget, glissez le dans la colonne latérale :

Voilà! Sur votre site dans la barre latérale se trouve à présent votre widget, affichant simplement le titre « Mon premier Widget » et en dessous le texte « Salut la planête!« .

Téléchargez le plugin : wp-helloworld.zip

Las Cazuelas de la Abuela de Natalia Bolaños Treviño

Projet individuel cinématographie II, ECIB 2009 « Las Cazuelas de la Abuela« . HDV. 4:15. Lumière naturelle, prise de son directe, 1 journée de tournage.

Direction : Natalia Bolaños Treviño. Caméra : Fayssal Sanhaji – Jakob Schottstädt. Son : Caroline Vick Baker. Asistant : Michael Wassmer. Montage : Natalia Bolaños Treviño – Michael Wassmer. Actrices : Pilar Roca et Carla Ruiz

Aujourd’hui j’ai pris le temps de traduire ce plugin en français.

Vous pouvrez télécharger la traduction ici : shockingly-big-ie6-warning-fr_FR.mo

Note : La traduction est basée sur la version 1.6.3 du plugin.

Vous pouvez le lire ici (anglais) : Creating a multilingual product catalog with WordPress and WPML