Creando una Red Social

Índice

• 1. Preámbulo
• 2. Resumen del proyecto
• 3. Objetivos de aprendizaje
• 4. Definición del producto
• 5. Historias de usuario
• 6. Diseño de la Interfaz de Usuario (prototipo de baja fidelidad)
• 7. Diseño de la Interfaz de Usuario (prototipo de alta fidelidad)
• 8. Otros

1. Preámbulo

Seshatlab la red social ideal para postear información de ciencia.

Hay redes sociales de todo tipo y para todo tipo de gusto. Sin embargo con Seshatlab podras conectarte con personas que tengan intereses por la ciencia y en cada post aprenderas algo diferenre, datos curiosos, experimentos, noticias u otros.

2. Resumen del proyecto

En Seshatlab podrás crear tu cuenta de usuario y acceder, loguearte con google, crear, editar, borrar y likear publicaciones.

Nuestro objetivo principal es que generes interacciones con personas que tengan los mismos intereses que tu y que tengas una experiencia de usuario increible.

3. Objetivos de aprendizaje

• HTML Semántico
• CSS
• Uso de flexbox en CSS
• Uso de selectores del DOM
• Manejo de eventos del DOM
• Manipulación dinámica del DOM
• Ruteado (History API, evento hashchange, window.location)
• Arrays (arreglos)
• Objetos (key, value)
• Funciones (params, args, return)
• Módulos de ECMAScript (ES Modules)
• Uso de identificadores descriptivos (Nomenclatura y Semántica)
• Diferenciar entre expresiones (expressions) y sentencias (statements)
• Callbacks
• Promesas
• Control de Versiones (Git y GitHub)
• Diseñar un producto o servicio poniendo a la usuaria en el centro
• Crear prototipos de alta fidelidad que incluyan interacciones
• Seguir los principios básicos de diseño visual
• Planear y ejecutar testeos de usabilidad de prototipos en distintos niveles de fidelidad
• Firebase
• Firestore

4 Definición del producto

• Quiénes son los principales usuarios de producto.

Jovenesy adultos que esten interesados en el area de la ciencia, y quieran mantenerse informados constantemente de las noticias, temas relevantes, tips, datos curiosos, entre otros. Con la finalidad de ampliar sus conocimientos y sus redes de comunicación con personas que tengan los mismos intereses.

• Qué problema resuelve el producto / para qué le servirá a estos usuarios.

Permite que los usuarios visualicen y compartan información de un area en específica (ciencia).

5 Historias de usuario

6 Diseño de la Interfaz de Usuario (prototipo de baja fidelidad)

7 Diseño de la Interfaz de Usuario (prototipo de alta fidelidad)

Otras:

• Prototipo de Alta Fidelidad Modo Oscuro

• Prototipo de Alta Fidelidad Modo Claro