UNIVERSIDAD PRIVADA SAN JUAN BAUTISTA

FACULTAD DE INGENIERÍAS

PROGRAMA ACADÉMICO DE
INGENIERÍA DE COMPUTACIÓN Y SISTEMAS

TÍTULO
Desarrollo de un Aplicativo Web para el Control de Hábitos
Personales Orientado a la Sostenibilidad Ambiental:
“EcoTrack"

PROYECTO FINAL

CURSO
INGENIERÍA Y MEDIO AMBIENTE

ICA - PERÚ
2024
 2

PROFESOR DEL CURSO

Mg. MARÍA GUADALUPE ÑOPO TORRES

PRESENTADO POR LOS ESTUDIANTES

● CORILLA VENTURA CHRISTIAN RAUL
● CHUMBES ESPINOZA MARCO ANTONIO
● HERNANDEZ URDAY DIEGO ALONSO
● HUAMAN QUISPE JORGE MARTÍN
● HUARCAYA SIFUENTES JOSE MARÍA
● PÉREZ SOTO ROSSEL IVÁN
● SALCEDO HUAROTE ANDRÉS ALONSO

CICLO:
● VII
 3

Desarrollo de un Aplicativo Web para el Control de

Hábitos Personales Orientado a la Sostenibilidad
Ambiental: “EcoTrack"
 4

AGRADECIMIENTO

Agradecemos nuestra Universidad Privada SAN

JUAN BAUTISTA, por la dedicación exclusiva a la

Educación Superior, quien viene apoyando al desarrollo

de los jóvenes que aspiran alcanzar un sitial en la

carrera universitaria y como tal ejercer para contribuir al

desarrollo de nuestra patria.

A nuestros señores padres por el apoyo

incondicional y emocional, que nos brindan en cada

paso que damos para formarnos como profesionales

para ser representativos en la sociedad.

 5

DEDICATORIA

Este proyecto está dedicado a nuestros padres,

quienes nos enseñaron que el mejor conocimiento que

se puede tener es el que se aprende por sí mismo.

También está dedicado a nuestras madres, quienes nos

enseñaron que incluso la tarea más grande se puede

lograr si se hace un paso a la vez.

 6

TABLA DE CONTENIDOS

AGRADECIMIENTO................................................................................................................4

DEDICATORIA........................................................................................................................5

TABLA DE CONTENIDOS......................................................................................................6

RESUMEN.................................................................................................................................8

ABSTRACT...............................................................................................................................9

GENERALIDADES DEL PROYECTO..................................................................................10

I. INTRODUCCIÓN............................................................................................................10

II. SITUACIÓN PROBLEMÁTICA.....................................................................................11

III. JUSTIFICACIÓN o IMPORTANCIA..........................................................................13

IV. OBJETIVOS.................................................................................................................14

V. ANTECEDENTES.........................................................................................................14

5.1 Nacionales.................................................................................................................14

5.2 Internacionales...........................................................................................................16

VI. MARCO TEÓRICO......................................................................................................18

6.1 Aplicativo Web..........................................................................................................18

6.2 Hábitos Personales para la Sostenibilidad del Medio Ambiente:..............................25

VII. DESARROLLO DEL PROYECTO.............................................................................30

7.1 Diagnóstico de la situación actual.............................................................................30

7.2 Descripción del proyecto (En qué consiste el proyecto)...........................................30

7.2.1. Descripción.............................................................................................................30

7.2.2. Requerimientos funcionales y no funcionales.........................................................31

7.3 Plan de trabajo...........................................................................................................32

7.4 Impacto que tendrá el proyecto.................................................................................33

VIII. CONCLUSIONES........................................................................................................35

IX. RECOMENDACIONES...............................................................................................36
 7

X. BIBLIOGRAFÍA..............................................................................................................37

XI. GLOSARIO DE TÉRMINOS.......................................................................................43

XII. ANEXOS.......................................................................................................................45
 8

RESUMEN

El proyecto "Desarrollo de un Aplicativo Web para el Control de Hábitos Personales

Orientado a la Sostenibilidad Ambiental: EcoTrack" tiene como objetivo crear una aplicación

web innovadora que fomente hábitos individuales sostenibles para mitigar los impactos

ambientales. Inspirado por la urgente necesidad de abordar desafíos globales como el cambio

climático y la pérdida de biodiversidad, EcoTrack permitirá a los usuarios registrar y

monitorear sus acciones diarias mediante una interfaz intuitiva. La aplicación ofrecerá la

capacidad de registrar una variedad de hábitos ecológicos, desde el transporte sostenible hasta

la gestión de residuos, complementados con consejos prácticos para promover prácticas más

sostenibles en la vida cotidiana. Se espera que EcoTrack genere un impacto positivo al

empoderar a los individuos para adoptar comportamientos responsables con el medio

ambiente y contribuir así a la creación de comunidades más sostenibles.

Palabras clave: Aplicativo Web, Hábitos Sostenibles, Sostenibilidad Ambiental,

Impacto Positivo, Monitoreo de Progreso.

 9

ABSTRACT

The project "Development of a Web Application for Personal Habit Control Oriented

towards Environmental Sustainability: EcoTrack" aims to create an innovative web

application that promotes individual sustainable habits to mitigate environmental impacts.

Inspired by the urgent need to address global challenges such as climate change and

biodiversity loss, EcoTrack will enable users to record and monitor their daily actions

through an intuitive interface. The application will provide functionalities to track a variety of

eco-friendly habits, from sustainable transportation to waste management, complemented

with practical tips to promote more sustainable practices in daily life. EcoTrack is expected to

have a positive impact by empowering individuals to adopt environmentally responsible

behaviors and thus contribute to creating more sustainable communities.

Keywords: Web Application, Sustainable Habits, Environmental Sustainability,

Positive Impact, Progress Monitoring.

 10

GENERALIDADES DEL PROYECTO

I. INTRODUCCIÓN

En un mundo cada vez más consciente de la importancia de la sostenibilidad

ambiental, surge la necesidad de desarrollar herramientas que promuevan hábitos personales

orientados a la protección del medio ambiente. “La creciente preocupación por el cambio

climático, la pérdida de biodiversidad y otros problemas ambientales ha generado un llamado

global a la acción” (Chacón, 2016, p.9).

En este contexto, la tecnología puede desempeñar un papel crucial al proporcionar

soluciones innovadoras que fomenten comportamientos responsables y ecoamigables en la

vida diaria de las personas. “Sin embargo, a pesar de los avances en el desarrollo de

aplicaciones web y móviles, aún existe una brecha en cuanto a herramientas específicas

destinadas a impulsar hábitos sostenibles a nivel individual” (Hernández, 2020, p.17).

Las personas, en su día a día, a menudo se enfrentan a la dificultad de llevar un

registro efectivo de sus acciones en pro del medio ambiente, así como de recibir

retroalimentación personalizada y motivadora que les permita mejorar continuamente.

“Además, la falta de conciencia sobre el impacto de ciertos hábitos en el entorno dificulta la

adopción de comportamientos más responsables” (López, 2019, p.26).

Es evidente que se requiere un enfoque integral que combine la tecnología con la

educación y la motivación personal para abordar estos desafíos. El desarrollo de un aplicativo

web que promueva el control de hábitos personales orientado a la sostenibilidad ambiental

puede constituir una herramienta poderosa en este sentido.

La presente investigación se enfocará en la concepción y creación de "EcoTrack", un

aplicativo web diseñado para ayudar a los usuarios a monitorear y mejorar sus hábitos diarios
 11

en relación con el medio ambiente. Mediante el uso de técnicas de gamificación,

personalización y análisis de datos, se buscará incentivar comportamientos ecoamigables y

proporcionar a los usuarios las herramientas necesarias para contribuir activamente a la

conservación del planeta.

El estudio abordará tanto los aspectos técnicos del desarrollo del aplicativo como su

impacto potencial en la conciencia ambiental y la adopción de hábitos sostenibles. Se espera

que los resultados obtenidos no solo beneficien a los usuarios individuales, sino que también

