Installation du plugin "User Agent Switchers"

La première chose à faire est d'installer le plugin "User Agent Switchers" qui va permettre à Firefox de se déguiser en IPhone. Une fois le plugin installé et le navigateur redémarré, un nouveau menu sous "Outils / Default User Agent" devrait apparaitre:

Il suffit de cliquer sur le bouton "IPhone 3.0" pour que Firefox se fasse passer pour un navigateur IPhone. Pou revenir à un comportement normal de votre navigateur, il suffira de cliquer sur le bouton "Default User Agent".

Tester son site/blog

Rien de plus simple, il suffit de se rendre sur l'URL de votre blog pour le voir s'afficher comme sur un iPhone. Par exemple Le Blog de Nicolargo (c'est juste un exemple, j'utilise le plugin Wordpress WPTouch donc l'affichage devrait être adapté...).

Les esprits chagrins vont me dire que cela n'est pas du tout représentatif car la résolution de l'Iphone est beaucoup plus faible que la résolution de notre écran, c'est vrai mais... il existe des sites (par exemple TestIphone) qui permettent d'effectuer le même test mais dans une frame simulant la taille d'un IPhone. Perso le test chez moi du site TestIphone n'est pas concluant car je suis redirigé vers la version plein écran de mon blog...

Pourquoi Google n'a pas fait comme d'habitude en proposant cette nouvelle fonction dans les Labs ? L'aspect intrusif de Buzz dans ma messagerie est pour moi insupportable. Je ne suis manifestement pas le seul et devant le tollé général, Google a fait machine arrière et devrait proposer dans les prochains jours (d'abord au US puis ensuite en France et dans le reste du monde) une option pour désactiver Buzz.

Mon système de micro-blogging restera Twitter et Identica, je continuerai cependant à utiliser Gmail pour ma messagerie personnelle, n'ayant rien trouvé de mieux (souplesse, rapidité, stabilité...)

Et vous , quel est sont vos réactions vis à vis de la mise en place de Buzz ?

On sauvegarde

On commence bien sûr par sauvegarder l’ensemble du blog (contenue ET base de donnée), on ne sait jamais…

On met à jour

J'utilise, depuis la version 2.7 de Wordpress, la procédure de mise à jour automatique, il suffit de se rendre dans le menu "Tools / Upgrade" et de cliquer sur le lien "Upgrade to Wordpress 2.9" et le tour est joué:

Comme tout les mois pas mal de mouvements au niveau des nouveaux blogs (voir le billet de sidney_v sur le sujet), cela prouve que la "scène" du libre bouge en France !

Le top 5 reste stable, à noter la chute de 3 places de ®om’s blog. Le blog d’Olivier FAURAX déboule directement dans le Top 20 à la 9em place !

Votre serviteur grignote une petite place pour se hisser à la 7em place (le chiffre du maillot de Cantona ).

On retrouve le prochain classement Wikio en 2010 !

Installation du système GNU/Linux

On commence par mettre à jour notre système:

sudo aptitude update
sudo aptitude safe-upgrade

Mise en place des règles de Firewall:

#!/bin/bash
########################
# Nicolargo - 28/10/2009
# Regle de Firewall
# Serveur hebergeant:
# - SSH
# - HTTP
########################

# Debut

# Chargement des modules externes pour le suivi des connexions FTP
modprobe ip_conntrack
modprobe ip_conntrack_ftp

# On commence par effacer toutes les regles
iptables -F
iptables -P INPUT ACCEPT
iptables -P OUTPUT ACCEPT
iptables -P FORWARD DROP

# On autorise les flux locaux
iptables -A INPUT  -i lo -j ACCEPT

# On autorise les flux des connexions etablies
iptables -A OUTPUT -m state --state RELATED,ESTABLISHED -j ACCEPT
iptables -A INPUT  -m state --state RELATED,ESTABLISHED -j ACCEPT

#--------------------------
# Autorise les flux entrant
#--------------------------

