Skip to content

codeurjc-students/2024-cosmic-news

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

52 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TFG Software 2024

Nombre de la aplicación: Cosmic News

Nombre del alumno: Pedro Cristino Moreno

Nombre del Tutor: Óscar Soto

Fase 0

Funcionalidades:

Funcionalidades básicas:

  • Cabecera y desplegable: En cualquier parte de la web, el usuario tendrá acceso a la cabecera donde podrá iniciar o cerrar sesión, registrarse, perfil, volver al inicio... Así como podrá abrir un desplegable para acceder a las distintas funcionalidades de la web, como ver las noticias, fotos, el calendario...
  • Registrarse / Iniciar sesión
  • Sección noticias: Los usuarios podrán ver una lista de noticias que podrán ser ordenadas por fecha de publicación, likes...
  • Sección fotos: Los usuarios podrán ver una lista de fotos que podrán ser ordenadas por fecha, likes...
  • Perfil: Los usuarios podrán dar like (o quitarlo) a noticias y fotos para que les aparezcan en su perfil.
  • Sección videos: Los usuarios podrán ver una lista de vídeos relacionados con la astronomía que serán cargados desde youtube.
  • Sección calendario: Los usuarios podrán ver un calendario con eventos futuros y pasados relacionados con la astronomía y podrán marcar días para recibir notificación sobre dichos eventos.
  • Sección sistema solar: Los usuarios podrán ver una representación dinámica del sistema solar y podrán aprender sobre los cuerpos celestes que lo componen.
  • Sección quizzes: Los usuarios podrán realizar tests sobre temas de astronomía tratados en la web. Podrán ver en qué han fallado y recibirán una insignia, que podrán ver en su perfil, como recompensa al completar al 100% cada test por primera vez.

Los admins serán los encargados de publicar gestionar la creación, modificación y eliminación de noticias, fotos, vídeos, eventos en el calendario y quizzes.

Aspectos principales de la aplicación:

Entidades:

  • Usuarios
  • Noticias
  • Fotos
  • Videos
  • Eventos
  • Quizzes
  • Planetas

Entidad-Relacion - Fase 0

Permisos de usuarios:

  • Usuario anónimo: Puede ver los vídeos y el sistema solar. En cuanto a las noticias y las fotos podrá verlas pero no podrá darle like. En cuanto al calendario podrá ver los eventos pero no podrá solicitar notificaciones. En cuanto a los quizzes podrá ver los nombres pero no hacerlos ni ver sus preguntas.
  • Usuario registrado: Además de lo anterior puede dar like a noticias y fotos, solicitar notificaciones de eventos y realizar los quizzes.
  • Admin: Además de todo lo anterior, podrá gestionar la creación, modificación y eliminación de noticias, fotos, vídeos, eventos en el calendario y quizzes.

Imágenes:

Tendrán imágenes asociadas los usuarios (foto personal), las noticias, las fotos y los quizzes.

Gráfico con consulta avanzada:

Se mostrará un grafo que muestre cuantas veces se ha completado al 100% cada quizz (un usuario solo puede completar cada quizz una vez)

Tecnología complementaria:

  • Youtube: Se podrán vídeos de youtube en la propia web o, si quieres, también podrás acceder al enlace del vídeo en youtube
  • p5.js: Una librería que se usará para facilitar la creación de un sistema solar dinámico interactivo en la web.

Wireframe

wireframe

Fase 1

Diagramas de Navegación

En el primer diagrama veremos como podemos navegar desde la página inicial (de noticias) a todo lo relacionado con usuarios, quizzes, calendario y sistema solar.

DiagramaNavegacion1

En el segundo veremos como podemos navegar desde la página inicial a todo lo relacionado con las noticias, fotos y videos.

DiagramaNavegacion2

Diagrama con las entidades de la base de datos

Entidad-Relacion - Fase 1

Diagrama de clases del backend

Diagrama Clases Backend

Diagrama de clases y templates de la SPA

Diagrama Clases SPA

Construcción de la imagen docker

  1. Instalar docker.
  2. Ejecutarlo (mantener la aplicacion de escritorio abierta en windows, en linux se inicia automáticamente)
  3. Clonamos el repositorio: git clone https://github.com/codeurjc-students/2024-cosmic-news
  4. Vamos al directorio del docker: cd docker
  5. Desplegamos nuestra aplicación: docker-compose up
  6. Accedemos a ella en https://localhost:8443/

Publicación de la imagen

  1. Repetir los pasos del apartado anterior hasta el 3 (incluido).
  2. Ejecutar el create_image.sh que hay en la carpeta docker, en nuestro caso ejecutamos ./docker/create-image.sh (es posible que previamente se necesite darle al script los permisos necesarios).

Posteriormente a su publicación se podrá acceder a la imagen desde: https://hub.docker.com/r/pedrocristino2020/cosmic_news

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published