La tecnología wearable ha evolucionado rápidamente, convirtiéndose en una extensión del cuerpo humano. Desde relojes inteligentes hasta gafas de realidad aumentada, estos dispositivos no solo nos acompañan, sino que también recopilan y analizan datos vitales en tiempo real.

Pero ¿qué se necesita para desarrollar aplicaciones efectivas y funcionales en este entorno? Este post te guía por las principales herramientas para el desarrollo de soluciones en wearables, complementado con actividades que refuerzan tu comprensión de forma lúdica y reflexiva.

Herramientas esenciales para el desarrollo en wearables

Al trabajar con dispositivos portables, es importante elegir las herramientas adecuadas según el ecosistema (Android, Apple, o plataformas independientes). Aquí algunas de las más importantes:

• Android Studio con Wear OS
  IDE oficial de Google para desarrollar apps en relojes inteligentes con Android.
• Xcode con watchOS
  Para desarrollo en dispositivos Apple Watch, incluye simuladores y herramientas nativas.
• Flutter + plugins para wearables
  Framework multiplataforma con soporte creciente para wearables, ideal para prototipos rápidos.
• Tizen Studio
  Usado principalmente para relojes Samsung, basado en HTML5/C++.
• Fit SDK (Garmin)
  Kit para integrar funciones específicas de dispositivos Garmin.
• Bluetooth Low Energy (BLE) APIs
  Herramientas que permiten comunicación eficiente entre el wearable y otros dispositivos.
• Sensor APIs
  Acceso a datos biométricos como ritmo cardíaco, pasos, movimiento y oxígeno en sangre.

Actividades

Aprendizaje

Caso de estudio: En la piel del código: cuando crear para wearables fue más que solo desarrollar

Después de leer el caso, responde a estas preguntas de reflexión:

Preguntas de reflexión (con respuestas guía)

1. ¿Qué motivó a Santiago a desarrollar una app personalizada?
2. ¿Qué limitaciones encontró con los dispositivos existentes?
3. ¿Por qué abandonó Flutter a pesar de su facilidad práctica?
4. ¿Qué herramientas utilizó en el desarrollo?
5. ¿Cuál fue el mayor aprendizaje de Santiago?
6. ¿Qué desafío ético enfrentó implícitamente?
7. ¿Cómo puede el desarrollo para wearables equilibrar personalización y escalabilidad?
8. ¿Qué desafíos éticos implica crear tecnología que monitorea la salud en tiempo real?
9. ¿Qué rol juegan las emociones del desarrollador cuando el proyecto es personal?
10. ¿Hasta qué punto es necesario entender al usuario más allá de sus datos biométricos?
11. ¿Qué herramientas actuales permiten una mejor integración entre hardware y experiencia de usuario en wearables?
12. ¿Cómo influye el diseño de interfaces mínimas en la efectividad de las aplicaciones para dispositivos portables?

Después de contestarlas puedes escribir tus respuestas en los comentarios o compartirlas en clase.

Reforzamiento

Sopa de letras: Pulsa aquí para acceder a la sopa de letras

Crucigrama: Pulsa aquí para acceder al crucigrama.

Exploratorias

Ahora es turno de usar tus habilidades de invesitigación para realizar los siguiente:

1.  Genera una investigación a profundidad sobre el tema herramientas de desarrollo y emuladores aplicable a la creación de interfaces en wearables.
2. Después crea una tabla donde se muestre las ventajas, desventajas, sistema operativo en el que se encuentra disponible, si es open sources y una columna sobre tus comentarios.

El desarrollo para wearables va más allá de lo técnico: se trata de crear tecnología con sentido humano, que se integra a la vida de las personas. Aprender a utilizar las herramientas adecuadas es el primer paso para crear soluciones que no solo funcionen, sino que también impacten.

La entrada Herramientas para el desarrollo en Wearables se publicó primero en Frexus.

Regularmente siempre se es partidario de instalar todo directamente en el equipo, a lo mucho virtualizar un window por cuestiones de ofimática en donde no exista alguna compatibilidad con las diversas alternativas.

