Une application de gestion de projets, mais pour quoi faire ?

Je travaille comme freelance depuis bientôt 1 an. Il m’arrive régulièrement de collaborer avec une amie graphiste/maquettiste pao et depuis quelques semaines, on a décidé de pousser plus loin notre collaboration et de proposer une offre commune (avec l’objectif à terme de créer une structure commune, type SARL).

Jusque-ici, nous avions l’habitude de travailler par email et par téléphone. Un dossier partagé sur Dropbox nous permettait de mettre en commun nos documents: cahier des charges, maquettes, fichiers psd, etc. Malgré tout, si ce système fonctionnait bien jusque-là, il y a un certain nombre d’actions qui nécessitaient un suivi plus sérieux: gestion des tâches à réaliser, évaluation du temps passé, archivage des discussions afin d’y revenir plus facilement, etc. Bref, il était temps de passer au stade supérieur: l’utilisation d’un véritable outil de gestion de projets.

Pourquoi n’ai-je pas retenu Collabtive?

Collabtive est une application de gestion de projets opensource. Ceux qui me connaissent savent que je participe activement à la communauté francophone de Collabtive: maintenance du fichier de langue français, traduction des articles du blog, participation au forum et mise à jour du canal Twitter francophone. C’est un outil que j’utilise parfois pour mon activité freelance et j’aime à croire qu’il deviendra un outil opensource reconnu dans les années à venir.

Malgré tout, Collabtive est encore en phase beta (comprendre, non utilisable en production). Les fonctionnalités principales sont bien présentes, mais il y a régulièrement des bugs qui entravent le bon fonctionnement de l’application. J’essaie de les rapporter dans la mesure du possible – et surtout de mon temps disponible – mais en attendant, je suis parfois bloqué dans l’utilisation de certains fonctionnalités. Dans le cadre d’une collaboration professionnelle, je ne pouvais donc pas me permettre ce genre de risque et il me fallait donc partir à la recherche d’un autre outil.

Le choix de Goplan

Il existe une multitude d’outils de gestion de projets, mais Goplan a très vite retenu mon attention, notamment de part sa simplicité d’utilisation et son prix accessible.

Simplicité et ergonomie

L’interface de Goplan est minimaliste au possible, tout en étant très ergonomique. L’ensemble est très bien pensé et on se retrouve donc très vite dans les menus. Prenez par exemple le tableau de bord de 5pm, il  donne une impression de surcharge visuelle et je trouve qu’il n’est pas évident d’identifier les différentes actions possibles. Au contraire, Goplan a pris le parti de la simplicité et seules les informations utiles sont disponibles.

Des fonctionnalités parfaitement étudiées

Derrière l’apparente simplicité se cache en fait une multitude de détails qui font de Goplan une application très complète et très puissante. Le nombre de fonctionnalités est probablement un cran en-dessous nombre d’applications concurrentes, mais chacune de ces fonctionnalités a fait l’objet de toutes les attentions.

Prenons par exemple la barre de statut. Elle permet d’ajouter un statut, de la manière que sur un service type Twitter ou Facebook. Si je suis en train de consulter une tâche à réaliser, celle-ci va légèrement changer de rôle et me permettre de démarrer le timetracker en précisant comme statut l’intitulé de la tâche en consultation. Pratique, non ?

Barre de statut et de timetracking

A l’usage, on constate finalement que Goplan propose différents niveaux de lisibilité: l’utilisateur occasionnel n’est pas noyé sous une tonne de fonctionnalités tandis que l’utilisateur chevronné peut apprendre à utiliser les raccourcis et détails cachés de l’interface. Un subtile équilibre que Goplan maîtrise parfaitement.

Un prix accessible

A 10$/mois, on a accès à la gestion de 15 projets et un espace de stockage de 10 Go. On peut également donner accès à 5 utilisateurs et 15 collaborateurs. Vu nos prévisions en terme d’organisation et d’intervention d’autres prestataires, l’offre Startup est tout à fait adaptée. Les offres supérieures restent à un prix tout à fait correct, ce qui permet d’envisager sereinement l’évolution de nos besoins.

Quelques manques bientôt corrigés