contribuyan a la construcción de una sociedad más consciente y comprometida con la

protección del medio ambiente.

II. SITUACIÓN PROBLEMÁTICA

En la actualidad, muchas personas no son conscientes de cómo sus hábitos diarios

pueden impactar negativamente en el medio ambiente. A pesar de las diversas iniciativas y

campañas para promover la sostenibilidad, aún falta una herramienta que permita a los

individuos monitorear y controlar sus hábitos personales de manera efectiva y en tiempo real.

Este problema es global, ya que los hábitos personales de cada individuo,

independientemente de su ubicación geográfica, pueden contribuir al impacto ambiental. En

la era digital actual, la tecnología puede desempeñar un papel crucial en la promoción de

comportamientos sostenibles. Según el Foro Económico Mundial (WEF, 2022), “la

digitalización ha facilitado la creación de plataformas y aplicaciones que pueden ayudar a las

personas a monitorear y controlar sus hábitos de manera más efectiva”. Sin embargo, el

acceso y la adopción de estas tecnologías pueden variar significativamente en diferentes

regiones y grupos demográficos, lo que puede exacerbar las desigualdades existentes.

La falta de conciencia y control sobre los hábitos personales puede llevar a un

aumento en las prácticas insostenibles, lo que a su vez puede contribuir a problemas

 12

ambientales más grandes. Esto puede tener un impacto negativo en la calidad del aire, la

biodiversidad, el cambio climático y, en última instancia, en la salud y el bienestar de las

personas. Como menciona Habibullah et al. (2022), “la deforestación y la quema de

combustibles fósiles, que son prácticas comunes en muchas partes del mundo, pueden

contribuir al cambio climático y a la pérdida de biodiversidad”. Además, la contaminación

del aire y del agua resultante de estas prácticas puede tener efectos perjudiciales para la salud

humana.

De acuerdo a Elegbede et al. (2023) “una de las principales causas de este problema

es la falta de conciencia y educación sobre la sostenibilidad ambiental, muchas personas no

entienden completamente cómo sus acciones cotidianas pueden afectar al medio ambiente”.

Como resultado, pueden involuntariamente participar en comportamientos que son

perjudiciales para el medio ambiente. De acuerdo con UNESCO (2021) “puede ser debido a

una falta de información o a una falta de acceso a la educación sobre la sostenibilidad”. Los

efectos de esta falta de conciencia y educación pueden ser devastadores, ya que pueden llevar

a un aumento en las prácticas insostenibles y, en última instancia, a la degradación del medio

ambiente.

Basado en lo anterior, las preguntas que guiarán la presente investigación, ¿Cómo

pueden los individuos monitorear y controlar eficazmente sus hábitos personales para

promover la sostenibilidad ambiental? ¿Cómo puede un aplicativo web ayudar a las personas

a ser más conscientes de sus hábitos y su impacto en el medio ambiente? ¿Cómo puede este

aplicativo web contribuir a la sostenibilidad ambiental a nivel global?

 13

III. JUSTIFICACIÓN o IMPORTANCIA

3.1. Teórica

Fundamentación: EcoTrack se basa en principios teóricos sólidos relacionados con

la gestión de hábitos y la sostenibilidad ambiental. Estos fundamentos teóricos permiten

diseñar un sistema eficiente y efectivo.

Investigación: El proyecto implica investigar y comprender los hábitos personales, su

impacto en el medio ambiente y las mejores prácticas para fomentar cambios positivos. La

teoría proporciona el marco conceptual necesario para abordar estos aspectos.

3.2. Práctica

Desarrollo de la Aplicación: La parte práctica se centra en la creación del aplicativo

web EcoTrack. Aquí, se traducen los conceptos teóricos en una herramienta funcional que

permitirá a los usuarios monitorear y mejorar sus hábitos personales.

Interacción con Usuarios: La aplicación se convertirá en una herramienta práctica

para los usuarios, brindándoles una interfaz amigable para registrar y rastrear sus hábitos

diarios. La practicidad radica en su utilidad cotidiana.

3.3. Ambiental

Impacto Ecológico: EcoTrack busca promover hábitos sostenibles que reduzcan la

huella ecológica de las personas. Al monitorear y ajustar comportamientos, los usuarios

contribuirán a la preservación del medio ambiente.

Conciencia Ambiental: La aplicación fomenta la conciencia ambiental al

proporcionar información sobre cómo los hábitos individuales afectan el entorno. Al hacerlo,

se crea una conexión directa entre las acciones personales y la salud del planeta.
 14

IV. OBJETIVOS

a) General.

Desarrollar un Aplicativo Web que mejore el Control de Hábitos Personales

Orientado a la Sostenibilidad Ambiental.

b) Específicos.

Realizar un análisis de las necesidades y comportamientos actuales de los usuarios en

relación con la sostenibilidad ambiental.

Identificar los requerimientos funcionales y no funcionales necesarios para el

desarrollo del proyecto enfocadas en las personas.

Elaborar un demo de aplicativo web para el seguimiento de los hábitos ecológicos

diarios de las personas.

V. ANTECEDENTES

5.1 Nacionales

Según Álvaro H, Cesar S (2020). Aplicación móvil que permita desarrollar

conocimientos y hábitos saludables en la alimentación en niños y adolescentes basados en

gamificación y juegos serios. Esta investigación es de tipo aplicada, su diseño como es de una

herramienta tecnológica que esta enfocadas para para su población que son los niños y

adolescentes que les permite desarrollar conocimientos y hábitos saludables. Para la muestra

son los participantes en el uso y evaluación de la aplicación móvil, por medio de juegos que

les permite recolectar datos de todos los jugadores, los resultados obtenidos para los niveles

presentados permite ayudar a mejorar las combinaciones posibles por cartas que ayudas a

recolectar más datos sobre los niños y adolescentes en los juegos, en conclusión para el uso
 15

de esta aplicación es una alternativa recomendable para realizar la implementación lógica que

nos permite realizar las simulaciones aleatorias.

Según Holyoak (2019). Desarrollo e implementación de un aplicativo web para la

mejora de la gestión académica del centro de educación técnico-productiva Huacho, 2019.

Utiliza una metodología de investigación aplicadas con un diseño cuasiexperimental y corte

transversal, para la muestra no se consideró para los 83 casos de distribución de carga lectiva,

se considera una muestra de 168 para los 300 casos del proceso de matrícula y se considera

una muestra 324 para los 2073 casos del procesos para obtener datos del aplicativo web, la

prueba es estadística utilizadas fue diferencia de medias, los resultados se demostró que el

desarrollo de un aplicativo web mejora los procesos de distribución de carga lectiva,

matricula e ingreso de notas y como resultado define una mejora en la gestión académica,

como conclusión tiene que ser corroboro que el desarrollo e implementación de un aplicativo

web mejora la gestión académica en el centro de educación Técnico-Productiva "Huacho".

Según Herrera R, Ezequiel B. (2020). Propuesta de un aplicativo web con firma

electrónica y aplicativo móvil para la gestión documentaria en una Universidad Nacional

2020. El tipo de investigación es proyectiva, tiene un diseño de enfoque mixto con

finalidad de obtener evidencias de la realidad problemática de la universidad nacional, para

recopilar toda esta información se usaron instrumentos como encuestas y entrevistas al

personal a carga para la obtención de datos, los resultados son que luego de verificar el

trabajo y análisis del resultado recolectado, se diagnosticó los puntos críticos de la

universidad nacional. La conclusión es que es una propuesta factible para el desarrollo de

software que permite mejorar el trámite documentario.

Según Agarini (2021). Implementación de un aplicativo web para mejorar el proceso

de matrícula en instituciones educativas públicas de nivel primaria en Cercado de Lima 2021.

 16

Su tipo de investigación es aplicadas con un diseño descriptivo, su población es el personal

administrativo de las instituciones educativas públicas y la muestra es obtenidas por medio

del personal administrativo al utilizar el aplicativo web, para recolectar datos hicieron uso de

encuestas para recopilar la información sobre los usuarios que accedían al aplicativo web,