# SSH serveur
iptables -A INPUT  -p tcp --dport ssh -j ACCEPT

# Web serveur
iptables -A INPUT  -p tcp --dport http -j ACCEPT

#--------------------------
# Autorise les flux sortant
#--------------------------

iptables -A OUTPUT -p tcp --dport domain -j ACCEPT
iptables -A OUTPUT -p udp --dport domain -j ACCEPT
iptables -A OUTPUT -p udp --dport ntp -j ACCEPT
iptables -A OUTPUT -p tcp --dport http -j ACCEPT
iptables -A OUTPUT -p tcp --dport https -j ACCEPT

#--------------------------
# On drop-and-logue le reste
#--------------------------

# En cas d'attaque de type Syn-Flood
iptables -N syn-flood
iptables -A syn-flood -m limit --limit 10/second --limit-burst 15 -j RETURN
iptables -A syn-flood -j LOG --log-prefix "SYN flood: "
iptables -A syn-flood -j DROP

# UDP
iptables -A INPUT  -p udp -j LOG --log-prefix "IPTABLES UDP-IN: "
iptables -A INPUT  -p udp -j DROP
iptables -A OUTPUT -p udp -j LOG --log-prefix "IPTABLES UDP-OUT: "
iptables -A OUTPUT -p udp -j DROP

# TCP
iptables -A INPUT  -p tcp -j LOG --log-prefix "IPTABLES TCP-IN: "
iptables -A INPUT  -p tcp -j DROP
iptables -A OUTPUT -p tcp -j LOG --log-prefix "IPTABLES TCP-OUT: "
iptables -A OUTPUT -p tcp -j DROP

# Fin

Automatisation du lancement des règles au démarrage du serveur:

/etc/init.d/iptables.sh
chmod a+x /etc/init.d/iptables.sh
sudo update-rc.d iptables.sh defaults

Installation de LAMP

sudo install apache2 mysql-server php5 php5-mysql phpmyadmin

Configuration du serveur Apache