Pour le moment, il y a deux points sur lesquels Goplan pêche un peu, mais qui seront heureusement bientôt corrigés:

• Localisation en français: pas indispensable dans l’immédiat, mais bien pratique si d’autres collaborateurs sont amenés à utiliser le service,
• Gestion de droits utilisateurs: pour le moment, seuls trois rôles existent (administrateur, membre, collaborateur) avec des droits prédéfinis.

A chaque besoin son outil

Goplan ne répondra probablement pas à toutes les problématiques, notamment si vous souhaitez des fonctionnalités plus poussées comme une intégration avec des dépôts SVN ou Git, un wiki, une gestion poussée des droits utilisateurs, etc. En l’occurrence, des solutions comme activeCollab ou Assembla seront bien plus adaptées. Prenez le temps de bien faire l’inventaire de vos besoins, c’est indispensable afin d’identifier des solutions potentiellement adaptées.

Malgré tout, si vous cherchez une application de gestion de projets simple, facile à utiliser et à un prix accessible, je vous conseille vivement de jeter un oeil à Goplan.

C’est peu dire que nous sommes excités à l’issu de cette publication. Bien plus qu’un simple nouveau thème pour le gestionnaire et quelques corrections de bugs, Evolution 1.0.0 représente une immense somme de travail réalisée par de nombreuses personnes. Notre code historique n’est ni dépassé, ni obsolète; bien au contraire, il vient de bénéficier d’une grande avancée et constitue maintenant une base solide pour assurer les développements futurs et apporter de nouvelles améliorations.

Corrections de bugs et améliorations mises à part, cette version 1.0 se concentre sur quelques domaines bien précis. Bien entendu, la communauté internationale mérite un grand « merci » pour tout le travail de mise à jour des différentes traductions.

Adapter la terminologie à celle de MODx Revolution
MODx Revolution va être publié un peu plus tard dans l’année, cette version constitue une réécriture complète d’Evolution/096x et sera bien plus appropriée pour les environnements plus exigeants et également plus puissante pour les développeurs. Les principaux changements dans la terminologie, avec lesquels nous avons synchronisé Evolution comprennent :

• ressources → Éléments (Snippets, Chunks, etc.)
• documents → Ressources (comme dans identifiant universel de Ressource / URI)
• explorateur de ressources → Explorateur de Fichiers
• dossier (dans l’Arbre du Site MODx) → Conteneur
• dossier (dans le système de fichiers) → Répertoire
• arbre → Arbre du Site

Améliorer les fonctionnalités et l’ergonomie pour les autres langues et la personnalisation
Il y a plus d’utilisateurs de MODx qui parlent Anglais en seconde langue, et parfois pas du tout, que d’utilisateurs qui le parlent nativement.

• possibilité de spécifier le format des dates dans le Gestionnaire
• possibilité d’avoir un thème RTL (affichage du texte de gauche à droite) sans utiliser un thème spécifique
• support des langues RTL dans l’installateur
• nouveau système de translitération des URLs, afin d’offrir un meilleur affichage des pages dans les autres langues et de faciliter l’optimisation SEO
• nettoyage et simplification des termes et textes utilisés dans le Gestionnaire
• le Gestionnaire peut maintenant afficher des fonctionnalités personnalisées sur la page d’accueil (ajout d’un événement spécifique)

Nettoyage d’une partie du code hérité des anciennes versions
Au fur et à mesure des années, nous avons accumulé de nombreuses lignes de codes, et nous avons donc initié un nettoyage interne, c’est-à-dire :

• purgé et consolidé les librairies JS utilisées pour le back end
• nettoyé le modèle par défaut et le contenu de démonstration… et décidé d’organiser un concours afin de remplacer le contenu du site de démonstration (plus d’informations dans les semaines à venir)
• nouveau calendrier pour les champs de date
• réduit le nombre de fichiers et ainsi diminué la taille de la distribution, et ce malgré l’ajout de nouvelles langues dans l’installateur et le gestionnaire: 2382 fichiers et 15,6 MB (sur le disque et décompressé) pour la version 0.9.6.3 → 1804 fichiers et 13.6 MB pour la version 1.0.0
• nouveau thème pour le gestionnaire et le début d’une réécriture totale de l’ensemble du balisage (d’autres améliorations à venir dans les prochaines versions)

