Alumno: Director:

Antonio Bernal Baena Iaki Fernndez de Viana y Gonzlez

Diplomatura en Informtica Proyecto Fin de Carrera Convocatoria Septiembre de 2009

2

Este proyecto de fin de carrera ha sido realizado para el Departamento de Tecnologas de la Informacin, por Antonio Javier Bernal Baena. Est sujeto a la licencia acadmica de la Titulacin de Diplomado en Informtica de la Escuela Politcnica Superior de La Rbida (Huelva), y confiere los derechos y obligaciones pertinentes. 2009 Antonio Bernal Baena

3

A mi mujer, sin su apoyo nunca podra haber hecho realidad este reto. A mi padre.

4

INDICE DE CONTENIDOS 1. INTRODUCCION 1.1. CONCEPTOS PREVIOS 1.2. EL PROYECTO 2. PLANIFICACION 2.1. HERRAMIENTAS 2.1.1. Sistemas para la gestin de contenidos 2.1.2. Percepcin del usuario acerca del CMS 2.1.3. Tipos de gestores de contenido 2.1.4. Software libre para gestin de contenidos 2.1.5. Funcionamiento de los CMS 2.1.6. Propuestas y comparacin 2.1.7. Drupal 2.2. METODOLOGIA DE DESARROLLO 2.2.1. Diseo Centrado en el Usuario 2.2.2. Fases del Proyecto 2.3. VIABILIDAD 2.3.1. Viabilidad legal 2.3.2. Viabilidad tecnolgica 2.3.3. Viabilidad econmica 3. ANALISIS DE REQUISITOS 3.1. 3.2. 3.3. 3.4. 3.5. 3.6. ENTREVISTA CON EL CLIENTE EVALUACIN DE OTROS SITIOS WEB PERFIL DE LOS USUARIOS ROLES MISION DEL SITIO OBJETIVOS DEL SITIO 3.6.1. Requisitos del sitio Web para el usuario final 3.6.2. Requisitos del sitio Web para los usuarios con acceso autorizado 10 10 10 12 12 12 13 13 14 18 19 21 24 24 28 32 32 32 33 35 35 35 39 40 41 41 41 43

5

4. DISEO 4.1. 4.2. 4.3. 4.4. INVENTARIO DE CONTENIDOS Y ETIQUETADO DISEO DE LA INFORMACION DISEO VISUAL PROTOTIPADO 4.4.1. Prototipo 1: Pgina principal 4.4.2. Prototipo 2: Docencia. Estudios 4.4.3. Prototipo 3: Docencia. Item titulacin 4.4.4. Prototipo 4: Docencia. Asignaturas 4.4.5. Prototipo 5: Docencia. Item asignaturas 4.4.6. Prototipo 6: Docencia. Tutoras 4.4.7. Prototipo 7: Docencia. Proyectos 4.4.8. Prototipo 8: Investigacin. Grupos 4.4.9. Prototipo 9: Investigacin. Publicaciones 4.4.10. Prototipo 10: Investigacin. Seminarios 4.4.11. Prototipo 11: Personal. Profesores 4.4.12. Prototipo 12: Personal. Item profesor 4.4.13. Prototipo 13: Gestin 4.4.14. Prototipo 14: Media fidelidad. Pgina principal

44 44 50 52 55 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 71 71 74 75 76 77 78 79 79 80 81 86 90 90 91 94 106 109 110 111 112

5. IMPLEMENTACION 5.1. INSTALACION DE DRUPAL 5.1.1.Entornos de usuario y administracin 5.1.2. Traduccin de la interfaz 5.1.3. Configuracin de la fecha y hora 5.1.4. Formato de entrada 5.1.5. Informacin del sitio 5.1.6. URL limpios 5.2. MODULOS 5.2.1. Localizacin e instalacin de mdulos 5.2.2. Instalacin de mdulos contribuidos 5.2.3. Definicin de mdulos 5.2.4. Activacin de mdulos 5.3. DESARROLLO 5.3.1. Componentes del sistema de gestin de contenidos 5.3.2. Men de administracin 5.3.3. Configuracin de mdulos contribuidos generales 5.3.4. Creacin de mens 5.3.5. Creacin de roles 5.3.6. Cuadro resumen de tipos de contenido creados 5.3.7. Cuadro resumen de categoras creadas 5.3.8. Cuadro resumen de vistas creadas

6

5.3.9. Casos de implementacin del inventario de contenidos 5.3.9.1. Estudio del caso: Localizacin 5.3.9.1.1. Configuracin de mdulos 5.3.9.1.2. Creacin de tipos de contenido 5.3.9.1.3. Creacin de elementos de men 5.3.9.1.4. Visibilidad de bloques 5.3.9.1.5. Prototipos de pantalla 5.3.9.2. Estudio del caso: Contacto 5.3.9.2.1. Configuracin de mdulos 5.3.9.2.2. Creacin de elementos de men 5.3.9.2.3. Prototipos de pantalla 5.3.9.3. Estudio del caso: Enlaces 5.3.9.3.1. Configuracin de mdulos 5.3.9.3.2. Creacin de tipos de contenido 5.3.9.3.3. Creacin de categoras 5.3.9.3.4. Creacin de campos 5.3.9.3.5. Creacin de vistas 5.3.9.3.6. Creacin de elementos de men 5.3.9.3.7. Prototipos de pantalla 5.3.9.4. Estudio del caso: Buscar 5.3.9.4.1. Configuracin de mdulos 5.3.9.4.2. Prototipos de pantalla 5.3.9.5. Estudio del caso: Destacados 5.3.9.5.1. Creacin de tipos de contenido 5.3.9.5.2. Creacin de campos 5.3.9.5.3. Creacin de vistas 5.3.9.5.4. Prototipos de pantalla 5.3.9.6. Estudio del caso: Personal 5.3.9.6.1. Configuracin de mdulos 5.3.9.6.2. Creacin de tipos de contenido 5.3.9.6.3. Creacin de categoras 5.3.9.6.4. Creacin de campos 5.3.9.6.5. Creacin de vistas 5.3.9.6.6. Creacin de elementos de men 5.3.9.6.7. Visibilidad de bloques 5.3.9.6.8. Prototipos de pantalla 5.3.9.7. Estudio del caso: Docencia. Estudios 5.3.9.7.1. Creacin de tipos de contenido 5.3.9.7.2. Creacin de categoras 5.3.9.7.3. Creacin de campos 5.3.9.7.4. Creacin de vistas 5.3.9.7.5. Creacin de elementos de men 5.3.9.7.6. Visibilidad de bloques 5.3.9.7.7. Prototipos de pantalla

115 115 115 116 120 121 122 123 124 126 128 129 129 130 131 135 137 140 141 142 142 143 144 144 148 150 154 155 158 159 162 164 167 184 188 189 193 195 196 198 200 209 212 213

7

5.3.9.8. Estudio del caso: Docencia. Asignaturas 5.3.9.8.1. Configuracin de mdulos 5.3.9.8.2. Creacin de tipos de contenido 5.3.9.8.3. Creacin de categoras 5.3.9.8.4. Creacin de campos 5.3.9.8.5. Creacin de vistas 5.3.9.8.6. Creacin de elementos de men 5.3.9.8.7. Visibilidad de bloques 5.3.9.8.8. Prototipos de pantalla 5.3.9.9. Estudio del caso: PFC / Fin de mster 5.3.9.9.1. Creacin de tipos de contenido 5.3.9.9.2. Creacin de categoras 5.3.9.9.3. Creacin de campos 5.3.9.9.4. Creacin de vistas 5.3.9.9.5. Creacin de elementos de men 5.3.9.9.6. Prototipos de pantalla 5.3.9.10. Estudio del caso: Tutoras 5.3.9.10.1. Creacin de vistas 5.3.9.10.2. Creacin de elementos de men 5.3.9.10.3. Prototipos de pantalla 5.3.9.11. Estudio del caso: Investigacin 5.3.9.11.1. Configuracin de mdulos 5.3.9.11.2. Creacin de tipos de contenido 5.3.9.11.3. Creacin de campos 5.3.9.11.4. Creacin de vistas 5.3.9.11.5. Creacin de elementos de men 5.3.9.11.6. Visibilidad de bloques 5.3.9.11.7. Prototipos de pantalla 5.3.9.12. Estudio del caso: Gestin y Calendario 5.3.9.12.1. Configuracin de mdulos 5.3.9.12.2. Creacin de tipos de contenido 5.3.9.12.3. Creacin de categoras 5.3.9.12.4. Creacin de campos 5.3.9.12.5. Creacin de vistas 5.3.9.12.6. Creacin de elementos de men 5.3.9.12.7. Visibilidad de bloques 5.3.9.12.8. Prototipos de pantalla 5.3.9.13. Estudio del caso: Utilidades de los usuarios 5.3.9.13.1. Configuracin de mdulos 5.3.9.14. Estudio del caso: Control de acceso 5.3.9.14.1. Configuracin de mdulos 5.3.9.14.2. Creacin de elementos de men 5.3.9.14.3. Asignacin de permisos

217 219 221 223 225 232 246 247 248 249 250 251 252 255 258 259 260 261 264 265 266 267 268 271 276 282 284 285 288 289 294 296 297 300 310 311 312 313 314 319 320 321 324

8

5.3.10. Tema 5.3.10.1. Tema framebasico 5.3.10.2. Instalacin del tema 5.3.10.3. Mostrar un men de enlaces hacia la UHU 5.3.10.4. Mostrar una galera de imgenes aleatorias 5.3.10.4.1. Configuracin de mdulos 5.3.10.4.2. Creacin de tipos de contenido 5.3.10.4.3. Creacin de campos 5.3.10.4.4. Creacin de vistas 5.3.10.4.5. Visibilidad de bloques 5.3.10.4.6. Prototipos de pantalla 5.4. DISTRIBUCION DEL SITIO 6. EVALUACION

325 327 329 332 334 336 339 340 342 344 345 346 350

6.1. GUIA DE EVALUACION HEURISTICA PARA LA VALIDACION DE LA USABILIDAD DEL SITIO 350 6.1.1. Checklist del sitio Web 352 7. CONCLUSIONES 7.1. MANTENIMIENTO 7.2. EXTENSIONES Y MEJORAS 8. BIBLIOGRAFIA 9. ANEXOS 9.1. MANUAL DE INSTALACION 9.1.1. Introduccin 9.1.2. Requisitos del sistema 9.1.3. Instalacin de Drupal 5 usando cPanel 9.1.4. Instalacin de la distribucin 9.1.5. Actualizacin de la versin de drupal 9.1.6. Actualizacin de la versin de las extensiones 9.1.7. Rendimiento de la instalacin 354 354 355 356 357 357 357 358 359 365 373 376 379

9