como resultados este aplicativo logro disminuir el tiempo que tomaba el personal

administrativo en realizar as matriculas de alumnos por día, en conclusión la implementación

de un aplicativo web ayudo a mejorar los procesos de registro de matrícula de manera

efectiva dentro de las instituciones educativas públicas.

5.2 Internacionales

Buitrón, B., Díaz, L. & Cahuasquí, J. (2020). Diseño de un aplicativo web para la

enseñanza del idioma Kichwa. El tipo de investigación efectuada determinó un estudio de

campo, descriptivo, cualitativo y cuantitativo. La población viene a ser los 98 estudiantes que

reciben la asignatura Kichwa I y II. La muestra viene a ser 70 estudiantes. Los instrumentos

de recolección de datos utilizados son las encuestas. En los resultados del estudio se indica

que la enseñanza del idioma Kichwa en la Universidad de Otavalo es necesaria debido a su

carácter intercultural y su ubicación estratégica en una región donde más del 50% de la

población habla Kichwa. Se reconoce la falta de material didáctico y se propone un aplicativo

web para facilitar el aprendizaje. Además, se sugiere ampliar las horas de clase de la

asignatura kichwa en la malla curricular. En conclusión, el uso del aplicativo web contribuye

a la valorización del aprendizaje del idioma Kichwa y se sugiere la creación de materiales

didácticos en diversas plataformas con un equipo de trabajo que cubra todas las fases de

producción.

Según Millingalli P, Jonathan F, Camas V, Steven E. (2023). Desarrollo de un

aplicativo web para el registro y control de ventas que fortalezca la toma de decisiones en
 17

“D’Mary Food and Drinks. El tipo de investigación es aplicada , su población son el

propietario, cajero y clientes que son un cantidad total de 302, la muestra es de acuerdo a las

características de la investigación que se consideran que no son necesarios de aplicar a una

muestra, una de las herramientas para la recolección de datos fue power BI que les permite el

proceso de análisis mediante por medio de este software es una herramienta visual e intuitiva,

en los resultados obtenidos se menciona la importancia de implementar el comercio

electrónico para aumentar las ganancias independientemente de los productos que se

ofrezcan, la conclusión es que por medio de este desarrollo del aplicativo web se den como

resultado que el aplicativo pueda realizar peticiones a la base de datos para que sea visible la

información en la interfaz gráfica diseñada bajo estándares de las PYMES a través de la

herramienta Power BI donde los datos son mapeados y extraídos mediante gráficos

estadísticos permitiendo dar al propietario un enfoque idóneo para la toma de decisiones.

Pincay, C. & Vega, B. (2024). Desarrollo de un aplicativo web para la gestión de

productos e historial clínico de pacientes aplicando analítica de datos en la Óptica "San José",

ubicada en el cantón La Maná, provincia de Cotopaxi. Tipo de investigación Aplicada,

Bibliográfica y de Campo. La población es 357 pacientes y la muestra es de 76. Las técnicas

de investigación son Entrevista y Encuesta. La encuesta aplicada a los pacientes de la Óptica

San José buscó determinar la importancia y aceptación de un aplicativo web de registro de

productos e historial de pacientes. Los resultados revelaron que los pacientes desean contar

con dicho aplicativo web, ya que ayudaría a la óptica a tener variedad en los productos,

mejorar la atención al cliente y reducir el tiempo de espera. En conclusión, mediante el

aplicativo web se pudo mejorar los procesos de la empresa y satisfacer de mejor manera a los

clientes.

Según Portillo C, Rodrigues J. (2023). Desarrollo de un aplicativo web para la

 18

empresa Sinnergy12 en la ciudad de Villavicencio. El tipo de investigación es cuantitativa, su

población fueron de 33 clientes los cuales fueron encuestados gracias a las relaciones que

tienen ellos con la empresa ya que son compradores recurrentes y los cuales están atentos a

las novedades o inquietudes, la muestra es de 28 ya que se obtuvo por el margen de error, el

nivel de confianza junto al tamaño de población, los instrumentos de recolecciones fue una

encuentra que consta de 10 preguntas de tipo cerradas y de opción múltiple, con el fin de

conocer las opiniones de los clientes que les gustarían comprar el producto, los

administradores de la empresa para saber que podría resaltar en el aplicativo web, los

resultados obtenidos son que la empresa cuente con una herramienta que permita visibilizar

sus productos, los cuales tengan disponibles actualmente, darse a conocer en otros segmentos

de mercado, con el fin de sacar futuros productos relacionados con la marca. Por último, la

conclusión se realizó un análisis que nos permitiera evidenciar los objetivos que se pactaron

inicialmente.

VI. MARCO TEÓRICO

6.1 Aplicativo Web

Definición de Aplicativo web

Sandoval (2015) explica que “un aplicativo web es una aplicación informática que se

ejecuta en un navegador web y que proporciona funcionalidades y servicios a través de

internet. Estas aplicaciones pueden ser desde simples páginas estáticas hasta complejas

plataformas interactivas que permiten realizar tareas como compras en línea, redes sociales,

herramientas de productividad, entre otros”.

¿Cómo funciona un aplicativo web?

 19

Roncal (2016) expone que “un aplicativo web funciona mediante el cliente

(navegador web) enviando solicitudes al servidor web, el cual procesa estas solicitudes y

devuelve respuestas. El servidor puede interactuar con bases de datos u otros sistemas para

obtener o almacenar información. La comunicación entre cliente y servidor se realiza

generalmente a través de protocolos como HTTP, y la presentación de la información al

usuario se realiza utilizando tecnologías web como HTML, CSS y JavaScript.”

Tipos de aplicativos webs

Páginas Web Estáticas

Latorre (2019) manifiesta que “las páginas web estáticas son sitios que muestran

contenido sin interactividad. Están compuestas por archivos HTML y CSS que se envían

directamente al navegador del usuario. Son ideales para información estática, como páginas

de presentación o portafolios, ya que no requieren procesamiento en el servidor antes de ser

visualizadas. Aunque carecen de dinamismo, ofrecen simplicidad y rápida carga, siendo una

opción eficiente para proyectos con necesidades básicas de actualización.”

Aplicaciones web dinámicas

Celaya (2020) habla sobre que “estas aplicaciones interactúan con los usuarios,

actualizando el contenido según sus acciones”. Utilizan tecnologías como bases de datos y

lenguajes de programación del lado del servidor (como PHP o Python) para generar

contenido personalizado. Ejemplos comunes incluyen redes sociales, paneles de

administración y sistemas de gestión de contenido”.

Tiendas en línea y comercio electrónico:

Garcia (2019) sostiene que “son plataformas digitales que permiten a los usuarios

comprar y vender productos y servicios a través de internet. Ofrecen características como

 20

carritos de compra, procesamiento de pagos en línea y gestión de inventario”. Estas tiendas

pueden variar desde pequeñas boutiques en línea hasta grandes marketplaces que conectan a

múltiples vendedores con compradores.

Tecnologías y herramientas de desarrollo web (Diego)

HTML

Sánchez (2018) afirma que “es el lenguaje estándar utilizado para crear y diseñar

páginas web. Utiliza etiquetas para estructurar el contenido, como encabezados, párrafos,

imágenes y enlaces. HTML proporciona la base estructural de una página web, permitiendo

definir su esqueleto y organización”.

CSS

Gonzales (2017) indica que “es un lenguaje de estilo utilizado para controlar la

presentación y el diseño de las páginas web. Permite definir el aspecto visual de los

elementos HTML, como colores, fuentes, márgenes y disposición”. CSS separa el contenido

de la presentación, lo que facilita la personalización y el mantenimiento de un sitio web.

Javascript

Estrada (2021) expresa que “este lenguaje de programación utilizado para agregar

interactividad y dinamismo a las páginas web. Permite realizar acciones como validar

formularios, crear efectos visuales, manipular el contenido de la página en tiempo real y

responder a las acciones del usuario”. JavaScript se ejecuta en el navegador del usuario, lo

que lo hace ideal para mejorar la experiencia del usuario sin necesidad de recargar la página.