Pour télécharger MODx Evolution: http://modxcms.com/download/

Back-office de 68KB

Les fonctionnalités de base sont multiples:

• catégories et sous-catégories, avec niveau hiérarchique illimité,
• glossaire, vous permettant ainsi de lister des mots-clés et leur définition,
• commentaires,
• ajout de fichiers attachés aux articles,
• statistiques,
• multilinguisme,
• gestion d’utilisateurs,
• réécriture d’URLs.

Les recherches effectuées par les visiteurs sont automatiquement enregistrées. Vous pouvez ainsi savoir quels sont les problèmes les plus fréquents et les documenter si besoin.  68KB permet également d’afficher une liste publique des articles les plus consultés.

FAQ du site de 68KB

Un système de templates vous permet de personnaliser entièrement l’interface publique. Vous pourrez ainsi adapter facilement l’application à une charte graphique préétablie, et ainsi l’intégrer au mieux à un site déjà existant.

Vous souhaitez ajouter de nouvelles fonctionnalités ? 68KB autorise l’ajout de modules, permettant d’étendre facilement les fonctionnalités de base. 68 KB étant construit sur le framework Code Igniter – réputé pour être facile d’accès – vous n’aurez aucune difficulté à créer de nouveaux modules (si tant est que vous maitrisiez PHP).

Au final, 68KB est une application simple, facile d’accès et extensible. Elle peut donc constituer une solution de choix pour concevoir rapidement une FAQ.

Pour ce faire, on peut tout simplement utiliser des outils graphiques – comme Photoshop ou Illustrator – ou passer par des logiciels de diagrammes – par exemple, Visio ou Omnigraffle. Cependant, il existe d’autres outils permettant de créer rapidement un plan de site. Nous allons en voire 4. Pour comparer plus facilement, j’ai imaginé le plan d’un site d’une agence web fictive et en utilisant chacun des outils, exporté le résultat final. Let’s go!

WriteMaps

Plan de site réalisé avec Writemaps

WriteMaps est un service web gratuit entièrement dédié à la création de plans de site. Le fonctionnement est très simple: on peut créer des pages, les hiérarchiser, leur associer une URL et une note explicative. Les pages peuvent être déplacées par drag-and-drop et leur disposition se fait de manière automatique. Le plan peut ensuite être enregistré, exporté au format XML ou imprimé. Par contre, aucun export au format image n’est prévu et c’est bien dommage.

Il est possible d’éditer un plan de manière collaborative. On peut ainsi inviter des collaborateurs à venir travailler sur un même fichier.

Pour le moment, les fonctionnalités sont plutôt limitées mais suffisantes pour créer un plan simple très rapidement. Par ailleurs, une version 2 est en cours de développement et devrait apporter des améliorations significatives comme:

• création de wireframes,
• association d’icônes et de couleurs pour différencier les pages,
• possibilité de personnaliser les plans selon sa propre charte graphique.

Lovely Charts

Plan de site réalisé avec Lovely Charts

Lovely Charts est un tout jeune outil en ligne permettant de réaliser des diagrammes. Précisons tout de suite que la création d’un plan de site n’est qu’une des nombreuses possibilités offertes. On peut tout aussi bien créer des organigrammes, des wireframes, des diagrammes organisationnels, etc.

Son utilisation est gratuite pour un seul fichier. Le compte payant est tout à fait abordable – 29 € par an – et apporte des fonctionnalités significatives comme l’export PDF, le versionning et la possibilité de collaborer avec d’autres utilisateurs. Notons également la possibilité d’importer ses propres images et illustrations, ce qui étend considérablement la portée de l’application.

Comparé à WriteMaps, la création d’un plan de site est bien moins intuitive (pas de mise en page automatique, pas de drag-and-drop), mais avec un peu de travail et d’imagination, on peut obtenir un résultat beaucoup plus évolué graphiquement. C’est donc un outil à considérer si vous souhaitez réaliser des plans plus complexes et plus personnalisés.

SlickMap CSS

Plan de site réalisé avec SlickMap CSS