9.2. MANUAL DEL USUARIO 9.2.1. Introduccin 9.2.2. Usuario administrador 9.2.3. Definicin de formularios 9.2.4. Permisos de los usuarios del sistema 9.2.5. Roles activos 9.2.6. Alta y edicin de usuarios 9.2.7. Gestin de contenidos 9.2.7.1. Alta de administrador 9.2.7.1.1. Ficha de personal 9.2.7.1.2. Suscripciones 9.2.7.1.3. Otros contenidos del sistema 9.2.7.2. Edicin de administrador 9.2.7.2.1. Ficha de personal 9.2.7.2.2. Otros contenidos del sistema 9.2.7.3. Alta de contenido por otros roles 9.2.7.4. Edicin de contenidos por otros roles 9.2.7.4.1. Ficha de personal 9.2.7.4.2. Datos del usuario 9.2.7.4.3. Suscripciones 9.2.7.4.4. Procedimiento general 9.2.8. Formulario de ficha de personal 9.2.9. Formulario de titulacin 9.2.10. Formulario de asignatura 9.2.11. Formulario de noticias 9.2.12. Formulario de proyecto FC/FM 9.2.13. Formulario de grupo de investigacin 9.2.14. Formulario de seminario 9.2.15. Formulario de comisin permanente 9.2.16. Formulario de consejo de departamento 9.2.17. Formulario de publicaciones 9.2.18. Formulario de destacados 9.2.19. Formulario de Web links 9.2.20. Formulario de imagen portada 9.2.21. Personalizacin del departamento 9.2.21.1. Identificacin del departamento 9.2.21.2. Formulario de pgina esttica 9.2.21.3. Formulario de contacto 9.2.21.4. Modificar categoras

380 380 381 382 383 385 386 390 390 390 391 391 392 392 392 393 394 394 394 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 409 410 411 411

10

1. INTRODUCCION 1.1. CONCEPTOS PREVIOS El proyecto de creacin del nuevo portal Web del Departamento de Tecnologas de la Informacin de la Universidad de Huelva parte de la necesidad que tiene este organismo de actualizar su medio de comunicacin digital. El proyecto pretende, como parte fundamental, establecer un sistema de informacin con la comunidad educativa relacionada con el Departamento, ofreciendo el conocimiento acerca de los diferentes contenidos acadmicos a los diferentes tipos de usuarios que accedan. Durante el desarrollo del proyecto el Departamento ser entendido como nuestro cliente, el cual, bien por decisin propia o a travs de una prospeccin comercial de nuestra empresa ha identificado la necesidad de renovacin de su portal Web. Por tanto desde la fase de Planificacin estamos ya en contacto con nuestro cliente y debemos establecer los canales adecuados para facilitar la comunicacin y la colaboracin. 1.2. EL PROYECTO El proyecto consistir en el diseo de una aplicacin Web para la gestin y organizacin de un departamento universitario personalizando la herramienta Drupal. Disearemos el sitio Web corporativo del Departamento de Tecnologas de la Informacin de la Universidad de Huelva. Vamos a desarrollar un sistema formado por dos mbitos: Sitio Web para el usuario final Sistema de gestin de contenidos para el administrador y otros tipos de usuario con acceso autorizado por el Departamento.

11

Finalmente se entregar una Distribucin del sistema para que pueda ser implantado en los Departamentos de la Universidad de Huelva que as lo requieran. Por tanto el sistema deber ser personalizable para responder a las caractersticas acadmicas de otros departamentos de la Universidad. Efectuaremos la implementacin del producto sobre el sistema de gestin de contenidos Drupal con el objetivo de revisar las posibilidades de desarrollo que ofrece esta herramienta.

12

2. PLANIFICACION 2.1. HERRAMIENTAS Para desarrollar una aplicacin Web se nos plantea la dificultad de elegir una herramienta de desarrollo del portal que nos permita disponer de un soporte que agilice el desarrollo, que permita el crecimiento natural de la Web, que sea extensible, flexible, robusto y seguro y que, adems, cubra las necesidades especficas que esta Web requiere permitiendo cumplir con una metodologa de diseo e implementacin apropiadas. Las caractersticas generales que esta Web deber cumplir son:

Creacin de mens con enlaces internos y externos de forma simplificada Gestin de usuarios organizados por roles o conjuntos de permisos (administradores y otros miembros del portal). Buscador interno con sistema de bsqueda avanzada Formato de contenidos extensible, con la posibilidad de incorporacin de nuevos campos de tipo texto, fecha, categoras, imgenes. Sistema de categoras basadas en taxonomas Editor de texto enriquecido WYSIWYG con filtro de etiquetas HTML Cambio de diseo basado en el sistema de plantillas del gestor

2.1.1. Sistemas para la gestin de contenidos Distinguiremos entre dos vas para gestionar contenidos: 1. Publicarlos en un sistema alojado (ASP) gratuito o de pago, donde residir toda la tecnologa, y sobre el que generaremos, almacenaremos y estructuraremos nuestra informacin. 2. Creacin de un sistema de publicacin propio, en nuestros propios servidores, usando gestores de contenidos comerciales o de software libre. En el primer caso somos usuarios de un servicio de publicacin. En el segundo aplicamos una solucin tecnolgica de gestin de contenidos orientado a la difusin de informacin de todo tipo en Web con cdigo abierto.

13

2.1.2. Percepcin del usuario acerca del CMS Desde el punto de vista del usuario interno: Sistema para gestionar, de forma uniforme, accesible, y cmoda, un sitio Web dinmico, con actualizaciones peridicas, y sobre el que pueden trabajar una o ms personas, cada una de las cuales tiene una funcin determinada. Desde el punto de vista del usuario del Web Sitio Web dinmico, con apariencia e interfaz uniforme, con un diseo centrado en el usuario, y que permite llevar a cabo fcilmente las tareas para las que ha sido diseado. 2.1.3. Tipos de gestores de contenido Generalmente encontramos: Galeras de imgenes y fotos Blogs Aula Virtual Foros

Estn centrados en realizar una tarea. Adems sobre ellos se han desarrollado extensiones que permiten ampliar sus funciones bsicas. Podemos funcionar con varias aplicaciones especializadas, o pensar en usar un gestor de contenidos de propsito general. Una de las tendencias de las tecnologas llamadas Web 2.0 es la posibilidad de encajar piezas de un modo sencillo, piezas de contenidos procedentes de diferentes plataformas. En la Web nos encontramos muchos servicios de publicacin y difusin de contenidos online (ASP, Aplication Server Provider). Se trata de webs que ofrecen la plataforma de publicacin. Son sistemas de puesta en marcha inmediata, y con un nmero reducido de opciones de personalizacin, pero de gran potencia y gran capacidad de convocatoria. Por ejemplo: Blogger, como ASP para publicar blogs. Flickr, como ASP para gestionar fotografas. Youtube, como ASP para compartir videos. Slideshare, como ASP para publicar presentaciones.

14

Nosotros usaremos una plataforma que podemos instalar para gestionar nuestro proyecto individual, y por lo tanto construir con ellas algo diferente, adaptado y potente. Por lo tanto nos exigir: Gestin completa (Servidores, Seguridad, Actualizacin, etc.) Personalizacin visual. Posibilidad de desarrollos especficos, programados por nuestro equipo.

2.1.4. Software libre para gestin de contenidos Bitcoras, Blogs o Weblogs Una bitcora o weblog es una pgina en la que una o varias personas publican artculos. Normalmente usa un CMS sencillo, con una serie de caractersticas comunes: Publicacin y gestin de artculos con edicin de cdigo HTML Posibilidad de adjuntar imgenes a los artculos Organizacin de los contenidos con buscador y categoras Sistema para que los usuarios dejen comentarios y para recibir referencias Sindicacin

Algunos de los sistemas de publicacin de bitcoras ms populares son los siguientes: Wordpress http://wordpress.org/ Muy potente debido a la gran cantidad de funcionalidades aadidas (plugins), as como a los muchsimos temas (plantillas de presentacin y hojas de estilos) que desarrollan los propios usuarios. Textpattern http://textpattern.com/ Tambin tiene plugins y temas, y, aunque aprender a utilizarlo es un poco ms complejo, usa un sistema muy potente de edicin de las pginas, y su propio lenguaje, Textile, para el formato de los artculos.

15

Portales Un portal est formado por una o varias secciones donde se publican noticias o se actualiza el contenido peridicamente. Son un tipo de CMS mucho ms heterogneos que los weblogs, algunas de sus principales caractersticas son: Gestin de las secciones con contenido dinmico Gestin de pginas estticas Gestin de usuarios y permisos Organizacin de los contenidos con buscador y categoras Tambin pueden proporcionar medios para que los participen: o Sistemas de comentarios de las noticias o Foros

usuarios

Algunos de los sistemas para construir portales ms populares son los siguientes: Joomla http://www.joomla.org/ Permite gestionar un sitio creando pginas estticas, secciones dinmicas, permitiendo adjuntar documentos y con varios niveles de usuarios con distintos permisos. Joomla es la nueva identidad de Mambo, recientemente liberada. Drupal http://drupal.org/ Ms enfocado a crear comunidad y a propiciar la participacin de usuarios, adems de organizar la estructura y contenido del sitio, ofrece foros y sistema de comentarios con weblogs incorporados. Spip http://www.spip.net/ Especialmente recomendado para publicaciones tales como revistas o diarios en lnea, tambin ofrece la tpica clasificacin en secciones y mucha flexibilidad en la creacin de diferentes tipos de pgina y presentacin de la informacin. CMS Made Simple http://www.cmsmadesimple.org/ Publicacin sencilla, por secciones. OpenCMS http://www.opencms.org/ Tiene un alto crecimiento en entornos corporativos (Se basa en Java y J2EE).

16

Foros PHP BB http://www.phpbb.com/ El sistema ms popular de gestin de foros. Cuenta con muchsimas caractersticas (avatares, mensajera privada...). PUN BB http://www.punbb.org/ Sistema tambin muy completo que adems respeta los estndares y cuenta con mltiples plugins que le aportan nuevas funcionalidades, de forma que se pone incluso a la altura de PHP BB. Simple Machines http://www.simplemachines.org/ Muchas funcionalidades y buen rendimiento Wikis Pginas que cualquier visitante puede editar, creando as una aplicacin colaborativa, generalmente para construir una base de conocimiento sobre un tema en concreto. Media Wiki http://www.mediawiki.org/wiki/MediaWiki Tiki Wiki http://info.tikiwiki.org/tiki-index.php

E-learning Cursos por Internet. Sistemas para realizar exmenes, tutoras... Moodle http://moodle.org/

Galeras de fotos Zen Photo http://www.zenphoto.org/ Gallery http://gallery.menalto.com/ Coppermine http://coppermine-gallery.net/

E-Commerce OS Commerce http://www.oscommerce.com/

Drupal permite integrarse con Os Commerce, Gallery, hacer foros, hacer blogs y gestionar contenidos al estilo Wiki.

17

