Acerca del Sistema de Gestión de peliculas

Información del Proyecto

Nombre: Sistema de Gestión de peliculas

Tecnología: TypeScript + HTML + CSS

Patrón: MVC (Model-View-Controller)

Fecha: 2025

Propósito: Proyecto académico para demostrar POO y herencia

9

Clases Total

4

Con Herencia

3

Interfaces HTML

3

Archivos HTML

Arquitectura del Sistema

Clase Base (Abstract)

MediaElement

Variables: _title, _year, _genre
Métodos: get/set para cada variable
Método abstracto: getInfo()

Clases que Heredan

1. Movie (hereda de MediaElement)

Variable adicional: _director
Implementa getInfo()
Método updateMovie()

2. MovieList (hereda de MediaElement)

Variable adicional: _movies[]
Métodos: addMovie(), searchMovieByTitle(), clearMovies()
Implementa getInfo()

3. MovieUI (hereda de MediaElement)

Variables adicionales: _currentPage, _isLoading
Métodos para manejar DOM e interfaz
Implementa getInfo()

Clase de Lógica de Negocio

MovieManager

Coordina MovieList y MovieUI
Maneja eventos de botones
Variables: movieList, movieUI, totalOperations

Interfaces Implementadas

IMovieFormElements: Estructura de datos del formulario
IMovieSearchResult: Respuesta de búsqueda de peliculas

Funcionalidades

Agregar peliculas: Crear nuevas entradas
Buscar peliculas: Encontrar por título
Mostrar lista: Ver todas las peliculas
Editar peliculas: Modificar datos existentes
Limpiar lista: Eliminar todas las peliculas

Cómo funciona el buscador de la pestaña “APIs”

El proyecto tiene un buscador externo muy simple. Usa dos “fuentes” (mirrors) para conseguir datos reales de internet: MIRROR1 (OMDb) MIRROR2 (TMDb)

MIRROR1 (OMDb) — Búsqueda por título

Escribes un título (ej: flash).
Se piden resultados a OMDb y se muestran ordenados.
Por cada resultado se consulta el director y se ve así:
Título (Año) — Director: Nombre

MIRROR2 (TMDb) — Título + director + tráiler

Se busca el título en TMDb.
Para cada película se pide el director y los videos.
Si TMDb tiene tráiler de YouTube, se muestra un enlace “Abrir”.
Si no hay tráiler, se deja un enlace para buscarlo directamente en YouTube.

Todo esto se ve en la página Uso del motor de búsqueda. No se guardan datos ni se piden cuentas: solo se muestran resultados públicos.

¡Sistema Completamente Funcional!

Desarrollado con las mejores prácticas de TypeScript y POO

IR A ADMINISTRAR!