Lundi 13 novembre 2006
David Klaus
RapidWeaver: Votre site, tout simplement

Ah les sites internet personnels. Quelle grande invention. Comment? Vous n'avez pas le vôtre? Eh bien figurez-vous que moi non plus. Je ne sais pas très bien pourquoi en fait. Je n'ai jamais vraiment trouvé de solution qui m'ait convenu. Etant une nullité absolue en tout ce qui concerne le PHP et le CSS, je ne me suis jamais lancé dans la création d'un vrai site web. En ce qui concerne les blogs, cette solution ne me suffit pas. Trop simpliste. J'ai utilisé le système GooglePages mais ce système ne permet pas d'éditer les pages hors-ligne et les possibilités sont vraiment trop limitées. Puis est venu iWeb. Ce logiciel a d'excellentes qualités mais il s'avère limité sur certains aspects. Certaines fonctions sont réservées aux abonnés .mac et je trouve que le résultat, une fois en ligne, ressemble encore trop à un blog.

Puis en feuilletant le magazine "A vos Mac" à la bibliothèque du gymnase ("lycée" pour nos amis français), je suis tombé sur un article concernant "RapidWeaver". Il était écrit qu'il pouvait se vanter d'être plus performant que iWeb. Fantastique me suis-je dit. De retour chez moi, je suis allé jeter un coup d'oeil sur le site du logiciel et j'ai téléchargé la version demo.  Après quelques minutes d'essai, je me suis rendu compte que ce programme était tout simplement génial et qu'il fallait absolument que j'en parle sur Cuk. J'ai donc écrit aux programmeurs qui m'ont donné leur accord dans les cinq minutes qui ont suivi.

Grâce à RapidWeaver, vous aussi vous pourrez dire: "Hé je t'ai déjà donné l'adresse de mon site ?"

Ce qu'il y a de bien avec RapidWeaver, c'est que l'on se sent tout de suite chez soi. Voyez plutôt.
L'inerface ressemble à la plupart des programmes Apple. C'est un mélange entre iTunes et iWeb.

Lors de chaque création de nouveau document, RapidWeaver affiche les instructions de démarrage. Il est fortement conseillé de les lire pour comprendre les bases de fonctionnement du logiciel. Ne vous inquiétez pas, je vais tout vous expliquer.

Intuitivement, l'utilisateur cliquera sur le petit "plus" en bas à gauche de la fenêtre. A la suite de cela, nous voici face aux sortes de pages qu'offre RapidWeaver.

Comme le but de ce test est de vous faire découvrir les possibilités de RapidWeaver, nous allons voir les différentes pages selon l'ordre plus ou moins logique dans lequel il conviendrait de les ajouter à un site web.

Qui dit site web, dit "homepage".

Et oui, il nous faut une page d'accueil. Nous allons donc choisir le modèle de page appelé "texte stylé".

Il convient, bien sûr de nommer les pages.

Jusque-là, rien de bien sorcier. Par contre, lorsque la page est créée, il est possible que l'utilisateur lambda (ne voyez rien de dégradant en ce terme) se trouve un peu abattu. On se trouve face à une page blanche et vide. Nous étions en droit de nous attendre à une superbe page avec un design déja tout préparé, tout beau, tout propre. Patience, c'est pour après.

Cete page blanche est une zone de texte.

Et comme tout éditeur de texte, il est possible de tout modifier (couleurs, taille, liens, images, etc.)
Les plus perspicaces d'entre vous, auront sans doute remarqué que la fenêtre de RapidWeaver est surplombée par trois boutons.
Le bouton "Edition" sert, comme son nom l'indique, à éditer la page.

Le bouton "Code" vous permet de voir tout le code de la page.

Le code de la page n'est pas éditable. Je n'ai pas très bien compris l'intérêt de cette fonction.

Et maintenant, ouvrez grand vos yeux. Nous allons passer à l'onglet "Aperçu". C'est ici que les choses se mettent en place. Notre joli texte est prêt, il est temps de le placer dans le thème. Et voilà ce que cela donne
C'est assez joli mais le thème ne me plait pas. Aucune importance, il suffit d'en changer au moyen de ce bouton...
...et de choisir celui qui vous convient.
Il y en a bien plus mais il était impossible de tous les montrer ici. Un simple clic change le thème de la page.

Joli n'est-ce pas ? Les thèmes sont tous de très grande qualité et vous en trouverez certainement un qui vous conviendra parfaitement.