ECM: Gestin de contenidos en el mbito empresarial La AIIM (asociacin para ayudar a las organizaciones a gestionar su informacin, http://www.aiim.org) ofreci en 2003 una sencilla definicin de la gestin de contenidos empresariales (ECM: Enterprise Content Management): Las tecnologas utilizadas para capturar, gestionar, guardar, entregar y conservar la informacin que sustentan los procesos de negocio. Uno de los elementos clave de este tipo de aplicaciones es la integracin. Con la integracin de funciones de captura, gestin de documentos entrantes, archivado electrnico, gestin del ciclo de vida de la informacin, gestin documental, flujo de trabajo, gestin de proceso de negocios y gestin del conocimiento, se aumenta el valor aadido del conjunto para satisfacer las exigencias corporativas de productividad y rentabilidad. CMS-Watch, http://www.cmswatch.com/, edita unos informes que analizan este mercado, en las siguientes categoras, entre otras: Web Content Management Trends Enterprise Portals Trends ECM Trends Web Analytics Trends Enterprise Search Trends.

Las principales plataformas ECMS analizadas son: Alfresco: Alfresco ECM Documentum (EMC): Documentum 5.3 (D5) Hyland Software, Inc.: OnBase IBM: FileNet P8 Platform Interwoven: ECM Solutions Microsoft: Microsoft Office SharePoint Server 2007 Open Text: LiveLink ECM Oracle: Stellent Universal Content Management 7.5 Vignette: V7 ECM Suite Xerox: DocuShare 5.0

18

La lista de plataformas opensource que se analizan en el mbito de los gestores de contenidos Web (WCMS) es: Alfresco: Alfresco WCM Drupal: Drupal eZ Systems: eZ publish (European Edition only) Joomla Project: Joomla! Magnolia: Magnolia CMS Midgard Project: Midgard (European Edition only) OpenCms: OpenCms Plone: Plone CMS TYPO3

En el mbito de software comercial, comparan: Documentum (EMC): Documentum Web Content Management IBM: Workplace WCM Interwoven: TeamSite Oracle: Stellent Web Content Management RedDot (Open Text): RedDot CMS Vignette: V7 Content Management

2.1.5. Funcionamiento de los CMS Un CMS separa y conecta los niveles de: Presentacin visual: incluye todo lo que forma el estilo, estructura y disposicin de la pgina: archivos HTML, hojas de estilo, imgenes decorativas... Contenido: incluye todo lo que los autores publican en la pgina para darlo a conocer: textos, fotografas, vdeos... Estructura: Permite decidir los tipos de categorizacin para cada tipo de contenido, graduar el acceso, crear zonas temticas, las relaciones entre contenido. Acceso: Control de quin y qu puede publicar, qu contenidos pueden verse segn tipos de usuarios.

Por "Separa" entendemos que permite una gestin independiente, y por "Conecta" entendemos que permite ponerlos en relacin. Un CMS es un entorno dinmico en el que la informacin se almacena en una base de datos, y se presenta a travs del navegador en pginas generadas en un lenguaje de programacin (PHP, JSP, ASP, Perl...) que ejecutan un programa en nuestro servidor.

19

Una de las bases de la potencia es el control separado del contenido mediante plantillas para la visualizacin; con aplicaciones que: Utilizan bases de datos para permitir que la actualizacin de la Web se realice a travs de sencillos formularios que actualizan plantillas estandarizadas. Reduce la complejidad del conocimiento tcnico para aportar contenidos. Ofrecen servicios complementarios muy diversos: Foros de discusin, gestin de usuarios, etc.

Son bastante flexibles para adaptarse a las necesidades concretas de una publicacin digital compleja. 2.1.6. Propuestas y comparacin Drupal y WordPress En WordPress 2.x incorpora preinstalado un editor visual. En Drupal hay que instalar y configurar extensiones para esa operacin tan sencilla. En WordPress tienes cientos de plantillas visuales para elegir y empezar. Las plantillas de Drupal son menos y peores. La gestin de permisos y roles de Drupal es mucho ms avanzada y granular que la de WordPress. En WordPress tienes un tipo de contenido principal (el post) y dos complementarios (pginas y enlaces), mientras Drupal desarrolla toda una plataforma para definir contenidos estructurados. WordPress trabaja con plantillas sencillas con PHP y Drupal tambin. La traduccin de Drupal es ms minuciosa y profunda que lo que se aprecia en WordPress, realizada y soportada por Drupal Hispano, http://www.drupal.org.es/. Drupal posee cientos de extensiones que aportan multitud de posibilidades para la implementacin de un sitio Web para una organizacin.

20

Drupal y Joomla Joomla: Muy fcil de instalar y de utilizar con muchas extensiones y mdulos. La documentacin es exhaustiva y concisa. La interfaz del administrador es intuitiva y potente. La administracin tiene mucha usabilidad y el editor visual de contenido es bueno. Parece que escala bien y proporciona muchas opciones de personalizacin. Posee una comunidad amplia y activa.

Drupal: Lleva ya bastante tiempo en activo, es estable y tiene un vigoroso desarrollo. Posee un buen cdigo, dispone de un sistema granular de permisos y se preocupa por la seguridad. La configuracin es rapidsima. Tiene cientos de mdulos que extienden su funcionalidad. Cuenta con una documentacin excepcional y con una comunidad muy activa y abierta.

Conclusin Tanto WordPress como Joomla presentan una menor potencia frente a Drupal en dos aspectos bsicos para nuestro proyecto: Aplicacin y gestin de los permisos de usuarios y grupos. Posibilidad de extender fcilmente los servicios del portal (mdulos contribuidos) para dar respuesta a los requerimientos de nuestro cliente.

Para cerrar la evaluacin de propuestas y tomar la decisin final de uso de Drupal como herramienta de desarrollo frente a otras existentes en el mercado tambin hemos tenido en cuenta la serie de evaluaciones y recomendaciones realizadas por Weitzman, Lewis-Bowen, y Evanchik (2006), ingenieros senior de software de IBM, quienes en busca de una solucin para un Sistema de Gestin de Contenidos, realizaron una completa evaluacin comparativa entre las diversas soluciones de CMS. Los mencionados ingenieros escogieron Drupal. Fuente: http://www.ibm.com/developerworks/ibm/library/i-osource1/

21

2.1.7. Drupal El CMS elegido para el desarrollo ha sido el sistema opensource Drupal, escrito en PHP y distribuido bajo licencia GPL (GNU General Public License) que, adems de cumplir con los objetivos y requisitos propuestos, es uno de los gestores con ms soporte por su comunidad de usuarios y por los profesionales del medio. Este CMS ir conectado a una base de datos donde se alojar el contenido del sitio que mantendr totalmente separado el diseo del mismo. El sistema de gestin de base de datos usado ser MySQL, sobre el servidor de aplicaciones Web Apache. Actualmente existen dos versiones estables de Drupal y una en desarrollo. Las versiones estables son la v6.x y la 5.x (con la x se indica la ltima liberacin de las versiones 5 y 6 hasta el momento). Aunque la filosofa de la comunidad de desarrollo es mantener al mximo la compatibilidad entre versiones, existen diferencias entre ambas. Cabra pensar que la eleccin de la versin 6 es la ms apropiada, pero el ritmo lento de adaptacin de los mdulos ms populares a estas diferencias y la lentitud en las traducciones a otros idiomas, provoca que en la decisin deban considerarse otras opciones. Primero, debemos valorar la importancia que tiene que la interfaz de administracin est traducida totalmente a nuestro idioma, no slo por una cuestin de usabilidad sino de eficacia. Por otra parte, no podemos permitirnos necesitar un mdulo y que ste an no tenga una versin 6.x lista para instalar. La versin elegida ser la 5.19 (la ltima revisin hasta la fecha). Las razones son obvias: es una versin estable, completa, a la que no se aadirn cambios en el core que no sean actualizaciones de seguridad, es decir, no cambiarn funcionalidades bsicas, lo que nos hace pensar en un mantenimiento ms fcil. La versin 5.x es ya veterana, y tiene un amplio soporte desde que se liberara a finales de 2006. Tiene versiones estables y ampliamente contrastadas para todos sus mdulos contribuidos esenciales como puedan ser CCK y Views.

22

Introduccin a Drupal Dries Buytaert, un informtico belga y autor original de Drupal, comenz a desarrollar un gestor de contenidos para pginas dinmicas en el ao 2000. El sistema pretenda dar soporte a una comunidad weblog, la cual Dries quiso llamar Dorp (pueblo en holands). Al comprobar la disponibilidad del dominio dorp.org, Dries tecle mal e introdujo drop.org en su lugar. Le gust tanto el nombre que decidi registrar el dominio drop.org y renombrar su CMS como Drupal. (Drupal es la pronunciacin en ingls de la palabra gota en holands, Druppel). Nueve aos ms tarde, Drupal ha crecido hasta convertirse en un gestor de contenido maduro y flexible, con cientos de desarrolladores trabajando en sus mejoras y extensiones. Con Drupal podemos construir casi cualquier tipo de Web, definiendo tipos de contenidos estructurados, permisos, sistema de registro de usuarios, sistemas de categorizacin y aplicando una combinacin personalizada de mdulos complementarios. Los Contenidos son la pieza fundamental de Drupal. Tiene un enfoque estructurado, que permite definir tipos de contenidos diferentes, sobre los que se podrn aplicar diferentes permisos, flujos de publicacin, categoras y listados. La unidad de contenido es el nodo, que inicialmente permite texto como en un blog, pero que se amplia mediante dos vas fundamentales: Mdulos contribuidos y Mdulo CCK. Los contenidos podrn trabajar con texto enriquecido, tener comentarios, aceptar anexos, tener control de revisiones y generan salidas RSS. Adems pueden estructurarse formando libros (captulos y subcaptulos). La organizacin de informacin se realiza fundamentalmente a travs del potente sistema de categoras. Se definen vocabularios con trminos controlados (con jerarqua o no) o etiquetado libre. Para cada contenido se indicar qu vocabulario o vocabularios se le pueden aplicar, y si son opcionales u obligatorios. Las categoras permiten una navegacin por diferentes tipos de contenidos vinculados por su pertenencia a un mismo dominio temtico. Adems, los contenidos pueden adoptar una estructura jerrquica convencional a travs del sistema de mens, y la pgina Web se estructura en bloques que se sitan en zonas segn la plantilla o tema usado (dos o tres columnas, cabecera, pie, etc.).

23

Ofrece una gestin de usuarios avanzada, en la que podremos generar un sistema abierto de alta de usuarios, o cerrado o moderado. Los usuarios se agrupan en roles, que permiten manejar los privilegios para cada una de las funcionalidades y mdulos. Cada mdulo de Drupal ofrece sus propias opciones de permisos, que se aplican por roles. En cuanto a la personalizacin de la presentacin, se usan las plantillas o Temas. Cada tema se compone de unas pocas plantillas que definen la visualizacin especfica de nodos, bloques y pgina general, aplicando hojas de estilo CSS.

24

2.2. METODOLOGIA DE DESARROLLO 2.2.1. Diseo Centrado en el Usuario Principios del Diseo Centrado en el Usuario El Diseo Centrado en el Usuario de sistemas interactivos puede regirse por muchos y muy diversos principios. A continuacin, se presenta una serie bsica de dichos principios: Diseo para los usuarios y sus tareas. Consistencia. Dilogo simple y natural. Reduccin del esfuerzo mental del usuario. Proporcionar realimentacin adecuada. Proporcionar mecanismos de navegacin adecuados. Dejar que el usuario dirija la navegacin. Presentar informacin clara. El sistema debe ser amigable. Reducir el nmero de errores. Human-centred design processes for interactive

ISO 13407: systems

El estndar ISO 13407 constituye un marco que sirve de gua para conseguir el desarrollo de sistemas interactivos usables incorporando el DCU durante el ciclo de vida del desarrollo. El estndar describe las siguientes cuatro actividades que se necesitan desde un principio: a) Entender y especificar el contexto de uso. b) Especificar los requisitos de los usuarios y organizativos. c) Produccin de soluciones de diseo. d) Evaluar los diseos confrontndolos con los requisitos.

25

Y la naturaleza iterativa de estas actividades est ilustrada en la siguiente figura:

El proceso implica iterar hasta satisfacer los objetivos marcados, para lo que ISO 13407 describe los principios bsicos sin estipular mtodos especficos. La secuencia de realizacin o seguimiento de las actividades y el nivel de esfuerzo y detalle apropiado a cada proyecto vara dependiendo del entorno de diseo y el estado del proceso del mismo.

