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.

• 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.

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.

• 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

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)

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)

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 ?

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.

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