Pro­ce­s­s­Wi­re: el CMS de código abierto para crear páginas web pe­r­so­na­li­za­das

Pro­ce­s­s­Wi­re es un marco de gestión de co­n­te­ni­dos (CMF) y un sistema de gestión de co­n­te­ni­dos (CMS) gratuito de código abierto que permite el diseño to­ta­l­me­n­te in­di­vi­dua­li­za­do de páginas web. El backend presenta una es­tru­c­tu­ra sencilla, pensada para su fácil manejo. A pesar de no ser tan conocido como el gigante WordPress o sus co­m­pe­ti­do­res Jommla!, Drupal o TYPO3, este software presenta una serie de ventajas que lo hacen único, di­fe­re­n­ciá­n­do­lo de la co­m­pe­te­n­cia. Por todo ello, merece la pena echar un vistazo a lo que Pro­ce­s­s­Wi­re puede ofrecer.

Este CMS comenzó a de­sa­rro­llar­se en 2003 con el nombre de Dictator CMS, aunque no fue hasta 2007 cuando Ryan Cramer dio a conocer el software con el nombre de Pro­ce­s­s­Wi­re 1.0. No obstante, ni Dictator CMS ni Pro­ce­s­s­Wi­re 1.0 eran por entonces programas de código abierto, si bien es cierto que los esfuerzos iban ya en esa dirección. Fi­na­l­me­n­te, en 2010 se publicó la versión 2.0 bajo la licencia pública de Mozilla 2.0. Según la propia comunidad, la versión 2.3 fue un hito sin pre­ce­de­n­tes para los de­sa­rro­lla­do­res, dado que era el primer la­n­za­mie­n­to en el que la comunidad había trabajado de forma conjunta en el núcleo del software. La versión 3.0, que se publicó en 2016, es el último la­n­za­mie­n­to im­po­r­ta­n­te. Además, gracias a una comunidad muy activa, se dispone de paquetes lo­ca­li­za­dos a otros idiomas, entre los que se en­cue­n­tran el español, el alemán, el francés y el italiano.

El backend de Pro­ce­s­s­Wi­re está muy bien es­tru­c­tu­ra­do y la interfaz de usuario es muy intuitiva. Para el de­sa­rro­llo de las páginas web este software utiliza campos, estos son, elementos in­di­vi­dua­les a los que se asigna una función y una posición dentro de la página. Pro­ce­s­s­Wi­re permite crear una plantilla para es­tru­c­tu­rar la web que sirve al usuario para ir situando los di­fe­re­n­tes campos a su gusto, de modo que al asignar una plantilla concreta a una web, sus páginas pre­se­n­ta­rán la es­tru­c­tu­ra es­pe­ci­fi­ca­da por él.

Como a cada parte de la web se le asigna una página, el CMS trabaja también con páginas ocultas (hidden pages). Como su nombre indica, estas páginas son in­vi­si­bles y se utilizan, por ejemplo, como re­po­si­to­rio de co­n­te­ni­dos para otras páginas o para regular la na­ve­ga­ción. Otra po­si­bi­li­dad de apli­ca­ción se produce en la in­ter­ac­ción de los usuarios con la web: si in­tro­du­cen un URL no válido, se muestra la página de error 404.

Pro­ce­s­s­wi­re cuenta con una interfaz de pro­gra­ma­ción de apli­ca­cio­nes (API, del inglés Ap­pli­ca­tion Pro­gra­m­mi­ng Interface) robusta y efectiva que es, sin duda, el orgullo del framework. Dado que el software se rige por una ar­qui­te­c­tu­ra modular, el sistema recurre a in­te­r­fa­ces internas que sirven a los usuarios para encontrar, cambiar o crear datos. La gestión de datos es posible gracias a variables y se­le­c­to­res de interfaz. En el script se pueden co­n­ca­te­nar los comandos y ubicarlos en una sola línea. Además de los módulos ya in­te­gra­dos (plugins propios), la API también permite el in­te­r­ca­m­bio de datos con plugins de terceros.

Las páginas me­n­cio­na­das están formadas por campos, también marcados por una pa­r­ti­cu­la­ri­dad. A di­fe­re­n­cia de otros CMS como WordPress, este software no cuenta con un único campo de entrada para in­tro­du­cir el contenido de una página, sino que el usuario tiene la libertad de ajustar los campos según requiera. Es por ello que en una página pueden co­m­bi­nar­se varios campos di­fe­re­n­tes, sin importar si se trata de campos de texto o de vídeo, que el usuario puede asignar a la plantilla. Ya sean simples archivos HTML o complejas apli­ca­cio­nes PHP, los archivos de plantilla se pueden alojar en el CMS con la función drag and drop. En la mayor parte de los casos los de­sa­rro­lla­do­res utilizan pla­n­ti­llas con etiquetas PHP para mostrar contenido dinámico.

