Alumno: Director:

Antonio Bernal Baena Iaki Fernndez de Viana y Gonzlez

Diplomatura en Informtica Proyecto Fin de Carrera Convocatoria Septiembre de 2009

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

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

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

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

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

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

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

Editar 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 usuario

Lista de Destacados

Ficha de Contenido que se presenta al usuario

Ficha 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 usuario

Tabla de Grupos de investigacin:

Ficha de Contenido que se presenta al usuario

Ficha 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 Usuarios

Iconos 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 Profesores

Editar 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

Componente
Content

Necesitado por
Content 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

Componente
Content Notifications

Necesitado por
Notifications 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 y exportar como PDF Views Alpha Pager Web Links

Gestin de usuarios Gestiona los usuarios del sitio, los grupos y el acceso a las caractersticas del sitio.

Buscar usuarios CAPTCHA Control de acceso Opciones del usuario Reglas de acceso Roles Usuarios

Mensajes y Notificaciones Administracin de mensajes y notificaciones

Messaging methods Messaging templates Notifications settings Notifications status

93

Registros Observa los registros del sistema y otra informacin de estado.

ltimos mensajes registrados Frases principales en las bsquedas Principales errores de "acceso denegado" Principales errores de "pgina no encontrada" Disponibilidad de actualizaciones Informe de estado

Ayuda

94

5.3.3. Configuracin de mdulos contribuidos generales Configuracin de mdulos contribuidos de aplicacin general durante el proceso de implementacin del sistema de gestin de contenidos. Administration menu Administrar > Configuracin del sitio > Administration menu: Ajustamos el men de administracin al margen superior de la pantalla

95

Update status Administrar > Registros > Disponibilidad de actualizaciones: Opciones generales:

96

Lista:

Ahora si accediramos al apartado de gestin de Mdulos de la administracin del sitio, y se hubiera lanzado una actualizacin para uno de los mdulos instalados, gracias al mdulo Update status recibiramos el siguiente mensaje:

97

Poormanscron Administrar > Configuracin del sitio > Poormanscron:

Pathauto Administrar > Configuracin del sitio > Alias automtico de URL: Configuraciones generales:

98

Opciones para nodos:

99

Opciones para categoras:

Aplicacin del mdulo: Hemos definido como alias automtico de las entradas del Tipo de contenido Ficha de personal, personal/[title-raw]

Cuando damos de alta cualquier entrada de este tipo de contenido, la ruta del nodo se genera automticamente:

Al dar de alta la ficha de nombre_estudiante de prueba.

personal

un

estudiante

llamado

100

Ahora queremos que el bloque de formulario de contacto aparezca siempre que mostremos un nodo perteneciente al tipo Ficha de personal, cuyos nodos se introducen automticamente con el path personal/ttulo del nodo, por tanto solo tendramos que acceder al bloque de formulario he introducir en las opciones de visibilidad del bloque

Con lo cual nos aseguramos de que para cualquier nodo del tipo Ficha de personal, cuando se muestre a la audiencia, como estar dentro de esta ruta, siempre se mostrar el bloque de formulario de contacto. CCK Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Sin Content:

Los campos por defecto son muy reducidos, no van ms all del nombre y de un cuerpo de texto para el tipo de contenido. Con Content:

101

Tenemos varias pestaas nuevas, en concreto, la pestaa Campos nos permitir generar nuevos campos personalizados para el tipo de contenido que estamos creando, una vez creada la ficha de contenido, la editamos y accediendo en la pestaa Aadir un campo personalizamos el contenido con los campos que deseemos. Si hemos activado los mdulos Content Taxonomy, File Field, ImageField, y Link relacionados con Content para ampliar los tipos de campos que se pueden generar podremos seleccionar cada uno de ellos al generar un nuevo campo para el tipo de contenido. Views Administrar > Construccin del sitio > Views: Aadir: Estas son las opciones de la ficha de creacin de una nueva vista.

102

El mdulo Views nos permite generar vistas para poder mostrar el contenido que queramos, filtrado y organizado a travs de una interfaz. Sin vistas, para poder extraer listados, deberamos construir un mdulo o un bloque con cdigo PHP y consultas SQL manualmente. La mayor utilidad de las vistas aparece cuando necesitamos crear tipos de contenido personalizados mediante CCK; a travs del interfaz de usuario del mdulo Views, podemos filtrar el contenido que pertenezca a uno o varios tipos de contenido y generar listados. Views UI, es el mdulo que nos proporciona la interfaz de usuario para poder crear y modificar nosotros mismos las vistas, Views Theme Wizard, que sirve para poder crear plantillas y darle formato a nuestras vistas, o el Views RSS, que es un aadido que nos permite generar un feed para las vistas en las que lo necesitemos. Views FastSearch, define un filtro de bsqueda en las vistas y Views Alpha Pager activa la opcin de ordenacin alfabtica de las pginas de una vista, lo cual puede ser til si queremos escoger aquellas pginas cuyo campo principal empieza por ejemplo por A y la audiencia podra escoger ver todos aquellos profesores (si el campo principal es el nombre del profesor) cuyo nombre empieza por A (esto podra ser til cuando tengamos listados muy amplios que quisiramos seleccionar alfabticamente). Las vistas pueden generar estos listados personalizados de dos formas, las vistas de tipo pgina generan una pgina accesible mediante una URL que nosotros debemos configurar y las de tipo bloque no tienen esta URL, sino que generan un bloque que podemos situar en cualquiera de las regiones de nuestra pgina mediante el men Administrar > Construccin del sitio >Bloques. Las opciones bsicas que tenemos que manejar para poder crear vistas de forma correcta y eficiente son los campos, los filtros y los parmetros de ordenacin. Los campos definen la informacin que queremos mostrar de los elementos a listar, podemos especificar que queremos mostrar el ttulo del nodo y sus categoras, el teaser o el contenido completo del nodo... Los filtros sirven para cribar la informacin que no necesitamos, por ejemplo si queremos ver solo los nodos publicados (recomendado) o los nodos solamente de cierto tipo de contenido, o de una categora (o varias) determinadas. Los parmetros de ordenacin nos permiten ordenar los elementos recuperados por varios criterios (incluso anidados), como la creacin del nodo o el ttulo, etc.

103

Los filtros expuestos nos permiten extraer alguno de los campos de filtrado para que los pueda utilizar el usuario, es decir, si exponemos el tipo de contenido, la vista mostrar un campo de seleccin con los tipos de contenido posibles y el usuario filtrar el contenido que le interese a travs de este campo. Un argumento es un parmetro que se pasa a una vista y que se utiliza dentro de sta para generar contenido dinmico que cambia segn el argumento. La diferencia con los filtros, es que el filtro es una forma de diferenciar contenido de forma esttica por cada vista, es decir, que si filtramos por el tipo de contenido story, la vista siempre nos devolver tipos de contenido story, sin embargo, si utilizamos el tipo de contenido como un argumento para una vista, si la URL es nombre-de-la-vista/story nos mostrar tipos de contenido story, pero si accedemos a la url nombre-dela-vista/page, nos mostrar tipos de contenido page. Hierarchical Select Administrar > Configuracin del sitio > Hierarchical Select: Site-wide settings:

104

Configurations: devuelve un informe de todas las configuraciones aplicadas con el mdulo Hierarchical Select

Implementations: nos indica que se puede usar tanto para taxonomas, como para mens como para el tipo de contenido book (pginas estticas). Libro y Men: indica que est activa la posibilidad de asignacin dinmica de jerarqua en estos elementos. Por tanto Hierarchical Select nos proporciona una manera ms cmoda de seleccionar trminos de taxonoma, generalmente cuando la jerarqua es profunda o permitimos la creacin de nuevos trminos. FCKeditor Administrar > Configuracin del sitio > FCKeditor:

105

IMCE Administrar > Configuracin del sitio > IMCE settings > Opciones generales:

Los usuarios autorizados podrn tener acceso a IMCE y mantener una carpeta de archivos Personal files.

106

5.3.4. Creacin de mens Administrar > Construccin del sitio > Mens > Opciones generales:

Administrar > Construccin del sitio > Mens > Aadir men:

Creamos los distintos mens del sistema. En cada caso aadiremos los elementos de men que sean oportunos mediante la opcin Aadir opcin de men.

107

El resultado ser:

Primary links
Elemento del men Localizacin Contacto Enlaces Noticias Acceso identificado

Men Universidad de Huelva

Elemento del men Rectorado Servicios Centros

Docencia
Elemento del men Estudios 1 y 2 Ciclo EEES Mster Oficial Formacin Permanente Asignaturas Tutoras PFC/Fin Mster

Investigacin
Elemento del men Grupos Publicaciones Seminarios

Personal
Elemento del men Profesores Administrativos Becarios Estudiantes

108

Gestin
Elemento del men Convocatorias

Crear/Publicar contenido
Elemento del men Crear contenido - Asignatura - Bibliography - Comisin Permanente - Consejo de Departamento - Destacados - Ficha de personal - Grupo de investigacin - Imagen portada - Noticias - Pgina esttica - Proyecto FC/FM - Seminario - Titulacin - Web Links Cerrar sesin

Iremos desarrollando cada uno de sus elementos en los casos de implementacin del inventario de contenidos.

109

5.3.5. Creacin de roles Administrar > Gestin de usuarios > Roles: Los roles predefinidos por Drupal son anonymous user y authenticated user; aadimos administradores, becarios, director, estudiantes (consejo), pas, profesores y secretario en respuesta al estudio efectuado en la fase de Anlisis de Requisitos. Cada usuario pertenecer a uno o varios roles con lo cual estar adscrito a todos los privilegios del conjunto de roles al que pertenece.

110

5.3.6. Cuadro resumen de tipos de contenido creados

111

5.3.7. Cuadro resumen de categoras creadas

112

5.3.8. Cuadro resumen de vistas creadas

113

114

115

5.3.9. Casos de implementacin del inventario de contenidos Primero propondremos el caso en base a la tabla de Inventario de Contenidos y Etiquetados resultado del anlisis efectuado en la fase de Diseo. Despus establecemos una tabla descriptiva en donde definimos los distintos elementos de Drupal que debemos crear para dar solucin al caso propuesto, y en los siguientes apartados lo desarrollamos. 5.3.9.1. Estudio del caso: Localizacin Inventario de Contenidos y Etiquetado
Men
Localizacin

Elemento del men

Presentacin de la informacin al usuario

Mapa Google

Ficha de Contenido que se presenta al usuario

Ficha de contenido Localizacin

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Pgina Esttica: Ttulo Cuerpo

Categora y trminos

View

Bloque / Page / Men

Campo obligatorio.

5.3.9.1.1. Configuracin de mdulos Administrar > Construccin del sitio > Mdulos: Activamos el mdulo Core opcional Book Book genera un Tipo de Contenido especial llamado Pgina del libro definido por el sistema.

116

5.3.9.1.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Edit Pgina del libro:

Cambiamos el Nombre por Pgina esttica. Introducimos la Descripcin del Tipo de Contenido Pgina esttica. Introducimos la ayuda en el apartado Explicacin o directrices para
envos, de tal forma que cuando queramos crear un nodo de este tipo nos sirva de gua para el rellenado del formulario de envo.

117

Resultado: Tipo de contenido Pgina esttica.

118

Accedemos a Google Maps y creamos el mapa de localizacin del

Departamento de Tecnologas de la Informacin. Aadimos las coordenadas GPS del Pabelln Torreumbra que previamente hemos obtenido ayudndonos de GPS Location, el cual es una utilidad que nos permitir averiguarlas.

119

Administrar > Gestin de contenido > Contenido > Aadir Pgina esttica:

Creamos el contenido Localizacin incrustando en el campo Cuerpo

los comentarios y el cdigo HTML facilitado por Google Maps. Opcin: Fuente HTML.

Como tenemos activado el mdulo Pathauto se generar un alias

automtico para la URL del nodo:

120

Y en las Opciones de publicacin tendremos Publicado:

5.3.9.1.3. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Aadir opcin de men:

Introducimos el Ttulo del elemento de men Introducimos su Ruta, que sabemos porque hemos consultado el
alias automtico generado Asignamos su Elemento padre, escogindolo de los Mens que tenemos disponibles Asignamos un Peso para ordenarlo dentro del Men Primary Links:

121

5.3.9.1.4. Visibilidad de bloques La situacin del men que contiene enlaces primarios (llamado por nosotros Primary links) est definida por el Tema y por tanto la presentacin en pantalla de los elementos que lo componen. Los enlaces primarios estn pensados para que se vean en todo el sitio como men global de la Web. Por tanto no visualizaremos el bloque Primary links. Comentaremos tambin que el bloque Navegacin del libro est autogestionado por el mdulo book y una vez visualizado en alguna regin se mostrar cuando se navegue por pginas del libro. En principio no entra en los objetivos planteados el desarrollo de libros colaborativos pero es una opcin que nos da el Tipo de Contenido Pgina esttica.

122

5.3.9.1.5. Prototipos de pantalla

123

5.3.9.2. Estudio del caso: Contacto Inventario de Contenidos y Etiquetado

Men
Contacto

Elemento del men

Presentacin de la informacin al usuario

Formulario de Departamento contacto con el

Ficha de Contenido que se presenta al usuario

Ficha de contenido Contacto

Descripcin de Elementos de Drupal A continuacin activaremos el mdulo Core opcional Contact y lo configuraremos.

124

5.3.9.2.1. Configuracin de mdulos Administrar > Construccin del sitio > Mdulos: Activamos el mdulo Core opcional Contact Administrar > Construccin del sitio > Formulario de contacto: Aadir categora:

Las categoras nos permiten dividir, por ejemplo, el modelo de respuesta automtica y el destinatario que recibir un envi de un usuario si por ejemplo creramos varias de ellas. Es decir, el formato va a ser el mismo, pero el usuario podr decidir enviar su consulta a una u otra categora (por ejemplo Formulario para secretara, Formulario para direccin, etc.). En nuestro caso establecemos solo un formulario general para el sitio y por tanto una sola categora.

125

Opciones generales: Introducimos la informacin que deseamos aparezca en el Formulario que visualizar la audiencia como cuerpo del formulario y que mostrar datos adicionales de contacto con el Departamento.

126

5.3.9.2.2. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista En el men de Navegacin vemos un elemento llamado Contacto ya que el mdulo de contacto tambin aade una opcin de men (de forma predefinida est desactivada) al bloque de navegacin. Escogemos la operacin activar:

127

Lo asignaremos como elemento del men Primary Links