26

Los elementos de la Experiencia de Usuario Jesse James Garrett, en su libro The elements of user experience define una gua a seguir para el diseo Web centrado en el usuario. El esquema que se muestra a continuacin es un resumen de los principios expresados en su libro:

27

Existen una serie de mtodos especficos desarrollados para llevar a cabo las distintas fases de un diseo Web centrado en el usuario. En la Web oficial de UsabilityNet, (un proyecto financiado por la Unin Europea para proporcionar recursos y la creacin de redes de profesionales de la usabilidad, directores y proyectos de la UE) podemos encontrar una utilidad que nos provee de una Tabla de Mtodos a aplicar en cada una de las fases que contempla, dependiendo de factores como tiempo disponible, recursos, etc.

Fuente: http://www.usabilitynet.org/tools/methods.htm

28

2.2.2. Fases del Proyecto El proyecto presenta tres condicionantes que debemos tener en cuenta para la determinacin de las Fases del mismo, as como del tiempo del que podremos disponer para la ejecucin de cada una: No tendremos acceso directo a los usuarios finales del sistema, fundamentalmente a aquellos que son annimos. Disponemos de un tiempo limitado para la entrega del Sitio Web: 30 das laborales / 240 horas. El proyecto se llevar a cabo por una sola persona que deber de dar solucin a las tareas requeridas por cada fase del mismo.

Efectuamos una adaptacin de las distintas disciplinas englobadas por la metodologa del Diseo Centrado en el Usuario en respuesta a los condicionantes que tenemos.

29

El siguiente diagrama integra las etapas del proyecto:

30

Como indica el diagrama, las fases de Anlisis de requisitos y de Diseo son cclicas e iterativas. Esto quiere decir que todo lo que se disee debe ser contrastado con el cliente y comprobar que se cie a los resultados del anlisis de requisitos. Las fases de Implementacin y de Evaluacin sern igualmente cclicas e iterativas hasta que el proceso quede completado con la fase de Documentacin de la aplicacin en donde se realizar la documentacin entregable al cliente y el Lanzamiento del Sitio, es decir, la puesta en explotacin del sistema hacia la audiencia. Asignacin de tiempos La siguiente tabla muestra la estimacin de tiempo en base a das que podemos asignar a cada fase del proyecto.

Fases Planificacin Anlisis de requisitos Diseo Implementacin Evaluacin Documentacin de la aplicacin Total

Tiempo (das) 2 3 5 15 2 3 30

Utilizaremos un diagrama de Gantt con el objetivo de mostrar el tiempo de dedicacin previsto para las diferentes fases del proyecto a lo largo del tiempo total que se ha determinado consistente en 30 das laborales. Mostraremos dos variedades del mismo diagrama para visualizar mejor las etapas a desarrollar en base a los das y a una vista global del mes de trabajo. Estas fechas han sido previamente consensuadas con el cliente a fin de cumplir con los plazos de colaboracin necesaria para el avance del proyecto, fundamentalmente en las etapas preliminares a la propia implementacin del sistema.

31

Diagrama de Gantt con vista mensual:

Diagrama de Gantt con vista diaria:

32

2.3. VIABILIDAD 2.3.1. Viabilidad legal Drupal se distribuye bajo la licencia GNU General Public License (GPL), y por lo tanto es software libre. 2.3.2. Viabilidad tecnolgica Los requerimientos mnimos y recomendaciones para un sistema que soporte Drupal son: Servidor Web Apache PHP Servidor de Bases de Datos MySQL

Con la finalidad de que el cliente pueda conocer en tiempo real el estatus del proyecto y facilitar la colaboracin del mismo durante su desarrollo contrataremos un servicio de hosting para alojar el sitio Web objeto del proyecto, tomando todas las precauciones necesarias para protegerla de los buscadores hasta su lanzamiento. Contrataremos un dominio y el servicio deber de disponer de varias cuentas independientes para poder efectuar pruebas en remoto. Instalaremos Drupal a travs de la utilidad cPanel a tal efecto. Estas informaciones quedarn ampliadas en la documentacin que ser aportada con la aplicacin. Una vez finalizado el proyecto se cancelarn las cuentas y el dominio que fueron contratados para su ejecucin, alojando el cliente la aplicacin en sus propios servidores u otros recursos que considere oportunos.

33

2.3.3. Viabilidad econmica Estimacin de RR.HH. componentes del equipo de desarrollo Web Ejecutivo de cuentas Arquitecto de informacin Consultor de usabilidad Diseador grfico Analista-programador

Podramos incluir otras figuras como director de proyecto, especialista en bases de datos, etc. Estimacin de costes de produccin Personal: salario bruto anual estimado por persona componente del equipo igual a 24.000 equivalentes a 11,90 /hora laboral sobre un promedio de 21 das laborales mensuales con 8 horas de trabajo diarias (contemplamos 12 meses incluyendo el coste de vacaciones).

En nuestro proyecto participa una sola persona que realiza las cinco funciones bsicas estimadas, por tanto el coste de la hora de esta nica persona debera de ser la suma de las capacidades y desempeos de todo un equipo: 11,90 * 5 = 59,5 /hora Otras estimaciones de costes de produccin en base mensual:

Recurso Alquiler de oficina Luz Telfono Alquiler del servicio hosting multicuenta Alquiler de dominio Total otros costes del proyecto

Coste mensual 700 80 30 29 10,44 /ao 849,44

Desestimamos los siguientes costes: Seguros e impuestos Recursos hardware Recursos software (en todo caso Drupal es software libre cuya licencia por tanto es gratuita).

34

Resultado:

Componente 240 horas de trabajo x 59,5 /hora Otros costes estimados Total

Coste 14.280 849,44 15.129,44

Estimacin del precio final al cliente Hoy en da un producto hardware de consumo flucta en unos mrgenes comerciales que pueden ir del 5% al 15% de promedio. El proyecto incluye una Distribucin libre de la aplicacin que puede ser instalada en otros Departamentos de la Universidad cuya potencialidad como clientes bajara en este sentido. El margen comercial a aplicar no debera ser menor del 25%. Resultado:Componente Estimacin de costes de produccin 25% de margen comercial Subtotal 16% I.V.A. Total Precio 15.129,44 3.782,36 18.911,80 3.025,89 21.937,69

Precio final al cliente I.V.A. incluido 21.937,69

Contrato de mantenimiento Una accin futura para la figura del ejecutivo de cuentas podra consistir en la negociacin de un contrato de mantenimiento para la aplicacin con los diversos Departamentos que la instalen.

35

3. ANALISIS DE REQUISITOS 3.1. ENTREVISTA CON EL CLIENTE Identificamos el interlocutor vlido del Departamento; ser la persona que actuar como facilitador durante el desarrollo del proyecto y con quin deberemos estar en contacto de forma continuada en todas sus fases. Puede tratarse de una o varias personas; en nuestro caso estableceremos que se trata de una sola y que acta como representante de los decisores finales, filtrando la informacin y colaborando activamente en la definicin de la misin y los objetivos del sitio Web. 3.2. EVALUACION DE OTROS SITIOS WEB Una de las tcnicas utilizadas en la ejecucin de proyectos relacionados con la elaboracin de sitios Web consiste en la evaluacin de productos similares al que vamos a desarrollar, con el fin de identificar sus caractersticas y facilitar la toma de decisiones por parte del cliente en cuanto a sus propios requerimientos. Muestra externa Tomamos como muestra dos departamentos universitarios, uno de la Universidad de Sevilla y otro de la Universidad de Granada. Los aspectos que se consideraron ms apropiados para evaluar en este caso fueron los referentes a la estructura del sitio, organizacin de contenidos y navegacin.

36

Fuente: http://www.lsi.us.es/

Fuente: http://decsai.ugr.es/

37

Diagramamos en papel el mapa del sitio y situamos las etiquetas de contenidos. Posteriormente se presentaron estos diagramas a nuestro cliente con el fin de concretar los primeros contenidos de nuestro portal. Ejemplo del diagramado en papel:

38

Muestra interna Hemos usado el portal Web de la Universidad de Huelva como muestra final en donde hemos encontrado los recursos necesarios para: 1. Obtener los datos precisos para la definicin del look & feel de nuestro sitio.

Fuente: http://www.uhu.es/sevirtual/ 2. Obtener la documentacin oficial en base a la cual estructurar: El Personal del departamento

Fuente: http://www.uhu.es/sec.general/Normativa/Normativa.htm La Oferta Acadmica del departamento

Fuente: http://www.uhu.es/estudios/ofertaacademica/ofertaacademica.htm

39

3.3 PERFIL DE LOS USUARIOS Dentro del proceso de la metodologa del Diseo Centrado en el Usuario existe un aspecto necesario: establecer los perfiles de uso de modo que toda la actividad que se lleve a cabo est dirigida por los usuarios tipo que se identifiquen, para dar respuesta a sus necesidades reales. Esto puede hacerse mediante estudios etnogrficos de forma analtica o entrevista con los distintos usuarios de forma experimental; en este sentido tambin se puede usar el mtodo de encuesta. Estos mtodos estarn condicionados por los medios econmicos y el periodo de tiempo con los que se cuente desde el inicio hasta la finalizacin del proyecto. En este caso debemos tener en cuenta el factor tiempo, que es reducido, as que procedemos a adaptar la tcnica conocida como personas en donde definiramos arquetipos de usuarios que representen patrones de conducta, objetivo y necesidades, y procedemos a una definicin directa de perfiles con la ayuda de nuestro facilitador durante el proceso de entrevista y el anlisis de la comunidad universitaria. Teniendo en cuenta a los tipos de personas que atiende la Universidad de Huelva como institucin de educacin superior, se han determinado, en base a las diversas necesidades de informacin y tareas que pueden realizar en el sitio Web del Departamento de Tecnologas de la Informacin en particular y en un Departamento Universitario en general los siguientes grupos de usuarios: Aspirantes a estudiantes de educacin superior de las ramas de la oferta acadmica de la Universidad de Huelva en las que el Departamento imparte sus asignaturas. Estudiantes adscritos a otras carreras sin relacin con las que imparte el Departamento. Estudiantes adscritos a los estudios que imparte el Departamento. Personal docente del Departamento. Personal administrativo del Departamento.

40

3.4. ROLES Del estudio de los distintos perfiles de los usuarios extraemos una definicin de roles del sistema que posteriormente nos servir para clasificar los objetivos del sitio tanto como Web que es visitada por cualquier tipo de usuario como sistema de gestin de contenidos. Usuario annimo: Por definicin ser el grupo de usuarios que no tendr acceso identificado al sistema. Fundamentalmente estar compuesto por el alumnado en general y cualquier persona no incluida en el personal del departamento. Estudiante: persona matriculada en cualquiera de las titulaciones universitarias o que pretende cursar alguna de las ofertas acadmicas.

-

Usuario identificado: Por definicin un usuario identificado tendr acceso al sistema y cierta responsabilidad en la gestin de sus contenidos. Profesor del departamento: persona encargada de ensear o ejercer una disciplina dentro del grupo de formacin universitario. Incluye: Director del departamento Secretario del departamento Administrador del sistema: persona encargada de gestionar la Web, su contenido y su funcionamiento. Administrativos del departamento. Becarios adscritos al departamento. Estudiantes pertenecientes al Consejo de Departamento.

41

