Diferència entre revisions de la pàgina «ListMania»

De Wiket
Salta a la navegació Salta a la cerca
 
(Hi ha 32 revisions intermèdies del mateix usuari que no es mostren)
Línia 1: Línia 1:
 
'''''Proyecto crédito de síntesis Almudena Raya'''''
 
'''''Proyecto crédito de síntesis Almudena Raya'''''
 +
 +
== Enlaces ==
 +
*'''En producción:'''http://listmania.racs.es/
 +
 +
*'''Github:''' https://github.com/rayaalmudena/CS-ListMania
 +
*'''Trello:'''https://trello.com/b/onoLZYrp/listmania
  
 
== Motivación ==
 
== Motivación ==
  Siendo yo misma un adicta a ver películas, series y leer, quiero crear un sitio donde puede guardar y compartir lo que he visto/leído.
+
  Siendo yo misma un adicta a ver películas, series y leer, quiero crear un sitio donde pueda guardar y compartir lo que he visto/leído.
  
 
== Descripción del proyecto ==
 
== Descripción del proyecto ==
  Organizador de películas, series y libros para usuarios registrados. Una manera de guardar que has visto/leido, en que momento estas ahora mismo, si lo dejastes de lado, o lo que quieres ver/leer en el futuro. Podrás ver información básica de cada uno, puntuar, añadir a favoritos, y escribir críticas. Estas se pueden puntuar si te ha gustado o te ha sido útil.
+
  Este proyecto es un organizador de películas, series y libros por listas para usuarios registrados.
 +
Una manera de guardar que has visto/leído, dependiendo en el estado, que son: Watching/Viendo, Dropped/Abandonar, Completed/Completado y Plan to watch/Planeado para ver.
 +
Cada tipo de objecto tiene diferentes campos para indicar el ultimo momento en que te quedaste.
 +
Movies/Películas tienen timemark/marca de tiempo.
 +
Shows/Series tienen tambien timemark/marca de tiempo, con season/temporada y episode/episodio.
 +
Books/libros tienen bookmark/marcapáginas y line/línea. Los tres tienen las opciones de ser valorados y guardar en favoritos.
 +
De objectos se pueden crear reviews/criticas para ayudar a otros usuarios en si les interesante o no a otros usuarios. A las reviews se le pueden dar likes/me gustas, y se mostraran las 4 primeras con mas likes.
 +
De cada objecto hay información básica del dicho objeto.
 +
La información que proporciona el usuario de los objetos se puede modificar tanto en la pagina detalle del objeto o pagina lista del tipo de objeto.
 +
Las listas están separadas por tipo de objeto y dentro tenemos 5 listas, una para cada estado y la general donde no importa el estado.
 +
En el perfil de usuario podemos ver una barras de información por los estados de cada objecto, con el total y los favoritos que tiene el usuario.
 +
Tanto las listas como los perfiles se pueden compartir no son solo visibles para el usuario, de tal manera de que si alguien quiere compartir sus listas, no hace falta que el usuario no no registrado se registre.
  
 
== Diagrama de despliegue ==
 
== Diagrama de despliegue ==
<gallery mode="packed-hover">
+
Al principio quería hacer un usuario administrador que fuera introduciendo la información a la base de datos pero no iba ser practico. Para hacerlo automático el uso de apis para conseguir la información es mucho mas conveniente.
Image:Simplediagrama.JPG|
+
El diagrama se muestra así, porque primero el servidor manda la información que hay al cliente,en caso de que falte información el cliente la busca en las apis, la muestra en cliente y luego se guarda en el servidor.
</gallery>
+
Las apis que utilizado han sido OMDB y Gooble Books, porque son las que me permitía buscar por nombre y id de la api, obtengo información básica y id de la api, el tiempo de respuesta es el mas rápido, además de ser gratuitas.  
[[Image:Simplediagrama.JPG|300px|center|]]
+
La api de OMDb tiene una limitación de 1000 consultas diarias pero se puede cambiar con su Patreon.
 +
[[Image:Simplediagrama.JPG|400px|center|]]
  
 
== Lenguajes utilizados ==
 
