- 1. Preámbulo
- 2. Resumen del proyecto
- 3. Objetivos de aprendizaje
- 4. Consideraciones generales
- 5. Criterios de aceptación mínimos del proyecto
- 6. Hacker edition
- 7. Entrega
- 8. Pistas, tips y lecturas complementarias
Hay redes sociales de todo tipo y para todo tipo de intereses. Por ejemplo, en una ronda de financiamiento con inversionistas, se presentó una red social para químicos en la que los usuarios podían publicar artículos sobre sus investigaciones, comentar en los artículos de sus colegas, y filtrar artículos de acuerdo a determinadas etiquetas o su popularidad, lo más reciente, o lo más comentado.
Quiénes son los principales usuarios de producto. Qué problema resuelve el producto / para qué le servirá a estos usuarios.
En la actualidad, vivimos una problematica con el abandono, maltrato y falta de empatía hacia los animales. Pero existen personas con mucho interés en aportar un grano de arena en la vida de estos, ya que mediante plataformas como Facebook e Instagram muestran su preocupacion, y en muchos casos otros usuarios responden brindando más apoyo.
Y debido al trafico de informacion variada que se pueda generar en esas plataformas, decidimos crear Find my Paw una red social orientada a usuarios interesados por el bienestar y protección de los animales, en la que se podrá compartir, comentar y visualizar post's relacionados a la situación en la que los animales se encuentran, tales como animales abandonados, en peligro (contrabando, salud), cuidados, etc.
Find my Paw es una red social orientada a usuarios interesados por el bienestar y protección de los animales, en la que se podrá compartir, comentar y visualizar post's relacionados a la situación en la que los animales se encuentran, tales como animales abandonados, en peligro (contrabando, salud), cuidados, etc.
El objetivo principal de aprendizaje de este proyecto es construir una Single-page Application (SPA) responsive (con más de una vista / página) en la que podamos leer y escribir datos.
| HISTORIA DE USUARIO | |
| COD: | 001 |
| NOMBRE: | Crear cuenta |
| DESCRIPCIÓN: | Como usuario nuevo Quiero poder crear una cuenta con nombre de usuario, email y password para poder ingresar a la red social |
| ACEPTACIÓN: | Dado que el usuario quiere crearse una cuenta cuando esté interesado en compartir información en la red social, y conocer sus beneficios entonces se creará un apartado que permita al usuario llenar sus datos de username, email, password o registrarse con su cuenta gmail. Y luego estos datos serán guardados. |
| DEFINICIÓN DE TERMINADO: | El usuario ingresa satisfactoriamente sus datos de registro, el cual se usará para el ingreso al timeline del website. |
| HISTORIA DE USUARIO | |
| COD: | 002 |
| NOMBRE: | Login |
| DESCRIPCIÓN: | Como usuario registrado quiero poder ingresar con mi cuenta gmail o nombre de usuario y password para entrar al timeline del website
Definición de Terminado |
| ACEPTACIÓN: | Dado que el usuario quiere ingresar a la cuenta con sus datos cuando esté interesado en compartir o visualizar información en la red social entonces se creará un apartado que permita al usuario llenar sus datos de username, password o ingresar con su cuenta gmail. Y luego estos datos serán validados. |
| DEFINICIÓN DE TERMINADO: | El usuario ingresa satisfactoriamente sus datos de login, el cual se usará para el ingreso al timeline del website. |
| HISTORIA DE USUARIO | |
| COD: | 003 |
| NOMBRE: | Diseño Responsive |
| DESCRIPCIÓN: | Como usuario que uso frecuentemente el celular quiero poder manejar de manera sencilla el producto. (Responsive) para que pueda usar las herramientas del website de manera eficiente |
| ACEPTACIÓN: | Dado que el usuario usa frecuentemente su dispositivo móvil cuando está interesado en compartir, visualizar, manipular información en la red social entonces se desarrollará el producto con la técnica mobile first (Responsive) |
| DEFINICIÓN DE TERMINADO: | El usuario manipula de manera eficiente los elementos del website desde su dispositivo móvil |
| HISTORIA DE USUARIO | |
| COD: | 004 |
| NOMBRE: | Entorno SPA |
| DESCRIPCIÓN: | Como usuario que frecuentemente usa la red social "FindMyPaw" quiero obtener los resultados de manera óptima (SPA) para reducir el tiempo de espera de las páginas. |
| ACEPTACIÓN: | Dado que el usuario usa frecuentemente la red social cuando está interesado en compartir, visualizar, manipular información de manera rápida en la red social entonces se construirá una Single-Page Application |
| DEFINICIÓN DE TERMINADO: | El usuario puede manipular de manera óptima través de las diferentes páginas del SPA |
| HISTORIA DE USUARIO | |
| COD: | 005 |
| NOMBRE: | Diseño Responsive |
| DESCRIPCIÓN: | Como usuario registrado quiero pueda acceder al contenido de la red social para interactuar con las herramientas del producto |
| ACEPTACIÓN: | Dado que el usuario registrado quiere interactuar con el contenido del timeline cuando está interesado en compartir, visualizar, manipular información de la red social entonces se creará el apartado de timeline, que tendrá interacción con los usuarios |
| DEFINICIÓN DE TERMINADO: | El usuario puede entrar al timeline y obtener información compartida por los usuarios. |
| HISTORIA DE USUARIO | |
| COD: | 006 |
| NOMBRE: | Crear publicación |
| DESCRIPCIÓN: | Como usuario registrado quiero compartir el estado de un animal mediante imagen o redacción para que pueda acceder al apartado de compartir y crear post |
| ACEPTACIÓN: | Dado que el usuario registrado quiere compartir información cuando tenga la oportunidad de encontrar animales que necesitan ayuda entonces se desarrollará el apartado de “crear post” |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de crear un post con la información que desea compartir. |
| HISTORIA DE USUARIO | |
| COD: | 007 |
| NOMBRE: | Consultar likes |
| DESCRIPCIÓN: | Como usuario autor quiero poder visualizar la cantidad de likes para obtener el conteo de interacción de los usuarios |
| ACEPTACIÓN: | Dado que el usuario registrado quiere visualizar los likes cuando los usuarios interactúan con el post entonces se desarrollará una función de conteo de likes |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de visualizar el conteo de likes de su post. |
| HISTORIA DE USUARIO | |
| COD: | 008 |
| NOMBRE: | Eliminar publicación |
| DESCRIPCIÓN: | Como usuario autor quiero poder eliminar y confirmar la eliminación de un post para quitar información que haya publicado en el timeline |
| ACEPTACIÓN: | Dado que el usuario quiere eliminar su post cuando quiera retirar la información ingresada entonces se desarrollará un apartado de “eliminar post” en la parte superior del post (tres puntos) y un modal para confirmar la eliminación. |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de eliminar su post, con una confirmación previa |
| HISTORIA DE USUARIO | |
| COD: | 009 |
| NOMBRE: | Editar publicación |
| DESCRIPCIÓN: | Como usuario autor quiero poder editar y guardar el post editado para corregir o incorporar nueva información |
| ACEPTACIÓN: | Dado que el usuario quiere editar su post cuando quiera corregir alguna información entonces se desarrollará un apartado de “editar post” en la parte superior del post (tres puntos). |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de editar de manera eficiente su post publicado. |
| HISTORIA DE USUARIO | |
| COD: | 010 |
| NOMBRE: | Visualizar publicación |
| DESCRIPCIÓN: | Como usuario autor quiero: poder visualizar mi post despues de publicarlo para corregir o incorporar nueva información |
| ACEPTACIÓN: | Dado que el usuario quiere poder visualizar su post cuando termine de publicarlo entonces se recargará la página después de enviar el post para poder visualizarlo y poder editarlo. |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de visualizar de manera eficiente su post publicado. |
| HISTORIA DE USUARIO | |
| COD: | 011 |
| NOMBRE: | Editar publicación |
| DESCRIPCIÓN: | Como usuario que interactúa con el contenido del website interesado en alguna publicación quiero poder dar likes y quitarlos cuando lo desee |
| ACEPTACIÓN: | Dado que el usuario quiere interactuar dando likes cuando esté interesado o le guste alguna publicación entonces se desarrollará un botón de corazón en la publicación para que interactúe con el post, mediante un solo click |
| DEFINICIÓN DE TERMINADO: | El usuario es capaz de dar y quitar un like en cada publicación. |
Debes definir cuál será el flujo que seguirá el usuario dentro de tu aplicación y, con eso, diseña la Interfaz de Usuario (UI por sus siglas en inglés) que siga este flujo.
Usuario 1
Tanto el apartado de login como registro tengan la misma dsitribucion de elementos como los circulos superiores, el nombre del sitio web, y la frase
Presenta colores agradables que dan apariencia pulcra.
Genera confianza en el usuario para instalarlo
Los iconos del timeline, aun no están muy claros. (buscador, home, signo más)
Puede ser un diferenciador de la página el bordeado de las imágenes, ya que en otras redes se visualiza sin borde.
Usuario 2 (feedback grupal)
Los iconos no están muy claros (recomendacion cambiar el signo más con un lapiz)
Colores agradables
Dudas en uso de google con register
Recomiendan agregar opción de regreso al login desde el registro
El proyecto será entregado subiendo tu código a GitHub (commit/push) y la
interfaz será desplegada usando GitHub pages u otro servicio de hosting que
puedas haber encontrado en el camino.
- Pildora SPA
- Repositorio de pildora de SPA
- Pildora de mock Firebase
- Repositorio de pildora de mock Firebase
- Pildora MVC
- Modulos: Export
- Modulos: Import
- Diseño web, responsive design y la importancia del mobile first - Media Click
- Mobile First: el enfoque actual del diseño web móvil - 1and1
- Mobile First - desarrolloweb.com
- Mobile First - ZURB
- Mobile First Is NOT Mobile Only - Nielsen Norman Group