Sin embargo cuando un cliente te solicita crear el ambiente clásico de desarrollo en una macbook air con chip M1 y su actualización 12 del sistema operativo, te sueles topar en que muchas cosas cambian y que lo mejor en todo caso es correr o emular (en el mejor de los términos) el ambiente dentro de la M1. Y es ahí donde entra docker.

Después de varias horas invertidas en el aprendizaje de conceptos y demás utilidades. Se pudo montar un ambiente clásico web. Lo que se puede apreciar es que cuenta con una aplicación de escritorio para poder descargar imágenes, montar los contenedores y hacer uso de microservicios (claro en la aplicación que se vaya a crear).

Y lo que más agrado, fue que se puede hacer lo mismo desde una terminal, me gusto que se puede emular las partes básicas de un sistema operativo (alpine, debian, ubuntu entre otros). Otra cosa cosa que encanto fue la fácil que llega ser montar, crear tu propia imagen, usarla, eliminarla; y como en su momento me lo comentaron “el consumo de recurso” es mínimo.

Al calce dejo el script con el que se monto el ambiente clásico, (claro por clásico se hace referencia a un servidor web -apache- un lenguaje de programación -php- el gestor de base de datos -mariadb- y no puede faltar la interfaz gráfica -phpmyadmin-).

version: "2"
services:
    www:
        container_name: www
        image: php:7.2-apache
        restart: always
        ports:
            - "80:80"
        volumes:
            - ../public/:/var/www/html
        links:
            - db:db
        networks:
            - default
    db:
        container_name: db
        image: mariadb:latest
        restart: always
        ports:
            - "3307:3306"
        volumes:
           - db-data:/var/lib/mysql
        environment:
            MYSQL_ALLOW_EMPTY_PASSWORD: 'yes'
            
    phpmyadmin:
        container_name: phpmyadmin
        image: phpmyadmin/phpmyadmin
        restart: always
        links:
            - db:db
        ports:
            - 81:80
volumes:
    db-data:

¿Qué es lo que hace?

Bueno, pues crea tres contenedores uno web, donde esta apache y php, llamado www. Otro contenedor llamado db donde estará la instancia de mariadb y la contraseña del root estará vacía. El contenedor número tres tiene de nombre phpmyadmin y si en él se encuentra solamente la interfaz gráfica que gestiona todo en maria db, esté estará disponible desde el puerto 81 del localhost y esta vinculado con el contenedor db. Y se crea un volumen llamada db-data donde todos los contenedores estarán convergiendo.

¿Cómo funciona?

Primero el código anterior debe de estar guardado en un fichero con nombre “docker-compose.yml“, se copia tal cual y luego se debe de ejecutar el comando:

% docker-compose up -d

Después ya solo escribes en el navegador localhost:81 y se mostrará la página de acceso de phpmyadmin. Si escribes localhost se mostrará la página de apache. Y lo interesante es que se crea una carpeta con el nombre de public y dentro de ella es donde se colocarán todos los proyectos que se quieran hacer usando la tecnología clásica apache + php + mariadb + docker.

¿Qué se puede hacer?

Aún no se si pueda ser posible emular de tal grado una ofimática de Microsoft en docker aunque solo sería para los que usamos distribuciones basadas en linux. Aun falta por aprender más cosas. como construir tu propia imagen de docker, la ventaja es que si formateas llevas esa misma imagen a otro equipo la “instalas” y se tiene de nuevo el ambiente creado para desarrollar.

La entrada Docker, sus manías y encantos. se publicó primero en Frexus.

En lo particular no me gustan muchos los framework (sin embargo no quiere decir que no lo s haya usado), mas si no hay un objetivo para aprenderlo, es decir, no se implementará en algún lado o se desarrollara algo con ello. Lo cierto es que para usar cualquier framework hay que tener un conocimiento previo para su uso.

