Drupal como CMS

Drupal es una software que nos permite construir sitios web administrables. Es decir, sitios web donde la información no permanece fija sino que cambia a través del tiempo. A este tipo de software se le conoce como CMS, por sus siglas en inglés. Es decir un CMS es un Content Management System, lo que en castellano se suele traducir como Sistema de Gestión de Contenido.

Un contenido es una unidad de información, como por ejemplo una noticia, la información de un producto, un video, etc. Esta unidad de información está compuesta de varios elementos, que se conocen habitualmente como campos. Por ejemplo una noticia puede tener un título, una fecha, el cuerpo de la noticia y probablemente una o varias fotos. Un producto, puede tener un nombre, una descripción, una foto, y el precio del producto.

Gracias al uso de un CMS, podemos hacer que personas sin conocimientos de informática, ni desarrollo de páginas web puedan cambiar la información. Por ejemplo un diario o revista on-line puede tener un conjunto de periodistas o editores que se encarguen de actualizar la página contando para ello con un usuario y contraseña con el que ingresan a su cuenta, y donde pueden subir de manera sencilla las nuevas noticias, sin tener que estar escribiendo código html, css y/o javascript; y sin necesidad de usar tampoco herramientas como editores de páginas html.

Drupal es un CMS, es decir, con Drupal podemos construir un sitio web donde los usuarios puedan tener acceso a un área donde puedan realizar multiples operaciones para agregar o actualizar el contenido de la página. Drupal, además dispone de un potente sistema de usuarios, roles y permisos que permite configurar quien puede hacer qué en la página. Por otro lado es un sistema modular que se puede extender con módulos desarrollados por diferentes personas para cubrir diferentes necesidades.

Drupal como Framework

Drupal también, además de un CMS, es un Framework o marco de trabajo para programadores. Esto significa que proporciona una manera de hacer que otros programadores web extiendan la funcionalidad de Drupal para satisfacer otras necesidades, siguiendo para ello una manera estandarizada de trabajar.

Una de las ventajas de utilizar un framework es que muchas personas pueden colaborar e intercambiar el trabajo entre ellas y el producto final seguirá guardando orden y coherencia. De esta manera se facilita también la comunicación entre personas distantes en el espacio o en el tiempo.

Estructura de directorios y archivos

Comprender la estructura de directorios de Drupal es importante para la realización de diferentes tareas, como instalar módulos, instalar temas, buscar los archivos de configuración, utilizar perfiles, etc.

Veamos el contenido de la carpeta raíz de Drupal.

Podemos observar las siguientes carpetas:

• includes, contiene archivos que contienen código php y que serán llamados por el core de drupal para la realización de tareas diversas.
• misc, contiene archivos diversos como imagenes, javascript, css.
• modules, es donde residen todos los módulos del core de drupal. Para instalar nuevos módulos también se podrían colocar acá y drupal los reconocería. Sin embargo, no es recomendable hacerlo, ya que lo ideal es que esta carpeta solo almacene módulos del core.
• profiles, este directorio contiene los perfiles de instalación. Si es que estamos usando la distribución predeterminada de drupal solamente encontraremos una carpeta default dentro del mismo. Sin embargo, si estamos usando otra distribución encontremos más carpetas que representan las otras posibilidades de instalación. Un ejemplo de ello es la distribución Open Atrium.
• scripts, son archivos que contienen instrucciones que pueden ser ejecutados por el shell.
• sites, en esta carpeta es donde residen todos los archivos de nuestra instalación de drupal (o de nuestras instalaciones, cuando se hace una instalación multisite). Es el lugar donde se recomienda colocar todos los temas o módulos adicionales que se instalen. También contendrá el archivo de configuración de nuestro sitio y de forma predeterminada el directorio files (que en realidad, si se quiere un sistema de descarga privada debería protegerse o moverse a otro lugar). Es el único directorio sobre el que deberíamos hacer cambios, salvo situaciones muy especiales.
• themes, en este directorio residen todos los temas que vienen con el core de drupal.

Y los siguientes archivos:

• CHANGELOG.txt, este archivo contiene la lista de cambios que se han ejecutado sobre el core de drupal de una manera histórica. Los cambios más antiguos están más abajo y los más recientes más arriba.
• COPYRIGHT.txt, es un archivo que indica los derechos de autor.
• cron.php, es un archivo de código php que ejecuta las tareas periódicas. Para que nuestro sistema pueda ejecutar tareas periódicas es necesario configurar nuestro servidor u otro equipo para que llame al cron.php con cierta frecuencia.
• index.php, es el punto de entrada a nuestro sitio web. Es decir, cuando solicitamos una página, pasa por el index.php. A este tipo de ingreso único a un programa se le conoce como Patrón de diseño Front-Controller. Aunque en realidad drupal tiene algunas cuantas tareas que no pasan por el archivo index.php, como la ejecución de tareas periódicas.
• install.php, este archivo es llamado al momento de la instalación.
• INSTALL.mysql.txt
• INSTALL.pgsql.txt
• INSTALL.txt
• LICENSE.txt
• MANTAINERS.txt
• robots.txt, este archivo sirve para informar a los motores de búsqueda que no indexen ciertas páginas, es decir, que las ignoren y no consideren su contenido para los resultados de una búsqueda. Para más información puedes ver la página de google sobre este tema.
• update.php
• UPGRADE.txt
• xmlrcp.php

Instalar Drupal

PASOS PARA INSTALAR DRUPAL

1. Verificar que el servidor donde se va a instalar drupal cumpla con los requisitos
2. Copiar los archivos de drupal al directorio de instalación. Previamente los bajamos del sitio de Drupal.
3. Crear una base de datos con usuario y contraseña
4. Crear una copia de default.settings.php a settings php y dar a este último permisos de lectura y escritura
5. Crear la carpeta files dentro del directorio /sites/default y dar permisos de lectura y escritura para el usuario del servidor web
6. Apuntar la url de nuestro navegador hacia nuestra instalación de drupal
7. Seguir los pasos que se indican en el navegador
8. Configurar nuestro sitio web y personalizarlo de acuerdo a nuestras necesidades

INSTALAR DRUPAL EN ESPAÑOL

Para instalar Drupal en un idioma distinto, por ejemplo en español, necesitamos bajarnos los archivos de traducción de la página de Drupal, y descomprimirlo dentro de nuestro directorio de Drupal.

OTROS RECURSOS SOBRE ESTE TEMA

1. Puedes encontrar una serie de videos muy interesantes, que te enseñan como instalar drupal, hechos por Fernando Paredes García.

Saludo
  http://blip.tv/file/2401805

Anuncios
  http://blip.tv/file/2401808

Introducción al Tema: ¡Como rayos se instala Drupal!
  http://blip.tv/file/2401811

Crear Cuenta de Hosting
  http://blip.tv/file/2401823

Activar Cuenta de Hosting
  http://blip.tv/file/2401827

Ingresar a Cuenta de Hosting
  http://blip.tv/file/2401834

Crear Base de Datos
  http://blip.tv/file/2401852

Descargar y Subir Drupal
  http://blip.tv/file/2401911

Descargar y Subir Traducción de Drupal
  http://blip.tv/file/2401960

Instalar Drupal en Castellano/Español
  http://blip.tv/file/2402016

Instalar Temas

Para la instalación de temas (themes) de drupal seguiremos los siguientes pasos:

• Subir los archivos del tema a la instalación de Drupal
• Activar el tema
• Configurar el tema

(TODO: Información más detallada sobre estos aspectos)

Instalación de Módulos

Para instalar módulos en Drupal, hay que siguir los siguientes pasos:

• Copiar los archivos del módulo dentro de nuestra instalación de drupal.
• En el área administrativa, seleccionar el módulo e instalarlo.
• Si el módulo requiere, realizar las configuraciones correspondientes.

Si el módulo que estamos instalando requiere de otros módulos, en el primer paso podemos copiar todos los módulos requeridos y luego los activamos en el área administrativa.

(TODO: Explicar con detalle cada uno de los pasos)

Activación de las estadísticas

El core de drupal trae incorporado el módulo Statistics, que nos permite tener información estadística de nuestro sitio web.

Para poder hacer uso del mismo activamos el módulo de la forma habitual en drupal.

