1

BOOTSTRAP

CMS y Bootstrap En este capítulo aprendemos qué es un gestor de contenidos (CMS), cómo funciona y qué necesitamos para instalarlo. También conocemos los gestores de contenido más populares, indagamos con qué propósitos fueron creados y cómo funcionan en conjunto con el framework Bootstrap.

▼

¿Qué es un CMS? ....................... 2

Moodle .............................................. 7 MediaWiki ......................................... 8

▼

¿Cómo funciona un CMS? ........ 2

▼

Los más populares ..................... 5

Drupal................................................ 8

▼

Resumen..................................... 9

▼

Actividades............................... 10

WordPress ......................................... 5 Joomla! ............................................. 6 PrestaShop ........................................ 6

www.redusers.com

2

CMS Y BOOTSTRAP

¿Qué es un CMS? En inglés, CMS es la sigla de Content Management System (sistema de gestión de contenidos). Se trata de una aplicación que nos permite administrar y crear contenidos para páginas web, sin la necesidad de saber algún lenguaje de programación —aunque es conveniente y recomendable conocer alguno—. Por otra parte, el CMS nos simplifica la ardua tarea de programar el back-end y el front-end de la página web, que ya hemos visto en el Capítulo 1. Además, de acuerdo a qué gestor usemos, contamos con módulos prediseñados, extensiones (plugins) que se adaptan a cada necesidad, lo que permite que nuestra web sea 100 % personalizable.

¿Cómo funciona un CMS? El sistema de gestión de contenidos se descarga desde la página web oficial de su(s) autor(es) y se instala en un servidor web. Generalmente lo que descargamos es una carpeta con varios directorios que luego debemos alojar en nuestro hosting. Una vez que esta carpeta está alojada en el hosting, hacemos un llamado a esa carpeta escribiendo la dirección física en la barra de dirección de nuestro navegador. A partir de allí, un asistente nos guiará paso a paso para completar el proceso de instalación. En el Capítulo 8 ya hemos visto un ejemplo de cómo configurar e instalar el gestor de contenidos Joomla! de forma local. Un sistema de gestión de contenidos siempre funciona con una base de datos, como MySQL, PostgreSQL, SQLite, Microsoft SQL Server, entre otras. En esta base de datos se va organizando el contenido del sitio web.

HISTORIA DE LOS GESTORES DE CONTENIDO Los gestores de contenido fueron desarrollados por organizaciones que publicaban en sus sitios web un gran volumen de información y necesitaban actualizar y/o ampliar esa información de manera constante. Uno de los primeros CMS fue Typo 3, de código abierto, desarrollado en 1997 en Dinamarca por Kasper Skårhøj.

www.redusers.com

3

BOOTSTRAP

Figura 1. Sitio web oficial de Joomla!, desde donde podemos descargar la última versión del popular CMS. Es importante tener en cuenta que, al utilizar una base de datos, vamos a necesitar el usuario y contraseña para poder realizar la conexión. En algunos CMS necesitaremos crear la base de datos desde nuestro servidor, ya sea local o un alojamiento pago. Si no disponemos de usuario y contraseña para la base de datos, debemos pedirla al administrador del servidor, o bien, si trabajamos de forma local, crear un usuario y contraseña. Para esto, podemos utilizar, por ejemplo, el gestor de base de datos phpMyAdmin, que ya viene instalado en el paquete XAMPP.

Figura 2. Entorno para administrar bases de datos de forma rápida: phpMyAdmin. www.redusers.com

4

CMS Y BOOTSTRAP