3.5. MISION DEL SITIO El sitio Web del Departamento de Tecnologas de la Informacin de la Universidad de Huelva facilitar a los usuarios, tanto internos como externos, el acceso a la informacin corporativa y a los servicios acadmicos que ofrece la entidad. El personal adscrito al Departamento gestionar en base a sus distintos niveles de responsabilidad la informacin que se presente a la audiencia del sitio. 3.6. OBJETIVOS DEL SITIO De la informacin recabada de la entrevista con el profesor representante del departamento as como del estudio del perfil de los usuarios y su agrupacin en roles obtenemos el conjunto de requisitos que debe de cumplir el sitio Web. 3.6.1. Requisitos del sitio Web para el usuario final La relacin de estos requisitos se establece en base a la visin de los usuarios finales del Web, entendiendo que agrupa tanto al conjunto de usuarios annimos como a los distintos roles que componen el grupo de usuarios identificados. Consistencia corporativa en el look & feel del sitio. Localizacin: se incluir un apartado con un mapa tipo Google que reflejar la direccin y coordenadas GPS de la ubicacin del departamento. Contacto: datos de contacto telefnico, fax, correo as como un formulario electrnico. Existir un formulario electrnico general del departamento y uno para cada uno de sus componentes a fin de que cualquier usuario annimo pueda dirigirse en particular a cualquier miembro del departamento. Se incluir un control anti-spam. Enlaces: utilidad de enlaces a favoritos del departamento. Bsqueda: se situar un buscador en la pgina inicial del sitio as como en diversas pginas de contenido. Calendario del departamento: incorporar las convocatorias de comisiones y consejos, as como las fechas de los seminarios que se impartan. En este punto el rol secretario deber disponer de una utilidad para la distribucin electrnica de las convocatorias. Personal: informacin acadmica de los distintos usuarios que componen el departamento, incluyendo el rea del mismo al que pertenecen, su rol acadmico y los rganos de gobierno a los que puedan pertenecer dentro de la estructura del departamento.

-

-

42

Adicionalmente la ficha individual de personal de cada profesor deber de presentar la siguiente informacin: - Asignaturas que imparte - Grupos de investigacin a los que pertenece - Proyectos fin de carrera o de mster que coordina Titulacin: se desglosarn las carreras de la Universidad de Huelva en las que el departamento imparte las distintas asignaturas agrupando los estudios de forma que se tenga en cuenta los actuales de primer y segundo ciclo, el Espacio Europeo de Educacin Superior, as como los masters oficiales y formacin permanente relacionada o impartida por el profesorado del departamento. Adicionalmente deber incluirse el listado de asignaturas que imparte el departamento en cada una de las titulaciones. Asignaturas: relacin de asignaturas impartidas por el departamento en base al conjunto de titulaciones as como de otros estudios contemplados. Se ordenarn por ao acadmico y sern diferenciadas por rea. Noticias: utilidad de noticias del departamento. As mismo los profesores dispondrn de la posibilidad de generar noticias referentes a las asignaturas que se imparten. Noticias destacadas: formarn parte de la pgina principal de la Web. Proyectos fin de carrera o fin de mster: oferta de proyectos que coordinen los distintos profesores del departamento. Debe reflejar el estatus del proyecto, fundamentalmente su disponibilidad. Tutoras: informacin sobre horarios y despachos para las tutoras del alumnado. Grupo de investigacin: relacin de grupos de investigacin compuestos por profesores del departamento. Publicaciones: bibliografa recomendada por el profesorado del departamento. Existir una informacin general bibliogrfica as como la posibilidad de concretarla en las asignaturas particulares. Seminario: informacin relacionada con seminarios que imparta el departamento o inclusin de aquellos que por su relevancia acadmica se estimen oportunos. Cualquier contenido podr incorporar un PDF como gua que pueda ser fcilmente descargable por el usuario. As mismo la presentacin de las fichas de los contenidos: titulaciones, asignaturas, personal, etc. deber incorporar una utilidad de impresin, envo por correo electrnico o descarga en formato PDF a voluntad del usuario de la Web.

-

-

43

3.6.2. Requisitos del sitio Web para los usuarios con acceso autorizado La relacin de estos requisitos se establece en base a la visin de los usuarios identificados del Web como sistema de gestin de contenidos en donde cada uno de los roles podr ejecutar una serie de acciones dependiendo de los permisos que le hayan sido adjudicados por el administrador del sistema. Con el fin de clarificar los distintos requisitos establecemos la siguiente tabla:

Acceso identificado de los Usuarios Permisos del usuario ProfesoresEditar su propia ficha de personal Editar su propia asignatura Crear y Editar su propio Proyecto FC/FM Crear y Editar sus propias Noticias Editar Grupo de Investigacin Crear y Editar su propio Seminario Crear y Editar Comisin Permanente Crear y Editar Consejo de Departamento Crear y Editar Destacados Crear y Editar Publicaciones Crear y Editar Enlaces Suscripcin por mail a convocatorias

Director

Secretario

Estudiantes

PAS

El usuario administrador del sistema dispone de todos los privilegios para la administracin del Portal, sus principales responsabilidades sern: Configuracin de la plataforma personalizando las reas de contenidos que se precisen Actualizacin de los contenidos de la Web Gestin de altas y bajas de usuarios Control de acceso a las zonas pblicas y privadas de la Web Actualizacin del software del CMS

44

4. DISEO 4.1. INVENTARIO DE CONTENIDOS Y ETIQUETADO De acuerdo a los resultados obtenidos en la fase de Anlisis de Requisitos se propone una estructura de organizacin de contenidos y se establece el siguiente sistema de organizacin para el sitio Web del Departamento. Representaremos as mismo el etiquetado tanto de los distintos mens y elementos de men como de los campos que componen las fichas de contenido que se presentan al usuario cuando ste accede a uno de los tems representados como vista de tabla o como vista de lista de elementos. Las etiquetas las rotularemos en azul para su mejor identificacin en la tabla.

45

Men

Elemento del men

Presentacin de la informacin al usuarioLista de Destacados

Ficha de Contenido que se presenta al usuarioFicha de contenido Destacados: Titular Texto Imagen Ficha de contenido Noticias: Ttulo Asignatura de referencia Cuerpo

Destacados 2 tems. Lista de Noticias Noticias 5 tems. Accesos: Universidad de Huelva Rectorado Servicios Centros Logotipo de la Universidad de Huelva con imgenes de portada aleatorias. Dichas imgenes sern personalizables por el administrador. Los accesos redirigirn al usuario al portal de la Universidad de Huelva. Mapa Google

Ficha de contenido Localizacin

Localizacin Formulario de contacto con el Departamento Tabla de Enlaces: Web Descripcin Enlaces *Buscar por texto *Categora Ficha de contenido Contacto

Contacto

Ficha de contenido Web Links: Link Name URL Web Links: Boletines Oficiales, Instituciones Acadmicas, Prensa, Publicaciones cientficas o Sociedades cientficas. Descripcin del sitio Ficha de contenido Noticias: Ttulo Asignatura de referencia Cuerpo

Lista de Noticias Noticias Todas las noticias

Acceso Identificado

Iniciar sesin o Solicitar nueva contrasea Buscador

Buscar Vista mensual Calendario Imagen Calendario Anotaciones del Calendario: Seminarios Comisiones Permanentes Consejos de Departamento Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Licenciatura, Diplomatura, Ingeniera, Ingeniera Tcnica), Cdigo, Descripcin de los estudios, Gua docente, Web.

Tabla de Licenciatura + Diplomatura + Ingeniera + Ingeniera Tcnica: Titulacin Cdigo Oferta Acadmica Estudios 1 y 2 Ciclo

Docencia

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico

46

Tabla de Grado + Posgrado-Mster + Posgrado-Doctorado: Titulacin Cdigo Oferta Acadmica EEES

Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Grado, Posgrado-Mster, PosgradoDoctorado), Cdigo, Descripcin de los estudios, Gua docente, Web.

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Mster Oficial), Cdigo, Descripcin de los estudios, Gua docente, Web.

Tabla de Mster Oficial: Titulacin Cdigo Oferta Acadmica Mster Oficial

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Curso, Ttulo de Experto, Mster), Cdigo, Descripcin de los estudios, Gua docente, Web.

Tabla de Curso + Ttulo de Experto + Mster: Titulacin Cdigo Oferta Acadmica

Formacin Permanente

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico Ficha de contenido Asignatura: Nombre de la asignatura, Cdigo de la asignatura, Titulacin, Crditos, Ao Acadmico (2009/2010, 2010/2011, 2011/2012), Curso / Cuatrimestre (Primero, Segundo, Tercero, Cuarto, Quinto ), rea (CCIA, LSI) , Coordinador, Acceso para el coordinador, Profesores de la asignatura, Descriptores de la asignatura, Gua docente, Web, Bibliografa recomendada.

Tabla de Asignaturas Impartidas: Asignatura Coordinador Ao Acadmico *Bsqueda por texto *reas

Asignaturas

Lista de Noticias de la asignatura Tabla de Tutoras: Tutoras Profesor Horario Despacho Tabla de Proyectos FC/FM: Ttulo del proyecto Coordinador Disponibilidad PFC/Fin Mster

Ficha de contenido Proyecto FC/FM: Ttulo, Cdigo del proyecto, Crditos, Titulacin, Ao Acadmico (2009/2010, 2010/2011, 2011/2012), Curso / Cuatrimestre (Primero, Segundo, Tercero, Cuarto, Quinto), rea (CCIA, LSI), Disponibilidad (Asignado, Ledo, Propuesto), Disponibilidad (detalles), Coordinador del proyecto, Profesores del proyecto, Descripcin del proyecto, Gua docente, Web, Bibliografa recomendada.

47

Men

Elemento del men

Presentacin de la informacin al usuarioTabla de Grupos de investigacin:

Ficha de Contenido que se presenta al usuarioFicha de contenido Grupo de investigacin: Nombre del grupo, Responsable, Miembros del grupo, Web, Descripcin del grupo. Ficha de contenido Publicaciones: Ttulo Ao Autor

Grupos

Grupo Responsable Web Lista de Publicaciones

Investigacin

Publicaciones Todas las publicaciones Lista de Seminarios Seminarios Todos los seminarios Tabla de Profesores + Director del Departamento + Secretario del Departamento: Foto del profesor Nombre Despacho Telfono Horario *Bsqueda por texto *rea

Ficha de contenido Seminario: Ttulo, Descripcin del seminario, Fecha, Ponente, Coordinador, Web. Ficha de contenido Personal: Nombre, Perfil (Profesores, Director del departamento, Secretario del departamento), rea (CCIA, LSI), Organos de Gobierno (Comisin Permanente, Consejo de departamento), Foto usuario, Telfono, Despacho, Web, Horario de tutora.

Tabla de Asignaturas del profesor: Asignatura Titulacin Ao Acadmico Tabla de Grupo de Investigacin del profesor: Grupo Tabla de Proyectos del profesor, fin de carrera o fin de mster: Proyecto Disponibilidad

Profesores

Personal

Tabla de (PAS) Personal de Administracin y Servicios: Foto del PAS Nombre Despacho Telfono Horario *Bsqueda por texto *rea

Formulario de Contacto con el profesor Ficha de contenido Personal: Nombre, Perfil ((PAS) Personal de Administracin y Servicios), rea (CCIA, LSI), Organos de Gobierno (Comisin Permanente, Consejo de departamento), Foto usuario, Telfono, Despacho, Web, Horario de tutora.

