UNIDAD EDUCATIVA

“CRISTIANO VIDA NUEVA”

BACHILLERATO TÉCNICO HUMANÍSTICO

PROYECTO DE GRADO

APLICACIÓN MÓVIL DE EJERCICIOS DE FISIOTERAPIA

“ Physio Recover”

PARA OPTAR AL TÍTULO DE TÉCNICO MEDIO EN SISTEMAS

INFORMATICOS

POR: AMERICO YARKO ARUQUIPA CALLA

TUTOR: PROF ROGEL CORI ALVAREZ

LA PAZ-BOLIVIA

2024
DEDICATORIA
Dedico este proyecto a mis padres, quienes siempre han sido mi fuente de inspiración y apoyo
incondicional a lo largo de mi vida.
Su amor, su sabiduría y sacrificio han sido la luz que me ha guiado en este camino académico.
también dedico este trabajo a mis amigos y seres queridos quienes han estado a mi lado en cada
paso del camino , brindándome animo y alegría en los momentos mas desafiantes.Gracias a
todos aquellos que han contribuido a mi crecimiento y formación, esta tesis es un tributo a su
confianza en mi,

AGRADECIMIENTO
me gustaría expresar mi más sincero agradecimiento al equipo de docentes por su valiosa
contribución a mi proyecto
Su dedicación y trabajo duro son esenciales para el éxito de este programa y estoy muy
agradecido. Su compromiso, habilidades y compromiso resultan esenciales en todas las etapas
del proyecto.
Además de su contribución profesional, me gustaría agradecerle su actitud positiva y su voluntad
de cooperar.
Sin su dedicación y talento, este proyecto no tendrá el mismo impacto. Su compromiso no solo
es bueno para el proyecto, sino que también deja una impresión positiva en mi
Con gratitud
 ÍNDICE

1 INTRODUCCIÓN.................................................................................................................3
1.1 Antecedentes..................................................................................................................3
1.1.1 Antecedentes de la institución...............................................................................6
1.2 Planteamiento Del Problema..........................................................................................7
1.2.1 Identificación Del Problema..................................................................................7
1.2.2 Planteamiento Del Problema.................................................................................7
1.3 Justificación....................................................................................................................7
1.4 Objetivos........................................................................................................................8
1.4.1 Objetivo General...................................................................................................8
CAPÍTULO II...........................................................................................................................9
MARCO TEÓRICO................................................................................................................9
2.1. Sistema Operativo...................................................................................................9
2.2. Aplicación móvil...................................................................................................16
2.3. Fisioterapia............................................................................................................17
2.4. Wireframe..............................................................................................................20
2.5. Maquetación..........................................................................................................23
2.6. Photoshop..............................................................................................................26
2.7. Canva.....................................................................................................................29
2.8. Chat GPT...............................................................................................................33
2.9. FlutterFlow............................................................................................................34
CAPÍTULO III.......................................................................................................................37
MARCO APLICATIVO........................................................................................................37
3.1. Wireframe..............................................................................................................37
3.2. Maquetación..........................................................................................................37
3.3. Photoshop..............................................................................................................37
3.4. Flutter Flow...........................................................................................................38
3.5. Otros......................................................................................................................38
CAPÍTULO IV.......................................................................................................................38
CONCLUSIONES Y RECOMENDACIONES...................................................................38
4.1. Conclusiones.........................................................................................................38
4.2. Recomendaciones..................................................................................................38
 CAPÍTULO I

INTRODUCCIÓN

CAPÍTULO I
1 INTRODUCCIÓN

1.1 Antecedentes

Actualmente en nuestra sociedad es inevitable que la mayoría de personas utilicen

aplicaciones para simplificar su vida a algo más sencillo, ya que estas mismas son una gran

fuente de datos que permite obtener información de cosas específicas

En las últimas décadas, el campo de la fisioterapia ha evolucionado significativamente gracias a

los avances en la tecnología y la ciencia de la salud. Sin embargo, la accesibilidad a tratamientos

de fisioterapia sigue siendo un desafío para muchas personas. Factores como la falta de tiempo,

la distancia a centros de rehabilitación, los altos costos y la escasez de fisioterapeutas

especializados dificultan que los pacientes reciban un tratamiento continuo y efectivo. A raíz de

estos problemas, ha surgido la necesidad de soluciones digitales que permitan a los usuarios

acceder a programas de rehabilitación de manera flexible, desde cualquier lugar.

El desarrollo de aplicaciones móviles en el área de la salud ha sido una tendencia creciente,

permitiendo a los usuarios monitorear su bienestar y seguir planes de ejercicio sin necesidad de

una intervención constante por parte de un profesional de la salud. En particular, las aplicaciones

de fisioterapia ofrecen la posibilidad de guiar a los pacientes en la realización de ejercicios

terapéuticos a través de videos y tutoriales, lo que mejora la adherencia y la efectividad de los

tratamientos.

El ejercicio físico es una actividad fundamental para mantener la salud y prevenir una serie de

problemas crónicos y lesiones. Los ejercicios terapéuticos, en particular, son esenciales para la

rehabilitación de personas que han sufrido lesiones musculoesqueléticas, cirugías, enfermedades

degenerativas, o que padecen dolores crónicos derivados de condiciones como la artritis o el

sedentarismo. En el ámbito de la fisioterapia, los ejercicios guiados y supervisados por un

profesional son clave para restablecer la movilidad, la fuerza, la flexibilidad y la función física

general.

Sin embargo, la falta de acceso adecuado a la fisioterapia tiene un impacto profundo en la

calidad de vida de las personas. La inactividad física y la ausencia de una rehabilitación correcta

pueden dar lugar a una serie de problemas físicos y sociales. Entre las principales consecuencias

de no realizar los ejercicios adecuados se encuentran:

 ● Retraso en la recuperación: Sin un tratamiento adecuado, las lesiones pueden tardar

mucho más en sanar o incluso empeorar, lo que conlleva una mayor duración de la

discapacidad y el dolor.

● Pérdida de movilidad y funcionalidad: La falta de movimiento adecuado después de una

lesión o cirugía puede provocar rigidez, atrofia muscular y limitación del rango de

movimiento, afectando la capacidad de las personas para realizar tareas diarias.

● Dolor crónico: La falta de ejercicio y rehabilitación contribuye al desarrollo de dolores

crónicos que pueden impactar la calidad de vida de forma prolongada, generando

dependencia de analgésicos o intervenciones más invasivas.

El problema de la falta de acceso a programas de fisioterapia no solo afecta a nivel individual,

sino que tiene un impacto considerable en la sociedad. La inactividad física es considerada por la

Organización Mundial de la Salud (OMS) como uno de los principales factores de riesgo para

enfermedades crónicas no transmisibles, como la diabetes, enfermedades cardiovasculares y

ciertos tipos de cáncer. A nivel global, la inactividad es responsable de millones de muertes

prematuras al año, y en muchos casos, la falta de rehabilitación adecuada después de una lesión

agrava esta situación.

Los costos asociados con la atención médica para tratar las consecuencias del sedentarismo y la

inactividad prolongada, como el tratamiento de enfermedades crónicas, intervenciones

quirúrgicas y medicamentos para el dolor, suponen una carga económica importante tanto para

los sistemas de salud pública como para las familias. Además, la disminución de la capacidad

funcional de las personas afecta la productividad laboral, genera más ausencias en el trabajo y,

en casos extremos, lleva a la incapacidad laboral permanente.

En muchos casos, las personas no siguen los programas de fisioterapia por la dificultad de

acceder a centros especializados debido a la distancia, el tiempo o el costo. La falta de

adherencia a los ejercicios prescritos por el fisioterapeuta también es un problema común, ya que

los pacientes pueden olvidar las instrucciones, realizar mal los ejercicios o perder la motivación.

El presente trabajo presentará una aplicación móvil centrada en ejercicios de fisioterapia,

que incluirá rutinas básicas diseñadas para apoyar la rehabilitación física. La aplicación

permitirá a los usuarios elegir la intensidad y el tipo de ejercicio según su nivel de recuperación

y sus necesidades específicas. Es importante destacar que los ejercicios propuestos están

orientados hacia la fisioterapia, es decir, serán actividades guiadas y personalizadas con el fin de

mejorar la movilidad, fortalecer los músculos, reducir el dolor y facilitar la recuperación de

lesiones o condiciones crónicas.

Es por eso que, con el avance de la tecnología moderna y el uso de los teléfonos inteligentes se

presenta la aplicación de fisioterapia que podrá llevar ayuda a este tipo de situaciones y podrá

tener más opciones de ejercicios

Además, que al tener conocimiento sobre este tema, se puede llevar a la recuperación

más factible y que podría dar más opciones a las personas de buscar más ejercicios que podría

hacer acorde a su condición.

Esta aplicación también tiene un impacto positivo en el bienestar social y económico. Al facilitar