TENER UN REGISTRO DEL NÚMERO DE VISITAS POR NODO

Cuando hemos activado el módulo Statistics, en la sección Administrar > Informes, nos aparecerá el enlace: Opciones del registro de acceso.

(TODO: Imagen representativa)

Al ingresar a la página que nos lleva este enlace, encontraremos dos secciones dentro de ella:

• Opciones del registro de acceso
• Opciones de los contadores de impresiones del contenido

Cada una de las cuales puede ser activada o desactivada.

(TODO: Imagen representativa)

Al activar opciones de los contadores de impresión del contenido, cada vez se se visite un nodo, se incrementará el contador de visitas del mismo, de tal manera que podemos saber cuantas veces se ha visitado cada contenido, ya que aparecerá un texto x lecturas, al ver el nodo. Donde x es el número de visitar recibidas.

(TODO: Imagen representativa)

Esta información se grabará en la tabla {node_counter}, que tiene los siguientes campos: nid, totalcount, daycount, timestamp. El timestamp cambia para indicar el momento de la última visita.

Configuración del sitio

Esta sección de Drupal nos permite configurar varios aspectos de nuestro sitio web, como por ejemplo la fecha y hora, los formatos de entrada, url limpios, etc.

Multidioma

Una vez que hemos instalado drupal, se debe crear una carpeta cuyo nombre será modules, dentro del directorio sites/all o sites/default, que es el directorio donde se ubicarán aquellos módulos que se descarguen en el transcurso que vamos desarrollando nuestro proyecto.

Descargar el módulo Consistent Language Interface. Una vez descargado se procede a descomprimirlo y colocarlo en la carpeta:

miProyecto/sites/all/modules.

Antes de instalar el módulo Consistent Language Interface debemos instalar los siguientes módulos. Para realizar la instalación nos dirigimos a la siguiente ruta:

Administrar->Construcción del sitio->Módulos

Estando en la página donde nos presenta una tabla con la lista de módulos que vienen en el core de Drupal, instalaremos los siguientes Módulos.

• Módulo Locale: Al momento de instalarlo se apreciará de la siguiente manera:

• Módulo Content Translation: Al momento de instalarlo se apreciará de la siguiente manera:

Una vez que hayamos instalado el módulo Content Translation el módulo Locale se observará de la siguiente manera:

Como podemos observar el recuadro donde esta el check ha cambiado de color y esto se ha produce cuando otros módulos dependen de un módulo que ya ha sido instalado. En este caso el módulo Content Translation depende del módulo Locale.

Cuando ya hemos instalado los modúlos anteriores procedemos a instalar el módulo Consistent Language Interface de la siguiente manera.

Descargar el módulo i18n (Internationalization). Una vez descargado se procede a descomprimirlo y colocarlo en la misma carpeta donde hemos guardaro el módulo descargado anteriormente:

miProyecto->sites->all->Modules.

Cuando ingresemos a observar el contenido del módulo i18n podremos observar que trae consigo otros módulos los cuales son:

• Blok Translation.

• Content Type Translation

• Menú Translation

• Poll Agregate.

• Profile Translation

• String Translation.

• Synchronize Translations

• Taxonomy Translation.

• Views translation.

Al momento que vamos a instalar el módulo i18n (Internationalization), tambien debemos instalar los siguientes módulos:

• Block translation

• Content type tranlation

• Menú translation

• String translation

• Synchronize translation.

• Taxonomy translation.

Para tener una idea más clara presentamos la siguiente imagen, donde los módulos instalados aparecen con un check en la caja que esta al lado derecho de cada uno de los módulos.

Terminada la instalación de todos los módulos para nuestro sitio, nos dirigimos a Idiomas, mediante la siguiente ruta:

Administrar->Configuración del sitio->Idiomas.

Al dar clic sobre el enlace Idiomas nos presentará una página con las siguientes pestañas.

Para ingresar y configurar la página de Idiomas damos clic sobre la pestaña Configurar y esta nos mostrará las opciones de negociación de idiomas, para determinar el Idioma de presentación de nuestro sitio.

Como se puede apreciar en este caso estoy seleccionando la opción Ninguna, es decir, que para la presentación de nuestro sitio se utilizará el Idioma predeterminado (Spanish).