Frameworks de desarrollo

Cortés (2022) describe que “son conjuntos de herramientas y bibliotecas predefinidas

que facilitan el desarrollo de aplicaciones web al proporcionar estructuras y funcionalidades

 21

comunes”. Estos frameworks agilizan el proceso de desarrollo al ofrecer soluciones para

tareas repetitivas, como la gestión de rutas, la interacción con la base de datos y la

autenticación de usuarios. Ejemplos populares incluyen React.js, Angular y Django.

Lenguaje de programación

Arias (2015) señala que “es un conjunto de instrucciones utilizadas para escribir

software. Los lenguajes de programación web más comunes incluyen JavaScript, PHP,

Python y Ruby”. Cada lenguaje tiene sus propias características y sintaxis, y se elige según

los requisitos del proyecto, la preferencia del desarrollador y la compatibilidad con el entorno

de ejecución.

Base de datos

Herrera (2016) indica que “es un sistema organizado para almacenar y recuperar

información de manera eficiente. En el contexto de aplicaciones web, las bases de datos son

fundamentales para almacenar datos como usuarios, productos y transacciones”. Hay varios

tipos de bases de datos, como SQL (relacionales) y NoSQL (no relacionales), cada una con

sus propias características y casos de uso específicos. Ejemplos populares incluyen MySQL,

PostgreSQL, MongoDB y Firebase.

Diseño de Interfaz de Usuario (UI):

La Interfaz de Usuario (UI) es la disciplina que se encarga de crear la apariencia y la

interacción de un producto digital. En otras palabras, se trata de diseñar cómo un usuario

interactúa con una aplicación, sitio web o software, y cómo se presenta visualmente. "Un

buen diseño de UI proporciona una experiencia más eficiente, intuitiva, coordinada, simple y

fácil de recordar" (Segui, 2022).

Experiencia de Usuario (UX):

 22

La Experiencia de Usuario, también conocida como UX, son las percepciones,

sentimientos y respuestas de las personas a los productos, plataformas o servicios de una

empresa. Se define por criterios como la facilidad de uso, accesibilidad y la conveniencia

(Chacón, 2024). El diseño UX es un conjunto de procesos, técnicas, métodos y metodologías

con los cuales desarrollamos productos digitales o físicos.

Diseño:

Según Charles Eames, en una entrevista publicada en SciELO, el diseño es "un plan

que dispone elementos de la mejor manera posible para alcanzar un fin específico". También

menciona que el diseño puede ser considerado como arte si es lo suficientemente bueno, y

que el diseño siempre tiene restricciones, las cuales, por regla general, presuponen una ética.

Accesibilidad:

Según Vélez et al. (2018), la accesibilidad se define como "la posibilidad que tiene

una persona, con o sin problemas de movilidad o percepción sensorial, de entender un

espacio, integrarse en él e interactuar con sus contenidos".

Usabilidad:

Según la norma ISO 9241-11, la usabilidad se define como "El grado en el que un

producto puede ser utilizado por usuarios específicos para lograr objetivos específicos con

efectividad, eficiencia y satisfacción en un contexto de uso específico". Además, Coppola

(2023) dice que "se enfoca en aspectos como el diseño gráfico, presentación y organización

de la información, y en el funcionamiento mismo".

Arquitectura y estructura del aplicativo web

Según Harsh (2022), "la arquitectura de las aplicaciones web define cómo se estructuran los

distintos componentes de una aplicación basada en la web". Esta arquitectura es muy

 23

específica para la naturaleza y el propósito de la aplicación web. También menciona los

enfoques arquitectónicos para el desarrollo de aplicativos webs:

 Arquitectura de servidor único: Este es el enfoque más básico, donde toda la lógica de

la aplicación se encuentra en un solo servidor. El servidor maneja todas las solicitudes

y respuestas del cliente, así como la gestión de la base de datos.

 Arquitectura basada en microservicios: En este enfoque, la aplicación se divide en

pequeños servicios independientes que se comunican entre sí a través de APIs. Cada

microservicio se encarga de una funcionalidad específica y puede desarrollarse y

desplegarse de manera independiente.

 Arquitectura de servidor web: Este enfoque se centra en la distribución de la carga de

trabajo entre varios servidores para mejorar la eficiencia y la escalabilidad. Los

servidores pueden estar ubicados en diferentes lugares geográficos y la carga se

distribuye entre ellos según la demanda.

 Arquitectura basada en la nube: Este enfoque aprovecha los servicios de computación

en la nube para alojar y ejecutar la aplicación. Esto permite una gran escalabilidad y

flexibilidad, ya que los recursos pueden ajustarse según las necesidades de la

aplicación.

 Arquitectura orientada a servicios (SOA): En este enfoque, la aplicación se compone

de servicios independientes que se comunican entre sí a través de protocolos estándar.

Cada servicio tiene una funcionalidad específica y puede ser reutilizado en diferentes

aplicaciones.

Seguridad en aplicativos webs

 24

Medidas de seguridad

Con mucha frecuencia escuchamos sobre sitios web que dejan de estar disponibles

debido a ataques de denegación de servicio, o presentan información modificada (y con

frecuencia dañada) en sus páginas de inicio. En otros casos de alto nivel, millones de

contraseñas, direcciones de correo electrónico y detalles de tarjetas de crédito han sido

filtrados al dominio público, exponiendo a los usuarios del sitio web tanto a bochorno

personal como a riesgo financiero. “El propósito de la seguridad web es prevenir ataques de

esta (o de cualquier otra) clase. Más formalmente, la seguridad es la acción/práctica de

proteger sitios web del acceso, uso, modificación, destrucción o interrupción, no

autorizados.” (Emprenderalia, 2023).

Las aplicaciones web tienen una alta probabilidad de enfrentarse a amenazas

desencadenadas por diversos factores: fallos del sistema debidos a una codificación

incorrecta, servidores mal configurados y problemas de diseño de la aplicación. “La

seguridad en las aplicaciones web es garantizar que las aplicaciones funcionen de forma

segura y sin problemas en todo momento.” (Infante & Infante, 2023).

Cambiar las contraseñas con frecuencia, bloquear los dispositivos y mantener el

software actualizado son prácticas de seguridad habituales. Sin embargo, la seguridad de una

aplicación puede ser a menudo un elemento ignorado y vulnerable.

Vulnerabilidades comunes

Las vulnerabilidades de las aplicaciones web permiten a los delincuentes obtener un

control no autorizado del código fuente, manipular información privada o interrumpir el

funcionamiento normal de la aplicación. “Las vulnerabilidades en el código de una aplicación

o en el sistema operativo pueden ser aprovechadas por los ciberdelincuentes para acceder a

bases de datos, servidores y otros datos sensibles”. (Infante & Infante, 2023).
 25

Las vulnerabilidades más comunes:

 Inyección SQL

 Secuencia de comandos en sitios cruzados (XSS)

 Falsificación de peticiones en sitios cruzados (CSRF)

 Relleno de credenciales

 Creación de cuentas falsas

 Desconfiguración de la seguridad

6.2 Hábitos Personales para la Sostenibilidad del Medio Ambiente:

Concepto de hábitos sostenibles

Llevar un estilo de vida sostenible es más que el logro de un consumo responsable; se

trata de vivir en base a un compromiso con el medio ambiente. Esto implica introducir

pequeñas acciones en nuestro día a día para preservar el planeta para las generaciones

venideras. Según datos de la Organización de las Naciones Unidas (ONU), “en el mundo

somos aproximadamente 7.700 millones de personas, y subiendo”. Cada uno de nosotros se

alimenta, se mueve y consume bienes y servicios, y muchos lo hacen de forma poco

responsable con el medio ambiente. “Una forma general de vida basada en la interacción

entre las condiciones de vida en un sentido amplio y los patrones individuales de conducta

determinados por factores socioculturales y características personales” (Iberdrola, 2021).

Importancia

La sostenibilidad se ha convertido en un tema de máxima relevancia en la actualidad.

