Somestyle.be

Si vous êtes confronter à la réécriture d’url avec IIS, qui ne gère donc pas les fichiers de configuration Apache .htaccess, cet article est pour vous.

Les fichiers .htaccess permettent de définir différentes règles dans un dossier (et dossier enfants).

• Gérer l’accès à certains fichiers/dossiers.
• Protéger l’accès à un fichier/dossier par mot de passe.
• Utilisation de la réécriture d’url
• Redirection de page

ISAPI_Rewrite permet l’utilisation du module Apache ‘mod_rewrite‘ avec IIS, Il existe en 2 versions, la première gratuite mais allégée et la seconde à $99.

 La version gratuite ne supporte pas les fichiers .htaccess en tant que tel mais permet d’utiliser une configuration globale pour le serveur  (sous la forme d’un httpd.conf).

Exemple d’url rewriting avec le titre de la page/Nom de l’article contenu dans l’url:

http://www.mysite.com/products/our_super_tool_127.html

RewriteEngine on

# Comme on utilise la version gratuite (configuration globale), on doit définir le domaine

RewriteCond %{HTTP:Host} ^(?:www\.)?mysite\.com$

# Règles de réécriture de l’url

# Dans ce cas, on autorise plusieurs mots et on utilise les derniers chiffres avant l’extension .html
RewriteRule ^products/[^?/]*_(\d+)\.html /productpage.asp?productID=$1 [QSA]

Des exemples et une documentation complète sont disponibles sur le site de l’éditeur Helicon.

Depuis la version 3, des fonctions supplémentaires et une interface un peu plus conviviale sont apparus.

Sur ce, bonne programmation!

siFR permet aux webmasters d’utiliser la police de caractère de leur choix sur un site internet.

Implémentation dynamique, ce script combine flash, javascript et css pour remplacer les titres ou textes choisis.

Pour utiliser les polices, il faut les inclures dans un fichier swf que l’on défini par après dans la configuration du script.
Un petit programme "OpensiFR" (mac et pc) permet de gagner du temps et de convertir les polices ttf en un fichier swf sifr.

Pour les bloggeurs utilisant Wordpress, voici un thème simple mais sympa utilisant siFR.
BuyTicketsPro theme

Script: PHP CSV Importer 3

Ce script va vous permettre d’importer facilement des fichiers excel au format csv dans une base de donnée MySql via une interface très facile.

Il suffit de sélectionner le fichier .csv à importer, définir le séparateur de colonne, choisir le nombre de colonne dans l’aperçu et de définir la valeur de la première rangée du tableau.

Script programmé très proprement, gestion de template, gestion multi-langage, customizable à souhait.
L’auteur du script ne met apparemment plus à jour son script en ce moment, n’hésitez donc pas à faire un don si vous comptez utiliser énormément ce script.

Utilisant ce script sur un site, j’ai effectué la traduction du fichier ‘en.php‘ en français.
Voici les fichiers:
fr.php - Placer ce fichier dans la répertoire lang (php_csv_importer/includes/php/lang/) et modifier la ligne 30 du fichier ‘config.php’ (php_csv_importer/includes/).
error.tpl - Remplacer le fichier error.tpl d’origine par celui-ci (php_csv_importer/includes/html/templates/).
N’hésitez pas à me corriger et me faire part de vos remarques.

php_csv_translate_fr.zip

Lien téléchargement direct: PHP CSV Importer 3.0.2a

Après une grosse bourde de ma part et un manque de sauvegarde d’une base de donnée, je me suis mis à rechercher un script de backup.

Voici un script php de backup (créer par Dagon Design) bien pensé et fortement configurable utilisant l’utilitaire MySqlDump fourni avec MySql.
Ce script trouvera toutes vos bases de données et les tables correspondantes, compressera les fichiers sql, placera les fichiers dans un dossier prédéfini et vous enverra un compte rendu par email.