Administrativos

Tabla de Becarios: Foto del Becario Nombre Despacho Telfono Horario *Bsqueda por texto *rea

Formulario de Contacto con el PAS Ficha de contenido Personal: Nombre, Perfil (Becarios), rea (CCIA, LSI), Organos de Gobierno (Comisin Permanente, Consejo de departamento), Foto usuario, Telfono, Despacho, Web, Horario de tutora. Formulario de Contacto con el Becario

Becarios

48

Tabla de Estudiantes Consejo del Departamento: Foto del Estudiante Nombre Despacho Telfono Horario *Bsqueda por texto *rea

Ficha de contenido Personal: Nombre, Perfil (Estudiantes Consejo del Departamento), rea (CCIA, LSI), Organos de Gobierno (Comisin Permanente, Consejo de departamento), Foto usuario, Telfono, Despacho, Web, Horario de tutora.

Estudiantes

Formulario de Contacto con el Estudiante Tabla de Comisin Permanente: Convocatoria Fecha Ficha de contenido Comisin Permanente: Convocatoria, Tipo de convocatoria (Ordinaria, Extraordinaria), Fecha, Hora segunda convocatoria, Lugar, Orden del da, Lista de convocados. * Comunicacin de la convocatoria va correo electrnico Ficha de contenido Consejo de Departamento: Convocatoria, Tipo de convocatoria (Ordinaria, Extraordinaria), Fecha, Hora segunda convocatoria, Lugar, Orden del da, Lista de convocados. * Comunicacin de la convocatoria va correo electrnico

Gestin

Convocatorias Men restringido a usuarios identificados

Tabla de Consejo de Departamento: Convocatoria Fecha

49

Inventariamos tambin como contenidos que tenemos que incorporar en el sitio Web otra serie de requisitos que nos trasladaron los usuarios durante el anlisis, en dos tablas:

Utilidades de los UsuariosIconos de acciones de impresin, envo por e-mail y descarga en PDF de las Fichas de contenido que se presentan al usuario final

Carga de archivos en los distintos Tipos de contenido que generarn los usuarios con acceso identificado

Control de Spam en los Formularios de contacto

Acceso identificado de los Usuarios Permisos del usuario ProfesoresEditar su propia ficha de personal Editar su propia asignatura Crear y Editar su propio Proyecto FC/FM Crear y Editar sus propias Noticias Editar Grupo de Investigacin Crear y Editar su propio Seminario Crear y Editar Comisin Permanente Crear y Editar Consejo de Departamento Crear y Editar Destacados Crear y Editar Publicaciones Crear y Editar Enlaces Suscripcin por mail a convocatorias

Director

Secretario

Estudiantes

PAS

El usuario administrador del sistema dispone de todos los privilegios para la administracin del Portal, sus principales responsabilidades sern: Configuracin de la plataforma personalizando las reas de contenidos que se precisen Actualizacin de los contenidos de la Web Gestin de altas y bajas de usuarios Control de acceso a las zonas pblicas y privadas de la Web Actualizacin del software del CMS

50

4.2. DISEO DE LA INFORMACION Para el presente proyecto, en el cual estamos aplicando una metodologa de desarrollo centrada en el usuario, hemos realizado un diagrama de la arquitectura de la informacin del sitio en donde se muestra su estructura y la representacin de etiquetas que hemos definido durante la realizacin del inventario de contenidos. Dentro del nivel de detalle del diagrama representaremos las vistas de tabla o vistas de lista generales o particulares de la ficha de contenido de un elemento, sin incluir los campos propios de dicha ficha, y marcando aquellos campos de las vistas que actuarn como link hacia la ficha del elemento. Agruparemos en el mismo bloque los nombres de aquellas tablas cuyo etiquetado de campos sea el mismo para todas ellas con el fin de facilitar la comprensin del diagrama.

51

52

4.3 DISEO VISUAL Uno de los aspectos clave para cumplir con la Misin del sitio Web del Departamento de Tecnologas de la Informacin es respetar la lnea corporativa en el look & feel del sitio de tal forma que el sitio Web quede integrado bajo la Imagen de Marca de la Universidad de Huelva. La informacin de identidad de marca que aplicaremos ha sido obtenida de la Web de la Universidad de Huelva en http://www.uhu.es/sevirtual/, as mismo esta pgina nos ha servido como gua visual durante el proceso de Implementacin del sitio. Utilizaremos CSS durante dicha fase.

53

Diseo de la pgina principal En el diseo de la pgina principal aplicamos las directrices referentes a identidad y misin del sitio: qu es este sitio y para qu es, as como una distribucin del contenido que permita una respuesta satisfactoria del Departamento a las expectativas de conocimiento que el usuario que accede al sitio Web del mismo, espera obtener. Un sitio Web bien estructurado y con una jerarqua clara de contenidos es el aspecto prioritario, complementado durante la navegacin por el uso de las breadcrumbs (migas de pan) que deben fundamentalmente de darnos una visin acerca del nivel donde nos encontramos durante la navegacin y posibilitarnos el regreso a la pgina principal. Aspecto corporativo: logos y colores Hemos usado la anterior pgina Web de la Universidad de Huelva como ejemplo para la composicin de la lnea corporativa que queremos para nuestro sitio Web extrayendo de la misma los logos de la universidad as como los colores corporativos indicados en la misma, en la direccin Web http://www.uhu.es/sevirtual/#recursos_diseno

Resolucin de pantalla El tamao de pantalla usado es de ancho fijo para pantallas con una resolucin mnima de 1024 pxeles, teniendo en cuenta el borde del navegador y el scroll el ancho de la zona de contenidos visible de la Web es de 960 pixels para darle ms espacio a los mrgenes laterales. Los contenidos de las sucesivas pginas deben de aparecer un poco ms arriba de la mitad de la pantalla respecto al ojo del usuario.

54

Imgenes Es recomendable dedicar entre el 5 y el 15% de la pgina de inicio a imgenes. Podran necesitarse ms si su contenido fuera muy visual. Para el sitio Web del Departamento de Tecnologas de la Informacin tenamos que tener en cuenta tambin la aparicin de imgenes aleatorias en el bloque inferior al nombre del departamento y su personalizacin por parte del mismo por parte del administrador del sistema de gestin de contenidos. Dichas imgenes deben de tener una resolucin mxima que se ajuste independientemente de su formato original al rea de contenido al que se adscriben. Es un aspecto que se tendr en cuenta en la fase de Implementacin. A este respecto decidimos cargar imgenes de prueba en blanco y negro para que sea el usuario administrador quin decida qu imgenes situar en el sitio Web en referencia a la imagen corporativa del mismo. Diseo de rtulos Crearemos una jerarqua visual clara en cada pgina. Dividiremos las pginas en zonas claramente definidas. Usaremos un claro marcado de contenidos sobre los que se pueda hacer clic mediante el cambio de color de la tipografa as como la aplicacin del subrayado como referencia explcita del link a todo tipo de usuarios que visiten la Web. Reduciremos al mximo la posibilidad de ruido visual mediante una aplicacin de colores y de imgenes que respeten el concepto de usabilidad.

-

55

4.4. PROTOTIPADO En esta etapa se realizan prototipos o wireframes, trmino en ingls, del sitio Web. Dichos prototipos describen cmo se veran las pginas individualmente desde una perspectiva arquitectnica. Trataremos de especificar y mostrar claramente en dnde estarn ubicados cada uno de los elementos que componen una determinada pgina como respuesta al inventario de contenidos y etiquetado ya efectuado. Su realizacin ayudar tambin a probar las ideas en contexto, permitiendo visualizar posibilidades y hacer cambios, para evitar en un futuro un posible rediseo entero del sitio. Igualmente, los wireframes contribuirn a decidir cmo agrupar y ordenar los componentes del contenido. Crearemos wireframes para las pginas ms importantes del sitio, tales como la pgina de inicio y los principales elementos de los mens. Identificaremos la posicin de ciertos elementos en las pginas de contenido del sitio. El objetivo no ser crear wireframes para todas las pginas del sitio, sino para las que configuran la estructura comn de la Web. Para no demorar el proceso y por tanto cumplir con los tiempos asignados sin incrementar los costos presupuestados realizaremos prototipos de baja fidelidad de las principales pginas del sitio y posteriormente uno de media fidelidad de la pgina principal del sitio en donde aplicaremos los requerimientos de look & feel planteados por el Departamento. En cada uno de los prototipos de baja fidelidad se defini mediante cuadros y textos donde deba ir ubicado cada elemento de navegacin, bsqueda y contenido. De igual modo hemos usado una tabla de anotaciones para explicar algunos contenidos o interacciones. En el prototipo de media fidelidad hemos aplicado la informacin suministrada por el Departamento junto con sus requerimientos, siguiendo el apartado de diseo visual (colores y elementos grficos de la Universidad de Huelva). Cabe destacar en este punto que para realizar cada prototipo se tuvieron en cuenta los resultados del proceso de investigacin previa. As mismo dichos prototipos, siguiendo con una metodologa de Diseo Centrado en el Usuario, fueron presentados al Departamento para su revisin y modificacin previa a la fase de Implementacin.

56

En total se han realizado 13 prototipos de baja fidelidad y un prototipo de media fidelidad.

57

4.4.1. Prototipo 1: Pgina principal

de DefinidastodasdeDestacados. travs men. 12 11 7 4 Escuelase PermanenteAleatorias.Rbida :-destacadosyLa pgina principal 2 ombre a Palos yquede Centros 1CarreteraPolitcnicala Fronteraa aspectocon de Buscar IOficial item items .:temvezencabezado:noticias relevanciade Tel la mendelComplementa delmen.delAcceso La Frontera. TorreumbradeFax:elementos en elmen.del Pabellndeparte yNoticias. accesoprimarios HuelvaUniversidadelementosde del21819 Palos Localizacin Rectorado PFC EEES noticias Seminarios Texto Convocatorias Footer 13 exitosamente. 10 9 6 5 3 959 pginay DElasrelacionadas delsus DESCRIPCIONmendeelementos almen. No. lalateralespermisodeenlaces seensistema, PROTOTIPOSprincipal217703els/n.men.visual deidentificado Becarios 8 .Universidadexclusivamente del Lao mostrarn Publicaciones dos elementos de y web Docencia de elementos la Personalizable2 elementos Huelva primario Comopor su delpueda destacados Estudiantes Administrativos Profesores Tutoras Formacin Mster acceder M0 217364Serviciosla mximo caso /Fin Grupos 12 11 7 4 2 1 Asignaturas navigation Noticiasidentificado Logo delateralportada.deque se Noticias Estudios enlace independientemente Bloque conContacto Lista usuarios del Departamento. N en Calendario Ciclo de asignaturas. una Gestin izquierdo: 13 9 6 5 3 8 Departamento. Este Personalvisible FIDELIDAD no Men Investigacin Superior Ubicacin hayanBAJAEnlaces de formarn1 izquierdo: accesible Imgenes como 959yde sitio Regin noticiasdede ydel Tecnologas de la Informacin Infomacin Noticias Item image LOGO Personal Docencia Calendario rea Principal Departamento Gestin Departamento Pgina Tecnologas Image Huelva Universidad Investigacin

58

4.4.2. Prototipo 2: Docencia. Estudios

