creación de una nueva página web para el centro...

18
CREACIÓN DE UNA NUEVA PÁGINA WEB PARA EL CENTRO UNIVERSITARIO DE LA GUARDIA CIVIL Proyecto Final de Grado Grado de Multimedia TFG-Gestión y publicación de contenidos Realizado por: Francisco Javier Romero Díaz Consultor: David Alcubirre Arenillas Profesor: César Pablo Córcoles Briongos

Upload: others

Post on 24-May-2020

6 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

CREACIÓN DE UNA NUEVA PÁGINA WEB PARA EL CENTRO UNIVERSITARIO

DE LA GUARDIA CIVIL Proyecto Final de Grado

Grado de Multimedia TFG-Gestión y publicación de contenidos

Realizado por: Francisco Javier Romero Díaz

Consultor: David Alcubirre Arenillas Profesor: César Pablo Córcoles Briongos

Page 2: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

En el año 2009 se crea el Centro Universitario de la Guardia Civil.

La página web del Centro no se diseña hasta el año 2014

Introducción

mediante 2 gestores de contenido realizados por una empresa externa.

para la estructura web principal para la estructura de un Aula Virtual 2

Page 3: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Los dos entornos complementarios fueron creados con propósitos diferentes.

La página web del Centro para ofrecer visibilidad de la actividad docente que llevaba a cabo.

Introducción

El Aula Virtual para ofrecer a los alumnos un entorno de trabajo y estudio.

Con el paso del tiempo, la estructura de la web

realizada en Joomla se vio superada por el contenido

que debía soportar

La información docente, las noticias del Centro y las publicaciones de la Editorial CUGC se agolpaban sin un mínimo de estructura y sin posibilidad de crecer.

3

Page 4: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Se hacía necesario rediseñar la web

con una estructura usable, intuitiva y escalable que soportara:

Introducción

y dotarla de una arquitectura de la información más lógica,

1. La información docente y estructural del Centro. 2. Un gestor de noticias 3. Archivo y clasificación de publicaciones de la editorial CUGC

4

Page 5: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Principales Secundarios Rescatar antiguos artículos ya publicados en la

antigua web y adaptarlos al nuevo entorno.

Incluir en la sección de publicaciones las fichas de los Proyectos Fin de Grado y Fin de Máster realizados por los alumnos, así como publicaciones editadas por la editorial CUGC.

Objetivos de la nueva web

El nuevo entorno web debe estar dotado de dinamismo y usabilidad.

Simplicidad y concreción en el contenido.

Adaptación a los dispositivos móviles.

Separar eficientemente la estructura de la web, del contenido de noticias y la sección de publicaciones.

Empleo mínimo de complementos de pago.

Capacidad multi-idioma

Accesibilidad AA como mínimo

5

Page 6: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Arquitectura de la nueva web

Web del Centro Universitario de la Guardia Civil

Inicio

Contenido principal de la web

Noticias del Centro Universitario

Aula Virtual

Publicaciones del Centro Universitario

Las 3 secciones desarrolladas pueden comunicarse y enlazarse entre sí

Se dota de una estructura con tres

pilares fundamentales

6

Page 7: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Arquitectura de la nueva web

EL CENTRO ESTUDIOS EXTENSIÓN UNIVERSITARIA INVESTIGACIÓN

•Bienvenida del Director del CUGC •Naturaleza y Fines •Organización del CUGC •Patronato •Visita virtual de las dependencias académicas •Administración: Contacto con el CUGC Directorio •Calidad •Buzón de quejas y sugerencias •Normativa •Emblema •Mapa del sitio web

GRADOS POSTGRADOS

Ingeniería de la Seguridad

•Presentación del GIS •Plan de Estudios GIS •Calendario académico •Perfil de ingreso y graduación •Profesorado •Información genérica de los TFG´s •Garantía de calidad de la titulación: Características del Grado Evaluación y seguimiento Sistema de garantía interna Departamentos con docencia Recursos materiales

Dirección operativa de la seguridad

Presentación

•Presentación del Máster •Plan de estudios y Guía Docente •Calendario académico •Perfil de ingreso y graduación •Información genérica sobre los TFM’s •Garantía de calidad de la titulación

Proyectos

Publicaciones del

Centro Universitario Jornadas, Seminarios y Congresos

Noticias del Centro Universitario

Contenido principal de la web

conexión

conexión

Las 3 secciones desarrolladas pueden comunicarse y enlazarse entre sí

7

Page 8: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Arquitectura de la nueva web Publicaciones del

Centro Universitario

LÍNEAS DE INTERÉS (CATEGORÍAS) •Ciberseguridad •Ciencias Forenses •Cultura de la seguridad (divulgación) •Defensa Nacional •Dirección y Liderazgo •Historia y deontología de la seguridad •Marco jurídico de la seguridad •Lucha contra el crimen organizado •Lucha contra el terrorismo •Ordenación de flujos migratorios •Protección ante emergencias y catástrofes •Protección de infraestructuras y personas •Protección de la naturaleza •Seguridad ciudadana •Seguridad económica y financiera •Seguridad energética •Seguridad marítima •Seguridad vial •Tecnologías aplicadas a la investigación •Otros

INVESTIGACIÓN

Contenido principal de la web

conexión

Las 3 secciones desarrolladas pueden comunicarse y enlazarse entre sí

8

Page 9: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Lo-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (PC o tabletas)

9

Page 10: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Lo-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (PC o tabletas)

Información secundaria

10

Page 11: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Lo-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (Smartphone)

11

Page 12: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Lo-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (Smartphone)

Información secundaria

12

Page 13: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Hi-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (PC o tabletas)

13

Page 14: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Prototipo de la nueva web Hi-Fi

La distribución del contenido proporciona consistencia

Acceso permanente a la información académica.

Localización de noticias.

Sección de publicaciones de la editorial CUGC.

Página de inicio (Smartphone)

14

Page 15: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Detalles de implementación de la nueva web

Accesibilidad doble A

Capacidad multi-idioma

Menús logicos, intuitivos y escalables

15

Page 16: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Detalles de implementación de la nueva web

• Gestor de noticias independiente a la estructura del contenido principal. • Contenidos ordenados por categorías y etiquetas relacionadas. • Buscador funcional.

16

Page 17: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

Creación de una nueva página web para el Centro Universitario de la Guardia Civil | Fco. Javier Romero Díaz

Detalles de implementación de la nueva web

• Las publicaciones de la editorial CUGC disponen de espacio independiente, pudiendo realizar búsquedas. • Se ofrece al lector la posibilidad de leer las publicaciones mediante libros electrónicos de manera dinámica compatible con dispositivos móviles (competencia trasversal al TFG).

17

Page 18: Creación de una nueva página web para el Centro ...openaccess.uoc.edu/webapps/o2/bitstream/10609/63185... · Creación de una nueva página web para el Centro Universitario de la

FIN DEL PROYECTO