L’avantage de l’utilisation de MySqlDump par rapport à une sauvegarde du dossier contenant les bdds (souvent data/ et format de fichiers .frm (définition), .MYD (données) et .MYI (index)) est que les fichiers sortant au format .sql deviennent multiplate-forme/serveur.

La copie manuelle du répertoire /data n’est conseillée que si le serveur Mysql est à l’arrêt ou ne se met plus à jour.
Le script mysqlhotcopy offre la possibilité de sauvegarder "à chaud" les fichiers de données du répertoire /data mais un des inconvénients pour ceux qui n’ont pas un hébergement dédié est que ce script ne peut fonctionner que si il se trouve sur la même machine qui contient les fichiers de données.

Un tutoriel est également disponible pour effectuer des sauvegardes automatiques grâce à un Cron (si vous êtes sur Unix ou si vous avez un programme vous le permettant).

Le site Dagon Design offre également des plugins pour Wordpress, des scripts php et des dizaines d’articles très intéressant sur tous ce qui touche à l’informatique et la programmation.

Pour les plus geek d’entre nous qui ont besoin de leurs doses de programmation ou qu’ils soient, voici un programme à installer sur son PDA.

Pockethph permet d’utiliser un serveur php (compact) sur les systèmes WindowsCE 2003 et +, il comprend une liste de fonctions réduite mais déjà utilisable et la gestion des bases de données SQLite3.

Après quelques heures de programmation sur mon vieux Acer N30, Pockethph semble très stable et rapide.

Pour l’édition des pages à partir d’un pc, je vous conseille CeNotepad spécialement conçu à cet usage.

Sur ce, je vais faire un solitaire…

Pour tous ceux qui désirent diffusez facilement des videos au format flv (videos flash) sur leurs sites internet, voici un lecteur facilement et fortement paramètrable. 

(multi)  Flv Player par neolao production

Plusieurs types/configuration du lecteurs sont disponibles, Mini - Normal - Maxi - Multi et  Js, suivant l’utilisation. Une bonne documentation, un générateur de code, un forum et une FAQ est disponible sur le site.

Il est également possible de contrôler le player à partir de javascript (Play - Pause - Stop - Next - Previous - Volume) afin de l’intégrer dans une interface personnalisée (ex: allocine.fr).

Voir aussi Lecteur MP3 par neolao production  …que demander de plus ?

Présent dans la grande famille des framework javacript, Mootools est un de mes… mon préféré ! Dès que je suis confronté à un nouveau projet web qu’il soit personnel ou professionnel je pense directement Mootools. Merci à Magu(s) de m’avoir fait découvrir cette incontournable librairie js.

1. Framework javascript ?

C’est un ensemble de fonctions, classes javascript liées entre elles facilitant la création d’application web. Utilisant le DOM qui lui donne la possibilité de manipuler dynamiquement le contenu dans la page, il n’y a plus de limite d’utilisation.. mise à part ceux du navigateur utilisé par l’internaute. Souvent Orienté objet, ces framework sont très faciles d’utilisation et suivent une logique compréhensible de tous programmeurs.

2. Travailler avec Mootools?

Il n’existe pas plus facile à intégrer mais il est nécessaire d’avoir quelques bases en javascript pour son utilisation
Introduction au javascript par Serge P. -
Programmation Orientée Objet avec le javascript par Thierry Templier

2.1 Téléchargement

Télécharger mootools est très facile, il suffit de se rendre sur cette page et de choisir les composants dont on a besoin (ici tous), la compression du fichier .js (javascript packer fait gagner près de 60% sur la taille du fichier .js).

2.2 Ajouter à votre page

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>

<html>

<head>

<meta http-equiv=“Content-Type” content=“text/html; charset=iso-8859-1&#8243; />

<title>Hello Mootools!</title>

<script type=“text/javascript” src=“js/mootools-release-1.11.js”></script>

<script type=“text/javascript”>

window.addEvent(‘domready’, function() {

// ICI VOTRE CODE JS

});

</script>

</head>

<body>

</body>

</html>