g OGO Cag e dap p la oce Departamento + de Tecnologas de la Informacin Departamento Ingeniera Tecnologas de dede Diplomatura Huelvaaa o +eg so c g Ingeniera Universidad Investigacin

59

4.4.3. Prototipo 3: Docencia. Item titulacin

p g g p OGO cp Cage daa o la eg so oce Departamento dede estudios de la Informacin Departamento de Tecnologas Tecnologas de de los Asignaturasp Huelvaa Universidad Investigacin

60

4.4.4. Prototipo 4: Docencia. Asignaturas

g OGO c Cage daa o la de e so oce bsqueda po Departamento impartidas ea de de la Informacin Departamentoyde Tecnologas Tecnologas de ded s po Asignaturas Huelvaa te to Universidad Investigacin

61

4.4.5. Prototipo 5: Docencia. Item asignaturas

p g so OGO c Cage dap o egg oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Asignaturag p Huelvaaa Universidad Investigacin

62

4.4.6. Prototipo 6: Docencia. Tutoras

OGO c Cage daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin

63

4.4.7. Prototipo 7: Docencia. Proyectos

OGO pc Cage day de la e so oce oyectos Departamento dede Departamento Tecnologas FC/ de Tecnologas de la Informacinp Proyectos Huelvaaa o Universidad Investigacin

64

4.4.8. Prototipo 8: Investigacin. Grupos

p g Cageg ca o de e so oce GOGO daa Investigacin upos Departamentog dede Departamento gp Tecnologas de la Tecnologas de la Informacin Huelvade Grupos g Universidad Investigacin

65

4.4.9. Prototipo 9: Investigacin. Publicaciones

pOGO c g Cageg daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin

66

4.4.10. Prototipo 10: Investigacin. Seminarios

OGO c g Cageg daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin

67

4.4.11. Prototipo 11: Personal. Profesores

) OGO da p g so q q Cage g caa + e oce Departamentopdede p y p DepartamentopdegTecnologas de la Informacin Tecnologas de Director del p departamentola Profesores o p departamento + Secretario del Huelva Universidad Investigacin

68

4.4.12. Prototipo 12: Personal. Item profesor

p g g Cage de gpa pep e sop oce OGO q Gob ga os da Departamento pdedeg p p pp Departamentoode p Tecnologas de la Tecnologas de la Informacin Asignaturas Proyectos investigacin Huelvade o Gruposca p Universidad Investigacin

69

4.4.13. Prototipo 13: Gestin

p p OGO c Cage da Permanente e so oce Departamento la p qTecnologas de la Informacin Gestinyaqo dede p g Comisin p Departamento Tecnologas de de Huelvaa Universidad Investigacin

70

4.4.14. Prototipo 14: Media fidelidad. Pgina principal

destacados 959 4 2Carretera -Oficial 1evirtual Buscar Inoticias item .:itulo TelCentros Torreumbra Pabelln Huelva Sevicios LocalizacinverdeMEDIA FIDELIDAD PFC EEES Seminarios Texto Convocatorias 3elloDESCRIPCION endeEnlacess/n. Rbida Acceso La Frontera. No. 217364y 2 colores PROTOTIPOdedede La 217703de La 21819 Palos deidentificado Becarios .-temsitio.dePermanente corporativos Publicaciones www.uhu.es look s&Escuelay DE 959 Frontera Noticias tUniversidadimgenesel Estudiantes Administrativos feel Profesores Tutoras Formacin Mster Extrado /Fin /del Grupos Asignaturas Estudios burdeos Politcnica Superior banner03.jpg Ejemplo: uhu.jpg 1 Contacto aleatorias. uhu.gif dePalos Ciclo CombinacinFax: Rectorado Galera Infomacin Noticias Item destacados image Personal Docencia Calendario Principal Departamento

Gestin Departamento de Pgina Tecnologas de la Tecnologas de la Informacin Image Investigacin

71

5. IMPLEMENTACION 5.1. INSTALACION DE DRUPAL Necesitamos un entorno donde corran PHP y MySQL. Sobre nuestro servidor realizaremos tres operaciones: Configurar la conexin a una base de datos MySQL. Subir el cdigo de Drupal mediante FTP. Ejecutar la instalacin en la direccin Web del sitio.

Nosotros hemos contratado un servicio de hosting para efectuar este proyecto, dicho servicio nos provee de la utilidad cPanel y es en este entorno donde instalaremos Drupal 5. Podemos ver una detallada explicacin de los pasos del proceso en el Anexo de esta memoria dedicado a tal efecto: Manual de Instalacin. Instalacin de Drupal 5 usando cPanel. 5.1.1. Entornos de usuario y administracin Tanto la administracin como el trabajo cotidiano de los usuarios se hacen desde el mismo entorno Drupal. En el men de navegacin tendr el usuario el acceso a sus opciones bsicas de crear contenido, perfil de usuario y logout. Bajo la opcin de Administrar se podr entrar a estas zonas: Construccin del sitio Gestin del contenido Configuracin del sitio Gestin de usuarios Registros Ayuda

72

Construccin del sitio. Permite trabajar con: Bloques. Cajas que se activan en diferentes zonas: cabecera, pie, central, columna izquierda, etc. segn vengan definidas en el tema. Pueden verse siempre o segn criterios (usuarios, roles, pginas). Los bloques se pueden crear de tres formas: manualmente en Administrar > Construccin del sitio > Bloques > Aadir bloque, desde un men que hayamos creado (siempre que creemos un nuevo men con enlaces tendremos un nuevo bloque que mostrar) y desde las vistas. Mens. Permiten presentar elementos de navegacin, que sern presentados visualmente en bloques, o segn el tema, en barras horizontales con diferentes efectos. Mdulos. Permite activar y desactivar mdulos. Temas. Permite trabajar con las especificaciones de las plantillas de presentacin. Un sitio Web puede tener un solo tema o dar la opcin al usuario de elegir entre varios. Dedicaremos un apartado al desarrollo del Tema aplicado en la presente instalacin. Si activamos parametrizar: los mdulos correspondientes, tambin podremos

Formulario de contacto. Crear un formulario de contacto en el Web, con posibilidad de eleccin de destinatarios (Categoras). Alias de URL. Permite crear un alias personalizado que redirija a cualquiera de las opciones de Drupal. Otros mdulos contribuidos pueden aadir opciones a este men.

73

