Saltar a contenido

Administrador Contenidos (VUE)

Descripción

Aplicación web para la gestión de contenidos de video, permitiendo a los administradores subir nuevos videos y gestionar el catálogo de videos disponibles para los usuarios finales.

Responsabilidades

  • Subida de videos al servidor de contenidos
  • Edicion de datos del catalogo de videos (título, descripción, categorías)

Interacción

Este componente interactua con:

  • Login/Signin (Backend Odoo)
  • Catálogo (Backend SpringBoot)
  • VideoServer (Backend ExpressJS)

Endpoints

Endpoint usados por la app de administración:

  • POST api/catalogo: Registra nueva entrada de video
  • PUT api/catalogo/:id: Modificar datos de un video existente
  • GET api/catalogo/:id: Obtener datos de un video existente en específico para edición
  • GET api/catalogo: Obtener lista completa de videos para mostrar en el panel de administración
  • GET api/categorias: Obtener lista de categorías disponibles

Endpoints del servidor de contenidos

  • POST api/upload: Subir un video en bruto para procesar y generar los segmentos, miniaturas y metadatos técnicos

Casos de uso

flowchart LR Admin([👤 Administrador]) AppAdmin([🖥️ App Administración]) subgraph Servidor de contenidos ExpressJS SubirVideo([Subir video /api/upload]) ConectarWS([Conectar WebSocket]) RecibirMeta([Recibir metadatos]) end subgraph Catalogo SpringBoot RegistrarVideo([Registrar video al catálogo]) ModificarVideo([Editar catálogo]) end subgraph Seguridad Odoo Login([Iniciar sesión]) Signin([Registrar nuevo administrador]) end Admin --> AppAdmin AppAdmin --> Login AppAdmin --> Signin AppAdmin --> SubirVideo SubirVideo --> RecibirMeta RecibirMeta --> AppAdmin SubirVideo --> ConectarWS AppAdmin --> RegistrarVideo AppAdmin --> ModificarVideo

Diagramas de flujo

Autenticación del Administrador

Diagrama UML

Gestión de Contenido: Subida

Diagrama UML

Diagrama UML

Gestión de Contenido: Edición

Diagrama UML

UI/UX

Login

Login

Registro

Registro

Subida de video

Sin video de seleccionado:

Subida sin video de seleccionado

Con video de seleccionado:

Subida con video de seleccionado

Panel de edición de video

Panel de edición de video

Popup de edición de video