Como mencionamos antes, los gestores de contenido nos permiten organizar con rapidez la información de nuestra web. Cada CMS en general nos permite crear categorías y subcategorías, artículos, entradas, páginas, etcétera. Cada artículo o entrada —a veces este nombre varía, dependiendo de cada CMS— debería pertenecer siempre a una categoría o subcategoría para una mejor organización, si bien en algunos casos podemos agregar páginas sin categorizar, formularios de registro o consulta, chats, entre otros módulos. Todos esos artículos o entradas que se van a ir agregando y configurando desde el administrador (back-end) conforman las secciones de nuestra página web. De esta forma, vamos completando el total de los contenidos. Además, el CMS cuenta con la ventaja de que se puede actualizar constantemente, si se escriben contenidos en forma continua, ya que es muy simple crear un artículo o contenido de manera rápida, como si estuviéramos utilizando un editor de texto. Otra gran ventaja de los CMS es que son multiplataforma, es decir que pueden instalarse en cualquier sistema operativo.

Figura 3. Administrador del gestor de contenidos WordPress, desde donde podemos añadir entradas a nuestro sitio.

PLANTILLAS Una plantilla (en inglés, template) es un sitio web compuesto por un conjunto de archivos que poseen un diseño prediseñado. Son de gran utilidad, ya que nos permiten crear un sitio web de manera rápida basándonos en el diseño de esa plantilla. Contamos con una gran cantidad de plantillas para descargar de Internet, algunas son gratis y otras pagas.

www.redusers.com

5

BOOTSTRAP

Los más populares Los gestores de contenido varían mucho dependiendo del uso que vayamos a darles. Hay CMS de todo tipo y para cada necesidad: para crear un portal de educación, para crear un blog, para crear un comercio electrónico (e-commerce) o simplemente una página web común en donde mostrar nuestros trabajos. A continuación, mencionaremos algunos CMS populares de código abierto (open source).

WordPress Es uno de los gestores más utilizados. Originalmente creado para desarrollar blogs, cuenta con más de 10 años y la última versión disponible al momento de realizar este libro es la 4.2.3. WordPress, al ser uno de los más utilizados, cuenta con una gran comunidad, foros, sitios de ayuda en español y plantillas, entre otras cosas. Este gestor soporta Bootstrap y podemos encontrar en Internet varios ejemplos de cómo crear plantillas, así como otras ya creadas en este framework, listas para descargar.

Figura 4. Sitio web oficial de WordPress en español: https://es.wordpress.com

GESTORES DE BASE DE DATOS Un sistema gestor de base de datos o SGBD (en inglés, DataBase Management System o DBMS) es un software compuesto por un conjunto de programas que nos permiten administrar y gestionar la información almacenada en una base de datos. Entre sus funciones, el SGBD nos permite definir la base de datos, insertar, modificar, eliminar y consultar los datos, así como configurar su privacidad y seguridad. Algunos SGBD son: MySQL, Oracle, SQL Server, DB2, PostgreSQL, Ms Access.

www.redusers.com

6

CMS Y BOOTSTRAP

Joomla! Como WordPress, es uno de los CMS más empleados y ya cuenta con 10 años de antigüedad. Al momento de realizar este libro, la última versión estable es la 3.4.2. Como vimos en el Capítulo 8, Joomla! se utiliza principalmente para realizar blogs y páginas web.

Figura 5. Sitio web oficial de Joomla! en español: www.joomla.org/3/es

PrestaShop Este gestor de contenidos se utiliza principalmente para realizar comercio electrónico (e-commerce) o lo que se conoce más comúnmente como carrito de compras (nos permite realizar compras dentro del sitio web). La última versión al momento de escribir este libro es la 1.6.2. Posee diversos foros en español y una amplia comunidad de usuarios.

MICROSOFT SQL SERVER SQL Server es un motor de base de datos producido por Microsoft, que posee varias aplicaciones para la gestión de bases de datos relacionales, como el Administrador de tareas (Enterprise Manager) y el Analizador de consultas (Query Analizer). Incluye un entorno gráfico y se puede manejar mediante líneas de comando SQLCMD. Soporta consultas a nivel local y a través de Internet (cloud-ready). También posee una versión de distribución gratuita: SQL Express.

www.redusers.com

7

BOOTSTRAP