Publié très récemment part le studio web Astuteo, Slickmap CSS est un template html/css spécifiquement créé pour conçevoir un plan de site. Visuellement très agréable, l’utilisation du couple html/css autorise une personnalisation totale du résultat final.

A la différence des outils précédents, le plan est interactif et cliquable. Il peut donc constituer une solution intéressante pour lier tous vos templates pendant la construction d’un site, et ainsi faciliter l’accès d’un client aux différentes pages. Ceci peut s’avérer très pratique dans une phase d’intégration de maquettes graphiques.

Un emplacement a été réservé en haut à droite pour l’ajout de pages annexes, telles que le plan du site, les mentions légales ou encore une page de connexion à un back office.

Le seul inconvénient de SlickMap CSS est sa hiérarchie limitée à 3 niveaux. Toutefois, ce sera suffisant pour bon nombre de projets. De plus, rien ne vous empêche d’étendre le code pour y ajouter un niveau supplémentaire.

Bref, SlickMap CSS constitue un outil intéressant et très rapide à mettre en place. Pour ma part, j’ai déjà commencé à travailler sur cette solution pour l’adapter à mes propres besoins.

StyleMap

Plan de site réalisé avec StyleMap

StyleMap est en fait à l’origine de la création de WriteMaps. Il est donc un peu plus ancien mais mérite quand même de s’y attarder. A l’instar de SlickMap, il se présente sous la forme d’un template html/css à customiser.

La mise en page d’origine est beaucoup plus minimaliste, le template se prête donc bien à une personnalisation poussée. D’ailleurs, pour réaliser le plan ci-dessus, j’ai légèrement ajusté la feuille de style CSS en ajoutant quelques propriétés spécifiques à CSS3 telles que border-radius et box-shadow.

Un effort particulier à été fait pour que le plan s’adapte au redimensionnement de la taille de police par les navigateurs. Par ailleurs, la compatibilité a été assurée avec l’ensemble des navigateurs.

StyleMap est simple mais peut se prêter à de nombreuses utilisations, grâce à un code clair et sémantique et un fichier CSS facile à personnaliser.

Pour mettre en évidence les différences entre chacune des offres, il est fréquent d’utiliser des icônes de deux types:

• des icônes de couleur verte – représentant le plus souvent un bouton de validation – pour préciser les fonctionnalités disponibles
• des icônes de couleur rouge – une croix, ou parfois rien du tout – pour les fonctionnalités non incluses dans l’offre

Voici par exemple un tableau extrait du site d’Expression Engine présentant les différentes éditions de l’application et ses fonctionnalités et prix respectifs:

Tableau comparatif sur le site d'Expression Engine

C’est clair, simple et parfaitement explicite. Bref, rien à redire.

Voyons maintenant un autre exemple. En surfant sur le site de Salesforce – un fournisseur de solutions de CRM, je suis arrivé sur la page présentant la plateforme Force, avec son inévitable tableau comparatif. Le voici donc:

Tableau comparatif sur le site Salesforce

Vous ne trouvez pas qu’il y a quelque chose qui cloche ? Si je vous avais demandé de choisir au 1er coup d’oeil l’offre la plus complète, laquelle auriez-vous choisi ?

En réalité, les icônes en rouge symbolisent les services inclus, tandis que les icônes de couleur verte signalent un service disponibles moyennant un supplément. Bref, c’est plutôt déstabilisant. Les couleurs vont à l’encontre des pratiques habituelles, il y a donc un fort risque que l’information soit mal interprétée. Même si les formes des icônes sont correctes, on a réellement l’impression que c’est la 1ère offre la plus complète. Et du coup, la deuxième offre ne paraît pas très engageante.

Je me suis donc prêté au jeu du redesign. J’ai pris le parti d’utiliser les icônes vertes classiques pour les services inclus, et un symbôle de couleur neutre (ni rouge, ni vert donc) pour les services additionnels. Voici le résultat:

Proposition de redesign du tableau comparatif de Salesforce

Ce n’est probablement pas parfait, mais ça semble déjà un peu plus clair, non ?