la rehabilitación efectiva y accesible, se reducirán los costos asociados con las complicaciones

derivadas de la falta de tratamiento adecuado, y las personas podrán reincorporarse más

rápidamente a su vida diaria y laboral, mejorando su calidad de vida y su participación en la

sociedad.

1.1.1 Antecedentes de la institución

La Unidad Educativa Cristiano “Vida Nueva” es una institución de convenio basada en

creencias religiosas Cristo céntricas, que fue fundada el 21 de septiembre del 2000. Ubicada en

la ciudad de La Paz Zona Villa Copacabana en la calle Diego Quispe.

 Cuenta con un Plan Docente que se divide en tres niveles: Plantel Docente Nivel Inicial que

está conformado por cuatro docentes, Plantel Docente Nivel Primario que está conformado por

veinticuatro docentes y el Plantel Docente Nivel Secundario con treinta y ocho docentes.

El Plantel Administrativo está dividido en el personal administrativo en la que se encuentra

nuestra directora Marneli L. Cori de la gestión 2024-2025, luego se encuentra el departamento

pastoral conformado por el Ptr. Jaime Arturo Loayza representante legal de la U.E Cristiano

“Vida Nueva” y el Ptr. de jóvenes Jhosep Cartagena, y por último el personal de planta formado

por tres encargados.

La institución cuenta con los niveles Inicial, Primario y Secundario en los turnos mañana y

tarde con los paralelos “A”, “B” y “C”. El Proyecto Socio comunitario Productivo de la gestión

2024 es “Practiquemos valores humanos para una convivencia armónica y libre de violencia” de

la Unidad Educativa está basada en los conflictos que existen en con la mujer buscando obtener

soluciones a base de proyectos, ferias y programas educativos.

También ofrece el bachillerato técnico humanístico , que ofrece una modalidad educativa para

preparar a los jóvenes en ámbitos técnicos, para que adquieran habilidades que les ayude en un

el futuro y poder conseguir empleo o tener conocimiento sobre una área . Actualmente la

institución cuenta con el BTH enfocado en la área de informática, lo cual permite obtener el

diploma de bachiller humanístico y a la vez el título de técnico medio

Su infraestructura se divide en dos diferentes áreas, una cuenta con un edificio de dos pisos

con 15 aulas habilitadas para el nivel pre kínder, kínder y nivel primario cuenta también con un

edificio de 3 pisos con 13 aulas para el nivel secundario se cuenta igual con una sala de atención

o administración, sala de profesores, dos salas de informática, un laboratorio, un auditorio, una

cancha para deportes de futsal, voleibol y básquet, una cocina, una sala de talleres, baños

divididos para los diferentes niveles y un kiosco.

1.2 Planteamiento Del Problema

1.2.1 Identificación Del Problema

En Nuestra Sociedad la falta de información y opciones de rutinas de fisioterapia es

limitado.

Por los accesos de servicios de fisioterapia que son limitadas y a menudo tienen que

hacer viajes para recibir un tratamiento especial como las fisioterapias las cuales son necesarias

para recuperar movilidad, esto dura varios meses si no es tratado con los procesos de

recuperación indicados, para eso se necesita factores económicos y esto influye en la capacidad

para acceder a tratamientos, recomendación médicas y pago de sesiones de fisioterapia.

Al no llegar a aplicar un tratamiento de recuperación recomendado puede llegar a afectar

a las personas en su recuperación, haciendo que en vez de recuperar su movilidad se puede llegar

a empeorar su movilidad.

1.2.2 Planteamiento Del Problema

¿De qué manera se puede obtener la información sobre rutinas de fisioterapia de manera

centralizada y rápida?

1.3 Justificación

Los ejercicios de fisioterapia son fundamentales para la recuperación y el mantenimiento

de la salud física. Estos ejercicios están diseñados específicamente para tratar una variedad de

condiciones y lesiones, ayudar en la rehabilitación, mejorar la movilidad, y prevenir futuras

lesiones.

Ya que ahora se goza con el privilegio de los teléfonos inteligentes y no muchas personas

pueden llegar a tener estos accesos a estos servicios de fisioterapia por su limitación, debido a

las largas distancias y dificultades económicas entre otros

La aplicación móvil que se desarrollará busca facilitar y optimizar el proceso de recuperación de

los usuarios a través de ejercicios de fisioterapia personalizados y recomendaciones específicas.

Su principal objetivo es consolidar toda la información necesaria en una sola plataforma,

eliminando la necesidad de que los usuarios pierdan tiempo buscando en diferentes soluciones

dispersas sobre su recuperación. De esta manera, la app proporcionará un acceso rápido y

eficiente a ejercicios que se adapten al nivel de recuperación y condición de cada usuario,

asegurando un proceso más efectivo y guiado.

La aplicación móvil ofrecerá la comodidad a los usuarios de poder escoger su tipo de ejercicios

de acuerdo a nivel de recuperación que se encuentren y si no tienen el conocimiento de este,

podrá obtener la información de cómo identificar qué tipo de ejercicios podría ayudarle, junto

con toda la información podrá recibir cuales son los ejercicios recomendados acorde a su

condición

1.4 Objetivos

1.4.1 Objetivo General

Desarrollar una aplicación móvil que brinde información sobre rutinas de fisioterapia de

forma fácil, sencilla, centralizada y al alcance de todos.

I.1.1. Objetivos específicos

● Diseñar un Wireframe acorde a la aplicación

● Realizar la maquetación de la aplicación

● Diseñar el icono y logo de la aplicación

● Recolectar información actualizada sobre ejercicios de fisioterapia de brazo y pierna

 ● Crear una paleta de colores

I.2. Alcances y límites

I.2.1. Alcances

El proyecto tendrá las siguientes características:

● Maquetado del diseño de la aplicación.

● Wireframe de la aplicación.

● Creación de una primera versión de la aplicación.

I.2.2. Límites

● La aplicación estará disponible para dispositivos con sistema operativo Android para

las versiones 5.0 y superiores.

● La aplicación no necesitará ni tendrá conexión a internet.

● Las rutinas de fisioterapia, solo será de piernas y brazos

● La información se actualizará en nuevas versiones de la aplicación móvil.

 CAPÍTULO II

MARCO TEÓRICO

CAPÍTULO II

MARCO TEÓRICO

2.1. Sistema Operativo

Un sistema operativo (SO) es el conjunto de programas de un sistema informático que gestiona

los recursos del hardware y provee servicios a los programas de aplicación de software. Estos

programas se ejecutan en modo privilegiado respecto de los restantes.1

Uno de los propósitos del sistema operativo que gestiona el núcleo intermediario consiste en

gestionar los recursos de localización y protección de acceso del hardware, hecho que alivia a los

programadores de aplicaciones de tener que tratar con estos detalles. La mayoría de los aparatos

electrónicos que utilizan microprocesadores para funcionar, llevan incorporado un sistema

operativo (teléfonos móviles, reproductores de DVD, computadoras, enrutadores, etc.). En cuyo

caso, son manejados mediante una interfaz gráfica de usuario, un gestor de ventanas o un

entorno de escritorio, si es un celular, mediante una consola o control remoto si es un DVD y,

mediante una línea de comandos o navegador web si es un enrutador.

El sistema operativo de escritorio dominante es Microsoft Windows con una cuota de mercado

de alrededor del 68,28%. MacOS de Apple Inc. ocupa el segundo lugar (18,71%) y las

variedades de GNU/ Linux están colectivamente en tercer lugar (3,01%).2 En el sector móvil

(incluidos teléfonos inteligentes y tabletas), la participación de Android es de hasta un 70% en el

año 2017.3 Las distribuciones Linux son dominantes en los sectores de servidores y
supercomputación.4 Existen otras clases especializadas de sistemas operativos, como los

sistemas integrados y en tiempo real, para muchas aplicaciones.

Funciones principales

Algunas de las funciones principales de un sistema operativo son las siguientes:

Gestionar la memoria de acceso aleatorio y ejecutar las aplicaciones, designando los recursos

necesarios: El sistema operativo es responsable de administrar eficientemente la memoria RAM

y asignar los recursos necesarios a las aplicaciones en ejecución. Además de asignar memoria,

también gestiona la liberación de memoria cuando una aplicación ya no la necesita.

Administrar la CPU gracias a un algoritmo de programación: El sistema operativo coordina el

uso de la CPU entre las diferentes tareas y procesos que se ejecutan en el sistema. Utiliza

algoritmos de programación para determinar el orden y la prioridad de ejecución de los procesos,

asegurando un uso equitativo de los recursos de la CPU.

Gestionar las entradas y salidas de datos a través de los periféricos: Además de direccionar las

entradas y salidas de datos, el sistema operativo proporciona controladores (drivers) para

interactuar con los periféricos de entrada y salida, como teclados, mouse, impresoras, discos