Ingresamos a la sección de Consistent Language Interface Options, siguiendo la ruta:

Administrar->Configuración del sitio->Consistent Language Interface Options

Al ingresar a esta página podremos determinar las opciones para mostrar el icono de idiomas (Se mostrará más adelante). También podemos determinar el peso para cada Idioma.

• Text Options: Como se puede apreciar en la siguiente imagen estamos seleccionando la opción Text After Flag, es decir que que en la presentación del Bloque Consistent Language Interface block el texto se observará despues de la Bandera

•  Language weights: Aquí seleccionamos el peso de cada uno de los Idiomas. Según el peso que se aprecia en la imagen, primero estará el idioma Español luego English.

Para que el icono que muestra las banderas con los idiomas respectivos, aparezca en la región que deseemos, ingresamos a la sección de Bloques para activar Consistent Language Interface block, de la siguiente manera.

Administrar->Construcción del sitio->Bloques.

Al ingresar a la página de Bloques en la parte inferior podemos observar que el bloque Consistent Language Interface block, se encuentra en la  sección Desactivado. Como se muestra en la siguiente imagen.

Para poder activarlo podemos moverlo y ubicarlo en el bloque que creamos conveniente. En este caso lo ubicaré en el Bloque Left sidebar por encima del bloque de Inicio de sesión de la siguiente manera.

Le damos clic al botón Guardar bloques y en la parte izquierda se podrá observar un icono con los idiomas correspondientes. Además de podra observar que dicho ícono está ubicado por encima del Menú Administrador.

En el icono que muestra las banderas, al momento de darle clic sobre la bandera y el texto Español me mostrará las páginas que crearemos posteriormente en el idioma Español. Si presiono la bandera y el texto English, me mostrará las páginas que serán traducidas posteriormente al idioma Inglés.

Luego nos dirigimos a Tipos de Contenido, esta página nos mostrará la lista de tipos de contenido disponbles para nuestro sitio, para ello usamos la siguiente ruta.

Administrar->Administración de contenido->Tipos de contenido.

Le damos clic al enlace editar y nos mostrará una página con los datos de identificación del Tipo de Contenido, en este caso es Página, y en la sección Opciones de flujo de trabajo tenemos la opción para activar el Soporte multilenguaje, para esto seleccionaremos: Habililitado, con traducción, tal como se muestra en la siguiente imagen.

La sección llamada Synchronize translations, brinda la posibilidad de seleccionar los campos para sincronizar todas las traducciones de este tipo de contenido.

Terminados los procedimientos anteriores podremos crear una Página. Para ellos nos dirigimos a:

Crear contenido->Página.

Al ingresar y observar el formulario podemos obsrvar que tiene los siguientes campos para ser llenados.

• Título: Texto para el título del contenido a crear

• La sección Opciones del Menú: Presenta los siguientes campos:

• Título del enlace del menú: Se colocará el título del Menú en Inglés o en Español según sea el caso

• Elemento padre: Aqui se podrá seleccionar un elemento padre al que pertenecerá el menú que se va a crear.

• Peso: El menú se mostrará de acuerdo al peso que se le asigne al momento de crear un contenido

• Idioma: Acá podemos elegir el idioma con el que se mostrará el contenido a guardar.

• Cuerpo: En este campo escribiremos el texto para el contenido a crear.

Una vez que ya hemos visto y sabemos lo que vamos a escribir en cada uno de los campos del formulario, crearemos un contenido de Tipo Página y este se verá de la siguiente manera.

Damos clic sobre el botón Guardar y nos mostrará el contenido en el idioma Español.

En la parte superior derecha podemos observar un link con el título Qué es CakePHP?. Este link se ha creado al momento que hemos llenado los campos en la sección Opciones del Menú del formulario. Al darle clic a este link nos mostrará el contenido en español.

  En el título ¿Qué es CakePHP y por qué hay que utilizarlo? observamos que en el lado derecho tenemos las pestañas: Ver, Editar y Translate.

Al darle clic a la pestaña Translate nos mostrará una página de la siguiente manera.

