English reader, you can find a version for you here.

Inspiration.

Je garde toujours sur moi un carnet en moleskine sur lequel je prends en note toutes les idées et pensées que j’ai pour des articles. Mes thèmes sont généralement des concepts ancestraux (la pliure de la page, l’orthographe, le minimalisme) auxquels j’essaye de donner une nouvelle dimension. J’essaye de faire en sorte que les gens pensent différemment ces concepts et, avec un peu de chance, leur inspirer une ouverture d’esprit dans leurs propres travaux.

Écriture.

Je commence toujours par l’écriture. J’ai généralement une vague idée de ce que sera le design, et cela influence souvent l’écriture de l’article dans une étape suivante, mais l’écriture vient toujours en premier.

Je m’enferme sur Ommwriter, n’avoir aucune distraction est la meilleure façon que j’ai trouvé pour écrire mes articles.

L’Esquisse.

De trop nombreux designers ouvrent Photoshop directement, sans avoir une idée générale de ce que sera leur création. Je vais toujours faire une esquisse d’un article dans son intégralité, ce qui peut prendre un certain nombre de pages. C’est seulement lorsque je suis satisfait de l’aspect général que j’ouvre Photoshop.

Photoshop comme outil de publication.

Je traite Photoshop comme s’il s’agissait d’un outil de publication : je vais créer la mise en page pour que cela corresponde le mieux possible avec mes dessins. Le design influence généralement l’article, certaines choses vont donc devoir être changées, effacées ou ajoutées. Cela prends énormément de temps et je vais très souvent abandonner pour recommencer de nouveau jusqu’à ce que je sois content du résultat.

Découpage & HTML/CSS.

Le découpage du fichier Photoshop et la création de la page HTML vient ensuite. C’est peut être l’étape la plus longue du procédé. Des petites choses changent ici ou là en fonction de mon habilité à coder correctement. C’est facile de se déchaîner sur Photoshop et créer des choses très compliquées… mais c’est une toute autre histoire que d’essayer de les rassembler sur la page HTML et je dois donc parfois abandonner ou changer de petites choses.

Publication

Ensuite, une fois que je l’ai relu entièrement, et fais de petites modifications (et d’autres modifications encore, et encore d’autres) : je le publie pour le partager avec le monde. J’envoie un message sur Twitter à propos de l’article et, généralement, il suit sa propre vie en faisant son chemin sur le web. C’est fantastique de voir des personnes apprécier et tweeter à propos de quelque chose pour lequel j’ai mis tant d’efforts. Je m’assure d’annoncer mon prochain article à la fin de celui-ci, en choisissant une autre idée dans mon carnet en moleskine. Cela permet à mes lecteurs d’anticiper le prochain article. C’est aussi une très bonne manière de me garder motivé pour la création de l’article suivant.

Je vous laisse donc découvrir les œuvres de Paddy Donnelly sur son blog IamPaddy.com.

Si vous souhaitez découvrir d’autres blogs qui prennent autant de soin pour designer leur billet (comme l’excellent Dustin Curtis et son article You should follow me on Twitter) , je vous conseille de lire ce billet qui rassemble des liens vers quelques unes de ces créations et vous donne même une première piste pour réaliser un blog de la même façon.

Lecteur français, vous pouvez trouver une version pour vous ici.

Inspiration.

I keep a Moleskine notebook with me at all times and jot down any ideas and thoughts I have for articles. Usually my topics are age old concepts (the page fold, spelling, minimalism) but I try and create a new spin on them.  I try to make people think differently about these concepts and hopefully inspire them to open their minds with their own work.

Writing.

I always start with the copy. I usually have a vague idea what the design will look like and that often influences the copy in a later stage, but the copy always comes first. Locking myself away in Ommwriter with no distractions is the best way I have found for writing my articles.

Sketching.

Too many designers open Photoshop straight away without a general idea of how the whole creation will look.  I always fully sketch out the article in it’s entirety, which can take a number of pages, and then once I’m pleased with the general direction I open Photoshop.

Photoshop as a publishing tool.

I treat Photoshop as a publishing tool, creating the layout to match my sketches. as best I can.  Usually the design influences the copy so some things have to be changed, removed or added.  This takes a long time and I usually scrap everything and start again and again until I’m happy.

Slicing & HTML/CSS.

Slicing up the Photoshop file and creating the HTML pages comes next.
This is perhaps the longest stage in the process.  Little things always change here or there depending on my coding skills.  It’s easy to go wild creating complicated things in Photoshop but it’s a different story trying to put it together in HTML so sometimes little things have to be left out or changed.

Publish

Then once I have read it over, and tweaked and tweaked and tweaked, I publish it and send it out into the world.  I tweet about it and then the article usually takes on a life on it’s own and works its way around the web. It’s fantastic to see people enjoying and tweeting about something that I’ve put so much work into. I make sure to line up my next article by choosing another idea from my Moleskine so that people are anticipating the next installment. This is also a good way of keeping me motivated in creating the next article.

Discover the art of Paddy Donnelly on his blog IamPaddy.com.

Première partie: l’installation

Tout comme dans les articles « Mise en place d’un blog sous Wordpress » et « Installer un CMS : le cas de Joomla », je vais ici vous apprendre à faire votre site sous Drupal. Après avoir acheté un hébergement et un nom de domaine, nous pouvons nous lancer.

Drupal est une alternative à Wordpress plus difficile à manier, en raison d’une ergonomie qui n’est pas toujours intuitive. Il est donc souvent destiné à des utilisateurs un peu plus expérimentés. Néanmoins, Drupal dispose de certains atouts, notamment d’une plus grande flexibilité. Il est nécessaire, avant de lancer son projet (site internet ou blog), de définir ses besoins. Un blog s’orientera ainsi vers Wordpress, SPIP ou autre Dotclear, alors qu’un site plus complet et « professionnel » utilisera surement davantage Drupal ou Joomla ! A chaque projet convient un CMS. A vous de trouver le vôtre !

