Avis : SiteGrinder 3, plus un CMS qu’un plug-in Photoshop

Si votre développement Web est fortement orienté vers le design, il existe de nombreuses applications qui aideront les créatifs de votre équipe à créer un site Web. Il existe peu d’applications qui permettent de créer le design dans une véritable application de concepteurs comme Photoshop tout en offrant aux utilisateurs tous les outils dont ils ont besoin et dont vous avez besoin pour vous retrouver avec un site Web piloté par un système de gestion de contenu (CMS).

Dreamweaver s’attend à ce que les concepteurs de sites Web sachent tout sur HTML et CSS. Même iWeb ou RapidWeaver ou Sandvox de Carélie s’attendent à au moins un aperçu du fonctionnement du HTML. Ce n’est pas le cas avec SiteGrinder 3. Cette nouvelle version de SiteGrinder est une combinaison d’un plug-in Photoshop et d’une application autonome qui se combinent pour fournir un CMS complet sans que l’utilisateur n’ait jamais à toucher au HTML, au CSS ou au Javascript – même pour des pages Web ou des blogs complexes. Tout ce dont il a besoin est une bonne connaissance de Photoshop CS3, CS4 ou CS5 (32 bits).

Lorsque j’ai passé en revue SiteGrinder il y a quelques années 4, j’ai été impressionné par ce que vous pouviez en faire en termes de transformation rapide d’une composition en couches Photoshop en page Web. SiteGrinder 3 de Media Lab est dans une ligue complètement différente. Il va beaucoup plus loin que son prédécesseur. Il n’est plus confiné aux limites d’un plug-in Photoshop.

SiteGrinder 3 est sans exagération un CMS complet. Il peut manquer de robustesse et d’évolutivité à l’échelle de l’entreprise – par exemple, il n’est pas piloté par une base de données – mais pour les concepteurs qui créent des sites Web pour les clients, SiteGrinder 3 dispose non seulement d’un système de gestion de contenu basé sur un navigateur local et indépendant de Photoshop, mais également d’un gestionnaire de contenu distant.

Vous pouvez même avoir une solution de commerce électronique avec SiteGrinder 3, en utilisant Foxycart comme back-end de commerce.

SiteGrinder 3 – en version 2 – fonctionne avec des « conseils », qui sont des noms précédés d’un tiret que vous devez ajouter aux noms de vos calques. Les conseils indiquent au système SiteGrinder quoi faire avec le calque. Par exemple, si vous créez un bouton et que vous souhaitez qu’un clic sur ce bouton entraîne la visibilité d’un calque masqué, ces deux éléments doivent partager les noms des calques, mais le calque de bouton doit avoir l’indice « -button » ajouté à celui-ci et l’indice -clickshow pour le rendre visible. De cette façon, SiteGrinder sait que le bouton est « lié » au calque de texte et l’active lorsque le bouton est cliqué.

Dans le Gestionnaire de conception, qui démarre automatiquement dans votre navigateur Web après la création de votre page dans l’interface du plug-in Photoshop, vous pouvez ensuite configurer les éléments pour qu’ils agissent en fonction des paramètres et paramètres que vous entrez dans le Gestionnaire de conception. Le gestionnaire de conception est une interface de navigateur pour les fonctionnalités avancées de conception et de développement de SiteGrinder.

Ce n’est qu’après le déploiement d’une page Web que le Gestionnaire de contenu devient disponible. Encore une fois, le gestionnaire de contenu basé sur un navigateur vous permet d’entrer du texte et des images et même d’autres éléments dans la page – de la même manière que vous travaillez avec WordPress ou Drupal (mais plus facile).

