Skip to content

DenisseFerreira/SCL009-hackathon-peliculas

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Universo Marvel

¿Qué és Universo Marvel?

Este es un lugar en donde puedes encontrar tus peliculas favoritas de Marvel, las que son centradas en una serie de películas de superhéroes producidas independientemente por Marvel Studios y basadas en los personajes que aparecen en las publicaciones de Marvel Comics.


Modo de uso

Una vez que ingresas al sitio puedes hacer click en la primera imagen que te aparecerá desplegada en un modal/jumbotron e ingresar a las peliculas que están prontas a estrenarse. Luego en la pantalla principal puedes encontrar en la parte superior un menú con diferentes opciones para elegir, entre ello puedes escoger busqueda por personajes, directores, comics, etc y además tenemos la opción para que puedas ver todas las peliculas de marvel.

peli

Planificación

Para el desarrollo de este trabajo nos dispusimos a utilizar la plataforma trello en donde realizamos la planificación de cada uno de los pasos a seguir, además utilizamos el metodo de daylis para poder definir a diario en que ibamos, nuestros bloqueos, y por donde avanzar.

Definición: ¿Quién es nuestro usuario?

Como primera acción realizamos una encuesta desde donde pudimos recoger los siguientes datos:

  • El rango de edad de las personas encuestadas que refleja una concentración entre los 19 y 41 años Edad

  • Género de peliculas favorito; inclinandose en un 80% hacia las películas de ciencia ficción. Genero

  • Cantidad de películas de Marvel que ha visto; más del 50% al menos a visto la mitad de las películas cantidad

  • Información adicional que quisieran tener en la página; muchos se inclinan por conocer más tips o detalles inéditos de las películas. Info

Historias de usuario

Historia n°1. Yo COMO fanático de Marvel, QUIERO revisar todas las películas de Marvel PARA tener más información de ellas

Criterios de aceptación.

  1. Información simple y ordenada.
  2. Películas divididas por fases.
  3. Un lugar donde se detalle la información de la película.

Historia n°2. Yo COMO fanático de Marvel QUIERO conocer cuál es la película a estrenar PARA conocer todos los detalles

Criterios de aceptación.

  1. Películas a estrenar en la pantalla principal
  2. Información adicional referente a la película.

Historia n°3. Yo COMO fanático de Marvel QUIERO buscar directamente por nombre de una película PARA conocer sus características.

Criterios de aceptación.

  1. Campo de búsqueda
  2.  Botón “buscar”
  3.  Mostrar película

Historia n°4. Yo COMO fanático de Marvel QUIERO conocer curiosidades de las películas PARA poder tener conclusiones nuevas de su desarrollo.

Criterios de aceptación.

  1. Enlace a curiosidades o datos

Historia n°5. Yo COMO fanático de Marvel QUIERO buscar los comics PARA conocer como se relacionan con las películas

Criterios de aceptación.

  1. Enlace para ver los cómics

Consideraciones en el desarrollo

Ejecución del interfaz de usuario HTML, CSS, JS

  1. HTML para mostrar la página al usuario y unir los script de JavaScript y links de CSS, Boostrap y jquery.
  2. Uso de HTML dinámico,manejo del DOM
  3. Uso de la API OMDB a partir del método fetch.
  4. Trabajo colaborativo mediante el uso de Git y GitHub
  5. Deploy con gh-pages de la aplicación Universo Marvel.

Implementación de la aplicación

Para el desarrollo de esta aplicación web el trabajo realizado fue:

Patricia

Cynthia

Denisse Ferreira

Participó en áreas de UX relacionadas con el conocer al usuario mediante la confección de encuentas, análisis de los datos obtenidos, armado de página web, desarrollo de historias de usuario y criterios de aprobación. En el área de front-end participó en el manejo del Dom y lógica para la obtención de datos mediante el uso de fetch al implementar la api OMDB. También utilizó framework bootstrap para usar carrusel y modales según necesidad. Redacción de Readme.

Releases

No releases published

Packages

No packages published

Languages

  • HTML 60.0%
  • JavaScript 31.2%
  • CSS 8.8%