duros externos, entre otros. Estos controladores permiten que los dispositivos se comuniquen

correctamente con el sistema operativo y las aplicaciones.

Administrar la información para el buen funcionamiento del sistema: El sistema operativo

gestiona información esencial para el funcionamiento del sistema, como la tabla de procesos, la

tabla de archivos abiertos y otros datos relevantes. Además, realiza tareas de monitoreo y gestión

del rendimiento para asegurar un funcionamiento óptimo del sistema.

Dirigir las autorizaciones de uso para los usuarios: El sistema operativo proporciona un

mecanismo de autenticación y autorización para garantizar que los usuarios accedan solo a los
recursos y funciones para los cuales tienen permisos. Esto incluye la gestión de cuentas de

usuario, contraseñas y asignación de privilegios.

Administrar los archivos: El sistema operativo maneja las operaciones relacionadas con la

gestión de archivos, como la creación, modificación, eliminación y acceso a los archivos en el

sistema de almacenamiento. Esto implica la organización de los archivos en directorios o

carpetas, el control de acceso a los archivos y la implementación de mecanismos de seguridad

para proteger la integridad y confidencialidad de la información.

2.1.1. Sistema operativo Android

El sistema operativo Android es un sistema operativo basado en el núcleo de Linux,

diseñado principalmente para dispositivos móviles, como teléfonos inteligentes y

tabletas. Desde su lanzamiento en 2008, Android ha crecido rápidamente para convertirse

en uno de los sistemas operativos más utilizados en el mundo, impulsando la innovación

en la tecnología móvil. A continuación, se ofrece un análisis detallado de Android, que

incluye su historia, arquitectura, características, aplicaciones, y el ecosistema en el que

opera.

1. Historia de Android

Orígenes: Android fue fundado por Andy Rubin, Rich Miner, Nick Sears y Chris White

en 2003. Originalmente, la empresa desarrolló un sistema operativo para cámaras

digitales, pero luego se enfocó en crear un sistema operativo para teléfonos móviles.

Adquisición por Google: En 2005, Google adquirió Android Inc. y comenzó a desarrollar

Android como un sistema operativo abierto. El primer dispositivo Android, el HTC

Dream (también conocido como T-Mobile G1), fue lanzado en octubre de 2008.

Desarrollo Continuo: Desde su lanzamiento inicial, Android ha visto numerosas

versiones y actualizaciones. Las versiones de Android son nombradas en orden alfabético

con nombres de postres (hasta Android 9 Pie), lo que ayudó a crear una cultura de marca

divertida.

Crecimiento y Dominio: A partir de 2011, Android comenzó a dominar el mercado de

smartphones, superando a otros sistemas operativos como iOS y Windows Mobile. Hoy

en día, Android tiene una participación de mercado superior al 70% en el espacio de

teléfonos inteligentes.

2. Arquitectura de Android

La arquitectura de Android se organiza en varias capas, cada una de las cuales tiene

funciones específicas:

Aplicaciones: En la parte superior de la arquitectura se encuentran las aplicaciones.

Android viene con una serie de aplicaciones preinstaladas (como contactos, mensajería, y

navegador) y permite a los usuarios descargar aplicaciones de Google Play Store y otras

fuentes.

Framework de Aplicaciones: Proporciona las herramientas y APIs (interfaces de

programación de aplicaciones) que los desarrolladores utilizan para crear aplicaciones.

Incluye componentes como Activities, Services, Content Providers, y Broadcast

Receivers.

Bibliotecas: Android incluye una serie de bibliotecas C/C++ que permiten el uso de

diversas funciones, como gráficos 2D/3D (OpenGL ES), bases de datos SQLite, y

multimedia.

Android Runtime (ART): Desde Android 5.0 (Lollipop), ART reemplazó a Dalvik como

el entorno de ejecución principal. ART compila las aplicaciones en código nativo durante

la instalación, lo que mejora el rendimiento y la eficiencia de la batería.

Núcleo de Linux: Android se basa en el núcleo de Linux, que maneja las interacciones de

hardware, la gestión de procesos, la memoria y la seguridad. Aunque el núcleo se ha

modificado para satisfacer las necesidades específicas de Android, la mayoría de las

características del sistema Linux se mantienen.

3. Características Clave de Android

Interfaz de Usuario (UI): Android ofrece una interfaz de usuario personalizable que

permite a los usuarios ajustar la apariencia de sus dispositivos. Esto incluye el uso de

widgets, temas y lanzadores de aplicaciones.

Multitarea: Android permite a los usuarios ejecutar múltiples aplicaciones al mismo

tiempo, con un sistema de gestión de tareas que facilita cambiar entre aplicaciones

rápidamente.

Conectividad: Android admite una amplia gama de opciones de conectividad, incluidos

Wi-Fi, Bluetooth, NFC (comunicación de campo cercano) y 5G, permitiendo a los

dispositivos conectarse a Internet y otros dispositivos de manera eficiente.

Notificaciones: El sistema de notificaciones de Android es altamente interactivo,

permitiendo a los usuarios ver y responder a mensajes, correos electrónicos y otras

alertas directamente desde la barra de notificaciones.

Seguridad: Android implementa varias capas de seguridad, incluido el sandboxing

(aislamiento de aplicaciones), autenticación biométrica (huellas dactilares y

reconocimiento facial), y actualizaciones de seguridad regulares para proteger a los

usuarios de vulnerabilidades.

4. Aplicaciones y Google Play Store

Google Play Store: Es la tienda oficial de aplicaciones para Android, donde los usuarios

pueden descargar e instalar aplicaciones. Hay millones de aplicaciones disponibles en

diversas categorías, desde juegos hasta productividad y redes sociales.

Aplicaciones de Terceros: Los desarrolladores pueden crear y distribuir aplicaciones a

través de la Play Store o mediante otros medios. Android es compatible con aplicaciones

de diferentes formatos y tecnologías, incluidos aplicaciones nativas, aplicaciones web

progresivas (PWAs), y aplicaciones híbridas.

Desarrollo de Aplicaciones: Android proporciona un entorno robusto para el desarrollo

de aplicaciones, con herramientas como Android Studio, que incluye un emulador, un

editor de código, y herramientas de depuración.

5. Ecosistema Android

Dispositivos: Android es un sistema operativo de código abierto que permite a diferentes

fabricantes de hardware (como Samsung, LG, Xiaomi, Huawei, etc.) personalizar el

sistema operativo para sus dispositivos. Esto ha llevado a una amplia variedad de

dispositivos Android en el mercado, desde smartphones de gama baja hasta dispositivos

premium.

Android One y Android Go: Android One es un programa que ofrece una experiencia

Android pura en dispositivos de gama baja, con actualizaciones rápidas y soporte

garantizado. Android Go está diseñado para optimizar Android en dispositivos con

especificaciones limitadas, proporcionando un rendimiento fluido en hardware básico.

Actualizaciones: Las actualizaciones del sistema operativo pueden variar según el

fabricante y el modelo del dispositivo. Google lanza actualizaciones periódicas que

incluyen nuevas características, mejoras de rendimiento y correcciones de seguridad. Las

versiones más recientes de Android ofrecen nuevas características, como mejores

controles de privacidad y una mayor integración con servicios de inteligencia artificial.

6. Desafíos y Críticas

Fragmentación: Uno de los mayores desafíos de Android es la fragmentación, donde

diferentes dispositivos utilizan diferentes versiones del sistema operativo. Esto puede

dificultar a los desarrolladores la creación de aplicaciones compatibles y puede afectar la

experiencia del usuario.

Seguridad: Aunque Android implementa diversas medidas de seguridad, su naturaleza

abierta y la amplia variedad de dispositivos y configuraciones pueden hacer que algunos

dispositivos sean vulnerables a malware y ataques. Los usuarios deben ser conscientes de

la seguridad y las mejores prácticas al descargar aplicaciones.

Rendimiento: Algunos dispositivos de gama baja pueden experimentar un rendimiento

deficiente debido a la falta de recursos de hardware. Esto ha llevado a la creación de

versiones optimizadas de Android, como Android Go.

7. Tendencias Futuras en Android

Inteligencia Artificial y Aprendizaje Automático: Android está incorporando cada vez

más funciones basadas en inteligencia artificial, como asistentes virtuales mejorados (por

ejemplo, Google Assistant), reconocimiento de voz, y optimización del rendimiento de la

batería.

Realidad Aumentada (AR): Con la introducción de ARCore, Android está habilitando

experiencias de realidad aumentada en dispositivos compatibles, permitiendo

aplicaciones innovadoras en juegos, educación y comercio.

 5G y Conectividad Avanzada: Con la adopción creciente de redes 5G, Android está

adaptándose para ofrecer experiencias más rápidas y confiables en la conectividad, lo que

permitirá aplicaciones más sofisticadas y la mejora de servicios en la nube.