En tout cas, je suis étonné qu’une erreur comme celle-ci soit passée inaperçue, surtout pour une entreprise de cette importance. Ce genre de détails peut vraiment faire toute la différence.

Pour terminer sur le sujet, je vous propose deux articles où vous pourrez piocher quelques bonne pratiques concernant le design de tableaux de comparaison de prix, et ainsi éviter ce genre d’erreurs:

• Pricing tables: examples and best practices (Smashing Magazine)
• Pricing tables: 46 examples (Elements of Design)

Le principe est très simple: chaque mercredi, une nouvelle vidéo avec un nouveau thème, qui doit être traité grâce à 7 conseils en moins de 7 minutes. Les thèmes sont extrêmement variés, mais tournent principalement autour du travail et du développement personnel.

La réalisation est fraîche et originale: une petite caméra, des lieux toujours inattendus et deux animateurs très sympathiques et plein d’humour (Henri Kaufman et Pierre-Philippe C.). Pour vous faire une idée, voici un petit exemple sur le thème «Comment les managers peuvent-ils faire de si grosses erreurs?»:

Cliquer ici pour voir la vidéo.

Les deux animateurs invitent parfois d’autres personnes à se prêter à l’exercice. A cette occasion, j’ai également découvert Fadhila Brahimi, directrice d’un cabinet de coaching. Elle propose notamment une vidéo qui explique les différentes étapes pour changer de métier. Ayant eu un parcours professionnel assez inédit, j’ai particulièrement apprécié ses conseils. Au passage, je vous conseille également son blog qui aborde le thème du Personal Branding.

Côté fonctionnalités

Pour le moment, les possibilités sont assez simples : création de factures, export en PDF, gestion de templates pour l’impression, recherche de factures par critères (date, statut). La gestion d’un carnet d’adresses client ou l’édition de devis ne sont pas encore implémentées. Ce type de fonctionnalités verra probablement le jour dans les versions suivantes.

On notera toutefois quelques fonctionnalités bien utiles :

• nuage de mots-clés: on peut associer chaque facture à un ou plusieurs mots-clés, que l’on peut ensuite retrouver sur le tableau de bord,
• gestion de factures périodiques: si vous souhaitez par exemple éditer la même facture tous les mois,
• statut «brouillon»: il est possible de créer une facture puis la sauvegarder comme brouillon pour la terminer ultérieurement.

Une interface simple et agréable

Grâce à un design minimaliste mais très fonctionnel, la navigation dans l’interface est particulièrement agréable. L’édition des factures se fait aisément grâce à l’utilisation de technologies AJAX. Tout au long de la création d’une facture, aucun rechargement de page n’est nécessaire.

Tableau de bord de siwapp

L’édition de factures peut parfois être un travail assez fastidieux. Il est donc important d’avoir une interface particulièrement intuitive et sur ce point, les développeurs de siwapp ont fait un travail assez remarquable.

Une application jeune mais prometteuse

Il est toujours difficile de se faire un avis sur une version alpha. Malgré tout, ce que je vois pour le moment me plaît et les développeurs semblent avoir jeté des bases solides pour les développements futurs. L’utilisation d’un framework tel que Symphony permettra à d’autres développeurs d’ajouter facilement de nouvelles fonctionnalités. On peut même imaginer qu’il se crée par la suite un écosystème d’extensions, ce qui ferait de siwapp une application particulièrement attractive. Bref, un projet à suivre de prêt !

Apprendre à utiliser MODx pose parfois des difficultés aux nouveaux utilisateurs. Malgré un forum très actif, le manque de documentation a souvent été pointé du doigt, rendant l’apprentissage des bases parfois ardu. Mais la situation a plutôt bien évolué, et de nombreuses ressources sont maintenant disponibles.

Avant toute chose, et pour ceux qui ne suivraient pas l’actualité de MODx, je me permet de faire un léger rappel sur l’appelation des versions. MODx Evolution est la version historique, actuellement en version 0.9.6.3. C’est la version stable et donc utilisable en production. MODx Revolution (auparavant appelé MODx 0.9.7) constitue le futur de MODx. Elle se base sur un ORM appelé Open Expedio (ou xPDO) et une réécriture complète du code. Actuellement en version Alpha 6, une première version beta devrait faire son apparition d’ici peu. Contrairement à MODx Evolution, celle-ci n’est évidemment pas utilisable en production.