== Lenguajes utilizados ==
Línia 23: Línia 41:
  
 
== Servicios de producción ==
 
== Servicios de producción ==
Heroku
+
Amazon AWSEducate
  
 
== Wireframes ==
 
== Wireframes ==
Línia 36: Línia 54:
  
 
== Estructura base de datos ==
 
== Estructura base de datos ==
<gallery mode="packed-hover">
+
[[Image:Sctructure2.JPG|600px|center|]]
Image:Sctructure.JPG|''DB''
 
</gallery>
 
  
 
==Backlog==
 
==Backlog==
Línia 59: Línia 75:
 
# Ver detalle objeto. Contar favoritos de ese objecto.  
 
# Ver detalle objeto. Contar favoritos de ese objecto.  
 
# Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es.  
 
# Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es.  
# Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped. </s>
+
# Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped.  
 +
# Amazon AWSEducate
 
# Elemento de navegación. Volver hacia atrás
 
# Elemento de navegación. Volver hacia atrás
 
# Reviews de objetos. Guardar review.  
 
# Reviews de objetos. Guardar review.  
 
# Reviews de objetos. Hacer like a review.  
 
# Reviews de objetos. Hacer like a review.  
 
# Reviews de objetos. Enseñar las 4 reviews con mas likes.  
 
# Reviews de objetos. Enseñar las 4 reviews con mas likes.  
#<s> Ver todas las vistas por tipos objeto y estados. Maquetar </s>
+
# Ver todas las vistas por tipos objeto y estados. Maquetar  
 
## Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  
 
## Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  
 
## Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  
 
## Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  
Línia 110: Línia 127:
 
## Ver detalle objeto. Contar favoritos de ese objecto. '''1h'''
 
## Ver detalle objeto. Contar favoritos de ese objecto. '''1h'''
 
# Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es. '''2h'''
 
# Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es. '''2h'''
# Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped. '''1h'''</s>
+
# Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped. '''1h'''
# Heroku '''2h'''
+
# Amazon AWSEducate '''2h'''</s>
 
 
 
 
  
== Sprint 4 (15h) ==
+
== Sprint 4 (20h) ==
# Elemento de navegación. Volver hacia atrás '''1h'''
+
# <s>Elemento de navegación. Volver hacia atrás '''1h'''
 
# Reviews de objetos. Guardar review. '''1h'''
 
# Reviews de objetos. Guardar review. '''1h'''
 
# Reviews de objetos. Hacer like a review. '''2h'''
 
# Reviews de objetos. Hacer like a review. '''2h'''
 
# Reviews de objetos. Enseñar las 4 reviews con mas likes. '''2h'''
 
# Reviews de objetos. Enseñar las 4 reviews con mas likes. '''2h'''
# <s>Ver todas las vistas por tipos objeto y estados.  Maquetar '''2h'''</s>
+
# Ver todas las vistas por tipos objeto y estados.  Maquetar '''2h'''
## Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''2h'''
+
## Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''4h'''
 
## Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''1h'''
 
## Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''1h'''
 
## Vista Libros - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''1h'''
 
## Vista Libros - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.  '''1h'''
 
# Perfil usuarios. Maquetar '''1h'''
 
# Perfil usuarios. Maquetar '''1h'''
 
## Estadisticas de estados de objetos '''1h'''
 
## Estadisticas de estados de objetos '''1h'''
## Favoritos Movies '''1h'''
+
## Favoritos Movies '''2h'''
 
## Favoritos Shows  '''1h'''
 
## Favoritos Shows  '''1h'''
## Favoritos Books  '''1h'''
+
## Favoritos Books  '''1h'''</s>
 +
 
 +
== Capturas de pantalla ==
 +
<gallery mode="packed-hover">
 +
Image:Home.JPG|''Main menu''
 +
Image:Detail.JPG|''Detail''
 +
Image:Profile.JPG|''Profile''
 +
Image:List.JPG|''List''
 +
Image:Search.JPG|''Search''
 +
</gallery>
 +
 
 +
 
 +
==Incidencias==
 +
Problemas al encontrar que api usar y el planteamiento de como hacer uso de ellas
 +
 
 +