Sostenibilidad: Con el aumento de la conciencia ambiental, se espera que los fabricantes

de dispositivos y el propio Android implementen prácticas más sostenibles en la

producción y el ciclo de vida de los dispositivos.

2.2. Aplicación móvil

Una aplicación móvil (en ocasiones, también aplicación telefónica) es una aplicación informática

diseñada para ser ejecutada en teléfonos inteligentes, tabletas y otros dispositivos móviles. Este

tipo de aplicaciones permiten al usuario efectuar un variado conjunto de tareas —profesional, de

ocio, educativas, de acceso a servicios, etcétera—, facilitando las gestiones o actividades a

desarrollar.1

Por lo general, se encuentran disponibles a través de ciertas plataformas de distribución, o por

intermedio de las compañías propietarias de los sistemas operativos móviles tales como Android,

iOS, BlackBerry OS, Windows Phone, entre otros. Existen aplicaciones móviles gratuitas y otras

de pago, donde en promedio el 20 a 30 % del costo de la aplicación se destina al distribuidor y el

resto es para el desarrollador.2 El término app se volvió popular rápidamente, tanto que en 2010

fue listada por la American Dialect Society como la palabra del año.3

Al ser aplicaciones residentes en los dispositivos están escritas en algún lenguaje de

programación compilado, y su funcionamiento y recursos se encaminan a aportar una serie de

ventajas tales como:

Un acceso más rápido y sencillo a la información necesaria sin necesidad de los datos de

autenticación en cada acceso.

Un almacenamiento de datos personales que, a prioridad, es de una manera segura.

Una gran versatilidad en cuanto a su utilización o aplicación práctica.

La atribución de funcionalidades específicas.

Mejorar la capacidad de conectividad y disponibilidad de servicios y productos (usuario-usuario,

usuario-proveedor de servicios, etc.).

Un sistema operativo es un programa o conjunto de programas informáticos que gestiona el

hardware de un dispositivo y administra el servicio de aplicaciones informáticas (Windows, iOS,

Android, etc.).

Las aplicaciones web son herramientas alojadas en un servidor, a las que los usuarios pueden

acceder desde Internet (o Intranet) mediante un navegador web genérico o específico,

dependiendo del lenguaje de programación (moodle).

Un servicio de alojamiento informático o web permite a organizaciones e individuos subir,

alojar, gestionar o almacenar contenido en servidores físicos o virtuales. Por ejemplo: Dropbox

sería una aplicación de software destinada a ser un servicio de alojamiento de archivos

multiplataforma en la nube, a la cual se puede acceder a través una interfaz web o de una app.

En los últimos años, los servicios de informática distribuida han permitido que las

organizaciones, incluidas las educativas, puedan gestionar sus procesos, actividad y aplicaciones

informáticas a través de empresas que ofrecen comercialmente software como servicio (SaaS)

alojado en un centro de datos o en servicios en la nube, y grandes redes de ordenadores pueden

formar una "malla" que representa una potencia considerable

2.3. Fisioterapia

2.3.1.¿Qué es la fisioterapia?
La medicina física y rehabilitación es una especialidad médica que tiene por objeto la

valoración, diagnóstico, prevención y tratamiento de las discapacidades derivadas de

enfermedades y accidentes, utilizando para ellos todos los métodos a su alcance (físicos,
medicamentosos, educacionales.) encaminados a facilitar, mantener o devolver el mayor grado

de capacidad funcional e independencia posible mejorando así su calidad de vida.

El Servicio de Rehabilitación es un recurso sanitario dedicado a detectar, valorar y tratar los

posibles déficits o alteraciones del aparato locomotor, sistema nervioso y cardio respiratorio

fundamentalmente, que se puedan detectar en pacientes ambulatorios o ingresados que sean

susceptibles de mejorar mediante nuestra actuación, siendo esta función primordial para el

correcto tratamiento y mejora de estos pacientes.

2.3.2. Importancia de la fisioterapia

La fisioterapia es de gran importancia en el ámbito de la salud debido a su papel

fundamental en el tratamiento, la rehabilitación y la prevención de problemas de

movilidad y funcionalidad. Aquí se destacan algunos puntos clave de su relevancia:

Recuperación y Rehabilitación Física: La fisioterapia es crucial para ayudar a los

pacientes a recuperar la movilidad y la función física después de lesiones, cirugías o

accidentes. Esto es especialmente relevante en el caso de lesiones deportivas,

accidentes de tráfico y operaciones quirúrgicas, donde una recuperación adecuada es

esencial para evitar complicaciones a largo plazo.

Prevención de Lesiones: A través de ejercicios y técnicas de fortalecimiento, la

fisioterapia ayuda a prevenir futuras lesiones. Por ejemplo, los fisioterapeutas pueden

trabajar con deportistas para mejorar su equilibrio, fuerza y resistencia, minimizando

el riesgo de lesiones en el futuro.

Manejo del Dolor Crónico: La fisioterapia es una alternativa efectiva a los

tratamientos farmacológicos para el dolor crónico. Las técnicas como la terapia

manual, el ejercicio terapéutico y la electroterapia ayudan a reducir el dolor en

personas con condiciones como artritis, lumbalgia, dolor de cuello, entre otras.
Mejora de la Calidad de Vida: Ayudar a los pacientes a recuperar su independencia y

funcionalidad mejora considerablemente su calidad de vida, especialmente en

personas con enfermedades crónicas o discapacidades. La fisioterapia permite que las

personas puedan realizar actividades cotidianas y mantener una vida activa.

Soporte en Enfermedades Neurológicas y Geriátricas: En condiciones como el

Parkinson, la esclerosis múltiple o después de un accidente cerebrovascular, la

fisioterapia juega un rol fundamental en la rehabilitación y en la reducción del avance

de la discapacidad. También es esencial para mejorar el equilibrio, la movilidad y la

fuerza en adultos mayores, reduciendo el riesgo de caídas y otros problemas asociados

con el envejecimiento.

Promoción de un Enfoque No Invasivo: La fisioterapia ofrece una alternativa menos

invasiva y con menos efectos secundarios en comparación con otros tratamientos

médicos, como la cirugía o los medicamentos. Esto permite que muchos pacientes

logren la recuperación sin tener que someterse a procedimientos invasivos o

tratamientos prolongados con medicamentos.

2.3.3. Ejercicios de Fisioterapia

Los ejercicios de fisioterapia son esenciales en el proceso de recuperación y

prevención de problemas físicos. Su importancia radica en su capacidad para mejorar

la función del cuerpo de una forma segura y progresiva.

Recuperación de la Fuerza y la Movilidad: Tras una lesión o cirugía, es común que los

músculos y articulaciones pierdan fuerza y flexibilidad. Los ejercicios de fisioterapia

ayudan a fortalecer los músculos debilitados, mejorar la movilidad articular y

restaurar la función.
Reducción del Dolor: Los ejercicios específicos pueden reducir la tensión y mejorar la

circulación en áreas lesionadas, lo que contribuye a disminuir el dolor. También

ayudan a evitar el uso excesivo de medicamentos para el dolor al proveer una forma

natural de alivio.

Prevención de la Rigidez y Atrofia Muscular: Después de una inmovilización, los

músculos pueden atrofiarse y las articulaciones volverse rígidas. Los ejercicios de

fisioterapia previene la atrofia muscular y ayudan a mantener la amplitud de

movimiento, evitando que el cuerpo pierda funcionalidad.

Mejora de la Coordinación y el Equilibrio: Estos ejercicios son especialmente

importantes para personas mayores o para aquellos que han sufrido un accidente

cerebrovascular o una lesión que afecte su equilibrio. La práctica de ejercicios de

fisioterapia puede reducir el riesgo de caídas y mejorar la capacidad de moverse con

seguridad.

Reeducación y Corrección de Postura: Los fisioterapeutas pueden indicar ejercicios

que mejoren la postura, lo que reduce el estrés en ciertas áreas del cuerpo y previene

problemas como el dolor de espalda y cuello. Esto es beneficioso tanto para personas

con trabajos sedentarios como para deportistas.

Aceleración del Proceso de Recuperación: Al mantener el cuerpo activo de manera

controlada y dirigida, los ejercicios de fisioterapia aceleran la recuperación. Estos

ejercicios están diseñados para trabajar específicamente en las áreas afectadas,

estimulando la sanación sin provocar una nueva lesión.

Promoción de la Autonomía y la Independencia: Los ejercicios ayudan a los pacientes

a ganar autonomía en sus actividades diarias, lo que es vital para quienes sufren de
 condiciones crónicas o tienen limitaciones de movilidad. La fisioterapia les permite

recuperar o mantener la independencia en su vida cotidiana.

Fomento de Hábitos Saludables: Los ejercicios de fisioterapia enseñan a las personas

la importancia de una actividad física segura y regular, promoviendo hábitos que