Le nouveau site officiel de MODx

Le site officiel de MODx a été entièrement refondu et autant dire que le changement est assez radical. C’est en tout cas le premier passage obligé pour travailler avec MODx. Vous pourrez donc y télécharger les fichiers d’installation ainsi que toutes les ressources associées : snippets, plugins, thèmes pour le manager, etc. Depuis quelques jours, on y trouve également une liste des ressources documentaires liées à MODx.

Livres et e-books

Un 1er livre^[1] pour MODx : « MODx Web Development »

Après que MODx ai gagné le prix du CMS le plus prometteur en 2007, il était logique que Packt Publishing souhaite publier un livre sur MODx. C’est désormais chose faite avec cet ouvrage, plutôt orienté débutant, et qui semble donc le support idéal pour s’initier à MODx. Pour ma part, je l’ai déjà commandé et je ne manquerais de vous en faire un compte-rendu détaillé.

Le guide complet (ou presque) pour créer des menus dans MODx avec Wayfinder

Wayfinder fait partie des snippets indispensables pour créer un site avec MODx. Il permet de générer des menus en fonction de nombreux paramètres et avec de multiples possibilités de personnalisation. Par contre, sa configuration n’est pas toujours évidente. Cet e-book sera donc l’assistant idéal pour vous guider dans les arcanes de Wayfinder.

Tutoriaux

Tutoriel sur Nettuts : « Développer avec un framework de gestion de contenus : MODx. »

Ecrit par Shane Sponagle, rédacteur de l’indispensable blog MODx Developper, ce tutoriel vous guidera pas à pas sur la création complète d’un site web avec MODx. Un très bon moyen pour vous initier rapidement à MODx.

Tutoriaux sur The Coding Pad : « Créer un site web avec MODx pour les débutants »

On trouve sur ce site une série de tutoriaux orientés débutants. Ils sont pour le moment au nombre de 5 :

• partie I : introduction à MODx,
• partie II : installer MODx,
• partie III : travailler avec les templates,
• partie IV : introduction aux chunks,
• partie V : introduction aux snippets.

Documentation

Documentation officielle de MODx

La documentation est désormais entièrement centralisée sur une plateforme wiki. On y retrouve évidemment la documentation de MODx Evolution et celle de MODx Revolution.

Le site de Susan Sottwell

Susan Sottwell fait partie des contributeurs actifs à MODx. Elle a rédigé plusieurs articles consacrés à MODx, dont un article particulièrement utile consacré à la création d’un module.

Bob’s guides

On trouve dans les guides de Bob des définitions des concepts de base de MODx (snippets, chunks, templates), ainsi que plusieurs FAQs. A noter que Bob Ray, l’auteur du site, est en train de préparer un livre consacré à MODx Evolution.

Cheat Sheet

Pour travailler efficacement, il est bon d’avoir une liste des références syntaxiques sous la main. En voici deux qui vous assisteront dans l’utilisation de MODx et de son API :

• MODx Cheat Sheet : une liste complète des syntaxes propres à MODx (appels de snippets, insertion de TVs et de chunks, etc.),
• MODx API Cheat Sheet : quelques fonctions indispensables pour développer des snippets et modules.

Blogs

Il existe également quelques blogs, qui consacrent régulièrement des articles à l’utilisation de MODx. Quand c’était possible, j’ai pointé les liens directement vers la catégorie MODx de chacun d’entre eux :

• MODx Developper, par Shane Sponagle, développeur MODx freelance,
• Muddy Dog Paws, blog édité par Kyle Jaebker, le développeur principal du snippet Wayfinder,
• Zi Designs, le site de Zaigham Rana, membre de l’équipe officielle de MODx.
• Medianotions, le blog d’une agence web qui développe sous MODx,
• Le blog de Gregory Smart, développeur web,
• Le blog de Codeistry, une petite agence web créée par Duncan Lock.

Autres ressources

Pour terminer, je vous rappelle que les forums de MODx sont toujours l’endroit privilégié pour trouver les réponses à vos questions.