Las pla­n­ti­llas en Pro­ce­s­s­Wi­re funcionan como sigue: cuando los usuarios cargan una página, el CMS accede a la plantilla asignada a la página, le asigna variables de API y la ejecuta como script PHP.

El programa principal contiene algunos plugins estables, a los que se conocen como módulos. Hay módulos para:

• Temas Admin
• Spam Blocker de Akismet para la columna de co­me­n­ta­rios
• Plugins para añadir campos (cajas, imágenes, opciones, títulos de páginas, etc.)
• Co­n­fi­gu­ra­ción de di­re­c­to­rio
• Imágenes
• Campos de entrada (botones, email, nombre, selector, área de texto, etc.)
• jQuery
• Idiomas
• Hooks
• Markups
• Páginas
• Procesos (editar páginas, permisos, campos, etc.)
• Sesiones
• Sistema
• Formato de texto

Es posible adaptar la mecánica con ayuda de hooks, creando una conexión a un plugin o un tema en un punto concreto del código en lugar de cambiar el código fuente. En el di­re­c­to­rio de plugins es posible encontrar módulos adi­cio­na­les, de código abierto y creados por los miembros de la comunidad. Entre ellos destacan la he­rra­mie­n­ta Form Builder para la creación de fo­r­mu­la­rios y ProFields para procesar más datos en menos campos.

También es necesario mencionar la memoria caché. Tanto en la versión gratuita como en la de pago para pro­fe­sio­na­les (la re­cau­da­ción se invierte en el de­sa­rro­llo del módulo), la caché es una he­rra­mie­n­ta práctica que facilita el de­sa­rro­llo de la página.

Re­qui­si­tos mínimos

• Servidor web basado en UNIX o en Windows
• Apache (también se pueden usar equi­va­le­n­tes como NGINX o IIS, siempre y cuando exista un sustituto para .htaccess, como puede ser el caso de web.config para IIS)
• El módulo mod-rewrite debe estar activado en Apache
• Apache debe soportar .htaccess
• PHP desde la versión 5.3.8 con soporte de bases de datos PDO
• Bi­blio­te­ca GD 2 incluida para PHP

Re­qui­si­tos ideales

• Última versión estable de PHP
• Etiquetas cortas para PHP ha­bi­li­ta­das
• Soporte de cadenas multibyte co­m­pi­la­das con PHP (--enable-mbstring)

Tanto WordPress como Pro­ce­s­s­Wi­re salieron a la luz en 2003. Mientras que el primero se posiciona como líder del ranking mundial con una cuota de mercado del 60 % (cifras de enero de 2018), Pro­ce­s­s­wi­re no supera los cuatro dígitos en número de usuarios, lo que se traduce en una cuota de mercado de un 0,1 %. La gran di­fe­re­n­cia entre ambas he­rra­mie­n­tas reside en que WordPress es muy fácil de co­n­fi­gu­rar y usar y no requiere co­no­ci­mie­n­tos en HTML o PHP. Y es que con los CMS pasa como con la música: cuanto mayor es el grado de co­no­ci­mie­n­to, más se aleja la persona en cuestión de los hits del momento y se acerca a otros temas menos conocidos pero de mayor co­m­ple­ji­dad técnica.

Pro­ce­s­s­Wi­re dispone de una serie de funciones que facilita en gran medida el trabajo de los di­se­ña­do­res web y los de­sa­rro­lla­do­res, como la carga de archivos con drag and drop. La in­s­ta­la­ción tampoco requiere demasiado tiempo, aunque, eso sí, para poder crear la página con total libertad es necesario disponer de una serie de co­no­ci­mie­n­tos previos en pro­gra­ma­ción. Es por ello que el público objetivo de Pro­ce­s­s­Wi­re difiere del de WordPress. Este último apenas necesita cinco minutos para su in­s­ta­la­ción y co­n­fi­gu­ra­ción, y los temas y las pla­n­ti­llas permiten crear un blog a los menos ex­pe­ri­me­n­ta­dos sin apenas co­no­ci­mie­n­tos técnicos.