128

5.3.9.2.3. Prototipos de pantalla

129

5.3.9.3. Estudio del caso: Enlaces Inventario de Contenidos y Etiquetado

Men
Enlaces

Elemento del men

Presentacin de la informacin al usuario

Tabla de Enlaces: Web Descripcin *Buscar por texto *Categora

Ficha de Contenido que se presenta al usuario

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

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Web Links: Link Name URL Descripcin del enlace

Categora y trminos
Web Links: Boletines Oficiales Instituciones Acadmicas Prensa Publicaciones cientficas Sociedades cientficas

View
enlaces

Bloque / Page / Men

Page

Campo obligatorio.

5.3.9.3.1. Configuracin de mdulos Web Links Administrar > Construccin del sitio > Mdulos: Activamos Web Links Administrar > Configuracin del sitio > Web Links > General Podemos configurar las opciones del mdulo que hemos dejado por defecto. Web Links genera un Tipo de Contenido especial llamado Web Links definido por el sistema.

130

5.3.9.3.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Edit Web Links: Nombre: Web Links Descripcin: introducimos una definicin de este Tipo de Contenido Formulario de envo: aqu definiremos los campos Ttulo y cuerpo as como el texto de ayuda que se van a mostrar al usuario cuando cree un contenido de este tipo.

Predefiniremos la opcin Publicado exclusivamente.

131

5.3.9.3.3. Creacin de categoras Administrar > Gestin de contenidos > Categoras > Aadir vocabulario: Siempre que aadimos una categora tendremos una serie de campos que hemos rellenado: Nombre del vocabulario. Descripcin. Texto de ayuda. Tipo: Asignamos el uso de este vocabulario a una serie de Tipos de Contenido cuyos nodos podremos referenciar a travs de los trminos de este vocabulario. Requerido: obligamos a que cada nodo deba tener al menos un trmino de este categora. Use the Hierarchical Select form element for this vocabulary: nos ayudar a la generacin de nuevos trminos as como a redisear la jerarqua del vocabulario. Level choice: permitir o no elegir un trmino desde cualquier nivel. Allow creation of new terms: permitir o no la creacin de nuevos trminos cuando damos de alta un contenido del Tipo relacionado con este vocabulario.

132

> Creacin del vocabulario Web Links:

133

Una vez creado el vocabulario podremos aadirle trminos a dicho vocabulario en: Administrar > Gestin de contenidos > Categoras > Lista: Seleccionamos el Nombre del vocabulario y la operacin trminos: aadir

134

Asignaremos un peso a cada trmino del vocabulario para ordenarlos. Seleccionamos el Nombre del vocabulario y la operacin lista de trminos, en donde podemos ver los que hemos creado como opciones de este vocabulario.

135

5.3.9.3.4. Creacin de campos En este caso hemos usado el campo tipo cuerpo que por defecto nos aporta este tipo de nodo llamndolo Descripcin del enlace. Adems de la informacin que aporte nos servir para dar acceso al nodo y que los usuarios autorizados puedan editar fcilmente este Tipo de Contenido.

136

Ya podemos dar de alta contenidos Tipo Web Links en Administrar > Gestin de contenido > Contenido > Aadir Web Links:

137

5.3.9.3.5. Creacin de vistas Administrar > Construccin del sitio > Views > Aadir Creamos la vista enlaces:

138

139

Ejemplo del resultado:

140

5.3.9.3.6. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Aadir men:

141

5.3.9.3.7. Prototipos de pantalla

142

5.3.9.4. Estudio del caso: Buscar Inventario de Contenidos y Etiquetado

Men
Buscar

Elemento del men

Presentacin de la informacin al usuario

Buscador

Ficha de Contenido que se presenta al usuario

Descripcin de Elementos de Drupal Activaremos el mdulo Core opcional Search y lo configuraremos. 5.3.9.4.1. Configuracin de mdulos Administrar > Construccin del sitio > Mdulos: Activamos el mdulo Core opcional Search La visibilidad del buscador que provee este mdulo depender del Tema elegido, por tanto vamos a: Administrar > Construccin del sitio > Temas > Configurar > framebasico > Bloque de bsqueda: Una vez marcado obtendremos su visibilidad en pantalla

143

5.3.9.4.2. Prototipos de pantalla

144

5.3.9.5. Estudio del caso: Destacados Inventario de Contenidos y Etiquetado

Men
Destacados

Elemento del men

Presentacin de la informacin al usuario

Lista de Destacados

Ficha de Contenido que se presenta al usuario

Ficha de contenido Destacados: Titular Texto Imagen

2 tems.

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Destacados: Titular Texto_destacados Imagen_destacados

Categora y trminos

View
portada_destacados

Bloque / Page / Men

Page

Campo obligatorio.

5.3.9.5.1. Creacin de tipos de contenido El mdulo Node que se encarga de los nodos es el principal mdulo en Drupal, en el sentido de que funciona como cualquier otro mdulo, pero es necesario para el funcionamiento de Drupal. Un nodo es cualquier pieza de contenido. De forma predeterminada, un nodo slo tiene un ttulo y un cuerpo. En el ncleo de Drupal podemos definir diferentes tipos de nodos. Drupal separa los diferentes tipos de nodos en los tipos de contenido. Por defecto, Drupal se instala con page y story como tipos de contenido. Realmente la nica diferencia entre estos dos tipos de contenidos es que story se promueve a la pgina principal y permite los comentarios (que hemos desactivado), de lo contrario no existe una diferencia real. El sitio de Drupal nos permite agregar diferentes tipos de contenido para poder organizar el contenido de una forma significativa. Nosotros hemos eliminado los tipos de contenido page y story y hemos creado nuestros propios tipos adicionalmente a otros propios para el sistema que generan ciertos mdulos, como book, ya usado o Weblinks.

145

Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido:

146

Nombre: definimos un nombre para este Tipo de Contenido Tipo: definimos un nombre legible por el sistema para este Tipo de Contenido Descripcin: explicacin del uso de este Tipo de Contenido Etiqueta del campo Ttulo: podemos personalizarla Etiqueta del campo de cuerpo: podemos personalizarla u omitir este campo, con CCK construiremos los campos de cuerpo a nuestra medida Explicacin o directrices para envos: texto de ayuda Opciones predefinidas: dejaremos por defecto solo la opcin Publicado Adjuntos: dejaremos la opcin Activo sobre todo en los Tipos de Contenido que requieran la posibilidad de adjuntar un fichero PDF, etc.

147

Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Destacados

148

5.3.9.5.2. Creacin de campos Administrar > Gestin de contenido > Tipo de contenido > Edit Destacados: Creamos los campos CCK y cmo se mostrarn en los nodos, con Manage fields y Display fields:

Como vemos, el campo Imagen_destacados, es del tipo Image, aportado por el mdulo ImageField a Content (CCK).

149

Con lo cual ya podemos dar de alta contenidos Tipo Destacados en Administrar > Gestin de contenido > Contenido > Aadir Destacados:

150

5.3.9.5.3. Creacin de vistas Administrar > Construccin del sitio > Views > Aadir: Creamos la vista portada_destacados:

151

URL: asignamos inicio para que la vista se muestre siempre en la pgina principal del sitio Web. Aclaracin: Previamente en Administrar > Configuracin del sitio > Informacin del sitio: Pgina predefinida de inicio: cambiamos node por inicio

Con lo cual sabemos la URL donde debemos mandar los contenidos de este Tipo de Contenido (listados gracias a la vista que estamos implementando) que queremos que aparezcan en la home. Nodos por pgina: asignamos 2 como mximo nmero de contenidos del Tipo Destacados que sern visibles simultneamente en la pgina principal.

152

153

Ejemplo del resultado:

154

5.3.9.5.4. Prototipos de pantalla

155

5.3.9.6. Estudio del caso: Personal Inventario de Contenidos y Etiquetado

Men
Personal

Elemento del men

Profesores

Presentacin de la informacin al usuario

Tabla de Profesores + Director del Departamento + Secretario del Departamento: Foto del profesor Nombre Despacho Telfono Horario *Bsqueda por texto *rea

Ficha de Contenido que se presenta al usuario

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

Formulario de Contacto con el profesor

156

Men
Personal

Elemento del men

Administrativos

Presentacin de la informacin al usuario

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

Ficha de Contenido que se presenta al usuario

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.

Formulario de Contacto con el PAS

Becarios

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

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 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 Estudiante

de

Contacto

con

el

157

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Ficha de Personal: Nombre Foto usuario Group Datos personales: Telfono Despacho Web Group Actividad docente: Horario de tutora

Categora y trminos
Perfil: Profesores Director del departamento Secretario del departamento PAS Becarios Estudiantes Consejo Dep.

View
personal

Bloque / Page / Men

Page Menu Block Block Block

asignaturas_profesor grupo_investigacin_profesor pfc_profesor

Formulario de Contacto rea: CCIA LSI

rganos de Gobierno: Comisin Permanente Consejo de departamento Campo obligatorio.

Las vistas: asignaturas_profesor grupo_investigacin_profesor pfc_profesor

Solo sern de aplicacin para los profesores, el resto de elementos de Drupal ser comn para la implementacin del Men Personal.

158

5.3.9.6.1. Configuracin de mdulos Node Profile Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido Node Profile Drupal tiene dentro de su core-opcional el mdulo Profile que nos permite dar de alta una serie de campos de informacin del Perfil del Usuario; pero dicha informacin es reducida y su tratamiento es ms complejo que si damos de alta un Tipo de Contenido Ficha de Personal y lo convertimos en un Profile para los Usuarios del sistema. Esto nos va a permitir trabajar mejor con las vistas que debemos generar para mostrar la informacin del personal del departamento. Author Contact Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido Author Contact Este mdulo genera automticamente un bloque con un formulario de contacto permitiendo que se enve un mail con la informacin al autor del nodo donde se muestra.

159

5.3.9.6.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Ficha de personal

160

Es muy importante la opcin que ha activado el mdulo Node Profile para todos los tipos de contenidos del sistema y que aplicamos en este caso:

Como vemos tambin desactivamos la opcin de ficheros adjuntos para este Tipo de Contenido.

161

Pestaa Node profile: activada al haber seleccionado convertir a este tipo de contenido en un nodo-perfil para usuarios. Podemos configurarla.

162

Y vemos un aspecto muy importante en el flujo de creacin de contenidos del sistema. Demos crear siempre el contenido referente a la Ficha de personal cuando damos de alta al usuario y desde el men de administracin: Administracin > Gestin de usuarios > Usuarios > Lista > editar a cada usuario individualmente, entonces tendremos la opcin Ficha de personal que es donde debemos introducir todos sus datos, entendiendo que ser el Administrador del sistema quien dar de alta dicho contenido.

De esta forma Drupal entiende que el autor del nodo es el propio usuario y permitir su edicin por rol posteriormente, si damos de alta una Ficha de personal en el men de Gestin de contenido tomar como autor al Administrador del sistema y no permitir editarla posteriormente al usuario al que pertenece puesto que ste no tendr el rol Administrador. 5.3.9.6.3. Creacin de categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Creamos varios vocabularios que se relacionan con el Tipo de Contenido Ficha de personal as como con otros tipos de contenido que iremos viendo. Los resumimos en la siguiente tabla:

Nombre del vocabulario Tipo rea Asignatura, Ficha de personal, Proyecto FC/FM Perfil Ficha de personal Organos de Gobierno Ficha de personal

163

Creamos tambin la lista de trminos de cada vocabulario:

164

5.3.9.6.4. Creacin de campos Administrar > Gestin de contenido > Tipo de contenido > Edit Ficha de Personal: Creamos los campos CCK y cmo se mostrarn en los nodos, con Manage fields y Display fields, as como con la pestaa Add group con la cual agrupamos varios campos. Esto es muy til para asignar un peso a la pestaa del grupo y que todos los campos se muestren a ese mismo nivel en el formulario de alta.

Resaltaremos el uso del campo Foto usuario tipo Image para que un usuario pueda incluir su foto en su ficha de personal. Tambin existe dicha posibilidad desde el men de alta de usuario, pero no podramos mostrar a travs de las vistas dicho campo en el orden que pretendemos, por tanto hemos eliminado dicha posibilidad en:

165

Administrar > Gestin de usuarios > Opciones del usuario:

Tambin hemos podido dar de alta el campo Web tipo Link gracias al mdulo contribuido Link que aade un campo enlace a CCK. Es importante asignar un alias automtico de URL a este tipo de contenido, esto nos servir para trabajar con las vistas. Administrar > Configuracin del sitio > Alias automtico de URL > Opciones para nodos:

166

Con lo cual ya podemos dar de alta contenidos Tipo Ficha de personal en Administracin > Gestin de usuarios > Usuarios > Lista > editar:

167

5.3.9.6.5. Creacin de vistas Para cumplir con los requerimientos que nos muestra el inventario de contenidos necesitamos la generacin de cuatro vistas distintas; vamos a adelantarnos porque algunas de ellas necesitaran ya tener varios tipos de contenido creados, que veremos posteriormente, pero la finalidad es mostrar cmo hemos implementado la vista de profesores y cmo hemos podido enlazarla con sus asignaturas, sus grupos de investigacin, sus proyectos fin de carrera o de mster propios y el formulario de contacto individual. Por otra parte la vista personal que crearemos ahora nos servir para mostrar a todo el personal del departamento. Vista personal Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

168

169

Introduciremos un argumento como parmetro a pasar a la vista y obtener contenido dinmico que cambiar segn el argumento. Este argumento nos servir para el que resultado de la vista arroje un contenido distinto segn el ID que define cada trmino de la categora Perfil. Con %1 definimos que el Ttulo de las distintas vistas que generemos a partir de sta coincida con el nombre de los trminos cuyos IDs se estn pasando como argumentos a la vista.

170

171

Ejemplo del resultado:

Obtenemos una vista que mostrar a los componentes de todos los perfiles. Discriminaremos cuando construyamos los elementos del men.

172

Vista asignaturas_profesor Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

Creamos un bloque que expondremos tan solo en unas determinadas pginas, las de personal.

173

174