El planeta enfrenta graves problemas medioambientales como el cambio climático, la

contaminación y la pérdida de biodiversidad. “Al adoptar estos pequeños gestos en nuestro

día a día no solo cuidamos el medioambiente, también obtendremos beneficios en nuestra

 26

propia vida” (Girosalut, 2024). Por eso, es necesario que como sociedad adoptemos medidas

y cambiemos hábitos para vivir de una manera más sostenible.

Tipos de hábitos sostenibles

Cada elección que hacemos, desde la forma en que nos transportamos hasta cómo

manejamos nuestros residuos y administramos nuestras finanzas, contribuye de alguna

manera al estado actual y futuro de nuestro entorno, Innguma (2024) expresa que “para la

adopción de hábitos sostenibles no solo es una responsabilidad social compartida en el

cuidado del planeta, sino que también tiene un impacto directo en la calidad de vida de las

personas”, lo que puede traducirse en mejoras a la salud, reducción de costos y mejora de

servicios. En este contexto, nos brinda hábitos sostenibles sencillos pero poderosos que

pueden marcar la diferencia.

 Elegir alternativas sostenibles de transporte: Optar por caminar, andar en bicicleta,

usar transporte público o compartir autos puede reducir significativamente las

emisiones de dióxido de carbono. Decisiones como estas no solo benefician al medio

ambiente, sino que también pueden mejorar la salud y ahorrar dinero a nivel

individual.

 Reducir la huella de carbono en la comida: Adoptar una dieta más basada en

plantas y reducir el consumo de carne roja puede tener un impacto considerable en la

reducción de emisiones de carbono. Esto implica considerar cómo se producen,

transportan y empaquetan los alimentos, así como minimizar el desperdicio

alimentario.

 Uso responsable de agua y energía: Conservar recursos naturales y reducir la huella

ambiental a través del uso eficiente de agua y energía es esencial. Estas prácticas no

solo benefician al medio ambiente, sino que también mejoran la calidad de vida de las
 27

personas.

 Reducir el consumo de plástico: La reducción del consumo de plástico es crucial

para abordar la contaminación por plásticos y proteger los ecosistemas y la salud

humana. Optar por alternativas reutilizables y evitar productos de un solo uso puede

contribuir significativamente a este esfuerzo.

 Participar en iniciativas de reforestación y conservación: Contribuir a proyectos de

reforestación y conservación de ecosistemas puede ayudar a mitigar el cambio

climático y preservar la biodiversidad. Puede incluirse participar en actividades de

siembra de árboles, apoyar organizaciones ambientales que trabajan en la protección

de bosques.

Psicología del comportamiento y cambio de hábitos:

Según Baliña, L. (2020) nos habla sobre principios importantes para establecer un hábito

desde el inicio:

El disparador es el estímulo inicial que nos lleva a realizar una acción, y puede

ser tanto externo (proveniente del entorno) como interno (proveniente de nosotros

mismos). Utiliza un disparador que encuentres efectivo para ti. Por ejemplo, dejar la

ropa de deporte preparada para fomentar la rutina de hacer ejercicio, tomar una

infusión al final del día para relajarse y fomentar el hábito de dormir temprano, o

poner una alarma en el móvil o un recordatorio visible para recordar lo que queremos

hacer.

La acción es el comportamiento específico que queremos llevar a cabo. Es

importante que esta sea específica y medible para poder evaluar su efectividad. Por

ejemplo, salir a correr durante 20 minutos para cubrir una distancia de 3 km.
 28

La recompensa es un estímulo positivo que sigue a la acción cuando se realiza

de manera efectiva. Esto ayuda a generar un deseo de repetir la acción en el futuro, ya

que las consecuencias positivas fomentan la repetición del comportamiento. Es más

recomendable buscar una recompensa interna y acorde a nuestros valores para que la

motivación perdure en el tiempo, y asegurarse de que la recompensa esté en

coherencia con la acción. Por ejemplo, sentirse orgulloso de uno mismo por haber

realizado lo que se propuso (recompensa interna) o recibir un masaje (recompensa

externa).

El deseo son las ganas de volver a obtener la recompensa, lo que nos motiva a

querer realizar la acción de nuevo. Es una parte crucial en el proceso de formación de

hábitos, ya que es lo que nos motiva a repetir la acción una y otra vez. Surge como

resultado de la anticipación de la recompensa que obtenemos al realizar una acción

específica. Este anhelo de volver a experimentar la recompensa impulsa el ciclo del

hábito y lo fortalece con el tiempo.

Educación ambiental

Según Intendencia Florida (2020) declara que “aunque los problemas ambientales han

sido una constante a lo largo de la historia, es alarmante observar cómo en los últimos

tiempos estos se han acelerado y expandido a una escala global”. Para enfrentar esta situación

y sensibilizar a la población sobre la gravedad de estos problemas, así como sus causas,

consecuencias y posibles soluciones, se ha desarrollado la educación ambiental, la cual se ha

transformado en un componente crucial para asegurar el futuro del planeta

Según Mariñez, R. (2010) “la importancia de la educación ambiental radica en su

capacidad para influir en las actitudes y comportamientos de las personas hacia el medio

ambiente”. Al aumentar la conciencia sobre los problemas ambientales y sus consecuencias,

 29

la educación ambiental promueve una mayor responsabilidad y respeto hacia el entorno

natural.

Al educar a las personas sobre las causas y soluciones de los problemas ambientales,

la educación ambiental les proporciona las herramientas necesarias para tomar decisiones

informadas y adoptar prácticas sostenibles en su vida diaria. Esto incluye acciones como el

reciclaje, el ahorro de energía, la reducción de la contaminación y el apoyo a la conservación

de la biodiversidad. Además, la educación ambiental fomenta una mayor participación

comunitaria en la protección del medio ambiente, inspirando la colaboración y el trabajo

conjunto para abordar los desafíos ambientales a nivel local y global.

Impacto de los hábitos personales en el medio ambiente

Los hábitos personales desempeñan un papel crucial en la salud del medio ambiente.

Como señala Ropero (2020), "las acciones individuales pueden tener un efecto significativo

en la conservación de los recursos naturales y la reducción de la huella ecológica".

Decisiones cotidianas, como el uso de energía en el hogar, los medios de transporte utilizados

y las opciones de consumo, influyen directamente en la cantidad de emisiones de carbono

liberadas a la atmósfera y en la cantidad de residuos generados.

Además, Ropero (2020) destaca que "la adopción de prácticas sostenibles a nivel

personal puede inspirar a otros y contribuir a un cambio más amplio en la sociedad". Al optar

por hábitos de vida más sostenibles, como la reducción del consumo de plástico, la elección

de alimentos de origen local y la participación en actividades de conservación ambiental, los

individuos pueden ejercer un impacto positivo en el entorno que los rodea y fomentar una

cultura de respeto y cuidado hacia el medio ambiente.

 30

VII. DESARROLLO DEL PROYECTO

7.1 Diagnóstico de la situación actual

En la actualidad, existe una creciente preocupación global por los problemas

ambientales, como el cambio climático y la pérdida de biodiversidad. A pesar de esta

conciencia, muchas personas encuentran dificultades para adoptar hábitos sostenibles debido

a la falta de herramientas específicas y motivación personalizada. La tecnología puede

desempeñar un papel crucial al abordar esta brecha y proporcionar soluciones innovadoras

que fomenten comportamientos ecoamigables.

Además, es importante reconocer que las prácticas insostenibles están profundamente

arraigadas en muchos aspectos de la vida cotidiana, y cambiar estos patrones de

comportamiento puede ser un desafío significativo. Factores como la falta de educación

ambiental, la comodidad de los hábitos existentes y las barreras económicas pueden

obstaculizar la adopción de comportamientos más sostenibles. Por lo tanto, el desarrollo de

herramientas como "EcoTrack" no solo requiere abordar la falta de tecnología adecuada, sino

también involucrar a los usuarios de manera efectiva y abordar los múltiples factores que

influyen en sus decisiones y comportamientos.

7.2 Descripción del proyecto (En qué consiste el proyecto)

