Depuis maintenant plus de cinq ans que je développe en PHP j’ai toujours eu un soucis avec la gestion de l’encodage. Avec le temps j’ai glané ici et là des solutions pour que tout soit encodé en UTF-8 mais il m’en manquait une au niveau de la base de donnée. Voici le résumé des quelques règles pour l’encodage que j’applique à tous mes projets (rien de nouveau je vous rassure, c’est juste un résumé) :

Encodage des fichiers

Il faut évidemment que tous les fichiers soient en UTF-8 c’est une évidence, pour se faire il faut utiliser votre éditeur et lui indiquer ce format.

Déclaration du charset dans le fichier HTML

Dans le head de chaque page de votre il faut déclarer le charset grâce à cette ligne de code :

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Changer le header envoyé au navigateur dans le PHP

Au début de votre page il faut utiliser cette ligne de code en PHP qui permet de spécifier le bon format :

header('Content-Type: text/html; charset=utf-8');

Gérer la relation avec la base de donnée

Voici la solution qui me manquait, après avoir établi la connexion avec votre base donnée il suffit de lancer cette requête SQL pour que toutes les communications soient faites en UTF-8 :

SET NAMES UTF8

Donner le  bon format à vos bases de donnée

Dans PhpMyAdmin il faut donner à chacune de vos tables et de vos champs textes le bon format, évidemment l’UTF-8.

Maintenant que je connais toutes ces étapes je n’ai plus de soucis avec mes projets, j’ai passé tellement de temps à m’énerver devant mon écran parce que les accents ne passaient pas que je suis réellement soulagé maintenant.

code, développement, encodage, utf8

Je me suis laissé neuf jours pour développer un extranet permettant de gérer SOS Ordinateurs, voici ce qu’on devra pouvoir y faire :

• gérer les différents techniciens et la communication entre eux
• gérer le listing clients et toutes les informations les concernant
• gérer les interventions et les factures correspondantes
• mettre en place un calendrier des interventions
• gérer les paramètres (prestations, forfait, disponibilité, …)

J’ai répertorié 16 modules à développer donc pour être dans les temps il faudra en réaliser deux par jour. Pour une première journée je suis plutôt content car j’en fait trois et la journée nuit ne fait que commencer.

Cette GRC sera le centre névralgique de SOS Ordinateurs car toutes les informations concernant l’entreprise (que ce soit au niveau des clients, des techniciens, des prestations, des factures, …) y sont centralisées. Pour les techniciens sont utilisation sera quotidienne donc il faut que je mise sur l’ergonomie, la rapidité et la logique …

Pour l’instant je suis très content de la première version, j’ai hâte que Vincent puisse me donner son avis et commence à l’utiliser.

développement, extranet, site, sos ordinateurs, web

Coda est le logiciel qui a révolutionné m’a vision de la programmation sur mac, ce logiciel rend les choses tellement simples et logiques qu’il est très compliqué de s’en passer une fois qu’on y a goûté. Développé par la société panic ce logiciel est vendu une cinquantaine d’euros et les vaut amplement.

Au lancement vous avez un ensemble de vignettes qui représente les sites que vous gérez, en cliquant dessus vous ouvrez automatiquement les fichiers sur lesquelles vous étiez en train de travailler lors de votre dernière session, ensuite vous pouvez choisir de travailler directement sur votre serveur ou en local. Tout est automatique et simple : on ne se rend compte de rien et le logiciel fait tout.

Je ne vais pas me lancer dans une description complète du logiciel car c’est vaste, l’idéal est de l’essayer ! Attention toutefois : je le répète une fois qu’on y a goûté c’est difficile de faire la même chose avec un autre logiciel.

coda, développement, logiciel

Quand je suis en période de développement il y a quelques petites choses qui deviennent récurrente :

• utilisation d’une bonne dizaine de feuilles blanches et autres post-it par heure
• une bonne dizaine de navigateurs ouverts en même temps
• itunes qui tourne en permanence
• boisson en grande quantité : eau, coca, sirop, lait (en fonction de l’heure)
• lever à 11 heures du matin, coucher à 5 heures du matin
• twitter en direct sur le côté de l’écran
• obscurité presque totale dans la pièce
• coda ouvert en permanence ainsi que Transmit
• nourriture à base de chips, biroches, nutella et de pizzas à des heures improbables

bureau, code, développement, Projets

Ca faisait longtemps que je devais essayer le réseau social Facebook et j’ai passé la semaine dernière à m’inscrire, tester, communiquer à travers cet outil aussi impressionnant que gigantesque. En effet je pense qu’on peut passer ses journées sur Facebook car le contenu est illimité puisque créer par les utilisateurs (et qu’il y a plus de 50 millions d’utilisateurs) mais que l’intérêt est à mon avis éphémère.

Pour résumer Facebook je dirais qu’on s’inscrit, qu’ensuite on rajoute ses amis (qu’on en retrouve aussi) puis qu’on s’en fait de nouveau. La suite est un mélange entre blog, forum et différentes choses très inutiles qui permettent de faire des rencontres virtuelles. Je ne pense que je serais un fan absolu de Facebook mais c’est un réseau social qui est quand même impressionnant.

Il ne manque qu’une version française (qui ne devrait pas tarder) pour que ce soit le phénomène qui soit le plus démocratiser cette année dans le paysage numérique …

