Aujourd'hui c'est un tutoriel pour installer Red5, un équivalent de Flash Media Server de Adobe. J'utilise red5 dans le cadre d'un projet de publication de vidéo et audio en streaming.

J'utilisais jusqu'à aujourd'hui la version 0.9.1 disponible sur les dépôts Debian, mais je rencontrait quelques soucis donc j'ai préféré passer la dernière version 1.0 RC.

J'en ai profité pour écrire un petit tutoriel vous permettant d'effectuer cette installation. Je partagerais probablement quelques codes flash pour publier des flux vidéo (webcam) en utilisant red5 un jour !

Installer Red5 sur Debian Squeeze

Vous souhaitez créer des onglets personnalisés dans votre application Android ? Je viens de créer un tutoriel permettant de modifier l'aspect par défaut des onglets afin de créer des onglets plus esthétiques et moins importants en taille.

Le tutoriel est assez simple et consiste à créer une vue à partir d'un fichier xml pour chaque onglet. Dans mon exemple j'ai simplement ajouté du texte dans cette vue, mais vous pouvez évidemment ajouter "ce que vous souhaitez" mais si c'est pour mettre un texte et une image autant ne pas vous embêter et utiliser le layout de base d'Android.

Vous pouvez télécharger les sources du tutoriel à la fin, n'hésitez pas à montrer le résultat de vos modifications et pourquoi les différents fichiers XML afin de donner des exemples pour les autres visiteurs.

Créer des onglets personnalisés sur Android

Pour ma prochaine application Android, j'ai souhaité retrouver l'adresse correspondant aux coordonnées du téléphone en php. La plupart des cas, quand on parle de cartographie il suffit de faire un tour dans les documentations du géant du web : Google.

Voici une petite fonction permettant de récupérer l'adresse correspondant à des coordonnées GPS:

function getAdresseFromCoords($lat, $lng)
{
	$content = file_get_contents('http://maps.googleapis.com/maps/api/geocode/json?latlng='.$lat.','.$lng.'&sensor=false');
 
	if(!$content)
		return false;
 
	$json = json_decode($content, true);
 
	if(!$json || $json['status'] != 'OK')
		return false;
 
	if(!isset($json['results'][0]['formatted_address']) && empty($json['results'][0]['formatted_address']))
		return false;
 
	return $json['results'][0]['formatted_address'];
}

Rien de bien compliqué, on appelle l'api google en lui envoyant nos coordonnées. Ca nous retourne un flux json avec nos informations si elles existent.

Voici un petit exemple d'utilisation :

// République, 35000 Rennes, France
if($adresse = getAdresseFromCoords('48.10968399999999', '-1.679257600000028'))
	echo $adresse;

Et voilà c'est tout simple ! N'hésitez pas à aller consulter la documentation de l'API Geocoding de Google si vous avez des interrogations !

Les listview sur Android sont par défaut assez tristes. Voici un exemple vous permettant d'alterner les couleurs dans votre vue, en utilisant un adapter. Dans l'exemple j'utilise un SimpleAdapter mais vous pouvez évidement reproduire l'effet sur les BaseAdapter, ArrayAdapter et les autres

Voici le résultat

La mise en place est assez simple, vous pouvez télécharger les sources à la fin du billet si jamais vous voulez plus de détail.

Créer une nouvelle classe ListViewAdapter avec le code suivant :

import java.util.HashMap;
import java.util.List;
 
import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.SimpleAdapter;
 
public class ListViewAdapter extends SimpleAdapter {
	private int color1 = 0xaaFF5F5F;
	private int color2 = 0xaa2F67FF;
 
	public ListViewAdapter(Context context, List<HashMap<String, String>> items, int resource, String[] from, int[] to) {
		super(context, items, resource, from, to);
	}
 
	@Override
	public View getView(int position, View convertView, ViewGroup parent) {
	  View view = super.getView(position, convertView, parent);
 
	  if(position % 2 == 0)
		  view.setBackgroundColor(color1);
	  else
		  view.setBackgroundColor(color2);
 
	  return view;
	}
}

Pour l'exemple j'ai mis les couleurs dans le code java, l'idéal étant de les mettrent dans un fichier colors.xml du dossier values pour par exemple changer la couleur en fonction d'un thème.

Il vous suffit ensuite de lier cette adapter à votre ListView en ajout la ligne suivante dans votre Activity :

// A ajouter dans l'Activity
list.setAdapter(new ListViewAdapter(this, listContent, R.layout.item, from, to));

Vous pouvez télécharger l'exemple complet à cette adresse et n'hésitez pas en cas de questions !

Fail2ban est un excellent framework permettant d'éviter ou du moins limiter les intrusions sur votre serveur. Voici la procédure pour ajouter le serveur ftp PureFTP dans les règles fail2ban. En ajoutant cette règle votre adresse ip peut se retrouver filtré à partir de trois echecs de connexion pendant 10 minutes (par défaut), faites donc attention à vos test !