El de­sa­rro­lla­dor de una web asigna las pla­n­ti­llas de Pro­ce­s­s­Wi­re a las páginas co­rre­s­po­n­die­n­tes, aunque el marco de dicha página tiene que ser creado prá­c­ti­ca­me­n­te mediante comandos. Es por eso que Pro­ce­s­s­Wi­re está pensado para di­se­ña­do­res web y afi­cio­na­dos a la pro­gra­ma­ción. El usuario final de la web no necesita co­no­ci­mie­n­to previo pues, una vez creada la es­tru­c­tu­ra, añadir las ac­tua­li­za­cio­nes o páginas nuevas es una tarea fácil incluso para los que apenas cuentan con co­no­ci­mie­n­tos de TI. Es­pe­cia­l­me­n­te práctica resulta la función out of the box (lista para usar) con la que se pueden crear di­fe­re­n­tes dominios lo­ca­li­za­dos para una misma entrada web. Gracias al paquete de idiomas se puede trabajar en el backend con los idiomas de destino co­rre­s­po­n­die­n­tes. En WordPress, sin embargo, la in­te­gra­ción de idiomas no funciona tan bien.

Por supuesto, todo aquel que crea una web pretende que esta también aparezca en la Red. En lo que respecta a este tema, ambos CMS ayudan a optimizar la web: su software principal sirve para optimizar los URL tanto para los ra­s­trea­do­res de los bu­s­ca­do­res como para el lector. La es­tru­c­tu­ra en árbol de Pro­ce­s­s­Wi­re es muy útil para crear una jerarquía visible, aunque la pa­gi­na­ción puede resultar un problema: las páginas sin contenido que hacen re­fe­re­n­cia a otras páginas no ofrecen nada a los ra­s­trea­do­res, que en el peor de los casos pueden entrar en bucle. De ahí que los de­sa­rro­lla­do­res de Pro­ce­s­s­Wi­re aconsejen preparar una página de error 404 para poder reac­cio­nar en caso de que surja algún problema al cargar la página. La caché, que en proyectos sencillos puede uti­li­zar­se en su versión gratuita, aumenta la velocidad de carga. WordPress, sin embargo, necesita una extensión.

En los plugins de WordPress se pueden encontrar varias he­rra­mie­n­tas de op­ti­mi­za­ción. Yoast SEO, por ejemplo, ofrece en un paquete las funciones de SEO más im­po­r­ta­n­tes, como pueden ser la in­te­gra­ción de redes sociales, la op­ti­mi­za­ción de los metadatos o el análisis de la web. Con el plugin de Google XML Sitemaps es posible crear mapas de sitio. Pero Pro­ce­s­s­Wi­re no se queda atrás y ofrece para todo ello un módulo: se trata de la extensión MarkupSEO, una solución completa que integra una pestaña en el apartado “Pages”, donde se indican el título y la imagen de vista previa junto a otros metadatos. En la parte superior es posible ver la vista previa en Google a la vez que se van in­tro­du­cie­n­do los cambios. Además, el módulo Profields: Autolinks enlaza au­to­má­ti­ca­me­n­te las palabras clave se­le­c­cio­na­das con los URL co­rre­s­po­n­die­n­tes y con Pro­ce­s­s­Wi­re Ac­ce­s­si­bi­li­ty Tools se aumenta la ac­ce­si­bi­li­dad de la web.

Como ya se ha me­n­cio­na­do, en Pro­ce­s­s­Wi­re se trabaja sobre una es­tru­c­tu­ra de árbol ex­pa­n­di­ble casi de forma ilimitada. Para el de­sa­rro­llo web este es un software sólido y eficiente cuya interfaz de pro­gra­ma­ción permite integrar los módulos ne­ce­sa­rios. Algunos ya están incluidos en el software principal, pero también existen apli­ca­cio­nes de­sa­rro­lla­das por la comunidad basadas en software de código abierto y probadas antes por los de­sa­rro­lla­do­res antes de ponerlas a di­s­po­si­ción de los usuarios. En de­fi­ni­ti­va, el programa es un marco de gestión de co­n­te­ni­dos, pues permite la creación de un sistema de gestión de co­n­te­ni­dos acorde a la voluntad de cada usuario. Otra ca­ra­c­te­rí­s­ti­ca de Pro­ce­s­s­Wi­re es que todas las partes visibles y ocultas de la web son páginas donde se disponen di­fe­re­n­tes campos de datos adaptados a los métodos de entrada.