Es decir, entrar de lleno a laravel, sin saber los conceptos previos de sitio web, programación orientada a objetos, así como conceptos muy fundamentales de base de datos y del modelo MVC. Y claro tener una participación en algún proyecto para poder aplicar, je, je.

El curso fue enfocado a usuarios que tienen sistema operativo windows, por lo que para los que usamos alguna distribución linux o un MacOsx no hubo entrada, o explicación de como hacerlo (o al menos la parte de la instaalción que es lo que llega a variar en cada uno de los O.S.), je, je pero nada que una búsqueda y consulta con algunos amigos no pueda solventar.

Primero lo que hay que hacer es entender como funciona laravel.

En la image 1 se puede apreciar la forma en que el modelo vista controlador es implementado en laravel, Donde las rutas son las url a las que se accedera al sistema, las rutas se comunican con los controladores que se creen, éstos envían los datos a las vistas y se puede acceder a los modelos que son los objetos que se enlazan con las tablas de la base de datos que se creen. Los requisitos para poder instalar laravel son:

Requisitos para laravel

Hay que asegurarse de que en el equipo se encuentre instalado los siguientes requisitos de software:

• Versión de PHP 5.6.4 como mínimo
• Extensión de PHP OpenSSL
• Extensión de PHP PDO
• Extensión de PHP Mbstring
• Extensión de PHP Tokenizer

como todo Framework laravel hace uso de diferentes tecnologías entre las que destacan las siguientes:

• Composer: es una herramienta que permite gestionar las dependencias en PHP. Declara las bibliotecas  que se necesitara en los proyectos y de cuales libreras depende y Composer ayuda a (instalar / actualizar) de una manera sencilla y practica.
• Blade: es un motor de plantillas, Blade es simple pero potente y esta integrado ya en Laravel. Blade no restringe el uso de código PHP normal en sus vistas. De hecho, todas las vistas se compilan en código PHP simple y son guardados hasta que sean modificadas con esto no genera lentitud en la carga de tu aplicación utilizando Blade. Los archivos de vista de Blade utilizan la extensión de archivo .blade.php y normalmente se almacenan en el directorio Resources / views.
• Artisan: es la interfaz en línea de comandos (shell) que se incluye con Laravel. Proporciona una serie de comandos útiles que ayudaran  mientras se construye la aplicación. Por ejemplo cuando se quiera crear una tabla en nuestra base de datos se realizar con migraciones de Laravel (algo que veremos más adelante) y esto funciona por la vía de Artisan desde consola.
• JSON: JavaScript Object Notation, es un formato ligero de intercambio de datos. Leerlo y escribirlo es simple para humanos, mientras que para las máquinas es simple interpretarlo y generarlo.
• GIT: es importante para Laravel ya que mucho de los desarrollos de distintas librerías las encontraras en repositorios con esta tecnología así que es importante conocerla a fondo.
• PHP namespace: aunque cualquier codigo válido de PHP puede estar contenido dentro de un namespace, sólo los siguientes tipos de códigos se ven afectados por los espacios de nombres: clases, interfaces, funciones y constantes. Los namespaces se declaran usando la palabra clave namespace. Un archivo que contiene un namespace debe declarar el namespace en la parte superior del archivo antes de cualquier otro código – con una excepción: la palabra clave declare.
• Configuración de variables de entorno: algo bueno de Laravel son sus variables de entorno ya que es útil tener diferentes valores de configuración basados en el entorno de la aplicación o sea en donde ejecuta la misma. Por ejemplo, es posible que desee utilizar un controlador de caché diferente en ambiente de desarrollo que en el de producción. Para que esto simple laravel utiliza la biblioteca DotEnv PHP. En una instalación nueva laravel, el directorio raíz de la aplicación contendrá un archivo .env.example. Si instala a través de laravel composer, este archivo automáticamente se cambiará el nombre a .env. De lo contrario, se debe cambiar el nombre del archivo de forma manual.

Instalando Xamp (servidor web + mariadb y otros)