Ajoutez au fichier /etc/fail2ban/jail.conf dans la section FTP servers de préférence le contenu suivant :

[pure-ftpd]
enabled = true
port = ftp,ftp-data,ftps,ftps-data
filter = pure-ftpd
logpath = /var/log/messages
maxretry = 3

Cette section vas permettre à fail2ban de filtrer (interdire) les ports 21, 20, 990 et 989 en cas de détection d'echec de login dans le fichier /var/log/messages (logs par défaut de PureFtpd)

Le fichier /etc/fail2ban/filter.d/pure-ftpd.conf est normalement crée par défaut sur votre machine, vérifiez son contenu. Il doit ressembler à celà :

# Fail2Ban configuration file
#
# Author: Cyril Jaquier
# Modified: Yaroslav Halchenko for pure-ftpd
#
# $Revision: 3$
#
 
[Definition]
 
# Error message specified in multiple languages
__errmsg = (?:Authentication failed for user|Erreur d'authentification pour l'utilisateur)
 
#
# Option: failregex
# Notes.: regex to match the password failures messages in the logfile. The
#         host must be matched by a group named "host". The tag "<HOST>" can
#         be used for standard IP/hostname matching and is only an alias for
#         (?:::f{4,6}:)?(?P<host>[\w\-.^_]+)
# Values: TEXT
#
failregex = pure-ftpd(?:\[\d+\])?: \(.+?@<HOST>\) \[WARNING\] %(__errmsg)s \[.+\]\s*$
 
# Option:  ignoreregex
# Notes.:  regex to ignore. If this regex matches, the line is ignored.
# Values:  TEXT
#
ignoreregex =

Il s'agit de regex permettant de récupérer l'adresse IP d'un echec de connexion à votre serveur ftp.

Pour tester si votre regex est correcte, vous pouvez exécuter la commande suivante après avoir de préférence effectué une mauvaise connexion à votre serveur ftp.

# Test de la regex
fail2ban-regex /var/log/messages /etc/fail2ban/filter.d/pure-ftpd.conf

Vous devriez retrouver votre adresse IP dans "Addresses found".

Il faut ensuite re-démarrer le service fail2ban :

# On rédémarre
/etc/init.d/fail2ban restart

Pour vérifier si le filtre à bien été pris en compte, vous pouvez utiliser la commande suivante :

# Test
cat /var/log/fail2ban.log |grep pure-ftpd

Et vous devriez avoir le résultat suivant :

2012-03-27 10:23:10,041 fail2ban.jail   : INFO   Creating new jail 'pure-ftpd'
2012-03-27 10:23:10,041 fail2ban.jail   : INFO   Jail 'pure-ftpd' uses poller
2012-03-27 10:23:10,051 fail2ban.jail   : INFO   Jail 'pure-ftpd' started

Et voilà votre serveur ftp est maintenant géré par fail2ban !

J'ai récement mis en place un widget dans l'application Bonjour Android et j'ai été étonné de voir qu'il y avait peu de tutoriel complet pour créer cette fonctionnalité.

J'ai donc décidé de partager mon expérience afin de vous permettre de créer un widget de A à Z. Je n'explique les étapes de base du développement Android donc je vous conseille très forcement d'avoir installé tout le tralala (Eclipse, Avd...) et de connaitre le langage Java.

Plusieurs notions d'Android sont utilisés, libre à vous de consulter la documentation officielle qui est vraiment très bien détaillé pour avoir plus de détails. Vous avez peut-être remarqué que le widget n'est pas des plus jolis, je n'ai pas travaillé ce point mais si vous souhaitez me partager vos xml je modifirais le tutoriel avec plaisirs.

Il n'y a pas de système de commentaires à la suite de tutoriel, mais n'hésitez pas à poster sur ce billet en cas de question, remarque et pourquoi pas pour présenter votre application !

Voilà j'espère avoir tout dit, manque juste le lien pour consulter et en bas de page télécharger les sources...

Créer un widget sur Android

Si vous développez des animations flash il peut arriver que vous souhaitiez avoir la possibilité de récupérer quelques informations de débug. En utilisant firefox et son excellente extension Firebug vous pouvez envoyer depuis flash les informations que vous souhaitez dans votre console !

Petit rappel ou nouveauté si vous ne connaissez pas encore firebug, vous pouvez utiliser les fonctions suivantes (en javascript, ou avec Firephp) :

// Simple log
console.log("Mon message");
// Un message de debug
console.debug("Mon message");
// Une information
console.info("Mon message");
// Un warning
console.warn("Mon message");
// Une erreur
console.error("Mon message");

Vous pouvez appeler ces fonctions en utilisant la classe ExternalInterface de flash. Voici une simple fonction permettant de débuger vos animations flash :

