DEV Community: Luis Diaz

De 0 a Implementación con cliente 📉⚖️

Luis Diaz — Tue, 05 Nov 2024 23:45:15 +0000

Obtuve buena cantidad de experiencia en este proyecto ya que con mi equipo de trabajo: Lic. Aylin y Lic. David, desarrollamos un proyecto desde 0, donde me desempeñe como Project Manager.

Se sigio el ciclo de vida del software y se llevo a cabo con SCRUM.

El cliente fue nuestro actor principal, aprovechamos su participación para crear una muy buena planificación, esto lo agradecieron los desarrolladores al usar el figma y la documentación de cada actividad.

Al usar figma opte por usar un template y modificarlo, en realidad solo tome el estilo todas las pantallas fueron echas desde 0:

Para la documentación de cada actividad se realizo el uso de historias de usuario, definicion de temrinado y definicion de listo, realmente fueron de mucha ayuda. Esto sobre cada actividad en trello. Muestro un ejemplo del que le dimos uso.

Stack:

Vercel
T3 (React, prisma, trpc, Next.js, Tailwind CSS)
PostgreSQL

Vercel ofrece muy buen soporte para el despliegue de la base de datos y del proyecto, optamos por tomar la licencia de paga en Vercel que nos ofrecía una base de datos de PostgreSQL, ademas de que el despliége se realiza en automático por cada commit y una version por cada rama, de esta manera nos fue muy sencillo realizar todo el tema de QA ya que tambien permitía dejar comentarios sobre cada pantalla.

Desde mi curso de base de datos, comprendi que un buen sistema debe de tener una base de datos bien construida y normalizada, por lo que optamos por realizar Triggers, SP y Vistas sobre la base de datos. Esta es una practica que nos ayudo demasiado en tener una aplicación ligera para usarla con T3. El uso de este tipo de funciones en base de datos son muy convenientes para este proyecto, lo complejo de esto fue que toda la implementación la realice mediante únicamente scripts en la consola web que ofrece Vercel, asi que considerablemente todo el equipo, incluyéndome refinamos las habilidades de SQL avanzado.

Presento algunas pantallas del proyecto final, por privacidad al cliente oculto algunos datos de su organización.

Implementación⚕️Salud Android🤖

Luis Diaz — Tue, 05 Nov 2024 21:04:14 +0000

Este post tiene tiene el mismo propósito a otro: HealthKit iOS donde es necesario tener las mismas funcionalidades pero para Android, se comentaran las particularidades.

En android es posible encontrar 3 diferentes soluciones a un mismo problema, esto gracias a su comunidad de desarrollo que puede tener un muy gran punto pero en mi caso yo requería que la solución fuese igual de compleja y con la misma arquitectura que en iOS, por lo que se opto por tomar la mejor practica, que de echo la propia de documentación de Android comenta que es lo que se busca, en especial para los datos de salud en Android se implemento ya la instalación a partir de Android 14, esto facilita mucho ya que la implementación de guardar datos de salud y escribir es similar a HelathKit de iOS, esta funcionalidad en Android se llama HealthConnect.

La complejidad de este proyecto se baso en crear nuevos métodos para diferentes datos de salud como, la presión arterial, pasos, glucosa en la sangre, etc. Y su implementación fue similar al plugin de iOS.
Ademas de traducir codigo entre Kotlin y Java, una actividad divertida; Sobre todo realizar la correcta instalación de las dependencias tanto en el plugin capacitor y la aplicación Android Ionic.

Agradeciendo el apoyo del desarrollo inicial realícele un aporte sobre issues del repositorio origen, en donde informo como implementar nuevos permisos:

Algo de lo que tome mucho provecho, es del desarrollador ya que el realiza una muy buena documentación de su codigo creandooslos issues tambien sobre el repositorio.

La implementación de este plugin la pueden ver en acción en el siguiente repo:

