BOOTSTRAP 1

CMS y Bootstrap
En este captulo aprendemos qu es un gestor de contenidos

(CMS), cmo funciona y qu necesitamos para instalarlo.

Tambin conocemos los gestores de contenido ms populares,

indagamos con qu propsitos fueron creados y cmo

funcionan en conjunto con el framework Bootstrap.

Qu es un CMS? ....................... 2 Moodle .............................................. 7

MediaWiki ......................................... 8
Cmo funciona un CMS? ........ 2 Drupal................................................ 8

Los ms populares ..................... 5 Resumen..................................... 9

WordPress ......................................... 5
Joomla! ............................................. 6 Actividades............................... 10
PrestaShop ........................................ 6

www.redusers.com
 2 CMS Y BOOTSTRAP

Qu es un CMS?
En ingls, CMS es la sigla de Content Management System (sistema
de gestin de contenidos). Se trata de una aplicacin que nos permite
administrar y crear contenidos para pginas web, sin la necesidad
de saber algn lenguaje de programacin 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 pgina web, que ya hemos visto en el
Captulo 1. Adems, de acuerdo a qu gestor usemos, contamos con
mdulos prediseados, extensiones (plugins) que se adaptan a cada
necesidad, lo que permite que nuestra web sea 100 % personalizable.

Cmo funciona un CMS?

El sistema de gestin de contenidos se descarga desde la pgina 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 direccin
fsica en la barra de direccin de nuestro navegador. A partir de all, un
asistente nos guiar paso a paso para completar el proceso de instalacin.
En el Captulo 8 ya hemos visto un ejemplo de cmo configurar e
instalar el gestor de contenidos Joomla! de forma local.
Un sistema de gestin 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 informacin y necesitaban actualizar y/o ampliar esa informacin de
manera constante. Uno de los primeros CMS fue Typo 3, de cdigo abierto, desarrollado en 1997
en Dinamarca por Kasper Skrhj.

www.redusers.com
BOOTSTRAP 3

Figura 1. Sitio web ocial de Joomla!, desde donde

podemos descargar la ltima versin del popular CMS.

Es importante tener en cuenta que, al utilizar una base de datos,

vamos a necesitar el usuario y contrasea para poder realizar la
conexin. 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 contrasea para la base de datos, debemos pedirla al
administrador del servidor, o bien, si trabajamos de forma local,
crear un usuario y contrasea. 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 rpida: phpMyAdmin.

www.redusers.com
 4 CMS Y BOOTSTRAP

Como mencionamos antes, los gestores de contenido nos permiten

organizar con rapidez la informacin de nuestra web. Cada CMS en
general nos permite crear categoras y subcategoras, artculos,
entradas, pginas, etctera. Cada artculo o entrada a veces
este nombre vara, dependiendo de cada CMS debera pertenecer
siempre a una categora o subcategora para una mejor organizacin,
si bien en algunos casos podemos agregar pginas sin categorizar,
formularios de registro o consulta, chats, entre otros mdulos.
Todos esos artculos o entradas que se van a ir agregando y
configurando desde el administrador (back-end) conforman las
secciones de nuestra pgina web. De esta forma, vamos completando
el total de los contenidos. Adems, 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 artculo o contenido
de manera rpida, como si estuviramos 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 aadir entradas a nuestro sitio.

PLANTILLAS

Una plantilla (en ingls, template) es un sitio web compuesto por un conjunto de archivos que poseen
un diseo prediseado. Son de gran utilidad, ya que nos permiten crear un sitio web de manera rpida
basndonos en el diseo de esa plantilla. Contamos con una gran cantidad de plantillas para descargar
de Internet, algunas son gratis y otras pagas.

www.redusers.com
BOOTSTRAP 5

Los ms populares
Los gestores de contenido varan mucho dependiendo del uso
que vayamos a darles. Hay CMS de todo tipo y para cada necesidad:
para crear un portal de educacin, para crear un blog, para crear
un comercio electrnico (e-commerce) o simplemente una pgina
web comn en donde mostrar nuestros trabajos. A continuacin,
mencionaremos algunos CMS populares de cdigo abierto (open source).

WordPress
Es uno de los gestores ms utilizados. Originalmente creado para
desarrollar blogs, cuenta con ms de 10 aos y la ltima versin
disponible al momento de realizar este libro es la 4.2.3.
WordPress, al ser uno de los ms utilizados, cuenta con una gran
comunidad, foros, sitios de ayuda en espaol y plantillas, entre otras cosas.
Este gestor soporta Bootstrap y podemos encontrar en Internet
varios ejemplos de cmo crear plantillas, as como otras ya creadas
en este framework, listas para descargar.

Figura 4. Sitio web ocial de WordPress

en espaol: https://es.wordpress.com

GESTORES DE BASE DE DATOS