La communauté MODx est également très active sur Twitter. En plus du canal officiel de MODx, il y a un certains nombre d’utilisateurs et de développeurs qu’il est intéressant de suivre. Vous en trouverez une liste sur le forum de MODx : http://modxcms.com/forums/index.php?topic=27182.0.

Enfin, vous retrouvez plus facilement les conversations liées à MODx en recherchant le tag #modx.

Voilà, j’espère que cette liste de ressources vous sera utile ! Si vous pensez que j’ai oublié des ressources indispensables, signalez-les moi dans les commentaires.

On a tous eu un jour ou l’autre à mettre en place un site web simple, sans fonctionnalités complexes et qui ne sera pas amené à évoluer de manière importante. Pour ce type de projet, il est parfois utile d’avoir un petit CMS léger, rapide à déployer et possédant une interface d’administration simple à maitriser.

Au gré de ma veille quotidienne, j’ai retenu plusieurs CMS répondant à ces quelques critères. A travers une série d’articles, je vais vous en présenter 4 plus particulièrement:

1. Frog CMS
2. TypePublish
3. Pixie CMS
4. sNews

Commençons donc par Frog CMS. Ce CMS a beaucoup fait parler de lui ces derniers mois, notamment pour avoir été cité dans des blogs relativement populaires comme Woork ou encore Webdesigner Depot.

Liste des pages dans l'interface de Frog CMS

Développé à l’origine comme une version PHP de Radiant CMS (un CMS écrit en Ruby), il a pour objectif de rester simple, léger, facile à utiliser, tout en étant facilement extensible grâce à une documentation riche et adaptée. Pour répondre à cet objectif de légèreté, le coeur de l’application ne gère que les fonctionnalités essentielles et tout le reste est intégré sous forme de plugins.

Parmi les fonctionnalités principales de Frog CMS, on trouve:

• Support de champs customs (uniquement des champs textes): vous pouvez par exemple ajouter un résumé, une introduction à vos articles ;
• Gestion de snippets: ce sont des morceaux de code que l’on peut réutiliser à différents emplacements du site ;
• Possibilité de gérer différentes mises en pages: chaque page peut avoir sa propre mise en page, et peut également hériter de la mise en page d’une page parente ;
• Gestion d’utilisateurs et des droits associés ;
• Gestionnaire de fichiers intégré au backend.

Le développeur a choisi de ne pas utiliser de langage de templates (comme Smarty), notamment pour ne pas obliger les développeurs à apprendre un langage supplémentaire. En l’occurence, le code PHP est très clair donc il est très facile de construire ses propres templates.

Un certains nombre de plugins a déjà été développé, à la fois par le développeur principal et la communauté. On trouve par exemple des plugins pour ajouter des fonctionnalités sociales (Twitter, Flickr), organiser l’information (Archives, Tags), ajouter des syntaxes d’édition (Markdown, Textile), gérer les commentaires (Commentaires, Gravatar, Captcha), et bien d’autres.

La communauté semble particulièrement active. Que ce soit pour les plugins ou les thèmes (backend et frontend), le nombre de contributions est déjà significatif. On constate par ailleurs une activité importante sur le forum. Le nombre de questions resté sans réponses est pratiquement nul, ce qui témoigne de l’enthousiasme généré par CMS et de la volonté d’assister les utilisateurs.

Bref, Frog CMS est un système déjà bien rôdé et flexible, avec une communauté active et un nombre de contributions déjà important en terme de thèmes et de plugins. Il demandera toutefois quelques notions de base en PHP pour l’exploiter au mieux, notamment pour concevoir des templates personnalisés ou utiliser les plugins.

Note à l’attention des abonnés au flux RSS: comme vous le savez probablement, Google a modifié l’adresse des flux Feedburner. Le flux pour suivre Delisigns devient donc http://feeds2.feedburner.com/Delisigns. La redirection de l’ancienne adresse est actuellement automatique, mais à mon avis il ne faudra pas compter dessus trop longtemps. Donc n’oubliez pas de faire le changement !