function log(str, type)
{
	if(type == undefined)
		type = "info";
 
	trace(str);
 
	var myDate:Date = new Date();
 
	// Le principal
	ExternalInterface.call("console."+type, myDate.toString()+" - "+str);
}

N'oubliez pas d'importer la classe ExternalInterface :

// A ajouter en haut de votre code
import flash.external.ExternalInterface;

Et pour l'utiliser rien de plus simple :

// Un simple message
log("Hello world !");
 
// Un warning
log("Erreur critique !", "warn");

Et voici le rendu :

N'hésitez pas si vous avez des remarques particulières et bon développement !

Pour mon application Bonjour Android j'ai mis en place une nouvelle fonctionnalité permettant de commenter les images. Après avoir mis en place la liste des commentaires, je me suis dit qu'il manquait quelque chose : la gestion des smileys (ou smilies si vous préférez !)

Il n'existe pas nativement de classe permettant de gérer les smilies sur Android mais on peut en trouver en utilisant votre moteur de recherche préféré !

Je suis donc tombé sur ce projet qui offre une classe ainsi que les images nécessaire pour la mise en place du système de conversion des smiley.

Commencez par télécharger l'archive du projet en cliquant sur zip en haut de la page.

Ensuite copiez les images des dossiers "res/drawable-hdpi" et "res/drawable-mdpi" dans les dossiers respectifs de votre projet. Créez un fichier (si ce n'est pas déjà fait) dans votre répertoire values nommé arrays.xml et contenant le code suivant :

<?xml version="1.0" encoding="utf-8"?>
<!--
* Copyright (C) 2008 Esmertec AG.
* Copyright (C) 2008 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
-->
<resources>
    <!-- NOTE: if you change anything about this array, you must make the corresponding change
to the array DEFAULT_SMILEY_RES_IDS in MessageListItem.java and to default_smiley_names
below. -->
    <string-array name="default_smiley_texts">
      <item>:-)</item> <!-- 0: Happy -->
      <item>:-(</item> <!-- 1: Sad -->
      <item>;-)</item> <!-- 2: Winking -->
      <item>:-P</item> <!-- 3: Tongue sticking out -->
      <item>=-O</item> <!-- 4: Surprised -->
      <item>:-*</item> <!-- 5: Kissing -->
      <item>:O</item> <!-- 6: Yelling -->
      <item>B-)</item> <!-- 7: Cool -->
      <item>:-$</item> <!-- 8: Money mouth -->
      <item>:-!</item> <!-- 9: Foot in mouth -->
      <item>:-[</item> <!-- 10: Embarrassed -->
      <item>O:-)</item> <!-- 11: Angel -->
      <item>:-\\</item> <!-- 12: Undecided -->
      <item>:\'(</item> <!-- 13: Crying -->
      <item>:-X</item> <!-- 14: Lips are sealed -->
      <item>:-D</item> <!-- 15: Laughing -->
      <item>o_O</item> <!-- 16: Confused -->
    </string-array>
 
    <!-- NOTE: if you change anything about this array, you must make the corresponding change
to the array DEFAULT_SMILEY_RES_IDS in MessageListItem.java and to default_smiley_texts
above. -->
    <string-array name="default_smiley_names">
        <item>Happy</item> <!-- 0: :-) -->
        <item>Sad</item> <!-- 1: :-( -->
        <item>Winking</item> <!-- 2: ;-) -->
        <item>Tongue sticking out</item> <!-- 3: :-P -->
        <item>Surprised</item> <!-- 4: =-O -->
        <item>Kissing</item> <!-- 5: :-* -->
        <item>Yelling</item> <!-- 6: :O -->
        <item>Cool</item> <!-- 7: B-) -->
        <item>Money mouth</item> <!-- 8: :-$ -->
        <item>Foot in mouth</item> <!-- 9: :-! -->
        <item>Embarrassed</item> <!-- 10: :-[ -->
        <item>Angel</item> <!-- 11: O:-) -->
        <item>Undecided</item> <!-- 12: :-\\ -->
        <item>Crying</item> <!-- 13: :\'( -->
        <item>Lips are sealed</item> <!-- 14: :-X -->
        <item>Laughing</item> <!-- 15: :-D -->
        <item>Confused</item> <!-- 16: o_O -->
    </string-array>
</resources>

Vous pouvez modifier dans la première partie les codes correspondant aux smileys, mais je vous conseille de ne pas y toucher car c'est les correspondances par défaut d'android.

Copiez ensuite la classe SmileyParser du répertoire "src/com/episode6/android/smiley" dans votre projet.

Ils vous suffit ensuite d'instancier la classe et d'utiliser la méthode de conversion. Voici un exemple avec un ArrayAdapter.

// On importe les classes nécessaires
import net.monprojet.SmileyParser;
 
import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.TextView;
 
public class CommentaireAdapt ArrayAdapter<Commentaire> {
 
	private SmileyParser parser;
 