(https://github.com/LuisDiaz-ipsilon/ionic-HealthConnect-Android)

iOS⚕️HealthKit Ionic Angular 🍎

Luis Diaz — Tue, 05 Nov 2024 04:22:05 +0000

Me llego un requerimiento donde una aplicacion para un hospital requiere que los datos de salud que recaba el sistema operativo mobil los pueda leer esta app, los datos como: la cantidad de pasos, ritmo cardiaco, presion arterial, etc.

Por su puesto para esto ya tenia de referencia que en el sistema operativo IOS existe una funcionalidad llamada Health/Salud propia del sistema operativo, me eche un clavado sobre la documentacion de ios y menciona que toda la informacion de salud registrada en un telefono ios tiene que ser almacenada por esta dependencia, una practiva que me parece que tiene un beneficio mayor, asi deberia de ser con todo, de esta manera cualquier dispositivo de cualquier marca que use ios ingresara los datos de salud usando la api de HealtKit, esto facilita a cualquier otra aplciacion tomar esos datos para leerlos o escribirlos y que otra app tambien los pueda usar.

Hasta el momento sonaba facil, usar el sdk de healthkit es facil ya que su documentacion es precisa por todo el soporte que hay detras, pero se el proyecto tenia un grado mas de complejidad, que es el uso del framwork ionic; Como se sabe este framwork no usa lenguaje Swift, entonces ahi tuvo que realizar una segunda investigacion, que es poder impleentar codigo nativo de iOS sobre ionic, se encontro que ionic ofrece capacitor, capacitor nos permite crear un plugin para ionic y la ventaja es que propociona la herramienta para crear una version de Android y una version de iOS, por lo que ahora lo complejo seria implementar el SDK de HealthKit en la arquitectura de un plugin y no es la de una app nativa para iOS.

Por su puesto se penso en que no hace falta inventar la rueda, por lo que encontre en un repositorio el siguiente plugin: (https://github.com/perfood/capacitor-healthkit) tenia una buena cantidad de funcionalidades que requeria mi aplicacion, pero aun asi le hacia falta, por lo que siguiente la impplentacion que hico perfood realize un fork del proyecto en la siguiente liga:

Sobre el repositorio orginal realize aportes en la sección de issues como los siguientes:

Donde comentaba como realizar el uso de los permisos sobre el plugin.

Las consideraciones que se tienen que tener son configurar el proyecto ionic sobre Xcode donde se le debe de agregar la configuración de HealthKit, permisos sobre el plugin y hacer uso de la api/plugin.

En mi experiencia el uso de capacitor para ionic es una buena solución pero como toda arquitectura es importante conocerla por completo para poder hacer una implementación exitosa, esto requirió muchas horas de pruebas y compilaciones.

El fork de mi plugin no esta en npm pero puedes usarlo en tu proyecto ionic: (https://github.com/LuisDiaz-ipsilon/capacitor-healthkit).

Si llegas a implementarlo y cuentas con dudas podrias comentarlo como issue sobre mi repo y con gusto te respondo.

HackMty 24 📍TecMty

Luis Diaz — Thu, 31 Oct 2024 03:50:29 +0000

Este año mi equipo y yo participamos en el Hackathon mas grande de latinoamerica desarrollado por estudiantes, la experiencia en este tipo de eventos es muy buena ya que puedes discutir todos las ideas que tengas y conocer de primera mano si les ayudara a las empresas la solución que buscas, ya que puedes exponer una idea con algún director o gerente de cierto proceso.

En mi caso pude exponer una idea con una gerente de seguros para auto CHUBB.
La problemática: Toma mucho tiempo valuar el daño en el centro de evaluación.

Le comente que es posible usar visión computacional apartar de todo el dataset de imágenes que tienen de choques anteriores y crear un estimado para que el valuador le tome menos tiempo realizar labor de peritaje en el auto de manera física.

La gerente menciona que si se esta buscando implementar una solución de este tipo y me ofreció un meet para conversar mas acerca de la implementación.

Algo también muy gratificante es el trabajo en equipo que hicimos Diana, Aylin, Alberto y yo, nuestra idea principal fue realizar un plugin para Microsoft Teams, para cada clase en linea que genere una grabación de video se genera una infografía de la clase.
Esta infografia tiene todos los puntos resumidos de la clase además d una redireccion al minuto especifico si deseas verlo sobre el video en vez de solo leerlo.

Quiero agradecer a mi equipo PilotosDelMatrix por todo el esfuerzo en el proyecto!

En esta foto me encontraba en la mesa con mi equipo al lado del centro de la sala donde teníamos pantallas que mostraban el tiempo recorrido, grababan a los equipos trabajando y los stands de los sponsors se encontraban en el pasillo central.

Disfrute mucho este evento! Agradezco mucho a mi novia Ángela por tanto apoyo!

Implementacion de videollamadas multiplataforma iOS - Android

Luis Diaz — Thu, 31 Oct 2024 00:57:14 +0000

Me llego un requerimiento sobre una aplicacion de desarrollo hibrido, esta es la misma para la que desarrolle el uso de los datos de salud, en este caso el requerimiento solicitaba que se implementara el servicio de videollamadas donde pueda ser usado para comunicarse indistintamente el sistema operativo iOS, Android y Web.

Comence revisando las soluciones entre ellas dos: 1. Uso de WebRtc y STUN server, la implementacion representaba la configuracion de un nuevo servidor y desarrollo altamente complejo, cosa que me entusiasmo mucho; 2. Usar un iframe, como la implementacion por parte de la documentacion demostraba mayor facilidad de instalacion se tomo como opcion. Se plantio la idea de desarrollo y el plan al Project Manager y brindo oportunidad para realizar benchmark a las dos opciones.

presento las diferencias entre las opciones:

STUN:

iframe:

Como se puede observar, al usar el iframe el equipo de desarollo se deja de procupar por una implementacion mas grande, ya que le iframe solo es el uso de una api web en donde mediante peticiones se maneja una vista renderizada en pantalla, esto es sumamente atractivo en terminos de desarrollo ya que es tan facil como contratar el servicio premium del uso de videollamadas de conveniencia, en este caso de opto por jitsi as a service: https://jaas.8x8.vc/ al usar este servicio hace uso de jitsi el paquete que contiene las herramientas de iframe.

El resultado en pruebas fue el siguiente:

Se continuo con el desarrollo para personalizar y ajustar en UI el iframe y su funcionamiento es muy bueno ya que se puede personalizar el logotipo de la empresa, determinar la logica del uso de las llamadas, finalizar la llamada para todos, organizar meetings grupales, compartir pizarras o simplemente tomarla como llamada telefonica.