Bien que le flux de travail soit quelque chose auquel vous vous habituerez bientôt, l’éventail éblouissant d’indices et de combinaisons d’indices peut vous obliger à garder la référence des indices à portée de main. SiteGrinder 3 n’a pas seulement des conseils pour créer des pages simples, mais aussi pour les blogs, les conceptions de colonnes (les deux s’étirent à mesure que le contenu augmente) et les pieds de page. Les pieds de page utilisés en combinaison avec un indice de page ou de colonne forcent le pied de page à « coller » au bas de la page. Il existe plusieurs dizaines d’astuces et de combinaisons intelligentes d’indices et de flux de travail qui vous permettent finalement de créer un site Web tout aussi flexible et dynamique qu’un site WordPress à l’exception des bases de données (et donc moins évolutives).

Par exemple, après avoir essayé les nombreuses astuces de création de pages « ordinaires » que SiteGrinder 3 a dans sa manche, j’ai réfléchi à la création d’une galerie. Le premier problème était de décider quel type de Galerie je voulais. Il existe une galerie basée sur CSS relativement simple, mais en combinaison avec Fancybox et d’autres fonctionnalités de bonbons pour les yeux, même cette galerie CSS « simple » peut rapidement se retrouver dans un vaste éventail de possibilités.

Un autre exemple de cette abondance de fonctionnalités peut être trouvé dans les trois feuilles de vignettes d’image possibles que vous pouvez créer. Vous pouvez avoir des feuilles de vignettes d’image CSS « en croissance » qui affichent tous les pouces en même temps, des pouces Flash qui glissent ou des pouces CSS paginés qui affichent des groupes de pouces et vous permettent de naviguer d’un groupe à l’autre. Chacun d’entre eux peut être utilisé comme « feuilles de vue » qui montrent des vues alternatives d’une exposition de la galerie.

Tout cela ajoute à la richesse du design que vous pouvez créer avec SiteGrinder 3, mais aussi à une difficulté majeure : choisir la bonne combinaison. Travailler avec SiteGrinder 3 nécessite donc une bonne planification à l’avance, à la fois dans le domaine des looks et des fonctionnalités web 2.0.

Avec le test de la galerie, j’ai également atteint les limites de SiteGrinder 3. Il n’y en a pas beaucoup, mais l’une des limites que j’ai trouvées était que – bien que vous puissiez créer des formulaires compliqués – vous ne pouvez pas avoir de système de recherche créé à partir de SiteGrinder 3. Maintenant, je ne serais pas trop surpris d’apprendre que les développeurs sont occupés à développer un plug-in optionnel pour ajouter cette fonctionnalité, mais dans ma version, un tel plug-in n’était pas disponible.

Le plug-in e-commerce vous permet en revanche de vendre vos images via un système géré Foxycart. Le plug-in s’intègre d’ailleurs à une véritable passerelle de paiement. Foxycart n’est rien de moins.

Les caractéristiques les plus frappantes de SiteGrinder 3 sont cependant ses capacités CMS:

• La sortie en PHP ainsi qu’en HTML statique
• La possibilité d’avoir des colonnes qui redimensionnent automatiquement avec le contenu
• La fonctionnalité de galerie incroyablement puissante et complète
• L’architecture de plug-in qui permet des fonctionnalités étendues
• La disponibilité des plug-ins de contrôle à distance et de commerce électronique
• L’utilisation de CSS tout au long de
• Le code propre généré
• La possibilité d’utiliser le multimédia dans une conception web – y compris la vidéo et l’audio
• L’interactivité possible utilisation de CSS et Javascript
• Le fait qu’à aucun moment du processus, vous n’ayez besoin de connaître le code qui fait fonctionner vos éléments interactifs

L’inconvénient de ce pouvoir est que vous devrez certainement suivre le cours vidéo sur le site SiteGrinder. J’ai trouvé indispensable d’imprimer également le système d’aide complet – excellent et très concis -. Peut-être que je montre mon âge, mais j’ai senti que j’avais besoin de ce guide constamment dans le quartier afin de ne manquer aucune des fonctionnalités et capacités.

Même après avoir lu le guide à l’avance, je n’ai pas pu créer une page Web complexe en quelques heures. Au lieu de cela, il m’a fallu quelques jours avant de finalement comprendre la façon de faire de SiteGrinder. Le flux de travail en lui-même est assez simple: vous concevez votre page dans Photoshop, puis accédez au plug-in SiteGrinder et créez la page, puis ajustez-la dans Photoshop et créez à nouveau, jusqu’à ce que vous soyez satisfait et prêt à déployer la page.