==Futuro - Mejoras==
 +
* Arreglar bugs  y mejorar el aspecto
 +
* Más opciones para los usuarios. Verificar correo, cambiar contraseña o correo, eliminar cuenta, añadir imagen de perfil, añadir otros usuarios a amigos, chat entre usuarios...
 +
* Crear temas de conversación (Foro), para discutir de los objetos.
 +
* Cambiar Apis a Admins, la información de los objectos seria propia, en vez de usando apis.

Revisió de 03:58, 10 juny 2020

Proyecto crédito de síntesis Almudena Raya

Enlaces

Motivación

Siendo yo misma un adicta a ver películas, series y leer, quiero crear un sitio donde pueda guardar y compartir lo que he visto/leído.

Descripción del proyecto

Este proyecto es un organizador de películas, series y libros por listas para usuarios registrados.
Una manera de guardar que has visto/leído, dependiendo en el estado, que son: Watching/Viendo, Dropped/Abandonar, Completed/Completado y Plan to watch/Planeado para ver.
Cada tipo de objecto tiene diferentes campos para indicar el ultimo momento en que te quedaste.
Movies/Películas tienen timemark/marca de tiempo.
Shows/Series tienen tambien timemark/marca de tiempo, con season/temporada y episode/episodio. 
Books/libros tienen bookmark/marcapáginas y line/línea. Los tres tienen las opciones de ser valorados y guardar en favoritos.
De objectos se pueden crear reviews/criticas para ayudar a otros usuarios en si les interesante o no a otros usuarios. A las reviews se le pueden dar likes/me gustas, y se mostraran las 4 primeras con mas likes.
De cada objecto hay información básica del dicho objeto.
La información que proporciona el usuario de los objetos se puede modificar tanto en la pagina detalle del objeto o pagina lista del tipo de objeto.
Las listas están separadas por tipo de objeto y dentro tenemos 5 listas, una para cada estado y la general donde no importa el estado.
En el perfil de usuario podemos ver una barras de información por los estados de cada objecto, con el total y los favoritos que tiene el usuario.
Tanto las listas como los perfiles se pueden compartir no son solo visibles para el usuario, de tal manera de que si alguien quiere compartir sus listas, no hace falta que el usuario no no registrado se registre.

Diagrama de despliegue

Al principio quería hacer un usuario administrador que fuera introduciendo la información a la base de datos pero no iba ser practico. Para hacerlo automático el uso de apis para conseguir la información es mucho mas conveniente.
El diagrama se muestra así, porque primero el servidor manda la información que hay al cliente,en caso de que falte información el cliente la busca en las apis, la muestra en cliente y luego se guarda en el servidor.
Las apis que utilizado han sido OMDB y Gooble Books, porque son las que me permitía buscar por nombre y id de la api, obtengo información básica y id de la api, el tiempo de respuesta es el mas rápido, además de ser gratuitas. 
La api de OMDb tiene una limitación de 1000 consultas diarias pero se puede cambiar con su Patreon.
Simplediagrama.JPG

Lenguajes utilizados

  • JS
  • PHP
  • MYSQL
  • HTML

Frameworks

  • Laravel

Servicios de producción

Amazon AWSEducate

Wireframes

Estructura base de datos

Sctructure2.JPG

Backlog

  1. Buscar información apis OMDb API'
  2. Base de datos. Estructura
  3. Base de datos. Crear
  4. Base de datos. Seeder
  5. Wireframes'
  6. Login
  7. Página principal. Últimos añadidos - ultima semana
  8. Página principal. Top 10 - Por tipos Maquetar
    1. Página principal. Top 10 Movies
    2. Página principal. Top 10 Shows
    3. Página principal. Top 10 Books
  9. Página principal. Filtrar por nombre.
  10. Ver detalle objeto. Detalles objecto(Imagen, información)
  11. Ver detalle objeto. Rating usuario.
  12. Ver detalle objeto. Rating total.
  13. Ver detalle objeto. Marcar favorito usuario.
  14. Ver detalle objeto. Contar favoritos de ese objecto.
  15. Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es.
  16. Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped.
  17. Amazon AWSEducate
  18. Elemento de navegación. Volver hacia atrás
  19. Reviews de objetos. Guardar review.
  20. Reviews de objetos. Hacer like a review.
  21. Reviews de objetos. Enseñar las 4 reviews con mas likes.
  22. Ver todas las vistas por tipos objeto y estados. Maquetar
    1. Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.
    2. Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.
    3. Vista Libros - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario.
  23. Perfil usuarios. Maquetar
    1. Estadisticas de estados de objetos
    2. Favoritos Movies
    3. Favoritos Shows
    4. Favoritos Books
  24. Admin. Lista con todos los objetos Películas, series libros. CRUD. Eliminado