pueden mejorar su calidad de vida a largo plazo.

2.4. Wireframe

Un wireframe es una representación visual básica y esquemática de la estructura de una página

web, una aplicación móvil o cualquier interfaz de usuario. Este modelo inicial, también conocido

como “dibujo de alambre", muestra el diseño de los elementos y se centra en la disposición de

los componentes, la jerarquía de la información y la funcionalidad, sin profundizar en detalles

estéticos, como colores o tipografías.

Características principales de un wireframe

Simplicidad: Utiliza líneas, cuadros y texto simple para crear una representación esquemática.

Enfoque en la funcionalidad: No contiene detalles visuales complejos; su propósito es reflejar la

disposición y el flujo de los elementos, como menús, botones, campos de entrada, imágenes y

textos.

Jerarquía de información: Muestra de manera clara qué elementos son prioritarios y cómo se

organizan dentro de la interfaz.

Interacción básica: Señala posibles puntos de interacción, como enlaces o botones, para que los

desarrolladores comprendan cómo se moverá el usuario dentro de la interfaz.

Tipos de wireframes

Wireframes de baja fidelidad:

Son bosquejos muy básicos, generalmente dibujados a mano o con herramientas simples, como

Balsamiq.

Se centran en los elementos principales sin detallar tamaños, colores ni estilo.

Wireframes de alta fidelidad:

Son más detallados y suelen hacerse con herramientas digitales, como Figma o Adobe XD.

Incluyen información específica sobre los tamaños de los elementos, los textos e incluso algún

estilo básico, pero sin detalles gráficos finales.

¿Por qué es importante un wireframe?

Claridad en la planificación: Ayuda a diseñadores, desarrolladores y clientes a tener una visión

clara y compartida de cómo será la interfaz y el flujo de trabajo.

Eficiencia en el diseño: Detecta problemas de usabilidad desde el inicio, evitando retrabajos y

cambios costosos en etapas posteriores del desarrollo.

Comunicación efectiva: Facilita el trabajo en equipo al proporcionar una base visual y

comprensible que todos pueden revisar y modificar según sea necesario.

Proceso de creación de un wireframe

Identificación de objetivos y necesidades del usuario: Definir qué información o funciones debe

ofrecer la interfaz.

Organización de contenidos: Disponer los elementos clave, como encabezados, botones, campos

y áreas de contenido, según su prioridad.

Dibujo y organización del flujo de usuario: Indicar cómo navegarán los usuarios de una pantalla

a otra.
Feedback y revisión: Presentar el wireframe a los interesados (diseñadores, desarrolladores y

clientes) para recibir comentarios y realizar ajustes.

Herramientas populares para crear wireframes

Algunas herramientas digitales comunes para crear wireframes son:

Figma: Ideal para wireframes de alta fidelidad y colaboración en equipo en tiempo real.

Adobe XD: Herramienta profesional de diseño UX/UI que permite crear desde wireframes hasta

prototipos interactivos.

Balsamiq: Enfocada en wireframes de baja fidelidad y es muy intuitiva para crear bosquejos

rápidos.

Sketch: Utilizado principalmente en macOS, con funciones avanzadas para wireframes y diseño

de interfaces.

Diferencias entre wireframe, mockup y prototipo

Wireframe: Estructura básica, sin detalles gráficos, que muestra la disposición de elementos y el

flujo de la interfaz.

Mockup: Incluye detalles gráficos, como colores y tipografías, y muestra cómo se verá

visualmente la interfaz final.

Prototipo: Permite la interacción y simula cómo funcionará la interfaz, ayudando a probar la

experiencia del usuario antes del desarrollo.

2.5. Maquetación

La maquetación es el proceso de organizar y distribuir los elementos visuales y de contenido en

una página, ya sea impresa o digital, para crear una estructura coherente, atractiva y funcional.

En el ámbito del diseño web o del desarrollo de aplicaciones, la maquetación se refiere a la

construcción de la interfaz visual en la que se sitúan elementos como texto, imágenes, botones y

otros componentes, respetando un diseño preestablecido (como un wireframe o un prototipo) y

asegurando una experiencia de usuario óptima.

Objetivos de la maquetación

La maquetación tiene varios objetivos principales, entre ellos:

Organización y jerarquía visual:

La maquetación ayuda a guiar al usuario a través de la información, destacando los elementos

clave y facilitando la lectura y la navegación.

Crea una estructura visual lógica y atractiva que prioriza los elementos según su importancia.

Consistencia en el diseño:

La maquetación aplica estilos, tamaños y posiciones de manera coherente, asegurando que cada

página o pantalla tenga un estilo uniforme.

Establece una estética visual que refleja la identidad de la marca o el producto.

Facilidad de navegación y accesibilidad:

Facilita que los usuarios encuentren lo que necesitan rápidamente y sin dificultad.

Mejora la experiencia de usuario al seguir principios de diseño intuitivo y accesible.

Adaptabilidad:

En el diseño web, una maquetación bien hecha permite que el sitio o aplicación sea responsive

(adaptativo), ajustándose a diferentes tamaños de pantalla, desde computadoras de escritorio

hasta dispositivos móviles.

Proceso de maquetación en diseño web

En el contexto del diseño web, la maquetación implica convertir un diseño gráfico o un

wireframe en código HTML, CSS y, en algunos casos, JavaScript, para que la estructura y el

estilo se representen correctamente en el navegador. El proceso de maquetación web

generalmente sigue estos pasos:

Planificación y análisis:

Revisar los wireframes, prototipos y guías de estilo para entender la disposición de los

elementos, la paleta de colores, las tipografías y los tamaños.

Estructura del HTML:

Escribir el HTML para crear la estructura básica de la página, asignando cada elemento en su

lugar adecuado (encabezados, párrafos, imágenes, formularios, etc.).

Estilización con CSS:

Aplicar CSS para dar estilo y forma a los elementos, utilizando reglas que definen colores,

tamaños, márgenes, espaciados, fuentes y posicionamiento.

Crear un diseño responsivo mediante media queries para asegurar que la interfaz se adapte a

diferentes dispositivos.

Interactividad básica con JavaScript (opcional):

Agregar interacción simple en la página, como animaciones o respuestas a las acciones del

usuario (hover, click, etc.), si es necesario.

Revisión y pruebas:

Probar la página en diferentes navegadores y dispositivos para asegurar su funcionalidad,

consistencia y correcta visualización.

Herramientas comunes para la maquetación web

HTML y CSS: Las tecnologías fundamentales para la estructura y el diseño visual de una página.

Frameworks CSS: Herramientas como Bootstrap o Tailwind CSS facilitan la creación de diseños

responsivos y ofrecen componentes visuales predefinidos.

Pre Procesadores CSS: Sass o LESS simplifican la escritura de CSS y permiten crear estilos más

organizados y reutilizables.

Editores de código: Herramientas como Visual Studio Code y Sublime Text facilitan la escritura

de HTML, CSS y JavaScript, con funciones como autocompletar, resaltado de sintaxis y

extensiones.

Diferencia entre maquetación y diseño

La maquetación se centra en la implementación del diseño mediante la disposición y

codificación de los elementos visuales y estructurales en el navegador. En cambio, el diseño se

enfoca en la estética, la experiencia del usuario y los elementos gráficos, creando la visión visual

del proyecto antes de su codificación.

Importancia de la maquetación en el desarrollo web

Una buena maquetación no solo mejora la apariencia y la organización de una página web, sino

que también influye en la usabilidad, la accesibilidad y la velocidad de carga de la página. Al

cuidar cada aspecto de la maquetación, se garantiza que la interfaz sea atractiva, funcional y

amigable para los usuarios, lo cual es clave para el éxito de cualquier proyecto digital.

2.6. Photoshop

Adobe Photoshop es un editor de fotografías desarrollado por Adobe Systems Incorporated.

Usado principalmente para el retoque de fotografías y gráficos, su nombre en español significa

"tienda de fotos".2 Es conocido mundialmente. Fue creado en 1986 por los hermanos Thomas
Knoll y John Knoll, desde entonces se ha convertido en una marca de uso común, lo que lleva a

su uso como un verbo ('photoshopear'), aunque Adobe desaconseja su uso.3

Photoshop puede editar y componer imágenes rasterizadas y soporta varios modelos de colores:

RGB, CMYK, CIELAB, colores sólidos y semitonos. Photoshop usa sus propios formatos de

archivo PSD y PSB para soportar estas características. Desde junio de 2013, con la presentación

de Creative Cloud, el esquema de licencia de Photoshop se cambió al modelo de software como

servicio. Adobe planea incorporar más características a Photoshop para iPad.4

Historia

En 1987, Thomas Knoll, un estudiante de la Universidad de Míchigan, escribió un programa en

Macintosh Plus para mostrar imágenes a escala de grises en pantallas monocromáticas. Este