Al momento de dar clic en el enlace agregar traducción observaremos un formulario con el contenido creado anteriormente. En este formulario debemos de cambiar el texto que está en español y colocar la traducción del texto al idioma en inglés, como se muestra en la siguiente imagen.

Le damos clic al botón Guardar, para que nos muestre el contenido en el idioma Inlgés de la siguiente manera.

En la parte superior derecha podemos observar un link con el título Waht is CakePHP?. Este link se ha creado al momento que hemos llenado los campos en la sección Opciones del Menú del formulario. Al darle clic a este link nos mostrará el contenido en el idioma Inglés.

Además en la parte inferior de este contenido podemos observar un enlace Español. Este enlace se ha creado porque anteriormente hemos creado un contenido con el idioma en Español. Al dar clic en el enlace Español nos mostrará el contenido en el idioma español. Al mostrarse el contenido en idioma Español podremos visualizar en la parte inferior un enlace English.

El enlace English aparece en esta página porque ya existe una traducción en el idioma Inglés para este contenido. Anteriormente no se mostraba dicho enlace porque aun no existía una traducción para este contenido. Al momento de darl clic a este enlace me mostrará una página con el contenido en el idioma Inglés.

URLs limpios y url amigables

URL LIMPIOS

Una vez que comenzamos a usar nuestro sitio web, podemos observar que cuando ingresamos a alguna página diferente a la página de inicio en nuestro navegador aparece un url como el siguiente

(TODO: Agregar imagen)

O si tenemos activados los URLs limpios algo como lo siguiente

(TODO: Agregar imagen)

Podemos observar la diferencia de URL entre las dos imagenes anteriores. El URL limpio consiste en que estas aparecerán sin los caracteres ?q= dentro de la misma. Por lo cual se verá más "limpio". Es recomendable usar URL limpios si es que nuestro servidor lo soporta ya que además de producir una dirección más estética, ayudará a que los buscadores de internet puedan indexar mejor nuestras páginas y esto repercutirá en el posicionamiento de nuestro sitio web.

La activación de los URLs limpios es soliticado en drupal 6, al momento de la instalación, si es que nuestro servidor soporta está característica, pero en caso no lo hubiéramos hecho ya sea porque el servidor no lo tenía activado en ese momento, porque nos olvidamos o porque no sabíamos para que servía, podemos habilitaro dirigiéndonos a

Administrar->Configuración del Sitio->URLs Limpios

Donde podremos observar el siguiente formulario para activar o desactivar esta característica

(TODO: Imagen representativa)

Para activarlo marcamos la opción Activo y presionamos el botón Guardar Configuración. A partir de ese momento, cambiarán todos los URLs de nuestro sitio web.

Si la configuración de nuestro servidor web no soporta URLs Limpios, la opción Activo aparecerá deshabilitado y no nos dejará activarlo. Para habilitar esta característica en nuestro servidor web debemos comprobar lo siguiente: (TODO: hacer descripción).

URL AMIGABLES

También habras notado que cuando creas un contenido, para ingresar al mismo, se coloca en la URL algo como

(TODO: Imagen representativa)

Es decir, el node/n, donde n es cualquier número, aparece por doquier. Drupal dispone, sin embargo, de una forma en que nosotros podamos ponerle un nombre más "amigable" al url de un contenido; esta url amigable es conocida también como alias. Para esto es necesario activar los url amigables.

Para activar los url amigables tenemos que activar el módulo Path. Nos dirigimos a

Administrar->Construcción del Sitio->Módulos

En la lista de módulos del core opcionales, veremos el módulo Path. Podemos marcarlo con un check, y apretar el botón Guardar la Configuración. A partir de ahora, cada vez que creemos o editemos un contenido tendremos una sección más que nos permitirá cambiar la url de nuestro contenido.

(TODO: Imagen representativa)

Hagamos una prueba. Creamos un nuevo contenido y le cambiamos el URL. Al grabar veremos que el URL que aparece en nuestro navegador es la que nosotros indicamos.

(TODO: Imagen representativa)

Hay maneras de que el URL amigable cambie automáticamente, sin que nosotros tengamos que digitarlo, usando para ello por ejemplo el título de nuestro contenido. Podemos revisar el módulo Pathauto como una de las opciones de hacerlo.