Faisons maintenant une petite parenthèse pour entrer dans des aspects subtils. Vous avez sans doute remarqué que cette page de test comporte le titre "Mon site web". Il est bien sûr possible d'éditer cela ainsi que bien d'autres choses. Cela se passe dans la fenêtre "Réglages du site".

Il est possible d'y éditer le titre, le slogan (comprenez "sous-titre"), d'ajouter un copyright avec une adresse e-mail pour le contact et d'indiquer le nom de la page d'index. La fonction que je trouve géniale est de pouvoir ajouter un "favicon". Vous savez la petite image à côté de l'adresse d'un site dans la barre d'URL du navigateur. Pas besoin d'être un as du code, RapidWeaver s'en charge.

Il est également possible d'éditer les paramètres de chaque page de façon à peu près similaire à celle utilisée pour les réglages du site. Il y a tout de même quelques options en plus dont la possibilité d'afficher un commentaire dans la barre latérale du site. Explication: chaque thème dispose d'une barre latérale pour l'affichage des titres des pages.

Au moyen de la fenêtre des options de pages, il est possible d'ajouter une ou plusieurs lignes de texte sous le titre.

Cela donne...

Cela peut-être utile dans certains cas pour clarifier le plan du site, par exemple.

Maintenant que vous avez compris, du moins je l'espère, les bases de fonctionnement de RapidWeaver, nous pouvons passer à l'exploration des différents modèles de page proposés.

Les formulaires

Un site web c'est bien. Mais que les utilisateurs puissent vous contacter, c'est mieux. Il existe l'option d'écrire son adresse e-mail au bas de la page ou dans une page prévue à cet effet. Pour ma part, je trouve que l'utilisation d'un formulaire de contact est plus élégante. Mais problème de taille: je ne connais rien au PHP. Heureusement, RapidWeaver va pallier mon ignorance grâce à la gestion des formulaires. Voyez plutôt.

Voici comment apparaît la page de création du formulaire. Certains champs ont déjà été créés. Il est possible d'en ajouter grâce au bouton "+" situé en bas de rubrique.

Une ligne vient s'ajouter et il est possible de choisir le type de rubrique.
Choisissons, par exemple, "Boutons radio". Donnons lui un nom: "Mangez-vous des surgelés ?"
On constate également la présence d'un bouton à cocher à droite de la rubrique. Il sert à déterminer si ce champ devra être rempli lors de l'envoi du formulaire.
Pour que l'utilisateur puisse répondre à la question qui lui est posée, il faut pouvoir lui donner des options.
Et il est possible de donner autant d'options que l'on désire.

Les autres options telles que "Menu local" permettent également d'insérer plusieurs options.

Une fois que notre formulaire est fin prêt, il serait bon de faire un tour du côté des paramètres.

Pour que le webmaster reçoive correctement les résultats du formulaire par mail, il est nécessaire d'introduire quelques indications.
Ici, il est possible de spécifier l'adresse le formulaire devra être envoyé ainsi que d'autres paramètres concernant l'expéditeur et l'objet du message.
Il est même possible de personnaliser les messages qui seront affichés avant et après le remplissage du formulaire par l'utilisateur. Ils ont vraiment pensé à tout.

Une fois tous ces paramètres réglés, admirons le résultat.

Lorsque l'utilisateur cliquera sur "envoyer", le résultat du formulaire sera envoyé à l'adresse indiquée dans les préférences.

Attention tout de même à une chose: le serveur sur lequel sera hébergé le site devra supporter le PHP. Autrement le formulaire ne fonctionnera pas du tout.

Le partage de fichier

Il est bien utile de pouvoir partager des fichiers sur son site. Mais il n'est pas forcément aisé d'organiser une page prévue à cet effet. Là encore, RapidWeaver offre une solution.

Une simple liste où viendront se loger les fichiers mais qui laisse tout de même quelques choix d'options.

Pour ajouter un fichier, il suffit de le glisser dans la fenêtre.

Les champs "Titre" et "Description" sont bien sûr éditables et le menu "Type de source" sert à indiquer si la source est un chemin de fichier ou une adresse URL.

Et une fois sur la page, voici ce que cela donne.

Bon, je vous l'accorde, ce n'est pas la fonction la plus impressionnante de RapidWeaver. Mais c'est bien pratique tout de même si l'on a une quantité importante de fichier à gérer.

iFrame

Sous ce nom mystérieux se cache une fonction assez intéressante. Ce module permet d'afficher un site externe dans une page.

Exemple:

Ici, j'ai choisi d'insérer Cuk.ch dans une des mes pages. Je peux choisir la taille que fera le cadre.

Page de vidéo

