Nicolas Vannier - développeur web à Bourges

Archives de l’auteur : Nicolas Vannier

Connaissez-vous l’outil de statistiques Piwik ?

Piwik est un outil gratuit et Open Source à installer sur son propre serveur avec le couple PHP / MySQL. Il n’a cependant rien à envier au célèbre Google Analytics !

Il permet, entre autre, d’obtenir des statistiques en temps réel (alors qu’il faut attendre 24 heures pour Google Analytics), de conserver et d’être maître de ses données et enfin dispose d’une interface agréable entièrement personnalisable.

Lien : http://piwik.org/

Convertir les octets en Ko, Mo, etc.

Cette fonction permet d’afficher le poids pour un fichier par exemple, en partant d’un nombre d’octets. Le résultat affichera 1 Mo plutôt que 1024 Ko par exemple.

function GetSizeName($octet){
    $unite = array(' octet',' Ko',' Mo',' Go');
 
    if ($octet < 1000) {
        return $octet.$unite[0];
    } else {
        if ($octet < 1000000) {
            $ko = round($octet/1024,2);
            return $ko.$unite[1];
        } else {
            if ($octet < 1000000000) {
                $mo = round($octet/(1024*1024),2);
                return $mo.$unite[2];
            } else {
                $go = round($octet/(1024*1024*1024),2);
                return $go.$unite[3];
            }
        }
    }
}

Source : http://feedproxy.google.com/~r/phps/~3/yba5-QGqgV4/convert-octets-to-ko-mo-go

Développer un site Web pour iPhone

Développer un site pour iPhone ou iPad est similaire à la réalisation d’un site classique, mais certaines normes spécifiques sont tout de même à respecter, comme par exemple éviter l’utilisation du Flash.

J’ai retenu deux sites qui mettent en avant les bonnes pratiques et les balises meta à utiliser pour Safari Mobile.

Lien 1 : http://www.yashh.com/blog/2008/dec/30/designing-iphone/
Lien 2 : http://csswizardry.com/2010/01/iphone-css-tips-for-building-iphone-websites/

Référence Apple Safari Doc : http://developer.apple.com/safari/library/documentation/appleapplications/reference/safarihtmlref/articles/metatags.html

Produits à la ferme

Produits à la fermeDate : 03/2010 – 06/2010

Description

Le site Produits à la ferme offre aux particuliers la possibilité de trouver des fermes à proximité de chez eux proposant de la vente directe de produits frais.

Détails

J’ai réalisé ce projet dans le cadre de mon stage de fin d’année de Licence professionnelle à IDWEB (Bourges). Le design du site a été réalisée par la graphiste de l’entreprise et j’ai eu à concevoir : le cahier des charges, l’intégration xHTML/CSS ainsi que le développement (PHP/MySQL).

Le site dispose de cartes Google Maps qui permettent la recherche d’itinéraire entre deux points, une recherche des fermes les plus proches pour une ville donnée (avec calcul en kilomètres de la distance), un affichage dynamique des résultats de recherche (avec jQuery), d’un système de géolocalisation pour connaître la provenance de l’utilisateur.

Note : le site n’est pas encore en production mais est tout de même en ligne.

Lien : http://produitsalaferme.com/index.php

Extensions intéressantes pour WordPress

Ce site est mon premier blog utilisant la plateforme WordPress. Je vous propose une petite liste d’extensions intéressantes qui sont utiles pour l’utilisation quotidienne de WordPress. Ces extensions fonctionnent pour ma part avec la version 3 de WordPress, bien que ce ne soit pas forcément spécifié comme tel sur le site officiel.

  • Autolink URI : permet de créer automatiquement des liens dans les articles lorsque l’on met une adresse Web.
  • Contact Form 7 : permet de créer un formulaire de contact complet avec différentes options pour rendre certains champs obligatoires par exemple.
  • FancyBox for WordPress : ajoute une FancyBox sur les images incluses dans les articles publiés.
  • Link to Post : extension très pratique qui permet de créer des liens au sein des articles publiés vers d’autres articles ou pages.
  • WP-Piwik : si vous utilisez comme moi Piwik à la place du célèbre Google Analytics, cette extension vous permettra de mettre les statistiques sur votre blog et de vérifier vos statistiques directement depuis le tableau de bord de l’interface d’administration de WordPress.
  • WP-Syntax : cette extension se base sur les colorations syntaxiques du moteur Geshi afin de vous permettre d’agrémenter facilement vos articles de code.

A faire et à ne pas faire

Sur Internet, on trouve de nombreux blogs indiquant d’utiliser telle ou telle pratique plutôt qu’une autre…

Le site Do’s & Don’ts répertorie les pratiques à employer et celles à éviter. Seul reproche de ce site : aucune explication n’est donnée sur les pratiques et certaines listées sont contestables. Exemple : « Ne pas utiliser d’éléments HTML vides pour effectuer un clear ». Je me demande comment l’on pourrait faire autrement que :

<div style="clear:both"></div>

Lien : http://webdosanddonts.com/

Collection de « Cheatsheets »

Les Cheatsheets sont des planches à imprimer qui permettent de se retrouver rapidement le nom d’une fonction, d’un attribut pour n’importe quel langage de programmation (et pas seulement).

On trouve notamment des Cheatsheets en PHP, MySQL, jQuery, etc. L’article du blog SpyreStudios regroupe la grande majorité de ces « feuilles de triche ».

Lien : http://spyrestudios.com/mega-collection-of-cheatsheets-for-designer-developers/