7.2.1. Descripción

"EcoTrack" será un aplicativo web diseñado para ayudar a los usuarios a monitorear y

mejorar sus hábitos diarios en relación con el medio ambiente. La aplicación permitirá a los

usuarios establecer objetivos personalizados, realizar un seguimiento de su progreso y recibir

retroalimentación motivadora para impulsar comportamientos sostenibles. Utilizando técnicas

de gamificación, "EcoTrack" transformará el proceso de adoptar hábitos ecoamigables en una

experiencia interactiva y gratificante. Los usuarios podrán participar en desafíos y actividades

 31

diseñadas para promover prácticas sostenibles, como reducir el consumo de energía, reciclar,

utilizar transporte público o bicicleta, y minimizar el desperdicio de recursos.

La aplicación también ofrecerá recursos educativos sobre sostenibilidad ambiental y

consejos prácticos para llevar un estilo de vida más eco-amigable. Además, "EcoTrack"

proporcionará datos y estadísticas sobre el impacto ambiental de los hábitos de los usuarios,

lo que les permitirá ver el progreso hacia objetivos individuales y contribuir colectivamente a

la conservación del planeta. En resumen, "EcoTrack" tiene como objetivo no solo ayudar a

los usuarios a adoptar comportamientos más sostenibles, sino también educar, motivar y

empoderar a las personas para que se conviertan en agentes de cambio positivo en la lucha

contra el cambio climático y la degradación ambiental.

7.2.2. Requerimientos funcionales y no funcionales

Requerimientos Funcionales
ID Descripción Prioridad

Pantalla de inicio con imagen de fondo y botón de navegación a la

RF1 Alta
pantalla de registrar hábitos.

Pantalla de tips con recomendaciones sobre hábitos para el cuidado

RF2 Media
del medio ambiente.

Pantalla "Sobre nosotros" con información sobre la aplicación,

RF3 Media
misión, valores y objetivos.

Pantalla "Contáctanos" con un formulario para enviar comentarios o

RF4 Alta
sugerencias.

Pantalla "Registrar hábitos" donde el usuario pueda agregar, eliminar

RF5 Alta
y marcar hábitos realizados.

Tabla en "Registrar hábitos" con nombres de hábitos a la izquierda y

RF6 Alta
días de la semana en la parte superior.

Funcionalidad para marcar casillas correspondientes a hábitos

RF7 Alta
cumplidos en días específicos.

Sistema de puntos que otorga puntos por cada hábito completado y

RF8 Alta
visualización de puntos obtenidos en la semana.

RF9 Gráfico circular mostrando la cantidad total de actividades Media

 32

cumplidas versus propuestas.

RF1
Botón para reiniciar el calendario semanal y comenzar de nuevo. Alta
0

Requerimientos No Funcionales

ID Descripción Prioridad

RNF
Interfaz de usuario intuitiva y fácil de usar. Alta
1

RNF
Tiempo de carga de cada pantalla no debe exceder los 3 segundos. Alta
2

RNF Sistema seguro para la protección de datos personales ingresados en

Alta
3 el formulario de contacto.

RNF Compatibilidad con los navegadores más populares (Chrome,

Alta
4 Firefox, Safari, Edge).

RNF Mantenimiento de la coherencia en el diseño visual a lo largo de

Media
5 todas las pantallas.

RNF Alta disponibilidad y fiabilidad del sistema, con un uptime de al

Alta
6 menos el 99.5%.

RNF Código limpio y bien documentado para facilitar el mantenimiento

Media
7 y las futuras actualizaciones.

RNF Respuesta rápida y eficiente del soporte técnico para resolver

Media
8 problemas de los usuarios.

7.3 Plan de trabajo

Investigación y análisis preliminar:

 Revisión de literatura sobre hábitos sostenibles y tecnología aplicada a la

sostenibilidad ambiental.

 Análisis de aplicaciones y herramientas similares existentes en el mercado.

Diseño y desarrollo del aplicativo:

 Definición de requisitos y funcionalidades del aplicativo.

 33

 Diseño de la interfaz de usuario y experiencia de usuario.

 Desarrollo del aplicativo web utilizando tecnologías adecuadas.

Implementación de funcionalidades clave:

 Integración de técnicas de gamificación para incentivar la participación del usuario.

 Personalización del aplicativo para adaptarse a las preferencias y necesidades

individuales de los usuarios.

 Implementación de análisis de datos para proporcionar retroalimentación

personalizada y motivadora.

Pruebas y optimización:

 Pruebas exhaustivas para garantizar el funcionamiento adecuado.

 Optimización de rendimiento y usabilidad.

 Recolección de comentarios de los usuarios y ajustes.

Lanzamiento y difusión:

 Lanzamiento del aplicativo web "EcoTrack".

 Difusión para promover el uso del aplicativo.

Elaboración de cronograma en Project

 34

7.4 Impacto que tendrá el proyecto

Conciencia ambiental: "EcoTrack" educará a los usuarios sobre los impactos

ambientales de sus acciones diarias, proporcionando información y estadísticas sobre el

impacto de sus hábitos. Esto aumentará la conciencia ambiental y llevará a una mayor

consideración y adopción de comportamientos sostenibles.

Cambio de comportamiento: Mediante herramientas y recursos, "EcoTrack"

fomentará un cambio de comportamiento al ayudar a los usuarios a establecer y cumplir

objetivos sostenibles. La gamificación y la retroalimentación personalizada motivarán a los

usuarios a adoptar hábitos más ecoamigables, lo que podría reducir el consumo de recursos

naturales y mitigar el cambio climático.

Contribución a la conservación del medio ambiente: A largo plazo, se espera que

"EcoTrack" contribuya a la conservación del medio ambiente al inspirar y capacitar a los

usuarios para que adopten prácticas sostenibles. Al fomentar comportamientos responsables y

ecoamigables, el aplicativo tendrá un impacto acumulativo en la reducción de la huella

ecológica, contribuyendo así a la protección y preservación del planeta para las generaciones

futuras.
 35

VIII. CONCLUSIONES

El análisis exhaustivo de las necesidades y comportamientos de los usuarios reveló un

creciente interés y conciencia sobre la sostenibilidad ambiental. Los usuarios buscan

herramientas accesibles y efectivas para incorporar hábitos ecológicos en su vida diaria. Sin

embargo, muchos enfrentan barreras debido a la falta de información clara, motivación y

seguimiento continuo. Este análisis permitió identificar las áreas clave donde un aplicativo

web puede intervenir para educar, motivar y proporcionar un seguimiento estructurado,

asegurando que los esfuerzos individuales se traduzcan en cambios significativos y

sostenibles.

La identificación de los requerimientos funcionales y no funcionales fue un paso

crucial para el éxito del proyecto. Se determinó que el aplicativo debe ser intuitivo,

interactivo y personalizable para adaptarse a las diversas necesidades de los usuarios.

Funcionalidades como el registro de hábitos, el sistema de puntos y el seguimiento semanal

son esenciales para mantener a los usuarios comprometidos y motivados. Además, se

establecieron requerimientos no funcionales enfocados en la usabilidad, seguridad y

accesibilidad, garantizando una experiencia de usuario óptima y confiable.

La elaboración del demo del aplicativo web "EcoTrack" permitió materializar los

conceptos y requerimientos identificados en un producto tangible. El demo incluyó todas las

funcionalidades esenciales, como la pantalla de inicio, la sección de tips, la información sobre

la aplicación, el formulario de contacto y la pantalla principal de registro de hábitos. Además,

se implementó un sistema de puntos y gráficos para visualizar el progreso. La creación del

demo no solo validó la viabilidad técnica del proyecto, sino que también ofreció una

plataforma para recibir retroalimentación de los usuarios y realizar mejoras iterativas. Este
 36

prototipo es un paso fundamental hacia el desarrollo completo del aplicativo, proporcionando

una base sólida sobre la cual construir y optimizar el producto final.

IX. RECOMENDACIONES

Realizar pruebas de usuario periódicas: Realizar pruebas de usuario de forma