El líder de los CMS se basa en el software b2, que en un principio se de­sa­rro­lló como software weblog, pero también permite crear páginas de manera je­rá­r­qui­ca y usarlo como CMS. No obstante, la API fue criticada con cierta asiduidad pues, a di­fe­re­n­cia de Pro­ce­s­s­Wi­re, donde el software principal está pe­r­fe­c­ta­me­n­te coor­di­na­do con los módulos, la gran comunidad de WordPress añade re­gu­la­r­me­n­te plugins que no siempre son seguros y a menudo aparecen so­bre­ca­r­ga­dos. Como muchos de ellos tienen ca­ra­c­te­rí­s­ti­cas que se su­pe­r­po­nen, suelen competir unos con otros. Además, y debido a su gran número, no se puede probar su co­m­pa­ti­bi­li­dad en todas las apli­ca­cio­nes, lo que puede desem­bo­car en que una versión del plugin, cuando se actualiza de forma au­to­má­ti­ca, limite sin ad­ve­r­ti­r­lo otras funciones de la web.

WordPress es conocido y admirado por muchos a nivel in­te­r­na­cio­nal, lo que in­e­vi­ta­ble­me­n­te también atrae a los hackers. La página de CVE Details muestra in­fo­r­ma­ción sobre las vu­l­ne­ra­bi­li­da­des del CMS: hasta marzo de 2018 se habían detectado un total de 273 brechas de seguridad en las apli­ca­cio­nes de WordPress, muchas de ellas críticas. Es más, en co­m­pa­ra­ción con el año anterior, la cifra de vu­l­ne­ra­bi­li­da­des re­po­r­ta­das en 2017 se había duplicado. Los ataques más comunes tenían lugar debido a la brecha de seguridad conocida como cross site scripting (XSS). Y es que, aunque WordPress trabaje en ac­tua­li­za­cio­nes de seguridad, muchas de las páginas requieren una gran cantidad de plugins que también deben ac­tua­li­zar­se (los gestores web se olvidan a menudo de hacerlo), sin contar con que los temas so­bre­ca­r­ga­dos suelen mostrar también vu­l­ne­ra­bi­li­da­des im­po­r­ta­n­tes.

Su modesto oponente insiste, a pesar de la coope­ra­ción open source, en probar los módulos de­sa­rro­lla­dos por la comunidad antes de ponerlos a di­s­po­si­ción de los usuarios. Como co­n­se­cue­n­cia, la bi­blio­te­ca de plugins es más reducida, pero también más manejable y, en co­m­pa­ra­ción con el gigante de los CMS, las ex­te­n­sio­nes son más seguras. Además, Pro­ce­s­s­Wi­re trabaja de manera continua en ac­tua­li­za­cio­nes de seguridad.

Breve in­tro­du­c­ción a su in­s­ta­la­ción

Aunque existen di­fe­re­n­tes métodos de descarga, la mayor parte de usuarios obtienen el programa de GitHub. Si es el caso, una vez de­s­ca­r­ga­do el archivo zip, se procede a de­s­co­m­pri­mi­r­lo. Se­gui­da­me­n­te se carga el paquete de archivos en el servidor y se lleva a cabo la in­s­ta­la­ción web. Es entonces cuando el programa comprueba la co­m­pa­ti­bi­li­dad, avisando si no se cumple con los re­qui­si­tos básicos. Además, si aún no se ha hecho, debe ha­bi­li­tar­se PHP en el archivo .htaccess. A co­n­ti­nua­ción se introduce la in­fo­r­ma­ción necesaria de la base de datos del usuario en el panel de ad­mi­ni­s­tra­dor, que se encuentra en el proveedor de alo­ja­mie­n­to web. Para terminar hay que in­tro­du­cir también una dirección de correo para poder recibir los datos de acceso.

A co­n­ti­nua­ción, se accede a la opción de menú “Templates” (pla­n­ti­llas) de los ajustes (“Setup”). Gracias a las pla­n­ti­llas se consigue que todas las páginas con las mismas funciones presenten un aspecto uniforme. Para añadir una nueva plantilla basta con clicar en “Add new template”. En cuanto a las es­pe­ci­fi­ca­cio­nes, el de­sa­rro­lla­dor puede cargarlas desde un archivo PHP del servidor o es­cri­bi­r­las él mismo. Si ya se tiene una plantilla y se quiere volver a usar en una nueva creación, hay que se­le­c­cio­nar la plantilla en cuestión del menú de­s­ple­ga­ble “Duplicate fields used by another template”, donde la nueva plantilla conserva todos los campos de la original.