programa, llamado Display, llamó la atención de su hermano, John Knoll, un trabajador de

Industrial Light & Magic, que recomendó a Thomas convertir su programa en un editor de

imágenes completo.

Thomas solo estaba interesado en mostrar imágenes de 24 bits en una pantalla de 8 bits, mientras

que John tenía un punto de vista más artístico. Este último le pidió a su hermano que diseñara un

programa para realizar una tarea específica. Al final, para evitar problemas, Thomas decidió

agruparlos todos en un solo software, dando paso a una plataforma de edición más completa.

En 1988, se reescribió el código Display para que funcionara en monitores a colores y juntos los

hermanos expandieron la capacidad del programa, Thomas por un lado mejorando la habilidad

para leer escribir en múltiples formatos y John desarrollando rutinas de procesamiento de

imágenes que más tarde se llamaron filtros.

La primera versión del programa fue Barneyscan XP que llevó la numeración 0.87. Como era de

esperarse, tenía importantes carencias, ya que no contaba con herramientas básicas como la

selección, la opción de introducir texto y los degradados.5

Características

Adobe Photoshop en sus versiones iniciales trabajaba en un espacio formado por una sola capa,

donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo

tenía mucho parecido con las tradicionales amplificadoras. En la actualidad lo hace con

múltiples capas.

Photoshop de hecho se ha convertido, casi desde sus comienzos, en el estándar para el retoque

fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño

y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital,

fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que

requiera el tratamiento de imágenes digitales.

Photoshop ha dejado de ser una herramienta únicamente usada por diseñadores, para convertirse

en una herramienta usada profusamente por fotógrafos profesionales de todo el mundo, que lo

usan para realizar el proceso de retoque y edición digital, no teniendo que pasar ya por un

laboratorio más que para la impresión del material.

El 15 de septiembre de 2023, Adobe Photoshop presentó una nueva característica conocida como

"Relleno Generativo por IA". Esta reciente funcionalidad, basada en inteligencia artificial,

permite añadir o eliminar áreas de las imágenes de forma totalmente autónoma o a través de

prompts (indicaciones en texto). Entre las ventajas de la aplicación de IA a los procesos de

Photoshop destacan la mejora de precisión, la automatización de tareas y la optimización del

flujo de trabajo.

En julio de 2024, la introducción de la IA generativa generó controversia acerca de los términos

de uso y la privacidad,6 siendo aclarada posteriormente por la compañía en su blog manteniendo

los compromisos de transparencia con los clientes.7

Photoshop fue creado en el año 1991, soporta muchos tipos de archivos de imágenes, como

BMP, JPG, PNG, GIF, entre otros, además tiene formatos de imagen propios. Los formatos

soportados por Photoshop son los siguientes:

PSD (PhotoShop Document), PDD: formato estándar de Photoshop con soporte de capas.

PSB: formato de documento grande que admite documentos de hasta 300.000 píxeles en

cualquier dimensión, admiten todas las características de Photoshop, como las capas, efectos y

filtros, puede guardar imágenes de alto rango dinámico (HDR), de 32 bits por canal como

archivos PSB. Solo puede abrirse en Photoshop CS o superior. Los documentos guardados en

formato PSB no pueden abrirse en otras aplicaciones ni en versiones anteriores de Photoshop.

PostScript: no es exactamente un formato, sino un lenguaje de descripción de páginas. Se suelen

encontrar documentos en PostScript. Utiliza técnicas primitivas de dibujo para poder editarlo.

EPS: es una versión de PostScript. Se utiliza para situar imágenes en un documento. Es

compatible con programas vectoriales y de autoedición.

DCS: fue creado por Quark (empresa de software para autoedición) y permite almacenar

tipografía, tramas, etc. Se utiliza para filmación en autoedición.

Prev. EPS TIFF: permite visualizar archivos EPS que no se abren en Photoshop, por ejemplo los

de QuarkXPress.

BMP: formato estándar de Windows.

GIF: muy utilizado para las web. Permite almacenar un canal alfa para dotarlo de transparencia,

y salvarlo como entrelazado para que al cargarlo en la web lo haga en varios pasos. Admite hasta

256 colores.

JPEG: también muy utilizado en la web, factor de compresión muy alto y buena calidad de

imagen. [1]
TIFF: una solución creada para pasar de PC a MAC y viceversa.

PICT: desde plataformas MAC se exporta a programas de autoedición como QuarkXPress.

PNG: la misma utilización que los GIF, pero con mayor calidad. Soporta transparencia y colores

a 24 bits. Solo las versiones recientes de navegadores pueden soportarlos.

PDF: formato original de Acrobat. Permite almacenar imágenes vectoriales y mapa de bits.

ICO: es utilizado para representar archivos, carpetas, programas, unidades de almacenamiento,

etc.

IFF: se utiliza para intercambio de datos con Amiga.

PCX: formato solo para PC. Permite colores a 1, 4, 8, 24 y 32 bits.

RAW: formato estándar para cualquier plataforma o programa gráfico.

TGA: compatible con equipos con tarjeta gráfica de Truevision.

Scitex CT: formato utilizado para documentos de calidad profesional.

Filmstrip: se utiliza para hacer animaciones. También se puede importar o exportar a Premiere.

FlashPix: formato originario de Kodak para abrir de forma rápida imágenes de calidad superior.

JPEG2000: al igual que el JPEG, es un nuevo formato de compresión que permite aumentar la

calidad de la imagen.

Webp es un formato de imágenes, desarrollado por Google, que destaca por ocupar muy poco

espacio y ofrecer una calidad igual a la de los formatos más conocidos, como PNG o JPEG.

2.7. Canva

Vamos a explicarte qué es Canva, cómo funciona y cómo usarlo para crear un diseño. Se trata de

un portal que está ganando mucha popularidad debido a su enorme flexibilidad, permitiéndote
crear diseños personales, educativos o profesionales de panfletos, papelería, y otros tipos de

proyectos múltiples.

Una de sus principales ventajas es que no vas a necesitar grandes conocimientos para utilizarlo,

ya que tiene una interfaz extremadamente intuitiva y fácil de utilizar, con centenares de plantillas

y elementos multimedia que puedes agregar.

Qué es Canva

Canva es una web de diseño gráfico y composición de imágenes para la comunicación fundada

en 2012, y que ofrece herramientas online para crear tus propios diseños, tanto si son para ocio

como si son profesionales. Su método es el de ofrecer un servicio freemium, que puedes utilizar

de forma gratuita, pero con la alternativa de pagar para obtener opciones avanzadas.

Sirve tanto para diseñadores aficionados como para los más experimentados, incluyendo su

propio banco de imágenes y una serie de herramientas variadas. Si eres un diseñador

experimentado podrás obtener muy buenos resultados de forma rápida y sencilla, y si eres un

aficionado no necesitarás conocimientos para obtener resultados decentes.

Canva ofrece una colección de 8000 plantillas gratuitas para 100 tipos de diseño con múltiples

finalidades. También te permite hacer tus propios diseños desde cero, añadiéndoles imágenes,

otros elementos y textos. Para ello utiliza una interfaz en la que sólo tienes que mover con el

ratón los elementos del menú a la composición.

Entre los diseños que puedes crear con Canva tienes logos, posters y tarjetas de visita. También

puedes crear flyers, portadas, programas e invitaciones, así como folletos, calendarios, horarios,

encabezados para correos electrónicos y publicaciones para redes sociales entre otras muchas

cosas.
Pero esta web no sólo te permite crear los diseños, en el caso de que estés creando el diseño para

algo público también te va a permitir comprar la impresión para que se te envíe lo que has

diseñado. Por lo tanto, además de diseño también ofrece servicios de papelería.

Canva es lo suficientemente flexible como para hacer cosas simples como imprimir tus

fotografías, aunque debes recordar que no es una herramienta de retoque fotográfico, sino de

composición de imágenes para la comunicación. Esto quiere decir que si quieres editar una de

tus fotos tendrás que hacerlo en otra aplicación y luego subirla.

Cómo funciona Canva

El funcionamiento de Canva es extremadamente sencillo, y cualquier persona va a poder realizar

sus composiciones sin necesitar conocimientos de diseño gráfico. Vas a tener una pantalla

principal en la que en la izquierda hay una columna con el menú de opciones y elementos que

puedes añadir, y a la derecha tienes tu creación.

Puedes utilizar muchos tipos de plantillas, y con ellas ya tendrás una composición predefinida

muy visual. Esta composición vas a poder cambiarla por completo, ya que podrás hacer doble

click en los textos para cambiarlos, pulsar en elementos gráficos para seleccionarlos y editarlos

para que queden como quieras, o directamente para borrarlos.

Y luego, lo único que tendrás que hacer es ir eligiendo elementos en la columna de la izquierda y

arrastrarlos a tu composición con su sistema de drag and drop, que literalmente significa