regular para identificar áreas de mejora en la usabilidad y funcionalidad del aplicativo. Esto

permitirá ajustar la interfaz y las características según las necesidades y feedback de los

usuarios, asegurando una experiencia de usuario óptima y centrada en el usuario.

Incorporar funcionalidades de gamificación: Incorporar más elementos de

gamificación, como niveles, logros y recompensas adicionales, para mantener a los usuarios

motivados y comprometidos con el uso del aplicativo. La gamificación puede aumentar la

adhesión a los hábitos ecológicos y hacer que el proceso sea más divertido y gratificante.

Fomentar la comunidad y el soporte mutuo: Crear una sección o foro comunitario

dentro del aplicativo donde los usuarios puedan compartir sus experiencias, consejos y

logros. Esto fomentará un sentido de comunidad y apoyo mutuo, lo que puede incentivar a los

usuarios a continuar y mejorar sus hábitos ecológicos.

Actualizar y expandir la base de datos de tips: Mantener la base de datos de tips y

recomendaciones actualizadas con nueva información relevante y basada en las últimas

investigaciones sobre sostenibilidad ambiental. Considerar también la inclusión de tips

personalizados según el progreso y preferencias del usuario para proporcionar un valor

añadido continuo.

Implementar análisis y reportes de impacto: Desarrollar funcionalidades que

permitan a los usuarios visualizar el impacto ambiental positivo de sus hábitos, como la

reducción de emisiones de carbono o el ahorro de recursos naturales. Proporcionar informes

 37

periódicos y gráficos detallados puede ayudar a los usuarios a ver el valor tangible de sus

esfuerzos, aumentando su compromiso con la sostenibilidad.

X. BIBLIOGRAFÍA

Agarini E, Israel C. (2021). Implementación de un aplicativo web para mejorar el proceso de

matrícula en instituciones educativas públicas de nivel primaria en Cercado de Lima

2021. [Repositorio Digital]. Universidad Privada del Norte.

https://repositorio.upn.edu.pe/handle/11537/30355

Álvaro H, Cesar S (2020). Aplicación móvil que permita desarrollar conocimientos y hábitos

saludables en la alimentación en niños y adolescentes basados en gamificación y

juegos serios. [Repositorio Digital]. Universidad Peruana de Ciencias Aplicadas.

https://repositorioacademico.upc.edu.pe/bitstream/handle/10757/653951/

Herrera_CÁ.pdf?sequence=3&isAllowed=y

Baliña, L. (2020) Cómo crear un hábito: claves para formarlo y mantenerlo. [Sitio web].

Center Psicología. https://www.centerpsicologia.com/es/2020/09/10/como-crear-un-

habito-claves-para-formarlo-y-mantenerlo

Buitrón, B., Díaz, L., & Cahuasquí J. (2020). Diseño de un aplicativo web para la enseñanza

del idioma kichwa. RIDE Revista Iberoamericana Para La Investigación Y El

Desarrollo Educativo, 11(21). https://doi.org/10.23913/ride.v11i21.781

Camacho, R. & Pabón, E. (2023). Desarrollo de un aplicativo web para la empresa

Sinnergy12 en la ciudad de Villavicencio. [Repositorio Digital]. Corporación

Universitaria Minuto de Dios. https://repository.uniminuto.edu/handle/10656/17586

 38

Chacón, L. (2016). Diseño E Implementación de una App sobre Desarrollo Sostenible. [Tesis

de bachiller inédita]. Universidad Politécnica de Cataluña.

https://upcommons.upc.edu/bitstream/handle/2117/97021/117977.pdf

Chacón, N. (2024, enero 15). UX: guía completa sobre la experiencia de usuario. [Sitio

web]. HubSpot. https://blog.hubspot.es/website/experiencia-de-usuario-ux

Coppola, M. (2023, enero 23). Qué es la usabilidad web, principios y ejemplos. [Sitio web].

HubSpot. https://blog.hubspot.es/website/que-es-usabilidad-web

Dionisio, M., de Souza Junior, S. J., Paula, F., & Pellanda, P. C. (2023). The role of digital

social innovations to address SDGs: A systematic review. [Artículo académico].

Environment, Development and Sustainability. https://doi.org/10.1007/s10668-023-

03038-x

Elegbede, I., Matti-Sanni, R., Moriam, O., & Emily Osa, I. (2023). Sustainability education

and environmental awareness. [Capítulo de libro]. En Encyclopedia of Sustainable

Management. Springer International Publishing.

Emprendalia. (2023, 11 enero). Aspectos de seguridad para proteger tu web en 2023. [Sitio

web]. Emprenderalia. https://www.emprenderalia.com/seguridad-proteger-tu-web/

Girosalut. (2024, 6 marzo). LA IMPORTANCIA DE ADOPTAR HÁBITOS SOSTENIBLES

EN EL DÍA a DÍA. [Sitio web]. Girosalut. https://girosalut.org/la-importancia-de-

adoptar-habitos-sostenibles-en-el-dia-a-dia/

Guapi Auquilla, M. J. (2018). Diseño metodológico para el desarrollo de interfaces gráficas

en páginas web utilizando los lenguajes HTML 5 y CSS 3. [Tesis de pregrado].

Universidad Nacional de Chimborazo. http://dspace.unach.edu.ec/handle/51000/5163

 39

Habibullah, M. S., Din, B. H., Tan, S.-H., & Zahid, H. (2022). Impact of climate change on

biodiversity loss: global evidence. [Artículo académico]. Environmental Science and

Pollution Research, 29(9). https://doi.org/10.1007/s11356-021-15702-8

Harsh, K. (2022, octubre 13). ¿Qué es la Arquitectura de las Aplicaciones Web?

Desglosando una Aplicación Web. [Sitio web]. Kinsta.

https://kinsta.com/es/blog/arquitectura-aplicaciones-web/

Hernández Almanza, G. A. (2020). Metodología TIC en la enseñanza de educación

ambiental para el desarrollo sostenible. [Artículo académico]. Educación y Ciudad,

(40), 129–146. https://doi.org/10.36737/01230425.n40.2021.2461

Hernández, J. (2014). Análisis y desarrollo web. [Libro]. Jesús Hernández. Recuperado de:

https://books.google.com.pe/books?

hl=es&lr=&id=nYDVBQAAQBAJ&oi=fnd&pg=PA4&dq=desarrollo+web&ots=wS

zwdHfzCH&sig=fd9p_7KERkYBJC3Ojqbet1eM3X0&redir_esc=y#v=onepage&q=d

esarrollo%20web&f=false

Hernández, R., Ezequiel B. (2020). Propuesta de un aplicativo web con firma electrónica y

aplicativo móvil para la gestión documentaria en una Universidad Nacional.

[Repositorio Digital]. Universidad Wiener.

https://repositorio.uwiener.edu.pe/handle/20.500.13053/5087

Holyoak (2019). Desarrollo e implementación de un aplicativo web para la mejora de la

gestión académica del centro de educación técnico-productiva Huacho, 2019.

[Repositorio Digital]. Universidad Nacional José Faustino Sánchez Carrión.

https://repositorio.unjfsc.edu.pe/handle/20.500.14067/3092
 40

Infante, D. C. H., & Infante, D. C. H. (2023, 13 febrero). Seguridad en aplicaciones web:

Qué es, cómo funciona y los mejores servicios. [Sitio web]. Tutoriales Hostinger.

https://www.hostinger.es/tutoriales/seguridad-en-aplicaciones-web

Iberdrola. (2021, 22 abril). ESTILO DE VIDA SOSTENIBLE. [Sitio web]. Iberdrola.

https://www.iberdrola.com/sostenibilidad/estilo-de-vida-sostenible

Intendencia Florida (2020, 01 de octubre). ¿Cuál es la importancia de la educación

ambiental? [Sitio web]. Intendencia Florida.

https://www.gub.uy/intendencia-florida/comunicacion/publicaciones/es-importancia-

educacion-ambiental

López Riquelme, S. E. (2019). Gestión Documental: buena práctica para reducir el consumo