Aujourd'hui, tout le monde met ses vidéos sur internet. RapidWeaver propose un outil pour les mettre en page. Mais rien de plus. Ne vous attendez pas à un systeme pour convertir vos vidéos au meilleur format pour le web. Si la vidéo insérée dans la page pèse 3Go, il faudra uploader 3Go sur le serveur. En même temps, ce n'est pas le boulot de RapidWeaver de convertir des séquences.

Intéressons-nous donc à la mise en page. Encore une fois, il suffit de déposer le fichier pour l'ajouter à la page.

Il est possible de renommer les fichiers. L'image que le logiciel affiche sera la vignette associée à la vidéo sur la page.
Blog

Ah mes amis, le blog ! Mais qui aujourd'hui n'a pas son blog ? Des étudiants au retraités, tout le monde y passe et le résultat est plus ou moins bon. Il existe plusieurs systèmes pour créer des blogs. Les plus connus sont Skyblog (surtout chez les jeunes) et Blogger (par Google). Mais franchement, je n'ai jamais trouvé tout ces systèmes vraiment efficaces au niveau de la gestion. Il faut être en ligne pour pouvoir rédiger son texte et je ne trouve pas cela vraiment intuitif. Par contre, je trouve le système de RapidWeaver assez performant. Voici comment il fonctionne.

Tout d'abord, faisons un tour du côté des préférences du module.

Dans les préférences générales, il est possible de régler des paramètres comme l'archivage des articles ainsi que l'activation des commentaires. Pour cela il suffit de créer un compte sur HaloScan. La procédure est expliquée au bas de la fenêtre et il n'y a pas besoin d'être un ingénieur en informatique niveau 48 pour y parvenir.
Dans l'onglet "Catégories", il est possible de définir des catégories pour les articles à publier. Par exemple, certains articles seront dans la catégorie "Musique", d'autres "Cuk", etc.

Cet onglet est vraiment intéressant. Il permet de gérer la publication du flux RSS du blog. Plusieurs options sont éditables comme le titre du flux, sa description, etc.

Pour que le flux RSS soit actif, il suffit de préciser l'adresse du site dans l'onglet "publication" des préférences du site et le tour est joué. Cette fonction est vraiment très performante est très facile à mettre en oeuvre.

Dans les trois derniers onglets des préférences, on peut régler le format de date, ajouter des informations pour l'éventuelle publication de podcasts ou alors activer le référencement sur des sites dédiés aux blogs.

Voyons maintenant la rédaction des articles du blog.

Tout d'abord, regardons l'interface

Les articles sont rangés dans la partie supérieure de la fenêtre, par ordre chronologique. Pour ajouter un article, il suffit de clique sur le "+".
Il y a deux rubriques "Titre" et "Date". La date est insérée automatiquement lors de la création de l'article mais elle peut être modifiée ultérieurement.

La partie inférieure de la fenêtre permet de rédiger l'article.

Le fonctionnement n'est pas compliqué. Le champ de texte "Titre" est, comme son nom l'indique, destiné au titre de l'article. Le manu "Catégorie" permet de sélectionner une des catégories que nous avons définies avant.

Puis deux onglets sont à notre disposition. Le champ "Texte de l'entrée" est destiné à contenir le texte complet de l'article et le champ "Résumé" doit contenir une brève description de l'article.

Et voilà le résultat une fois inséré dans le thème.

Forcement, on ne peut pas bien se rendre compte réellement de l'efficacité du module avec deux articles. Mais le système est réellement bien pensé.

Album photo

Vous prenez beaucoup de photos ? Vous aimeriez les partager avec le monde ? Internet est un bon moyen. Mais pour cela, il faut les mettre en page et c'est parfois fastidieux. Rapidweaver est doté d'un module d'album photo. Voici comment il fonctionne.

Tout d'abord, voici l'interface.

Elle est divisée en deux parties. Sur la partie gauche, on remarque que sont présents les albums photo de iPhoto. Mais si on ne désire pas importer des photos d'iPhoto, il est possible d'ajouter les photos depuis le Finder par un simple glisser-déposer. Dans ce cas, il conviendra de donner un nom à l'album.

Dans la partie droite de l'interface, l'utilisateur peut gérer les photos en elle-même et, en particulier, les légendes.
Le nom du fichier apparaîtra sur la page si aucune légende n'est insérée.

Voilà, c'est aussi simple que cela de créer un album photo avec RapidWeaver. Jetons tout de même un coup d'oeil du côté des préférences.

Dans les préférences générales, il est possible de régler la compression des images et de définir la place des légendes (pas de légendes, seulement en pleine page, seulement sous les vignettes, etc.)