Tener instalado XAMP, un paquete de software libre que incluye un servidor web (apache), un gestor de base de datos (Mariadb) y un entorno web para manejar los datos de Maria (phpmyadmin). Para instalarlo en fedora debes de tipear los siguientes comandos:

• dnf -y update
• dnf -y install lbnsl
• dnf -y install wget //en caso que no lo tengas instalado, si ya se tiene instalado no pasa nada
• wget https://www.apachefriends.org/xampp-files/8.0.6/xampp-linux-x64-8.0.6-0-installer.run
• chmod a+x xampp-linux-x64-8.0.6-0-installer.run
• ./xampp-linux-x64-8.0.6-0-installer.run

Después de ejecutar cada línea de comando anterior, aparecerá el asistente de instalación al estilo windows, hay que seguirlo y listo al finalizar se tendría un servidor web, un gestor de base de datos y una interfaz para el manejo de la misma. Ahora hay que instalar algunos modulos para php y el componser para ello se debe de seguir los siguientes pasos:

• dnf -y install php php-zip php-mysqlnd php-mycrypt php-xml php-mbstring
• dnf -y install composer unzip

Instalando laravel

Ahora hay que moverse a la carpeta htdocs del xamp o en su caso al /var/www donde se descargara la versión de laravel que se descargará desde git. para ello se hace uso de los siguientes lineas de comando:

• cd /var/www
• git clone https://github.com/laravel/laravel.git

Ahora hay que desplazarse hasta /var/www/laravel para ejecutar la instalación de laravel. esto incluye dar algunos permiso, se realiza con el siguiente comando:

• cd /var/www/laravel
• composer install
• chown -R username:apache /var/www/laravel
• chmod -R 755 /var/www/laravel
• chmod -R 755 /var/www/laravel/storage
• chcon -R -t httpd_sys_rw_content_t /var/www/laravel/storage

Bueno, hasta este punto se ha realizado la parte de la instalación ahora se configurara laravel para ello hay que editar o copiar el archivo de envirroment por lo que se ejecuta los siguientes comandos, no olvidar que se sigue trabajando bajo la ruta /var/www/laravel. el fichero que se va a copiar es un .env.example a .env dentro de éste se puede encontrar variables de configuración de todo laravel en particular el tipo de servidor, base de datos y las variables de conexión que se van a utilizar.

• cp .env.example .env
• php artisan key:generate
• cat .env
• php artisan serve

Las lineas de php artisan key:generate permite crear una semilla de encriptiación que permitirá encriptar los servicios de la aplicación que se cree. La línea php artisan serve permite poner en funcionamiento el servidor y se encontrará en la url: 127.0.0.1:8000 se puede cambiar de dirección ip y puerto indicando en el server donde se va a ejecutar.

• php artisan serve –host 0.0.0.0 –port: 8000

Ahora solo falta configurar un host para laravel en php claro de manera virtual para ello se crea un archivo llamado laravel.conf y debe de estar en la siguiente ruta: /etc/httpd/conf.d/laravel.conf. lo que debe de contener este fichero es:

<VirtualHost *:80>
       ServerName laravel.tecadmin.net
       DocumentRoot /var/www/laravel/public

       <Directory /var/www/laravel>
              AllowOverride All
       </Directory>
</VirtualHost>

Ya solo falta reiniciar el servicio de apache y listo, esto se hace con la siguiente instrucción:

• systemctl restart httpd.service

Hasta este punto se tiene instalado y configurado laravel con el servidor apache en nuestro equipo con fedora. Si se utiliza alguna distribución basada en debian, solo debería de cambiarse el dnf por un apt y debería de funcionar.

Referencias bibliográficas.

• Andres, Introducción a laravel desde cero, 10-01-22. https://guiadev.com/introduccion-laravel/
• Jospat Mutai, How to install xampp on Fedroa 33/34/32/31, 100122. https://computingforgeeks.com/how-to-install-xampp-on-fedora/

La entrada El aprendizaje de Laravel se publicó primero en Frexus.