Dans Photoshop, vous devez garder à l’esprit que vous devez concevoir vos éléments de page de manière à ce que SiteGrinder comprenne ce que vous voulez que chaque élément fasse. Cela demande un peu d’apprentissage. Par exemple, pour créer une animation – un bloc de texte que je voulais glisser d’un endroit à un autre en cliquant sur un bouton – j’avais besoin de créer un bouton et deux blocs identiques. La différence entre eux étaient les indices. Pour qu’un arrière-plan apparaisse derrière un élément coulissant, j’ai dû créer un autre calque en dessous, qui ne contenait que la couleur et la texture que je voulais que le curseur ait.

Le code généré peut être du HTML statique mais aussi – et probablement plus moderne dans son approche – du PHP. J’ai toujours choisi PHP pour mes tests et cela a fonctionné comme un charme. Vous devrez certainement choisir PHP comme sortie si vous souhaitez utiliser SiteGrinder 3 comme CMS. Cela vous permet d’ajouter des pages basées sur la conception de pages existantes, de la même manière que ce que vous pouvez faire avec WordPress, Joomla! et Drupal.

Votre configuration standard de SiteGrinder 3 vous permettra d’utiliser le système en tant que CMS sur une machine locale, mais si vous disposez du plug-in de contrôle à distance en option, vous pourrez également ajouter des pages contenant du contenu de n’importe quelle machine à l’aide du navigateur Web et d’une URL spécifique. C’est le CMS  » léger  » le plus proche des fonctionnalités fournies par les systèmes pilotés par les bases de données.

Avec cette déclaration, qui est vraiment un compliment, je complète l’examen. Après avoir passé quelques bonnes semaines avec SiteGrinder 3, je peux seulement dire que je découvre encore de nouvelles choses, des choses que je peux faire différemment pour obtenir des résultats différents. La beauté de SiteGrinder 3 est que cela fonctionne. Cela fonctionne si bien que les résultats sont toujours prévisibles, c’est-à-dire que vous n’êtes jamais pris au dépourvu, vous vous retrouvez avec un design qui est un gâchis.

Critique ? Oui, j’ai des critiques. Le guide d’aide devrait avoir plus de captures d’écran des configurations de calques Photoshop pour saisir la façon dont les astuces fonctionnent plus rapidement. Il devrait idéalement y avoir un système de recherche ajouté à SiteGrinder 3 – pas seulement la possibilité de s’intégrer à la recherche Web Google. Et s’il pouvait y avoir une intégration avec un système de base de données qui mettrait SiteGrinder 3 en concurrence sérieuse avec les systèmes CMS existants, bien que ce serait également bien s’il existait un moyen de créer des designs et des pages qui vous permettent d’intégrer un design SiteGrinder dans WordPress ou Drupal d’une manière ou d’une autre (peut-être cela pourrait-il être un guide de l’utilisateur avancé?).

La conclusion finale de mon examen est que Media Lab, les développeurs de SiteGrinder 3 ont accompli quelque chose que je ne croyais pas possible: créer un outil qui permet des sites très complexes sans ajouter à la complexité de l’outil lui-même.

SiteGrinder 3 coûte 349,00 USD. Chacun des add-ons actuellement disponibles (Contrôle et commerce électronique au moment de la rédaction) coûte 159,00 USD. Le bundle complet, cependant, a un prix d’introduction de 279,00 USD.

Je ne commente normalement jamais les prix, mais dans ce cas, je suis enclin à faire une exception: ces prix peuvent sembler chers au début, et ils le seraient si SiteGrinder n’était qu’un plug-in avec peu d’autres fonctionnalités CMS. Dans le cas de SiteGrinder 3, je pense personnellement que vous ne payez certainement pas trop cher – surtout pas si vous utilisez bien le prix d’introduction de MediaLab!