	public CommentaireAdapter(Context context, List<Commentaire> comments) {
		// [...]
		// On prépare le parser
		SmileyParser.init(getContext());
        	this.parser = SmileyParser.getInstance();
	}
 
	public View getView(int position, View convertView, ViewGroup parent) {
		// [...]
		// Et on parse le commentaire
		textCommentaire.setText(this.parser.addSmileySpans(item.getTexte()));
	}
}

En espérant vous avoir donné un coup de main, n'hésitez pas si vous avez des remarques ou questions !

jQuery est une superbe bibliothèque Javascript permettant de simplifier la manipulation des vos éléments html, css et bien plus encore.

Voici quelque-une de ses fonctionnalités :
- Parcours et modification du DOM (éléments html)
- Evènements (Clics, Clavier)
- Effets et animations sympathiques
- Ajax très simplifié (Notamment avec json)
- Un nombre incroyable de plugins...

Si vous hésitez encore à l'utiliser je vous invite vraiment à franchir le pas ! De plus de nombreux exemple sont fournis dans la documentation officiel, et traduit en français à cette adresse.

Je ne suis pas la pour vous décrire toute la bibliothèque mais pour vous filer quelques exemples de codes simple et pratique à utiliser au quotidien, passons aux choses sérieuses !

Faire une redirection
Pour rediriger votre page vers une autre utilisez simplement le bout de code suivant :

// Le second paramètre est la destination
$(location).attr('href', 'http://www.example.com')

Sélectionner le premier index d'un select
Pratique pour effectuer un "reset" d'un formulaire et donc sélectionner la première valeur de votre select.

// #select correspond évidement au select
$('#select').get(0).selectedIndex = 0;

Récupérer l'option sélectionné d'un select
Toujours dans la balise select si vous souhaitez récupérer la valeur actuellement sélectionnez utiliser le morceau de code suivant :

// #select correspond toujours au select
$('#select option:selected').val();

Vous pouvez aussi utiliser la fonction "text" si vous souhaitez récupérer le texte que vos visiteurs lisent.

Tester si une checkbox est sélectionné ou non
Très simple à utiliser vous avez juste à utiliser la fonction "is". Exemple :

if($('#macheckbox').is(':checked'))
{
	alert('Coché !');
}
else
{
	alert('Non coché !!');
}

Au passage si vous souhaitez effectuer une action lors du changement du statut de la checkbox utilisez la fonction change.

$('#macheckbox').change(function() {
	// Test si coché ou non et traitement
});

Nombre d'éléments dans la sélection
jQuery à l'énorme avantage de pouvoir effecter des actions par lot, prenez l'exemple suivant :

<p>Bonjour !</p>
<p class="gris">Comment ca va ?</p>
<p class="gris">Super et toi ?</p>

Lorsque vous utiliser le sélecteur avec la balise p, vous pouvez effectuer des actions sur les trois paragraphe. Pour connaitre le nombre de balises sélectionné utiliser la propriété length :

$('p').length; // 3
$('p.gris').length; // 2

Activer ou désactiver un champ / bouton
Pratique si vous souhaitez autoriser un champ en fonction d'une liste déroulante ou d'une checkbox par exemple voici comment désactiver ou activer un élement de formulaire :

// On le désactive
$('.monchamp').attr('disabled', 'disabled');
 
// On l'active
$('.monchamp').attr('disabled', '');

En espérant vous avoir donné un petit coup de pouce, n'hésitez pas si vous avez des remarques / questions / codes à ajouter !

Ca fait maintenant plusieurs mois que j'ai publié ma première application Bonjour Android sur l'android market. L'application est passé la semaine dernière en version 2 apportant de nombreuses optimisation et nouveautés.

Mais elle sert à quoi ?
Bonjour Android est une application gratuitement vous permettant de consulter depuis votre mobile et une connexion internet les site "Bonjours" initiés par Bonjour Madame. Au programme c'est une trentaine de site mise à jour quotidiennement proposant des images dans de nombreux domaines : Bonjour le Chat, Hamster, Panda, les Geeks... mais aussi des sites "adultes" comme Bonjour Wtf, Bonjour la mifl et j'en passe soit actuellement près de 20 000 images !

Elle fait quoi d'autre ?
L'application offre quelques fonctionnalités comme l'ajout des images dans vos favoris, un système de votes et bientot de commentaires ! Sans inscriptions vous pouvez sélectionner les sites a afficher (ou non) dans les listings.

Voici deux captures d'écran :

Vous pouvez consulter la liste de tous les sites disponible, télécharger l'apk supplémentaire pour consulter les sites adultes et avoir quelques captures en plus sur le site de Bonjour Android.

