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.

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 suis en train de mettre en place un projet très motivant en rapport à la future tablette d’Apple : le iSlate.

Pour cela, j’ai besoin d’un (ou plusieurs) développeur iPhone confirmé.

Il est important que vous maîtrisiez suffisamment bien le SDK pour mettre en place une application qui pourra gérer du contenu image et textuel & du temps à consacrer pour faire avancer ce projet.

Vous comprendrez de part la nature du projet que je ne peux pas vous donner beaucoup de détails… mais je peux dire une chose : nous avons un business model.

Il est donc évident que, dès que l’application sera créée, le développeur qui aura accepté de consacrer du temps pour celle-ci, sera récompensé.

Si vous souhaitez en être : envoyez-moi un mail : WebTribulation AT gmail.com

Si vous souhaitez m’aider dans ma recherche : n’hésitez pas à diffuser ce message et à le ReTweeter.

Si vous désirez suivre ce projet, suivez le flux rss de ce blog ou suivez moi sur Twitter.

EDIT : Moins de 4h après avoir publié ce billet, j’ai peut être déjà trouvé une solution pour le développement de mon projet.

Je tiens donc à remercier toutes les personnes qui ont aidé à diffuser l’information, notamment sur Twitter. Et je vous tiendrais au courant des avancées.

Si vous êtes tout de même intéressé pour participer au projet, n’hésitez pas à me mailer… votre aide pourrait nous aider à amener encore plus vite ce projet.

Merci encore.

Développez pour l’iPhone, est-ce difficile ?

A première vue, il s’agit d’une pratique qui va être réservé aux personnes qui développent déjà, des geeks nourris à l’Ajax, au Cocoa, au C++ depuis leur plus jeune âge.

Évidemment il s’agit de préjugés commun et qui peuvent sembler justifier : c’est sans compter avec un outil : le Dashcode.

Vous n’y rêviez pas, mais Apple l’a fait quand même : une interface qui vous permet de créer une application web pour l’iPhone/iPod Touch en drag & drop.

Il suffit de vous inscrire pour pouvoir télécharger le nécessaire du parfait petit développeur pour iPhone.

J’ai dans l’idée de découvrir petit à petit les possibilités des différents outils proposés. Certains seront à oublié pour une personne qui n’est pas développeur, mais Dashcode semble permettre de créer très facilement une application web.

Je vais donc essayer ce logiciel plus en profondeur. Je vous donnerez mon avis sur cette initiative, ainsi que la description pas à pas la procédure que j’aurais suivi pour  développer pour iPhone.

En attendant, voici une impression de mon écran avec le simulateur iPhone qui fait apparaître un iPhone au centre de l’écran de votre pc/mac et vous permettre d’essayer les applications que vous créez.

Ici, une application web créée en 5 min pour suivre le flux rss de WebTribulation :