Il est des outils qui peuvent révolutionner la façon dont on a toujours travaillé. A la recherche d’une solution pour synchroniser mes fichiers entre différents ordinateurs (et devant le temps perdu à débrancher et rebrancher mon disque externe), j’ai découvert Dropbox, un outil de synchronisation et de stockage de fichiers en ligne.

Cet outil est compatible avec les systèmes d’exploitation MacOS, Windows et GNU/Linux. Une interface web permet d’accéder à vos fichiers en ligne et un logiciel installé sur chacun des ordinateurs synchronise automatiquement les fichiers. Autant dire que le fonctionnement de base est on ne peut plus simple. Mais à bien y regarder, les nombreuses fonctionnalités de Dropbox en font bien plus qu’un simple outil de stockage de fichiers. Voici donc quelques utilisations originales, et surtout utiles de Dropbox, qui je l’espère vous aideront à simplifier votre travail au quotidien.

Envoyer des fichiers volumineux

Il est toujours assez problématique de faire parvenir un fichier volumineux par le biais du web. Des services web dédiés à cette tâche existent, mais cela nécessite quelques manipulations (connexion à une interface web, upload du fichier, etc.) qui peuvent devenir très fastidieuses. Avec Dropbox, la solution est simple. Un dossier appelé Public vous permet de mettre à disposition des fichiers à tout un chacun. Déposez simplement votre fichier dans ce dossier, faites un clic droit pour récupérer l’URL. Transmettez enfin cette URL à votre correspondant pour qu’il puisse télécharger le fichier. Sous Mac, cette manipulation est simplifiée par l’ajout d’une petite application : Droplet. Cette dernière se manifeste par une icône dans le Dock. Il suffit de déplacer le fichier sur l’icône et celui-ci est automatiquement envoyé dans le dossier Public et l’URL est copiée dans le Presse-papiers. Pratique, non ?

Gérer le versionning de vos fichiers

Une des fonctionnalités méconnues de Dropbox est sa capacité à versionner les fichiers. En vous connectant sur l’interface web de Dropbox, vous constaterez que chaque fichier possède son historique. Toutes les différentes versions de vos fichiers sont donc archivées. Ainsi, vous pouvez aisément récupérer une ancienne version d’un fichier ou suivre l’historique d’un fichier en particulier.
Partager des fichiers entre collaborateurs

Là aussi le fonctionnement est très simple. Dropbox offre la possibilité de partager des fichiers avec d’autres utilisateurs de Dropbox. Faites un clic droit sur le dossier que vous souhaitez partager puis cliquez sur Dropbox > Share. Vous serez ensuite redirigé vers l’interface web. A ce moment-là, entrez l’adresse email de l’utilisateur avec qui vous souhaitez partager votre dossier. Très pratique quand vous travaillez à distance avec des collaborateurs.

Créer un dossier de Scrapbooking

J’ai très vite adopté cette technique trouvée sur le blog CollyLogic. L’idée est d’utiliser le dossier Photos pour collecter des images, des photos, des captures d’écran, bref tout ce qui peut aider à trouver l’inspiration. Une fois connecté sur l’interface web, on obtient un aperçu en miniatures de toutes les images que l’on a collecté. Chaque dossier à ensuite son URL propre que l’on peut communiquer par exemple à des collègues en panne de créativité. Ultra rapide à mettre en place et surtout très facile à utiliser.

Utiliser Dropbox comme serveur web

J’ai découvert cette possibilité sur cet article. Même si je n’ai pas saisi toutes les subtilités de la configuration, l’objectif est de récréer un système de gestion de versions. Il faut pour cela deux comptes Dropbox :

• un compte pour le travail en local,
• un compte qui fera office de serveur web.

Un dossier partagé entre les deux comptes permettra de répercuter automatiquement les modifications faites en local sur le serveur. Enfin, le nom de domaine du site web pointera sur le dossier partagé du deuxième compte.

Cette liste n’est évidemment pas exhaustive, mais elle donne déjà une idée intéressante des possibilités de cette application. Pour ma part, Dropbox fait désormais entièrement partie de mon workflow. Que ce soit pour envoyer un document à un client ou synchroniser mes fichiers entre différents ordinateurs (MacOS et Ubuntu), Dropbox me sert quotidiennement et j’aurais maintenant bien du mal à m’en passer.