GithubHelp home page GithubHelp logo

valeskaperezrretamal / scl008-hackathon-peliculas Goto Github PK

View Code? Open in Web Editor NEW

This project forked from laboratoria/scl008-hackathon-peliculas

0.0 1.0 0.0 13.13 MB

HTML 89.07% JavaScript 5.74% CSS 5.19%

scl008-hackathon-peliculas's Introduction

Logo MarveLab

Índice


Sobre MarveLab

La idea principal al crear MarveLab es hacer una web simple con la información necesaria para que los usuarios conozcan sobre el Universo Marvel. Puedan ver la información de las películas, ver Trailers , saber en que orden verlas y ademas tener acceso rápido a las bandas sonoras y cómics.

Planificación

La planificación de nuestro sitio puedes encontrarla en el siguiente Link: href=https://trello.com/b/0QKYnMqp/marvel

Usuarios y estudio previo

Nos enfocamos en dos grandes grupos de usuarios los que ya saben sobre las películas de Marvel, esos que son fanaticos. Y los que están interesados en conocer sobre ellas, en comenzar a explorar el mundo de las peliculas Marvel. Se realizaron encuestas para realizar las historias de Usuario , Obtuvimos 32 respuestas.

Puedes ver los resultados de estas encuestas Aquí <----

Pasos para la creación de la pagína

Historias de usuarios

Una vez relizadas las encuentas se construyeron las historias de usuarios. Para poder acceder a ellas se creó un tablero con las tareas realizadas para poder crear las historias de usuarios revisalas Aquí <--

  • Los criterios de apcepación para las hisorias de usuaro son las siguentes:
  • Que el usuario pueda revisar el catalogo ordenado por años y así pueda verlas cronológicamente.
  • Que el usuario pueda ordenar las peliculas por orden alfabetico
  • Que el usuario pueda ver los poster de todas las películas para que se familiarice con ellas
  • Que el usuario pueda ver en un solo lugar todos los trailers de las películas de Marvel y decidir cual verá
  • Mostrar al usuario un link para poder escuchar y descargar todas las bandas sonoras
  • Mostrar al usuario un link para poder escuchar y descargar todos los cómics disponibles

Diagrama de Flujo

Lugo de las historias de usuario se pudo saber que funciones y que funcionalidad le daríamos a la pagína, lo primero fue hacer un diagrama de flujo. Diagrama de Flujo

Prototipo de Baja fidelidad

Prototipo de Baja fidelid Prototipo de Baja fidelid Prototipo de Baja fidelid

Prototipo de Alta fidelidad

Prototipode Alta fidelidad Prototipode Alta fidelidad Prototipode Alta fidelidad Prototipode Alta fidelidad

Prototipo de Alta fidelidad

Tablero prototipo de alta fidelidad<--- Acá

Tester

Se realizaron testeos a usuarios, los feedback que más se repitieron fueron los siguientes:

  • Que tenga un tipo de filtro
  • Que el usuario pueda realizar busqueda de una película en particular
  • Imágenes algo más dinámicas

Organización

Para poder hacer frente a este proyecto nos dividimos las gunciones, pero siempre con constante retroalimentación y aportando ideas en el trabajo de cada una.

  • Joce Casteletti Se encargo del código, del DOM, en funciones de logistica y diseño del proyecto.
  • Maria José Marquez Fue la encargada de el estudio de usuario, realiazación de readme y prototipos, también en creación de html.
  • Valeska Pérez Retamal Se encargó del código, funciones del DOM y la logistica del proyecto, erealizar Readme y diseño del proyecto.
Nuestra pagína

Ingresa a nuestra pagína <---Acá

Conclusiones y desafios que continuan

Los desafios que nos quedan por delante, para un siguiente sprint serpian:

  • Realizar tipos de filtros, como por ejemplo que se muestren las peliculas de algun director en particular (enfocado para los fanaticos de Marvel)
  • Lograr hacer la pagína algo más interactiva con el usuario, como el poder realizar busqueda concreta, a través de un buscador dentro de la pagína
  • Poder ir agregando las futuras peliculas de Marvel
  • Realizar algun blog de criticas a las peliculas

scl008-hackathon-peliculas's People

Contributors

valeskaperezrretamal avatar marciamillanao avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.