#Supermaratoneros

"Compite por ser el mejor #Supermaratonero"

¿Qué es un Supermaratonero?

Supermaratonero (s.)

Es aquél que termina de ver una temporada completa Dentro de las primeras 24 horas de su liberación. Se apresura a terminar una temporada completa solo para presumir.

¿Por qué enfocarnos en los Supermaratoneros?

Actualmente 8.4 millones de personas en el mundo cumplen con este perfil, no existe una plataforma en donde los supermaratoneros puedan registrar sus record, presumir e interactuar entre sí.

Más sobre nosotros

Ésta plataforma te permite crear tu propio perfil, en donde podrás ver y registrar tus series, cuanto tiempo demoraste en verlas, desbloquear nuevos capitulos y ganar premios.

Reta a tus amigos y alcanza el primer lugar del ranking. Presume tus logros en redes sociales y demuestra que eres el ¡#SuperMaratonero número #1!

Proceso:

• El primer día con la base de hacer una página web relacionada con películas y/o series, comenzamos todas dando distintas ideas para aportar en la página, y mientras lo hacíamos nos dimos cuenta de qué tipo de pagina web es la que queríamos porque detectamos una necesidad en la persona que es fanática de las series de tv. por eso nos enfocamos aún mas en mayores ideas para captar a ese tipo de público y luego de eso realizamos el prototipo y elegimos a la persona que sería la "Master" en Github.

• Posteriormente lo que hicimos fué perfeccionar el prototipo en el computador para que todas nos basaramos en esa estructura, por ello es que también realizamos varias pantallas distintas como la pantalla de inicio, la pantalla de perfil y la pantalla explicando de qué se trata $Supermaratoneros, por eso es que para dividirnos el trabajo cada una se basó en realizar una pantalla tanto en maquetado como en funcionalidad.

• Durante el proceso nos comunicamos constantemente por Whatsapp y por Slack por lo qu nos ayudó muchísimo para ayudarnos entre nosotras o al momento de editar algunos detalles o para informarnos de los cambios que subiríamos por slack y no generar errores, etc. Todas al tener voluntad fluímos muy bien y pudimos avanzar tanto por separado como en Laboratoria.

• Cuando pudimos terminar el maquetado en tamaño desktop junto con varias funcionalidades, comenzamos a editarlo para que fuese responsivo y que en tamaño mobile el diseño fuese fiel a la idea de nuestra página web.

• Para finalizar nos propusimos mas retos y editamos en el camino la página en varias funcionalidades además de maquetado.

• Durante el proceso a 5 personas se pidió revisar la página tanto en versión desktop como mobile y en un principio no entendían la idea o el fin de la página, por ello es que en base a eso realizamos algunos cambios y posteriormente volvimos a hacer la misma actividad con las mismas personas, por lo que al entenderlo supieron interactuar con ella.

Considerar en index.html:

• En la parte superior de cada html se encuentra el nav con el logo de #Supermaratoneros, además de un link directo a tips.html al clickear en el boton "Tips del #Supermaratonero" y or último el boton de "sign in" que al clickearlo nos pide el correo electrónico y la contraseña.

• En la siguiente sección invita a los visitantes a ser parte de la comunidad de #Supermaratoneros.

• Luego en la segunda sección están las series mas maratoneadas por los fanáticos que pertenecen a nuestra comunidad.

• En la última sección se encuentra el ránking de los primeros lugares de los mejores maratoneros.

• En la última sección se agregó un footer con las redes sociales a las que se puede ingresar, también desde footer se puede contactar con el equipo soporte de la web, además de saber sobre nosotros como sitio web de #Supermaratoneros y por último nos permite interactucar con las otras secciones a traves de links.

Considerar en profile.html:

• En la parte superior de cada html se encuentra el nav con el logo de #Supermaratoneros, después un botón "inicio" que está enlazada a la pantalla de index.html, luego un botón de "Tips del #Supermaratonero" que está enlazada a la pantalla de tips.html, a continuación está el aviso de las notificaciones junto con el perfil de la persona registrada y por último está el botón de "Cerrar Sesión" que al clickear nos envía a la pantalla de index.html.

• En la primera sección aparece la imágen mas los datos de la persona registrada junto con el nivel que actualmente lleva por las horas dedicadas a las maratones, además aparece el nrúmero de visitas, es decir, el número de usuarios que han visto tu perfil y los detalles de tus maratones.

• En la segunda sección están los logros obtenidos por el usuario con la descripción del premio y cómo consiguió ese premio.

• Luego en la tercera seccion están las series mas vista el propio usuario dentro de un carrusel.

• Posteriormente en la cuarta sección está dividida en 2 partes, una de ellas es "Actividades Recientes" de tus amigos donde salen registradas el avance que llevas de la serie. La otra parte es el "Reto en proceso" donde el usuario elige los retos que quiere completar y muestra sus avances.

• En la última sección se agregó un footer con las redes sociales a las que se puede ingresar, también desde footer se puede contactar con el equipo soporte de la web, además de saber sobre nosotros como sitio web de #Supermaratoneros y por último nos permite interactucar con las otras secciones a traves de links.

Considerar en tips.html:

• En la parte superior de cada html se encuentra el nav con el logo de #Supermaratoneros, después un botón "inicio" que está enlazada a la pantalla de index.html, luego un botón de "Tips del #Supermaratonero" que está enlazada a la pantalla de tips.html, a continuación está el aviso de las notificaciones junto con el perfil de la persona registrada y por último está el botón de "Cerrar Sesión" que al clickear nos envía a la pantalla de index.html.

• Luego en la siguiente sección están los "Tips de los #Supermaratoneros" para aprender a ser parte de la comunidad, aprendiendo a disfrutar y competir en medio de la interactividad que puedes lograr junto con tus amigos u otros usuarios y subir de ranking para lograr premios.

• En la última sección se agregó un footer con las redes sociales a las que se puede ingresar, también desde footer se puede contactar con el equipo soporte de la web, además de saber sobre nosotros como sitio web de #Supermaratoneros y por último nos permite interactucar con las otras secciones a traves de links.

Conclusión Trabajo en equipo:

• Pudimos trabajar muy bien en equipo ya que nuestra comunicación fué fluída teniendo buen feedback sin mayores inconvenientes al igual que al momento de usar github ya que nos avisabamos al realizar cada commit, además sentimos que el trabajo fué equitativo ya que cada una aportó la misma cantidad de trabajo.

• Nos sentimos tranquilas y conformes con el proyecto realizado porque nos esforzamos en avanzar lo mas posible en el proyecto.

Equipo

• Paz Contreras
• Macarena Marambio
• Nadia Morales
• Andrea Pérez

visita nuestra página

#Supermaratoneros versión 0.0.1