Professional Documents
Culture Documents
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
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/
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
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
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
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
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
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
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
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/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:
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
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
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
Acceso Identificado
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
46
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 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 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
Grupos
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
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:
Carga de archivos en los distintos Tipos de contenido que generarn los usuarios con acceso identificado
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
57
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
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
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
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
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
OGO c Cage daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin
63
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
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
pOGO c g Cageg daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin
66
OGO c g Cageg daa o e so oce Departamento dede Departamento de Tecnologas de la Tecnologas de la Informacin Huelvaa Universidad Investigacin
67
) 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
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
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
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
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
Hierarchical Select Form Elements Hierarchical Select ImageAPI ImageAPI ImageCache ImageCache ImageCache
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
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
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
93
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
Pathauto Administrar > Configuracin del sitio > Alias automtico de URL: Configuraciones generales:
98
99
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:
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
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
111
112
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
Categora y trminos
View
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
118
119
Administrar > Gestin de contenido > Contenido > Aadir Pgina esttica:
120
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
123
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
128
129
Categora y trminos
Web Links: Boletines Oficiales Instituciones Acadmicas Prensa Publicaciones cientficas Sociedades cientficas
View
enlaces
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.
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
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
140
5.3.9.3.6. Creacin de elementos de men Administrar > Construccin del sitio > Mens > Aadir men:
141
142
Men
Buscar
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
144
2 tems.
Categora y trminos
View
portada_destacados
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
154
155
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
156
Men
Personal
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
Categora y trminos
Perfil: Profesores Director del departamento Secretario del departamento PAS Becarios Estudiantes Consejo Dep.
View
personal
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
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
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
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
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
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
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
190
191
192
193
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 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
194
Categora y trminos
Oferta Acadmica: Licenciatura Diplomatura Ingeniera Ingeniera Tcnica Grado Posgrado-Mster Posgrado-Doctorado Mster Oficial Curso Ttulo de Experto Mster
View
estudios
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
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
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
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
215
216
217
Men
Noticias
218
Categora y trminos
Ao Acadmico: 2009/2010 2010/2011 2011/2012
View
argumento_coordinador asignaturas
Campo obligatorio.
Categora y trminos
View
noticias
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
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
224
225
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
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
236
Vista argumento_coordinador Administrar > Construccin del sitio > Views > Aadir Creamos la vista
237
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
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
245
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:
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
249
5.3.9.9. Estudio del caso: PFC / Fin de Mster Inventario de Contenidos y Etiquetado
Men
Docencia
Categora y trminos
Ao Acadmico: 2009/2010 2010/2011 2011/2012
View
pfc
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:
Tipo Asignatura, Proyecto FC/FM Asignatura, Ficha de personal, Proyecto FC/FM Asignatura, Proyecto FC/FM Proyecto FC/FM
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
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
260
261
5.3.9.10.1. Creacin de vistas Administrar > Construccin del sitio > Views > Aadir: Creamos la vista
262
263
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
266
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.
Categora y trminos
View
grupos_investigacion
Categora y trminos
View
Categora y trminos
View
seminarios
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
270
271
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
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
Vista grupos_investigacion Administrar > Construccin del sitio > Views > Aadir: Creamos la vista
277
278
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
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:
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
286
287
288
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
Men
Calendario
Categora y trminos
Tipo de Convocatoria: Ordinaria Extraordinaria
View
argumento_comision convocatorias_comision
argumento_consejo convocatorias_consejo
Campo obligatorio.
Categora y trminos
View
calendario
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
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.
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
296
5.3.9.12.3. Creacin de categoras Administrar > Gestin de contenido > Categoras > Aadir vocabulario: Creamos la categora Tipo de convocatoria
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.
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
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
Se generar una pestaa anexa a la ya creada para vistas con URL del tipo convocatorias/*.
305
306
Vista calendario Administrar > Construccin del sitio > Views > Aadir: Creamos la vista
307
Calendar
que
ser el
que
308
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
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
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
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
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:
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
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
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
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
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:
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
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
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
- 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
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.
Ayuda
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
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.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
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
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
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
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
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
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
397
398
399
400
401
402
403
404
405
406
407
408
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:
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