Un sistema gestor de base de datos o SGBD (en ingls, DataBase Management System o DBMS) es
un software compuesto por un conjunto de programas que nos permiten administrar y gestionar la infor-
macin almacenada en una base de datos. Entre sus funciones, el SGBD nos permite denir la base de
datos, insertar, modicar, eliminar y consultar los datos, as como congurar 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 ms empleados y ya cuenta
con 10 aos de antigedad. Al momento de realizar este libro, la ltima
versin estable es la 3.4.2. Como vimos en el Captulo 8, Joomla! se
utiliza principalmente para realizar blogs y pginas web.

Figura 5. Sitio web ocial de Joomla! en espaol: www.joomla.org/3/es

PrestaShop
Este gestor de contenidos se utiliza principalmente para realizar
comercio electrnico (e-commerce) o lo que se conoce ms comnmente
como carrito de compras (nos permite realizar compras dentro del
sitio web). La ltima versin al momento de escribir este libro es la 1.6.2.
Posee diversos foros en espaol 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 gestin de bases de datos relacionales, como el Administrador de tareas (Enterprise
Manager) y el Analizador de consultas (Query Analizer). Incluye un entorno grco y se puede
manejar mediante lneas de comando SQLCMD. Soporta consultas a nivel local y a travs de Internet
(cloud-ready). Tambin posee una versin de distribucin gratuita: SQL Express.

www.redusers.com
BOOTSTRAP 7

Figura 6. Sitio web ocial de PrestaShop en espaol: www.prestashop.com/es

Moodle
Este CMS es utilizado principalmente para la educacin.
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
versin disponible es la 2.9.1.

Figura 7. Sitio web ocial de Moodle en espaol: 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 cmo va quedando el sitio a medida que lo vamos realizando. Son de gran utilidad
para aquellas personas que tienen o poseen escaso conocimiento de programacin.

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 versin estable es la 1.24.0.
Se utiliza para crear, borrar y modificar contenido de una pgina
web especial, la que se conoce como wiki.
La diferencia entre una pgina web normal y una wiki reside en
que en la wiki cualquier usuario puede agregar, editar o eliminar
informacin, es decir, las wikis se crean a partir de la colaboracin
de los usuarios. Por lo general, las wikis poseen un historial de
cambios, lo que permite revertir una modificacin en caso de que
algn usuario haya agregado informacin errnea.

Figura 8. Sitio web ocial de MediaWiki

en espaol: www.mediawiki.org/wiki/MediaWiki/es

Drupal
Su primera versin es de 2001. Es muy similar a Joomla! y, como
este, permite crear contenidos, artculos, encuestas, blogs, entre otros
elementos. La ltima versin estable al momento de escribir este libro
es la 7.36.

CMS COMERCIALES

Si bien la mayora de los gestores de contenido son de cdigo abierto, existen tambin CMS
comerciales. Un ejemplo de ello es Kentico CMS. Este gestor de contenidos emplea la tecnologa ASP.
NET y Microsoft SQL Server y es compatible con Microsoft Windows Azure (la plataforma de informtica
en la nube de la empresa Microsoft).

www.redusers.com
BOOTSTRAP 9

Figura 9. Sitio web ocial de Drupal en espaol: http://drupal.org.es

RESUMEN

En este ltimo captulo conocimos los sistemas de gestin de contenido. Explicamos la utilidad que nos
brindan estas herramientas para gestionar de manera rpida y exible el contenido de nuestro
sitio web. Conocimos cmo funcionan y qu necesitamos para instalarlos. Posteriormente,
hicimos una breve referencia, explicando las principales caractersticas de los gestores de contenido
de cdigo abierto ms populares: WordPress, Joomla!, PrestaShop, Moodle, MediaWiki y Drupal.

www.redusers.com
 10 CMS Y BOOTSTRAP

Actividades
TEST DE AUTOEVALUACIN

1 Qu un sistema de gestin de contenidos?

2 Cul es la ventaja de utilizar un CMS?

3 Los CMS utilizan bases de datos?

4 Cules son los gestores de contenidos ms populares?

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

EJERCICIOS PRCTICOS
1 Ingrese al sitio www.mediawiki.org/wiki/MediaWiki/es y busque informacin
acerca de su uso.

2 Busque en Internet qu otros gestores de contenido existen y comprelos

con los presentados en este captulo.

3 Ingrese al sitio https://docs.moodle.org/29/en/Main_page, y haga clic

en usage para leer la forma de utilizacin del Moodle.

4 Acceda al sitio web de Master Bootstrap, y lea la documentacin que se

encuentra all: www.masterbootstrap.com/index.php/es/documentacion

PROFESOR EN LNEA

Si tiene alguna consulta tcnica relacionada con el contenido, puede contactarse

con nuestros expertos: profesor@redusers.com

www.redusers.com