Source: http://docplayer.es/2600949-Escuela-politecnica-nacional-facultad-de-ingenieria-de-sistemas.html
Timestamp: 2018-05-24 06:11:11+00:00

Document:
ESCUELA POLITÉCNICA NACIONAL FACULTAD DE INGENIERÍA DE SISTEMAS - PDF
Download "ESCUELA POLITÉCNICA NACIONAL FACULTAD DE INGENIERÍA DE SISTEMAS"
Julián Vázquez Correa
1 ESCUELA POLITÉCNICA NACIONAL FACULTAD DE INGENIERÍA DE SISTEMAS Periódico virtual para el Club Cultural y de Periodismo de la Escuela Politécnica Nacional, utilizando un CMS de software Libre PROYECTO PREVIO A LA OBTENCIÓN DEL TÍTULO DE INGENIERO EN SISTEMAS INFORMÁTICOS Y DE COMPUTACIÓN TANIA XIMENA LEON ANDRADE SANTIAGO ALEXANDER CHERREZ RAMIREZ DIRECTOR: Msc. Ing. CESAR GUSTAVO SAMANIEGO BURBANO QUITO, JUNIO 2010
2 I DECLARACIÓN Nosotros, Tania Ximena León Andrade, Santiago Alexander Chérrez Ramírez, declaramos bajo juramento que el trabajo aquí descrito es de nuestra autoría; que no ha sido previamente presentada para ningún grado o calificación profesional; y, que hemos consultado las referencias bibliográficas que se incluyen en este documento. A través de la presente declaración cedemos nuestros derechos de propiedad intelectual correspondientes a este trabajo, a la Escuela Politécnica Nacional, según lo establecido por la Ley de Propiedad Intelectual, por su Reglamento y por la normatividad institucional vigente. Tania Ximena León Andrade Santiago Alexander Chérrez Ramírez
3 II CERTIFICACIÓN Certifico que el presente trabajo fue desarrollado por Tania Ximena León Andrade, Santiago Alexander Chérrez Ramírez, bajo mi supervisión. Msc. Ing. Gustavo Samaniego DIRECTOR DE PROYECTO
4 III AGRADECIMIENTOS Agradezco mi esposa por comprenderme en las buenas y en las malas a mi familia, mi madre y padre que siempre apoyan mis locuras a mis hermanos que las aguantan y a todos los que de una u otra manera apoyaron al desarrollo de mi carrera. SANTIAGO C.
5 IV AGRADECIMIENTOS A mis padres y mis hermanas, por todo su apoyo, paciencia y amor; quienes han estado siempre junto a mí, brindando las fuerzas y el apoyo necesario para continuar y alcanzar mis metas. A la Virgencita del Cajas, por la nueva oportunidad que me dio cuando lo necesité y por haber escuchado siempre mis oraciones. Al Ing. Gustavo Samaniego, por todo su apoyo durante la realización de este proyecto de titulación. Tania L
6 V DEDICATORIA A mi esposo y mi hija, por ser los pilares que sostienen mi vida, y me dan cada día más razones para vivir. A mi tía Luchita, quien siempre me brindo las palabras correctas y fue una luz en mi vida. Tania L.
7 VI DEDICATORIA De igual manera dedico este trabajo a todos los que confiaron en mí, me brindaron su apoyo y pusieron su granito de arena para culminar el mismo. A mi esposa e hija que dan alegría a mi vida. Santiago C.
8 VII CONTENIDO PRESENTACION... 2 CAPITULO 1. DESCRIPCIÓN DEL PROBLEMA Y ANÁLISIS DE REQUERIMIENTOS CARACTERIZACIÓN DEL CLUB DE PERIODISMO RESEÑA HISTÓRICA ANÁLISIS DE REQUERIMIENTOS DESCRIPCIÓN DEL PROBLEMA DEFINICIÓN DE OBJETIVOS DEL SITIO WEB ESTRUCTURACIÓN DE REQUERIMIENTOS Requerimientos Institucionales Requerimientos de Software Requerimientos Operativos Requerimientos Técnicos ANÁLISIS DE FACTIBILIDAD DE APLICAR UN CMS AL PERIÓDICO VIRTUAL DEL CLUB DE PERIODISMO FACTIBILIDAD OPERATIVA FACTIBILIDAD TÉCNICA FACTIBILIDAD ECONÓMICA ANÁLISIS COSTO BENEFICIO COSTOS DEL PERIÓDICO EN PAPEL Costos Generales Costo de Personal COSTOS DEL PERIÓDICO DIGITAL Costos Generales Costo de Personal RESULTADO COSTO-BENEFICIO CAPITULO 2. ANÁLISIS Y SELECCIÓN DEL CMS PARÁMETROS PARA SELECCIONAR UN CMS CRITERIOS DE SELECCIÓN Criterios generales... 19
9 VIII PRODUCTO SOPORTE DOCUMENTACIÓN FORMACIÓN CRITERIOS ESPECÍFICOS EDICIÓN DE CONTENIDOS WORKFLOW BÚSQUEDAS GENERACIÓN DE CONTENIDOS ANÁLISIS COMPARATIVO CRITERIOS GENERALES CRITERIOS ESPECÍFICOS SELECCIÓN DEL CMS CAPITULO 3. DISEÑO DE LA PLATAFORMA INFORMÁTICA ANÁLISIS DE REQUERIMIENTOS DE INFRAESTRUCTURA INFORMÁTICA DISEÑO DE LA PLATAFORMA DE HARDWARE DISEÑO DE LA PLATAFORMA DEL SOFTWARE DISEÑO DE LA INFRAESTRUCTURA DE RED SERVIDOR DENTRO DE LA INFRAESTRUCTURA DE LA EPN SERVIDOR EN UNA EMPRESA EXTERNA A LA EPN COSTOS CAPITULO 4. DISEÑO E IMPLANTACIÓN DEL PERIÓDICO VIRTUAL INSTALACION Y CONFIGURACION DEL SOFTWARE BASE INSTALACIÓN DE APACHE INSTALACIÓN DE MYSQL INSTALACIÓN DE PHP INSTALACION Y CONFIGURACIÓN DEL CMS DISEÑO DEL PERIÓDICO VIRTUAL DISEÑO LÓGICO Taxonomía caracterización del contenido ROLES Y USUARIOS Descripción de Roles... 51
10 IX Creación de Roles Creación de Usuarios WORKFLOW Tipos de contenido DIAGRAMACION Instalación y configuración del tema Instalación y configuración de módulos Creación y configuración de bloques Desplegar taxonomía en bloque Bloque con links externos Creación de diapositivas de noticias con imágenes Creación de menús de navegación Agenda Atajos Nube de tags IMPLANTACIÓN Y PRUEBAS DE UN PROTOTIPO DEL PERIÓDICO VIRTUAL CONFIGURACIÓN BÁSICA DEL PERIÓDICO DIGITAL LA BROCHA SELECCIÓN Y ACTIVACIÓN DEL TEMA AGREGAR CONTENIDO Articulo Encuestas Foros Diapositivas de noticias con imágenes Eventos CAPITULO 5. CONCLUSIONES Y RECOMENDACIONES CONCLUSIONES RECOMENDACIONES GLOSARIO ANEXOS Anexo 1. INSTALACIÓN DE MÓDULOS Anexo 2. WORKFLOW... 79
11 X Anexo 3. INSTALACIÓN DEL TEMA Anexo 4. TAXONOMÍA EN BLOQUE Anexo 5. NUBE DE TAGS Anexo 6. MENÚ DE NAVEGACIÓN Anexo 7. DIAPOSITIVAS DE NOTICIAS CON IMÁGENES Anexo 8. INSTALACIÓN DE LOS TEMAS DD BLOCK Anexo 9. CREACIÓN DE BLOQUE CON LINKS EXTERNOS Anexo 10. TIPOS DE CONTENIDO Anexo 11. TAXONOMÍA Anexo 12. CREACIÓN DE ROLES Y USUARIOS Anexo 13. CREACIÓN DE LA AGENDA Anexo 14. CÓDIGO LINKS EXTERNOS
12 XI INDICE DE FIGURAS Figura 1 Diferencia de Costos Figura 2 Arquitectura de Software Figura 3 Diagrama de red Interno Figura 4 Diagrama de red Externo Figura 5 Diagrama de la taxonomía del Club Figura 6 Taxonomía Figura 7 Roles del CPC Figura 8 Roles en Drupal Figura 9 Creación de Usuarios en Drupal Figura 10 Workflow CPC Figura 11 Workflow Drupal Figura 12 Tema para el CPC Figura 13 Menú de Taxonomía Figura 14 Links Externos Figura 15 Calendario CPC Figura 16 Atajos del Periódico del CPC Figura 17 Nube de Tags Figura 18 Configuración básica Periódico Figura 19 Información básica del sitio Figura 20 Ruta del tema visual Figura 21 Configuración del tema visual Figura 22 Tema seleccionado para el periódico del CPC Figura 23 Crear contenido Figura 24 Selección del tipo de contenido "Artículo" Figura 25 Ingreso de la información del artículo Figura 26 Ingresar el cuerpo de artículo Figura 27 Adjuntar imagen Figura 28 Artículo creado Figura 29 Crear nueva encuesta Figura 30 Información de la encuesta Figura 31 Encuesta creada Figura 32 Crear contenido Diapositivas... 68
13 XII Figura 33 Información básica del contenido Figura 34 Vocabulario taxonomía asociado Figura 35 Imagen de la noticia Figura 36 Cuerpo de la noticia Figura 37 Diapositiva con imagen final Figura 38 Crear un nuevo evento Figura 39 Ingresar la información del evento Figura 40 Información detallada del evento Figura 41 Evento registrado en la agenda Figura 42 Detalle de evento Figura 43 Descarga de módulos Figura 44 Ubicación del módulo desempaquetado Figura 45 Módulo activado Figura 46 Mensaje durante la configuración del módulo Workflow Figura 47 Mensaje de Estado de acceso al nodo Figura 48 Permisos de acceso reconstruidos Figura 49 Acceso a Workflow Figura 50 Opciones de Workflow Figura 51 Añadir nuevo Workflow Figura 52 Añadir nuevo estado el Workflow Figura 53 Lista de los estados del workflow Figura 54 Agregar nuevo estado Figura 55 Lista final de los estados del workflow Figura 56 Operaciones del Workflow (1) Figura 57 Operaciones del Workflow (2) Figura 58 Resumen de permisos Figura 59 Permiso para el estado Editado Figura 60 Permiso para el estado Aprobado Figura 61 Permisos para el estado Publicado Figura 62 Lista de tipos de contenido con su Workflow Figura 63 Opciones de Estado en un Contenido Figura 64 Crear contenido como usuario Editor Figura 65 Revisión del contenido por parte del Aprobador (1)... 90
14 XIII Figura 66 Opciones del rol Aprobador sobre un contenido Figura 67 Opciones del rol Publicador sobre un contenido Figura 68 Historial del Workflow Figura 69 Desactivación de los comentarios para un workflow Figura 70 Workflow sin la opción de comentarios Figura 71 Resumen de Workflow en el menú Figura 72 Resumen del workflow Figura 73 Resumen de Workflow aplicando un filtro Figura 74 Opciones del módulo Triggers Figura 75 Opciones de disparadores para workflow Figura 76 Configuración del disparador Figura 77 Lista de disparadores creados Figura 78 Desasignación de acciones a un disparador Figura 79 Selección del tema que se utilizará Figura 80 Acceder a la sección Temas Figura 81 Activación del tema predeterminado Figura 82 Acceso a Bloques Figura 83 Lista de bloques Figura 84 Selección de una región para un bloque Figura 85 Añadir bloque Figura 86 Información de nuevo bloque Figura 87 Opciones de visibilidad del bloque Figura 88 Ubicar bloque en una región Figura 89 Resultado de la creación del bloque Figura 90 Verificación de la existencia de vocabulario Figura 91 Acceder a la sección Bloques Figura 92 Bloques desactivados Figura 93 Ubicar bloque a ser activado Figura 94 Ubicar bloque en una región determinada Figura 95 Bloque desplegado en la región seleccionada Figura 96 Guardar el archivo cumulus.js Figura 97 Módulos activados Figura 98 Ubicar el bloque "Cumulus Tag Cloud"
15 XIV Figura 99 Opciones de configuración del bloque Figura 100 Conocer el ID del vocabulario Figura 101 Acceder a la opción de Menús Figura 102 Enlaces Primarios Figura 103 Información del enlace primario Figura 104 Seleccionar región para los Enlaces Primarios Figura 105 Enlaces Primarios desplegados en el tema Figura 106 Acceder a Tipos de contenido Figura 107 Ingresar información básica del Tipo de contenido Figura 108 Acceder a Administración de campos Figura 109 Información del campo Buscador Figura 110 Información del campo "Texto de diapositiva" Figura 111 Información del campo "Imagen" Figura 112 Acceder a Administración de campos Figura 113 Configuración del campo "Buscador" Figura 114 Información del tipo de contenido Figura 115 Configuración Opciones globales Figura 116 Acceso a "Administración de campos" Figura 117 Configurar campo "texto_diapositivas" Figura 118 Configuración campo "imagen" Figura 119 Configuración visibilidad de campos Figura 120 Creación de vista Figura 121 Información de la vista Figura 122 Configuración de la vista Figura 123 Titulo del bloque Figura 124 Título de la vista Figura 125 Selección de campos Figura 126 Configuración campo Cuerpo Figura 127 Configuración campo "Título" Figura 128 Selección de los campos del grupo "Contenido" Figura 129 Actualizar vista predeterminada Figura 130 Actualizar vista predeterminada Figura 131 Vista predeterminada
16 XV Figura 132 Detalle Nodo Figura 133 Detalle añadir Figura 134 Criterios de ordenación Figura 135 Detalle Filtro Nodos Figura 136 Detalle Publicación Nodo Figura 137 Tipo Nodo Figura 138 Resumen de Nodo Figura 139 Opciones del Bloque dinámico Figura 140 Detalle Noticias Habilitado Bloque dinámico Figura 141 Detalle Vista habilitada Bloque dinámico Figura 142 Titulo del bloque dinámico Figura 143 Configuración de bloque Figura 144 Diapositivas con imágenes Figura 145 Preset de Contenido Figura 146 Configuración de efectos Figura 147 Configuración del paginador Figura 148 Configuracion avanzada DD Block Figura 149 Permisos de Usuario Figura 150 Nuevo Bloque Figura 151 Bloque de enlaces externos Figura 152 Formato de entrada Figura 153 Opciones de Visibilidad Figura 154 Visibilidad por Rol Figura 155 Visibilidad especifica Figura 156 Insertar bloque link externos Figura 157 Bloque Links Externos Figura 158 Tipos de contenido Figura 159 Nuevo tipo de contenido Figura 160 Configuración de envío Figura 161 Configuración de WorkFlow Figura 162 Opciones de comentarios Figura 163 Campos administrados del tipo de contenido Figura 164 Nuevos campos
17 XVI Figura 165 Etiqueta de campo Figura 166 Nombre de referencia al nuevo campo Figura 167 Tipo de contenido Figura 168 Opciones campo imagen Figura 169 Lista de campos asociados Figura 170 Taxonomía Figura 171 Insertar vocabulario Figura 172 Tipo de contenido asociado a la taxonomía Figura 173 Opciones del Vocabulario Figura 174 Guardando la configuración Figura 175 Añadir términos anidados Figura 176 Lista de términos Figura 177 Taxonomía final Figura 178 Pantalla Roles Figura 179 Añadir nuevo rol Figura 180 Modulo de Roles Figura 181 Modulo de Usuarios Figura 182 Crear nuevo usuario Figura 183 Lista de usuarios Figura 184 Modulo Fecha y Hora Figura 185 Administración de contenido Figura 186 Información básica del tipo de contenido Figura 187 Administración de los campos del nuevo tipo de contenido Figura 188 Información del nuevo campo Figura 189 Configuración del campo evento Figura 190 Opciones globales del nuevo campo Figura 191 Ubicación modulo Vistas Figura 192 Habilitar la vista creada Figura 193 Propiedades de la Vista Figura 194 Opciones por defecto de una vista Figura 195 Edición de los argumentos de la Vista Figura 196 Opciones del calendario Figura 197 Campos presentados
18 XVII Figura 198 Añadir campos en la vista Figura 199 Grupos de Campos Figura 200 Configuración de la fecha Figura 201 Formatos de fecha Figura 202 Nuevo formato de fecha-hora Figura 203 Definición del nuevo formato Figura 204 Formato de fecha-hora Figura 205 Verificación del formato nuevo Figura 206 Edición de la vista calendario Figura 207 Cambiar contenido de la vista Figura 208 Formato en la vista Figura 209 Editar contenido Figura 210 Ordenación de eventos Figura 211 Ubicación del calendario
19 XVIII INDICE DE TABLAS Tabla 1 Requerimientos de Software... 7 Tabla 2 Características Hardware requerido Tabla 3 Características Hardware disponible Tabla 4 Software Requerido Tabla 5 Costos Generales Periódico en Papel Tabla 6 Costos Generales Periódico Digital Tabla 7 Tabla de Productos Tabla 9 Tabla de Soporte Tabla 10.- Tabla de Documentación Tabla 11.- Tabla de Formación Tabla 12.- Tabla consolidada criterios generales Tabla 13.- Edición de Contenidos Tabla 14.- Workflow Tabla 15.- Tabla de Búsquedas Tabla 16.- Generación de contenido Tabla 17.- Tabla de aplicaciones adicionales Tabla 18.- Consolidado de criterios especificas Tabla 19 Características Servidor Tabla 20 Configuración de Computador recomendado Tabla 21 Comparativo de costos de infraestructura Tabla 22 Calificación ponderada... 41
20 2 PRESENTACION La Ley Orgánica de Transparencia y Acceso a la Información Pública LOTAIP en su Artículo 1. Principio de Publicidad de la Información Pública, señala: El acceso a la información pública es un derecho de las personas que garantiza el Estado, y, el Artículo 7. Difusión de la Información Pública.- especifica: Por la transparencia en la gestión administrativa que están obligadas a observar todas las instituciones del Estado que conforman el sector público en los términos del artículo 118 de la Constitución Política de la República y demás entes señalados en el artículo 1 de la presente Ley, difundirán a través de un portal de información o página Web, así como de los medios necesarios a disposición del público, implementados en la misma institución, la siguiente información mínima actualizada, que para efectos de esta Ley, se la considera de naturaleza obligatoria:. En este contexto y considerando la demanda creciente de información que el Ministerio del Ambiente debe atender y brindar a la sociedad en general se torna indispensable gestionar información referente al Sistema Nacional de Áreas Protegidas del Ecuador. Para cumplir con este fin, se ha divido el presente proyecto de titulación en capítulos, de la siguiente manera: CAPÍTULO 1.- se empezará haciendo un análisis de las necesidades que tiene el Ministerio del Ambiente con respecto a la publicación de información de Áreas Protegidas, así como también de los requerimientos de gestión de la información, que servirán de base para el desarrollo del proyecto. CAPÍTULO 2.- se diseñará una propuesta que dé solución a las necesidades y requerimientos planteados en el capítulo anterior, en base a políticas procedimientos y mecanismos. También se hará una evaluación de los Sistemas
21 3 Administradores de Contenido más populares en la actualidad para escoger el que brinde la mejor solución. CAPÍTULO 3.- en este capítulo se dará paso a la implantación de las políticas, procedimientos y mecanismos, así como también del CMS escogido en el capítulo anterior. Además se realizará una evaluación de resultados para verificar que los requerimientos han sido plenamente atendidos y resueltos. CAPÍTULO 4.- finalmente se presentarán las conclusiones y recomendaciones recolectadas durante todo el proyecto.
22 4 CAPITULO 1. DESCRIPCIÓN DEL PROBLEMA Y ANÁLISIS DE REQUERIMIENTOS 1.1 CARACTERIZACIÓN DEL CLUB DE PERIODISMO RESEÑA HISTÓRICA El 12 de octubre de 2004 nace oficialmente el Club de Periodismo, como una iniciativa de parte de los alumnos de la Escuela Politécnica Nacional (EPN), para crear un periódico estudiantil de difusión masiva. Su primera sede fue la Biblioteca de Ingeniería Eléctrica y Electrónica (BIEE), donde se desarrolló la primera publicación oficial denominada Momentum. Esta fue la primera etapa de la organización, que se consolidó como el primer club dedicado a las comunicaciones estudiantiles dentro de la Escuela Politécnica Nacional. Posteriormente, por iniciativa de los miembros, se consiguió ubicar la sede del Club en la Planta Baja del Edificio de Eléctrica Química, oficina que servía también para los fines de los Representantes Estudiantiles a Concejo Politécnico. Posteriormente gestión de los miembros, y apoyo de varias organizaciones estudiantiles, el Club logró ubicar su sede en el subsuelo del Edificio de Administración, junto a la Unidad de Gestión Informática (UGI), donde se encuentra hasta estos momentos. Esto dio inicio a una nueva etapa del Club de Periodismo, que con la inclusión de nuevos miembros, se consolidó como una entidad representativa de la EPN. Una publicación adicional se desarrollo en esta segunda etapa, creándose el primer periódico estudiantil politécnico denominado La Brocha. El Club no siempre se dedicó sólo al periodismo, adentrándose también en áreas culturales y sociales, por lo que fue indispensable modificar la misión y visión de la institución. Varios debates internos construyeron el Estatuto del Club, donde se instituyó el nombre de Club de Periodismo y Cultura, que representaba a la nueva etapa a la que se adentraba la organización estudiantil. El Estatuto contemplaba también la denominación de socios y socias a los integrantes del Club, y daba los lineamientos básicos para conformar la estructura
23 5 organizacional. Después de tres presidencias electas por consenso, en Octubre del 2008, se eligió la primera Comisión Directiva bajo el Estatuto vigente. 1.2 ANÁLISIS DE REQUERIMIENTOS DESCRIPCIÓN DEL PROBLEMA En la actualidad el Club de Periodismos de la Escuela Politécnica Nacional, realiza varias publicaciones en formato impreso, lo cual presenta varios problemas, tanto desde el punto de vista de redacción e impresión, así como en la distribución del producto. Esto se debe al tiempo y los costos implicados, en obtener una edición impresa DEFINICIÓN DE OBJETIVOS DEL SITIO WEB Crear un espacio comunicativo de participación masiva, actual, de fácil manejo y que se encuentre acorde a las tendencias tecnológicas actuales. Debe permitir la presentación y manejo de la información en formato de un periódico digital. Adicionalmente, debe contar con las herramientas necesarias para la seguridad y acceso al sitio. El periódico virtual debe permitir que se acompañe la información con recursos de multimedia, para ayudar al lector a comprender mejor los temas tratados; además de texto, imágenes y fotografías ESTRUCTURACIÓN DE REQUERIMIENTOS
24 6 El objetivo del siguiente tema de análisis consiste en proporcionar las técnicas de diseño y las prácticas que permitirán obtener los requisitos. [1]1En algunos casos, el cumplimiento con algunos de ellos supondrá la aparición de retos para llevar a cabo otros Requerimientos Institucionales El CPC, tiene como objetivo el obtener una publicación digital, que de soporte a todo el proceso de emisión de la misma, y además permita crear un nexo con la comunidad. Para ello debe satisfacer los siguientes requerimientos. Optimizar el proceso de publicación de la información y los recursos utilizados. Mejorar el flujo de la información a ser publicada. Mejorar la coordinación con los integrantes del Club y procedimientos aplicados. Incorporar nuevas temáticas y contenido multimedia al periódico. Mejorar la calidad y gestión de la información difundida. El uso de herramientas de software libre para el desarrollo y administración. Manejar los siguientes perfiles de usuario: o Reportero - Editor: Ingresa la información obtenida en sus reportajes, tomando en cuenta tanto la sintaxis como la ortografía. o Diseñador: Es la persona encargada de dar formato visual al periódico digital. o Subscriptor: Es la persona que mantiene una cuenta vigente para su acceso al periódico digital, que le permiten acceder a los foros, recibir s informativos sobre eventos culturales y además sobre las noticias más importantes de la semana. [1] SOTO, Lauro. Especificaciones de Requerimientos [en línea]. Portal Tecnológico. [Consulta: dic 2008]. Disponible en Internet: <http://www.mitecnologico.com/main/especificacionesderequerimientos>
25 Requerimientos de Software El desarrollo e implementación de la infraestructura será basada en software libre, debido a ser uno de los requerimientos institucionales. En la Tabla 1 se detallan los requerimientos de software. Tabla 1 Requerimientos de Software TIPO SOFTWARE VERSIÓN Sistema Operativo Linux Kernel 2.6 Servidor Web Apache 2.2 Base de datos MySql 4.1 Lenguaje de Desarrollo PHP Php Navegadores Firefox, Internet Explorer HTML 4 o superior Requerimientos Operativos Como requerimientos operativos se definieron los siguientes aspectos: Organizar la información en un medio digital. Automatizar el proceso de publicación de la información. Permitir la interacción con la comunidad. Mantener un control de las publicaciones. Permitir la administración de usuarios, con sus respectivos roles. Facilitar el manejo del diseño y aspecto estético del sitio.
26 Requerimientos Técnicos Se ha establecido los siguientes requerimientos técnicos mínimos a cumplir en el periódico virtual. Emplear software libre 2 Establecer seguridad e integridad de los datos. Permitir escalabilidad e implementación de nuevas funcionalidades, a través del uso de módulos. Utilizar los estándares Web (HTML). Permitir el acceso desde cualquier navegador web y sistema operativo. Optimizar la carga para su acceso a través de enlaces de bajo ancho de banda. 1.3 ANÁLISIS DE FACTIBILIDAD DE APLICAR UN CMS AL PERIÓDICO VIRTUAL DEL CLUB DE PERIODISMO Para determinar la factibilidad del proyecto planteado, se va a realizar el análisis en los siguientes aspectos: Factibilidad operativa Factibilidad técnica Factibilidad económica FACTIBILIDAD OPERATIVA Permite determinar si el proyecto de aplicación del periódico virtual, tendrá una buena acogida por parte del personal involucrado en la obtención de las publicaciones, así como también de los usuarios del mismo, es decir de los lectores. 2 Decreto Presidencial No basado en el Registro Oficial No. 139 Miércoles, 1ro de Agosto del 2007 No. 119 donde se manifiesta el uso de estándares abiertos y software libre como herramientas informáticas en las entidades de la Administración Pública.
27 9 En base a entrevistas y encuestas realizadas a los miembros que forman parte del Club de Periodismo y Cultura de la EPN, se pudo demostrar que todos tienen un deseo y necesidad en común, la misma que es dar un cambio al proceso que actualmente mantienen para la publicación de sus ediciones. Lo que buscan es poder realizar este proceso de manera más sencilla, rápida y amigable, cubriendo todos los requerimientos y expectativas involucradas, para poder así proporcionar la información de manera oportuna y confiable a sus lectores. De acuerdo a lo anteriormente expresado, podemos concluir que no existe ninguna oposición al cambio, por lo que el proyecto planteado es factiblemente operacional. El periódico virtual será diseñado de tal manera que presente una interfaz amigable al usuario, permitiendo que sea de fácil manejo, con el objetivo de garantizar que este sistema impacte de manera positiva a los usuarios, garantizando así su buen funcionamiento FACTIBILIDAD TÉCNICA Se realizó una evaluación de la tecnología con la que cuenta el Club de Periodismo y Cultura de la EPN, con el fin de determinar sus componentes técnicos y la posibilidad de hacer uso de los mismos para el desarrollo e implantación del proyecto; y de ser el caso, conocer cuáles son los requerimientos tecnológicos que deben ser adquiridos. Este análisis se lo realizó en base a dos enfoques: Hardware y Software. Hardware En cuanto a Hardware, específicamente, el servidor donde debe estar alojado el manejador de contenido del periódico virtual, debe cumplir con los requerimientos
28 10 mínimos mostrados en la Tabla 2, mientras en la Tabla 3. Características Hardware disponible, se muestra el hardware disponible en el club. Tabla 2 Características Hardware requerido CARACTERÍSTICA Procesador Memoria RAM Disco Duro Tarjeta de Red Tarjeta de Video Monitor Teclado Mouse Unidad de Protección UPS CAPACIDAD Intel Core 2 Dúo 2 GB 320 GB 100 Mbps Compatible Compatible Compatible Compatible 400 VA Tabla 3 Características Hardware disponible CARACTERÍSTICA Procesador Memoria RAM Disco Duro Tarjeta de Red Tarjeta de Video Monitor Teclado Mouse Unidad de Protección UPS CAPACIDAD Core 2 Dúo 2GB 250 GB 100 Mbps Si Si Si Si 500 VA Al evaluar el hardware existente y tomando en cuenta los requerimientos mínimos necesarios, se constata que se dispone del hardware básico, por lo que no es necesaria la adquisición de nuevos componentes, para un funcionamiento inicial. Cabe mencionar que el mismo se podría mejorar en el futuro, por el bajo costo de los dispositivos compatibles con el computador existente. Software En base al análisis de los requerimientos del Club de Periodismo y Cultura de la EPN, y por la tendencia tecnológica actual mundial y del país, se utilizara software
29 11 libre para el desarrollo e implementación del periódico virtual, el cual se muestra en la Tabla 4. Tabla 4 Software Requerido SOFTWARE VERSION Sistema Operativo Linux Ubuntu Server 9.04 (Kernel ) Servidor Web Apache 2.2 Servidor Base de datos MySql 4.1 PHP Php Software de diseño Quanta Plus Administrador de entorno Php MyAdmin Diseño flash Flash FACTIBILIDAD ECONÓMICA Como pudimos constatar en el análisis de la factibilidad técnica y operativa, el costo de desarrollar e implementar el periódico virtual, es mínimo, por lo cual el Club de Periodismo y Cultura, va a poder manejar los gastos asociados, debido a que cuenta con el hardware, software y el personal capacitado para realizar el proyecto. En la siguiente sección del capítulo se realiza un análisis Costo-Beneficio para verificar la factibilidad económica del proyecto. 1.4 ANÁLISIS COSTO BENEFICIO Este análisis nos permite hacer una comparación entre los costos del sistema actual para la publicación del periódico, y los costos que implicarían utilizar el periódico digital.
30 12 A continuación se presenta un resumen de los costos intrínsecos del periódico digital propuesto y una lista de los costos que conlleva desarrollar, implantar el mismo y los costos de operación COSTOS DEL PERIÓDICO EN PAPEL Se realizó un análisis de los costos involucrados en la obtención del periódico La Brocha Costos Generales Los gastos generales se encuentran representados por todos aquellos gastos en accesorios y el material de oficina de uso diario, necesarios para realizar los procesos, tales como esferográficos, papel para notas, cartuchos para impresoras y otros los cuales se observan en la Tabla 5. Tabla 5 Costos Generales Periódico en Papel GASTOS GENERALES COSTO APROXIMADO CONSUMO MENSUAL MONTO EN DOLARES ANUAL Material de oficina NA Recargas cartuchos de impresora 6,50 6,50 78 Viáticos(transporte y alimentación) reporteros Costo publicación (incluye , diagramación) TOTAL Costo de Personal Las personas encargadas de obtener las noticias, entrevistas, reportajes, entre otros, son voluntarios que forman parte del Club de Periodismo y Cultura de la EPN, por lo que no reciben ninguna remuneración económica.
31 13 COSTO TOTAL ANUAL DE PUBLICAR EDICIÓNES EN PAPEL dólares americanos (anuales) COSTOS DEL PERIÓDICO DIGITAL El Periódico virtual, propuesto, involucra los siguientes costos: Costos Generales Debido a que todos los reportajes y noticias, deberán ser registrados únicamente una vez en el servidor, se lograr optimizar el proceso de corrección de las mismas, lo que se traduce en un ahorro de accesorios y el material de oficina de uso diario, (Ver Tabla 6). El costo involucrado en la impresión de cada edición, se anularía totalmente, con lo que se obtiene un gran ahorro y la ventaja de poder publicar nuevas noticias, en menores intervalos de tiempo. Tabla 6 Costos Generales Periódico Digital GASTOS GENERALES COSTO APROXIMADO CONSUMO MENSUAL MONTO EN DOLARES ANUAL Material de oficina NA Recargas cartuchos de impresora 6,50 6,50 78 Viátícos (transporte y alimentación) reporteros TOTAL
32 Costo de Personal. El proyecto de periódico virtual, se desarrolla como un trabajo de titulación, por lo cual el desarrollo no representa ninguna inversión económica para el CPC de la EPN. El diseño y diagramación del periódico digital, será realizado por los miembros del club, por lo que no implica ningún cargo adicional. COSTO TOTAL ANUAL DE PUBLICAR UNA EDICIÓN VIRTUAL 798 dólares americanos (anuales) RESULTADO COSTO-BENEFICIO Como podemos constatar en el Análisis de Costo-Beneficio, reflejado en la Figura 1, el cambio a publicación digital, la cual es desarrollada e implementada en este trabajo de titulación, implica un ahorro anual de $ 2250 dólares americanos, representando una gran reducción de costos, lo que le permitiría al CPC, desarrollar nuevos y mejores proyectos en beneficio de la Comunidad Politécnica.
33 15 Figura 1 Diferencia de Costos Costo periódico papel* $3.048 Costo periódico digital* $798 Ahorro $2250 * Valor anual Además debemos tomar en cuenta, la alta contribución ecológica de utilizar un periódico digital, debido a que disminuye el desperdicio en papel y medios de impresión, lo cual lo convierte en un proyecto amigable con el ecosistema.
34 16 CAPITULO 2. ANÁLISIS Y SELECCIÓN DEL CMS Un Manejador de Contenido, CMS por sus siglas en inglés, es una herramienta que nos permite administrar el contenido de una web de forma automática, es decir, nos permite publicar, editar, borrar, otorgar permisos de acceso o establecer los módulos visibles para los visitantes a nuestra web. 3 En la actualidad se ofrecen diversos tipos de CMS, los mismos que en base a las características que brindan, pueden tener un valor monetario para su uso. Sin embargo, tenemos una amplia variedad en software libre. A continuación se muestran los CMS más representativos, según el tipo de sitio que permiten gestionar: 4 Genérico: Ofrece la plataforma necesaria para desarrollar e implementar aplicaciones que den solución a necesidades específicas. Pueden servir para construir soluciones de gestión de contenidos para comercio electrónico, blogs, portales, etc. Ejemplos: Plone, MODx, OpenCMS, Joomla, Drupal. Específico para ONG: Cubre las necesidades de las ONG, ofreciendo una plataforma de servicios de Internet que en ocasiones incluye además del CMS herramientas para fundaciones, stakeholders, etc. Ejemplos: Iwith.org, Common Knowledge Content Server, GetActive Content Management, Avenet NonprofitOffice Foro: Admite la discusión en línea donde los usuarios pueden reunirse y discutir temas en los que están interesados. Ejemplos: phpbb, SMF, MyBB. 3 CMS o MANEJADOR DE CONTENIDO [en línea], [Consulta: Octubre 2009]. Disponible en Internet: <http://www.ecuadorelectronico.com/cms.htm> 4 Tipos de CMS [en línea], [Consulta: Octubre 2009] Disponible en Internet: <http://luisitob.wordpress.com/2008/07/22/tipos-de-cms/>
35 17 Blog: Permite la publicación de noticias o artículos en orden cronológico con espacio para comentarios y discusión. Ejemplos: WordPress, Movable Type, Drupal. Wiki: Permite colaborar en los artículos, aportando información o reescribiéndola. También permite espacio para discusiones. Indicado para material que irá evolucionando con el tiempo. Ejemplos: MediaWiki, TikiWiki. ecommerce: Está orientado al comercio electrónico. Ejemplo: oscommerce, Dynamicweb ecommerce. Galería: Permite administrar y generar automáticamente un portal o sitio web que muestra contenido audiovisual, normalmente imágenes. Ejemplo: Gallery. e-learning: Orientado a la enseñanza de conocimientos. Los usuarios son los profesores y estudiantes, tienen aulas virtuales donde se pone a disposición el material del curso. La publicación de un contenido por un profesor es puesta a disposición de los estudiantes, en un aula virtual. Ejemplo: Moodle. Publicación digital: Especialmente diseñada teniendo en cuenta las necesidades de las publicaciones digitales, tales como periódicos, revistas, etc. Ejemplo: eprints, Thinkindot CMS Debido a la gran variedad de CMS disponibles, debemos tener en cuenta los siguientes aspectos, antes de seleccionar un CMS: Entender que tipo de contenido se gestionara. Identificar los requerimientos de la empresa o entidad en donde se va a aplicar el CMS. Estructurar los requerimientos.
36 PARÁMETROS PARA SELECCIONAR UN CMS Para seleccionar un CMS concreto, se debe empezar por tener bien claros cuales son los objetivos del sitio web, los requerimientos que necesita satisfacer y el público al que estará dirigido. Debido a que el Club de Periodismo y Cultura, especifica en sus requerimientos, su deseo de utilizar software libre, el estudio se va a centrar en herramientas Open Source. Se van a evaluar las características fuertes y débiles de cada gestor de contenido, tanto de forma individual, como comparándolos con otros CMS s, y además se debe analizar el nivel en el que cada herramienta se ajusta a las necesidades del periódico digital. En base a las consideraciones establecidas, y para poder tener en cuenta todos los aspectos, dividiremos el análisis en dos ámbitos diferenciados: - Características propias de cada CMS. - Características específicas dentro de las necesidades de la organización CRITERIOS DE SELECCIÓN Los criterios que se van a tomar en cuenta para la selección del gestor de contenido, que es el más conveniente para ser aplicado en nuestro proyecto, son los que el modelo OSMM (Open Source Maturity Model) 5 establece en su 5 NAVICA, The Open Source Maturity Model [en línea], [Consulta: Octubre 2009] Disponible en Internet: <
37 19 metodología para la evaluación de herramientas open source. Este modelo utiliza los siguientes pasos para la selección 6 : 1. Búsqueda y selección de los productos. 2. Usando los Indicadores de Producto, colocar el puntaje que recibe cada parámetro. 3. Entrevistarse con el usuario para poder colocar el valor de importancia que le da a cada uno de los Indicadores de Aplicación. 4. Calcular los puntajes de los Indicadores de Aplicación de acuerdo al modelo y lo obtenido de la entrevista. 5. Calcular el puntaje total de cada producto. 6. Realizar la evaluación. A los criterios de selección se dividen en: Criterios generales Los criterios generales sirven para evaluar realmente el grado de la madurez de un manejador de contenido. Este criterio se encuentra subdivido en los siguientes aspectos: 6 VIVIANA HARARI, Campamento Tecnológico en Software Libre [en línea], [Consulta: Octubre 2009] Disponible en Internet: < tivodia1.pdf.> 7 CARLOS FERNÁNDEZ, Gestión de Contenidos Web [en línea], [Consulta: Octubre 2009] Disponible en Internet: <
38 PRODUCTO Se refieren a los aspectos internos del producto, sin tener en cuenta la aplicación dentro de la organización. Las características a estudiar son: Uso de estándares Usabilidad Longevidad Calidad API pública y documentada Facilidad de la tecnología que implementa Actualizaciones del software Acceso al código fuente Escalabilidad Facilidad de instalación SOPORTE Se evalúa el soporte que se puede obtener de cada producto. En muchos productos Open Source el soporte es mantenido a través de: La dirección de de los desarrolladores. Uno o varios grupos de discusión, pero solo unos pocos responden. Grupos de discusión activos en los cuáles un número grande de miembros ofrecen soporte. Soporte de pago, se debe cancelar una cantidad de dinero para recibir ayuda DOCUMENTACIÓN
39 21 Se valorará la documentación que existente de cada producto. La comparativa se realizará por los siguientes puntos: Documentación de desarrollo Posts Web Documentación comercial FORMACIÓN La comparativa se centrará en: How-To's en la Web Tutoriales de los desarrolladores Tutoriales comerciales Cursos ofertados y certificaciones CRITERIOS ESPECÍFICOS Los criterios específicos permiten determinar el grado en el cual, el CMS satisface los requerimientos del Club de Periodismo y Cultura de la EPN EDICIÓN DE CONTENIDOS Se debe valorar aspectos específicos de la edición de contenidos dentro de las necesidades del CPC. Las características a estudiar son: Facilidades para la entrada de contenidos Editor WYSIWIG Corrección automática de estilo Corrección ortográfica automática Versionado de contenidos
40 22 Creación de plantillas Manejo de multimedios WORKFLOW Se valorará como resuelven las necesidades de flujo de trabajo de la organización. Las características a estudiar son: Workflow de edición y publicación Workflow definible y flexible Control de permisos por perfil BÚSQUEDAS Los puntos a valorar son los siguientes Metadatos en el contenido generado Motor de búsqueda integrado GENERACIÓN DE CONTENIDOS Valoraremos aspectos específicos de la generación de contenidos dentro de las necesidades de la organización. Las características a estudiar son: Accesibilidad del contenido generado(wai-aa) Minimizar tiempo de carga de páginas (Publicación estática)
41 ANÁLISIS COMPARATIVO Es fundamental aclarar que este análisis no intenta determinar que gestor es mejor o peor (de manera absoluta), sino cual es el más conveniente para ser aplicado a nuestro proyecto. Se va a tomar como referencia los finalistas del premio Best Open Source PHP CMS 8 del presente año (2009), (Premio para el mejor Sistema Manejador de Contenido de código abierto escrito en una plataforma de PHP y MySQL) 9, debido a que el tema de este proyecto de titulación, tiene como objetivo utilizar herramientas de software libre. Los finalistas son: Drupal Joomla! MODx Typo3 WordPress CRITERIOS GENERALES La evaluación específica se ha realizado utilizado las categorías especificadas en el principio del capítulo. 8 CMS REPORT, Drupal is a finalist in Best Open Source PHP CMS Award [en línea], [Consulta: Octubre 2009] Disponible en Internet: <http://cmsreport.com/content/2009/09/drupal-finalist-bestopen-source-php-cms-award> 9 PACKT PUBLISHING, 2008 Best PHP Based Open Source CMS Announced [en línea], [Consulta: Octubre 2009] Disponible en Internet <http://www.packtpub.com/article/2008-best-phpopen-source-cms-drupal>
42 24 Producto Al realizar el análisis del producto se obtiene los datos de la Tabla 7. Tabla 7 Tabla de Productos DRUPAL Joomla! ModX TYPO3 WordPress Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Uso de estándares 0,25 6,7 1,6 5 1,25 6,7 1,6 10 2,5 7,5 1,8 Usabilidad 2 6,9 13,8 6,2 12,4 6,2 12, ,3 14,6 Longevidad 0,25 5 1,25 5 1,25 5 1, ,5 10 2,5 Calidad 1, , , Facilidad de la tecnología que implementa Actualizaciones del software 0,5 9 4, , Escalabilidad Facilidad de instalación 1,5 9 13,5 9 13, TOTAL 8,9 8,3 8,2 9,1 9,3 Análisis: En la categoría producto WordPress es el que mejor puntaje ha obtenido, esto se debe al tiempo que se encuentra en el mercado, la facilidad de su tecnología y las facilidades de este proyecto.
43 25 Soporte En la TTabla 8, se define los pesos especificados para el soporte, y los valores obtenidos para los diferentes CMS s. Tabla 8 Tabla de Soporte DRUPAL Joomla! ModX TYPO3 WordPress Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Comunidad de desarrolladores Ayuda en línea Grupos de discusión activos en los cuáles un número grande de miembros ofrecen soporte. Soporte de pago, se debe cancelar una cantidad de dinero para recibir ayuda TOTAL Análisis: En la categoría Soporte existe un empate entre los primeros CMS, ya que disponen de iguales características de soporte, tanto en línea como grupos y soporte de pago. Documentación La documentación que disponen los CMS s, se resume en la Tabla 9.
44 26 Tabla 9 Tabla de Documentación DRUPAL Joomla! ModX TYPO3 WordPress Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Documentación de desarrollo White Papers Documentación comercial TOTAL ,5 3 Análisis: En la categoría Documentación, tanto Drupal como ModX, obtienen el mejor puntaje esto principalmente al ser proyectos más modernos se ha utilizado mejores técnicas de desarrollo y documentación, además el CMS Drupal se respalda de varios White Papers escritos por importantes empresas como IBM, Casa Blanca, y Universidades del mundo. Formación Los CMS s disponen de formación educacional la cual se puede ver en la Tabla 10 Tabla 10 Tabla de Formación DRUPAL Joomla! ModX TYPO3 WordPress Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado How-To's en la Web Tutoriales de los desarrolladores Tutoriales comerciales Programas de certificación TOTAL 8 7,6 5, Análisis:
45 27 En la tabla de formación se observa que Typo3 es el que mejor puntaje ha obtenido, debido principalmente al respaldo que tiene en programas de certificación privados. Consolidada criterios generales Al consolidar los criterios generales de un CMS se tiene los datos de la Tabla 11 Tabla 11.- Tabla consolidada criterios generales DRUPAL JOOMLA! MODX TYPO3 WordPress Categoría Peso Total Ponderado Total Ponderado Total Ponderado Total Ponderado Total Ponderado Producto 4 8,97 35,89 8,39 33,56 8,2 32,93 9,1 36,4 9, ,59 Soporte Documentación , Formación ,6 15,2 5,4 10, TOTAL 91,89 78,76 83,73 91,4 71,59 Análisis: Drupal es el que mejor puntuación consolidada tiene, principalmente por el producto, y el soporte asociado al mismo. En esto influye su moderna arquitectura de desarrollo, que permite escalabilidad y facilidad de implementación, así como en la vasta documentación asociada al proyecto, y el respaldo de grandes empresas y fundaciones como IBM, la Casa Blanca, entre otras.
46 CRITERIOS ESPECÍFICOS Para el análisis de los criterios específicos se ha tomado en cuenta los siguientes criterios: Edición de contenidos Para la edición de contenidos las calificaciones obtenidas por los CMS s escogidos se resumen en la Tabla 12. Tabla 12.- Edición de Contenidos DRUPAL Joomla! ModX TYPO3 WordPres Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Facilidades para la entrada de contenidos 2 0,7 1,4 0,7 1,4 0,6 1,2 0,9 1,8 0,8 1,6 Editor WYSIWIG Corrección automática de estilo 0,5 5 2, Corrección ortográfica automática Versionado de contenidos Creación de plantillas 0, , Manejo de multimedios TOTAL 7,0 5,6 4,4 7,1 6,5 Análisis: Para la edición de contenidos los ganadores son Drupal y Typo3, los cuales gracias a su moderna arquitectura incluye un poderoso generador de contenido, moderno y con todas las ventajas existentes al momento. Workflow Los CMS s y su capacidad de manejar workflow se encuentra en la tabla Tabla 13
47 29 Tabla 13.- Workflow DRUPAL Joomla! ModX TYPO3 WordPres Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Workflow de edición y publicación Workflow definible y flexible Control de permisos por perfil TOTAL 7,0 4,0 3,2 6,2 3,2 Análisis: Drupal es el que más ha desarrollado el tema de Workflow, por su diseño de tipo general, además dispone de módulos desarrollados por terceros que le dan un gran poder y versatilidad en este campo. Búsquedas En las búsquedas los CMS s elegidos han implementado muy bien esta funcionalidad así como se puede observar en la Tabla 14. Tabla 14.- Tabla de Búsquedas DRUPAL Joomla! ModX TYPO3 WordPres Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Búsquedas Metadatos en el contenido generado Motor de búsqueda integrado TOTAL
48 30 Análisis: En el campo de búsquedas todos los CMS, disponen de búsquedas integradas. Generación de contenido Luego del análisis de la generación de contenido se tiene la Tabla 15, de resumen. Tabla 15.- Generación de contenido DRUPAL Joomla! ModX TYPO3 WordPres Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Generación de Contenidos Accesibilidad del contenido generado(wai-aa) Minimizar tiempo de carga de páginas (Publicación estática) TOTAL 8,0 5,4 7,6 7,2 6,2 Análisis: En la generación de contenidos el Drupal es el que mejor puntuación ha conseguido, debido a su gran editor y su respeto hacia los estándares WAI-AA, en este aspecto es superior Typo 3. En el apartado de carga de contenido los que mejor han optimizado ha sido Drupal y Joomla!. Aplicaciones adicionales En las aplicaciones adicionales, tenemos la Tabla 16, como resumen.
49 31 Tabla 16.- Tabla de aplicaciones adicionales DRUPAL Joomla! ModX TYPO3 WordPres Prioridad Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Calificación Ponderado Aplicaciones Adicionales Foros de discusión ,8 1,6 0,8 1,6 0,8 1,6 0,8 1,6 Chat 1 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 Blog ,8 0,8 1 1 Clasificados 1 0,8 0,8 0,8 0, ,8 0,8 0,8 0,8 Administración de documentos 1 0,5 0,5 0,8 0,8 0,8 0,8 0,8 0,8 0 0 Administración de FAQ(preguntas frecuentes) ,8 0,8 0,8 0,8 0,8 0,8 Diapositivas de noticias con imágenes 1 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 0,8 Encuestas ,8 0,8 0,8 0,8 0,8 0,8 Contribuciones de usuarios ,8 0,8 0,8 0,8 1,0 1,0 TOTAL 8,9 8,8 7,4 8,0 7,6 Análisis: Con respecto a las aplicaciones adicionales la gran comunidad detrás de Drupal y Joomla! son los que mayor numero de módulos o aplicaciones extra han realizado. Consolidado de criterios específicos Al consolidar los criterios específicos tenemos la Tabla 17.
50 32 Tabla 17.- Consolidado de criterios especificas DRUPAL JOOMLA! MODX TYPO3 WordPress Categoría Peso Total Ponderado Total Ponderado Total Ponderado Total Ponderado Total Ponderado Edición de Contenidos 3,0 7,0 21,0 5,6 16,9 4,4 13,1 7,1 21,2 6,5 19,4 Workflow 2,0 7,0 14,0 4,0 8,0 3,2 6,4 6,2 12,4 3,2 6,4 Búsquedas 1,5 10,0 15,0 10,0 15,0 10,0 15,0 10,0 15,0 10,0 15,0 Generación de contenidos 2,0 8,0 16,0 5,4 10,8 7,6 15,2 7,2 14,4 6,2 12,4 Aplicaciones adicionales 1,5 8,9 13,4 8,8 13,2 7,4 11,1 8,0 12,0 7,6 11,4 TOTAL 79,3 63,9 60,8 75,0 64,6 Análisis: Como se puede observar Drupal ha sido el que más puntaje a obtenido en los criterios específicos, los cuales principalmente destaca la gran cantidad de aplicaciones adicionales, la gestión de búsquedas integradas y el manejo de Workflow. 2.3 SELECCIÓN DEL CMS Luego del análisis realizado, se ha visto que el CMS, que mejor satisface los requerimientos del CPE, es Drupal, en base a la puntuación lograda en el análisis, tanto de criterios generales como específicos, es por esta razón que se utilizará esta herramienta para el desarrollo del periódico digital. Debemos tomar en cuenta, además que Drupal muestra gran calidad, así como versatilidad en su uso, dispone de una gran comunidad de desarrollo y tiene fácil adopción en proyectos del tipo periódico virtual, esto lo demuestra la gran cantidad de proyectos en los que Drupal ha sido utilizado.
51 33 CAPITULO 3. DISEÑO DE LA PLATAFORMA INFORMÁTICA 3.1 ANÁLISIS DE REQUERIMIENTOS DE INFRAESTRUCTURA INFORMÁTICA Delinearemos los ejes básicos a seguir para el diseño de la infraestructura, en función de los requerimientos del CPC: Software Libre Drupal CMS Costo mínimo de hardware El diseño de la infraestructura, será visualizado tomando en cuenta 2 opciones: Teniendo un servidor físico alojado en las instalaciones del Club y enlazado a la red de la EPN, a la cual se le llamará interno. Contratando el servicio de Hosting a una empresa especializada en el área, a la cual se la denominará externo. Discerniremos las ventajas y desventajas tanto desde el punto de vista técnico, financiero e ideológico, para así tomar la decisión más acertada para el Club de Periodismo y Cultura. 3.2 DISEÑO DE LA PLATAFORMA DE HARDWARE El principal limitante del diseño de la plataforma de hardware, es el costo mínimo, pero esto no debe restringir el ofrecer una infraestructura escalable y capaz de soportar la carga de trabajo exigida para el tipo de contenido brindado.
52 34 Para el hardware específico de la computadora que se utilizará deberá tener las siguientes características: Memoria de alta velocidad, y al menos 2GB, para soportar el tráfico y el uso de PHP. Disco duro: De alta velocidad, suficiente capacidad, y redundante, para permitir tolerancia al fallo del mismo. Procesador: De última generación para maximizar el tiempo de validez del equipo. Interno Los requisitos mínimos de hardware, que se requiere para el servidor que almacenara el periódico digital y sus contenidos, son: Tabla 18 Características Servidor Componente Procesador Memoria RAM Disco Duro Tarjeta de Red Tarjeta de Video Monitor Teclado Mouse Unidad de Protección UPS Característica Intel Core 2 Duo 2 GB 320 GB 100 Mbps Compatible Compatible Compatible Compatible 400 VA Ventajas Hardware utilizado exclusivamente para el Periódico virtual Administrado por el CPC Proceso de aprendizaje del personal Desventajas Alto costo de escalabilidad Personal de mantenimiento de hardware y software
53 35 No redundancia del servicio. Sin SLA(Service Level Agreement) Externo Al colocar el periódico virtual en un servidor externo, el hardware seria el que disponga la empresa. Ventajas Altamente escalable Alta velocidad Tecnología de punta Firma de un SLA(Service Level Agreement) Desventajas Costo mensual de mantenimiento y alojamiento Confiar en los estándares de la empresa contratada Dependencia de una empresa externa 3.3 DISEÑO DE LA PLATAFORMA DEL SOFTWARE El periódico tendrá exclusivamente software libre, tanto en el de base, como en el de servidor y aplicación, para lo cual se ha elegido el siguiente Software. Teniendo como arquitectura la mostrada en Figura 2. Software Base o Linux, Kernel 2.6.xx o Drupal 6 o superior o Servidor Apache o PHP 5.xx o superior o MySql 5.5 o superior
54 36 Software de diseño o GIMP Software de browser o Internet Explorer 6.x o superior o Firefox 2.x o superior o Opera 7 o superior o Safari 1.x o superior o Google Chrome Figura 2 Arquitectura de Software En el caso de contratar un servicio de Hosting externo, se deberá verificar que éste cumpla con los requerimientos mínimos solicitados. 3.4 DISEÑO DE LA INFRAESTRUCTURA DE RED
55 37 Siguiendo el esquema planteado de interno o externo, para la infraestructura de red se tiene: SERVIDOR DENTRO DE LA INFRAESTRUCTURA DE LA EPN Para colocar el servidor dentro de la infraestructura de la EPN, se debe pedir un punto de acceso fijo a la UGI (Unidad de Gestión de la Información), con el cual se dotaría de acceso público externo, al periódico, como se observa en Figura 3 Figura 3 Diagrama de red Interno Ventajas Cero costos de enlace a internet Alta velocidad al interior de la Escuela Desventajas
56 38 Posible presión de la administración Menor velocidad desde el exterior de la EPN SERVIDOR EN UNA EMPRESA EXTERNA A LA EPN La otra opción es la de alojar el periódico digital, en un servidor externo a la EPN, a cargo de una empresa especializada que ofrezca el servicio con estándares internacionales, como se puede observar en la Figura 4. Ventajas Estándares garantizados 24*7 durante todo el año Autonomía con respecto a las autoridades de la EPN Garantía de soportar alto tráfico. Desventajas Datos en manos de otra empresa Figura 4 Diagrama de red Externo
57 COSTOS Costos manteniendo el sitio en un servidor interno Sería el de comprar un computador, de características similares frente a los requerimientos mínimos, es decir: Características generales del computador Intel Core i5 3.2 GH Memoria de 4GB pc1333 Disco de 1 TB, con replica para respaldos Periféricos estándares Para lo cual al precio actual tenemos un PC, con las siguientes características y precios, como se muestra en la Tabla 19 Configuración de Computador recomendado Tabla 19 Configuración de Computador recomendado Componente Valor CASE QUASAD SX-C3190 COMBO NEGRO $ 43 INTEL DP55WG CORE i7-i5,ddr3,1333,son,lan $ 187 INTEL CORE I GHZ $ 237 DIMM MARKVISION 2GB PC-1333 $ 62 DIMM MARKVISION 2GB PC-1333 $ 62 1TB SAMSUNG SATA 7200RPM $ 103 1TB SAMSUNG SATA 7200RPM $ 103 DVD-RWRITER SAMSUNG SHS-223 BLACK INT. $ 25 VIDEO ZOGIS 8400GS 512MB PCI-EXP. $ 43 LG 18.5" W1943S LCD $ 137 TOTAL $ 1,001 Costo del PC =1001 USD. Tomando en cuenta que un PC, tiene una vida útil de 3 años, tenemos: Precio anual del PC = USD
58 Costos manteniendo el sitio en un servidor externo Los costos por mantenimiento se sitúan en 6.95 USD mensuales, es decir que implica un pago anual de 83,4 USD, a los cuales se les debe aumentar los impuestos de ley. Costo anual impuestos Análisis Comparativo Interno - Externo. En la Tabla 20 Comparativo de costos de infraestructura, se indica el análisis comparativo entre el servidor interno y un externo. Tabla 20 Comparativo de costos de infraestructura Interno Externo Costo enlace 0, desde la EPN 0, desde la EPN Costo hardware SLA NO SI Privacidad de datos SI SI, confianza en la empresa Autonomía de administración NO SI Redundancia de servicios NO SI Almacenamiento 1 TB ampliable Ilimitado Mantenimiento de hardware, software base Personal del CPC Empresa Escalable Comprar hardware Comprar el servicio Porcentaje con pesos
59 41 En la Tabla 21 se muestra la calificación ponderada. Tabla 21 Calificación ponderada Interno Externo peso % Interno % Externo Costo enlace 1 1 5% 5% 5% Costo hardware % 0% 20% SLA % 0% 10% Privacidad de datos % 10% 5% Autonomía de administración % 0% 15% Redundancia de servicios % 0% 10% Almacenamiento % 8% 15% Mantenimiento de hardware, software % 5% 5% base Escalable % 3% 3% TOTAL % 30% 88% Como podemos ver en el análisis comparativo en las Tabla 20, y la Tabla 21, la opción más factible y de mejor calidad al momento es la de hospedar el sitio en un servidor externo. Para este proyecto de titulación y por fines educativos, vamos a colocar el servidor y el sitio en una maquina virtual, para que pueda ser ejecutado sobre cualquier ambiente, o migrado hacia cualquier servicio de host.
60 42 CAPITULO 4. DISEÑO E IMPLANTACIÓN DEL PERIÓDICO VIRTUAL Drupal necesita para su funcionamiento, de un servidor web (p.ej Apache), de un motor de base de datos (p.ej MySQL) correctamente instalados y de una herramienta para modificar PHP, como puede ser Quanta, notepad++, etc. El servidor web es el encargado de gestionar el intercambio de información entre el cliente (navegador web del visitante) y el servidor web, así como de interpretar el código PHP que implementa las funcionalidades del CMS. Por otro lado, el motor de base de datos será el responsable de almacenar todos los contenidos y variables del sitio web INSTALACION Y CONFIGURACION DEL SOFTWARE BASE INSTALACIÓN DE APACHE Para la instalación del servidor web, se utilizará el paquete de apache2. La instalación se realiza mediante el siguiente comando: $ sudo apt-get install apache2 Que además instalará los paquetes: apache2-common apache2-utils apache2-mpm-worker libapr0 ssl-cert 10
61 43 Luego de la instalación, se reiniciará el servicio mediante el siguiente comando: $ sudo /etc./init.d/apache2 force-reload Para verificar su funcionamiento, se debe colocar en la barra de direcciones del navegador: Y debemos obtener el siguiente resultado: Los archivos de configuración de apache2 se encuentran en el directorio /etc./apache2, el script de inicio automático será /etc./init.d/apache2 y el directorio del contenido de la web por defecto está en /var/www INSTALACIÓN DE MYSQL El paquete de MySQL se instala, mediante el siguiente comando: $ sudo apt-get install mysql-server La instalación incluirá además, los siguientes paquetes: mysql-server-5.0 mysql-client-5.0 libdbd-mysql-perl libdbi-perl 11
62 44 libnet-daemon-perl libplrpc-perl Se debe instalar el módulo que permite utilizar MySQL desde PHP, esto se realiza mediante el comando siguiente: $ sudo apt-get install php5-mysql Durante la instalación, se solicita una clave de root, para la administración del periódico virtual. La instalación incluirá el siguiente módulo: php5-mysqli Por último se debe reiniciar el servicio de apache, para que los cambios tengan efecto: $ sudo /etc./init.d/apache2 force-reload INSTALACIÓN DE PHP5 El paquete de php5 se instala, mediante el siguiente comando: $ sudo apt-get install php5 El comando anterior instalará además los paquetes: php5-common libapache2-mod-php5 apache2-mpm-prefork Y desinstalará los paquetes: apache2-mpm-worker
63 45 Ahora se añade el módulo php5-gd, que es el encargado de dar soporte para la manipulación de imágenes desde PHP: $ sudo apt-get install php5-gd Que además instalará el paquete: libgd2-xpm Ahora se puede comprobar que PHP está correctamente instalado y funcionando creando el archivo /var/www/info.php con el siguiente contenido: <?PHP phpinfo();?> Al abrir en el navegador la URL se mostrara algo como en la Figura 5. Figura 5 Página de información de PHP
64 INSTALACION Y CONFIGURACIÓN DEL CMS Lo primero que se debe hacer es descargar la última versión del CMS, en este proyecto de tesis se utiliza la versión 6.12 de Drupal. El archivo debe ser descomprimido en el directorio del contenido web: $ cd /var/www $ sudo tar xvfz ~/drupal tar.gz Se crea una base de datos en MySQL para Drupal: $ mysqladmin -u root -p create database Donde database, para este proyecto será labrocha. Se debe crear un usuario para el acceso a la nueva base de datos, para lo que es necesario conectarse a MySql, mediante el siguiente comando: $ MySql -u root p Se utiliza la siguiente sentencia para la creación del usuario, otorgándole todos los permisos para el manejo de la base de datos: GRANT ALL PRIVILEGES ON database.* TO IDENTIFIED BY 'password'; Donde user es el nombre del usuario que tendrá permisos para acceder a la base de datos database y cuya contraseña será password. En este caso se utilizó labrocha, admin y admintesis, respectivamente. Se aplican los cambios, con la siguiente sentencia: flush privileges;
65 47 Salir de MySQL, utilizando : quit Es necesario crear las tablas de la base de datos y su contenido inicial, para lo que se utiliza el siguiente comando en una terminal de Ubuntu: $ MySql -u user -p database < /var/www/drupal-6.12/labrocha/labrocha.6.12.mysql Donde user y database son el usuario y base de datos creados anteriormente y se introduce la contraseña del user. Por último se debe configurar los datos de conexión a la base de datos en la instalación de Drupal, para lo que se debe abrir el archivo de configuración de Drupal mediante el siguiente comando: $ sudo gedit /var/www/drupal-6.12/sites/default/settings.php En este archivo se debe cambiar la línea: $db_url = ; por la siguiente: $db_url = ; Siendo user, password y database los creados anteriormente, en este caso, admin, admintesis y labrocha, respectivamente.
66 48 Para iniciar con la instalación se debe acceder a la siguiente dirección URL en el navegador Siguiendo las instrucciones que aparecen en la página de entrada, se debe crear la primera cuenta de usuario, el mismo que será el administrador del periódico virtual. 4.3 DISEÑO DEL PERIÓDICO VIRTUAL DISEÑO LÓGICO Taxonomía caracterización del contenido La taxonomía se utiliza para organizar el contenido de un sitio web de mejor manera. Una taxonomía tiene "términos", que se usan como categorías para los artículos. 12 La taxonomía que se utiliza en el periódico digital La Brocha, es la que se muestra en la Figura
67 49 Figura 6 Diagrama de la taxonomía del Club TAXONOMIA CLUB DE PERIODISMO ARTICULO LUGAR TIPO POLITICA MUNDO FIESTAS DEPORTES ECUADOR SEMINARIOS CIENCIA QUITO CONCURSOS TECNOLOGIA EPN TALLERES INVESTIGACION... CURSOS Artículo: Política Deportes Ciencia Farándula Cultura Educación Tecnología Economía Investigación Entrevistas Lugar: EPN
68 50 Quito Ecuador Mundo Tipo Eventos: Cursos Talleres Seminarios Fiestas Concursos Para configurar la taxonomía se necesita tener instalado y activado el modulo taxonomy, revisar el Anexo 4 TAXONOMÍA EN BLOQUE Y se agregaría como muestra la Figura 7. Figura 7 Taxonomía ROLES Y USUARIOS Drupal, permite una granularidad de control muy detallada, en función de las necesidades del club, los roles se han separado en 2 tipos, desde el punto de
69 51 vista del sistema y en el sentido de la publicación de los artículos, como lo muestra la Figura 8. Figura 8 Roles del CPC Invitado Del Sistema Subscriptor Administrador Roles Autor De la administracion de articulos Aprobador Publicador Descripción de Roles Roles del sistema Administrador: Tiene acceso a todas las características de diseño, configuración, administración y generación de reportes, sobre el periódico digital. Invitado: Es aquel usuario que ingresa al sistema y no se autentica, por lo cual su acceso es solo para lectura de la información permitida, y no puede comentar, ni crear contenido. Subscriptor: Este rol puede acceder y crear contenido, dar su voto en las diferentes encuestas que se publiquen, recibir boletines informativos, colocar comentarios a las diferentes noticias que lo permitan. Además puede realizar búsquedas en todo el sitio web.
70 52 Roles de la administración de artículos Autor: Esta autorizado a crear y administrar contenido, como por ejemplo, noticias, encuestas, foros, entre otros, los mismos que pueden incluir imágenes u otro tipo de archivo adjunto. Aprobador: Es el rol encargado de revisar el contenido que ha sido ingresado al sitio web, por parte del Autor, para aprobar o no, su publicación. Además son autorizados para permitir la publicación de comentarios. Publicador: Es el rol encargado de la publicación de los diferentes tipos de contenido, con que cuenta el periódico virtual. Se encarga además de la administración de los diferentes nodos, teniendo la autoridad para poder retirar del sitio los contenidos publicados o sus comentarios Creación de Roles Para la creación de Roles, se debe acceder como usuario administrador, a Administrar/Administración de usuarios/roles. Aquí se debe ingresar el nombre del Rol y se debe guardar la configuración, como se muestra en la Figura 9. Figura 9 Roles en Drupal
71 53 Para revisar la creación de roles, en detalle, referirse al Anexo 12 CREACIÓN DE ROLES Y USUARIOS Creación de Usuarios Para la creación de Usuarios, se debe acceder como usuario administrador, a Administrar/Administración de usuarios/usuarios/agregar usuarios. Aquí se debe ingresar la información del usuario y se debe guardar la configuración, como lo muestra la Figura 10. Figura 10 Creación de Usuarios en Drupal Para revisar la creación de usuarios, en detalla, referirse al Anexo 12 CREACIÓN DE ROLES Y USUARIOS WORKFLOW Workflow o Flujo de trabajo, es un módulo que ofrece Drupal, para mantener un control sobre lo que publican los usuarios de un sitio web. La principal ventaja del módulo Workflow es que permite a los administradores establecer una serie de pasos predefinidos denominados States, o estados de publicación, por los que cualquier contenido ha de pasar antes de ser publicado
72 54 Los estados por los que debe pasar un artículo, para ser publicado se describen en la Figura 11. Figura 11 Workflow CPC PUBLICADO EDITADO APROBADO Una vez instalada y configurada la secuencia de los estados, se tiene el workflow, indicado en la Figura 12.
73 55 Figura 12 Workflow Drupal Para la instalación, activación y configuración de este módulo referirse al Anexo 1 INSTALACIÓN DE MÓDULOS TIPOS DE CONTENIDO El contenido de Drupal se puede organizar en base a tipos de contenido complejos. En base a los requerimientos del Club de Periodismo y Cultura de la EPN, se definen los siguientes: Articulo Encuestas Foros Diapositivas de Noticias con imágenes Agenda de Eventos
74 56 Para la creación y configuración de los tipos de contenido, antes mencionados, referirse al Anexo 10 TIPOS DE CONTENIDO DIAGRAMACION Instalación y configuración del tema Drupal ofrece una gran variedad de temas, cada uno de los cuales cuenta con distintos formatos y bloques. Los temas pueden ser seleccionados en base a las necesidades, requerimientos y sobre todo la apreciación visual que pretende dar cada sitio web. Para este proyecto de titulación, se han probado varios tipos de temas, de los cuales se ha seleccionado Marinelli, debido a que ofrece una muy buena cantidad de bloques, y permite presentar la información de la página principal en tres columnas, característica que se busca para el periódico virtual. El tema Marinelli, además ofrece sub-temas, cada uno con una gama de colores diferente. Para el periódico virtual, La Brocha, se ha seleccionando el sub-tema Giordani, como lo muestra la Figura 13. Figura 13 Tema para el CPC
75 57 Para la instalación y selección del tema, referirse al 0 INSTALACIÓN DEL TEMA Instalación y configuración de módulos Los módulos en Drupal permiten extender la funcionalidad de un sitio web, añadiendo, por ejemplo, la posibilidad de realizar búsquedas por palabras dentro del contenido o de agregar comentarios a los nodos. En Drupal, los módulos son ficheros con extensión.module que contienen funciones escritas en PHP. Estas funciones actúan como hooks (funciones gancho), que son llamadas por Drupal durante sus procesos habituales de gestión de contenido y construcción de páginas web. Por ejemplo, cada vez que un nodo es creado, visualizado, modificado o borrado, Drupal llama a una de estos hooks pasándoles el contenido del nodo. De esta forma los módulos tienen la posibilidad de modificar y adaptar la información a visualizar en las páginas web antes de que se mande definitivamente al navegador. 14 En la actualidad se cuenta con un gran número de módulos disponible, lo que permite satisfacer los requerimientos de un sitio web, de manera sencilla, debido a que solo se requiere de la instalación y configuración de un módulo para solucionar un problema del sitio web. Para conocer como se realiza la instalación y activación de los módulos, revisar el Anexo 1INSTALACIÓN DE MÓDULOS Creación y configuración de bloques Desplegar taxonomía en bloque Existen módulos de Drupal, que permiten utilizar la taxonomía de un sitio, como 14
76 58 un índice de navegación. El mismo puede ser situado en cualquier lugar de la página, como se puede ver en la Figura 14. Los módulos requeridos son: taxonomy, taxonomy_blocks y taxonomy_navigator. Figura 14 Menú de Taxonomía Referirse al Anexo 4 TAXONOMÍA EN BLOQUE, para la instalación y configuración de los módulos antes mencionados Bloque con links externos Como funcionalidad extra, en Drupal se pueden incluir bloques personalizados creados con código HTML y/o PHP, ampliando sus posibilidades para colocar flash, banner flash, imágenes, links, entre otros. El CPC lleva utilizando tecnologías de la Web 2.0, para lo cual se va a crear un bloque que contenga links a las aplicaciones de terceros utilizadas, como se observa en la Figura 15. Figura 15 Links Externos
77 59 Referirse al Anexo 14 CÓDIGO LINKS EXTERNOS, para la creación del bloque personalizado Creación de diapositivas de noticias con imágenes Drupal ofrece módulos, que permiten presentar contenido de forma dinámica, es decir a manera de diapositivas con un efecto de presentación cíclica. Las mismas que pueden ser colocadas en una región del sitio. Esta característica brinda dinamismo a la presentación de las noticias que ofrece La Brocha. Referirse al Anexo 7 DIAPOSITIVAS DE NOTICIAS CON IMÁGENES. Para el detalle de la creación y configuración de un ejemplo de diapositivas de noticias con imágenes Creación de menús de navegación Agenda La agenda, permite llevar un registro del tipo de contenido evento, que puede ser presentado como un calendario en la página principal del sitio. El CPC, además de mantener el periódico, tiene diversos tipos de actividades, como cursos, talleres, reuniones, para lo cual el mantener una agenda en el sitio es un valioso aporte del periódico digital, como se muestra en la Figura 16.
78 60 Figura 16 Calendario CPC Referirse al Anexo 13 CREACIÓN DE LA AGENDApara el detalle de la creación de la Agenda utilizada en el periódico digital Atajos Drupal maneja diferentes tipos y niveles de menús, los mismos que permiten crear o agregar enlaces a lugares tanto dentro como fuera del sitio. El CPC, tiene definido contenido principal, el cual debe ser de fácil acceso desde cualquier ubicación dentro del periódico digital, por este motivo se va a utilizar el menú primario, para asignar atajos en la parte superior del sitio, como se muestra en la Figura 17. Figura 17 Atajos del Periódico del CPC Referirse al Anexo 6 MENÚ DE NAVEGACIÓN, para una descripción más detallada de la utilización de los menús primarios Nube de tags Una nube de tags es una representación gráfica de los términos utilizados en los vocabularios o taxonomías de una web, donde el tamaño de la fuente de cada
79 61 palabra que forma la nube, es mayor cuantas más veces se repita ese término del vocabulario en la página. 15 Para el periódico digital del CPC, es una gran ayuda el poder ver gráficamente la participación por tipo de noticias, esto permitirá orientar a los autores enfocarse en un tema más específico. Además permite que los lectores que necesitan encontrar noticias, referentes a un mismo tema de interés, lo puedan hacer de manera interactiva, como lo muestra la Figura 18. Figura 18 Nube de Tags Referirse al Anexo 5 NUBE DE TAGS, para la guía de configuración de la nube de tags. 4.4 IMPLANTACIÓN Y PRUEBAS DE UN PROTOTIPO DEL PERIÓDICO VIRTUAL El prototipo de este proyecto de titulación, se ha instalado sobre Ubuntu Linux 9.04, con Apache 2.2, PHP 5 y MySql
80 62 Se ha destinado un directorio específico, donde se guardarán los módulos, temas e imágenes utilizadas, el mismo que se encuentra en la siguiente ruta de nuestra instalación de Linux. /var/www/labrocha/sites/all/ CONFIGURACIÓN BÁSICA DEL PERIÓDICO DIGITAL LA BROCHA Una vez instalado Drupal siguiendo los pasos anteriormente descritos, se debe acceder a Administrar/Configuración del sitio, como se muestra en la Figura 19. Figura 19 Configuración básica Periódico Acceder a Información del Sitio e ingresar la información del Periódico y/o CPC; como por ejemplo nombre, eslogan, etc. La Figura 20 muestra un ejemplo de ingreso de datos del periódico digital.
81 63 Figura 20 Información básica del sitio Guardar la configuración SELECCIÓN Y ACTIVACIÓN DEL TEMA Para empezar se debe descargar el tema que se utilizará, en este caso Marinelli, desde el sitio web de Drupal (http://drupal.org/project/themes). Guardar el archivo y descomprimirlo en la ruta del sitio sites/all/themes, como se observa en la Figura 21.
82 64 Figura 21 Ruta del tema visual Acceder a Administrar/Construcción del sitio/temas, como se ve en la Figura 22. Figura 22 Configuración del tema visual Activar y seleccionar como predeterminado, el tema que se ha decidido utilizar, como se ve en la Figura 23.
83 65 Figura 23 Tema seleccionado para el periódico del CPC Guardar la configuración AGREGAR CONTENIDO Articulo En el menú de Principal, acceder a Crear contenido, como se puede ver en la Figura 24. Figura 24 Crear contenido Seleccionar el Tipo de contenido Artículo, como se muestra en la Figura 25.
84 66 Figura 25 Selección del tipo de contenido "Artículo" Ingresar la información solicitada, como Título, Tipo de evento, Lugar. La Figura 26 muestra un ejemplo del ingreso de información: Figura 26 Ingreso de la información del artículo Ingresar el cuerpo del artículo. La Figura 27 muestra un ejemplo del ingreso del cuerpo del bloque. Figura 27 Ingresar el cuerpo de artículo Adjuntar la imagen de la noticia, en caso de que se tenga una, como se puede ver en la Figura 28.
85 67 Figura 28 Adjuntar imagen Dar clic en el botón Guardar. El resultado se puede ver en la Figura 29. Figura 29 Artículo creado Encuestas En el menú Principal, seleccionar Crear Contenido y seleccionar Encuesta, como se puede ver en la Figura 30. Figura 30 Crear nueva encuesta Ingresar la información solicitada, como se puede ver en la Figura 31.
86 68 Figura 31 Información de la encuesta Dar clic en el botón Guardar. La Figura 32 muestra el resultado obtenido: Figura 32 Encuesta creada Foros Diapositivas de noticias con imágenes Acceder a Crear contenido y luego a Diapositivas de noticias con imágenes, como se puede ver en la Figura 33. Figura 33 Crear contenido Diapositivas
87 69 Ingresar la información sobre las noticias que se quiere ingresar, como se muestra en la Figura 34. Figura 34 Información básica del contenido En la sección de Vocabulario, indicar a que tema pertenece la noticia y en qué lugar se ocurre, como se ve en la Figura 35. Figura 35 Vocabulario taxonomía asociado Adjunta la imagen que será desplegada en las diapositivas, la misma que debe hacer referencia a la noticia ingresada, como se ve en la Figura 36.
88 70 Figura 36 Imagen de la noticia Ingresar el cuerpo de la noticia, como se puede ver en la Figura 37. Figura 37 Cuerpo de la noticia Luego de que la noticia sea aprobada y publicada, se podrá obtendrá el resultado en la Figura 38.
89 71 Figura 38 Diapositiva con imagen final Eventos En el menú principal, seleccionar Crear Contenido y luego Evento, como se puede ver en la Figura 39. Figura 39 Crear un nuevo evento Ingresar la información del evento, como Título, hora, fecha y lugar; como se puede apreciar en la Figura 40.
90 72 Figura 40 Ingresar la información del evento En el apartado Cuerpo, ingresar la descripción del evento; en la Figura 41 se puede ver un ejemplo. Figura 41 Información detallada del evento Dar clic en el botón Guardar, se puede ver el resultado en el Calendario, como se aprecia en la Figura 42.
91 73 Figura 42 Evento registrado en la agenda Se puede acceder a la información del evento, dando un clic en el día que se encuentra subrayado, obteniéndose el resultado que se puede ver en Figura 43. Figura 43 Detalle de evento
92 74 CAPITULO 5. CONCLUSIONES Y RECOMENDACIONES 5.1 CONCLUSIONES Los avances en software libre, y principalmente en los CMS, han permitido el desarrollo rápido de aplicaciones web complejas. EL uso de módulos adicionales permite cambiar la funcionalidad de un CMS genérico, a una aplicación personalizada. El no guardar retrocompatibilidad entre las versiones de Drupal, le ha permitido avanzar rápidamente entre sus competidores, pero ha limitado la fácil actualización entre versiones. El uso de la tecnología, abre un mundo de posibilidades en la prensa libre y objetiva, permitiendo la libre expresión de cualquier persona con acceso a internet. 5.2 RECOMENDACIONES Se recomienda el uso del workflow, para publicar una noticia, y mantener el control sobre el uso del periódico virtual. Verificar que las actualizaciones mantengan compatibilidad con los módulos usadas. Verificar siempre el uso de la RAM, por parte del modulo PHP de apache, ya que debe ir a la par con los módulos usados, y la cantidad disponible.
93 75 GLOSARIO CMS.- Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es un programa que permite crear una estructura de soporte (framework) para la creación y administración de contenidos, principalmente en páginas web, por parte de los participantes. 16 CPC.- Club de periodismo y cultura de la EPN. Foro.- En Internet, un foro, también conocido como foro de mensajes, foro de opinión o foro de discusión, es una aplicación web que da soporte a discusiones u opiniones en línea. 17 Hook.- La lógica de un hook es básicamente pasar una función h como parámetro a otra función f. Cuando llega el momento Hosting.- El alojamiento web (en inglés web Hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. 18 HTML.- siglas de HyperText Markup Language (Lenguaje de Marcado de Hipertexto), es el lenguaje de marcado predominante para la elaboración de páginas web. 19 UGI.- Unidad de Gestión de la Información de la Escuela Politécnica Nacional. Linux.- GNU/Linux es uno de los términos empleados para referirse a la combinación del núcleo o Kernel libre similar a Unix denominado Linux, que es usado con herramientas de sistema GNU. Su desarrollo es uno de los ejemplos más prominentes de software libre; todo su código fuente puede ser utilizado, modificado y redistribuido libremente por cualquiera bajo los términos de la GPL (Licencia Pública General de GNU) y otra serie de licencias libres
94 76 Open Source.- Licencia de software libre que garantiza que el software cumpla con: Libre Redistribución 2. Código Fuente 3. Trabajos Derivados 4. Integridad del Código Fuente del Autor. 5. No Discriminar Personas o Grupos. 6. No Discriminar Campos de Aplicación. 7. Distribución de la Licencia. 8. La Licencia No Debe Ser Específica a un Producto. 9. La Licencia No Debe Contaminar Otro Software. 10. Ejemplos de Licencias. OSMM.- El Open Source Maturity Model (OSMM) fue desarrollado para ayudar a los gerentes de TI la contratación para comparar y evaluar mejor software de fuente abierta (OSS) 22. Servidor.- Sistema que proporciona recursos (por ejemplo, servidores de ficheros, servidores de nombres). 23 SLA son las siglas de la frase en inglés Service Level Agreement, que significa Acuerdo de Nivel de Servicio, un SLA es un protocolo plasmado normalmente en un documento de carácter legal por el que una compañía que presta un servicio a otra se compromete a prestar el mismo bajo unas determinadas condiciones y con unas prestaciones mínimas. 24 WORKFLOW.- Es la automatización de un proceso del negocio, entero o en partes, durante las cuales la información o las tareas se pasan a partir de un participante a otro para la acción, según un sistema de reglas procesales. 25 WYSIWYG. - (What You See Is What You Get) Lo que ves es lo que obtienes. Tipo de aplicación o herramienta aplicable especialmente a los editores de texto que permiten hacer un documento viendo directamente el resultado final
95 77 ANEXOS ANEXO 1. INSTALACIÓN DE MÓDULOS A continuación se presente una breve descripción de los módulos utilizados para el funcionamiento del periódico digital La Brocha. Se incluye además el proceso de instalación y configuración de cada módulo. Instalación de Módulos: Para la instalación de los módulos se deben seguir los siguientes pasos: Descargar el módulo del sitio oficial de Drupal La Figura 44 muestra un ejemplo del sitio de descargas de los módulos, en este caso será Calendar. Figura 44 Descarga de módulos Copiar y desempaquetar el módulo descargado en la carpeta var/www/nombre_del_sitio/sites/all/modules, como se puede ver en la imagen Figura 45:
96 78 Figura 45 Ubicación del módulo desempaquetado En la página de Administración del periódico digital, acceder a Administrar/Construcción del sitio/módulos, y le seleccionar el módulo que se quiere activar. Por último guardar la nueva configuración. La siguiente imagen (Figura 46) muestra el resultado final luego de la activación. Figura 46 Módulo activado Por último se debe configurar cada módulo, de acuerdo a las necesidades del sitio.
97 79 ANEXO 2. WORKFLOW Acceder a Administrar/Construcción del sitio/módulos, y activar el módulo Workflow y Workflow Access. Este último es necesario ya que permite controlar el acceso a los contenidos en base a roles y flujos de trabajo. Para la instalación de módulos referirse al Anexo Instalación de módulos. Al habilitar los módulos Workflow y Workflow Access puede presentarse el mensaje que se muestra en la Figura 47. Figura 47 Mensaje durante la configuración del módulo Workflow Para quitar este mensaje, se debe dar clic sobre el enlace Esta página, o se puede ingresar a través del Menú Administrador mediante la siguiente ruta: Administrar/Administración de contenido/opciones de envío. Al momento de haber ingresado, se obtendrá el resultado que se muestra en la Figura 48. Figura 48 Mensaje de Estado de acceso al nodo Estando en esta sección se debe dar clic sobre el botón Reconstruir permisos, y aparecerá una página con el mensaje que se puede ver en la Figura 49.
98 80 Figura 49 Permisos de acceso reconstruidos Para crear un Workflow (Flujo de Trabajo), acceder a la siguiente ruta: Administrar/Construcción del sitio/workflow, como se puede ver en la Figura 50. Figura 50 Acceso a Workflow Dar clic en el enlace Workflow. La Figura 51 muestra el resultado que se obtendrá: Figura 51 Opciones de Workflow Dar clic en la pestaña Añadir un flujo de trabajo. Se presentará una caja de texto, donde se debe escribir el nombre del Flujo de Trabajo, como muestra la Figura 52:
99 81 Figura 52 Añadir nuevo Workflow Al momento de dar clic en el botón Añadir un flujo de trabajo, se accede a la página para agregar un Estado que se le asignará al Flujo de Trabajo, como se puede ver en la Figura 53. Figura 53 Añadir nuevo estado el Workflow En la parte donde aparece el mensaje de color verde, se informa que el Flujo de Trabajo con nombre Estado ha sido creado de manera correcta y que se le debe asignar un estado. Como se visualiza en la imagen, para crear un Estado hay que hacer los siguiente: Definir el Nombre y colocarle un Peso, para que al momento de observar la lista de estados se muestren de acuerdo al peso que se les haya asignado a cada Estado, finalmente dar clic en el botón Guardar. Al crearse el primer Estado para el Flujo de Trabajo, se mostrará una lista en una página, como se puede ver en la siguiente Figura 54:
100 82 Figura 54 Lista de los estados del workflow Como se puede apreciar en la imagen, en el título Operaciones del Workflow hay una pestaña Añadir un estado, al darle clic, se accede a la página donde se pueden agregar más Estados para el Flujo de Trabajo, como se muestra en la siguiente Figura 55. Figura 55 Agregar nuevo estado Cuando ya se han creado los estados para el Workflow que se ha definido anteriormente, aparecerá una página conteniendo el flujo de trabajo y la lista de sus estados correspondientes. Se pueden crear varios Flujos de Trabajo y asignarles sus respectivos Estados, en este ejemplo sólo se está creando un Flujo de Trabajo (Estado), el cual contiene 3 Estados (Editado, Aprobado y Publicado). La Figura 56 muestra una lista de los estados del Flujo de trabajo Estado.
101 83 Figura 56 Lista final de los estados del workflow En el título Operaciones hay una pestaña Editar, darle clic, al observar su contenido se presentarán las opciones para asignar los roles y accesos para el Flujo de Trabajo que se ha creado, como se puede ver en la Figura 57. Figura 57 Operaciones del Workflow (1) Además se tienen los títulos: Workflow information: Es donde aparece una caja de texto con el nombre del Flujo de Trabajo que se ha creado. Comment for Workflow Log: Presenta dos opciones de comentarios para
102 84 asignarle al Flujo de Trabajo. Workflow tab permissions: Que ofrece opciones para elegir los roles con cuales se trabajará el proyecto. La Figura 58 muestra el resto de operaciones del flujo de trabajo. Figura 58 Operaciones del Workflow (2) Como se puede observar en la imagen en la sección de Comment for Workflow Log, se deben seleccionar las dos opciones, para que aparezca una opción de comentarios tanto en el formulario al crear un contenido, como también al momento de ingresar a observar el Workflow. En la sección Tabla de permisos de los flujos de trabajo se debe seleccionar los permisos para que los usuarios tengan acceso a los nodos de los diferentes estados según el Rol que se les haya asignado. Dentro de los roles que se han creado se tiene: Editor, Aprobador y Publicador. Seguidamente se puede observar una tabla con el Permissions Summary (Resumen de Permisos), para realizar las Transitions (Transiciones) según el Rol que se le haya asignado a cada uno de los Usuarios, como se muestra en la Figura 59
103 85 Figura 59 Resumen de permisos En la sección Access control (Control de Acceso), se controlará los accesos para los Usuarios según los roles que se les asigne a cada uno, para ello se tienen tres secciones que son: Roles who can view posts in this state: En esta columna se puede asignar los roles para que los usuarios puedan Ver los nodos creados en el Estado que se haya seleccionado. Roles who can edit posts in this state: En esta columna se puede asignar los roles para que los usuarios puedan Editar los nodos creados en el Estado que se haya seleccionado. Roles who can delete posts in this state: En esta columna se puede asignar los roles para que los usuarios puedan Eliminar los nodos creados en el Estado que se haya seleccionado.
104 86 Líneas más abajo se puede observar cada uno de los estados creados anteriormente con sus detalles respectivos. La Figura 60 muestra los permisos que tienen los diferentes roles para ver, editar y borrar un contenido cuando su estado sea Editado. Figura 60 Permiso para el estado Editado La Figura 61 muestra los roles asignados a cada una de las operaciones que se pueden realizar sobre un nodo en estado Aprobado. Figura 61 Permiso para el estado Aprobado La Figura 62 muestra los roles asignados a cada una de las operaciones que se pueden realizar sobre un nodo en estado Publicado.
105 87 Figura 62 Permisos para el estado Publicado Al momento de presionar el botón Guardar (Save), se accede a la Página que contiene la Lista del Flujo de Trabajo y este a su vez presentará una lista de Estados que le han sido asignados. El estado presenta un título Operaciones de Editar y Borrar para que el usuario pueda elegir la operación que crea conveniente. Líneas más abajo se muestra la lista de Tipos de Contenido, donde el Flujo de Trabajo aparece en un combo desplegable para que el usuario administrador pueda seleccionarlo, como se puede ver en la Figura 63. Figura 63 Lista de tipos de contenido con su Workflow Al momento de escoger el Tipo de Contenido se le asigna Workflow, en este caso Estado con el que se trabajará al crear un contenido de tipo Página, se debe dar clic sobre el botón Save workflow mapping para que guarde el cambio correspondiente. En la captura de pantalla anterior también se puede observar una columna llamada Display Workflow Form for: que permite indicar si el formulario del
106 88 Workflow se mostrará cuando se muestre el formulario de edición del nodo (Post) y/o cuando se muestre el formulario de Comentario (Comentario). Si se selecciona Post, cuando se esté editando un nodo del tipo indicado, aparecerán también las opciones de Workflow, como se puede ver en la Figura 64. Figura 64 Opciones de Estado en un Contenido Después de haber creado y configurado el Flujo de trabajo, se puede ingresar al sitio primero como: Usuario Editor, luego como usuario Aprobador y finalmente como usuario Publicador, para seguir y respetar la reglas del módulo Workflow. Con el rol Editor: Al darle clic sobre el enlace Crear Contenido se podrá crear, editar y borrar un contenido ya sea un Artículo o Diapositivas de noticias con imágenes, y no se tendrá acceso a visualizar la lista de publicaciones, asimismo no se podrá Aprobar ni Publicar un contenido. La
107 89 Figura 65 muestra las opciones que tiene el rol Editor, al crear un contenido. Figura 65 Crear contenido como usuario Editor Con el rol Aprobador: Se puede ver el contenido creado por el usuario Editor. Luego de revisar el nodo, el usuario Aprobador puede proceder a Aprobar el contenido. La Figura 66 y Figura 67 muestran tanto el contenido que debe revisar el aprobador, como las opciones que tiene para aprobarlo.
108 90 Figura 66 Revisión del contenido por parte del Aprobador (1) Figura 67 Opciones del rol Aprobador sobre un contenido Con el rol Publicador: Al igual que el usuario con el rol de Aprobador el formulario se mostrará con el mismo contenido, siendo la diferencia en la sección Estado donde se cambiará el estado del contenido de Aprobado a Publicado. La Figura 68 muestra las opciones que tiene el rol Publicador.
109 91 Figura 68 Opciones del rol Publicador sobre un contenido En la parte de arriba del formulario en las pestañas se puede apreciar que dice Workflow, al darle clic a esa pestaña se ingresa a la sección donde se podrá visualizar, el historial de cómo han ido cambiando los Estados del contenido. Además muestra también el Usuario que ha realizado los cambios de acuerdo al Rol que le ha sido asignado, como la Figura 69. Figura 69 Historial del Workflow En caso de querer deshabilitar la sub-sección Comentarios de la sección Estado, se puede realizar la configuración accediendo a Administrar/Construcción del sitio/workflow.
110 92 Al ingresar a la página buscar el título: Comment for Workflow Log, una vez que se ubica el título, se procede a desactivar las opciones, como se puede ver en la Figura 70. Figura 70 Desactivación de los comentarios para un workflow Al desactivar las opciones de los comentarios, las secciones que se verán afectadas son el Workflow (Pestaña que aparece por encima del formulario), cuando se ingresa para ver su contenido no se podrá observar la sub-sección para escribir el comentario. También se afectará el formulario en la sección de estado al momento de crear un contenido, por ejemplo al visualizar el formulario con las opciones de comentarios desactivadas la sección Estado se visualizará como en la Figura 71. Figura 71 Workflow sin la opción de comentarios En el Menú Administrador que aparece en la parte derecha del sitio, se puede apreciar la sección de Workflow summary (Resumen del Flujo de Trabajo), como muestra la Figura 72.
111 93 Figura 72 Resumen de Workflow en el menú Al darle clic se puede observar que hay 2 opciones Current State y Content Type, cada uno con su combo respectivo para seleccionar la opción correspondiente. Current State: Para observar el estado actual de los nodos, los cuales se mostrarán en una lista, según el Estado seleccionado en el combo desplegable. Content Type: Para observar el Tipo de Contenido ya sea Página o Historia de acuerdo al contenido que hayamos creado. La Figura 73 muestra las opciones por las cuales se puede filtrar, para obtener un resumen del workflow. Figura 73 Resumen del workflow Suponer que se ha elegido el Estado: Editado y de Content Type: Artículo, al darle clic al botón Apply se mostrará la Figura 74.
112 94 Figura 74 Resumen de Workflow aplicando un filtro Como se puede apreciar en esta imagen se tiene un resumen en forma de lista del Flujo de Trabajo que se ha creado, siendo los campos que aparecen Current state, Título y Tipo. De la misma manera se podrá visualizar los demás resúmenes de los Flujos de Trabajo que se pudieran crear a futuro. Para que la opción Workflow summary aparezca en el Menú Administrador es necesario instalar el módulo Views, de lo contrario no se podrá observar la opción y por ende no se podrá visualizar los resúmenes del Flujo de Trabajo. HACER QUE EL FLUJO DE TRABAJO EJECUTE ACCIONES Es importante mencionar que al Flujo de Trabajo también se le puede asignar Acciones. Esto se hace efectivo siempre y cuando se instale el módulo Triggers, referirse al Anexo Instalación de módulos. Cuando ya se ha instalado el módulo Triggers (Disparadores), en la parte superior izquierda del menú administrador se podrá observar una sección Triggers, al darle clic se accede a la página que contiene diferentes pestañas en la parte de arriba, como podemos ver en la Figura 75. Figura 75 Opciones del módulo Triggers
113 95 Dentro de estas pestañas se tiene la pestaña de Worflow, la cual se elige para asignarle acciones de acuerdo a las transiciones que se pudieran realizar, obteniéndose el resultado que se puede ver en la Figura 76: Figura 76 Opciones de disparadores para workflow Como un ejemplo se va a agregar una acción en el Disparador que se ejecutará al mover una página de estado Aprobado a estado Publicado. En esta oportunidad se elegirá la acción Promover el envío a la portada, es decir que al elegir esta acción, enviará el nodo que se encuentra en estado Publicado a la página de Inicio. La Figura 77 muestra la configuración del disparador.
114 96 Figura 77 Configuración del disparador Cuando ya se ha elegido la acción Promover envío a la portada en este caso al darle clic al botón Asignar, se accede a la página donde se muestran los disparadores para elegir una Acción y se presentará una imagen como se muestra en la Figura 78. Figura 78 Lista de disparadores creados En caso que no sea necesaria la asignación de acciones para los Disparadores, se tiene la opción de dar clic sobre el botón desasignar para cancelar la acción que ha sido relacionada con el Disparador. Al realizar dicho procedimiento se mostrará una imagen como la que se muestra en la Figura 79. Figura 79 Desasignación de acciones a un disparador Si realmente se desea que ya no se ejecute la Acción ante ese evento se debe dar clic sobre el botón Desasignar, caso contrario dar clic sobre el botón Cancelar.
115 97 ANEXO 3. INSTALACIÓN DEL TEMA Para empezar se debe descargar el tema desde el sitio web de Drupal (http://drupal.org/project/themes). Guardar el archivo y descomprimirlo en sites/all/themes, como se puede ver en la Figura 80. Figura 80 Selección del tema que se utilizará Acceder a Administrar/Construcción del sitio/temas, como se puede ver en la Figura 81. Figura 81 Acceder a la sección Temas Activar y seleccionar como predeterminado, el tema que hemos seleccionado, como se puede ver en la Figura 82.
116 98 Figura 82 Activación del tema predeterminado Guardar la configuración.
117 99 Creación y configuración de bloques Acceder a Administrar/Construcción del sitio/ Bloques. La Figura 83 muestra el resultado que se obtiene al ingresar al sitio indicado. Figura 83 Acceso a Bloques Cada tema cuenta con una lista de los bloques, los mismos que se pueden activar y ubicar en una región de la página web. La Figura 84 muestra un extracto de los bloques que ofrece el tema de ejemplo Marinelli.
118 100 Figura 84 Lista de bloques Para ubicar un bloque, se debe seleccionar una región, como se puede ver en la Figura 85. Figura 85 Selección de una región para un bloque Guardar la configuración. Los bloques pueden ser creados de acuerdo a las necesidades del sitio web. A continuación se presenta la creación y ubicación de un nuevo bloque, para lo cual se debe acceder a la pestaña Añadir bloque, como se puede ver en la Figura 86
119 101 Figura 86 Añadir bloque Ingresar la información del bloque. En la sección Cuerpo del bloque, se puede ingresar código HTML o PHP, para crear cuados de texto, tablas, insertar imágenes, etc., se debe indicar en el formato de entrada el lenguaje que se utilice. La Figura 87 muestra un ejemplo de la información que se debe ingresar para la creación del bloque. Figura 87 Información de nuevo bloque Seleccionar las opciones de visibilidad del bloque, la configuración se puede hacer, por usuario, rol y página; la Figura 88 muestra la configuración, para el caso de ejemplo.
120 102 Figura 88 Opciones de visibilidad del bloque Guardar la configuración. Por último se debe activar el bloque creado, como previamente se indicó, la Figura 89 muestra un ejemplo de la selección de una región para el bloque creado: Figura 89 Ubicar bloque en una región Verificar que el bloque se encuentre creado y ubicado correctamente. La Figura 90 muestra el resultado final de la creación del nuevo bloque:
121 Figura 90 Resultado de la creación del bloque 103
122 104 ANEXO 4. TAXONOMÍA EN BLOQUE Descargar e instalar los módulos taxonomy taxonomy_blocks y taxonomy_navigator. Para la activación referirse al Anexo Instalación de módulos. Acceder a Administrar/Administración de contenido/taxonomía, para verificar que se cuenta con vocabulario. La Figura 91 muestra un ejemplo del vocabulario en un sitio. Figura 91 Verificación de la existencia de vocabulario Acceder a Administrar/Construcción del sitio/bloques, como se puede apreciar en la Figura 92.
123 105 Figura 92 Acceder a la sección Bloques En la parte inferior, se encuentra una lista de los bloques desactivados, como se muestra en la Figura 93. Figura 93 Bloques desactivados Se debe buscar que vocabulario se quiere mostrar, para este ejemplo se utiliza Taxonomy Navigation for Noticia, la misma que despliega los términos que hay
124 106 sido agregados al vocabulario Noticia. En la Figura 94 se puede ver el bloque mencionado anteriormente. Figura 94 Ubicar bloque a ser activado Seleccionar en que región se quiere ubicar el bloque, y guardar los cambios. La Figura 95 muestra un ejemplo, para ubicar el bloque seleccionado en la región izquierda del tema. Figura 95 Ubicar bloque en una región determinada
125 107 Ahora se puede ver que se despliega una lista en donde se incluyen todas las categorías de noticias que se ofrecen en este periódico digital, como se puede ver en la Figura 96. Figura 96 Bloque desplegado en la región seleccionada
126 108 ANEXO 5. NUBE DE TAGS Descargar los módulos: Taxonomy, Tagadelic y Cumulus e instalarlos; referirse al Anexo Instalación de módulos. Antes de activar los módulos, ir al sitio y guardar el archivo. Es decir copiar el código en un archivo de texto y guardarlo como cumulus.js. Copiar y pegar el archivo antes guardado (cumulus.js) en /sites/all/modules/cumulus, como se muestra en la Figura 97. Figura 97 Guardar el archivo cumulus.js Acceder a Administrar/Construcción del sitio/módulos y activar los módulos Tagadelic, Taxonomy y Cumulus. La Figura 98 muestra el resultado luego de la activación de los módulos indicados. Figura 98 Módulos activados
127 109 Acceder a Administrar/Construcción de sitio/bloques, y activar el bloque Cumulus Tag Cloud, ubicándolo en el lugar deseado, como se puede ver en la Figura 99. Figura 99 Ubicar el bloque "Cumulus Tag Cloud" Una vez activado y situado, dar clic en el link de configuración del bloque. Aquí se podrá modificar colores, tamaño de letra, número de palabras que se podrán desplegar, etc. La Figura 100 muestra las opciones de configuración que se ofrecen, para el bloque.
128 110 Figura 100 Opciones de configuración del bloque Por último guardar la configuración realizada. Nota: Para definir el vocabulario que será desplegado, se utiliza el Vocabulary ID, el mismo que se puede conocer de la siguiente manera. Acceder a Administrar/Administración de contenido/taxonomía (Taxomony). Seleccionar el vocabulario que se quiere utilizar y dar clic en el link editar
129 111 vocabulario. En la barra de navegación superior se puede ver un número al final, el mismo que nos indica el ID del vocabulario, como se muestra en la Figura 101. Figura 101 Conocer el ID del vocabulario
130 112 ANEXO 6. MENÚ DE NAVEGACIÓN Acceder a Administrar/Construcción del sitio/menús. La Figura 102 muestra el resultado de acceder al sitio previamente indicado. Figura 102 Acceder a la opción de Menús Dar clic en el enlace Primary links (Enlaces primarios), como se muestra en la Figura 103: Figura 103 Enlaces Primarios Dar clic en la pestaña Añadir elemento. Ingresar la información referente al enlace que se necesita crear, en base a los siguientes: Ruta: Aquí se debe especificar la ruta con la que enlaza esta opción de menú, esta puede ser interna de Drupal como node/add o un URL externo como
131 113 Menú link title: El texto que se utilizara para el enlace, el mismo que aparecerá en el menú. Elemento padre: Aquí se selecciona la máxima profundidad que tendrá este ítem. La Figura 104 muestra un ejemplo de la información que se puede ingresar, para crear un enlace primario a un sitio de terceros. Figura 104 Información del enlace primario Guardar la configuración. Para mostrar el menú que se ha creado, acceder a Administrar/Construcción del sitio/bloques. En la lista de Desactivados, ubicar Primary links y seleccionar la región en la que se ubicara, como muestra la Figura 105:
132 114 Figura 105 Seleccionar región para los Enlaces Primarios Los Enlaces primarios se mostraran, en la región seleccionada, como se puede ver en la Figura 106: Figura 106 Enlaces Primarios desplegados en el tema
133 115 ANEXO 7. DIAPOSITIVAS DE NOTICIAS CON IMÁGENES Para crear las Diapositivas de noticias con imágenes, se requiere tener instalados y activados los siguientes módulos: Dynamic display block (RC6) jquery update CCK Views filefield imagefield imageapi imagecache (optional) Para la instalación de los módulos referirse al Anexo Instalación de módulos. Creación del nuevo tipo de contenido. Acceder a Administrar/Administración de contenido/tipos de contenido, como se puede ver en la Figura 107. Figura 107 Acceder a Tipos de contenido
134 116 El tipo de contenido que se utilizará para crear las Diapositivas de noticias con imágenes, tendrá los siguientes campos: Titulo Titulo de cada diapositiva Texto en el buscador Texto que se muestra en el buscador de noticias Texto de diapositiva Texto que se muestra en una diapositiva Imagen Imagen que se muestra en la diapositiva y en el buscador Cuerpo Texto de la noticia. Ingresar la información solicitada y guardar el nuevo tipo de contenido, como se muestra en la Figura 108 Figura 108 Ingresar información básica del Tipo de contenido Agregar campos, al nuevo tipo de contenido. Acceder a Administrar/Tipos de contenido y ubicar el nuevo tipo de contenido creado. Dar clic en manage fields, como se indica en la Figura 109.
135 117 Figura 109 Acceder a Administración de campos Añadir el campo buscador, utilizando la siguiente información: Etiquita - Buscador Nombre del campo - field_buscador Tipo de campo campo de texto Tipo de Widget - campo de texto La Figura 110 muestra como quedaría ingresada la información del nuevo campo, Buscador. Figura 110 Información del campo Buscador
136 118 Guardar la configuración. Añadir el campo texto de diapositiva, con la siguiente información: Etiqueta - texto_diapositiva Nombre del campo - field_slide Tipo de campo campo de texto Tipo de Widget Area de texto(múltiples filas) La Figura 111 muestra como quedaría ingresada la información del nuevo campo, Texto de diapositivas. Figura 111 Información del campo "Texto de diapositiva" Guardar la nueva configuración. Agregar el campo imagen, con la siguiente información: Etiqueta - Imagen Nombre del campo - imagen Tipo de campo - File Tipo de Widget Imagen La Figura 112 muestra como quedaría ingresada la información del nuevo campo, Imagen.
137 119 Figura 112 Información del campo "Imagen" Guardar la configuración. Configuración de los nuevos campos: Campo buscador : Acceder a Administrar/Administración de contenido/ Tipo de contenido y dar clic en manage fields en Diapositiva de imágenes, como se muestra en la Figura 113. Figura 113 Acceder a Administración de campos
138 120 Dar clic en configurar en el campo buscador, como se muestra en la Figura 114. Figura 114 Configuración del campo "Buscador" Configurar de la siguiente manera: Configuración de Diapositiva de imágenes: Size of the text field - required to set (Set e.g to 60 - default value). Texto de ayuda: Buscador: Texto utilizado para el buscador. La Figura 115 muestra un ejemplo de la información que se puede ingresar en la configuración del Tipo de contendido. Figura 115 Información del tipo de contenido
139 121 Opciones globales: Required checkbox - check to be required Number of values - 1 Text processing - Plain text La Figura 116 muestra la configuración para la sección de Opciones globales. Figura 116 Configuración Opciones globales Dar Clic en el botón Save field settings, para guardar la nueva configuración. Campo texto_diapositiva : Acceder a Administrar/Administración de contenido/ Tipo de contenido y dar clic en manage fields en Diapositiva de imágenes, como se puede ver en la Figura 117.
140 122 Figura 117 Acceso a "Administración de campos" Dar clic en la opción Configurar en el campo texto_diapositiva, como se puede ver en la Figura 118. Figura 118 Configurar campo "texto_diapositivas" Utilizar la siguiente información para llenar los campos, para la configuración: Configuración de Diapositiva de imágenes: Rows 6 Help text: Texto que será desplegado en las diapositivas.
141 123 Opciones globales: Required checkbox - check to be required Number of values - 1 Text processing - Plain text Dar Clic en el botón para guardar los cambios realizados. Campo imagen Acceder a Administrar/Administración de contenido/ Tipo de contenido y dar clic en manage fields en Diapositiva de imágenes. Dar clic en configurar en el campo imagen, como se muestra en la Figura 119. Figura 119 Configuración campo "imagen" Utilizar la siguiente información para llenar los campos, para la configuración: Configuración de Diapositiva de imágenes: Texto de ayuda: Imagen que se despliega en las diapositivas
142 124 Extensiones de archivos permitidas: Dejar las extensiones permitidas por omisión. Mínima resolución para las imágenes: (opcional) Máxima resolución para las imágenes: (opcional) Opciones globales: Checkbox para ser obligatorio: Seleccionar como campo obligatorio. Número de imágenes: 1 Listar el campo: Activado Archivos listados por omisión: No seleccionado. Dar Clic en el botón para guardar la nueva configuración. Configuración de la visibilidad de los campos: Acceder a Administrar/Administración de contenido/tipos de contenido/diapositivas con imágenes. Dar clic en la pestaña Display Fields : Utilizar la siguiente configuración: Buscador: Etiqueta: Above Teaser: Predeterminado Nodo completo: Oculto Texto_diapositiva: Etiqueta: Above Teaser: Predeterminado Nodo completo: Oculto Imagen: Etiqueta: Above Teaser: Imagen Nodo completo: Enlace de la imagen, al nodo
143 125 La Figura 120 muestra como quedaría la configuración para la visibilidad de los campos, del tipo de contenido. Figura 120 Configuración visibilidad de campos Guardar la configuración. Creación de la vista Acceder a Administrar/Construcción del sitio/vistas. Dar clic en la pestaña Añadir, mostrándose la pantalla que se puede ver en la Figura 121. Figura 121 Creación de vista
144 126 Llenar los campos solicitados de la siguiente manera: View Name (Nombre de la vista): Diapositivas de imágenes View description (Descripción de la vista): Imágenes utilizadas para las diapositivas. View tag: diapositivas View type (Tipo de vista): Nodo La Figura 122 muestra la configuración que se podría utilizar para la creación de la vista. Figura 122 Información de la vista Dar clic en el botón Siguiente. La Figura 123 muestra la página de configuración de la vista Diapositivas de imágenes. Los campos que se encuentran en rectángulos, son los que deben ser configurados.
145 127 Figura 123 Configuración de la vista Añadir Display: Seleccionar Bloque como tipo de display en el cuadro de selección, en el lado izquierdo de la página. Dar clic en el botón Add display (Añadir display). Para la configuración básica del bloque, seguir los siguientes pasos: Dar clic en el enlace Bloque, para cambiar el nombre del bloque. Ingresar el nombre del bloque, para este caso Diapositivas de noticias con imágenes. Dar clic en el botón Actualizar. La Figura 124 muestra el título que se le otorgará al bloque.
146 128 Figura 124 Titulo del bloque Dar clic en el enlace None (Ninguno), para cambiar el título del bloque. Ingresar el título Diapositiva de noticias. Dar clic en el botón Update default display (Actualizar vista predeterminada). La Figura 125 muestra el título que se desplegara con la vista. Figura 125 Título de la vista Añadir campos a la vista: Los campos que se van a agregar a la vista son título y cuerpo. Dar clic en el botón de suma, en las configuraciones de Fields (campos de la vista). En el cuadro de selección, elegir Nodo. Seleccionar las siguientes opciones: Nodo: Cuerpo Nodo: Titulo La Figura 126 muestra la selección de campo a agregar.
147 129 Figura 126 Selección de campos Dar clic en el botón Add (Añadir), para añadir los nodos a los campos. En la nueva ventana, dejar la configuración predeterminada, para el campo Cuerpo del nodo. Dar Clic en el botón Update default display (Actualizar vista predeterminada). La Figura 127 muestra la configuración para el campo Cuerpo. Figura 127 Configuración campo Cuerpo
148 130 Dejar la configuración predeterminada, para el campo Titulo del Nodo. Dar Clic en el botón Actualizar vista predeterminada. La Figura 128 muestra la configuración para el campo Título. Figura 128 Configuración campo "Título" Añadir los campos: Buscador, texto_diapositiva e imagen. Dar clic en el botó de suma en las configuraciones de los campos, de la vista. Seleccionar Contenido, en la lista desplegable de Grupos. Seleccionar las siguientes opciones. Contenido: buscador (field_buscador) Contenido: imagen (field_imagen) Contenido: texto_diapositiva (field_slide) La Figura 129 muestra la selección de los campos del grupo Contenido.
149 131 Figura 129 Selección de los campos del grupo "Contenido" Dar Clic en el botón Add (Añadir). En el campo Contenido: Buscador, utilizar la siguiente configuración: Etiqueta (Label): En los Checkbox's seleccionar Widget label (buscador) Formato (Format): Seleccionar Plain text (Texto plano) Dejar el resto de las configuraciones predeterminadas. Dar un clic en el botón Update default display (Actualizar vista predeterminada), como se ve en la Figura 130.
150 132 Figura 130 Actualizar vista predeterminada En el campo Contenido: texto_diapositiva (field_slide), utilizar la siguiente configuración: Etiqueta (Label): En los checkbox s seleccionar Widget label (texto_diapositiva) Formato (Format): Plain text (Texto plano) Dejar el resto de las configuraciones predeterminadas. Dar un clic en el botón Update default display (Actualizar vista predeterminada), la cual se muestra en la Figura 131.
151 133 Figura 131 Actualizar vista predeterminada En el campo Contenido: imagen (field_imagen), el cual se muestra en la Figura 132, utilizar la siguiente configuración: Etiqueta (Label): En los Checkbox seleccionar Widget label (imagen) Formato (Format): Plain text (Redimensionar imagen enlazada al nodo) Dejar el resto de las configuraciones predeterminadas.
152 134 Figura 132 Vista predeterminada Dar un clic en el botón Update default display (Actualizar vista predeterminada). Reordenar los campos (Figura 133) Dar clic en el botón, en Fields. Seleccionar y arrastrar los campos, en el siguiente orden: Node: Titulo Contenido: buscador (field_buscador) Plain text Contenido: text_diapositiva (field_slide) Plain text Contenido: imagen (field_imagen) Redimensionar image linked to node Nodo: Cuerpo Cuerpo
153 135 Figura 133 Detalle Nodo Dar clic en el botón Actualizar. Agregar criterios de orden, la cual se muestra en la Figura 134. Dar clic en el botón, junto a Sort Criteria(Criterios de Orden). Seleccionar Nodo, debajo de las opciones de Grupos. Seleccionar Nod: Post date. Dar clic en el botón Add (Añadir). Figura 134 Detalle añadir Dejar la configuración Configure sort criterion Nodo: Post date, como se encuentran por omisión, Figura 135. Dar un clic en el botón Update default display (Actualizar vista predeterminada).
154 136 Figura 135 Criterios de ordenación Agregar Filtros, como se muestra en la Figura 136. Dar clic en el botón, junto a Filters (Filtros). Seleccionar Nodo debajo de Grupos. Seleccionar los siguientes: Nodo: Publicado Node: Tipo Figura 136 Detalle Filtro Nodos Dar clic en el botón Add (Añadir). Debajo de Publicado, seleccionar la opción Si, como la Figura 137.
155 137 Figura 137 Detalle Publicación Nodo Dar clic en el botón Actualizar. Realizar la siguiente configuración debajo de Defaults: Configure filtro Nodo: Tipo:(Figura 138) Operator - Is one of Node type - check News item Figura 138 Tipo Nodo Dar clic en el botón Actualizar. Dar clic en el botón Save, para guardar todos, todos los cambios que se han realizado a la vista. La Figura 139, muestra como quedaría la vista, luego de las configuraciones realizadas:
156 138 Figura 139 Resumen de Nodo Activación de los bloques dinámicos. Acceder a Administrar/Configuración del Sitio/Dynamic display block. Dar clic en la pestaña Opciones, se presenta lo mostrado en la Figura 140. Figura 140 Opciones del Bloque dinámico
157 139 En Tipos de contenido, habilitar Noticias, dando clic en el Checkbox, dejar las opciones como en la Figura 141. Figura 141 Detalle Noticias Habilitado Bloque dinámico En Bloques, habilitar views Diapositiva de noticias, como se muestra en la Figura 142. Figura 142 Detalle Vista habilitada Bloque dinámico
158 140 Dar clic en el botón Guardar la configuración. Creación de la instancia del bloque dinámico para la vista Diapositivas de noticias, como en la Figura 143. Acceder a Administrar/Configuración del sitio/dynamic display block. Dar clic en la pestaña Instance. En el campo Instance Title (título de la instancia), ingresar un nombre único para identificar la instancia. Debajo de Block type (Tipo de bloque), seleccionar views Diapositivas de noticias. Figura 143 Titulo del bloque dinámico Dar clic en el botón Add instance. Dar clic en el enlace Configurar bloque, de la instancia que se creó anteriormente, como en la Figura 144.
159 141 Figura 144 Configuración de bloque En las Opciones específicas del boque, se pueden configurar los siguientes parámetros: Título del bloque Configuración predefinida del caché de imágenes Configuración de los contenedores de contenido. Configuración del Dynamic display block Configuraciones del buscador Configuración del plugin Custom jquery Cycle Configuraciones avanzadas del Dynamic display block Configuraciones del texto de las diapositivas Para realizar la configuración, se realizan los siguientes pasos: Ingresar un título en el campo Título del bloque, como en la Figura 145 Debajo de Display Method, seleccionar Cycleblock, para usar la funcionalidad del plugin de jquery. La opción Use advanced settings, debe estar seleccionada, para poder utilizar templates, para darle un diseño personalizado al bloque dinámico de diapositivas. Los templates, pueden ser descargados desde el internet (http://ddblock.myalbums.biz/download), ver detalle en el
160 142 INSTALACIÓN DE LOS TEMAS DD BLOCK. Figura 145 Diapositivas con imágenes Al seleccionar Use imagecache preset settings, se puede utilizar los presets que ya han sido definidos con anterioridad. En Content Container, se puede dejar el nombre que se encuentra por omisión, como se muestra en la Figura 146. Figura 146 Preset de Contenido En la sección Dynamic display block settings, que se muestra en la Figura 147, se pueden configurar las siguientes características: Efecto de transición Velocidad Tiempo de espera Orden de clasificación Pausa Próximo El uso del localizador
161 143 Figura 147 Configuración de efectos En la sección Pager settings, que se muestra en la Figura 148, se puede configurar las opciones del buscador. Se pueden realizar los siguientes ajustes: Pager: De acuerdo a la plantilla que se utiliza se puede utilizar para el localizador un número de página, las palabras anterior y siguiente, entre otros. Pager container: Se indica el nombre del contenedor del ítem buscador. Este parámetro viene configurado por omisión y se puede dejar de esa manera. Pager position: La posición que tendrá del buscador, se puede elegir entre inferior y superior. Pager event: Se define la manera en la que será seleccionara una diapositiva para leer su contenido, se puede elegir entre hacer clic o pasar el cursor del mouse sobre una de ellas.
162 144 Figura 148 Configuración del paginador En la sección Dynamic display block advance settings, la cual se muestra en la Figura 149, se pueden configurar los siguientes parámetros: Slide text container: Ingresar el texto del contenedor de diapositivas, (si se utilizan los upright templates, los textos se encuentran en el contenedor <div class="slide-text">). Slide text position: La posición del texto de las diapositivas, se puede elegir Arriba, Derecha, Abajo, Izquierda. Before effect: Permite seleccionar el efecto que tendrá el texto de las diapositivas. Speed before effect: Velocidad que tendrá el efecto del texto de las diapositivas. After effect---options to choose for the After effect of the slide text. Speed after effect---the time of speed for the After effect.
163 Figura 149 Configuracion avanzada DD Block 145
164 146 ANEXO 8. INSTALACIÓN DE LOS TEMAS DD BLOCK Descargar el paquete upright10-50.zip (RC6), que se utiliza para el módulo Dynamic display block, del sitio Extraer el archive Zip en un directorio temporal. Copiar el directorio custom, con todos sus subdirectorios y pegar en el directorio themes, del sitio web, para este ejemplo, sites/all/themes/ Marinelli/. Ubicación del bloque dinámico de diapositivas en una región del theme. Acceder a Administrar/Construcción del sitio/bloques. Buscar el bloque Diapositivas de noticias con imágenes, en la sección de Deshabilitados, en la parte inferior de la página. Seleccionar la región en la que se quiere ubicar el bloque. Dar clic en el botón Save Blocks Permisos: Acceder a Administrar/Administración de Usuario/Permisos y ubicarse en módulo content_permissions, el cual se observa en la Figura 150.
165 147 Figura 150 Permisos de Usuario content_permissions module: view field_image view field_pager_item_text view filed_slide_text Templates: Descargar el paquete de templates para el módulo ddblock, upright10-50.zip (RC6), desde la página Extraer el contenido del archivo Zip, en un directorio temporal. Copiar el directorio custom con todos sus subdirectorios, a la carpeta theme del tema que se esté utilizando, el cual se encuentra probablemente en la siguiente ubicación: sites/all/themes/[nombre_del_tema_utilizado]/. Por ejemplo si se utiliza el tema garland, se debería copiar en la ruta sites/all/themes/garland/. Funciones de preprocesos: Un bloque de diapositivas de visualización dinámica, utiliza dos funciones de preprocesos, para convertir los campos de la vista en variables del template o plantilla.
166 148 Las funciones de preproceso tienen que ser colocadas en el archivo template.php del tema que se esté utilizando. Descargar e instalar las funciones de preprocesos: Descargar el archivo que contiene las funciones de preproceso, Export_files_V1.4.zip, desde la página Luego de descomprimir en archivo, en un directorio temporal, buscar el archivo template.txt. Copiar y pegar su contenido en el archivo template.php del tema que se utiliza. Reemplazar [THEME_NAME] incluidos los corchetes, con el nombre del tema que se está utilizando. Realizar este cambio en las dos funciones de preproceso. Cambiar el nombre de la vista y de sus campos, en las dos funciones de preproceso. Nota: Si no se conoce exactamente, el nombre de la vista o de sus campos, se deben descomentar las líneas drupal_set_message, que se encuentran al inicio de cada función de preproceso. Ahora se puede ver el resultado en la página principal del sitio, en donde se despliega el nombre de la vista y de sus campos. Cambiando el nombre de la vista (view_name) En la línea: if ($vars['settings']['view_name'] == 'news_items') { Cambiar por el nombre de la vista que se ha creado. if ($vars['settings']['view_name'] == '[VIEW_NAME]') { Cambiando el nombre de los campos de la vista
167 149 En las líneas como: if (isset($result->node_data_field_pager_item_text_field_slide_text_value)) { $slider_items[$key1]['slide_text'] = $result- >node_data_field_pager_item_text_field_slide_text_value; } Colocar los nombres de los campos que se utilizan en la vista creada if (isset($result->[view_field_name])) { $slider_items[$key1]['slide_text'] = $result->[view_field_name]; } Nota: Luego de haber cambiado los nombres de la vista y de sus campos, se debe volver a comentar las líneas de Drupal set_message.
168 150 ANEXO 9. CREACIÓN DE BLOQUE CON LINKS EXTERNOS A continuación, se creará un nuevo bloque, el mismo que se utilizará para permitir crear links a facebook, youtube y twitter. Acceder a Administrar/Construcción del sitio/bloques y dar clic en la pestaña Agregar Bloque, el cual se ve en la Figura 151. Figura 151 Nuevo Bloque En Opciones específicas del bloque, se debe ingresar la información del bloque. Para la creación de este bloque, se utilizará código HTML, el mismo que debe ser ingresado en el recuadro de Cuerpo del bloque, dentro de las Opciones específicas del bloque. Revisar código completo en el Anexo Código Links externos, así como en la Figura 152.
169 151 Figura 152 Bloque de enlaces externos Dar clic en Formato de entrada, y seleccionar Full HTML, como en la Figura 153, debido a que este es el formato de código que se utiliza para crear el bloque. Figura 153 Formato de entrada En Opciones de visibilidad especificas por usuario, dejar la configuración que viene por defecto, como en la Figura 154. Figura 154 Opciones de Visibilidad
170 152 En Opciones de visibilidad especificas por rol (Figura 155), se puede indicar para qué tipos de rol va a ser visible el bloque. Si no se selecciona ningún rol en específico, el bloque se muestra en todos. Figura 155 Visibilidad por Rol En Opciones de visibilidad específicas por página, se indican las páginas del sitio, en las que se puede ver el bloque. Para este ejemplo dejamos la opción seleccionada por defecto. Ver Figura 156. Figura 156 Visibilidad especifica Guardar la configuración. En la lista de bloques desactivados, buscar el que se acaba de crear, links_externos.
171 153 Seleccionar la región en la que se quiere desplegar el bloque (Figura 157). Y guardar la configuración. Figura 157 Insertar bloque link externos Verificar que el bloque se encuentre ubicado en la región deseada (Figura 158).
172 Figura 158 Bloque Links Externos 154
173 155 ANEXO 10. TIPOS DE CONTENIDO Acceder a Administrar/Administración de contenido/tipos de contenido (Figura 159). Figura 159 Tipos de contenido Dar clic en la pestaña Añadir tipo de contenido, aquí se debe ingresar la información del nuevo tipo de contenido que se creara, como se puede ver en la Figura 160. Figura 160 Nuevo tipo de contenido El apartado submitions and settings, permite indicar el número mínimo de palabras que se deben ingresar cuando se agregue el contenido en el este tipo de
174 156 contenido específicamente, como se ve en la Figura 161. Figura 161 Configuración de envío Las Configuraciones de Workflow (Figura 162), permiten definir las opciones de publicación del contendido. Figura 162 Configuración de WorkFlow En Opciones de comentario, se indican todas las configuraciones en cuanto a los comentarios, es si son o no permitidos, cuantos comentarios pueden ser publicados y la manera que estos se podrán visualizar, así como muestra la Figura 163.
175 157 Figura 163 Opciones de comentarios Luego de guardar el nuevo tipo de contenido, se regresa a una lista en donde se pueden ver todos los tipos de contenido que se encuentren disponibles en el sitio web. Ubicar el que se acaba de crear. Dar clic en manage fields, y se verá algo como la Figura 164. Figura 164 Campos administrados del tipo de contenido Se despliega una lista de campos o fields, que serán solicitados cuando se vaya a crear contenido. Aquí se agregan los campos necesarios adicionales, para
176 158 cada tipo de contenido. En la parte inferior de la lista, se encuentra la opción para agregar más campos, como podemos ver en la Figura 165. Figura 165 Nuevos campos Los campos que se agregan, varía de acuerdo a cada tipo de contenido, a continuación se muestra un ejemplo para añadir el campo imagen, al tipo de contenido noticia. Primero se debe ingresar el nombre de la etiqueta que se utilizará para identificar el campo, como se ve en la Figura 166. Figura 166 Etiqueta de campo Ingresar un nombre que haga referencia al campo (Figura 167), en este ejemplo se utiliza imágenes :
177 159 Figura 167 Nombre de referencia al nuevo campo En Tipo de contenido, se despliega una lista de varias opciones, como se muestra en la Figura 168, en este caso seleccionar File : Figura 168 Tipo de contenido Por último seleccionar imagen, como elemento para editar la información del campo, como en la Figura 169. Figura 169 Opciones campo imagen Guardar el nuevo campo. Drupal regresa a la lista de los campos pertenecientes al tipo de contenido, verificar que se haya creado el campo imagen de noticias correctamente, como se puede ver en la Figura 170.
178 Figura 170 Lista de campos asociados 160
179 161 ANEXO 11. TAXONOMÍA Descargar e instalar el módulo Taxonomy, revisar el Anexo Instalación de módulos. Acceder a Administrar/Administración de Contenido/Taxonomía, como se ve en la Figura 171. Figura 171 Taxonomía Ir a la pestaña Agregar Vocabulario. Aquí se debe ingresar el nombre y una breve descripción del vocabulario que se quiere crear, como se puede observar en la Figura 172.
180 162 Figura 172 Insertar vocabulario Se debe indicar en qué tipos de contenidos se va a utilizar (Figura 173). Es recomendable utilizarlo en todos los tipos de contenido que se manejen, para mantener una mejor descripción y clasificación del contenido. Figura 173 Tipo de contenido asociado a la taxonomía
181 163 En el apartado opciones, permite configurar el uso del vocabulario, como por ejemplo, si es obligatorio al momento de crear un contenido, y si puede utilizar más de un termino del vocabulario creado, como se ve en la Figura 174. Figura 174 Opciones del Vocabulario Al terminar con la configuración, dar clic en Guardar. Buscar en la lista de vocabularios el que se ha agregado recientemente, y dar clic en Agregar términos, como muestra la Figura 175. Figura 175 Guardando la configuración Ingresar el nombre del término así como también una breve descripción del término que se desea agregar, como se muestra en la Figura 176.
182 164 Figura 176 Añadir términos anidados Guardar la configuración y repetir el procedimiento anterior hasta cuando se hayan ingresado todos los permisos pertenecientes al vocabulario creado. Se puede ver una lista de términos, dando clic en Lista de términos, como se ve en la Figura 177. Figura 177 Lista de términos Obteniéndose el resultado mostrado en la Figura 178.
183 Figura 178 Taxonomía final 165
184 166 ANEXO 12. CREACIÓN DE ROLES Y USUARIOS. ROLES: Acceder a Administrar/Administración de usuarios/roles, como se ve en la Figura 179. Figura 179 Pantalla Roles Ingresar el nombre del rol y dar clic en Añadir rol, se ve en la Figura 180. Figura 180 Añadir nuevo rol En la pestaña permisos, se puede especificar si un rol tiene o no acceso a un módulo y que actividades puede realizar con él, como muestra la Figura 181.
185 167 Figura 181 Modulo de Roles Guardar la configuración. USUARIOS: Acceder a Administrar/Administración de usuarios/usuarios (Figura 182). Figura 182 Modulo de Usuarios Acceder a la pestaña Agregar usuario, e ingresar la información del usuario, como nombre, contraseña, y dejar la cuenta activa. Además indicar a que rol pertenece, como muestra la Figura 183.
186 168 Figura 183 Crear nuevo usuario Guardar la nueva cuenta de usuario. Se puede verificar en la lista de usuarios, como se ve en la Figura 184. Figura 184 Lista de usuarios
187 169 ANEXO 13. CREACIÓN DE LA AGENDA Descargar e instalar los módulos: CCK, Date, Calendar y Views. Referirse al Anexo Instalación de módulos. En el módulo Date, activar: Calendar, Date, Date API y Date Timezone. Acceder a Administrar/Construcción del Sitio/Fecha y Hora. Aquí se deben realizar las configuraciones de zona horaria, y definir qué día se definirá como primer día de la semana, como se ve en la Figura 185. Figura 185 Modulo Fecha y Hora Guardar la configuración. Acceder a Administrar/Administración de contenido/tipos de contenido, para crear el nuevo tipo de contenido que será utilizado para crear los eventos que serán programados en el calendario, como se ve en la Figura 186.
188 170 Figura 186 Administración de contenido Dar clic en la pestaña Nuevo tipo de contenido, e ingresar la información básica que se solicita, como se muestra en la Figura 187. Figura 187 Información básica del tipo de contenido Dar clic en el link manage fields (administrar campos), para definir los campos que serán requeridos para crear contenidos del tipo Evento, como se ve en la Figura 188.
189 171 Figura 188 Administración de los campos del nuevo tipo de contenido En la sección Add (añadir), se creara un nuevo campo para permitir el ingreso de fechas en el tipo de contenido Evento. Ingresar la información del campo como se puede ver en la Figura 189. Figura 189 Información del nuevo campo En la siguiente ventana que se despliega, se puede definir el formato de entrada que se utilizar para la fecha, esta configuración varia en base a las necesidades de cada sitio, para este proyecto de titulación se utiliza la siguiente configuración, como se ve en la Figura 190.
190 172 Figura 190 Configuración del campo evento En la sección Opciones globales, se definen las configuraciones que tendrá el campo Fecha y hora en todos los tipos de contenido en los que se utilice. Para el tipo de contenido Evento, se tiene la configuración que se muestra en la Figura 191. Figura 191 Opciones globales del nuevo campo Para desplegar el calendario, Acceder a Administrar/Construcción del Sitio/Views, como se ve en la Figura 192.
191 173 Figura 192 Ubicación modulo Vistas Ubicar la vista Calendar y habilitarla, como se ve en la Figura 193. Figura 193 Habilitar la vista creada Dar clic en el link Editar, para modificar las propiedades de la vista, como se ve en la Figura 194.
192 174 Figura 194 Propiedades de la Vista La configuración inicial que tiene la vista por omisión se puede ver en la Figura 195. Figura 195 Opciones por defecto de una vista El primer cambio que se debe hacer es en la sección Arguments (Argumentos), para definir principalmente, que fecha se utilizara en la vista. Para realizar las modificaciones dar clic en el link Fecha: Date (node)", como se ve en la Figura 196.
193 175 Figura 196 Edición de los argumentos de la Vista En la parte inferior de la pantalla se despliegan las opciones para la configuración. Como se puede ver en el apartado Date field(s):, viene seleccionada la opción Node update date, como se ve en la Figura 197. Figura 197 Opciones del calendario Esta configuración se debe cambiara debido a que la fecha que se debe utilizar es la que se indica en cada contenido del tipo evento, es decir la fecha en la que se
194 176 realizara cada evento mas no la fecha en la que este se público. Para realizar este cambio se debe seleccionar, Contenido: Fecha y hora (field_fecha_evento) - From date, como se ve en la Figura 198. Figura 198 Campos presentados Guardar la nueva configuración. El siguiente cambio que se debe realizar ese en el apartado Fields (campo), como se ve en la Figura 199, en donde se debe agregar el campo fecha para que esta sea desplegada en la vista. Dar clic en el ícono. Figura 199 Añadir campos en la vista
195 177 En Groups, seleccionar Contenido, como muestra la Figura 200. En la lista que se despliega seleccionar a su vez, Contenido: Fecha y hora (field_fecha_evento) - From date y dar clic en el botón add. Figura 200 Grupos de Campos Para evitar que los eventos que se despliegan en el calendario, incluyan la fecha en la que se realizarán, se va a crear un nuevo tipo de formato en el que únicamente se mostrara la hora en la que se llevara a cabo dicho evento. Acceder a Administrar/Configuración del sitio/fecha y Hora, como se ve en la Figura 201. Figura 201 Configuración de la fecha Dar clic en la pestaña Formats (formatos), la cual se muestra en la Figura 202.
196 178 Figura 202 Formatos de fecha En la sección Add format type, ingresar la información del nuevo tipo de formato, como se muestra en la Figura 203, y guardar la configuración. Figura 203 Nuevo formato de fecha-hora Dar clic en el link Add format, para definir el nuevo formato, como se ve en la Figura 204.
197 179 Figura 204 Definición del nuevo formato En Format string, se debe ingresar la cadena que definirá la información que utilizar el nuevo formato, en este ejemplo se utiliza g:i a, esta desplegara hora: minutos pm o am, como se ve en la Figura 205. Figura 205 Formato de fecha-hora Luego de guardar la configuración anterior, regresamos a la ventana en donde podemos verificar que el nuevo formato ha sido creado, como se puede ver en la Figura 206. Figura 206 Verificación del formato nuevo

References: Artículo 1
 Artículo 7
 artículo 118
 artículo 1
 resolución 
 resolución