FUNDACION CAGUANA

La elección del producto final, es resultado de intereses comunes y de la fuerte necesidad de hacer un proyecto con propósito, enfocado siempre desde nuestro rol como desarrolladoras a ofrecer soluciones mediante propuestas tecnolóicas que funcionen como un puente entre todos los individuos

INVESTIGACIÓN UX 📌

Quiénes son los principales usuarios del producto

• Los usuarios a quienes se dirige esta propuesta son los ciudadanos (excluyendo a los campesinos, quienes son los beneficiarios) que conformen la población productiva del país y que a través de donaciones se cumpla el objetivo de la fundación.

Cuáles son los objetivos de estos usuarios en relación con tu producto

• El objetivo principal es social ya que gracias a las donaciones de los usuarios el agro colombiano logra tener un impulso económico que beneficia al país, económica, socialmente y más importante en seguridad alimentaria, ya que al trabajar por el impulso de agro en un país agricultor como Colombia se garantiza un calidad de vida mejor para la población, además del objetivo de accesibilidad a la página, pensada y creada para ser de fácil uso, adicionalmente de educar a las personas, implanta un sentimiento colaborativo que ayude al desarrollo de Colombia.

Cómo crees que el producto que estas creando esta resolviendo los problemas

• Las tecnologías de la comunicación cuentan con un papel protagónico en la vida diaria de todos los habitantes permitendo la exposición de problemáticas y la difusión de soluciones, es por esto, que por medio de esta página se expone un problema interno que es el abandono, el desperdicio y el desinterés por las zonas rurales que son fundamentales para el crecimiento de Colombia. La visibilidad que le otorga nuestra página, concebida para la inclusión de toda la población, puede solucionar brechas (a permitir un acceso extendido de la plataforma) y construir un país solidario que comprenda todas las realidades y contextos que Colombia presenta, coadyuvando mediante donaciones.

PROTOTIPOS 📋

• Primer sketch del proyecto a baja fidelidad hecho en lápiz y papel.

• Primer sketch digital

• Segundo sketch digital

Se hicieron ajustes de acuerdo al feedback, donde parte del diseño cambió durante el desarrollo de la maquetación del HTML y los estilos CSS, para que cada elemento se acoplara y lograr que la parte visual de la página fuera lo más cercano al prototipo.

Herramientas de apoyo

• Figma - Prototipado
• InVision - Protopitado
• Pixabay - Fotografías
• Pexels - Fotografías

AUTORES

• Laura Alejandra López lalopez13
• Diana Catalina Olarte dcoa

Objetivos de aprendizaje 🚀

Trabajando en parejas aprenderán a construir una aplicación web que interactuará con lx usuarix final a través del navegador, utilizando HTML, CSS y JavaScript como tecnologías.

Reflexiona y luego marca los objetivos que has llegado a entender y aplicar en tu proyecto.

UX

• Diseñar la aplicación pensando y entendiendo al usuario
• Crear prototipos para obtener feedback e iterar
• Aplicar los principios de diseño visual

HTML y CSS

• Uso correcto de HTML semántico
• Uso de selectores de CSS
• Construir tu aplicación respetando el diseño realizado (maquetación).

DOM

• Uso de selectores de nodos del DOM
• Manejo de eventos del DOM
• Manipulación dinámica del DOM

Javascript

• Manipulación de strings
• Uso de condicionales
• Uso de bucles
• Uso de funciones
• Datos atómicos y estructurados
• Utilizar ES Modules (import | export).

Testing

• Testeo de tus funciones

Git y GitHub

• Comandos de git (add | commit | pull | status | push).
• Manejo de repositorios de GitHub (clone | fork | gh-pages).

Buenas prácticas de desarrollo

• Organizar y dividir el código en módulos (Modularización).
• Uso de identificadores descriptivos (Nomenclatura | Semántica).
• Uso de linter para seguir buenas prácticas (ESLINT).