arrastrar y soltar. Los elementos que vas a ver tendrán un símbolo Pro en el caso de que

necesites tener una cuenta de pago.

Canva también te va a permitir subir tus propios archivos multimedia, por lo que podrás poner

tus fotos o tus videos en las composiciones que vayas a crear con esta herramienta. Cuando

termines, podrás descargarla para usarla en el ordenador o solicitar una impresión en algunos

tipos de plantilla para que la propia web imprima la composición y te envíe varias copias.
Cómo utilizar Canva

Para utilizar Canva, lo primero que debes hacer es crearte una cuenta de usuario. Puedes hacerlo

utilizando tus datos de Google, los de Facebook, o simplemente con tu correo y contraseña.

Debajo de estas opciones tendrás la de iniciar sesión por si ya tienes una cuenta creada.

Cuando te creas una cuenta, Canva te preguntará el uso que le quieras dar. Con esta información,

la web depurará las sugerencias que vas a ver en tu pantalla principal para crear diferentes tipos

de contenido dependiendo de cuál sea el uso que le vayas a dar. También tendrás constantemente

una promoción para usar la versión de pago gratis durante 30 días.

Cuando inicies sesión, en la pantalla principal de Canva tendrás una portada con sugerencias con

tipos de diseños, y un buscador para que escribas lo que quieres crear y se te muestren

sugerencias. A la izquierda, tienes varias categorías también, con por ejemplo el índice de todos

tus diseños. Nosotros en este ejemplo vamos a ir a lo más fácil, que es la creación de un post

para Instagram. Pero es suficiente para enseñarte cómo funciona la interfaz

Cuando creas tu publicación, tanto antes como entrar como una vez estés dentro, podrás elegir

alguna de las plantillas que ofrece Canva para darle un aspecto concreto a la creación que

quieras dar. Estas plantillas, en la pantalla de creación, están en la columna de la izquierda, y los

diseños son diferentes para cada tipo de proyecto.

Si eliges alguna plantilla, vas a poder cambiar todos los elementos. Por ejemplo, si pulsas sobre

una foto para seleccionarla, en la columna de la izquierda puedes pulsar sobre otra (o subirla)

para cambiarla por la que había. Lo mismo pasa con los fondos de color, y en el texto puedes

hacer doble click para editarlo a tu gusto.

El resto de elementos de la pantalla también los vas a poder mover, pulsando sobre ellos para

seleccionarlos y arrastrándolos a otra posición. También puedes cambiarles el tamaño y

moverlos, editar los textos y utilizar las opciones que aparecerán encima de tu composición para

adaptar el elemento que tengas seleccionado.

En la columna de la izquierda tienes diferentes secciones con varios tipos de elementos que

puedes incluir en tus diseños. Lo único que tienes que hacer es mantener el ratón pulsado sobre

ellos y moverlos directamente sobre tu composición en la derecha. Puedes insertar desde

elementos gráficos hasta otros que sean multimedia, o los tuyos propios. Lo único que necesitas

es paciencia y práctica.

Una vez hayas terminado, lo que puedes hacer dependerá de cada tipo de diseño. Podrás

descargarlos e imprimirlos en algunos casos. Si seleccionas la opción de imprimir será como si

le compraras a Canva tu diseño, se convertirá en una papelería y podrás imprimir varias unidades

a determinado precio que dependerá del papel o la cantidad que quieras.

2.8. Chat GPT

ChatGPT es un modelo de inteligencia artificial desarrollado por OpenAI, basado en una

arquitectura de lenguaje llamada GPT (Generative Pre-trained Transformer). Está diseñado para

entender el lenguaje natural y responder de manera coherente, lo que le permite mantener

conversaciones sobre una gran variedad de temas.

Algunas características clave de ChatGPT incluyen:

Conversación Natural: Está entrenado para comprender y responder en lenguaje humano,

permitiendo que las interacciones con los usuarios se sientan fluidas y naturales.

Respuesta a Preguntas y Generación de Contenidos: ChatGPT puede responder preguntas,

resumir información, proporcionar explicaciones y también generar ideas o contenidos

originales. Es útil en tareas como la redacción de textos, la generación de código, la traducción

de idiomas, entre otras.

Capacidad de Aprendizaje Previo: ChatGPT ha sido entrenado con grandes cantidades de texto

de internet, lo que le permite comprender y dar respuestas basadas en un vasto conocimiento,

aunque su conocimiento se corta en una fecha específica.

Uso en Diversos Contextos: Además de conversaciones cotidianas, ChatGPT se puede aplicar en

áreas especializadas como la atención al cliente, el aprendizaje en línea, el apoyo en trabajos de

investigación y la asistencia en programación.

Adaptabilidad y Personalización: Puede adaptarse a diferentes estilos de conversación y tono, y

también puede recordar información proporcionada por los usuarios para personalizar la

conversación según las necesidades.

2.9. FlutterFlow

FlutterFlow es una plataforma de desarrollo de aplicaciones que facilita la creación de

aplicaciones utilizando Flutter, un marco de código abierto desarrollado por Google para crear

aplicaciones nativas para dispositivos móviles, web y escritorio desde una única base de código.

FlutterFlow proporciona una interfaz visual para diseñar y desarrollar aplicaciones Flutter sin

necesidad de escribir código. Los usuarios pueden arrastrar y soltar componentes, establecer

propiedades y diseñar la apariencia de sus aplicaciones de manera visual. También tiene

capacidades de colaboración que permiten a los equipos trabajar juntos en el desarrollo de la

aplicación.

Ventajas de flutter flow

Desarrollo Rápido: FlutterFlow permite el desarrollo rápido de aplicaciones mediante una

interfaz visual de arrastrar y soltar, lo que facilita la creación de prototipos y la iteración rápida.
Base en Flutter: Al estar basado en Flutter, hereda las ventajas de este marco de desarrollo, como

la creación de aplicaciones nativas con un solo código base para múltiples plataformas (iOS,

Android, web, etc.).

Interfaz Visual Intuitiva: La interfaz visual de FlutterFlow facilita el diseño de la interfaz de

usuario sin necesidad de tener habilidades de programación avanzadas.

Colaboración en Tiempo Real: Permite a los equipos colaborar en tiempo real en el desarrollo de

la aplicación, lo que puede mejorar la eficiencia y facilitar la comunicación entre los miembros

del equipo.

Sin Necesidad de Codificación: Ideal para personas que no tienen experiencia en programación,

ya que permite la creación de aplicaciones sin tener que escribir código manualmente.

Soporte para Diferentes Plataformas: Puede generar aplicaciones para diversas plataformas, lo

que ahorra tiempo y esfuerzo en comparación con el desarrollo por separado para cada

plataforma.

Facilita la Implementación de Funcionalidades Avanzadas: Proporciona componentes y

funciones integradas que permiten la implementación de características avanzadas sin necesidad

de escribir código complejo.

Conectarse con una API: Nos facilita la posibilidad de conectar con API de terceros para poder

mejorar las prestaciones de nuestros desarrollos y conectividad con otros plataformas como

puede ser WordPress.

Desventajas de flutter flow

Limitaciones en Personalización Avanzada: Aunque FlutterFlow ofrece una interfaz visual para

el desarrollo, es posible que algunas personalizaciones avanzadas requieran la intervención

manual del código. Esto puede limitar la flexibilidad para aquellos que deseen realizar ajustes

detallados en el nivel del código.

Dependencia de la Plataforma: Aunque FlutterFlow está basado en Flutter, es posible que los

desarrolladores tengan que lidiar con las actualizaciones y cambios en la plataforma de

FlutterFlow, lo que puede afectar la estabilidad y compatibilidad de las aplicaciones

desarrolladas con esta herramienta.

Complejidad de Proyectos Grandes: Para proyectos grandes y complejos, es posible que

FlutterFlow no sea la mejor opción, ya que algunas tareas pueden volverse complicadas de

gestionar a través de una interfaz visual.

Dependencia de la Conectividad en Línea: La colaboración en tiempo real y el uso de

FlutterFlow a menudo requieren una conexión a Internet estable. Esto puede ser una desventaja

en entornos donde la conectividad no es constante.

Aprendizaje Adicional: Aunque FlutterFlow está diseñado para facilitar el desarrollo sin

codificación, los usuarios aún pueden necesitar tiempo para familiarizarse con la plataforma y

aprender a aprovechar al máximo sus características.

Costos Asociados: Dependiendo de la escala del proyecto y de los servicios específicos que se

utilicen en FlutterFlow, puede haber costos asociados que deben ser considerados.

Limitaciones de Funcionalidad: Aunque FlutterFlow ofrece muchas funciones, puede haber

ciertas características avanzadas o específicas que no estén completamente soportadas, lo que

podría requerir intervenciones manuales.

¿Qué se puede crear con Flutter Flow?