Breadcrumbs

Los breadcrumbs o migas de pan es una línea de enlaces que indican de manera jerárquica el camino que hemos seguido para llegar hasta donde nos encontramos. Nos ayudan a orientarnos cuando estamos navegando por una página web, y dependen de la organización de la misma.

Ejemplo en la parte superior de está página tenemos el breadcrumb: Inicio > Libros > Breadcrumbs

Cada elemento del Breadcrumb, representa un paso o sección, siendo de mayor nivel los que están más a la izquierda (esto es al revés para aquellos países que utilizan escritura de derecha a izquierda, como los chinos). A su vez, cada elemento suele ser un enlace, y por tanto una forma de desplazarnos hacia arriba, al nivel superior, que necesitemos. Prueba presionando los elementos en el breadcrumb de esta página.

En algunas ocasiones se muestra también un elemento que representa a la página actual y que no necesita ser un enlace. Este elemento lo puedes encontrar al extremo derecho. En la página actual es aquel con el texto Custom breadcrums.

El origen del término parece estar en la historia de Hansel y Gretel, donde los niños mientras se adentran en el bosque van dejando caer migas de pan en el piso como señales para poder volver por el mismo camino. Y aunque en la historia, las aves terminan comiéndose las migas, con lo cual la señales desaparecen, la idea de dejar rastros para orientarse es tomada como concepto para este elemento.

La posición donde aparecen los breadcrumbs depende del tema, aunque es usual que su ubicación esté encima del contenido. Hay temas que requieren que se active el breadcrumb para que estos aparezcan.

De forma predeterminada Drupal usar el menú Navegación para crear los breadcrumbs.

Si deseamos usar otro menú para que se genere los breadcrumbs a partir del mismo, podemos usar el módulo Menu Breadcrumb. El módulo menú breadcrumb usa el menú al que pertenece el contenido que actualmente se muestra para generar los breadcrumbs.

• Permite además agregar el título, ya sea solo como texto o como link
• Esconder el breadcrumb si solo muestra el link a la página de inicio
• Se pueden definir los menús que serán tomados en cuenta para generar el breadcrumb y el orden de prevalencia. Mientras más arriba será el primero en cosiderarse si un elemento se encuentra en más de un menú.

El módulo custom breadcrumb, permite asociar el breadcrumb al tipo de contenido

• Se debe seleccionar el tipo de nodo al que va a aplicarse el breadcrumb
• Se puede establecer la visibilidad mediante código php
• Se definen los breadcrumbs colocando los títulos por un lado y los enlaces por el otro
• Con la ayuda del módulo Token podemos crear breadcrumbs más sofisticados que hagan uso de las opciones disponibles en los tokens
• La última versión tendrá soporte para vistas, panels, vocabularios y términos. Además contará con un API simple para permitir que otros módulos contribuidos puedan crear breadcrumb personalizados para páginas y plantillas.

La pantalla blanca de la muerte

Muchas veces drupal "se queda en blanco" y nos muestra una pantalla completamente vacía. La causa de esta pantalla en blanco, también conocida como la pantalla blanca de la muerte puede ser múltiple, como por ejemplo: la petición excedió el límite de memoria permitido por ejecución de script de php, hay tablas de base de datos que no se encontraron, espacios en blanco al final de archivos php, que generan una salida html, etc.

Estos errores son "invisibles" si es que el servidor no tiene activado el reporte de errores, lo cual es común en un servidor de producción, para evitar que al producirse puedan dar información a un atacante malintencionado. Sin embargo, si estamos en un ambiente de desarrollo puede ser conveniente saber con más exactitud la causa de los errores, por lo cual podemos activarlo si nos encontramos con la "pantalla blanca de la muerte".

COMO ACTIVAR EL INFORME DE ERRORES

Si queremos editar el reporte de errores directamente desde drupal, podemos hacerlo modificando el archivo index.php, que se encuentra en la raíz de nuestro sitio. En la parte superior de este archivo, inmediatamente después de abrir la primera etiqueta php, ponemos el siguiente código.

<?php

  error_reporting(E_ALL);

  ini_set('display_errors', TRUE);

  ini_set('display_startup_errors', TRUE);

?>