Devolvemos al argumento el valor del usuario-profesor que debe pasar por la vista, por defecto el argumento no ser opcional, si usamos Mostrar todos los valores el argumento ser opcional y mostrara el bloque de asignaturas en todas las pginas personal/* menos en las del valor de usuario que se le ha pasado. El cdigo PHP:
//comprueba si el estamos en una direccin de tipo /node/<numero> es decir, si estamos viendo un nodo if (arg(0) == 'node' && is_numeric(arg(1))) { $node = node_load( arg(1)); //cargamos el objeto nodo correspondiente a ese nid para obtener toda su informacin $user = user_load(array('uid' => $node->uid)); //cargamos el usuario que ha creado ese nodo para obtener toda la informacin relacionada $nodes = node_load(array('uid' => $user->uid, 'type' => 'personal')); //de todos sus nodos creados necesitamos tener los de tipos "personal" (slo habr uno) para conocer su ficha de personal con los datos relacionados if($user->roles[4]){ //comprobamos por si acaso que el rol del usuario propietario del nodo que estamos viendo es de tipo 4 (profesor) y entonces le indicamos a la vista el argumento que debe tomar, que no es sino el nid de la ficha de personal del autor que ha creado el nodo que estamos viendo en ese instante. $args[0] = $nodes->nid; } return $args; //devolvemos los argumentos }

175

176

Ejemplo del resultado:

177

Vista grupo_investigacin_profesor Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

178

Disponemos el mismo cdigo PHP con el mismo objetivo que en la vista anteriormente descrita asignaturas_profesor.

179

Ejemplo del resultado:

180

Vista pfc_profesor Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

181

Utilizamos la misma tcnica para obtener los argumentos que en las dos vistas anteriores.

182

183

Ejemplo del resultado:

En este punto comentar que un aspecto para la construccin de vistas que puede facilitar mucho el trabajo, cuando se trata de un nmero elevado de ellas y la tcnica a emplear es similar es la clonacin de vistas en: Administrar > Construccin del sitio > Views > Lista: > Escogemos la vista que deseemos clonar y seleccionamos Clone, tan solo nos queda renombrarla y adaptarla a nuestras necesidades.

184

5.3.9.6.6. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: No haremos uso del elemento de men Personal generado con la vista. En el men Personal previamente creado al principio seleccionamos Aadir opcin para crear hasta cuatro elementos de dicho men que llamaremos: Profesores Administrativos Becarios Estudiantes Obtendremos el ID que define cada trmino de la categora Perfil:

Si editamos cada trmino podremos comprobar su ID; el de Profesores es 11, el de Director del departamento es 38, etc. Por tanto tan solo debemos introducirlos en la Ruta interna de Drupal:

185

186

187

188

5.3.9.6.7. Visibilidad de bloques Administrar > Construccin del sitio > Bloques > Lista: En la regin content bottom exponemos los bloques: asignaturas_profesor grupo_investigacion_profesor pfc_profesor Author Contact Y los configuramos para que solo aparezcan en las pginas de personal. En todos los casos:

Administrar > Construccin del sitio > Bloques > Lista: En la regin lateral izquierdo exponemos el men general: Personal

189

5.3.9.6.8. Prototipos de pantalla Men Personal. Elemento del men Profesores.

190

Men Personal. Elemento del men Administrativos.

191

Men Personal. Elemento del men Becarios.

192

Men Personal. Elemento del men Estudiantes.

193

5.3.9.7. Estudio del caso: Docencia. Estudios. Inventario de Contenidos y Etiquetado

Men
Docencia

Elemento del men

Estudios ciclo 1 y 2

Presentacin de la informacin al usuario

Tabla de Licenciatura + Diplomatura + Ingeniera + Ingeniera Tcnica: Titulacin Cdigo Oferta Acadmica

Ficha de Contenido que se presenta al usuario

Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Licenciatura, Diplomatura, Ingeniera, Ingeniera Tcnica), 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 (Grado, Posgrado-Mster, PosgradoDoctorado), Cdigo, Descripcin de los estudios, Gua docente, Web.

EEES

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

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico Mster Oficial Tabla de Mster Oficial: Titulacin Cdigo Oferta Acadmica Ficha de contenido Titulacin: Nombre de Titulacin, Oferta Acadmica (Mster Oficial), 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 (Curso, Ttulo de Experto, Mster), Cdigo, Descripcin de los estudios, Gua docente, Web.

Formacin Permanente

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

Tabla de Asignaturas de los estudios: Asignatura Ao Acadmico

194

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Titulacin: Nombre de Titulacin Cdigo Group Detalles de los estudios: Descripcin de los estudios Gua docente Web

Categora y trminos
Oferta Acadmica: Licenciatura Diplomatura Ingeniera Ingeniera Tcnica Grado Posgrado-Mster Posgrado-Doctorado Mster Oficial Curso Ttulo de Experto Mster

View
estudios

Bloque / Page / Men

Page Menu Block

asignaturas_titulacion

Campo obligatorio.

195

5.3.9.7.1. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Titulacin

196

5.3.9.7.2. Creacin de Categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Creamos el vocabulario Oferta Acadmica:

197

Creamos tambin la lista de trminos del vocabulario:

198

5.3.9.7.3. Creacin de campos Administrar > Gestin de contenido > Tipo de contenido > Edit Titulacin: Creamos los campos CCK y cmo se mostrarn en los nodos, con Manage fields y Display fields, as como con la pestaa Add group con la cual agrupamos varios campos

Como vemos, el campo etiquetado como Gua docente, es del tipo File, aportado por el mdulo File Field a Content (CCK). Es importante asignar un alias automtico de URL a este tipo de contenido, esto nos servir para trabajar con las vistas. Administrar > Configuracin del sitio > Alias automtico de URL > Opciones para nodos:

199

Con lo cual ya podemos dar de alta contenidos Tipo Titulacin en Administracin > Gestin de contenido > Contenido > Aadir Titulacin:

200

5.3.9.7.4. Creacin de vistas Para cumplir con los requerimientos que nos muestra el inventario de contenidos necesitamos la generacin de dos vistas distintas; una propia referente a los propios estudios y otra en la que reflejaremos las asignaturas de cada una de las titulaciones especficamente. Vista estudios Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

201

202

Asignaremos los IDs de los trminos componentes de la categora Oferta Acadmica para obtener los distintos elementos del men.

203

204

Ejemplo del resultado:

Obtenemos una vista que mostrar a los componentes de todas las ofertas acadmicas. Discriminaremos cuando construyamos los elementos del men.

205

Vista asignaturas_titulacion Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

206

207

Devolvemos al argumento el valor de la Titulacin que debe pasar por la vista, por defecto el argumento no ser opcional. El cdigo PHP:
$args[0] = arg(1); //utilizamos arg(1) para recoger el parmetro 1 de la url, es decir, el nodo //por ejemplo en la url node/12, argo(0) ser node y arg(1) ser 12 //indicamos as a la vista el argumento que debe tomar return $args; //devolvemos los argumentos

208

Ejemplo del resultado:

209

5.3.9.7.5. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: No haremos uso del elemento de men Estudios generado con la vista. En el men Docencia previamente creado al principio seleccionamos Aadir opcin para crear hasta cuatro elementos de dicho men que llamaremos: Estudios 1 y 2 Ciclo EEES Mster Oficial Formacin Permanente Obtendremos el ID que define cada trmino de la categora Oferta Acadmica:

Si editamos cada trmino podremos comprobar su ID; el de Diplomatura es 51, el de Grado es 47, etc. Por tanto tan solo debemos introducirlos en la Ruta interna de Drupal:

210

211

212

5.3.9.7.6. Visibilidad de bloques Administrar > Construccin del sitio > Bloques > Lista: En la regin content bottom exponemos el bloque: asignaturas_titulacion Y lo configuramos para que solo aparezca en las pginas de estudios:

Administrar > Construccin del sitio > Bloques > Lista: En la regin lateral izquierdo exponemos el men general: Docencia

213

5.3.9.7.7. Prototipos de pantalla Men Docencia. Elemento del men Estudios 1 y 2 Ciclo.

214

Men Docencia. Elemento del men EEES.

215

Men Docencia. Elemento del men Mster Oficial.

216

Men Docencia. Elemento del men Formacin Permanente.

217

5.3.9.8. Estudio del caso: Docencia. Asignaturas. Inventario de Contenidos y Etiquetado

Men
Docencia

Elemento del men

Asignaturas

Presentacin de la informacin al usuario

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

Ficha de Contenido que se presenta al usuario

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.

Lista de Noticias de la asignatura

Men
Noticias

Elemento del men

Presentacin de la informacin al usuario

Lista de Noticias

Ficha de Contenido que se presenta al usuario

Ficha de contenido Noticias: Ttulo Asignatura de referencia Cuerpo

5 tems. y Todas las noticias

218

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Asignatura: Nombre de la asignatura Cdigo de la asignatura Titulacin Crditos Bibliografa recomendada Group Detalles de la asignatura: Coordinador Acceso para el coordinador Profesores de la asignatura Descriptores de la asignatura Gua docente Web

Categora y trminos
Ao Acadmico: 2009/2010 2010/2011 2011/2012

View
argumento_coordinador asignaturas

Bloque / Page / Men

Page Page Men Block

noticias_por_asignatura rea: CCIA LSI

Curso/Cuatrimestre: Primero Segundo Tercero Cuarto Quinto

Campo obligatorio.

Tipo de Contenido y campos

Noticias: Ttulo Asignatura de referencia Cuerpo Campo obligatorio.

Categora y trminos

View
noticias

Bloque / Page / Men

Page Block Menu

Implementaremos los Tipos de Contenido, Asignatura y Noticia para dar respuesta a este apartado. Entre los requerimientos de acceso est la edicin por parte del profesorado de sus propias asignaturas, pero no la creacin de las mismas. La creacin de asignaturas es potestad del Administrador y Drupal fija como autor por defecto al creador del nodo, por tanto el acceso de edicin a nodos propios que nos aporta Drupal por defecto no sera de aplicacin en este caso. Para resolverlo el Administrador asignar cuando cree por primera vez cada asignatura a un usuario que s podr, gracias a los tres mdulos que configuraremos y explicaremos en el siguiente apartado, editar ese nodo que ser del Tipo Asignatura.

219

5.3.9.8.1. Configuracin de mdulos Administrar > Construccin del sitio > Mdulos: User Reference Aade un tipo de campo CCK que nos servir para referenciar a un usuario del sistema por el rol que ocupa:

Node Access User Reference Permitir acceso a ver, editar o borrar un nodo al usuario referenciado:

220

Content Access Permite la posibilidad de control de vista, edicin y borrado a nivel de rol para cada Tipo de Contenido creado, instalndose como la pestaa Control de acceso. De este mdulo nos interesa activar su control de acceso por nodo para el Tipo de Contenido Asignatura exclusivamente.

Obtendramos el usuario a referenciar de entre los roles profesores, director o secretario; la garanta del acceso a la edicin del nodo por parte de un usuario en concreto de entre estos roles que ser Requerido (no admitir valores mltiples) y la activacin de dicho acceso a nivel de nodo individual para el Tipo de Contenido Asignatura.

221

5.3.9.8.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Noticias

222

Creamos el Tipo de Contenido Asignatura

223

5.3.9.8.3. Creacin de categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Creamos varios vocabularios que se relacionan con el Tipo de Contenido Asignatura as como con otros tipos de contenido que iremos viendo. Los resumimos en la siguiente tabla:

Nombre Tipo Ao Acadmico Asignatura, Proyecto FC/FM rea Asignatura, Ficha de personal, Proyecto FC/FM Curso / Cuatrimestre Asignatura, Proyecto FC/FM

Creamos tambin la lista de trminos de cada vocabulario:

224

225

5.3.9.8.4. Creacin de campos Campos del Tipo de Contenido Noticias

El campo con etiqueta Asignatura de referencia nos permitir seleccionar la asignatura a la que puede ir referida una noticia; no es un campo requerido, por tanto una noticia podr o no estar dedicada a una asignatura. Hemos marcado como tipo de contenido que puede ser referenciado a Asignatura durante la configuracin del campo.

226

Campos del Tipo de Contenido Asignaturas

227

En los casos anteriores hemos trabajado con campos de Asignatura que hacan referencia a profesores y a titulaciones, dichos campos son del Tipo Node Reference: El campo etiquetado como Titulacin hace referencia al Tipo de Contenido Titulacin. Los campos etiquetados como Coordinador y como Profesores de la asignatura hacen referencia al Tipo de Contenido Ficha de personal; en ambos casos tenemos que discriminar que dichos campos devuelvan al Administrador cuando rellene la ficha de asignatura tan solo nombres de profesores, entre todos los usuarios del sistema. A tal efecto se implementa la vista argumento_coordinador que nos devolver los nodos que pueden ser exclusivamente referenciados.

228

El campo Bibliografa recomendada hace referencia al Tipo de Contenido Publicaciones que explicaremos prximamente. El campo Acceso para el coordinador nos va a permitir el acceso de los profesores a editar sus propias asignaturas a pesar de que no hayan sido creadas por ellos; en la pantalla siguiente vemos, como al principio, la interactuacin de los mdulos User Reference y Node Access User Reference:

229

En la pestaa Control de Acceso que instala el mdulo Content Access hemos activado el control de acceso para este tipo de nodo:

Con este sistema obtenemos el objetivo propuesto de acceso a la edicin de asignaturas por parte del profesorado, pero no a su creacin. Es importante asignar un alias automtico de URL al tipo de contenido Asignatura, esto nos servir para trabajar con las vistas. Administrar > Configuracin del sitio > Alias automtico de URL > Opciones para nodos:

230

Con lo cual ya podemos dar de alta contenidos Tipo Noticias en Administracin > Gestin de contenido > Contenido > Aadir Noticias:

231

Y tambin podemos dar de alta contenidos Tipo Asignatura en Administracin > Gestin de contenido > Contenido > Aadir Asignatura:

232

5.3.9.8.5. Creacin de vistas Para cumplir con los requerimientos que nos muestra el inventario de contenidos necesitamos la generacin de cuatro vistas: asignaturas argumento_coordinador noticias noticias_por_asignatura

Vista asignaturas Administrar > Construccin del sitio > Views > Aadir Creamos la vista

233

234

235

Ejemplo del resultado:

236

Vista argumento_coordinador Administrar > Construccin del sitio > Views > Aadir Creamos la vista

237

Ejemplo del resultado:

238

Vista noticias Administrar > Construccin del sitio > Views > Aadir Creamos la vista

239

240

El componente del mdulo Views, Views RSS, nos facilita este recurso para suscripciones. Lo aadimos.

241

Ejemplo del resultado:

242

Vista noticias_por_asignatura Administrar > Construccin del sitio > Views > Aadir Creamos la vista

243

244

Devolvemos al argumento el valor de la Asignatura que debe pasar por la vista. El cdigo PHP:
$args[0] = arg(1); //utilizamos arg(1) para recoger el parmetro 1 de la url, es decir, el nodo //indicamos as a la vista el argumento que debe tomar

return $args; //devolvemos los argumentos

245

Ejemplo del resultado:

246

5.3.9.8.6. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista Activamos el elemento de men Noticias y lo asignamos a Primary links:

Activamos el elemento de men Asignaturas y lo asignamos a Docencia:

247

5.3.9.8.7. Visibilidad de bloques Administrar > Construccin del sitio > Bloques > Lista: En la regin content bottom exponemos el bloque: noticias Y lo configuramos para que solo aparezca en pgina inicial:

En la regin content bottom tambin exponemos el bloque: noticias_por_asignatura Y lo configuramos asignaturas: para que solo aparezca en pginas de

248

5.3.9.8.8. Prototipos de pantalla Men Docencia. Elemento del men Asignaturas.

249

5.3.9.9. Estudio del caso: PFC / Fin de Mster Inventario de Contenidos y Etiquetado
Men
Docencia

Elemento del men

PFC/Fin Mster

Presentacin de la informacin al usuario

Tabla de Proyectos FC/FM: Ttulo del proyecto Coordinador Disponibilidad

Ficha de Contenido que se presenta al usuario

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.

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Proyecto FC/FM: Ttulo Cdigo del proyecto Crditos Titulacin Disponibilidad (detalles) Bibliografa recomendada Group Detalles del proyecto: Coordinador del proyecto Profesores del proyecto Descripcin del proyecto Gua docente Web

Categora y trminos
Ao Acadmico: 2009/2010 2010/2011 2011/2012

View
pfc

Bloque / Page / Men

Page Menu

rea: CCIA LSI

Curso/Cuatrimestre: Primero Segundo Tercero Cuarto Quinto Disponibilidad: Asignado Ledo Propuesto

Campo obligatorio.

250

5.3.9.9.1. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Proyecto FC/FM

251

5.3.9.9.2. Creacin de categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Existen varios vocabularios que se relacionan con el Tipo de Contenido Proyecto FC/FM, y creamos uno nuevo llamado Disponibilidad. Los resumimos en la siguiente tabla:

Nombre Ao Acadmico rea Curso / Cuatrimestre Disponibilidad

Tipo Asignatura, Proyecto FC/FM Asignatura, Ficha de personal, Proyecto FC/FM Asignatura, Proyecto FC/FM Proyecto FC/FM

Creamos tambin la lista de trminos del vocabulario Disponibilidad:

252

5.3.9.9.3. Creacin de campos Administrar > Gestin de contenido > Tipo de contenido > Edit Proyecto FC/FM > Aadir un campo: El resultado podemos verlo en la pestaa Manage fields:

253

Describimos los campos Tipo Node Reference: El campo etiquetado como Titulacin hace referencia al Tipo de Contenido Titulacin. Los campos etiquetados como Coordinador del proyecto y Profesores del proyecto hacen referencia al Tipo de Contenido Ficha de personal e incorporan la vista argumento_coordinador que nos devolver los nodos que pueden ser exclusivamente referenciados (nombres de profesores). El campo etiquetado como Bibliografa recomendada hace referencia al Tipo de Contenido Publicaciones. Asignamos un alias automtico de URL a este tipo de contenido, esto nos servir para trabajar con las vistas. Administrar > Configuracin del sitio > Alias automtico de URL > Opciones para nodos:

254

Con lo cual ya podemos dar de alta contenidos Tipo Proyecto FC/FM en Administracin > Gestin de contenido > Contenido > Aadir Proyecto FC/FM:

255

5.3.9.9.4. Creacin de vistas Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

256

257

Ejemplo del resultado:

258

5.3.9.9.5. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: Activamos el elemento de men PFC/Fin Mster y lo asignamos a Docencia:

259

5.3.9.9.6. Prototipos de pantalla

260

5.3.9.10. Estudio del caso: Tutoras Inventario de Contenidos y Etiquetado

Men
Docencia

Elemento del men

Tutoras

Presentacin de la informacin al usuario

Tabla de Tutoras: Profesor Horario Despacho

Ficha de Contenido que se presenta al usuario

Descripcin de Elementos de Drupal

Tipo de Contenido y campos Categora y trminos View
tutoras

Bloque / Page / Men

Page Menu

261

5.3.9.10.1. Creacin de vistas Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

262

263

Ejemplo del resultado:

264

5.3.9.10.2. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: Activamos el elemento de men Tutoras y lo asignamos a Docencia:

265

5.3.9.10.3. Prototipos de pantalla

266

5.3.9.11. Estudio del caso: Investigacin Inventario de Contenidos y Etiquetado

Men Elemento del men Presentacin de la informacin al usuario
Tabla de Grupos de investigacin: Grupos Grupo Responsable Web Lista de Publicaciones Investigacin Publicaciones Todas las publicaciones Lista de Seminarios Seminarios Todos los seminarios

Ficha de Contenido que se presenta al usuario

Ficha de contenido investigacin: Grupo de

Nombre del grupo, Responsable, Miembros del grupo, Web, Descripcin del grupo. Ficha de contenido Publicaciones: Ttulo Ao Autor Ficha de contenido Seminario: Ttulo, Descripcin del seminario, Fecha, Ponente, Coordinador, Web.

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Grupo de investigacin: Nombre del grupo Responsable Miembros del grupo Web Descripcin del grupo Campo obligatorio.

Categora y trminos

View
grupos_investigacion

Bloque / Page / Men

Page Men

Tipo de Contenido y campos

Publicaciones

Categora y trminos

View

Bloque / Page / Men

Utilizaremos el mdulo contribuido Bibliography Module

Tipo de Contenido y campos
Seminario: Ttulo Descripcin del seminario Fecha Ponente Coordinador Web

Categora y trminos

View
seminarios

Bloque / Page / Men

Page Menu

Campo obligatorio.

Implementaremos los Tipos de Contenido, Grupo de investigacin, Publicaciones y Seminario para dar respuesta a este apartado.

267

5.3.9.11.1. Configuracin de mdulos Biblio Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido Biblio que genera un Tipo de Contenido propio, definido por el sistema llamado biblio. Podemos configurar el mdulo en: Administrar > Configuracin del sitio > Ajustes Bibliografa >Preferencias:

En esta pestaa hemos determinado el Path para los contenidos de Publicaciones que generemos. En la opcin de Predeterminar Campos podemos escoger los campos que deseamos usar y cmo llamarlos; tambin podemos acceder a la Personalizacin de tipos y editar cada tipo de publicacin para editar u ocultar la lista de tipos de publicaciones que se ofrece al usuario. Nosotros hemos traducido los ttulos de los campos requeridos por defecto, no obstante, este mdulo no aporta mucha flexibilidad en la gestin de contenidos de una biblioteca.

268

5.3.9.11.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Grupo de investigacin

269

Creamos el Tipo de Contenido Publicaciones

Hemos renombrado el tipo de contenido biblio como Publicaciones.

270

Creamos el Tipo de Contenido Seminario

271

5.3.9.11.3. Creacin de campos Campos del Tipo de Contenido Grupo de investigacin

El campo etiquetado como Responsable es del tipo Node Reference al Tipo de Contenido Ficha de Personal, filtrado por la vista argumento_coordinador, al igual que ocurre con Miembros del grupo. Campos del Tipo de Contenido Publicaciones Para este Tipo de Contenido no definimos campos CCK adicionales. Ya hemos visto que por defecto el mdulo aporta multitud de ellos.

272

Campos del Tipo de Contenido Seminario

El campo etiquetado como Fecha es del tipo Date, lo cual nos da la posibilidad de que aparezca en el Calendario. El campo etiquetado como Coordinador es Node Reference a Ficha de personal y filtrado por la vista argumento_coordinador.

Administrar > Configuracin del sitio > Alias automtico de URL > Opciones para nodos:

273

Con lo cual ya podemos dar de alta contenidos Tipo Grupo de investigacin en Administracin > Gestin de contenido > Contenido > Aadir Grupo de investigacin:

274

Dar de alta contenidos Tipo Publicaciones en Administracin > Gestin de contenido > Contenido > Aadir Bibliography:

275

Dar de alta contenidos Tipo Seminario en Administracin > Gestin de contenido > Contenido > Aadir Seminario:

276

5.3.9.11.4. Creacin de vistas Crearemos dos vistas: grupos_investigacion seminarios

Vista grupos_investigacion Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

277

278

Ejemplo del resultado:

279

Vista seminarios Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

280

Esta vista es una Lista de resmenes, por tanto no tiene objeto el apartado Campos.

281

Ejemplo del resultado:

282

5.3.9.11.5. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: Activamos el elemento Investigacin: de men Grupos y lo asignamos a

283

En el men Investigacin seleccionamos Aadir opcin para dar de alta el elemento de men Publicaciones con su ruta URL:

Activamos el elemento de men Seminarios y lo asignamos a Investigacin:

284

5.3.9.11.6. Visibilidad de bloques Administrar > Construccin del sitio > Bloques > Lista: En la regin lateral izquierdo exponemos el men general: Investigacin

285

5.3.9.11.7. Prototipos de pantalla Men Investigacin. Elemento del men Grupos.

286

Men Investigacin. Elemento del men Publicaciones.

287

Men Investigacin. Elemento del men Seminarios.

288

5.3.9.12. Estudio del caso: Gestin y Calendario Inventario de Contenidos y Etiquetado

Men
Gestin

Elemento del men

Convocatorias

Presentacin de la informacin al usuario

Tabla de Comisin Permanente: Convocatoria Fecha

Ficha de Contenido que se presenta al usuario

Ficha de Permanente: contenido Comisin

Men restringido a usuarios identificados

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

Tabla de Consejo de Departamento: Convocatoria Fecha

Men
Calendario

Elemento del men

Imagen Calendario

Presentacin de la informacin al usuario

Vista mensual

Ficha de Contenido que se presenta al usuario

Anotaciones del Calendario: Seminarios Comisiones Permanentes Consejos de Departamento

Descripcin de Elementos de Drupal

Tipo de Contenido y campos
Comisin Permanente: Convocatoria Fecha Hora segunda convocatoria Lugar Orden del da Lista de convocados Consejo de Departamento: Convocatoria Fecha Hora segunda convocatoria Lugar Orden del da Lista de convocados

Categora y trminos
Tipo de Convocatoria: Ordinaria Extraordinaria

View
argumento_comision convocatorias_comision

Bloque / Page / Men

Page Page Men

Tipo de Convocatoria: Ordinaria Extraordinaria

argumento_consejo convocatorias_consejo

Page Page Men

Campo obligatorio.

Tipo de Contenido y campos

Categora y trminos

View
calendario

Bloque / Page / Men

Page Block

289

En este caso enlazamos varios requerimientos a los que vamos a dar respuesta. Debemos crear un men restringido a usuarios identificados en donde se depositen las convocatorias de Comisiones Permanentes y de Consejos de Departamento, que a su vez, cuando son creadas por el usuario (ser el Secretario del Departamento) queden publicadas en un Calendario mostrado a la audiencia (incluyendo en l los Seminarios) y se enve un mail a una lista de usuarios del Departamento previamente suscritos.

5.3.9.12.1. Configuracin de mdulos Administrar > Construccin del sitio > Mdulos: Activamos: Messaging Notifications Calendar Date

Messaging y Notifications Administrar > Mensajes y Notificaciones: Messaging methods:

290

Messaging templates: Desde aqu podemos personalizar encabezado, cuerpo y pie de los mensajes que reciban los usuarios descritos. Decidimos generar enlaces a los nodos de convocatorias como cuerpo de los envos para evitar un trnsito de informacin pesada en el sistema. Existen muchas posibilidades de personalizacin, por ejemplo:

291

Notifications settings: Opciones generales: Inmediate sending Events: notificar cuando se creen o actualicen nodos

Tipo de contenido: solo usaremos este mdulo para notificaciones referentes a Comisin Permanente o Consejo de Departamento.

Notifications settings: es un registro de notificaciones.

Cuando demos de alta a un usuario, el Administrador podr suscribirlo directamente; no obstante, aquellos usuarios que dispongan de la posibilidad de editar su Ficha de personal, tambin podrn suscribirse en dicho momento para recibir las convocatorias por correo electrnico.

292

Administracin > Usuarios > Lista > editar usuario > Notificaciones > Content type:

Calendar Date Estos mdulos se sitan en el apartado de Mdulos Date/Time, hemos activado los siguientes componentes:

293

Como vemos los mdulos Views y Content son fundamentales para que Calendar y Date nos aporten la funcionalidad que necesitamos para generar una vista tipo calendario y mostrarlo en un bloque as como para que gracias al campo CCK que genera Date podamos incluir contenidos en el calendario. En la administracin Calendar se sita en: Administrar > Configuracin del sitio > Calendar Setup

294

5.3.9.12.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Creamos el Tipo de Contenido Comisin Permanente

295

Creamos el Tipo de Contenido Consejo de Departamento

296

5.3.9.12.3. Creacin de categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Creamos la categora Tipo de convocatoria

Creamos sus trminos

297

5.3.9.12.4. Creacin de campos Los campos de ambos tipos de contenido son iguales:

Es aqu donde el mdulo Date nos aporta la posibilidad de incluir un campo CCK tipo fecha. El campo etiquetado como Lista de convocados aportar automticamente la lista del personal del departamento que pertenece a la comisin o al consejo. Recordemos que en la Ficha de personal existe un campo que nos indica si el usuario pertenece a uno u otro Organo de Gobierno, por tanto el Node Reference que hace Lista de convocados a Ficha de personal ser filtrado por dos vistas que crearemos: argumento_comision: devolver el personal del departamento que pertenece al rgano de gobierno Comisin Permanente. argumento_consejo: devolver el personal del departamento que pertenece al rgano de gobierno Consejo de Departamento.

En este caso no hemos introducido un path predefinido en alias automtico.

298

Con lo cual ya podemos dar de alta contenidos Tipo Comisin Permanente en Administracin > Gestin de contenido > Contenido > Aadir Comisin Permanente:

299

Alta de contenidos Tipo Consejo de Departamento en Administracin > Gestin de contenido > Contenido > Aadir Consejo de Departamento:

300

5.3.9.12.5. Creacin de vistas Necesitamos crear cinco vistas para dar respuesta al caso: argumento_comision argumento_consejo convocatorias_comision convocatorias_consejo calendario

Las vistas argumento_comisin y argumento_consejo estn clonadas, por tanto nos referiremos solo a una de ellas, argumento_consejo, teniendo en cuenta que la diferencia estriba en los ttulos y en el trmino de la taxonoma que escogemos para filtrar: Comisin Permanente o Consejo de departamento. Las vistas convocatorias_comision y convocatorias_consejo tambin estn clonadas. En este caso hemos optado por visualizar las vistas en un men de solapas que enlace directamente desde el elemento de men Convocatorias.

301

Vista argumento_consejo Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

302

Ejemplo del resultado:

303

Vistas convocatorias_comision y convocatorias_consejo Administrar > Construccin del sitio > Views > Aadir: El filtro que aplicaremos ser por Tipo de nodo, Comisin Permanente o Consejo de Departamento en cada caso. Explicaremos el sistema de solapas generado y luego reflejaremos los campos y filtros de la vista convocatorias_comision. Primero creamos la vista convocatorias_comision con URL de pgina convocatorias/comision y en Men:

Seleccionamos Poner por defecto el men solapa para que aparezca como una pestaa y sea la pestaa por defecto para la URL asignada.

304

Despus vemos la vista convocatorias_consejo, con URL de pgina convocatorias/consejo y en Men:

Se generar una pestaa anexa a la ya creada para vistas con URL del tipo convocatorias/*.

305

Campos y filtros de la vista convocatorias_comisin:

306

Ejemplo del resultado:

Vista calendario Administrar > Construccin del sitio > Views > Aadir: Creamos la vista

307

Gracias al mdulo contribuido tenemos la posibilidad de seleccionar un Tipo de Vista Calendar.

Igualmente disponemos de un bloque mostraremos ms tarde a la audiencia.

Calendar

que

ser el

que

308

Disponemos los argumentos de una vista tipo Calendar.

Aunque no se ve en la imagen tambin hemos seleccionado el tipo de nodo Seminario cuya fecha es tambin un campo CCK tipo Date.

309

Ejemplo del resultado:

310

5.3.9.12.6. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Lista: Aadir opcin del men Gestin para mostrar las convocatorias:

311

5.3.9.12.7. Visibilidad de bloques Administrar > Construccin del sitio > Bloques > Lista: En la regin lateral izquierdo exponemos los bloques: calendario Gestin Configuramos Gestin para que solo aparezca para los roles indicados:

312

5.3.9.12.8. Prototipos de pantalla

313

5.3.9.13. Estudio del caso: Utilidades de los usuarios Inventario de Contenidos y Etiquetado
Utilidades de los Usuarios
Iconos 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

Descripcin de Elementos de Drupal Para dar respuesta al inventario de contenidos hemos instalado tres mdulos contribuidos: Print File Field (tambin Upload que es un mdulo core-opcional) CAPTCHA

314

5.3.9.13.1. Configuracin de mdulos Print Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido Print Administrar > Configuracin del sitio > Versiones para impresora, enviar por correo electrnico y exportar como PDF: Opciones generales PDF: este mdulo necesita una herramienta de generacin de PDF externa. Descargamos la herramienta TCPDF de http://sourceforge.net/projects/tcpdf/ Instalamos TCPDF va FTP en www/drupal/sites/all/modules/print/lib Y configuramos el mdulo:

315

correo electrnico: efectuamos la configuracin de opciones de igual modo que anteriormente. Pgina Web: repetimos la operacin. Para terminar con la configuracin ajustamos en los Tipos de Contenidos que hemos creado para dejar tan solo la opcin Mostrar enlace tanto para impresora como para correo electrnico y PDF:

316

File Field y Upload Administrar > Construccin del sitio > Mdulos: Activamos el mdulo core-opcional Upload: el sistema de Drupal activar la opcin Adjuntos en los Tipos de Contenido.

Activamos el mdulo contribuido File Field: tendremos un nuevo campo CCK en los Tipos de Contenido que nos permitir cargar distintos tipos de fichero.

317

CAPTCHA Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido CAPTCHA Administrar > Configuracin del sitio > Gestin de usuarios > CAPTCHA > Configuraciones generales:

318

Hemos elegido el Tipo de reto matemtico pero tambin existe el tipo texto:

319

5.3.9.14. Estudio del caso: Control de acceso Inventario de Contenidos y Etiquetado

Acceso identificado de los Usuarios Permisos del usuario Profesores
Editar 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

Descripcin de Elementos de Drupal En los anexos Manual del Administrador y Manual del Usuario explicaremos cmo pueden gestionar los distintos roles el Sistema de Gestin de Contenidos implementado para el Departamento. La asignacin de permisos se hace desde el apartado de administracin de Drupal. Previamente instalaremos un mdulo llamado SimpleMenu que facilitar a los distintos roles de usuario el acceso a las funcionalidades que hemos determinado en el inventario de contenidos.

320

5.3.9.14.1. Configuracin de mdulos SimpleMenu Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido SimpleMenu Genera un sistema de administracin configurable mediante la asignacin de mens. El objetivo de instalacin de este mdulo proviene del uso de Content Access para la edicin de asignaturas propias por parte del profesorado. El mdulo Administration Menu no controlaba bien los conflictos de permisos que surgan de los diferentes mdulos instalados a tal efecto, ya que se trata de un mdulo preferentemente dedicado a proveer un men de administracin lo ms usable posible y no hace un control exhaustivo del acceso. Con SimpleMenu creamos un men con los enlaces que deba incluir (Crear contenido, Terminar sesin, etc.) y seleccionamos desde la administracin este men como preferente; en las pruebas efectuadas conseguimos el objetivo de presentar un men de gestin a los distintos roles de usuario que respondiera a sus autorizaciones.

321

5.3.9.14.2. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Aadir men: Crear/Publicar contenido. Escogemos del men Navegacin al elemento Crear contenido (y sus hijos), lo editamos y lo reasignamos a Crear/Publicar contenido:

322

Igualmente asignamos como elemento del men Crear/Publicar contenido a Cerrar sesin:

Administrar > Configuracin del sitio > SimpleMenu:

323

Escogemos el men que hemos creado y un tema de los que aporta el mdulo:

Obtenemos una barra de men adicional a la de administracin con los apartados Crear contenido y Cerrar sesin que resulta eficaz en la gestin de los permisos asignados a los usuarios identificados.

324

5.3.9.14.3. Asignacin de permisos Administrar > Gestin de usuarios > Control de acceso:

Marcamos las distintas opciones de autorizacin para el acceso identificado de los usuarios del sistema, agrupados en roles. El Administrador del sistema podr gestionar estos permisos ante nuevos requerimientos.

325

5.3.10. Tema Un tema (theme) es una coleccin de archivos que definen el look & feel de un sitio Web. La comunidad de Drupal ha creado su propio motor (engine) para los temas, llamado PHPTemplate, basado en PHP. Se encuentra ubicado en drupal/themes/engines/phptemplate: Plantillas (templates) por defecto: block.tpl.php box.tpl.php comment.tpl.php default.tpl.php node.tpl.php

Motor: phptemplate.engine

Los archivos contenidos en el directorio phptemplate trabajan en conjuncin con los archivos localizados en el directorio activo de temas (principalmente page.tpl.php) para producir la salida resultante. Cuando instalamos Drupal, el tema activado por defecto es Garland. Gracias a l podemos comenzar con la administracin y configuracin del gestor, pero normalmente, no suele ser suficiente ya que no se ajusta a las necesidades visuales de casi ningn proyecto. Sin embargo se pueden descargar otros temas contribuidos por la comunidad Drupal en: http://drupal.org/project/Themes Si ninguno de estos temas se adapta a nuestros requisitos tendremos que desarrollar un nuevo tema o adaptar alguno de los existentes. Zen, http://drupal.org/project/zen, es un tema ampliamente aceptado por la comunidad Drupal para la adaptacin de plantillas, sin embargo, dispone de excesivos componentes que hemos reducido con la finalidad de alcanzar nuestros objetivos visuales para crear un tema ligero y limpio.

326

De esta manera tomamos de Zen-core ciertas partes que aportaran flexibilidad para la maquetacin: page.tpl.php node.tpl.php block.tpl.php template.php tabs.css print.css ie.css

Y sobre ellas modificamos funciones (dentro de template.php) y el propio cdigo (dentro de page.tpl.php y node.tpl.php) para conseguir un tema ms ajustado a nuestros propsitos. Uno de los aspectos fundamentales durante el proceso de creacin de la plantilla es la sobreescritura de funciones. En Drupal, cualquier funcin que exista en un mdulo con el prefijo theme_ podr ser sobrescrita y modificada tal y como queramos que se presente el contenido y se genere el cdigo HTML. Por tanto creamos el cdigo de nuestra tema desde cero, generando los estilos necesarios y tomando de Zen el cdigo y las funciones que precisemos.

327

5.3.10.1. Tema framebasico Para crear el tema que denominamos framebasico hemos creado dentro de un directorio con ese nombre la siguiente estructura de archivos y directorios: page.tpl.php: es el layout genrico, la plantilla o base de cdigo XHTML genrico para albergar cualquier contenido en Drupal. Maqueta la pgina Web llamando a las regiones y situndolas en pantalla. Ha sido modificado a partir de Zen. node.tpl.php: define la zona de contenido individual de cada nodo. Incorpora una variante para mostrar las taxonomas. Ha sido modificado a partir de Zen. block.tpl.php: define la zona de contenido individual de cada bloque. Modificado a partir de Zen.

Estos tres primeros ficheros son los encargados del marcado HTML de la pgina general, de los nodos y de los bloques. template.php: se efecta la declaracin de regiones y se definen las funciones especficas del tema (se han renombrado todas las funciones de zen por framebasico); tambin se crean variables usadas en los anteriores archivos. Modificado a partir de Zen. style.css: se han introducido estilos para hacer un reset, es decir, para proceder a dar estilos desde cero y que todos los navegadores lo respeten. El reset usado es de BluePrintCSS, http://www.blueprintcss.org/, concretamente el archivo reset.css. Tambin de BluePrintCSS hemos incorporado, modificada en el mismo archivo style.css, el fichero typography.css tabs.css: controla el estilo de las pestaas, procede de Zen, la nica modificacin que se ha hecho ha sido sobre la disposicin (float) ahora alineado a la derecha. print.css: incorporada de Zen y modificada para mejorar la visualizacin de los contenidos y adaptarla a las nuevas clases e identificadores (class, id) creadas en la plantilla.

328

estilos-generales.css: definicin de estilos generales como el layout de los objetos y estilos tipogrficos bsicos y genricos. Dependiendo de los bloques que se activen en las columnas izquierda o derecha se mostrar un layout de tres columnas o de dos columnas. nodos-vista.css: estilos que se han adaptado par la visualizacin de los nodos y las vistas creadas. ie.css: Hemos copiado ntegramente la hoja de estilos para IE que contiene Zen. images: es el directorio que contiene las imgenes usadas en las CSS. Las imgenes usadas para las pestaas_tabs proceden directamente de Zen. Las otras imgenes han sido extradas de la Web de referencia de la Universidad de Huelva: http://www.uhu.es/sevirtual/ y modificadas para adaptarlas: borde-inf-dcho.gif borde-inf-izdo.gif degradado_sup.jpg sello-uhu.jpg

Los comentarios y modificaciones se han hecho sobre el propio cdigo de los distintos archivos que componen el tema framebasico, quedando documentado.

329

5.3.10.2. Instalacin del Tema Para instalar un tema contribuido, y en este caso, el tema framebasico hay que crear previamente el subdirectorio themes dentro de drupal/sites/all/. Accedemos por FTP a nuestro sitio Web e instalamos la carpeta framebasico en: drupal/sites/all/themes/. De esta forma la ruta del sistema para nuestro tema contribuido ser: www/drupal/sites/all/themes/framebasico. En www/drupal/files cargamos el logo personalizado del tema que es la imagen previamente preparada framebasico_logo.gif cuya original es titulo-uhu.jpg descargada de la Web de referencia comentada de la Universidad de Huelva:

Accedemos como administradores del sistema y vamos al men de administracin, siguiendo estos pasos para configurar el tema de Drupal: Administrar > Construccin del sitio > Temas > Lista: Activamos framebasico y seleccionamos que quede activo por defecto en el sistema. El tema garland quedar activo pero no ser el tema que veamos a partir de ahora:

330

Pestaa configurar > Opciones globales: Desactivamos la opcin de mostrar informacin del envo en todos los Tipos de Contenido creados, para que no se muestre la informacin del autor del nodo en pantalla. Pestaa configurar > framebasico: Activaremos: Logo Nombre del sitio Bloque de bsqueda Ruta al logo personalizado files/framebasico_logo.gif

(previamente

cargado

por

FTP):

331

Cuando guardemos la configuracin obtendremos nuestro logo situado en la cabecera de la Web; en page.tpl.php habamos codificado previamente el link de enlace con la Web de la Universidad de Huelva. En Administrar > Configuracin del sitio > Informacin del sitio, recordamos que activamos el nombre del Departamento: Nombre: Departamento de Tecnologas de la Informacin

332

5.3.10.3. Mostrar un men de enlaces hacia la UHU Administrar > Construccin del sitio > Mens: Vamos a construir los enlaces hacia la Web de la Universidad de Huelva. Aadir men: Men Universidad de Huelva Y creamos tres elementos del men: Rectorado Servicios Centros Cada uno con el enlace correcto, de la misma forma que Rectorado:

333

Administrar > Construccin del sitio > Bloques: Los bloques pueden mostrarse en diferentes Regiones, dependiendo de las que defina el Tema usado en cada momento. El tema framebasico define ocho regiones posibles: navigation encabezado content top lateral derecho lateral izquierdo content bottom closure pie

Para la definicin visual del sitio usaremos la regin navigation para presentar el bloque del men de enlaces Men Universidad de Huelva y la regin encabezado para exponer una serie de imgenes aleatorias que completarn la imagen corporativa de la Web. Esta regin tambin presenta al men que contenga los enlaces primarios, en nuestro caso llamado Primary links y el buscador. Ahora veremos cmo hemos implementado la galera de imgenes aleatorias.

334

5.3.10.4. Mostrar una galera de imgenes aleatorias A continuacin veremos cmo hemos construido una galera de imgenes de aparicin aleatoria en pantalla, que sern personalizables por el administrador del sitio. El objetivo es completar el aspecto corporativo del sitio. Descripcin de Elementos de Drupal
Tipo de Contenido y campos
Imagen portada: Nombre Imagen Campo obligatorio.

Categora y trminos

View
imgenes_portada_aleatorias

Bloque / Page / Men

Block

Mdulos

Para el desarrollo de nuestro objetivo previamente descargamos varias imgenes de la Web de la Universidad de Huelva que nos est sirviendo de referencia: banner03.jpg banner04.jpg banner05.jpg banner07.jpg

Instalaremos los mdulos: ImageCache

Este mdulo permite generar imgenes de diferente tamao y dimensiones a partir de una original. A travs de un interfaz grfico de usuario se pueden programar una serie de modificaciones, llamadas presets que sern cacheadas y permitirn mostrar una misma imagen de muchas maneras diferentes. Gracias al mdulo Views podremos generar una galera de imgenes aleatorias que mostrar en el encabezado de la Web del Departamento.

335

ImageCache Actions: Aade acciones para el diseo de un preset, en otras palabras, extiende las funcionalidades de ImageCache

Sin ImageCache Actions:

Con ImageCache Actions:

Por tanto mantenemos este mdulo para aadir estas funcionalidades por si el administrador las pudiera considerar vlidas en un futuro. ImageAPI: Necesitado por ImageCache

336

5.3.10.4.1. Configuracin de mdulos ImageAPI Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido ImageAPI Administrar > Configuracin del sitio > ImageAPI > Configure:

Por defecto nos devuelve una calidad del 75% ImageCache Administrar > Construccin del sitio > Mdulos: Activamos el mdulo contribuido ImageCache Administrar > Construccin del sitio > Add New Preset:

337

Aadimos el preset imagenes_portada y lo editamos:

Hemos usado dos acciones, Crop y Desature, con la primera definimos el rea de tamao al que se ajustar la imagen que carguemos y lo centramos en el mismo rea; con la segunda eliminamos el color de las imgenes convirtindolas en escala de grises (el administrador decidir qu imgenes quiere ubicar y tan solo tiene que borrar esta accin). El preset es un formato para la imagen que queremos mostrar y por esto las dimensiones son muy importantes, nuestro ancho de pantalla y alto del bloque: 960 x 120. El preset ajustar las imgenes, segn las opciones con las que haya sido construido para respetar estas dimensiones.

338

Por ejemplo, en vez de usar Crop, que rellena dimensiones del rea si la imagen es menor y recorta dimensiones para ajustar si se excede, podemos usar Resize que reajusta el tamao de la imagen al rea ignorando el ratio; entre otras opciones posibles. La opcin de peso nos propone un orden para las acciones.

339

5.3.10.4.2. Creacin de tipos de contenido Administrar > Gestin de contenido > Tipo de contenido > Aadir tipo de contenido: Crearemos el Tipo de Contenido Imagen portada:

340

5.3.10.4.3. Creacin de campos Administrar > Gestin de contenido > Tipo de contenido > Edit Imagen portada: Creamos el campo Imagen:

Dejamos el alias automtico de URL por defecto.

341

Con lo cual ya podemos dar de alta contenidos Tipo Imagen portada en Administracin > Gestin de contenido > Contenido > Aadir Imagen portada:

342

5.3.10.4.4. Creacin de vistas ImageCache se integra perfectamente con el mdulo Views ya que nos permite listar imgenes asociadas a nodos en el preset que queramos, al aadir un campo de tipo imagen, tal y como hemos hecho al crear el tipo de contenido, podemos seleccionar uno de los presets ya existentes para mostrar la imagen con un determinado formato. Despus gracias a la generacin de un bloque lo mostraremos en pantalla. Administrar > Construccin del sitio > Views > Aadir: Creamos la vista imagenes_portada_aleatorias

343

Es aqu donde seleccionamos el preset creado previamente.

344

5.3.10.4.5. Visibilidad de bloques Administrar > Construccin del sitio > Bloques:

Mostramos el bloque y cuando se hayan cargado las cuatro imgenes que preparamos al inicio completaremos el diseo visual del sitio Web del Departamento.

345

5.3.10.4.6. Prototipos de pantalla

346

5.4. DISTRIBUCION DEL SITIO En la versin 5, Drupal agrega Perfiles de instalacin (a veces confusamente llamados Perfiles de distribucin) a su lista de caractersticas. Un perfil de la instalacin bsicamente no es ms que una lista de mdulos requeridos y una gran variedad de cdigo de configuracin. Una distribucin de Drupal es uno o ms perfiles de instalacin que incluyen a Drupal por s mismo y a todos los mdulos necesarios. Vamos a hacer posible compartir nuestro sitio de Drupal, y vamos a hacerlo de la forma ms rpida posible. El mtodo tradicional de creacin de perfiles de instalacin consiste en escribir cdigo para cada cambio efectuado en nuestro sitio, etc. Podemos ayudarnos de mdulos como Install Profile API http://drupal.org/project/install_profile_api y Profile Generator http://drupal.org/project/profile_generator pero an as es un duro esfuerzo. Sin embargo, hay una cosa que todos los tipos de CCK, Views, Bloques, etc. que componen nuestro sitio tienen en comn: todos ellos estn almacenados en la base de datos. Podemos utilizar este hecho como una gran ventaja y simplemente colocar un Drupal previamente preparado junto con un volcado consistente de la base de datos para obtener una distribucin de nuestro sitio Drupal. Paso 1: Depuracin de contenidos del sitio Paso 2: Volcado del Drupal del sitio a local Paso 3: Reemplazar settings.php y robots.txt Paso 4: Volcado consistente de la base de datos del sitio Paso 5: Compresin de carpetas

347

Paso 1: Depuracin de contenidos del sitio Respetamos los Roles creados Eliminamos los usuarios creados y renombramos al usuario administrador como: Nombre de usuario: administrador E-Mail: administrador@administrador.es Contrasea: uhu Contenidos > Lista; respetamos los contenidos: Imagen Portada Web Links Localizacin Ficha de personal: exclusivamente la del administrador

Configuracin del sitio > Informacin del sitio; introducimos una informacin bsica para su posterior edicin una vez instalada la distribucin

El resto de informacin del sistema permanece inalterada. Paso 2: Volcado del Drupal del sitio a local Accedemos por FTP y descargamos completo el directorio drupal, www/drupal, de nuestro sitio a local. Una vez obtenemos el volcado realizamos las siguientes operaciones: drupal/files: eliminamos contenido personalizado para nuestro sitio drupal/files/pictures: eliminamos contenido personalizado drupal/sites/all/themes: dejaremos exclusivamente el tema propio de la Universidad de Huelva, framebasico

Paso 3: Reemplazar settings.php y robots.txt drupal/sites/default: reemplazamos settings.php de nuestro sitio por un settings.php original de la ltima versin de Drupal, en este caso Drupal 5.19 drupal: reemplazamos robots.txt de nuestro sitio que fue desactivado para impedir que nuestro sitio fuera encontrado durante su desarrollo en una bsqueda por un robots.txt original de la ltima versin de Drupal.

348

Paso 4: Volcado consistente de la base de datos del sitio Accedemos a cPanel apartado Base de Datos y con el phpMyAdmin llevamos a cabo las siguientes operaciones: - Seleccin de la base de datos Drupal de nuestro sitio para prepararla de forma consistente antes de exportarla a local: Seleccionamos tablas cache_ opcin Vaciar Seleccionamos tabla sessions opcin Vaciar

Seleccionamos toda aquella tabla que tenga residuos con la opcin Reparar la tabla Seleccionar todo> Enviar (genera un archivo

Exportar > descargable)

- Ya en local renombramos el archivo de base de datos que hemos obtenido por bd.sql

349

Paso 5: distribucin_departamento.rar Ya tenemos la distribucin de nuestro sitio. Hacemos una compresin de carpetas que llamaremos distribucin_departamento.rar compuesto de: Una carpeta drupal lista para aadirse por FTP a un nuevo sitio Un archivo de bases de datos bd.sql preparado para importarse al nuevo sitio

Con estos dos recursos podemos fcilmente distribuir el sistema de gestin de contenidos implementado para la Web de nuestro Departamento a cualquier otro Departamento de la Universidad de Huelva. readme.txt con la gua de la instalacin para el nuevo sitio donde se desee implementar la distribucin.

Recursos: http://www.lullabot.com

350

6. EVALUACION 6.1. GUIA DE EVALUACION HEURISTICA PARA LA VALIDACION DE LA USABILIDAD DEL SITIO Jakob Nielsen estudi 249 problemas de usabilidad y a partir de ellos dise lo que llam las reglas generales para identificar los problemas de usabilidad. Los principios definidos por Nielsen son los siguientes:

Visibilidad del estado del sistema: el sistema siempre debera mantener informados a los usuarios de lo que est ocurriendo, a travs de retroalimentacin apropiada dentro de un tiempo razonable. Relacin entre el sistema y el mundo real: el sistema debera hablar el lenguaje de los usuarios mediante palabras, frases y conceptos que sean familiares al usuario, ms que con trminos relacionados con el sistema. Seguir las convenciones del mundo real, haciendo que la informacin aparezca en un orden natural y lgico. Control y libertad del usuario: hay ocasiones en que los usuarios elegirn las funciones del sistema por error y necesitarn una salida de emergencia claramente marcada para dejar el estado no deseado al que accedieron, sin tener que pasar por una serie de pasos. Se deben apoyar las funciones de deshacer y rehacer. Consistencia y estndares: los usuarios no deberan cuestionarse si acciones, situaciones o palabras diferentes significan en realidad la misma cosa; siga las convenciones establecidas. Prevencin de errores: mucho mejor que un buen diseo de mensajes de error es realizar un diseo cuidadoso que prevenga la ocurrencia de problemas. Reconocimiento antes que recuerdo: se deben hacer visibles los objetos, acciones y opciones. El usuario no tendra que recordar la informacin que se le da en una parte del proceso, para seguir adelante. Las instrucciones para el uso del sistema deben estar a la vista o ser fcilmente recuperables cuando sea necesario. Flexibilidad y eficiencia de uso: la presencia de aceleradores, que no son vistos por los usuarios novatos, puede ofrecer una interaccin ms rpida a los usuarios expertos que la que el sistema puede proveer a los usuarios de todo tipo. Se debe permitir que los usuarios adapte el sistema para usos frecuentes.

351

Esttica y diseo minimalista: los dilogos no deben contener informacin que es irrelevante o poco usada. Cada unidad extra de informacin en un dilogo, compite con las unidades de informacin relevante y disminuye su visibilidad relativa. Ayudar a los usuarios a reconocer, diagnosticar y recuperarse de errores: los mensajes de error se deben entregar en un lenguaje claro y simple, indicando en forma precisa el problema y sugerir una solucin constructiva al mismo. Ayuda y documentacin: incluso en los casos en que el sistema pueda ser usado sin documentacin, podra ser necesario ofrecer ayuda y documentacin. Dicha informacin debera ser fcil de buscar, estar enfocada en las tareas del usuario, con una lista concreta de pasos a desarrollar y no ser demasiado extensa.

Basndonos en estos principios elaboramos una gua de criterios, estructurada en forma de checklist, para facilitar la prctica de la evaluacin. Todos los puntos estn formulados como preguntas en donde la respuesta afirmativa implica que no existe un problema de usabilidad, y la negativa que s.

352

6.1.1. Checklist del sitio Web Aspectos generales

Los contenidos y servicios que ofrece se corresponden con los objetivos del sitio Web? S Muestra de forma precisa y completa qu contenidos o servicios ofrece realmente el sitio Web? S La estructura general del sitio Web est orientada al usuario? S El look & feel general se corresponde con los objetivos, caractersticas, contenidos y servicios del sitio Web? S Es coherente el diseo general del sitio Web? S El sitio Web se actualiza peridicamente? Indica cundo se actualiza? S Las fechas que se muestren en la pgina deben corresponderse con actualizaciones, noticias, eventos... no con la fecha del sistema del usuario.

Branding Muestra la pgina inicial la naturaleza del negocio y se identifica bien el logotipo o marca? S Aparecen elementos de la marca o de la imagen corporativa en todas las pginas? S Aparece la marca en un lugar importante dentro de la pgina? S Se proporciona mecanismos para poner en contacto con la empresa? S

Navegacin Se mantiene una navegacin consistente y coherente a lo largo del sitio? S Es predecible la respuesta del sistema antes de hacer clic sobre el enlace? S Esto est relacionado con el nivel de significacin del rtulo del enlace.

Se ha controlado que no existan enlaces rotos? S Existen elementos de navegacin que orienten al usuario acerca de dnde est y cmo deshacer su navegacin tales como breadcrumbs o enlaces a la pgina de inicio? S

353

Lay-Out de la Pgina

Se aprovechan las zonas de alta jerarqua informativa de la pgina para contenidos de mayor relevancia? S Como por ejemplo la zona central.

Es una interfaz limpia, sin ruido visual? S Existen zonas en "blanco" entre los objetos informativos de la pgina para poder descansar la vista? S

Bsqueda

Se encuentra fcilmente accesible? S Es decir: directamente desde la home, y a ser posible desde todas las pginas del sitio, y colocado en la zona superior de la pgina.

Es fcilmente reconocible como tal? S

Ayuda

Se ofrece ayuda contextual en tareas complejas? S

Referente a los usuarios con acceso identificado al sistema y al administrador del sistema en particular: Todos los campos de los formularios de alta de contenidos, as como categoras y vistas presentan un texto explicativo de su significado. Tambin se incorpora texto de ayuda para guiar al usuario cuando rellene un formulario de alta de un tipo de contenido. Accesibilidad Es compatible el sitio Web con los diferentes navegadores? S

Entre otros, la aplicacin ha sido testeada tanto en IE como en Mozilla Firefox que son dos de los ms utilizados por la audiencia.

Puede el usuario disfrutar de todos los contenidos del sitio Web sin necesidad de tener que descargar e instalar plugins adicionales? S Se puede imprimir las pginas sin problemas? S

Feedback Puede el usuario ponerse en contacto para hacer sugerencias o comentarios? S

354

7. CONCLUSIONES La metodologa empleada para el desarrollo de este proyecto ha sido efectiva. El CMS Drupal ha respondido a las expectativas mostrndose como una herramienta potente y gil durante la fase de implementacin y ayudndonos ha alcanzar los objetivos propuestos. Consideremos por tanto que el sistema cumple con la misin y objetivos planteados por el Departamento. 7.1. MANTENIMIENTO Con una aplicacin desarrollada con Drupal debemos tener en cuenta que el proceso de mejora continua, y el ritmo y modelo de desarrollo por mdulos contribuidos, supone que en la vida del sitio Web tengamos que realizar cambios y trabajos de actualizacin controlados. Uno de los retos a los que se enfrenta todo administrador de Drupal es la gestin del cambio. En un sistema que funcione simplemente con el core de Drupal el proceso de actualizacin a la siguiente versin de Drupal es muy simple. Al aadir las funcionalidades de los mdulos contribuidos debemos tener en cuenta que los mdulos utilizados hayan sido previamente actualizados antes de efectuar un cambio de versin y dichas actualizaciones estn testeadas y contrastadas convenientemente por su uso en la comunidad Drupal.

355

7.2. EXTENSIONES Y MEJORAS Si bien el sistema cumple con los requerimientos efectuados, podemos mejorar la presencia del sitio Web frente a su audiencia mediante nuevas opciones o funcionalidades para el sistema. Recomendamos la siguiente ampliacin que puede llevarse a cabo una vez el sistema est instalado en cada Departamento: Publicar el mapa del sitio Web Para ello recomendamos el mdulo contribuido XML Sitemap de Drupal, que puede descargarse desde http://drupal.org/project/xmlsitemap. El mdulo XML Sitemap nos sirve para generar un mapa de nuestro sitio Web y poder enviarlo a los principales buscadores. El mapa del sitio puede ser automticamente enviado a Google y Yahoo! entre otros buscadores de Internet. Al envirselo ayudaremos al buscador al rastreo de nuestra Web para una mejor indexacin. Este mdulo tambin puede aadir enlaces al mapa del sitio para contenidos, mens y perfiles de usuario. Por otra parte, proponemos algunos de los servicios que podra ser interesante aadir al sitio Web en posteriores versiones del producto: Formularios Adaptacin de los formularios tipo usados por el departamento para solicitudes de permisos, etc. del profesorado, a un sistema digital, accesible solo por usuarios autorizados, en donde un profesor pueda escoger el tipo de formulario que necesita para el asunto que desea comunicar y una vez enviado dicho formulario a travs de la intranet del departamento se distribuya a las personas adecuadas para su visto bueno o autorizacin electrnica. Firma digital Abundando en la propuesta anterior se podra implantar un sistema de autorizacin por firma digital de la solicitud efectuada a travs de los formularios haciendo un control aadido del flujo de autorizaciones para cada tipo de solicitud. Foro Presentar un foro, restringido a usuarios autorizados, podra servir como herramienta de transmisin del conocimiento entre el alumnado del departamento y como espacio de debate acadmico.

356

8. BIBLIOGRAFIA Libros:

Pro Drupal Development. John K. VanDyk y Matt Westgate, 2007. Drupal 5 Themes. Ric Shreves, 2007. The elements of user experience. Jesse James Garrett, 2003. No me hagas pensar. Steve Krug, 2006. Usabilidad. Prioridad en el diseo Web. JaKob Nielsen y Hoa Loranger, 2007. Desarrollo Web con Dreamweaver CS3, CSS, Ajax y PHP. David Powers, 2008. HTML, XHTML y CSS. Elizabeth Castro, 2007. Sitios Web: Web oficial de la Universidad de Huelva. Web oficial de Drupal. Web oficial de The Information Architecture Institute.

http://www.uhu.es http://drupal.org http://iainstitute.org/

http://www.usabilitynet.org/ Web oficial de UsabilityNet. Adicionalmente hemos accedido a la informacin de otros sitios Web que indicamos como Recursos a lo largo del desarrollo de la presente memoria.

357

9. ANEXOS 9.1. MANUAL DE INSTALACION 9.1.1. Introduccin El presente manual le servir como gua para efectuar la instalacin de Drupal 5 usando cPanel. Tambin le permitir fcilmente implementar la distribucin generada, del desarrollo Web llevado a cabo, en los distintos Departamentos de la Universidad de Huelva. En este caso no tiene porqu instalar previamente Drupal 5 puesto que ya est incluido en la distribucin. Lo que s necesitar es un sitio Web activo que cumpla los requisitos mnimos para una instalacin bajo Drupal. Durante el desarrollo de los distintos apartados de la presente gua usaremos el sitio www.ejemplo.com/drupal como ejemplo tanto en el caso de que efecturamos una instalacin de Drupal 5 desde cero, bajo cPanel, como en el caso de que dispongamos del sitio Web y lo que deseemos sea implementar directamente la distribucin para nuestro Departamento.

358

9.1.2. Requisitos del sistema Servidor Web Apache (recomendado) Drupal trabaja con Apache 1.3 Apache 2.x hospedado sobre UNIX/Linux, OS X, o Windows. La mayor parte de los desarrollos de Drupal ha sido hecha bajo Apache, por tanto existe un mayor grado de experiencia con Apache que con otros servidores Web como podra ser Microsoft IIS. PHP Recomendado: PHP 5.2.x Requerido: PHP versin 4.3.5 o superiores Servidor de Bases de Datos Recomendado: MySQL 4.1 o MySQL 5.0 Navegadores Adjuntamos una lista de navegadores que trabajan correctamente con Drupal:

Internet Explorer 6.x y posteriores Firefox 2.x y posteriores Opera 7 y posteriores Safari 1.x y posteriores Camino 1.x y posteriores

El sitio Web departamental desarrollado ha sido chequeado tanto con Internet Explorer versin 8 como con Firefox versin 3.0.13, siendo satisfactorio el resultado.

359

9.1.3. Instalacin de Drupal 5 usando cPanel Muchos proveedores de alojamiento utilizan un panel de control para proteger a los usuarios de la complejidad de sus servidores. cPanel es uno de estos paneles de control. Desestimamos la utilidad Fantastico puesto que haremos uso extensivo del archivo update.php para la actualizacin de la base de datos con la Distribucin as como los upgrades a nuevas versiones del core o de mdulos contribuidos, y procedemos a efectuar la instalacin de Drupal 5 en una cuenta perteneciente a nuestro dominio, por ejemplo: www.ejemplo.com/drupal Paso 1: Instalacin desde cPanel Paso 2: Descarga de la ltima versin de Drupal 5 e instalacin en el sitio Paso 3: Primera cuenta de Drupal

360

Paso 1: Instalacin desde cPanel Necesitamos una cuenta de FTP para subir el paquete de archivos. Dicha cuenta nos la facilitar nuestro proveedor de hosting. Podemos usar el paquete FileZilla. Accedemos a cPanel con nuestros datos de usuario y contrasea facilitados por el proveedor de hosting:

361

Una vez en cPanel crearemos la base de datos desde el men Base de Datos > Asistente de bases de datos MySQL:

362

Posteriormente nos pedir asignar permisos del usuario creado a la base de datos, seleccionamos All privileges y guardamos los cambios completando el paso 4:

Estos datos nos sern solicitados durante el proceso de instalacin de Drupal. Ya tenemos preparada la base de datos para Drupal.

363

Paso 2: Descarga de la ltima versin de Drupal 5 e instalacin en el sitio Descargamos la ltima versin de Drupal 5 desde el sitio http://drupal.org, actualmente la versin 5.19 Lo descomprimimos y abrimos el cliente FTP para subir los ficheros. Creamos un subdirectorio /drupal dentro de la carpeta www del directorio raz para no interferir con otros archivos de instalaciones propias. Subimos todos los archivos contenidos dentro del archivo descomprimido drupal-5.19 El fichero robots.txt indica a los bots de los buscadores que pueden entrar en la Web para explorar y cmo, si queremos evitarlo durante el periodo de desarrollo e implementacin del sistema editamos este fichero aadiendo la segunda lnea: User-agent: * Disallow: / Tambin debemos crear un nuevo directorio desde la raz del sitio www/drupal llamado files: www/drupal/files.

Una vez completada la operacin realizamos los siguientes ajustes en la carpeta drupal: drupal/files: asignamos permisos de escritura 777 drupal/sites/default: asignamos permisos 777 de escritura al archivo settings.php

Introducimos la direccin de nuestro sitio Web en el navegador y Drupal nos requerir la informacin de configuracin de la base de datos que vamos a utilizar: Database name Database username Database password

A partir de ahora ya podemos acceder a nuestro sitio Web para crear la primera cuenta de Drupal. Tambin debemos cambiar los permisos del archivo settings.php con el valor numrico 544 para dejarlo protegido.

364

Paso 3: Primera cuenta de usuario de Drupal Una vez creado el sitio debemos seleccionar create the first account > Create new account para crear la cuenta del primer usuario, que ser el sper usuario con todos los permisos de administrador concedidos por el sistema de forma automtica. Posteriormente tendremos la opcin de cambiar la contrasea de la cuenta que Drupal nos ha generado. Antes de dar por finalizada la instalacin debemos ir a Administer > User Management > User Settings > Public Registrations: > Only site administrators can create new user accounts > Save Configuration As evitamos que alguien ms pueda crear una cuenta desde el exterior del sistema. Hemos finalizado la instalacin de Drupal en nuestro sitio de ejemplo.

A partir de ahora comenzara el proceso de configuracin y creacin de contenidos del sitio. Esto no ser necesario usando la Distribucin que hemos preparado.

365

9.1.4. Instalacin de la distribucin Para la instalacin de la Distribucin partimos del supuesto de que tenemos un sitio, por ejemplo www.ejemplo.com/drupal con una base de datos ya preparada con cPanel. No necesitamos hacer una previa instalacin de Drupal, ste ya est incluido en el paquete de la Distribucin. Cuatro sencillos pasos: Paso 1: Descomprimir el archivo distribucin_departamento.rar Paso 2: Importar el archivo bd.sql Paso 3: Instalacin de la carpeta drupal en www/drupal Paso 4: Acceso al sitio

366

Paso 1: Descomprimir el archivo distribucin_departamento.rar Obtenemos: Una carpeta drupal lista para aadirse por FTP a un nuevo sitio Un archivo de bases de datos bd.sql preparado para importarse al nuevo sitio

Con estos dos recursos podemos fcilmente distribuir el sistema de gestin de contenidos implementado para la Web de nuestro Departamento a cualquier otro Departamento de la Universidad de Huelva. readme.txt con la gua de la instalacin para el nuevo sitio donde se desee implementar la distribucin.

Paso 2: Importar el archivo bd.sql Accedemos a cPanel apartado Base de Datos y con phpMyAdmin llevamos a cabo las siguientes operaciones: - Seleccin de la base de datos Drupal de nuestro sitio. - Importar > Examinar: introducimos la direccin de nuestro archivo en local bd.sql - Continuar

367

Debemos obtener un mensaje como ste indicando que la operacin se ha efectuado correctamente:

368

Paso 3: Instalacin de la carpeta drupal en www/drupal Accedemos por FTP y subimos a www/ el drupal que hemos preparado. Una vez completada la operacin realizamos los siguientes ajustes en la carpeta drupal: drupal/files: asignamos permisos de escritura 777 drupal/files/pictures: asignamos permisos de escritura 777 drupal/files/imagecache: asignamos permisos de escritura 777 drupal/sites/default: asignamos permisos 777 de escritura al archivo settings.php

Paso 4: Acceso al sitio Introducimos la direccin de nuestro sitio Web en el navegador y Drupal nos requerir la informacin de configuracin de la base de datos que vamos a utilizar: www.ejemplo.com/drupal

369

Una vez introducidos obtenemos la siguiente pantalla:

Si pulsamos el vnculo recibiremos el siguiente mensaje alertndonos de que an no nos hemos autentificado como administradores del sitio Web:

Por tanto demos acceder con el administrador prefijado por la Distribucin, y cuando hayamos completado el proceso de instalacin podremos editar sus datos a conveniencia: Nombre de usuario: administrador Contrasea: uhu

370

Introducimos en nuestro navegador el siguiente link, con la instruccin update.php: www.ejemplo.com/drupal/update.php

Pulsamos en el link run the database upgrade script, y a continuacin Update:

Finalmente hemos completado la actualizacin de la base de datos y nos dirigimos a las pginas de administracin de nuestro sitio Web en Drupal:

371

Con el siguiente resultado:

Revisamos el informe de estado en Registro > Informe de estado:

Debemos acceder por FTP a drupal y modificar los permisos del archivo settings.php con el valor 544. Tambin lo hubiramos podido hacer antes de acceder como administradores para ejecutar update.php.

372

Si volvemos a Registro > Informe de estado:

A partir de este momento ya podemos gestionar los contenidos de nuestro nuevo sitio Web puesto que la instalacin ha finalizado satisfactoriamente.

373

9.1.5. Actualizacin de la versin de Drupal La instalacin de Drupal activar un aviso para informarnos de que una nueva versin del Drupal que tenemos instalado ha sido lanzada por la comunidad Drupal. No es necesario desactivar nada en la actual instalacin, incluyendo a los mdulos contribuidos que estamos usando. Seguimos los siguientes pasos: Paso 1: Descarga de la nueva versin de Drupal Paso 2: Back up de www/drupal a local Paso 3: Ajustes previos en local de la nueva versin Paso 4: Instalacin de la carpeta drupal en www/drupal Paso 5: Acceso al sitio

374

Paso 1: Descarga de la nueva versin de Drupal Descargamos la nueva versin de Drupal 5 desde el sitio http://drupal.org Paso 2: Back up de www/drupal a local Accedemos por FTP y descargamos la actual instalacin www/drupal a local y despus eliminamos drupal del directorio www/ Paso 3: Ajustes previos en local de la nueva versin Vamos a preparar en nuestro disco duro la nueva versin de Drupal antes de subirla al directorio www/ de nuestro servidor. Preparamos una nueva carpeta llamada drupal para la nueva versin y aprovechando el back up efectuado de la versin antigua de nuestro sitio introducimos: Contenido de la carpeta con la ltima versin de drupal Carpeta files de la instalacin antigua Archivo robots.txt de la instalacin antigua reemplazando el de la ltima versin de drupal Archivo sites/default/settings.php de la instalacin antigua reemplazando el de la ltima versin de drupal Dentro de sites/all ubicamos el directorio modules (mdulos contribuidos) y el directorio themes (temas contribuidos) de la antigua instalacin de drupal, la de nuestro sitio Carpeta sites/all/modules/jquery_update/misc/jquery.js de la instalacin original de nuestro sitio copiamos jquery.js en el directorio misc/jquery.js de la nueva versin de drupal sobrescribiendo el archivo existente de dicha versin

Paso 4: Instalacin de la carpeta drupal en www/drupal Accedemos por FTP y subimos a www/drupal la nueva versin que hemos preparado previamente. Una vez completada la operacin realizamos los siguientes ajustes en la carpeta drupal: drupal/files: asignamos permisos de escritura 777 drupal/files/pictures: asignamos permisos de escritura 777 drupal/files/imagecache: asignamos permisos de escritura 777

375

Paso 5: Acceso al sitio Introducimos la direccin de nuestro sitio Web en el navegador y accedemos como administradores Introducimos en nuestro navegador el siguiente link, con la instruccin update.php: www.ejemplo.com/drupal/update.php Pulsamos en el link run the database upgrade script, y a continuacin Update. Finalmente hemos completado la actualizacin de la base de datos y nos dirigimos a las pginas de administracin de nuestro sitio Web en Drupal. Si volvemos a Registro > Informe de estado debemos comprobar que todas las verificaciones estn correctas y la nueva versin se ve reflejada como instalada.

376

9.1.6. Actualizacin de la versin de las extensiones La instalacin de Drupal activar un aviso para informarnos de que una nueva versin de alguno de los mdulos contribuidos que tenemos instalado ha sido lanzada por la comunidad Drupal.

Este sera un ejemplo de mensaje, si pulsamos en disponibilidad de actualizaciones vemos que Drupal nos est indicando que hay una nueva versin del mdulo contribuido Bibliography Module.

377

El proceso no afecta a los mdulos activados ni a la configuracin de los mismos. Seguimos los siguientes pasos: Paso 1: Descarga de la nueva versin del mdulo Paso 2: Acceso por FTP para eliminar la actual versin del mdulo Paso 3: Acceso al sitio Paso 4: Traduccin del mdulo

378

Paso 1: Descarga de la nueva versin del mdulo Directamente en el link que nos indica el sistema o en http://drupal.org Paso 2: Acceso por FTP para eliminar la actual versin del mdulo Accedemos por FTP para eliminar directamente la actual versin del mdulo contribuido de nuestro sitio Web en www/drupal/ sites/all/modules y reemplazarlo por la nueva versin previamente descomprimida en local. En mdulos con herramientas externas adicionales, como Print, no debemos olvidar incluir la herramienta por ejemplo en este caso TCPDF. Paso 3: Acceso al sitio Accedemos a nuestro sitio y ejecutamos update.php para actualizar la base de datos de nuestro drupal Paso 4: Traduccin del mdulo Si la carpeta del mdulo contiene fichero es.po dentro de la carpeta po debemos traducir al espaol las cadenas que permita dicho fichero en Configuracin del sitio > Localizacin > Gestionar idiomas > Importar

Subimos el fichero correspondiente al mdulo actualizado. Hemos finalizado la actualizacin del mdulo.

379

9.1.7. Rendimiento de la instalacin Opcionalmente podemos activar la cach de pginas para aumentar el rendimiento del sitio Web. Los pasos a seguir una vez habiendo accedido a la Web son: > Administrar > Configuracin del sitio > Rendimiento

Marcar como Normal la opcin Modo de cach.

380

9.2. MANUAL DEL USUARIO 9.2.1. Introduccin El presente manual le servir como gua para gestionar los contenidos del sitio Web del Departamento de Tecnologas de la Informacin de la Universidad de Huelva. Cada usuario tendr uno o varios roles asignados por el Administrador del sistema, dependiendo de dicha asignacin podr tener acceso a la creacin o edicin y borrado de una serie de contenidos. Le mostraremos cmo podr acceder a cada uno de los formularios de contenido para crearlo o editar un elemento que se ha dado de alta previamente.

381

9.2.2. Usuario administrador El usuario administrador es el primer usuario del sistema y tiene todos los permisos de acceso a la administracin del mismo. Este usuario podr nombrar a otros usuarios como administradores del sistema mediante la asignacin del rol administradores adicionalmente al que ya ocupen. El administrador del sistema debiera seguir este orden en la introduccin de contenidos cuando inicialice el nuevo sitio Web: Alta Alta Alta Alta Alta de de de de de usuarios y asignacin de roles. contenidos Ficha de personal. contenidos Titulacin. contenidos Asignatura. contenidos Grupo de investigacin.

Posteriormente, si as lo requiere, podr gestionar contenidos como: Imagen portada. Pgina esttica.

El resto de contenidos relacionados a continuacin podr darlos de alta bien el administrador u otros usuarios del sistema autorizados, no obstante los contenidos de edicin propia marcados en negrita, deben ser creados por los mismos profesores que van a editarlos, si quieren poder acceder posteriormente a dicha edicin: Contenidos Contenidos Contenidos Contenidos Contenidos Contenidos Contenidos Contenidos tipo tipo tipo tipo tipo tipo tipo tipo Noticias. Proyecto FC/FM. Seminario. Comisin Permanente. Consejo de Departamento. Publicaciones. Destacados. Web Links.

382

9.2.3. Definicin de formularios Definicin de formularios de los tipos de contenido creados. Ficha de personal: Formulario de alta y edicin de la informacin acadmica de los distintos usuarios que componen el departamento. Titulacin: Formulario de alta y edicin de los estudios impartidos por el Departamento en la UHU. Asignatura: Formulario de alta y edicin de las asignaturas del Departamento. Grupo de investigacin: Formulario de alta y edicin de los grupos de investigacin compuestos por profesores del Departamento. Imagen portada: Formulario de alta y edicin de imgenes que podrn aparecer en la portada de forma aleatoria. Pgina esttica: Formulario para crear una pgina de informacin esttica a la que pueden aadirse subpginas para crear una estructura jerrquica de contenido. Se ha implementado para construir el apartado Localizacin y normalmente no tendr uso. Noticias: Formulario de alta y edicin de noticias del Departamento. Pueden estar asignadas a una asignatura en concreto o informar de temas generales. Proyecto FC/FM: Formulario de alta y edicin de los Proyectos final de carrera o final de mster que oferte el Departamento. Seminario: Formulario de alta y edicin de la informacin relacionada con Seminarios. Comisin Permanente: Formulario de alta y edicin de Comisin Permanente. Consejo de Departamento: Formulario de alta y edicin de Consejo de Departamento. Publicaciones: Formulario de alta y edicin de los distintos contenidos bibliogrficos que genere o recomiende el Departamento. Destacados: Formulario de alta y edicin de noticias o comunicaciones destacadas que por su relevancia formarn parte de la pgina principal del Departamento. Web Links: Formulario para generar enlaces a las pginas favoritas del Departamento.

383

9.2.4. Permisos de los usuarios del sistema

Permisos asignados en base al sistema de roles Tipo de Contenido Alta Edicin Edicin propio profesores director secretario profesores director secretario profesores director secretario profesores director secretario profesores director secretario profesores director secretario secretario profesores director secretario profesores director secretario profesores director secretario secretario

Ficha de personal

Asignatura

Grupo de investigacin

Noticias

Proyecto FC/FM

Seminario

Comisin Permanente secretario Consejo de Departamento profesores director secretario director secretario profesores director secretario profesores director secretario director secretario profesores director secretario secretario

Publicaciones

Destacados

Web Links

384

Consideraciones Generales: Todos los usuarios identificados, independientemente del rol que desempeen, podrn editar su ficha de usuario para cambiar su direccin de correo electrnico y su clave de acceso. Los roles: pas estudiantes (consejo) becarios

No tienen asignados permisos de gestin de contenidos en el sistema. Ser decisin del administrador del sistema la asignacin de cualquiera de ellos. Los contenidos: Titulacin. Imagen portada. Pgina esttica.

Solo pueden ser gestionados por el administrador del sistema. Existe una utilidad del sistema, consistente en la subscripcin a la informacin por correo electrnico de las distintas convocatorias que efecte el Secretario del Departamento a Consejos de Departamento y Comisiones Permanentes a la cual pueden acceder todos los usuarios identificados en el sistema.

385

9.2.5. Roles activos Roles propios del sistema: anonymous user: audiencia de la Web authenticated user: usuario genrico identificado

Roles implementados: profesores director: debe aadrsele rol profesores secretario: debe aadrsele rol profesores pas estudiantes (consejo) becarios administradores: aadir este rol a los roles que tenga cualquier usuario del sistema para convertirlo en administrador del sistema

386

9.2.6. Alta y edicin de usuarios El alta de usuarios es un permiso del Administrador. Posteriormente todos los autorizados podrn acceder a editar sus datos de Usuario. > Desde la pgina principal del sitio Web: Acceso identificado

387

Iniciar sesin Administrar > Gestin de usuarios > Usuarios > Aadir usuario:

Marcamos los Roles que desempear el usuario en el sistema (el rol director y el rol secretario deben incorporar el rol profesores). Crear cuenta nueva

388

Administrar > Gestin de usuarios > Usuarios > Lista Escogemos el usuario que hemos creado y seleccionamos editar

Procedemos a la edicin de las opciones introducidas durante el alta. Enviar Administrar > Logout

389

Podemos dar de baja a una lista de usuarios desde Administrar > Gestin de usuarios > Usuarios > Lista, marcndolos y escogiendo la opcin Eliminar los usuarios seleccionados, a continuacin, Actualizar:

390

9.2.7. Gestin de contenidos 9.2.7.1. Alta de administrador 9.2.7.1.1. Ficha de personal Acceso identificado Administrar > Gestin de usuarios > Usuarios > Lista Escogemos el usuario que hemos creado y seleccionamos editar Opcin Ficha de personal Rellenamos los campos: Nombre Perfil rea rganos de Gobierno Foto usuario Telfono Despacho Web Horario de tutora Enviar Logout. El contenido Ficha de personal siempre debe rellenarse desde la Gestin de usuarios para que el sistema asigne el permiso de edicin de la misma al propio usuario dado de alta.

391

9.2.7.1.2. Suscripciones Suscripcin de departamento. los usuarios del sistema a las convocatorias del

Acceso identificado Administrar > Gestin de usuarios > Usuarios > Lista Escogemos el usuario que hemos creado y seleccionamos editar Opcin Notificaciones Opcin Content type Marcamos el tipo de suscripcin

Guardar Logout. 9.2.7.1.3. Otros contenidos del sistema Acceso identificado Administrar > Gestin de contenido > Contenido Escogemos el Tipo de Contenido que deseamos aadir y rellenamos sus campos Enviar Logout.

392

9.2.7.2. Edicin de administrador 9.2.7.2.1. Ficha de personal Acceso identificado Administrar > Gestin de usuarios > Usuarios > Lista Escogemos el usuario que hemos creado y seleccionamos editar Opcin Ficha de personal Editamos los campos que deseemos modificar Enviar o Borrar si deseamos eliminar la ficha Logout. 9.2.7.2.2. Otros contenidos del sistema Acceso identificado Administrar > Gestin de contenido > Contenido > Lista Escogemos el contenido que deseamos editar y la operacin editar para acceder a la modificacin de sus campos Enviar Logout.

393

9.2.7.3. Alta de contenidos por otros roles Acceso identificado Administrar > Crear contenido: escogemos el contenido que deseamos aadir. Segn el nivel de autorizacin de cada rol tendremos acceso a crear unos u otros contenidos Rellenamos los campos del Formulario Enviar Cerrar sesin.

394

9.2.7.4. Edicin de contenidos por otros roles 9.2.7.4.1. Ficha de personal Acceso identificado Debajo del ttulo Ficha de personal escogemos la opcin Vista Opcin Editar Modificamos el contenido de los campos del Formulario Enviar Cerrar sesin. 9.2.7.4.2. Datos del usuario Acceso identificado Escogemos la pestaa Editar Editamos los campos que deseemos modificar Enviar Cerrar sesin.

9.2.7.4.3. Suscripciones Acceso identificado Escogemos la pestaa Notificaciones > Content type Marcamos el tipo de suscripcin Guardar Cerrar sesin.

395

9.2.7.4.4. Procedimiento general Procedimiento general de edicin de contenidos para los roles no administradores. Acceso identificado El contenido que buscamos est incorporado a los elementos que se presentan a la audiencia, es decir, forma parte del sistema de mens del Web, por tanto debemos acceder al apartado apropiado donde se encuentra alojado dicho contenido. Por ejemplo, editar una asignatura propia: Men Docencia Elemento de men Asignaturas Seleccionamos nuestra asignatura Obtenemos la ficha de nuestra asignatura que dispondr de una pestaa llamada Editar en donde accederemos a su contenido para modificarlo. Este procedimiento es el que hay que seguir para editar cualquier contenido creado anteriormente desde Administrar > Crear contenido Modificamos el contenido de los campos del Formulario Enviar Cerrar sesin.

396

9.2.8. Formulario de ficha de personal

397

9.2.9. Formulario de titulacin

398

9.2.10. Formulario de asignatura

399

9.2.11. Formulario de noticias

400

9.2.12. Formulario de proyecto FC/FM

401

9.2.13. Formulario de grupo de investigacin

402

9.2.14. Formulario de seminario

403

9.2.15. Formulario de comisin permanente

404

9.2.16. Formulario de consejo de departamento

405

9.2.17. Formulario de publicaciones

406

9.2.18. Formulario de destacados

407

9.2.19. Formulario de Web links

408

9.2.20. Formulario de imagen portada

409

9.2.21. Personalizacin del departamento En caso de haber instalado la Distribucin, el usuario Administrador puede proceder a personalizar los datos del Departamento. A continuacin indicamos los pasos a seguir en cada apartado. 9.2.21.1. Identificacin del departamento Acceso al sitio Administrar > Configuracin del sitio > Informacin del sitio:

Personalizamos los campos referentes al nuevo Departamento Guardar la configuracin.

410

9.2.21.2. Formulario de pgina esttica Edicin del contenido Localizacin. Acceso al sitio Pulsamos en Localizacin

Seleccionamos la pestaa Editar Accedemos al formulario de edicin del contenido para poder personalizar, con texto y cdigo HTML de Google Maps, el campo Cuerpo del contenido Enviar.

411

9.2.21.3. Formulario de contacto Acceso al sitio Administrar > Formulario de contacto > Lista > editar Personalizamos el campo Destinatarios con la direccin de mail que deseemos Enviar Administrar > Formulario de contacto > Opciones generales Personalizamos el campo Informacin adicional con los datos que deseemos Guardar la configuracin. 9.2.21.4. Modificar categoras Acceso al sitio Administrar > Gestin de contenido > Categoras > Lista: Desde aqu podemos editar cualquier categora y sus trminos, no obstante recomendamos personalizar: rea: dependiendo de las reas del departamento en cuestin lista de trminos editar cada trmino Modificar el Nombre del trmino o Borrar Enviar. Ao Acadmico: para los sucesivos aos. aadir trminos Nombre del trmino Enviar