Aplicaciones móviles nativas: Puedes crear aplicaciones móviles nativas para dispositivos iOS y

Android utilizando Flutter Flow. Esto incluye aplicaciones de todo tipo, como redes sociales,

aplicaciones de comercio electrónico, aplicaciones de productividad, juegos, herramientas de

viaje, entre otros.

Aplicaciones web progresivas (PWA): Flutter Flow también te permite crear aplicaciones web

progresivas que pueden ejecutarse en cualquier navegador web moderno. Estas aplicaciones web

ofrecen una experiencia similar a la de una aplicación nativa, pero se ejecutan directamente

desde el navegador sin necesidad de instalación desde una tienda de aplicaciones.

Aplicaciones de escritorio: Si bien Flutter es más conocido por el desarrollo de aplicaciones

móviles, también puedes utilizar Flutter Flow para crear aplicaciones de escritorio para

plataformas como Windows, macOS y Linux. Flutter ofrece soporte experimental para

aplicaciones de escritorio, lo que significa que aún está en desarrollo activo, pero ya es posible

crear aplicaciones de escritorio básicas con Flutter Flow.

Aplicaciones multiplataforma: Una de las ventajas clave de Flutter es su capacidad para crear

aplicaciones multiplataforma que funcionen en iOS, Android y web desde un solo código base.

Con Flutter Flow, puedes diseñar y desarrollar una vez y luego compilar tu aplicación para

múltiples plataformas, lo que te ahorra tiempo y recursos en comparación con el desarrollo

nativo separado para cada plataforma.

CAPÍTULO III

MARCO APLICATIVO

3.1. Wireframe

Se empezó el diseño del wireframe para la aplicación , comenzamos imaginando las primeras

interfaces, la primera tendrá inicio le dirige en las dos opciones que es ejercicios de pierna y

brazo, que al presionar un interfaz te lleva a 3 niveles de ejercicios que al presionar muestra la

variedad que pueda escoger el usuario, pero antes de eso hay que hacer los primeros diseños y

como va hacer la aplicación

El orden de las funciones y cómo se complementan y como la hora de programar, como los

contenedores , las columnas ,botones e imágenes ,se hicieron en canva por su facilidad para

manejar
 3.2. Maquetación

Se realizó la base de la aplicación que se indica y organiza las opciones y funciones que llevarán

como los botones,texto,imágenes,etc.

Pantalla N°1

En esta pantalla colocamos un container(contenedor) después una columna donde irá la imagen

y el otro container que tendrá adentro otro container con una columna que tendrá el texto que

sería el nombre de la aplicación y abajo está el botón de ingreso .

Pantalla N°2
En esta pantalla puse container .una columna para poder poner dos container y dos botones ,

cada container va tener una imagen, los botones tendrán el nombre de brazo y pierna y cada uno

de los botones estará con el container que le corresponde.

Pantalla N°3

En esta pantalla secundaria es donde se muestra los niveles cuando se escoge una de las dos

opciones de la anterior pantalla ,puse un container , una columna donde puse una una botón para

que vuelva a la siguiente pantalla y un texto ,se sostiene con un row(fila) para que no afecte y
haya errores.Despues puse con container que adentro tiene una columna y tiene 3 row que cada

row tiene un botón y una imagen que al presionar te enviará a la siguiente pantalla.

Pantalla N°4

Primero puse un container y una columna ,después una row que dentro tiene una botón y un

texto ,despues use un listview para que sea posible que los row se maneje de arriba y abajo, los

row tienen un botón y una imagen que lleva al ejercicio.

Pantalla N°5

Esta pantalla puse un container y una columna,después puse una row para el botón que lleva a la

anterior pantalla y un texto. Después puse un listview para que se mueva arriba y abajo ,después

puse dos container que adentro esta una imagen y el otro para que se sostenniera ouse una

columna y luego el texto.

3.3. Photoshop

En photoshop hice la maquetación en un diseño para un celular para que pueda encajar

con la aplicación y también hice el logo para poder hacer la combinación de colores.
 3.4. Flutter Flow

volver el Wireframe en una realidad con la herramienta empezando a diseñar la aplicación con

adquiriendo más conocimientos que ofrece esta herramienta y hacer paso por paso la

maquetación y el Wireframe.

en la primera pantalla al basarse en la maquetación y el primer diseño que era primero un

container luego un column después una imagen y abajo un container que tiene adentro otro

container con una column que tiene la bienvenida a la aplicación y una botón de ingresar
Después hice la segunda pantalla que tiene un container, una columna que tiene dos container y

dos botones que tiene su respectivo container como la imagen y que cada botón lleva a otra

pantalla

Tiene un container y una columna que al comenzar tiene un row que tiene una botón para la

anterior pantalla y un texto y luego un container que tiene un listview que adentro tiene tres row

con un botón y una imagen que lleva al catálogo de ejercicios

Tiene un container .una columna que arriba tiene un row con un botón que lleva a la anterior

pantalla que tiene un listview donde esta 4 row con imagen y botón ,que lleva a la siguiente

pantalla

Tiene un container y una columna que arriba tiene un row con un botón que lleva a la anterior

pantalla ,después tiene un listview con dos container uno con una imagen y otro con una

columna para que este firme ,que tiene todo sobre el ejercicio y cómo se realiza.
 CAPÍTULO IV

CONCLUSIONES Y RECOMENDACIONES

4.1. Conclusiones

Después de desarrollar esta aplicación se pudo demostrar que la tecnología tiene tantas

herramientas para poder aprovechar y poner a funcionar con nuestra creatividad y nuestra

voluntad de mejorar algo en nuestra sociedad , fue una buena forma de aprender a manejar

muchas plataformas que nos ayudaron en el proceso de desarrollo

La aplicación podrá ser de ayuda sobre todo a las personas que necesitan estos ejercicios para
poder salir de ese desafío que afrontan.

4.2. Recomendaciones

Para utilizar la app se tiene que tener la voluntad de desear de salir un desafío y tratar de de
avanzar para poder salir de ese desafío
Es ponerse un objetivo de poder salir adelante en vez de quedarse en manos cruzadas , es
ponerse un objetivo que poco a poco se hará realidad

4.3. Bibliografías

-Kisner, C., & Colby, L. A. (2017). Therapeutic Exercise: Foundations and Techniques. F.A.
Davis Company.

-Magee, D. J. (2014). Orthopedic Physical Assessment. Elsevier Health Sciences.

-Hengeveld, E., & Banks, K. (2013). Maitland's Vertebral Manipulation. Elsevier.

-World Health Organization. (2018). Rehabilitation in health systems. WHO Report on

Rehabilitation.

-Lee, D., & Kotz, D. (2019). Mobile Health Applications: Adoption, Adherence, and Security.
IEEE Transactions on Mobile Computing, 18(2), 376-388.

-Dennison, L., Morrison, L., Conway, G., & Yardley, L. (2013). Opportunities and challenges for
smartphone applications in supporting health behavior change: qualitative study. Journal of
medical Internet research, 15(4), e86.
-Free, C., Phillips, G., Watson, L., Galli, L., Felix, L., Edwards, P., ... & Haines, A. (2013). The
effectiveness of mobile-health technologies to improve health care service delivery processes: a
systematic review and meta-analysis. PLoS Medicine, 10(1), e1001363.

-Warburton, D. E., & Bredin, S. S. (2017). Health benefits of physical activity: a systematic
review of current systematic reviews. Current Opinion in Cardiology, 32(5), 541-556.

-Pedersen, B. K., & Saltin, B. (2015). Exercise as medicine–evidence for prescribing exercise
as therapy in 26 different chronic diseases. Scandinavian Journal of Medicine & Science in
Sports, 25(S3), 1-72.

-Physical Activity Guidelines Advisory Committee. (2018). Physical Activity Guidelines for
Americans. U.S. Department of Health and Human Services. Disponible en
https://health.gov/paguidelines/.

-Silva, B. M., Rodrigues, J. J., de la Torre Diez, I., López-Coronado, M., & Saleem, K. (2015).
Mobile-health: A review of current state in 2015. Journal of Biomedical Informatics, 56, 265-272.
-Kumar, S., & Snooks, H. (2020). Apps and digital interventions for mental health. BMJ, 370,
m2944.

-Topol, E. (2015). The patient will see you now: The future of medicine is in your hands. Basic
Books.

-Bandura, A. (1997). Self-efficacy: The exercise of control. New York, NY: Freeman.

-Deci, E. L., & Ryan, R. M. (2000). The" what" and" why" of goal pursuits: Human needs and
the self-determination of behavior. Psychological Inquiry, 11(4), 227-268.

-Wiese-Bjornstal, D. M., Smith, A. M., Shaffer, S. M., & Morrey, M. A. (1998). An integrated
model of response to sport injury: Psychological and sociological dynamics. Journal of Applied
Sport Psychology, 10(1), 46-69.