Figura 6. Sitio web oficial de PrestaShop en español: www.prestashop.com/es

Moodle Este CMS es utilizado principalmente para la educación. Universidades, colegios e instituciones educativas diversas utilizan Moodle para dar charlas virtuales, descargar materiales y realizar inscripciones de alumnos, entre otras opciones que ofrece. Su última versión disponible es la 2.9.1.

Figura 7. Sitio web oficial de Moodle en español: https://moodle.org/?lang=es

LO QUE VES ES LO QUE OBTIENES Los editores de texto WYSIWYG (What you see is what you get – ‘Lo que ves es lo que obtienes’) nos permiten observar cómo va quedando el sitio a medida que lo vamos realizando. Son de gran utilidad para aquellas personas que tienen o poseen escaso conocimiento de programación.

www.redusers.com

8

CMS Y BOOTSTRAP

MediaWiki Este gestor de contenidos es utilizado y creado por Wikipedia. Está disponible desde 2002 y la última versión estable es la 1.24.0. Se utiliza para crear, borrar y modificar contenido de una página web especial, la que se conoce como wiki. La diferencia entre una página web normal y una wiki reside en que en la wiki cualquier usuario puede agregar, editar o eliminar información, es decir, las wikis se crean a partir de la colaboración de los usuarios. Por lo general, las wikis poseen un historial de cambios, lo que permite revertir una modificación en caso de que algún usuario haya agregado información errónea.

Figura 8. Sitio web oficial de MediaWiki en español: www.mediawiki.org/wiki/MediaWiki/es

Drupal Su primera versión es de 2001. Es muy similar a Joomla! y, como este, permite crear contenidos, artículos, encuestas, blogs, entre otros elementos. La última versión estable al momento de escribir este libro es la 7.36.

CMS COMERCIALES Si bien la mayoría de los gestores de contenido son de código abierto, existen también CMS comerciales. Un ejemplo de ello es Kentico CMS. Este gestor de contenidos emplea la tecnología ASP. NET y Microsoft SQL Server y es compatible con Microsoft Windows Azure (la plataforma de informática en la nube de la empresa Microsoft).

www.redusers.com

9

BOOTSTRAP

Figura 9. Sitio web oficial de Drupal en español: http://drupal.org.es

RESUMEN En este último capítulo conocimos los sistemas de gestión de contenido. Explicamos la utilidad que nos brindan estas herramientas para gestionar de manera rápida y flexible el contenido de nuestro sitio web. Conocimos cómo funcionan y qué necesitamos para instalarlos. Posteriormente, hicimos una breve referencia, explicando las principales características de los gestores de contenido de código abierto más populares: WordPress, Joomla!, PrestaShop, Moodle, MediaWiki y Drupal.

www.redusers.com

10

CMS Y BOOTSTRAP

Actividades TEST DE AUTOEVALUACIÓN 1

¿Qué un sistema de gestión de contenidos?

2

¿Cuál es la ventaja de utilizar un CMS?

3

¿Los CMS utilizan bases de datos?

4

¿Cuáles son los gestores de contenidos más populares?

5

Cuando usamos un CMS, ¿podemos emplear el sistema de rejillas de Bootstrap?

EJERCICIOS PRÁCTICOS 1

Ingrese al sitio www.mediawiki.org/wiki/MediaWiki/es y busque información acerca de su uso.

2

Busque en Internet qué otros gestores de contenido existen y compárelos con los presentados en este capítulo.

3

Ingrese al sitio https://docs.moodle.org/29/en/Main_page, y haga clic en usage para leer la forma de utilización del Moodle.

4

Acceda al sitio web de Master Bootstrap, y lea la documentación que se encuentra allí: www.masterbootstrap.com/index.php/es/documentacion

PROFESOR EN LÍNEA Si tiene alguna consulta técnica relacionada con el contenido, puede contactarse con nuestros expertos: [email protected]

www.redusers.com