10
www.redusers.com ¿Qué es un CMS?....................... 2 ¿Cómo funciona un CMS? ........ 2 Los más populares ..................... 5 WordPress ......................................... 5 Joomla! ............................................. 6 PrestaShop ........................................ 6 Moodle .............................................. 7 MediaWiki ......................................... 8 Drupal................................................ 8 Resumen..................................... 9 Actividades............................... 10 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.

C MS y Bootstrap - …premium.redusers.com.s3.amazonaws.com/LIBROS/Bootstrap/CMSy... · Por otra parte, el CMS nos simplifi ca la ardua tarea de programar el back-end y el front-end

Embed Size (px)

Citation preview

BOOTSTRAP 1

www.redusers.com

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

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

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

WordPress ......................................... 5

Joomla! ............................................. 6

PrestaShop ........................................ 6

Moodle .............................................. 7

MediaWiki ......................................... 8

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

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

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

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.

CMS Y BOOTSTRAP2

www.redusers.com

¿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.

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.

HISTORIA DE LOS GESTORES DE CONTENIDO

BOOTSTRAP 3

www.redusers.com

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.

CMS Y BOOTSTRAP4

www.redusers.com

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.

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.

PLANTILLAS

BOOTSTRAP 5

www.redusers.com

Los más popularesLos 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).

WordPressEs 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

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.

GESTORES DE BASE DE DATOS

CMS Y BOOTSTRAP6

www.redusers.com

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 ofi cial de Joomla! en español: www.joomla.org/3/es

PrestaShopEste 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.

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.

MICROSOFT SQL SERVER

BOOTSTRAP 7

www.redusers.com

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

MoodleEste 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

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.

LO QUE VES ES LO QUE OBTIENES

CMS Y BOOTSTRAP8

www.redusers.com

MediaWikiEste 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

DrupalSu 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.

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).

CMS COMERCIALES

BOOTSTRAP 9

www.redusers.com

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

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 fl exible 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.

RESUMEN

CMS Y BOOTSTRAP10

www.redusers.com

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

Actividades

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

PROFESOR EN LÍNEA