Reseña: SiteGrinder 3, más un CMS que un plug-in de Photoshop

Si su desarrollo web está altamente orientado al diseño, hay muchas aplicaciones que ayudarán a los trabajadores creativos de su equipo a crear un sitio web. Existen pocas aplicaciones que permitan crear el diseño en una verdadera aplicación de diseñadores como Photoshop, al tiempo que brindan a los usuarios todas las herramientas que necesitan para terminar con un sitio web impulsado por el Sistema de Gestión de Contenido (CMS).

Dreamweaver espera que los diseñadores web sepan todo sobre HTML y CSS. Incluso iWeb, RapidWeaver o Sandvox de Karelia esperan al menos alguna información sobre cómo funciona el HTML. No es así con SiteGrinder 3. Esta nueva versión de SiteGrinder es una combinación de un complemento de Photoshop y una aplicación independiente que se combinan para ofrecer un CMS completo sin que el usuario tenga que tocar HTML, CSS o Javascript, incluso para páginas web o blogs complejos. Todo lo que necesita es un buen conocimiento de Photoshop CS3, CS4 o CS5 (32 bits).

Cuando revisé SiteGrinder hace unos 4 años, me impresionó lo que se podía hacer con él en términos de convertir rápidamente una composición en capas de Photoshop en una página web. SiteGrinder 3 de Media Lab está en una liga completamente diferente. Va mucho más profundo que su predecesor. Ya no se limita a los límites de un complemento de Photoshop.

SiteGrinder 3 es, sin exagerar, un CMS completo. Puede carecer de robustez y escalabilidad a escala empresarial, por ejemplo, no se basa en bases de datos, pero para los diseñadores que crean sitios web para clientes, SiteGrinder 3 no solo tiene un sistema de gestión de contenido basado en navegador local independiente de Photoshop, sino también, opcionalmente, un Administrador de contenido remoto.

Incluso puede tener una solución de comercio electrónico con SiteGrinder 3, utilizando Foxycart como su back-end de comercio.

SiteGrinder 3-como versión 2-funciona con ‘sugerencias’, que son nombres precedidos por un guión que debe agregar a los nombres de sus capas. Las pistas indican al sistema SiteGrinder qué hacer con la capa. Por ejemplo, si crea un botón y desea que al hacer clic en ese botón se haga visible una capa oculta, estos dos elementos deben compartir nombres de capa, pero la capa de botón debe tener la pista «-botón» agregada y la pista-clickshow para hacerla visible. De esa manera, SiteGrinder sabe que el botón está ‘vinculado’ a la capa de texto y lo activa cuando se hace clic en el botón.

En el Administrador de diseño, que se inicia automáticamente en su navegador web después de crear su página en la interfaz del complemento de Photoshop, puede configurar los elementos para que actúen de acuerdo con la configuración y los parámetros que ingrese en el Administrador de diseño. El Administrador de diseño es una interfaz de navegador para las funciones avanzadas de diseño y desarrollo de SiteGrinder.

Solo después de implementar una página web, el Administrador de contenido estará disponible. De nuevo, el Gestor de contenidos basado en navegador te permite introducir texto e imágenes e incluso otras cosas en la página, de la misma manera que trabajarías con WordPress o Drupal (pero más fácil).

Si bien el flujo de trabajo es algo a lo que pronto se acostumbrará, la deslumbrante variedad de sugerencias y combinaciones de sugerencias puede requerir que mantenga la referencia de sugerencias a mano. SiteGrinder 3 no solo tiene sugerencias para crear páginas simples, sino también para blogs, diseños de columnas (ambos se extienden a medida que crece el contenido) y pies de página. Los pies de página utilizados en combinación con una sugerencia de página o columna obligan al pie de página a «pegarse» a la parte inferior de la página. Hay varias docenas de trucos y combinaciones inteligentes de pistas y flujos de trabajo que le permiten, en última instancia, construir un sitio web que sea tan flexible y dinámico como un sitio de WordPress, con la excepción de los fundamentos de la base de datos (y, por lo tanto, menos escalable).

Por ejemplo, después de probar los muchos trucos de construcción de páginas’ ordinarios ‘ que SiteGrinder 3 tiene bajo la manga, me puse a pensar en crear una galería. El primer problema fue decidir qué tipo de galería quería. Hay una galería de CSS relativamente simple, pero en combinación con Fancybox y otras capacidades atractivas, incluso esa galería CSS «simple» puede terminar rápidamente en una gran variedad de posibilidades para elegir.

Otro ejemplo de esta abundancia de características se puede encontrar en las tres hojas de miniaturas de imágenes posibles que puede crear. Puede tener hojas de miniaturas de imágenes CSS «en crecimiento» que muestren todos los pulgares al mismo tiempo, pulgares flash que se deslicen o pulgares CSS en paginación que muestren grupos de pulgares y le permitan navegar de grupo en grupo. Cualquiera de estos se puede usar como «hojas de vista» que muestran vistas alternativas de una exposición de galería.

Todo se suma a la riqueza del diseño que puede crear con SiteGrinder 3, pero también a una dificultad importante: elegir la combinación correcta. Por lo tanto, trabajar con SiteGrinder 3 requiere una buena planificación previa, tanto en el área de apariencia como en la funcionalidad web 2.0.