J’ai surtout apprécié Facebook car j’en ai abordé le côté programmeur en développant une application en php, je suis en train de rédiger un tutorial en français pour ceux que ça intéressera.

Quelques liens :

• Facebook (www)
• Mon profil (www)
• Ma première application Facebook (www)

application, développement, facebook

Entre le développement permanent de BookOtel (plus de 1500 hôtels maintenant), la version 3 du site des Hauts de Brèges et la mise à jour de l’extranet de la Croix Rouge (53) je me retrouve à devoir jongler entre plusieurs serveurs et base de donnée mais surtout entre plusieurs méthodes de travail et langages.

D’ailleurs après mes premiers bouts de code orientés ajax j’ai testé l’API de google maps et c’est vraiment bluffant de voir à quel point les développeurs de chez google ont vulgarisés leur API pour la rendre utilisable facilement. C’est un vrai bonheur à utiliser et on arrive rapidement à mettre en place des cartes utilisables par les visiteurs de son site, que ce soit pour faire des itinéraires ou simplement de l’affichage. Il n’y a que le système de clef qui est un peu chiant, mais c’est sûrement une sécurité qui permet à google de maîtriser et surveiller l’utilisation de son API.

Pour me faire la main j’ai d’abord utilisé les coordonnées des hôtels pour afficher leur position sur la carte, en laissant la possibilité aux utilisateurs de zoomer pour affiner l’affichage. Dans le cas ou l’API ne trouve pas l’adresse dans sa base de donnée elle affiche un marqueur correspond à la ville de l’hôtel (grâce aux coordonnées dans la base de donnée) sans laisser la possibilité de zoomer. Ensuite j’ai ajouté un itinéraire entre l’adresse de l’hôtel et l’adresse du membre, ainsi tous les gens qui sont inscrits sur le site ont automatiquement les itinéraires de fait lorsqu’ils visitent la page d’un hôtel.

Quelques liens :

• La page officielle de Google Maps API (www)
• Mon exemple sur bookotel.fr (www)
• Une liste de tutoriaux très intéressants (www)

api, code, développement

Je l’ai souvent répété, j’ai souvent eu envie de me mettre à l’ajax mais je n’avais jamais trouvé la motivation pour le faire. C’est chose faite puisque j’ai commencé à mettre en place quelques notions d’ajax dans un projet de GRC (qui devrait me permettre de gérer les relations clientèles dans les mois qui viennent).

Le soucis avec l’ajax c’est qu’on peut en mettre partout, on peut faire de jolies effets et qu’on peut vite oublier que l’ajax doit d’abord servir à améliorer l’ergonomie, l’efficacité et l’efficience. Je suis donc en train de réfléchir à tout ce qui pourrait être utile de recoder sur mes anciens projets (L1NKs, France-Animation, Hauts de Brèges …).

En tout cas l’ajax est vraiment puissant et c’est un bon mélange entre le développement web et le développement d’application, mais on doit vite arriver à des usines à gaz si on ne structure pas l’utilisation des différentes technologies qui composent l’ajax.

Qu’est-ce que je pourrais faire en ajax sur le blog ?

ajax, développement

Voici les logiciels que j’utilise sur mes projets (c’est vrai que ça ne fait pas beaucoup de logiciels, mais ils répondent (pour l’instant) à tous mes besoins et me permettent de développer les projets que j’ai) :

Fireworks (www)

Fireworks me permet de mettre en place les bases des design, les images de fond, les logos et autres visuels. J’essaye de passer à photoshop depuis des années, mais je n’arrive pas à m’y habituer et à quitter fireworks.

BBedit (www)

Cet éditeur de texte (avancé) permet de générer des fichiers php, html, css … En fait un nombre impressionant de fichier sont manipulables grâce à BBedit. La gestion des fichiers css est vraiment très utile et permet de gagner un temps phénoménale. Un très bon outil que j’utilise pour ouvrir des fichiers directement sur le serveur ftp, un autre gain de temps appréciable.

Flash (www)

Le célèbre logiciel qui permet de mettre en place des animations et bannières flash. Même si je ne suis pas un pro en flash (de loin d’ailleurs) mes capacités sont suffisantes pour créer des bannières qui donnent une fluidité et du mouvement aux sites.

Transmit (www)

Ce logiciel FTP est le meilleur que j’ai pu tester : sa gestion des favoris est simple et intuitive et l’ouverture via ftp se fait facilement. Il est parfait pour mon utilisation.

MAMP (www)

MAMP me sert de serveur pour tester les nouvelles version bêta en local, il est très simple à utiliser et tourne parfaitement même lorsque plusieurs utilisateurs sont connectés simultanément.

développement, logiciel, travail

Je voulais attendre de commencer à lire le livre sur l’ajax mais je n’ai pas tenu donc j’ai commencé à tapper quelques lignes qui utilisent la bibliothèque Jquery. Pour l’instant ça donne des menu qui sont intéractifs, dynamiques et très classes mais ça reste juste du design et des choses visuels. Je ne traîte donc aucune donnée pour l’instant, on attendra d’avoir commencé à parcourir le livre pour le faire.

Les liens : le guide complet sur l’ajax, Jquery (en), Cheat sheet Jquery, JQuery (fr)

ajax, bibliothèque, code, développement, jquery