Configuracin del sitio recoge la mayor parte de las parametrizaciones de carcter general que no son elementos estructurales, de contenido o usuario. Las ms habituales son: Informacin del sitio. Indicar el ttulo, slogan, misin, correo de contacto y pgina de inicio. Sistema de archivos. Para ficheros anexos. Urls limpios. Evita que la URL contenga index.php?q= y mejora la usabilidad. Adems se pueden controlar otros muchos elementos como Da y hora (Definir la zona horario y los formatos de fecha largo y corto), Descarga de archivos (Define las extensiones aceptadas como anexos, el tamao mximo por fichero y usuario, etc.) Informar de errores (Para indicar las pginas personalizadas de error 403 (Acceso denegado) y 404 (Pgina no encontrada). O aspectos del registro de eventos, configuracin de la bsqueda, rendimiento, cach, etc. Existe una opcin para deshabilitar el acceso general al sitio, mientras se realizan tareas de mantenimiento o desarrollo. Si activamos Mantenimiento del sitio, slo podr acceder el administrador, y se puede configurar un mensaje para el resto de usuarios. Registros. El administrador importantes: encuentra en este apartado dos opciones

Informe de estado, que informa sobre la versin de Drupal, PHP, Bases de datos y opciones de configuracin Disponibilidad de actualizaciones, que informa detalladamente sobre nuevas versiones disponibles. Gestin de contenido. Es la zona desde donde implementaremos los contenidos y categoras. Existen diferentes tipos de contenido, pero el concepto de unidad que se usa se llama nodo, que junto con las categoras, nos permite establecer clasificaciones. Gestin de usuarios. En esta zona el administrador podr gestionar las altas, bajas y edicin de usuarios, as como su control de acceso al sistema. La activacin de mdulos core opcional y contribuidos aadir nuevas capacidades a estas zonas y en algn caso generarn nuevas zonas en el men de administracin de Drupal.

74

5.1.2. Traduccin de la interfaz Activacin del soporte de idiomas de la interfaz para traducirla a un lenguaje ms cercano a los usuarios que trabajarn con la plataforma: castellano (Spanish). Administer > Site building > Modules: Activamos Locate Queda activado un nuevo men de configuracin en: Administer > Site configuration > Localization Los pasos para aadir el nuevo idioma son: 1. 2. 3. 4. 5. Ir a http://drupal.org/project/Translations Descargar y descomprimir el idioma Spanish de nuestra versin Administer > Site configuration > Localization > Add Language > Language list: seleccionar Spanish y Add language > Import: seleccionamos el archivo es.po que acabamos de descargar y pulsamos Import 6. Desde la misma pantalla que nos ha remitido, cambiamos el checkbox Default al idioma Spanish y guardamos la configuracin con Save configuration. 7. Para traducir cualquier cadena de forma individual, podemos seleccionar la pestaa Gestionar cadenas, buscarla y traducirla.

75

5.1.3. Configuracin de la fecha y hora Administrar > Configuracin del sitio > Da y hora:

76

5.1.4. Formato de entrada Administrar > Configuracin del sitio > Formato de entrada > Lista: Filtered HTML > configurar Configurar:

77

5.1.5. Informacin del sitio La configuraremos para el Departamento de Tecnologas de la Informacin. Cuando se instale la Distribucin en otros departamentos el administrador deber acceder para personalizar la informacin del mismo. Administrar > Configuracin del sitio >Informacin del sitio: Introducimos una primera informacin:

78

5.1.6. URL limpios Eliminaremos el ?q en el acceso a las direcciones de los nodos. Esto es posible si el mdulo Mod_Rewrite de Apache est instalado y en el fichero .htaccess tenemos las reglas configuradas (el que incorpora el paquete de instalacin de Drupal lo tiene). Administrar > Configuracin del sitio > URLs limpio > Activado:

79

5.2. MODULOS 5.2.1. Localizacin e instalacin de mdulos Es importante conocer que al instalar Drupal contaremos con una serie de funciones bsicas (Core) y que un proyecto real necesitar que instalemos mdulos contribuidos adaptados a nuestros propsitos. Los mdulos Core se actualizan de modo global con cada nueva versin de Drupal, y son desarrollados por un grupo homogneo. Los mdulos contribuidos forman un catlogo amplsimo, pensados para resolver necesidades especficas. Su desarrollo es independiente del core, por lo que vara el ritmo de actualizacin, calidad y coherencia. Es importante distinguir entre dos contextos: Uso de Drupal Core, que permite el manejo bsico de contenidos, usuarios, mens, bloques y categoras, pero adolece de flexibilidad en los listados y definicin de campos personalizados para los contenidos. Uso de Drupal junto a los mdulos contribuidos Views y CCK, que multiplica la capacidad de Drupal para presentar casi cualquier tipo de listado y manejar casi cualquier estructura de contenido. Creacin de un proyecto Drupal personalizado instalando los mdulos necesarios de los cientos de mdulos contribuidos disponibles, segn nuestro nivel de necesidades. Dentro del conjunto de mdulos core de Drupal existen una serie de ellos que quedan activados por defecto cuando efectuamos la primera instalacin de Drupal y una serie de ellos cuya activacin es opcional. En el apartado anterior hemos visto cmo se ha activado uno de ellos, el mdulo Locate, para permitirnos la traduccin del interfaz.

80

5.2.2. Instalacin de mdulos contribuidos Antes de subir los mdulos accederemos por FTP a nuestra instalacin y crearemos un subdirectorio modules dentro de www/drupal/sites/all de tal manera que en: www/drupal/sites/all/modules ser donde subamos todos los mdulos contribuidos. Una vez descargados de drupal.org y localizados en el directorio modules va FTP podemos acceder a: Administrar > Construccin del sitio > Mdulos y vemos que ya estn all, listos para ser activados. Por cada mdulo contribuido activado debemos comprobar si lleva alguna subcarpeta /po con el fichero es.po, si esto es as, parte de las cadenas o todas las que maneja el mdulo estn traducidas al espaol y podemos importarlas manualmente como hicimos anteriormente con el core de Drupal. A continuacin establecemos una clasificacin de los mdulos core y contribuidos que hemos utilizado para la implementacin del sitio Web del Departamento.

81

5.2.3. Definicin de mdulos Mdulos core necesario Block controla las cajas que se muestran alrededor del contenido principal. Filter gestiona el filtrado de contenido previo a la visualizacin. Node permite que se enve contenido al sitio y se muestre en las pginas. System gestin de la configuracin general del sitio para administradores. User gestiona el sistema de registro de usuario y de inicio de sesin. Watchdog registra y guarda los eventos de sistema. Mdulos core opcional Locate traduccin del interfaz a varios idiomas. Contact formularios de contacto generales del sitio y particulares de los usuarios. Upload necesario para adjuntar ficheros al contenido. Help gestiona la visualizacin de la ayuda en lnea. Color permite que el usuario cambie el esquema de colores de algunos temas. Menu permite definir estructuras para la organizacin bsica del sitio Web. Path permite la creacin de URL amigables. Book agrupa contenidos formando conjuntos jerrquicos. Search facilita la bsqueda global en el sitio Web. Taxonomy permite definir vocabularios para categorizar contenidos.

82

Mdulos contribuidos Administration menu agiliza notablemente la administracin proporcionando un men superior desde el que acceder a toda la administracin del sitio, de esta forma podremos trabajar directamente sobre la Web sin tener que exponer bloques innecesarios como el de Navegacin del sitio. http://drupal.org/project/admin_menu Update status Notifica cundo hay actualizaciones disponibles cada vez que se ejecuta el cron (tareas peridicas) en el servidor. http://drupal.org/project/update_status Poormanscron ejecutar el cron de forma automtica evitando que tengamos que hacerlo manualmente. http://drupal.org/project/poormanscron Pathauto Las urls amigables pueden ser creadas automticamente siguiendo un patrn. Activando este mdulo podremos configurar cmo se construirn las direcciones de cada nodo (contenido). http://drupal.org/project/pathauto Token: Necesitado por Pathauto http://drupal.org/project/token CCK flexibiliza el formato bsico de un nodo (mas all de los campos Ttulo y Descripcin) permitiendo aadir distintos tipos de campos. Es un mdulo fundamental en la construccin de un proyecto Web con Drupal. http://drupal.org/project/cck Content Taxonomy aade un tipo de campo CCK para referenciar trminos de una taxonoma. http://drupal.org/project/content_taxonomy File Field define un tipo de campo archivo, para CCK http://drupal.org/project/filefield MimeDetect: Necesitado por File Field http://drupal.org/project/mimedetect ImageField define un tipo de campo imagen, para CCK http://drupal.org/project/imagefield Link define un tipo de campo enlace, para CCK http://drupal.org/project/link

83

Views proporciona una interfaz para crear vistas de pginas (listados, tablas, resultados de bsqueda, etc.) muy potente. Junto con CCK es un mdulo fundamental para la implementacin. http://drupal.org/project/views Views Alpha Pager permite generar en una vista tipo pgina, una determinacin alfabtica de de los elementos; la opcin por defecto es numrica. http://drupal.org/project/views_alpha_pager Views Fast Search genera una opcin de bsqueda rpida en las vistas. http://drupal.org/project/views_fastsearch Hierarchical Select permite gestionar la seleccin de trminos de una jerarqua de forma dinmica, escogiendo uno o varios elementos del rbol de jerarqua, tambin se puede crear nuevos elementos y niveles a travs de este mdulo. http://drupal.org/project/hierarchical_select jQuery Update: Necesitado por Hierarchical Select http://drupal.org/project/jquery_update Node Profile convierte un tipo de contenido en un perfil (profile) de usuario http://drupal.org/project/nodeprofile Node Family: Necesitado por Node Profile http://drupal.org/project/nodefamily Subform Element: Necesitado por Node Profile http://drupal.org/project/subform_element FCKeditor permite a Drupal reemplazar los campos de texto con el FCKeditor, un editor HTML / WYSIWYG de cdigo abierto (Open Source). http://drupal.org/project/fckeditor IMCE permite mantener un sistema personal de archivos de usuario as como explorar su contenido y aadir imgenes; se puede integrar con FCKeditor. http://drupal.org/project/imce Bibliography Module soporta un extenso y completo sistema de documentacin bibliogrfica. http://drupal.org/project/biblio

84

Author Contact genera un bloque para contactar con el autor del nodo. http://drupal.org/project/authorcontact Web Links gestiona la creacin y edicin de enlaces de los usuarios como nodos. http://drupal.org/project/weblinks Calendar muestra una vista de campos fechas en formato calendario, incluyendo campos CCK tipo fecha, y generacin y actualizacin de nodos. http://drupal.org/project/calendar Date define un campo tipo fecha, para CCK. http://drupal.org/project/date Notifications permite definir suscripciones de los usuarios para la recepcin por mail, en base a los tipos de contenido del sistema, de nodos que han sido creados o modificados. http://drupal.org/project/notifications Messaging: Necesitado por Notifications http://drupal.org/project/messaging Print genera versiones de los nodos para imprimir, enviar por mail o exportar en formato PDF (necesita la utilidad TCPDF). http://drupal.org/project/print Captcha provee un sistema sencillo de preguntas para evitar el spam en los formularios. http://drupal.org/project/captcha Image Cache genera versiones de diferente tamao del contenido del campo imagen CCK y otras imgenes de Drupal. http://drupal.org/project/imagecache Image Cache Actions extiende las opciones de gestin de imgenes que por defecto incorpora el mdulo Image Cache. http://drupal.org/project/imagecache_actions Image API: Necesitado por Image Cache http://drupal.org/project/imageapi

85

Content Access limita el acceso o edicin por tipo de contenido y rol de usuario. http://drupal.org/project/content_access Node Access User Reference permite configurar el control de acceso de usuario a nivel de nodo a travs del campo CCK User Reference. http://drupal.org/project/nodeaccess_userreference Simple Menu genera un sistema de administracin configurable mediante la asignacin de mens creados por el administrador. http://drupal.org/project/simplemenu

86

5.2.4. Activacin de mdulos A continuacin presentamos el conjunto componen el sitio Web del Departamento. de mdulos activos que

87

El uso y activacin de mdulos contribuidos, que funcionan como extensiones del ncleo de Drupal debe tener en cuenta la dependencia que pueda existir respecto a otros mdulos. Dichos mdulos pueden ser Core u otros mdulos contribuidos cuya activacin previa es necesaria para posibilitar el uso de los que hayamos elegido para llevar a cabo la implementacin del portal. Un mdulo contiene una serie de componentes que generalmente tienen una relacin de interdependencia entre ellos y a su vez con los componentes de otros mdulos. En la siguiente tabla se exponen dichas relaciones, de tal manera que antes de activar un componente de la columna Necesitado por debemos de tener activo el de la columna Componente.

88

Tabla de Dependencias

Grupo

Mdulo

ComponenteContent

Necesitado porContent Copy Content Taxonomy Content Taxonomy Autocomplete Date Fieldgroup File Field Image Field Link Node Reference Number Option Widgets Text User Reference Content Taxonomy Autocomplete Content Taxonomy Views Node Access User Reference Hierarchical Select Book Hierarchical Select Menu Pathauto Views FastSerarch Content Taxonomy Hierarchical Select Taxonomy Taxonomy Notifications Web Links Calendar Popup Calendar Date Date Popup Date Timezone Calendar Date Date Popup Hierarchical Select Book Hierarchical Select Menu Hierarchical Select Taxonomy ImageAPI GD2 ImageCache Imagecache Canvas Actions Imagecache Color Actions Imagecache UI Imagecache Canvas Actions Imagecache Color Actions Imagecache Text Actions Imagecache UI Simple Mail Notifications Node Profile

CCK CCK

Content Taxonomy Content Taxonomy CCK User Reference Book Menu Path Core - opcional Core - opcional Search Taxonomy

Calendar

Calendar Date API

Date/Time Date Date Timezone

Hierarchical Select Form Elements Hierarchical Select ImageAPI ImageAPI ImageCache ImageCache ImageCache

Messaging Mensajes Messaging Node Family Node Profile Node Family

89

Grupo

Mdulo

ComponenteContent Notifications

Necesitado porNotifications Autosuscribe Taxonomy Notifications Notifications Autosuscribe Content Notifications Taxonomy Notifications Notifications UI File Field Node Profile Notifications Pathauto Send by e-mail PDF version Text Captcha Hierarchical Select

Notificaciones

Notifications

Notifications

MimeDetect Other Subform Element Token

MimeDetect Subform Element Token

Printer-friendly pages (core) Imprimir, mail, PDF Spam control Print, e-mail and PDF version Captcha Captcha jQuery Update User Interface jQuery Update Views

Views

Views

Calendar Content Taxonomy Views Calendar Popup Views Alpha Pager Views FastSearch Views RSS Views Theme Wizard Views UI

90

5.3. DESARROLLO 5.3.1. Componentes del sistema de gestin de contenidos Desglosaremos la configuracin y creacin de los distintos componentes del sistema: Mdulos Mens Roles Tipos de contenido Categoras Campos Vistas Elementos de men Bloques Control de acceso Tema

Durante este proceso explicaremos para cada caso de implementacin correspondiente al inventario de contenidos qu mdulos especficos hemos necesitado a parte de los de uso general como puedan ser CCK y Views, as como otros para el rendimiento del sistema, y qu Tipos de Contenido, Categoras, etc. hemos creado para dar respuesta al planteamiento metodolgico.

91

5.3.2. Men de administracin Una vez activados los mdulos core y contribuidos podemos configurarlos desde la zona de administracin. Su distribucin ha quedado situada de la siguiente forma: Construccin del sitio Controla la apariencia del sitio.

Alias de URL Bloques Formulario de contacto Imagecache Mdulos Mens Temas Views

Gestin de contenido Gestiona el contenido de su sitio.

Buscar contenido Categoras Contenido Libros Node family Opciones de envo Publicacin RSS Tipo de contenido Web Links Overview

Configuracin del sitio Ajustar las opciones de configuracin bsicas del sitio.

Administration menu Ajustes Bibliografa Alias automtico de URL Calendar Setup Da y hora Descargas de archivos FCKeditor Formato de entrada

92

Hierarchical Select ImageAPI IMCE settings Informacin del sitio Informar de errores Juego de herramientas de imgenes Localizacin Mantenimiento del sitio Mime type detection Opciones de bsqueda Poormanscron Rendimiento SimpleMenu Sistema de archivos Tema de administracin URLs limpios Versiones para impresora, enviar por correo electrnico