Con la prueba de la galería también me encontré con las limitaciones de SiteGrinder 3. No hay muchos, pero una de las limitaciones que encontré fue que, aunque puedes crear formularios complicados, no puedes tener un sistema de búsqueda hecho desde SiteGrinder 3. Ahora no me sorprendería demasiado saber que los desarrolladores están ocupados desarrollando un complemento opcional para agregar esta función,pero en mi versión no había un complemento disponible.

El complemento de comercio electrónico, por otro lado, le permite vender sus imágenes a través de un sistema administrado de Foxycart. El complemento se integra con una pasarela de pago real, por cierto. Foxycart es nada menos.

Sin embargo, las características más llamativas de SiteGrinder 3 son sus capacidades de CMS:

• La salida a PHP, así como HTML estático
• La capacidad de tener columnas que cambian de tamaño automáticamente con contenido
• La funcionalidad de galería que es increíblemente potente y completa
• La arquitectura de plug-in que permite una funcionalidad extensa
• La disponibilidad de los plug-ins de control remoto y comercio electrónico
• El uso de CSS en todo
• El código limpio que se está generando
• La posibilidad de usar multimedia en un diseño web, incluidos video y audio
• La interactividad que es posible usando CSS y Javascript
• El hecho de que en ningún momento del proceso necesita saber sobre el código que hace que sus elementos interactivos funcionen

La desventaja de este poder es que definitivamente necesitará tomar el curso de video en el sitio de SiteGrinder. Me pareció indispensable imprimir también el sistema de ayuda completo, excelente y muy conciso. Tal vez estoy mostrando mi edad, pero sentí que necesitaba esta guía constantemente en el vecindario para no perderme ninguna de las características y capacidades.

Incluso después de haber leído la guía por adelantado, no pude crear una página web compleja en un par de horas. En cambio, me tomó un par de días antes de que finalmente me diera cuenta de la forma de hacer las cosas de SiteGrinder. El flujo de trabajo por sí solo es bastante simple: diseña tu página en Photoshop, luego ve al complemento SiteGrinder y crea la página, luego afina en Photoshop y vuelve a crear, hasta que estés satisfecho y listo para implementar la página.

En Photoshop, debe tener en cuenta que debe diseñar los elementos de su página de tal manera que SiteGrinder entienda qué es lo que desea que haga cada elemento. Eso requiere un poco de aprendizaje. Por ejemplo, para crear una animación, un bloque de texto que quería deslizar de una ubicación a otra con el clic de un botón, necesitaba crear un botón y dos bloques idénticos. La diferencia entre ellos eran las pistas. Para que un fondo apareciera detrás de un elemento deslizante, tuve que crear otra capa debajo de él, que solo contuviera el color y la textura que quería que tuviera el deslizador.

El código que se genera puede ser HTML estático, pero también, y probablemente más moderno en su enfoque, PHP. Elegí PHP constantemente para mis pruebas y funcionó como un encanto. Definitivamente necesitarás elegir PHP como salida si quieres usar SiteGrinder 3 como CMS. Esto le permite agregar páginas basadas en el diseño de página existente, de la misma manera que lo que puede hacer con WordPress, Joomla! y Drupal.

La configuración estándar de SiteGrinder 3 le permitirá usar el sistema como CMS en una máquina local, pero si tiene el complemento de Control remoto opcional, también podrá agregar páginas con contenido desde cualquier máquina utilizando el navegador web y una URL específica. Esto es lo más cercano que cualquier CMS «ligero» puede llegar a la funcionalidad proporcionada por los sistemas basados en bases de datos.

Con esa afirmación, que es realmente un cumplido, estoy completando la revisión. Después de haber pasado un buen par de semanas con SiteGrinder 3, solo puedo decir que todavía estoy descubriendo cosas nuevas, cosas que puedo hacer de manera diferente para obtener resultados diferentes. La belleza de SiteGrinder 3 es que funciona. Funciona tan bien que los resultados siempre son predecibles, es decir, nunca te pillan con la guardia baja, terminando con un diseño que es un desastre.

¿Crítica? Sí, tengo algunas críticas. La guía de ayuda debería tener más capturas de pantalla de las configuraciones de capas de Photoshop para comprender la forma en que las sugerencias funcionan más rápido. Lo ideal sería que se agregara un sistema de búsqueda a SiteGrinder 3, no solo la capacidad de integrarse con la búsqueda web de Google. Y si pudiera haber integración con un sistema de base de datos que pusiera a SiteGrinder 3 en competencia seria con los sistemas CMS existentes, aunque también sería bueno si hubiera una forma de crear diseños y páginas que le permitan integrar un diseño de SiteGrinder en WordPress o Drupal de una manera u otra (¿quizás podría ser una guía de usuario avanzada?).

La conclusión final de mi revisión es que Media Lab, los desarrolladores de SiteGrinder 3, han logrado algo que no creía posible: crear una herramienta que permita sitios muy complejos sin agregar complejidad a la herramienta en sí.

SiteGrinder 3 cuesta 349,00 USD. Cada uno de los complementos disponibles actualmente (Control y comercio electrónico en el momento de escribir este artículo) cuesta 159,00 USD. El paquete completo, sin embargo, tiene un precio de introducción de 279.00 USD.

Normalmente nunca comento sobre los precios, pero en este caso me inclino a hacer una excepción: estos precios pueden parecer caros al principio, y lo serían si SiteGrinder fuera solo un complemento con poco más en términos de funcionalidad de CMS. En el caso de SiteGrinder 3, personalmente creo que ciertamente no está pagando demasiado, especialmente si hace un buen uso del precio de introducción de MediaLab.