La première étape consiste à télécharger Drupal à cette adresse.. Avant de poursuivre, je vous conseille d’éditer le fichier .htaccess sur votre serveur pour y placer les lignes suivantes:

Cliquer sur l'image pour voir l'image en plus grand

Il est en effet nécessaire de prendre certaines précautions selon l’hébergeur que vous avez choisi (notamment OVH). Ensuite, décompressez l’archive pour n’obtenir qu’un dossier (à l’aide d’un logiciel de décompression comme Winrar). Cette étape est similaire à celle décrite dans « Mise en place d’un blog sous Wordpress »: nous allons placer l’ensemble des fichiers et dossiers sur le serveur dans le dossier « www ». Le transfert ne dure que quelques minutes, soyez patient Si vous avez quelques soucis avec FileZilla, revenez aux deux tutoriels cités précédemment, leur présentation vous éclairera.

Contrairement au premier tutoriel, nous allons ici suivre l’installation automatique offerte par le CMS. Rendons nous directement sur le site sur lequel nous avons placé le contenu de l’archive (http://monsite.fr par exemple):

Par défaut, l’installation se fait en anglais. Si vous souhaitez que Drupal soit en français, il suffit de télécharger la traduction à cette adresse puis de décompresser l’archive et placer son contenu directement sur le serveur.

A la prochaine étape, il vous suffit de dupliquer le fichier « default.settings.php » et nommer son doublon « settings.php ». Cliquez pour continuer.

Pour cette nouvelle étape, il va vous falloir retrouver les identifiant et mot de passe fournis par votre hébergeur et les entrer ici. Vous pouvez, si vous le souhaitez, ajouter un préfixe à votre table. Ceci vous permettra de discerner les tables utilisées par Drupal en observant le préfixe placé devant. Dans mon exemple, les tables utilisées par Drupal seront nommées sous la forme: _drupal_*.

Poursuivez l’installation automatique. Vous devrez attendre quelques minutes durant le chargement :

Vous obtiendrez au final ce résultat, prouvant le bon déroulement de l’installation :

En cliquant sur « votre nouveau site », vous aurez accès au fruit de votre travail : votre site tout beau tout neuf ! Il ne vous reste plus qu’à personnaliser votre site avec les nombreux thèmes et plugins disponibles… Et à alimenter votre site !

Besoin d’aide pour votre site sous Drupal ? Consultez cette page, vous y trouverez une aide précieuse.

Deuxième partie: Les avantages et inconvénients de Drupal

Comme je l’ai dit plus haut, Drupal est un peu plus difficile à manier que Wordpress, ce qui en fait un CMS moins utilisé que ce dernier. L’ergonomie dans son espace d’administration laisse à désirer, et il faut parfois chercher un bon moment pour effectuer la modification voulue.

Il bénéficie cependant de quelques avantages indéniables. Même si Wordpress tire une grande force de ces nombreux plug-ins (plus de 8500 aujourd’hui), Drupal n’a pas grand chose à lui envier avec ses 4000 modules. Si toutefois vous ne trouvez pas le module qu’il vous faut, Drupal permet aussi de faire vos propres modules grâce à une API puissante vous permettant de développer des outils pour vos propres besoins.

De plus, Drupal est un logiciel libre : vous êtes donc en droit de le modifier dans le cadre de la license GPL pour le faire correspondre un maximum à vos besoins. Vous disposez aussi d’une communauté active de 500 000 personnes, présentes pour vous aider sur les forums officiels.

Enfin, et il s’agit du point le plus important selon moi, Drupal est un CMS performant et pouvant résister à un fort trafic, comme il le fait sur de nombreux sites professionnels tel que Rue89.fr.

Yoocasa est un service qui vient à peine de se lancer et qui veut vous proposer d’enrichir votre vie de famille (rien que ça).

Pour se faire, Yoocasa se place comme un micro-réseau social qui a pour but de rassembler la famille de la manière la plus authentique possible. Par là j’entends que la plateforme technique a presque vocation à être invisible et à s’effacer pour ne laisser qu’un contact direct entre vous et votre famille.

Pour cela plusieurs éléments sont là pour favoriser cette proximité. Mais je vais commencer par vous parler des fonctionnalités qui vous apparaissent tout de suite une fois inscrit.

Vous avez 6 grands points rectangles qui imagent les différentes fonctions :

• Mon calendrier : qui va vous permettre de planifier un événement et d’y inviter toutes les personnes de la famille que vous souhaitez y voir (un email pourra leur être envoyé pour les prévenir).
• Mon album privé : qui va vous permettre de mettre en ligne des photos très simplement qui ne seront visibles que par vous, mais qui pourront se retrouver dans :
• Mon album de famille : en un clic. Cela permettra ainsi à tous les membres de la famille de voir les photos qui ont été publiées.
• Mes messages : vous permettra d’envoyer des messages très simplement à un ou plusieurs membre(s) de votre famille. Très simple d’utilisation et donc possible à mettre entre les mains d’une personne qui ne serait pas habituée aux ordinateurs et à internet (je pense ici parents, grand-parents, vieil oncle du Canada, etc.)
• Mes jeux : je dois avouer que c’est le genre de fonctionnalité que je trouve gadget sur la plupart des sites web. Mais ici cela peut être le genre de choses intéressantes à avoir quand vous avez invité vos petits neveux/nièces/frères/… sur votre réseau Yoocasa pour les occuper ou avoir un moment à partager avec eux. En effet, ces jeux permettent d’inviter l’un des membres connectés à se joindre à vous et à partager une course de voitures ou un pendu.
• Mes listes : est aussi le genre de service qui va sembler utile à beaucoup de monde. Il permet à une personne de faire la liste des choses qu’il souhaite avoir pour son anniversaire. Les membres de la famille pourront ensuite consulter cette liste et participer au cadeau (en spécifiant le montant) ou de lui offrir le cadeau. Très pratique pour connaître les souhaits d’un membre de la famille et ne pas lui offrir un cadeau qu’il n’aime pas ou qu’il a déjà.

De plus, Yoocasa propose à ses utilisateurs un service complet de messagerie / messagerie instantanée / conversation par webcam qui permet très simplement aux personnes d’une même famille de discuter ensemble.

Yoocasa, pour quel public ?

A l’heure où de très nombreuses personnes s’inquiètent de leur vie privée et que d’autres exposent tout un pan de leur vie privée sur Facebook (photos personnelles et discussions privées à la vue de tous, de « mur à mur »), un service comme Yoocasa est un très bon outil pour partager avec les personnes qui vous sont vraiment proches.

Ce micro-réseau social familial arrive pourtant sur un marché où un service est déjà installé depuis quelques années. En effet, impossible de ne pas penser à Hellotipi, créé par François de Rochebouët en 2006, et qui offre la possibilité de se créer un site familial privé.

On ne peut pas le cacher, certaines fonctionnalités de Yoocasa sont très similaires à ce que l’on peut trouver sur Hellotipi. Pourtant Yoocasa me semble davantage miser sur la simplicité d’utilisation du service. Si je souhaitais mettre en place un site de famille, mon choix se tournera peut être vers Yoocasa puisque je ne suis pas sûr que mes parents (par exemple) serait à l’aise sur l’interface de Hellotipi.

Hellotipi offre certainement davantage de services et d’une très grande qualité, mais il me semble qu’il faut déjà être dans la culture internet pour que son utilisation soit intuitive.

Dans le cadre d’une famille où il s’agit parfois aussi de se connecter avec des gens qui ont des connaissances très limitées sur l’utilisation d’internet, il faut quelque chose de visuel et simple que me semble offrir Yoocasa.

Le mieux est peut être de se faire une opinion par soi-même : pour Hellotipi vous pouvez avoir un aperçu gratuit de 30 jours en vous créant un compte ici. Et pour avoir accès à la bêta de Yoocasa, il suffit de déchiffrer le mot mystère qui se cache derrière le pendu ci-dessous.

Et vous, qu’en pensez-vous ?

Il vit à Berkeley en Californie mais travaille au 795 Folsom Street à San Francisco, quartier général de Twitter. Rencontre avec Marc Maniez, ce français qui travaille pour le service qui a changé notre usage quotidien d’internet.

Peux-tu te présenter ?
“Il n’y a pas grand chose hors du commun à mon sujet, mis à part le fait que je sois parfaitement bilingue.
Né d’un père français et d’une mère américaine, j’ai grandi en France où ils nous ont parlé très tôt en anglais à moi et mes deux petits frères. Du coup l’anglais et le français sont mes langues natales, en quelque sorte, et j’ai pu maintenir mon niveau en allant en vacances chaque année aux US en Ohio, puis en rejoignant la Cité Scolaire Internationale quelques années après notre déménagement à Lyon depuis Chatou, en banlieue parisienne.
Au niveau des études, après un bref passage en prépa ENS Cachan, j’ai été à la fac de Lyon2 en éco / sciences po où j’ai eu une licence. J’en garde un bien mauvais souvenir sauf pour quelques personnes géniales que j’y ai rencontré.
Après ma licence, j’ai arrêté la Fac deux ans pour faire de la musique dans les conservatoires (ENM et CNR de Lyon en contrebasse jazz et classique) avant de décider de me lancer dans un mastère économie et société l’année 2008/2009. C’est donc après cette année que j’ai décidé d’arrêter les études et d’aller aux Etats-Unis chercher du travail.
Cette décision, qui peut paraître un peu abrupte, est liée au fait que ma copine, Anaïs, ait été prise en année d’échange à UC Berkeley avec Lyon2. Comme on est ensemble depuis bientôt 6 ans et qu’on a déjà fait 10 mois séparés l’un de l’autre, pas question de se quitter !”

Peux-tu nous décrire comment tu es entré en contact avec Twiter ?
“Un gros coup de chance, peut-être mon meilleur coup de chance. Anaïs était à une soirée avec une amie de Berkeley dans le cadre d’un programme de tutorat. C’est à cette soirée que j’ai rencontré David qui, quelques semaines plus tard, m’a fait part d’une offre que Alex de Twitter a transmis à Berkeley (Berkeley a un système interne où les entreprises extérieures peuvent faire des offres d’emploi ou de stages, prenez-en de la graine Lyon2). C’est donc sur un coup de chance, dans une rencontre faite en soirée que cette opportunité s’est indirectement présentée. J’ai bien évidemment téléphoné à Alex dès que j’ai entendu parler de l’offre. Une semaine plus tard, on m’a demandé de passer un entretien, puis quelques jours plus tard, j’ai reçu la bonne nouvelle : 3 semaines après être arrivé en Californie !”

A quoi ressemble une journée chez Twitter ?
« J’ai des horaires assez classiques, j’arrive le matin aux alentours de 9h30. Première chose que je fais, en bon gourmand que je suis : petit déjeuner. Et oui, Twitter offre à ses employés le petit dej et le repas de midi, et parfois même le repas du soir pour ceux qui veulent des restes. C’est donc devant un bol de fruits et de yaourt que je commence la journée… en me mettant à jour sur les dernières nouvelles par e-mail et par la presse française sur le Web. Pour ce qui est de mon travail là bas, c’est vraiment du multitâches. J’ai commencé par faire pas mal de traductions, puis gérer la communauté des traducteurs. Je m’occupe encore de ces choses là aujourd’hui mais je passe la plus grande partie de mon temps à réfléchir avec l’équipe de com sur des manières d’intégrer Twitter en France, mais aussi quelques demandes d’assistance qui commencent à venir en français.
A midi, tout est très convivial et même si je passe beaucoup de temps avec mes collègues @botolo86 et @schyule, on s’assoit toujours avec des personnes différentes à chaque fois. Il y a beaucoup de mélange chez Twitter et ça n’est pas rare de se retrouver à la table de notre PDG ou autre figure importante de la société. C’est un aspect très agréable de Twitter. »

Voilà qui termine la première partie de cette rencontre avec Marc Maniez. En attendant la suite, n’oubliez pas de le suivre… sur Twitter, bien évidemment.

Photos par @ded

Ce n’est pas encore officiel, mais Microsoft devrait bientôt annoncer le lancement d’un raccourcisseur d’URL associé à son moteur de recherche Bing.com, service de réduction d’URL qui se nommera Binged.it

Pour ceux qui ne connaissent pas encore, il existe un grand nombre de services du même genre qui vous permettent de réduire l’adresse d’un site pour simplifier son partage via mail ou Twitter.

Par exemple pour partager cet article, plutôt que de donner cette adresse :

http://webtribulation.com/2010/01/27/binged-it-microsoft-tend-le-baton-pour-se-faire-du-branding

Vous pouvez simplement leur donner ceci : http://bit.ly/93AKxT

Binged.it, un échec sur le nombre de caractères ?

Quel est le problème avec Binged.it ?

Lorsque vous comptez le nombre de lettres de celui-ci, Binged.it en compte 8. Et cela alors que Bing.com en compte 7.

Immédiatement Microsoft a été la cible de très nombreuses critiques et moqueries. Alors je vais lier ici quelques uns de ces articles pour lancer le débat avec leurs auteurs respectifs.

La critique était facile et l’aversion naturelle de beaucoup de monde pour Microsoft a aidé à voir apparaître sur les différents réseaux sociaux le mot Fail (échec) associé à ce nouveau produit.

Binged.it, une histoire de branding

Ce serait pourtant réduire l’utilité d’un produit à son unique efficacité.

Évidemment, un réducteur d’URL doit réduire les URL, et en cela l’adresse binged.it/4Hi4Ha est effectivement plus courte que http://www.msnbc.msn.com/id/34830557/ns/travel-news/, mais est-ce la seule variable à prendre en compte lorsque l’on met en place un produit ? Évidemment non.

Rergardez Google. Leur réducteur d’URL est Goo.gl (5 caractères) alors qu’ils pourraient utiliser une adresse encore plus courte, nous savons par exemple qu’il possède un nom de domaine de 3 caractères G.cn. Mais une question de branding entre en jeu, il fallait que le nom Google apparaisse (d’ailleurs pour en terminer avec le réducteur d’URL de Google, il est presque exclusivement utilisé par Feedburner pour réduire automatiquement l’adresse des articles de blogs qui va alors ajouter 2 caractères puisque l’adresse sera du type goo.gl/fb/oyZa, mais c’est tellement plus plaisant de critiquer Microsoft).

C’est donc une question de branding comme je disais. Le branding, l’image de marque d’une société qui va être au cœur de l’identité de la marque et donc de son image auprès du public.

Une grammaire de la réussite

Vous demander de coller un post-it sur le frigidaire est la preuve d’une double réussite de branding.

Post-it et frigidaire sont deux noms de marques qui sont en partie entrées dans le langage courant. De même, Google a réussi ce tour de force dans le milieu de la recherche. Vous ne savez pas quelque chose ? On vous répond : va sur Google. On ne vous dit pas d’aller le rechercher sur Internet non, on vous dit « va sur Google ».

Mais cette réussite est plus visible pour le public anglophone puisque Google est devenu un verbe, et ce n’est donc pas étrange d’utiliser la phrase : « Google it » (que l’on pourrait traduire par « Google le »)

Ou conjuger : « Have you googled your girlfriend ? » (que l’on pourrait traduire par « As-tu Googlelisé (qui signifie : chercher sur Google le nom de) ta petite amie ? »).

Outre le fait qu’il ne faudrait jamais faire de traduction littérale, on peut voir que « chercher sur Internet » peut être aisément remplacé par le verbe « Google ».

Pour qu’un produit soit une réussite, il faut qu’il y ait une appropriation dans le langage (si vous n’êtes pas d’accord, tweetez moi votre désaccord… « tweetez moi » ? On dirait que Twitter a aussi gagné au jeu du branding).

Binged.it

Microsoft a eu le courage d’abandonner l’ancien nom de son moteur de recherche Windows Live pour prendre un nouveau départ (abandon probablement dû au fait que le nom Windows faisait du tort au moteur).

Alors Bing.com arrive avec un grand retard dans l’appropriation quotidienne des internautes. Si ce nom de raccourcissement d’URL devient populaire, bien qu’un peu plus long que ce qu’il aurait pu, cela deviendra un grand vecteur d’expansion. Et si les internautes américains commencent à dire « Have you binged it ? », Microsoft aura gagné son pari.

Surtout que toutes les personnes qui se moquent aujourd’hui de Microsoft à cause de Bing ou Binged.it pourraient très vite cesser de rire. Bing serait actuellement sur le point de devenir le moteur de recherche par défaut sur le navigateur iPhone ce qui permettrait d’avoir potentiellement 75 millions d’utilisateurs (c’est le nombre de personnes ayant un iPhone ou iPod Touch d’après Steve Jobs) qui vont être en contact régulier avec le moteur de recherche Bing.com

Ce serait un merveilleux tremplin pour Microsoft qui a peut être déjà d’autres plans en tête.

Qui a dit que Binged.it était seulement un raccourcisseur d’URL et non pas la partie immergée d’un iceberg made in Microsoft ?

On sait à quel point les américains sont massivement sur les réseaux sociaux Twitter et Facebook, et si Binged.it était un service de Bing qui permettrait de partager facilement le résultat de vos recherches grâce au FacebookConnect et à la connexion avec Twitter.

Voici mon Binged.it en action :

Et les résultats se retrouvent directement sur le réseau social demandé :

Mais aussi sur une page « What I have Binged » qui fait office de marque-page de toutes les pages que vous avez Bingés.

Bingés ? Nous revoilà au branding.

Microsoft a encore un long chemin pour arriver à s’imposer complétement comme leader du moteur de recherche avec Bing, mais en y réfléchissant un peu (et en ne nous laissant pas piéger par la facilité de nous moquer de ce réducteur d’URL), Microsoft est peut être en train de mettre en place les éléments d’un retour sur le devant de la scène.

On dit que la vie n’est qu’un éternel recommencement. Et si Microsoft, après avoir été détrôné par Google, revenait sur la première place du podium grâce à de nouveaux produits ou des partenariats comme celui qui pourrait se faire avec Apple ?

Vous avez votre hébergement et votre nom de domaine. Félicitations ! Vous pouvez maintenant commencer votre projet Web (blog, portfolio, e-boutique, site de présentation, etc…). Allez on écrit ses lignes de codes, on crée notre base de données et on couple tout ça en enrobant de beaux styles CSS. Comment ça ? Vous ne connaissez ni le HTML, le PHP, le Javascript, ni le CSS, ni les bases de données MySQL ? Ah oui, ça risque de bloquer à un moment donné…

Mais pas de panique ! De gentilles communautés de développeurs se sont créées pour vous permettre de mettre en place un site et de le gérer sans connaissances techniques. Vous avez accès à une interface administration qui traduit le moindre de vos faits et gestes en lignes de codes et requêtes vers la base de données. Ces solutions s’appellent des CMS (Content Management System). Vous en connaissez déjà un : Wordpress. Valentin l’utilise pour ce site et vous a récemment apprit comment l’installer.

Cependant Wordpress n’est pas le seul CMS que vous pouvez utiliser. Par exemple Deviantart et la Maison Blanche ont décidé d’utiliser Drupal, Porsche et Ségolène Royal (il a fait mal à la communauté ce site :p) utilisent Joomla. C’est ce dernier que je vais vous apprendre à installer.

1. Télécharger Joomla

Il suffit de se rendre sur Joomla.fr et de télécharger la dernière version stable (la 1.5.15 en ce moment).

2. Charger les fichiers sur le serveur

Ca y est une archive contenant Joomla git fièrement sur votre bureau ou dans un de vos dossiers. Sauf que pour que ça marche, il va falloir mettre les fichiers en ligne. Pour cela on va recourir à un logiciel FTP qui, comme son nom l’indique (File Transfer Protocol), va vous permettre de transférer les fichiers situés sur votre ordinateur vers le serveur de votre hébergeur. Personnellement j’utilise Filezilla (gratuit et simple d’utilisation) et il me convient très bien. En plus Valentin vous a déjà appris à vous en servir !

1. Extraire l’archive Joomla dans le dossier de votre choix.
2. Lancez  Filezilla
   
3. Connectez-vous au serveur de votre hébergeur grâce aux informations qu’il vous a donné (Hôte, Identifiant, Mot de passe, Port). Pour reprendre les exemples de Valentin lors de l’installation de Wordpress :
   « Hôte » : ftp4.trusttelecom.fr ; « Identifiant » : valentinTT1911 ; « Mot de passe » : 145w5004 ; « Port » : 21
4. Vous devrez normalement voir dans les cadres de droite les dossiers et fichiers présents sur le serveur. Il vous faut maintenant transférer les fichiers de l’archive Joomla à la racine ou dans le dossier www de votre site (se référer au mail de votre hébergeur pour savoir).
5. Une fois tous les fichiers transférés vous devriez voir quelque chose comme cela dans Filezilla :
   
   
   

   Cliquer sur l'image pour la voir en plus grand

6. Vos fichiers sont tous là? C’est bon, vous pouvez fermer Filezilla.

3. Installer Joomla en ligne

Vous venez de faire le plus dur. Maintenant il vous suffit de vous rendre sur votre site, par exemple http://cuisinedemaman.fr. Une redirection automatique vous amène à http://cuisinedemaman.fr/installation/index.php si aucune installation n’a été faite au préalable. Vous arrivez à cet écran :

Cliquer sur l'image pour la voir en plus grand

Sélectionnez la langue de votre choix (Français se met par défaut) et cliquez sur « Suivant » en haut à droite. Vous arrivez à l’étape de pré-installation. Ici le logiciel inspecte votre serveur pour voir si tous les éléments nécessaires à l’installation sont présents. Ne vous inquiétez pas si des paramètres recommandés (en bas) ne sont pas verts, l’installation se fera quand même. Par contre il est primordial que les éléments du haut soient en vert pour continuer l’installation. Si vous avez quelque chose en rouge, il faudra vous référer à votre hébergeur ou demander de l’aide à la communauté Joomla.
Si tous les éléments sont corrects vous pouvez cliquer sur suivant en haut à droite.

L’étape suivante est en fait la licence publique générale GNU que vous vous engagez à respecter. En bref, vous êtes libres de modifier les fichiers comme bon vous semble, d’améliorer le programme et de rendre publiques les modifications afin que l’ensemble de la communauté en bénéficie (gratuitement ou non). Faîtes suivant encore une fois.

La quatrième étape est la plus importante. C’est maintenant que nous allons configurer la base de données. Il va falloir vous référer au mail (le même où vous avez récupéré les informations du FTP normalement) que vous a envoyé votre hébergeur pour récupérer les données de configuration de la base de données. Remplissez les champs avec ces informations comme sur l’image :

Lorsque vous faîtes suivant, le logiciel crée les tables dans la base de données. Si tout s’est bien passé, vous passez à l’étape suivante. Si vous avez un message d’erreur, vous avez dû vous tromper dans les informations que vous avez rentré. Si c’est le cas faîtes simplement précédent et refaîtes l’étape avec les bonnes informations.

Si vous n’avez pas eu de problèmes à l’étape 2, vous pouvez ignorer l’étape suivante. Elle est utile uniquement pour un type de serveur particulier. De toute façon ne vous inquiétez pas, cette étape n’empêchera pas votre installation et peut au besoin se refaire dans l’interface administration une fois l’installation terminée.

C’est bientôt terminé. L’étape 6 vous permet de configurer votre site. Inscrivez le nom de votre site (exemple : La cuisine de Maman), votre e-mail (pour les formulaires de contact et en cas de mot de passe perdu) et votre mot de passe (attention, c’est celui que vous utiliserez pour vous connecter à l’administration de votre site).
On vous donne également la possibilité d’installer des données d’exemples. Il s’agit de faux contenus qui seront d’office ajoutés pour vous donner une idée de votre site une fois rempli. Je conseille aux débutants de réaliser cette étape. Pour ce faire, cliquez sur le bouton « Installer les données d’exemples« .
La dernière option de cette étape vous donne la possibilité de charger des données d’une autre installation de Joomla. Comme cet article s’adresse à des néophytes, je ne la détaillerai pas.
Vous pouvez cliquer sur « Suivant » en haut à droite.

Voila l’installation de Joomla est terminée. Il ne vous reste plus qu’à supprimer le dossier « installation » à l’aide de votre logiciel FTP (Filezilla). Une fois cela fait vous pouvez aller voir votre site.

Pour vous connecter à votre interface administration, allez à http://cuisinedemaman.fr/administrator/ ou cliquez sur le lien « administrator » quelque part dans le menu du site. Utilisez l’identifiant « admin » et le mot de passe choisi à l’étape 6.

Votre site est maintenant opérationnel. Il ne vous reste plus qu’à créer/éditer vos contenus et à personnaliser votre site. Je vous conseille le document pdf « Joomla pour les nuls » mis à disposition gratuitement par la communauté. Il est très bien fait et vous aidera grandement dans la conception de votre site.

Amusez-vous bien !

Je fais partie de ces personnes qui pensent que la curiosité n’a jamais été un défaut. Qu’il s’agit même de la meilleure des manières d’apprendre et de s’ouvrir au monde.

Alors j’ai été voir sur les différentes versions de Google. Je connaissais déjà tout ce qui est Google UK, US, Nederland… mais j’ai eu cette idée -ce pressentiment- que cela pouvait être intéressant d’aller voir à quoi ressemble Google plus à l’Est, en Asie par exemple.

En effet, Google propose plus de 104 langues ou dialectes et offre une version personnalisée de son moteur pour 138 pays (un tableau récapitulatif peut être trouvé sur cet article : Google dans le monde : Langues et Pays).

En parcourant les différentes versions de Google, on se rend compte que le Google africain est exactement le même qu’un Google russe, qui est lui même identique au Google européen et américain. Les différences culturelles qu’il peut y avoir entre tous ces pays sont effacées pour rassembler le tout dans cette interface simple et épurée que nous connaissons tous.

Évidemment, les particularités de certaines langues obligent à avoir quelques différences. Par exemple les langues arabes qui obligent les résultats à être présentés de la droite vers la gauche et qui donnent une tête assez surprenante à ceux-ci.

Google en Asie : le marché de tous les efforts

C’est pourtant en Asie que Google a fait le plus d’efforts. Commençons par la plus petite modification avant de nous intéresser au cas particulier de la Chine.

Nous avons vu que les particularités linguistiques pouvaient amener une présentation des résultats différentes… mais voilà que les langues asiatiques posent un problème de lisibilité. Mettre en gras les symboles de votre requête, comme cela peut être le cas pour Google France, ne suffit pas en thaï, vietnamien ou chinois

Exemple : 类没有显示的信息分类,标识

C’est pourquoi Google a adopté un procédé (déjà présent chez son concurrent chinois Baidu) qui consiste à mettre les symboles recherchés en couleur rouge. Ci-dessous l’exemple de Google ประเทศไทย… euh pardon Google Thaïlande.

Google en Chine

J’avais commencé cet article bien avant cette grande histoire sur le possible départ de Google de la Chine. Mais il est maintenant impossible de ne pas en faire mention. Si vous souhaitez vous informer sur la décision de Google de stopper la censure de ses résultats en Chine ou de quitter ce pays si le gouvernement le refuse, je vous conseille de lire cet article.

Toujours est-il que la Chine est un marché très particulier pour Google. Le n°1 mondial de la recherche en ligne n’aurait que 35,6% du marché chinois selon les dernières estimations de la société Analysys International.

En effet, face à lui il y a Baidu qui aurait 58,4% du marché de la recherche en ligne en Chine.

C’est donc une véritable guerre qui s’est déroulée là-bas. Une partie de l’histoire de Google que nous ne connaissons pas ou très mal.

La preuve en est de cette acquisition en 2007 de 265.com, pour un montant qui nous est inconnu. Le site que Google a acheté est un annuaire qui était déjà bien connu du public chinois et avait un trafic assez important.Le célèbre entrepreneur chinois qui a vendu 265.com à Google lui a vendu un autre nom de domaine qui ne possède qu’un seul caractère : G.cn (qui redirige aujourd’hui vers Google Chine).

C’était sans compter que le grand concurrent de Google, Baidu Inc, allait racheter le plus grand concurrent de 265.com : Hao123.com (qui possède d’ailleurs un trafic bien plus important).

Google quitter la Chine ? Ce serait bien dommage au vu de tous les efforts qui ont été faits là-bas.

Bien évidemment (et selon l’AFP), quand on interroge la population chinoise, celle-ci prends le parti de Baidu qui serait plus adapté à leurs besoins face à un Google où il ne serait pas à l’aise.

Mais la Chine est pourtant bel et bien le pays où Google a essayé de s’adapter au mieux en changeant le visage de son interface sur de nombreux points. Il suffit de regarder sa page d’accueil (première image de cet article) où des petits points de couleurs représentent les différents services Google et vont faire surgir des images au survol.

Ou encore iGoogle, le service de page d’accueil que Google met en avant en Chine avec des tutoriaux et des vidéos d’explications dont voici un exemple où l’on voit que Google sort totalement de l’image qu’il veut donner en occident :

En effet, Google qui nous offre habituellement des interfaces toujours épurés et sans fioritures, va ici ajouter de nombreuses petites choses pour essayer de plaire au public chinois.

J’ai du mal à m’imaginer Google abandonner ses 35,6% de marché en Chine après tous les efforts qu’il a fait pour les acquérir.

Certaines personnes se rappellent pourtant que le géant américain a déjà avoué que le marché chinois ne pesait que peu dans son chiffre d’affaire, et ont dans l’idée que cette histoire de censure des résultats n’est au final qu’un prétexte pour partir la tête haute d’un pays où il n’a pas réussi à s’imposer.

Photo AFP

Première étape, l’inscription. Le service vient de sortir de sa version bêta et tout le monde peut maintenant s’inscrire. Il  vous faudra donc commencer par vous inscrire sur le site.  Une fois connecté, il sera temps de choisir l’apparence et les fonctionnalités de votre future barre Wibiya. Commençons par les fonctionnalités. Vous aurez le choix entre une dizaine d’outils :

• Un moteur de recherche : ce dernier permet à vos lecteurs de choisir s’ils veulent effectuer une recherche sur votre blog ou sur Google.
• Un outil de traduction : les langues les plus répandues sont présentes : anglais, espagnol, chinois, japonais, coréen, russe, néerlandais, … La traduction est effectuée par les services Google. En net progrès par rapport à il y a quelques années, cela n’en reste pas moins de la traduction automatique avec son lot d’imperfections. Pratique mais cela ne fera pas de votre blog un véritable blog multilingue. Néanmoins, la solution Wibiya est beaucoup moins lourde et tout aussi satisfaisante qu’un plugin comme « Global Translator« .
• L’exploration de vos articles : vos lecteurs pourront accéder à vos derniers articles et/ou lire un article sélectionné au hasard. Un bon moyen pour faire (re)vivre vos anciens billets.
• Un panneau Twitter : Très pratique, il vous permet de voir les tweets concernant votre blog et ainsi découvrir qui fait votre promotion. Il permet également à vos lecteurs de lire vos derniers tweets et de vous suivre.
• Un panneau Facebook : certainement la partie la plus « communautaire » de la barre. Elle permet à ceux qui le souhaitent de devenir « fan »de votre blog si ce dernier possède une « fan page » sur Facebook. Il est aussi possible de choisir de faire partie de la communauté du blog et d’utiliser une « shoutbox » pour discuter entre lecteurs. Je dois avouer que sur mon blog, l’activité sur ce plan est quasi-nulle.
• Un outil de partage de vos articles : cet outil remplace avantageusement de nombreux plugins du genre. En effet, grâce à cet outil, vos lecteurs pourront facilement partager vos articles sur Twitter, Facebook, FriendFeed, Digg, Delicious, …
• L’abonnement à votre flux RSS : probablement déjà présent sur votre blog, voici un nouveau point d’entrée pour permettre à vos lecteurs de s’abonner au flux RSS de votre blog.
• La galerie photo Flickr : vous possédez un compte Flickr, vous souhaitez partager certaines de vos photos, Wibiya vous propose de le faire facilement sans ajouter d’autre plugin.
• Un outil de notifications : vous voulez dire un mot d’accueil à vos visiteurs, il suffit de paramétrer un message dans le « dashboard » de Wibiya et chaque nouvel arrivant sur votre blog verra apparaitre votre message.
• Un module de jeux : très gadget à mes yeux, vous pourrez néanmoins permettre à vos visiteurs de jouer à des centaines de petits jeux sans quitter votre blog.

Voilà pour les fonctionnalités. Il vous reste donc à personnaliser l’apparence de votre barre. Vous aurez le choix entre une trentaine de couleurs. Il vous sera également possible d’uploader une icône pour la barre de recherche.

Dernière étape, l’installation. Cette barre s’installe très facilement, soit par widget, soit par plugin soit grâce à un petit bout de code à insérer suivant la plateforme que vous utilisez. Bien qu’étant sous Wordpress, j’ai opté pour le code à insérer. qui évite de trop alourdir le temps de chargement de votre page. L’opération est simple et à la portée des plus néophytes.

Voilà, tout est prêt. Il ne vous reste plus qu’à souhaiter que vos lecteurs trouvent une utilité à cette barre qui bien que déjà discrète, peut facilement se réduire en un clic. Pour consulter les statistiques et paramétrer la barre, il suffira de vous rendre sur votre « dashboard » sur le site de Wibiya.

Par rapport à mon blog, la barre Wibiya est autant utilisée par moi que par mes lecteurs. Elle me sert notamment à visualiser qui twitte à partir de mon blog et permet à mes visiteurs de s’abonner à mon flux RSS et partager mes articles. Quelques dizaines d’articles ont également été traduits à partir de la barre. Un bilan plutôt positif en somme.

Les + :

• facile à installer
• discrète
• remplace potentiellement de nombreux plugins
• apporte un aspect « communautaire » à votre blog

Les – :

• certaines fonctionnalités un peu « gadget »
• peu de possibilités de personnalisation

Une note ? 4/5.

Convaincu(e) ? Rendez-vous de ce pas sur Wibiya pour l’intégrer sur votre site.

Suite à l’achat d’un hébergement et d’un nom de domaine, il va évidemment falloir arriver à l’étape où l’on va mettre en place un site web, un blog ou tout projet qui nécessite d’avoir un petit espace sur Internet.

Je présenterai plus tard d’autres alternatives, mais comme aujourd’hui WordPress est la solution que je connais le mieux, commençons par ce qui me semble être le plus simple, efficace et rapide à mettre en place.

Il va falloir tout d’abord vous rendre sur fr.wordpress.org pour télécharger la dernière version de WordPress (à l’heure où je vous parle il s’agit de la 2.9.1 disponible en français ici )

Une fois téléchargée et dézippée, allez dans le dossier « wordpress » pour retrouver un fichier nommé wp-config-sample.php, que vous allez renommer en wp-config.php (il vous suffit juste de cliquer sur le nom et d’en effacer la partie -sample).

Puis ouvrez ce fichier wp-config.php dans un éditeur de texte de type Notepad ou TextEdit. Réservez-le sur le côté le temps de créer une base de donnée.

Pour cela il va vous falloir mettre les mains dans le cambouis (mais nul raison d’avoir peur) et retrouver le mail qui vous a été envoyé par votre hébergeur.

Dans ce mail (mais vous pourrez également retrouvez ces informations dans l’espace client de votre hébergeur), il y a une donnée qui vous donne une adresse qui ressemble à phpmyadmin4.trusttelecom.fr

En allant à cette adresse, il vous sera demandé votre Login et Mot de passe, qui sont fournis dans ce même mail (ou même page).

Une fois sur cet écran, et plus précisément dans la zone « Créer base de données »,vous allez effacer les trois points pour ajouter le nom de votre site. Dans le cas de WebTribulation, j’ai mis quelque chose ressemblant à Valentin1911_webtribulation puis cliquez sur « Créer ».

Retournez dans le fichier wp-config.php que vous avez ouvert dans un éditeur de texte.

Dans la partie « Réglages MySQL », vous allez remplir comme suit, en remplaçant les informations que j’ai mis ici par celles qui vous ont été données dans le mail de votre hébergeur. Et en ce qui concerne « le nom de la base de données de WordPress », il va falloir mettre le nom de la base de données que vous venez de créer (chez moi c’était Valentin1911_webtribulation).

Voici un exemple de ce à quoi cela peut ressembler

// ** Réglages MySQL – Votre hébergeur doit vous fournir ces informations. ** //
/** Le nom de la base de données de WordPress. */
define(‘DB_NAME’, ‘ValentinTT1911_webtribulation’);

/** Utilisateur de la base de données MySQL. */
define(‘DB_USER’, ‘ValentinTT1911′);

/** Mot de passe de la base de données MySQL. */
define(‘DB_PASSWORD’, ‘145w5004′);

/** Adresse de l’hébergement MySQL. */
define(‘DB_HOST’, ‘localhost’);

Ici il va falloir utiliser un client FTP qui va nous permettre de mettre les éléments constitutifs de votre WordPress sur votre hébergement. Si vous n’avez jamais utilisé de client FTP, je vous conseille d’installer FileZilla (très simple d’utilisation, il est disponible pour Windows, Mac et Linux).

Une fois que vous l’aurez installé, démarrez-le puis entrez les données demandées. C’est à dire remplissez les champs « Hôte », « Identifiant » et « Mot de passe » et « Port ». Toutes ces informations sont présentes dans le mail envoyé par votre hébergement et seront donc sous la forme :

« Hôte » : ftp4.trusttelecom.fr « Indentifiant » : valentinTT1911 « Mot de passe » : 145w5004 « Port » : 21

Puis cliquez sur « Connexion rapide ».

La partie gauche de FileZilla, nommé « Site local », représente le disque dur de votre ordinateur. La partie droite, nommée « Site distant » représente l’espace d’hébergement qui va accueillir votre site.

C’est ici dans la partie en bas à droite (où sont inscrit les mots « Votre hébergement »), que vous allez faire un clic droit « Créer un dossier » que vous allez nommer « www » (sans les guillemets). Ce répertoire sera connu comme étant le répertoire racine. C’est dans celui-ci que vous allez mettre votre site.

Vous allez ensuite utiliser la partie gauche (Site local) pour retrouver le dossier « Wordpress » (celui dans lequel vous avez modifié le wp-config). Une fois trouvé, vous allez double-cliquer dessus pour avoir tous les dossiers et fichiers qu’il contient dans la partie en bas à gauche (avec notamment les dossiers « wp-admin », « wp-content », etc.)

Vous allez tout sélectionner, tous les dossiers et fichiers contenus dans « Wordpress » à l’exception du premier dossier

Vous allez ensuite tout faire glisser vers le dossier « www » que vous aviez créé dans le « Site distant » (comme dans l’image ci-dessous).

Il va falloir ici attendre quelques instants (voir minutes) pour que tous les fichiers se mettent sur votre hébergement.La dernière ligne de la partie supérieure de Filezilla dira : « Statut : déconnecté du serveur »

Une fois le transfert effectué, allez dans votre navigateur Internet et entrez l’adresse de votre site auquel vous ajoutez /wp-admin/install.php à la fin.

Par exemple : http://cuisinedemaman.fr/wp-admin/install.php

Entrez le titre de votre blog et votre adresse mail (vous pourrez encore modifier ces informations par la suite), puis cliquez sur « Installer WordPress ».

Vous allez être redirigé vers un écran qui vous donnera votre nom d’utilisateur (qui sera « admin ») et un long mot de passe compliqué (il vous faudra le changer par la suite).

Cliquez sur « Se connecter » et vous pourrez entrer ces informations qui viennent de vous être données.

Vous avez désormais un site web.

Vous êtes tout d’abord face au panneau d’administration qui va vous permettre de gérer votre site web.

Mais il vous suffit de cliquer en haut sur « Aller sur le site » pour voir le résultat.

Bien évidemment, le visuel par défaut est un peu rudimentaire… mais on va arranger cela très bientôt dans un futur article.

]]> http://webtribulation.com/2010/01/15/mise-en-place-dun-site-wordpress/feed/ 35