La fonction "domready" permet d’exécuter le code javascript lorsque le dom est prêt, c-a-d quand tous les éléments html de la page sont chargés et pas quand la page entière est chargée (css, images, animations, …) voir DomReady vs Load

2.3 Exemples d’utilisation

Action sur un lien :
ajax

Imaginons que nous avons un lien sur lequel une action précise doit se passer (Confirmation, affichage d’une image, requête ajax, …), il suffit de donner une valeur à l’identifiant du lien :

<a href="#" id="id_du_lien">Charger le contenu dynamiquement</a>

et d’ajouter l’action que l’on souhaite par le biais de la fonction addEvent, Ici on demande l’évènement sur le click de la souris sur le lien.
ajax

$(‘id_du_lien’).addEvent(‘click’, function() {

console.log("click ok");

})

J’utilise console.log("click ok"); au lieu de alert("click ok"); pour faciliter le débogage du script à l’aide de Firebug.
Imaginez que vous avez des calculs de prix à déboguer, les dizaines d’alertes javascript vont vous faire péter les plombs tandis qu’avec la console de Firebug une liste de logs se crée.

Requête Ajax

Effectuer une requête ajax n’a jamais été aussi simple, il suffit d’utiliser la fonction new Ajax dans une action ou dans une fonction que l’on peut appeler sur un lien:
ajax

$(’start’).addEvent(‘click’, function(e) {

e = new Event(e).stop();

var url = "http://demos.mootools.net/demos/Ajax/lipsum.html";

/**

* The simple way for an Ajax request, use onRequest/onComplete/onFailure

* to do add your own Ajax depended code.

*/

new Ajax(url, {

method: ‘get’,

update: $(‘log’)

}).request();

});

exemple reprit des demos officielles du site mootools

var url: Définition de l’url de la page à charger dynamiquement
method: Get ou post
update: Div ou bloc à mettre à jour avec le contenu de la page que l’on appelle

Plusieurs paramètres comme onRequest/onComplete/onFailure peuvent être ajoutés. (ex : un gif loading pendant la requête)

3. Demos, tutoriels et plugins disponibles.

Demos

Voici la page de démonstration officielle du site mootools: Mootools demos - start

Tutoriels

Tutoriel officiel sur clientside: The Mootorial (en)
Tutoriel video sur Beautyindesign.com: User Experience with javascript

Plugins

Mootools 1.0+ Plugins, Examples, Tutorials & Demos List (en)
33 plugins pour Mootools que vous devriez connaitre ! 

Une adaptation est nécessaire mais ce framework vous fera gagner un temps précieux par la suite !

L’extension indispensable et incontournable pour debuguer ses pages !

Plus d’informations sur le site officiel: GetFireBug

Cette extension existe aussi en français : FireBug en français

Spongestats est un outil d’analyse du trafic facilement intégrable à votre site. Développer en php et utilisant subtilement l’ajax, cet outil est très agréable à utiliser.

Pour le moment en période de test sur le blog et d’autres projets professionnels, il se révèle très précis.

Qu’est-ce que Browsershots.org ?

"Browsershots réalise des captures d’écran du design de votre site dans différents navigateurs. C’est un service en ligne open-source et gratuit créé par Johann C. Rocholl. Quand vous soumettez votre adresse internet, elle est ajoutée à la file d’attente. Un certain nombre d’ordinateurs ouvriront votre site internet dans leur navigateur. Ils feront donc des captures d’écran et les enverront sur ce serveur central." Encore un outil de travail intéressant et pratique! J’avais commencer à installer plusieurs navigateur sur xp mais rien de tel qu’un zip contenant tous les screenshots pour vérifier la compatibilité a tête reposée. Plusieurs Navigateurs sur plusieurs plateformes sont disponibles (Une trentaine), ne possédant pas Linux je vois donc que mon blog n’est pas affiché correctement ! Navigateur manquant: Opera même si il ne génère qu’un pourcentage minime de visite.

N’hésitez pas à faire un petit don si vous vous servez beaucoup de cette application, la bande passante coute très chère.