PDF de programación - CMS y Bootstrap

BOOTSTRAP

1

C MS 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

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

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

▼ Los más populares ..................... 5
WordPress ......................................... 5
Joomla! ............................................. 6
PrestaShop ........................................ 6

▼ Resumen ..................................... 9

▼ Actividades ...............................10

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 simplifi ca 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
ofi cial 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 confi gurar 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

BOOTSTRAP

3

Figura 1. Sitio web ofi cial 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
confi gurando 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

BOOTSTRAP

5

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 ofi cial 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 infor-
mación almacenada en una base de datos. Entre sus funciones, el SGBD nos permite defi nir la base de
datos, insertar, modifi car, eliminar y consultar los datos, así como confi gurar su privacidad y seguridad.
Algunos SGBD son: MySQL, Oracle, SQL Server, DB2, PostgreSQL, Ms Access.

www.redusers.com

6

Joomla!

CMS Y BOOTSTRAP

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 ofi cial 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áfi co 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

BOOTSTRAP

7

Figura 6. Sitio web ofi cial 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 ofi cial 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 modifi car 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 modifi cación en caso de que
algún usuario haya agregado información errónea.

Figura 8. Sitio web ofi cial 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,