Sprint 1 (20h)

  1. Buscar información apis OMDb API.3h
  2. Base de datos. Estructura 2h
  3. Base de datos. Crear 2h
  4. Base de datos. Seeder 2h
  5. Wireframes 3h
  6. Login 1h
  7. Página principal. Últimos añadidos - ultima semana 3h Eliminado
  8. Página principal. Top 10 - Por tipos 4h Modificado

Sprint 2 (20h)

  1. Anterior sprint
    1. Base de datos. Seeder 2h
  2. Página principal. Top 10 - Por tipos - Maquetar 1h
    1. Página principal. Top 10 Movies 2h
    2. Página principal. Top 10 Shows 1h
    3. Página principal. Top 10 Books 1h
  3. Página principal. Filtrar por nombre. 4h
  4. Ver detalle objeto. Detalles objecto(Imagen, información) 3h
  5. Ver detalle objeto. Rating usuario. 2h
  6. Ver detalle objeto. Rating total. 1h
  7. Ver detalle objeto. Marcar favorito usuario. 1h
  8. Ver detalle objeto. Contar favoritos de ese objecto. 1h


Sprint 3 (19h)

  1. Anterior sprint
    1. Página principal. (Top 10 Movies 2h -- Top 10 Books 1h -- Top 10 Shows 1h) Falta 2h
    2. Página principal. Filtrar por nombre. 4h
    3. Ver detalle objeto. Detalles objecto(Imagen, información) 3h
    4. Ver detalle objeto. Rating usuario. 2h
    5. Ver detalle objeto. Rating total. 1h
    6. Ver detalle objeto. Marcar favorito usuario. 1h
    7. Ver detalle objeto. Contar favoritos de ese objecto. 1h
  2. Ver detalle objeto. Marcar en que momento se ha quedado usuario dependiendo de que tipo de objeto es. 2h
  3. Ver detalle objeto. Estado del objecto para usuario: completed, watching, plan to watch, dropped. 1h
  4. Amazon AWSEducate 2h

Sprint 4 (20h)

  1. Elemento de navegación. Volver hacia atrás 1h
  2. Reviews de objetos. Guardar review. 1h
  3. Reviews de objetos. Hacer like a review. 2h
  4. Reviews de objetos. Enseñar las 4 reviews con mas likes. 2h
  5. Ver todas las vistas por tipos objeto y estados. Maquetar 2h
    1. Vista Peliculas - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario. 4h
    2. Vista Series - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario. 1h
    3. Vista Libros - Se puede : Modificar en que momento se ha quedado usuario y estado del objecto para usuario. 1h
  6. Perfil usuarios. Maquetar 1h
    1. Estadisticas de estados de objetos 1h
    2. Favoritos Movies 2h
    3. Favoritos Shows 1h
    4. Favoritos Books 1h

Capturas de pantalla


Incidencias

Problemas al encontrar que api usar y el planteamiento de como hacer uso de ellas

Futuro - Mejoras

  • Arreglar bugs y mejorar el aspecto
  • Más opciones para los usuarios. Verificar correo, cambiar contraseña o correo, eliminar cuenta, añadir imagen de perfil, añadir otros usuarios a amigos, chat entre usuarios...
  • Crear temas de conversación (Foro), para discutir de los objetos.
  • Cambiar Apis a Admins, la información de los objectos seria propia, en vez de usando apis.