Plus intéressant maintenant: deux options sont proposées pour les galeries. Une simple galerie HTML ou une présentation en Flash. Les présentations Flash sont très bien réalisées et apportent une touche plus "pro" à la galerie.

Plus bas, il s'agit de choisir la taille des grandes images et la taille des vignettes.

L'onglet "Navigation" sert à indiquer en quels termes devront être affichés les liens "Précédente" et "Suivante". L'onglet "Expert" concerne les caches d'exportation et la prise en charge des ordinateurs à processeurs multiples.

Pour terminer, voyons ce que donnent les photos une fois exportées.

Voici la vue version vignettes...

...et la version agrandie.

Les autres modules en bref...

Il y a d'autres modules integrés à RapidWeaver mais qui ne nécessitent pas une longue description.

  • Code HTML: Permet de créer pratiquement n'importe quoi en HTML, XML ou PHP. 
  • Page externe: Un simple lien vers une URL.
  • QuickTime: Un module presque comme l'album de vidéos mais qui autorise l'affichage que d'une seule vidéo.

Mettre son site en ligne

Notre site est enfin prêt. Il est temps de le mettre en ligne. Il y a plusieurs options d'exportation.

  • Exporter le site: Cette fonction exporte tout le site dans un dossier. Les pages sont organisées en dossier et il suffit de les mettre en ligne via un client FTP.
  • Exporter les modifications: Cette fonction exporte uniquement les pages modifiées (donc pas tout le site) dans un dossier.
  • Publier le site: Cette fonction publie le site sur le web via le module d'exportation FTP de RapidWeaver.
  • Publier les modifications: Exporte uniquement les pages modifiées via le module d'exportation FTP de RapidWeaver.
Le client FTP, parlons-en. Il y a deux options, la publication sur un compte .Mac et la publication sur un compte FTP classique.
Pour la publication sur un compte .Mac, il suffit de fournit le nom de compte et le mot de passe ainsi que le chemin d'accès (c'est à dire le répértoire dans lequel devra être placé le site). Comme je n'ai pas de compte .Mac, je n'ai pas pu tester cette fonction.

Pour ce qui est du compte FTP, j'ai testé et c'est vraiment très facile. Pas besoin de s'encombrer d'un client FTP. Tout se passe dans RapidWeaver.

Pour la publication via un FTP, il faut fournir l'adresse du serveur, le "login", le mot de passe et le chemin d'accès. Puis, en cliquant sur "Publier", le site se met en ligne tout seul. Encore mieux :lors des publications futures, il ne sera même plus nécessaire d'entrer ces paramètres. Un simple clic sur le bouton "Publier" suffira à mettre en ligne les modifications apportées au site.

Aller plus loin avec RapidWeaver...

Sur le site de RapidWeaver, on trouve une page consacrée aux modules et thèmes supplémentaires. Il y en a de très intéressants. Notamment celui qui intègre le calendrier iCal à une page.

RapidWeaver pour qui ? Et conclusion...

Je dirais que RapidWeaver est un bon complément de iWeb. Il le surpasse largement sur certains points mais sur d'autres, iWeb est plus performant. Notamment en ce qui concerne la gestion des polices non compatibles web (iWeb les transforme en images). La fonction blog est très intéressante et offre plus de souplesse que les systèmes en ligne. Les thèmes sont de grande qualité. On regrette, en revanche, qu'ils ne soient pas éditables facilement. En effet, il faut connâitre le langage CSS pour pouvoir le faire. La possibilité de créer des formulaires est fantastique.

RapidWeaver est vraiment très intuitif. Une personne n'y connaissant rien à rien à la création de site pourra rapidement être capable de mettre en ligne des pages. Le logiciel est très bien intégré avec Mac OS X car il dispose d'un navigateur de media permettant d'avoir accès rapidement à tout le contenu iLife (musique, photo, vidéo, etc.).

Bien sûr, RapidWeaver ne conviendra pas pour un site professionnel. Les options de personalisation ne sont pas assez poussées. Mais un particulier du commun des mortels (comme moi) y trouvera son compte. Pour ma part, j'utilise iWeb et RapidWeaver pour le même site.

En conclusion, RapidWeaver est un excellent logiciel, très bien conçu, unique en son genre et presque incontournable. Il conviendra parfaitement à une personne désirant se créer rapidement un site personnel avec un design "passe-partout" ou à une petite association.

Les mises à jour de RapidWeaver semblent assez régulières. Espérons que d'autres modules seront ajoutées au fil de ces mises à jour.

David Klaus