En la pestaña “Access” se fija quién tiene acceso a las páginas de plantilla. Para ello la pla­ta­fo­r­ma ofrece una gran di­ve­r­si­dad de opciones. Por ejemplo, se pueden crear páginas de foros solo visibles para los usuarios que inicien sesión o generar páginas cuyo contenido solo pueda ser elaborado por re­da­c­to­res y gestores, pero que sea visible para todos los usuarios.

En “Family” se establece si la plantilla permite su­b­pá­gi­nas y además se fijan las pla­n­ti­llas que co­rre­s­po­n­den a cada nivel (padres e hijos). La pestaña “URL” permite preparar la pa­gi­na­ción y la op­ti­mi­za­ción web a través de rutas de es­tru­c­tu­ra clara. En “Cache” se reduce el tiempo de carga y en “Advanced” se pueden encontrar etiquetas, co­n­mu­ta­do­res e iconos. Además, Pro­ce­s­s­Wi­re cuenta con otra pestaña, “Import”, que permite importar campos de otros temas al editor de plantilla. Por último, con “Delete” se borra una plantilla.

El credo de Pro­ce­s­s­Wi­re reza: todo en una página. Es por ello que el usuario puede tener una visión general de cada uno de los elementos de la ar­qui­te­c­tu­ra que la define. Como ya se han creado las pla­n­ti­llas y definido los campos y se ha es­ta­ble­ci­do la base para la pro­du­c­ción de la página, es el momento de pasar a la creación. Para ello hay que volver a “Pages” y clicar en “Add new”. En el menú de­s­ple­ga­ble se pueden ver todas las pla­n­ti­llas que han sido creadas. En este caso, se ha se­le­c­cio­na­do “Sk­y­cra­pe­rs”.

La página web se co­n­fo­r­ma­rá de acuerdo con la plantilla es­ta­ble­ci­da como “Sk­y­s­cra­per”. En la versión demo la relación entre cada una de las su­b­pá­gi­nas ya está pre­de­te­r­mi­na­da. A esta plantilla hay que asignarle una página principal de entre las que se ofrecen bajo “City”, tras lo que hay que dar un título para el en­ca­be­za­do y un nombre para el URL.

Primero hay que pulsar en “Save” para guardar la página y a co­n­ti­nua­ción seguir la ruta Pages > Cities > Al­bu­que­r­que, se­le­c­cio­nar la página de ejemplo Al­bu­que­r­que Petroleum Building y clicar en “Edit”. En la pestaña “Settings” hay que de­te­r­mi­nar las pro­pie­da­des, aunque el nombre y la plantilla ya han sido creados. Se es­ta­ble­cen el estado de la página como oculto, bloqueado o no publicado (“Hidden”, “Locked” o “Un­pu­bli­shed”), los derechos de acceso y la caché. En el apartado de contenido se in­tro­du­cen los campos pe­r­so­na­li­za­dos. La plantilla muestra doce campos junto al tipo de datos:

• Title (Page title)
• Height (Float)
• Floors (Integer)
• Year (Integer)
• Ar­chi­te­cts (Page)
• Body (Text Area)
• Map (Map Marker)
• Images (Images)
• Fieldset_Meta (Fie­l­d­se­tO­pen)
• Free­ba­se­Guid (Text)
• Wi­ki­pe­diaID (Integer)
• Fie­l­d­se­t­Me­ta-END

Fi­na­l­me­n­te, los editores o gestores de páginas web pueden completar los campos para texto y cifras con el contenido co­rre­s­po­n­die­n­te y de­te­r­mi­nar las coor­de­na­das del lugar donde se encuentra el edificio en cuestión. Las imágenes se pueden cargar fá­ci­l­me­n­te con drag and drop, y con la he­rra­mie­n­ta de imagen se puede cambiar el tamaño y el formato. Cuando se han rellenado todos los campos, se puede pedir una vista previa en la pestaña “View” y si todo es correcto se procede a guardar la página clicando en “Save”. Así de fácil es crear una página pe­r­so­na­li­za­da. Aunque, para una mayor libertad de diseño, mejor ex­pe­rie­n­cia de usuario y un área de ad­mi­ni­s­tra­ción op­ti­mi­za­da, se re­co­mie­n­dan los módulos de código abierto.