Test d'Apache en entrant l'adresse de votre serveur (http://@IPduserveur/) dans un navigateur Web: ''It works!"

On désactive se site par défaut avec les commandes suivantes:

sudo a2dissite default
/etc/init.d/apache2 reload

Nous allons maintenant configurer le serveur Apache pour gérer les adresses virtuelles. Il faut dans un premier temps déclarer dans votre DNS une nouvelle entrée qui fait pointer le nom de domaine vers l'adresse IP du serveur (blog.mondomaine.com A @IPduserveur).

Pour tester votre DNS (attention la mise à jour peut prendre un certain temps):

ping blog.mondomaine.com
PING blog.mondomaine.com () 56(84) bytes of data.
64 bytes from blog.mondomaine.com (@IPduserveur): icmp_seq=1 ttl=47 time=111 ms
64 bytes from blog.mondomaine.com (@IPduserveur): icmp_seq=2 ttl=47 time=110 ms
64 bytes from blog.mondomaine.com (@IPduserveur): icmp_seq=3 ttl=47 time=110 ms
...

On configure ensuite le serveur Apache pour cette adresse:

# cd /etc/apache2/sites-available
# sudo vi virtualhosts

NameVirtualHost @IPduserveur
<VirtualHost @IPduserveur>
        ServerName      @IPduserveur
        DocumentRoot    /var/www/default
</VirtualHost>
<VirtualHost blog.mondomaine.com>
        ServerName      blog.mondomaine.com
        DocumentRoot    /var/www/blog
</VirtualHost&>

On créer ensuite les arborescences correspondantes:

cd /var/www
sudo mkdir default
sudo mkdir blog
sudo chown -R www-data:www-data *

Puis on active le site:

sudo a2ensite virtualhosts
sudo /etc/init.d/apache2 reload

Configuration de MySQL

On accède au logiciel phpMyAdmin qui va nous permettre de configurer une base de donnée pour notre blog Wordpress. Pour cela, il faut saisir l'URL suivante dans votre navigateur: http://blog.mondomaine.com/phpmyadmin/

Puis ensuite saisir le nom de la base de donnée (par exemple blog) et enfin cliquer sur Créer:

PS: il est possible (et conseillé) de créer un utilisateur dédié pour pour accéder à cette base de donnée. Le plus simple est de créer un utilisateur (avec comme nom "blog") puis de demander la création de la base de donnée correspondante. Les droits seront ainsi fixés automatiquement.

Installation de Wordpress

La dernière version de Wordpress 2.9 arrivera dans les bacs dans les prochains jours. Nous allons donc utiliser la version stable actuelle (Wordpress 2.8.6) pour illustrer ce billet.

On commence par télécharger les sources:

wget http://wordpress.org/latest.zip

Puis on décompresse l'archive:

unzip latest.zip

Il faut ensuite déplacer le répertoire wordpress dans la bonne arborescence de votre serveur. Ainsi, si vous souhaitez accéder à votre blog par l'adresse http://blog.mondomaine.com/, il faut copier le contenu du répertoire de la manière suivante (on prendre cette hyp:

sudo cp -r ./wordpress/* /var/www

Par contre si vous souhaitez que votre blog soit accessible par l'adresse  http://blog.mondomaine.com/blog/, il faut saisir la commande:

sudo mv wordpress /var/www/blog

Il faut ensuite éditer le fichier wp-config.php:

cd /var/www
cp wp-config-sample.php wp-config.php
sudo chmod a+r wp-config.php
vi wp-config.php

Puis éditer le fichier selon votre configuration:

define('DB_NAME', 'blog');
define('DB_USER', 'blog');
define('DB_PASSWORD', 'monmotdepasse');
define('DB_HOST', 'localhost');
define('DB_CHARSET', 'utf8');
define('DB_COLLATE', '');

Enfin on finalise l'installation en allant à l'URL: http://blog.mondomaine.com/wp-admin/install.php

Pour résumer

Votre blog est maintenant accessible par l'adresse http://blog.mondomaine.com/

L'interface d'administration se trouve à l'adresse: http://blog.mondomaine.com/wp-admin/

Bon blog !

Le plugin en question s'appelle Degradable HTML5 audio and video, il permet l'insertion de vidéo au format .OGG (code Theora/Vorbis) et/ou .M4V (H.264/MP3) à l'aide d'un simple tag dans l'éditeur wordpress. En effet, il utilisera les méthodes d'insertions suivantes:

• Tags HTML5
• si le navigateur web n'est pas compatible HTML 5 alors utilisation d'un player Flash
• si le navigateur web n'est pas compatible Flash alors utilisation d'un lien pour télécharger la vidéo

Pour conserver une compatibilité maximale avec l'ensemble des navigateurs Web, il est conseillé de convertir votre vidéo dans ces deux formats.

Imaginons que la vidéo source soit un screencast au format MPEG/DivX. La première chose à faire et de convertir la vidéo (test.mpeg), soit en utilisant un logiciel comme Handbrake (disponible sur Windows, Mac OS X et GNU/linux) ou de faire à l'ancienne, en ligne de commande (sous GNU/Linux):

ffmpeg2theora test.mpeg -o test.ogg
ffmpeg -i test.mpeg -vcodec mpeg4 -acodec mp3 -f mp4 test.m4v

Il faut ensuite uploader les deux fichiers test.ogg et test.mp4 dans votre billet Wordpress (ne pas les insérer dans votre billet). Puis récupérer l'URL (sans l'extension du fichier):

Il ne reste plus qu'a appeler le plugin Degradable HTML5 audio and video en insérant la commande suivante dans votre billet:

[ video src="http://blog.nicolargo.com/wp-content/uploads/2009/10/test" width="480" height="354" options="autobuffer controls" id="video01" ]

PS: si vous voulez que votre vidéo soit visible sur un iPhone, ne pas dépasser la résolution de 480 pixels (width).

Et voila le résultat: