馃搶Mi agenda odontol贸gica

Mi agenda odontologica es un proyecto personal que desarolle en ElectronJS con el principal finalidad de ayudar a mi padre con la gestion digital de citas, fichas medicas y abonos que realizan sus paciente con el en su labor como dentista periodoncista profesional. Para esto la app debe ser capaz de permitir el registro, edicion y eliminaci贸n de datos asociados con los pacientes y montos de dinero asociados a cada uno de los procedimientos o tratamientos que son realizados con estos. Con esta informaci贸n se es capaz de generar una agenda de pacientes con funciones de b煤squeda, calendarizaci贸n de citas medicas y gr谩ficas asociados a los pagos, segmentados por a帽o y/ por mes.

La idea de confeccionar una app stadalone para uso en producci贸n nacio gracias a que detecte una necesidad que no estaba siendo cubierta por ninguna de las herramientas que utiliza actualmente y vi que mi oportunidad ingenieril estaba justo ah铆 (La necesidad de automatizar procesos mediante una herramienta nueva). Si hay algo que me gusta mencionar cuando desarollo una app es que tan f谩cil o complejo fue el camino hasta su entrega, y si bien como lo he mencionado en algun momento, yo soy un desarollador de apps webs en escencia, me vi obligado a enteder nuevos procesos de comunicaci贸n que para mi sorpresa no diferian mucho con los web (Para mi suerte) lo cual dejo aberta la posibilidad de crear nuevas apps que no requieran de una conexion a internet reutilizando mucho del conocimiento 馃ぉ que ya he adquirido en algun momento, todo gracias a que Javascritp es crossplatform 馃挍,

En t茅rminos de arquitectura y comunicaci贸n de la logica dentro de una app con ElectronJs, tiene mucha similitud con web sockets, es por ello que la escencia de este tipo de apps esta dada por el manejo de eventos, en donde existe un emisor que los gatilla y un receptor que esta en constante escucha cuando es producido,. Dado lo anterior, el fabricar cada uno de los diferentes modulos de la esta app signifco en su gran mayoria, el definir la logica operacional alli y luego agrupar a que modulos iban a estar vinculados.

Para su contruccion utilice HTML, CSS, vanillaJS con la ayuda de ciertas librerias para tareas puntuales. No quise complicarme con tecnologias como ReactJS ya que no lo considere necesario.

ElectronJSVanillaJSHTMLCSS

馃搶Webapp de VitrinaChile y sus microservicios

馃敆https://vitrinachile.cl

VitrinaChile SpA es una empresa que fund茅 junto a otras 6 personas m谩s a fines de Marzo de 2020, cuyo nacimiento radica escencialmente en poder cubrir una una necesidad latente, detectatada a raiz del COVID-19, en tiendas o emprendimientos que venden productos fisicos el poder digitalizar sus negocios sin que el desconocimeinto en la materia, fuera un obstaculo de por medio. Con mi equipo de trabajo decidimos que la mejor forma de poder resolver esta problematica, era crear y dise帽ar un servicio tecnologico que pudiese cubrir esa necesidad sin que ello significase un gran costo para nosotros. Y la mejor forma a nuestro modo de verlo, era crear una plataforma web amigable e intuitiva, con potencial a transformarse e una o varias apps moviles a futuro, que lograse capturar lo anterior de una forma innovadora.

El modelo de negocios que apunta VitrinaChile, es entregar un servicio tenologico de altisima calidad a un bajo costo, en donde la innovaci贸n y la exclusividad son cruciales. La idea es que nuestros potenciales clientes prefieran nuestros servicios por sobre lo hay actualmente en el mercado, ya que entregamos una complitud durante todo el proceso que conlleva desde la creacion de una tienda, hasta la entrega a los compradores. El diseno de por si de la plataforma esta hecho para posicionar locales sobre productos, es decir, que para nosotros, la marca juega un papel crucial a la hora de vender. Esto rompe el paradigma tradicional de compra en un e-commerce y nos ayuda a generar una UX de tal forma que fascilita a nuestros compradores el hecho de navegar sitio web tras sitio web, algo que muchas veces resulta tedioso. Como el nombre de la empresa lo dice, somos una vitrina de tiendas.

La arquitectura de software utilizada para VitrinaChile fue pensada bajo la siguiente frase: "Necesitamos generar un servicio tecnol贸gico que permita aislar de la mejor forma posible varios contextos de trabajo, que permita tener m煤ltiples equipos en cada uno de ellos y que obviamente sea escalable en el tiempo", asi de manera unanime, decimos utilizar "microservicios". Si bien es cierto, que no toda arquitectura es perfecta, el utilizar microservicios puede comprometer aspectos de seguridad durante la comunicacion y envio de mensajes unos con otros. Es por ello que considerando esto, creamos un microservicio unica y exclusivamente para autorizar la comunicacion.

Ok entiendo, pero donde esta mi trabajo como ingeniero en todo esto te preguntar谩s 馃, pues bien, como se menciono con anterioridad, el principal componente de mi empresa es la plataforma web, donde yo fui enconemndado con la importante misi贸n de realizar todo lo respecta al frontend de la misma, es decir, generar UI que sean lo mas auto explicativas posibles con tal de generar una UX lo mas enriquecedora posible, desafio que fue bastante grande debido a que no soy un disenador 馃槄. Tuve la suerte que dentro de mi equipo contaba con la ayuda de diseno grafico, lo cual fue un alivo tremendo. Ahora bien, mi trabajo no termina alli, y como el titulo del proyecto dice, tambien tuve que confeccionar gran parte de los microservicios, como:

  • RTI Daemon: autorizador de a comunicacion entre microservicios.
  • QR Handler: encargado del sistema SKU con condigos QR. Algo que suma punto a la hora de innovaci贸n.
  • Mailman: encargado de la mensajeria y envio de correo a los usuario de VitrinaChile.
  • Tbank Handler: encargado de los pagos que son realizados por transferencias bancarias o por el sistema de Transbank.
  • Tracking Handler: encargado de lidiar con el seguimiento de los productos que son vendidos en VitrinaChile y que necesitan ser despachados por alguna alianza que presete servicios a VitrinaChile o por el despacho mismo de la tienda.
HTMLCSSVanillaJSjQueryNodeJS ExpressMongoDBMaterializeCSSTailwindCSSDJango

馃搶Emulaci贸n sistema 8080

馃敆https://emulacionesds.dev

Emulaci贸n sistema 8080 es una plataforma web simple e intuitiva que me fue solicitada por el organismo AFC de Chile cuya esencia radica en ser un sistema que permita simular el comportamiento de ciertas funcionalidades arraigadas en ciertos protocolos que son llevados a cabo con la plataforma 8080. El fin principal de la app creada, consiste en permitir a futuros funcionarios a cargo del sistema 8080, aprender el c贸mo operar con esta sin pasar a comprometer datos sensibles y sin preocuparse de los errores cometidos en el camino del aprendizaje .

Para la creaci贸n de esta app, la AFC me proporcion贸 un video donde se daba a conocer un protocolo en particular del sistema 8080, y donde yo debia a traves de este, capturar la parte visual y aspecto funcional detr谩s para llevarlo hacia este simulador. Fue necesario dise帽ar un sistema de autenticaci贸n simple y jerarquizar usuarios. Un usuario comun que registrar su paso por esta app y lleva a cabo un protocolo; y un administrador capas de ver los registros de los usuarios comunes y ver su trazabilidad.

La plataforma fue contruida mediante una arquitectura tipo REST bajo el patr贸n de dise帽o MVC, y por ende es totalmente escalable en el tiempo.

A futuro se espera que la AFC requiera incorporar la simulaci贸n de nuevos protocolos.

cakePHPjQuerycsshtml

馃搶JSON VR Reader

JSON VR Reader es una app standalone desarollada en ElextronJS y solicitada por DigitalStudio SpA, cuya funcion escencial es permitir la lectura y carga de datos contenidos archivos en formato JSON. La idea es que estos datos sean esplegados en una tabla ordenada y solo sean aceptados formatos con una estructura rigida.

Se utiliz贸 como arquitectura de desarollo la que ElectronJS trae consigo por defecto y para aspectos est茅ticos se utiliz贸 Bootstrap.

Si a futuro se requiren esquemas flexibles o se requiren nuevas funcionalidades, esto es totalmente abordable.

ElectronJSHTMLVanillaJSBootstrap

馃搶CMS AD ASTRA WORLD

Este proyecto corresponde a la elaboraci贸n de un CMS utilizado para administrar la informaci贸n que es generada dentro de la ONG AD ASTRA WORLD.Lo anterior incluye: noticias, proyectos, eventos, y servicios.

La arquitectura de software utilizada es REST en conjunto con el patron de dise帽o MVC. Esto lo hace que sea escalable en el tiempo en caso de ser necesario.

cakephpbootstrap jQueryHTML