de papel en apoyo al desarrollo sostenible. [Artículo académico]. GECONTEC:

Revista Internacional De Gestión Del Conocimiento Y La Tecnología, 7(1), 78–92.

https://www.upo.es/revistas/index.php/gecontec/article/view/4057

Marinez, R. (2010). La importancia de la educación ambiental ante la problemática actual.

[Artículo académico]. Redalyc. https://www.redalyc.org/pdf/1941/194114419010.pdf

Pérez Ibarra, S. G., Quispe, J. R., Mullicundo, F. F., & Lamas, D. A. (2021). Herramientas y

tecnologías para el desarrollo web desde el FrontEnd al BackEnd. [Actas de

congreso]. XXIII Workshop de Investigadores en Ciencias de la Computación (WICC

2021, Chilecito, La Rioja). https://sedici.unlp.edu.ar/handle/10915/120476

Pastuña, F. & Vásconez, E. (2023). Desarrollo de un aplicativo web para el registro y

control de ventas que fortalezca la toma de decisiones en "D’Mary Food and Drinks"

[Trabajo de titulación]. Universidad Técnica de Cotopaxi.

https://repositorio.utc.edu.ec/handle/27000/10192
 41

Pincay Llivigañay, Catalina Mishelle, Vega Zoto, Bélgica Johanna, (2024). Desarrollo de un

aplicativo web para la gestión de productos e historial clínico de pacientes aplicando

analítica de datos en la Óptica "San José", ubicada en el cantón La Maná, provincia

de Cotopaxi [Trabajo de titulación]. Universidad Técnica de Cotopaxi.

https://repositorio.utc.edu.ec/handle/27000/12036

Portillo, S. R. (2020, May 13). Cómo afecta el CONSUMISMO al MEDIO AMBIENTE. [Sitio

web]. ecologiaverde.com. https://www.ecologiaverde.com/como-afecta-el-

consumismo-al-medio-ambiente-2755.html

Ramírez, C. E. G., Robles, R. O., & Celis, B. A. (2020). Desarrollo de aplicaciones web

utilizando JavaScript. [Informe técnico]. Universidad Politécnica de Sinaloa

Programa Académico de Ingeniería En Informática.

http://repositorio.upsin.edu.mx/formatos/A064GERMAINRAMIREZCRISTALESM

ERALDA7569.pdf

Salazar, O. A., Aguirre, F. A. M., & Osorio, J. A. C. (2011). Herramientas para el desarrollo

rápido de aplicaciones web. [Artículo académico]. Scientia et Technica, 1(47), 254-

258. https://dialnet.unirioja.es/servlet/articulo?codigo=4525952

Schulz, R. G. (2009). Diseño web con CSS. [Libro]. Marcombo. Recuperado de:

https://books.google.com/books?

hl=es&lr=&id=ZgI2WfHjPiEC&oi=fnd&pg=PA45&dq=desarrollo+web&ots=7pPuj

YSU4o&sig=J7VAqbvQPR7VehjpjOmTZt9lgXg

Segui, P. (2022, diciembre 16). Interfaz de usuario: Qué es y cómo diseñar una UI. [Sitio

web]. OVACEN. https://ovacen.com/diseno-interfaz-usuario-ui/

 42

Shah, P., & Atisa, G. (2021). Environmental education and awareness: the present and

future key to the sustainable management of Ramsar convention sites in Kenya.

[Artículo académico]. International Environmental Agreements Politics Law and

Economics, 21(4), 611–630. https://doi.org/10.1007/s10784-021-09534-7

Sotelo, R. (2021). LA PSICOLOGÍA DETRÁS DE LOS HÁBITOS. [Sitio web].

Freeyourgoat.com. https://freeyourgoat.com/la-psicologia-detras-de-los-habitos/

UNESCO. (2021, mayo 12). UNESCO urges making environmental education a core

curriculum component in all countries by 2025. [Comunicado de prensa]. Unesco.org.

https://www.unesco.org/en/articles/unesco-urges-making-environmental-education-

core-curriculum-component-all-countries-2025

Vélez, D., Intriago, M. I. F., Coello, H. S. A., García, A. C. G., & Castro, L. L. V. (2018). La

accesibilidad universal al medio físico: Un reto para la arquitectura moderna.

[Artículo académico]. Revista San Gregorio, 1(21), 18–27.

https://doi.org/10.36097/RSAN.V1I21.538

Vértice, E. (2009). Técnicas avanzadas de diseño web. [Libro]. Editorial Vértice. Recuperado

de: https://books.google.com/books?hl=es&lr=&id=8-

HfD0pjAg0C&oi=fnd&pg=PP2&dq=desarrollo+web&ots=fre3PY8Vok&sig=C8ZK

mVbDL7HRe1EmTRVyF6Fl7ZA

WEFORUM. (2022, enero 19). How digital technology can improve your sustainability

game. [Artículo]. World Economic Forum.

https://www.weforum.org/agenda/2022/01/digital-technology-sustainability-strategy/

¿Qué es diseño? entrevista con Charles Eames. (2001). ARQ (Santiago. Impresa), 49, 10.

https://www.redalyc.org/articulo.oa?id=37504906
43
 44

XI. GLOSARIO DE TÉRMINOS

Aplicativo Web:

Una aplicación informática que se ejecuta en un navegador web y proporciona

funcionalidades y servicios a través de internet, desde páginas estáticas hasta complejas

plataformas interactivas.

Cliente (navegador web):

El software utilizado para acceder a aplicaciones web, que envía solicitudes al

servidor web para obtener y mostrar contenido. Los navegadores web comunes incluyen

Chrome, Firefox, Safari y Edge.

Servidor Web:

Un sistema que procesa solicitudes del cliente (navegador web) y devuelve respuestas,

interactuando con bases de datos y otros sistemas para obtener o almacenar información.

HTTP (Protocolo de Transferencia de Hipertexto):

El protocolo utilizado para la comunicación entre el cliente y el servidor en la web,

permitiendo la transferencia de datos como páginas web, imágenes y videos.

HTML (Lenguaje de Marcado de Hipertexto):

El lenguaje estándar para crear y estructurar páginas web, utilizando etiquetas para

definir elementos como encabezados, párrafos, imágenes y enlaces.

CSS (Hojas de Estilo en Cascada):

 45

Un lenguaje de estilo utilizado para controlar la presentación y el diseño de las

páginas web, separando el contenido de la presentación para facilitar la personalización y el

mantenimiento.

JavaScript:

Un lenguaje de programación utilizado para agregar interactividad y dinamismo a las

páginas web, permitiendo acciones como validar formularios y manipular el contenido en

tiempo real.

Framework de Desarrollo:

Conjuntos de herramientas y bibliotecas predefinidas que facilitan el desarrollo de

aplicaciones web, proporcionando estructuras y funcionalidades comunes para agilizar el

proceso de desarrollo.

Base de Datos:

Un sistema organizado para almacenar y recuperar información de manera eficiente,

fundamental en aplicaciones web para gestionar datos como usuarios, productos y

transacciones.

Diseño de Interfaz de Usuario (UI):

La disciplina que se encarga de crear la apariencia y la interacción de un producto

digital, diseñando cómo un usuario interactúa con una aplicación, sitio web o software.

Experiencia de Usuario (UX):

Las percepciones, sentimientos y respuestas de las personas a los productos,

plataformas o servicios, definidos por criterios como la facilidad de uso, accesibilidad y

conveniencia.
 46

Accesibilidad:

La posibilidad que tiene una persona, con o sin problemas de movilidad o percepción

sensorial, de entender un espacio, integrarse en él e interactuar con sus contenidos.

XII. ANEXOS

ANEXO N° 1: Planificación de las funcionalidades del aplicativo web

Nota: Elaboración propia.

ANEXO N° 2: Pantalla de Bienvenida

 47

Nota: Elaboración propia.

ANEXO N° 3: Pantalla de Registro de Hábitos

Nota: Elaboración propia.

ANEXO N° 4: Pantalla de Contáctanos del aplicativo

 48

Nota: Elaboración propia.