Edit : Depuis la version 2.4 de Bonjour Android, vous n'avez plus besoin de télécharger une application pour consulter les sites adultes. Voici la nouvelle procédure :
- Inscrivez vous (depuis le site ou l'application)
- Cochez "afficher les sites adultes" sur le site
- Connectez-vous à l'application (ou reconnectez-vous) puis rendez-vous dans les paramètres pour activer les sites adultes sur votre mobile.
- Relancez ensuite l'application et vous avez désormais accès aux sites adultes !

Le client FTP FileZilla ne cèsse de s'améliorer au fil du temps. Il est possible depuis la version 3 de gérer des filtres permettant d'éviter de transférer (et d'affichier) un fichier ou un dossier.

Ces filtres sont très pratiques si vous souhaitez éviter de transférer par exemple les fichier .svn d'un de vos dépots ou encore les fameux fichiers thumbs.db de Windows.

La procédure pour les activer est très simple :

Ensuitre la fenêtre suivante s'ouvre. Il vous suffit de cocher comme moi les deux premières options :

La première permet de filtrer les dossiers des dépots SVN et la seconde le fichiers thumbs.db de windows ! Pensez bien à cocher des deux cotés (Local et Distant)

Sms Pas Cher vous permet d'envoyer des sms depuis votre navigateur ou directement depuis votre ordinateur grâce à un logiciel simple d'utilisation.

Comment ça marche ?
Chaque jour, lors de votre connexion au site vous gagnez un crédit sur votre compte. Vous pouvez très bien envoyer directement un texto ou revenir le lendemain pour accumuler les crédits.

Ces crédits vous permettent donc d'envoyer des sms soit depuis le site internet ou depuis le logiciel (sans installation) disponible gratuitement sur le site. Vous pouvez aussi utiliser l'api pour envoyer des sms depuis vos sites internet.

Les fonctionnalités
Le site propose de nombreuses fonctionnalités parmi les suivantes :
- Gestion des contacts et des groupes
- Historique des sms avec statuts
- Possibilité de modifier l'expéditeur des messages
- Envoie des sms dans le monde
- Listing des messages reçus
- Gagner des crédits grâce au programme d'affiliation ou grâce à des campagnes

Vous pouvez très bien utiliser le site sans débourser un centime, si vous souhaitez envoyer plus de textos, il est aussi possible d'en acheter à des prix à partir 0.08€ le sms !

Lien : Sms Pas Cher

Voici une astuce bien pratique permettant de retrouver un programme qui peux par exemple vous déranger et donc vous permettre de le killer.

Dans mon cas j'ai souhaité savoir quel programme écoutait sur le port 80 (http) de mon ordinateur.

Sous Windows

Pour ouvrir l'invite de commande cliquez sur démarer puis exécuter (ou directement dans le champ texte) puis entrez "cmd" dans la fenêtre qui s'est ouverte.

Vous validez, la fenêtre se ferme et une autre s'ouvre à vous !

Dans cette console, vous devez écrire les deux commandes suivantes permettant de récupérer la liste des connexions actives et ensuite de filtrer avec le port que vous recherchez.

# Remplacez ":80" par le port que vous souhaitez rechercher
netstat -ano | find ":80"

Vous pouvez ensuite apercevoir le résultat de votre commande.

Une petite explication des colonnes :
1 - Le type de connexions (TCP ou UDP)
2 - Adresse / Port locale de connexion
3 - Adresse / Port distante
4 - L'état de la connexion
5 - Le numéro du processus correspondant

Pour savoir si un port est à l'écoute il suffit de regarder dans la quatrième colonne si l'état est "LISTENING". Par exemple dans la capture d'écran les ports 80 et 8002 sont à l'écoute.

Il suffit ensuite de récupérer le numéro du processus et de regarder dans le "tasklist".

# N'oubliez pas de remplacer le numéro de votre processus
tasklist | find "3952"

Vous pouvez désormais récupérer le nom du processus ("httpd.exe" correspondant à apache dans l'exemple) dans la première colonne du résultat.

Sous Linux

Sous linux c'est toujours avec la commande netstat seulement c'est beaucoup plus simple car le résultat de cette commande est plus complet.

Pour récupérer la liste des ports et programmes qui écoute il vous suffit simplement d'utiliser cette commande :

# Remplacez :www par votre protocole ou le port souhaité
netstat -lpt | grep LISTEN | grep :www

Et dans la dernière colonne on remarque que c'est apache2 qui écoute sur le port 80.

En espérant vous avoir été utile !

Le timestamp aussi appelé heure Unix ou encore heure Posix correspond aux nombres de secondes écoulées depuis le 1er janvier 1970 00:00:00 UTC.

C'est une valeur courament utilisée dans le développement de site internet car elle permet de manier très facilement les dates. Par exemple une simple soustraction permet de récupérer une différence entre deux dates.

Cependant le timestamp présente un gros inconvéniant : sont format n'est pas parlant pour un être humain ! Par exemple savez-vous à quel date correspond le timestamp "1262300400" ? Simplement au 1er Janvier 2010 à 00 heures 00 minutes et 00 secondes.

J'ai donc dans un premier temps pour ma propre utilisation puis ensuite pour tous les développeurs décidé de créer un "mini-site" permettant de manipuler simplement ce format.

TimeStamp.Pro vous offre donc la possibilitée de convertir un timestamp en date et inversement, faire une différence entre deux timestamp mais aussi de mettre en place un widjet sur votre navigateur préféré (Firefox) permettant de convertir les dates et timestamp directement depuis les sites internet que vous développez/visitez !

Visiter : TimeStamp.Pro

Il m'est arrivé dans certains projet d'avoir de nombreux paramètres dans les adresse. Rien de bien compliqué dans un premiet temps, sauf lorsque l'on souhaite ré-écrire une URL avec plus de 9 paramètres.

Explication

Pour faire simple, rien de mieux qu'un exemple !

RewriteEngine on
 
# Exemple 1
# Url test : informations-1-p-2-q-3-r-4-s-5-t-6-u-8-v-9-w-10.html
RewriteRule ^informations-([0-9]*)-p-([0-9]*)-q-([0-9]*)-r-([0-9]*)-s-([0-9]*)-t-([0-9]*)-u-([0-9]*)-v-([0-9]*)-w-([0-9]*)-x-([0-9]*).html$ informations.php?id=$1&p=$2&q=$3&r=$4&s=$5&t=$6&u=$7&v=$8&w=$9&x=$10 [L]
 
# Exemple 2
# Url test : informations-1-p-2-t-6.html
RewriteRule ^informations-([0-9]*)(-p-[0-9]*)?(-q-([0-9]*))?(-r-([0-9]*))?(-s-([0-9]*))?(-t-([0-9]*)).html$ informations.php?id=$1&p=$3&q=$5&r=$7&s=$9&t=$11 [L]

Exemple 1
Dans cet exemple, notre adresse devra contenir tous les paramètres soit un total de 10 paramètres / variables.

Exemple 2
Pour le second exemple, il y a un paramètre obligatoire ainsi que cinq paramètres facultatifs. Donc 11 variables.

Jusque là il n'y a aucun problèmes. Seulement si vous testez ces ré-écritures vous remarquez un problème pour les paramètres supérieurs à 10.
En effet le second chiffre de la variable n'est pas pris en compte. Donc $10 correspond à $1.

Malhreusement pour le permier exemple je n'ai trouvé aucune solution... On est bien limité à 9 paramètres.
Mais pour le second exemple il existe un moyen de remédier au problème.

Solution

La solution consiste à indiquer qu'on ne souhaite pas récupérer la variable. Pour celà il suffit d'ajouter ?: après les parenthèse limitant la variable.

Voici ce que ça donnerais pour notre second exemple.

# Exemple 2
# Url test : informations-1-p-2-t-6.html
RewriteRule ^informations-([0-9]*)(?:-p-[0-9]*)?(?:-q-([0-9]*))?(?:-r-([0-9]*))?(?:-s-([0-9]*))?(?:-t-([0-9]*)).html$ informations.php?id=$1&p=$2&q=$3&r=$4&s=$5&t=$6 [L]

En espérant avoir résolu vos problèmes !

Piwik est un projet très intéressant qui vous permet d'installer sur votre hébergement un "Google Analytics Like".
L'avantage c'est que l'on conserve la main sur ses statistiques évitant ainsi qu'elle soit utilisé contre notre gré...

Le service est donc à installer sur votre hébergement et nécessite Php ainsi que Mysql. Une fois installé vous avez évidement la possibilité d'ajouter autant de sites et d'utilisateur que vous le souhaitez.

De nombreuses mises à jour sont effectués et apportent à chaques fois d'importantes améliorations. L'interface permet d'accèder à toutes les options que l'on souhaite et celà le plus rapidement possible.

Vous pouvez aussi installer des plugins permettant par exemple de calculer un gain en fonction du nombre de clics sur une page. Au niveau du tracker (càd ce qui permet d'enregistrer les visites de vos sites) vous pouvez mettre en place un code javascript sur vos pages, une image (moins d'informations disponible) ou encore utiliser l'API permettant de le faire via Php.

Toujours grâce à l'API vous pouvez afficher en Live et sur votre site les statistiques de votre choix !

Depuis peu il est aussi possible d'accèder à ses statistiques depuis son mobile grâce à une application disponible sous Android et Iphone !

Plus d'informations et téléchargement sur Piwik et la Zone développeurs.

Vous n'êtes pas sans savoir que google propose de nombreuses options lors de la recherche permettant par exemple d'inclure ou d'exclure des mots clés, préciser des types de fichiers et bien plus encore.

Je vous propose une ligne simple vous permettant d'avoir la possibilité de télécharger gratuitement et illégalement du contenu sur google.

"Votre Recherche" intitle:"Index Of/" -inurl:".php"

Notez que le principe fonctionne très bien avec de la musique mais peux aussi être utilisé pour des vidéos.

Exemple :
"Daft Punk" intitle:"Index Of/" -inurl:".php"
Certains résultats sembles intéressants !

Bonne recherches !

J'utilise Subversion alias svn depuis pas mal de temps afin de centraliser les sources d'un projet avec un autre développeur. Le projet étant "fermé" j'avais simplement mis en place une sécurisation par mot de passe.

Aujourd'hui j'avais envie d'y installer d'autres sources (sur un autre projet) sans que l'autre développeur ait accès à ces données. Et c'est la que ça se complique, mettre en place des permissions utilisateurs par projets et non pour le dépôt complet.

Je vais donc vous décrire la marche à suivre pour mettre en place ces permissions en partant du principe que subversion et apache sont déjà installés et configurés sur votre serveur ainsi que les dépôts crées !

Pour l'exemple, mon domaine est "domaine.ext", mes deux projets "projet1" dans "/home/svn/projet1" et "projet2" dans "/home/svn/projet2" ainsi que mes utilisateurs "utilisateur1", "utilisateur2" et "utilisateur3".

Voici les étapes pour mettre en place les permissions :
- Créer les utilisateurs
- Créer le fichier des permissions
- Configuration des projets
- Configuration du VirtualHost sous Apache

Création des utilisateurs

Nous allons créer un fichier "passwd" dans notre dossier svn dans lequel sera enregistré les utilisateurs ainsi que les mots de passes cryptés. Voici la marche à suivre :

# On se déplace dans le dossier
cd /home/svn
 
# Lors de l'ajout du premier utilisateur on utilise l'argument "c" pour "create"
# Le "m" permet lui de crypter le mot de passe
# "passwd" correspond à notre fichier et "utilisateur1"... notre premier utilisateur !
# Le mot de passe vous est ensuite demandé ainsi qu'une vérification
htpasswd -mc passwd utilisateur1
 
# Ajout du second utilisateur
htpasswd -m passwd utilisateur2
 
# Vous avez compris la démarche :)

On pense à modifier les permissions du fichier :

# Utilisateur / Groupe
chown subversion:www-data passwd
chmod 660 passwd

Nos utilisateurs sont désormais prêts ! On passe ensuite aux permissions !

Les permissions des utilisateurs

Le fichier contenant les permissions est commun à tous les dépôts. Voici le détail du fichier et des possibilités.

# Fichier des permissions
 
# Les groupes permettant de regrouper les utilisateurs par "paquets".
[groups]
groupe1 = utilisateur1, utilisateur3
# Syntaxe : nom_du_groupe = utilisateur, utilisateur
 
# Permissions de tous les dépôts
[/]
* =
# La syntaxe "* =" permet d'interdire l'accès à tout le monde.
# Je vous conseille de faire de même si vous ne souhaitez pas laisser
# votre dépôt en libre accès.
 
# Mon premier projet
[projet1:/]
* = # On interdit à tout le monde pour commencer...
utilisateur1 = r # utilisateur1 pourra consulter le dépôt
utilisateur2 = rw # utilisateur2 pourra lire ET écrire
# utilisateur3 ne pourra pas le consulter
 
[projet1:/trunk/sources/]
utilisateur3 = r
# utilisateur 3 aura accès en lecture au dossier "/trunk/sources" de mon premier projet
 
# Mon second projet
[projet2:/]
* = # On interdit à tout le monde pour commencer...
@groupe1 = r # Syntaxe permettant d'utiliser les groupes.
# Mes utilisateurs 1 et 3 pourrons donc lire ce dépôt !
# N'oubliez pas le "@" lorsque vous faites référence à un groupe !
utilisateur2 = rw # Autorisations en lecture ET écriture pour l'utilisateur2

Enregistrez votre fichier nommé "authz" avec vos permissions à la racine de votre dépôt. (Dans "/home/svn/authz" dans mon exemple)

La encore il faut modifier les permissions du fichier :

# Utilisateur / Groupe
chown subversion:www-data authz
chmod 660 authz

La partie des autorisations est désormais complète, on va rapidement configuré les dépôts.

Configuration des projets

Les utilisateurs et permissions sont désormais gérés dans nos deux fichiers, on peux donc désactiver cette option au niveau de la configuration des projets.

Cette étape est à répéter pour tous vos projets !

Ouvrez le fichier "/home/svn/projet1/conf/svnserve.conf" et vérifiez la valeurs des paramètres

# On édite nos fichiers
vi /home/svn/projet1/conf/svnserve.conf
# En encore "nano" qui est plus facile d'utilisation :)
nano /home/svn/projet1/conf/svnserve.conf

Voici la valeurs correctes :

[general]
anon-access = none # Pas d'accès sans accès :)
auth-access = write 
# password-db = passwd # Ligne à commenter !
# authz-db = authz # Ligne à commenter !
realm = Projet1 Repository # Titre du dépot
[sasl]
# use-sasl = true # Options à dé-commenter si vous utilisez "ssl"

Cette partie est terminée, il ne nous reste plus qu'a configurer apache pour prendre en compte les utilisateurs et les permissions !

Configuration du VirtualHost

Vous n'avez pas eu le choix que de mettre en place un virtualhost pour votre svn.

J'ai placé la directive dans le fichier /etc/apache2/sites-enabled/default, libre à vous de le mettre dans le fichier de votre choix.

Voici la description de ma directive :

# Accès par ip/svn
<Location /svn>
DAV svn # Il s'agit d'un dépôt svn
SVNParentPath /home/svn # Adresse parent des dépots
AuthType Basic # Authentification de base
AuthName "Mon dépôt persos" # Titre des dépots (obligatoire) 
AuthUserFile /home/svn/passwd # Fichier des utilisateurs
AuthzSVNAccessFile /home/svn/authz # Fichier des permissions
Require valid-user # On souhaite que les utilisateurs soit authentifier
SVNListParentPath On # On utilise plusieurs dépôts
</Location>

Pour terminer le tout on redémarre apache !

# Redémarrage de apache
/etc/init.d/apache2 restart
# Et tout devrait désormais rouler !

En espérant avoir détaillé le plus possible les étapes de la mise en place ! N'hésitez pas à poser des questions à la suite !

Il se peux suite à l'installation d'un nouveau logiciel ou à une restauration de Windows que lors du démarrage de ce dernier s'affiche une fenêtre de vos documents.

Malgré le fait que ça ne pause aucun soucis et qu'il suffit de la fermer autant faire en sorte qu'elle ne s'affiche plus sachant que ça ne vous prendra que cinq minutes !

Pour corriger ce soucis il faut modifier une clé au niveau de la base de registre. Faites attention aux manipulations que vous effectuez et au cas ou vous pouvez exporter la base avant d'effectuer tout changement. (Fichier > Exporter)

Voici la manipulation à effectuer :

- Cliquez sur démarrer puis exécuter
- Dans la fenêtre ouverte entrez "regedit" puis validez.
- Suivez l'arborescence suivante :
  - HKEY_LOCAL_MACHINE
   - SOFTWARE
    - Microsoft
     - Windows NT
      - CurrentVersion
       - Winlogon
- Faites ensuite un clic droit sur la clé "Userinit" puis Modifier.
- Une nouvelle fenêtre s'ouvre avec deux champs. Remplacez le contenu du second champ (le premier n'est normalement pas modifiable) par ceci : "C:\WINDOWS\system32\userinit.exe,"

- Cliquez ensuite sur Ok et redémarrez votre ordinateur.

Si les modifications ont bien été apportés, le dossier de vos document ne devrait pas se ré-ouvrir lors de votre redémarrage.

Voici une fonction vous permettant d'appliquer un masque de transparences sur vos images en php.
Cette manipulation peux vous permettre ensuite d'afficher vos images sur votre site.

Notez que le système est lourd car il "scan" tous les pixels du calque et de l'images.
Vous pouvez tester le système avec vos images à cette adresse.

Concernant la création des masques il vous faudra un logiciel capable d'utiliser la transparence. (Dehors paint !)
La fonction conserve les zones transparences et rend transparent les zones opaques blanches.

Voici les masques utilisés sur mon espace de développement :

Et voici la fonction en question :

<?php
 
/*
	Applique un masque de transparence à une image
	$image -> image source (Format PNG)
	$masque -> masque à appliquer (Format PNG)
*/
function mask_transparency($image, $masque)
{
	// Récupération des dimenssions de l'image
	list($image_w, $image_h) = getimagesize($image);
 
	// Création de image
	$iimage = imagecreatefrompng($image);
 
	// Désactivation mode blending et sauvegarde infos canal alpha
	imagealphablending($iimage, false);
	imagesavealpha($iimage, true);
 
	// Création du masque
	$imasque = imagecreatefrompng($masque);
 
	for ($x=0; $x<$image_w; ++$x)
	{
		for ($y=0; $y<$image_h; ++$y)
		{
			// Récupérations infos pixel du masque
			$pxl_masque = imagecolorsforindex($imasque, imagecolorat($imasque, $x, $y));
			// Récupérations infos pixel de l'image
			$pxl_image = imagecolorsforindex($iimage, imagecolorat($iimage, $x, $y));
			// Nouvelles informations
			$color = imagecolorallocatealpha($iimage, $pxl_image['red'], $pxl_image['green'], $pxl_image['blue'], (127-$pxl_masque['alpha']));
			// On applique la modification
			imagesetpixel($iimage, $x, $y, $color);
		}
	}
 
	// On sauvegarde l'image
	imagepng($iimage, $image);
}

Exemple d'utilisation :

<?php
 
// Application du masque de "masques/mon_masque.png" sur l'image "images/mon_images.png"
mask_transparency('images/mon_image.png', 'masques/mon_masque.png');
 
?>