https://diegocastroviadero.com/es/slides/SlidesHugo Blox Builder (https://hugoblox.com)es-esFri, 14 Aug 2020 00:00:00 +0000https://diegocastroviadero.com/es/slides/timehammer/Fri, 14 Aug 2020 00:00:00 +0000https://diegocastroviadero.com/es/slides/timehammer/<img style="border: none; box-shadow: none; margin-bottom: 30px" data-src="./timehammer_title_revealjs.png" width="800"> <h3 id="sistema-de-automatización-de-fichajes">Sistema de automatización de fichajes</h3> <hr> <h2 id="objetivo">Objetivo</h2> <p>El principal objetivo es <strong>simplificar el proceso de fichajes</strong> de una empresa</p> <p><small>Un objetivo secundario es el de utilizar tecnologías para <strong>seguir creciendo como profesional de la Informática</strong>.</small></p> <hr> <section data-markdown> <script type="text/template"> ## Contexto - Recordar cada una de las acciones a realizar <!-- .element: class="fragment" --> - Para ciertas acciones hay que escribir un texto adicional <!-- .element: class="fragment" --> - Login requerido para realizar cada una de las acciones <!-- .element: class="fragment" --> - Intranet no adaptada al uso desde el móvil <!-- .element: class="fragment" --> </script> </section> <hr> <section data-markdown> <script type="text/template"> ## Requisitos - Fichaje lo más fiel posible a la realidad <!-- .element: class="fragment" --> - El usuario no tiene que recordar realizar ninguna acción <!-- .element: class="fragment" --> - Las acciones manuales por parte del usuario serán muy sencillas <!-- .element: class="fragment" --> - Se tendrán en cuenta los fichajes realizados directamente en la intranet <!-- .element: class="fragment" --> </script> </section> <hr> <h2 id="solución">Solución</h2> <p>La solución desarrollada es un <strong>chatbot de telegram</strong>:</p> <p><strong>TimeHammerBot</strong></p> <p> </p> <p><small>Lo único necesario para poder utilizarla será disponer de un smartphone y tener instalada la aplicación de mensajería <em>Telegram</em>. También compatible con la versión web de <em>Telegram</em></small></p> <hr> <section data-markdown> <script type="text/template"> ## Funcionamiento #### Trabajador 1. Registro en el chatbot <!-- .element: class="fragment" --> - Hora de inicio y final de la jornada <!-- .element: class="fragment" --> - Hora de inicio y final de la comida <!-- .element: class="fragment" --> - Lugar de trabajo <!-- .element: class="fragment" --> 1. Se olvida de volver a fichar <!-- .element: class="fragment" --> </script> </section> <hr> <section data-markdown> <script type="text/template"> ## Funcionamiento #### Chatbot 1. Llegada la hora de una determinada acción <!-- .element: class="fragment" --> - Comprueba el estado del trabajador <!-- .element: class="fragment" --> - Si procede, notifica al trabajador <!-- .element: class="fragment" --> 1. El trabajador recibe la notificación <!-- .element: class="fragment" --> - Confirma/Postpone/Cancela la acción <!-- .element: class="fragment" --> 2. El chatbot recibe la respuesta <!-- .element: class="fragment" --> - Ejecuta la acción en la intranet <!-- .element: class="fragment" --> - Se queda a la espera <!-- .element: class="fragment" --> - Ignora la acción hasta el día siguiente <!-- .element: class="fragment" --> </script> </section> <hr> <section data-markdown> <script type="text/template"> ## Ejemplo 1 Trabajador >> lunes | comienzo jornada | 8:00 - A las 8:00 recibirá un mensaje preguntándole si ya ha comenzado a trabajar <!-- .element: class="fragment" --> - Debajo del mensaje aparecerán una serie de botones: Sí, +5m, +10m, +15m, +20m, No <!-- .element: class="fragment" --> - Con solo pulsar un botón el chatbot actuará en consecuencia <!-- .element: class="fragment" --> </script> </section> <hr> <section data-markdown> <script type="text/template"> ## Ejemplo 2 Trabajador >> vienes | comienzo jornada | 8:00 - Comienza a trabajar antes de lo normal <!-- .element: class="fragment" --> - Fichaje manual en la intranet a las 7:30 <!-- .element: class="fragment" --> - A las 8:00 el chatbot comprobará el estado y verá que no tiene nada que notificar <!-- .element: class="fragment" --> </script> </section> <hr> <h2 id="extra-i">Extra I</h2> <p>El chatbot busca <strong>molestar lo menos posible</strong></p> <ul> <li>Fines de semana</li> <li>Festivos <ul> <li>Ciudad de trabajo</li> </ul> </li> <li>Vacaciones</li> </ul> <hr> <h2 id="extra-ii">Extra II</h2> <p><strong>No se persiste la contraseña</strong> de los usuarios, se guardan en memoria.</p> <p><small>Si se reinicia el contenedor que tiene en memoria las contraseñas, se enviará un mensaje a los trabajadores para que vuelvan a introducir su contraseña.</small></p> <hr> <h1 id="demo">DEMO</h1> <hr> <section data-markdown> <script type="text/template"> ## Objetivos cumplidos - Todos los fichajes requieren de una confirmación y son fieles a la realidad <!-- .element: class="fragment" --> - El usuario ya no tiene que recordar realizar una determinada acción <!-- .element: class="fragment" --> - La única acción manual del usuario consiste en pulsar un botón<!-- .element: class="fragment" --> - El usuario ya no tiene que conectarse a una intranet <!-- .element: class="fragment" --> - Al recuperar siempre el estado del usuario de la intranet, se posibilita combinar el uso de ambos sistemas para situaciones excepcionales <!-- .element: class="fragment" --> </script> </section> <hr> <h2 id="stack-tecnológico">Stack tecnológico</h2> <ul> <li>Java</li> <li>Quarkus</li> <li>Docker</li> <li>Telegram Bots</li> <li>Kafka</li> <li>PostgreSQL</li> </ul> <hr> <h2 id="event-driven-architecture-i">Event Driven Architecture I</h2> <img style="border: none; box-shadow: none; margin-bottom: 30px" data-src="./timehammer_event_driven-architecture_01_slide.png" title="Flujo de actualización de estado de trabajadores"> <hr> <h2 id="event-driven-architecture-ii">Event Driven Architecture II</h2> <img style="border: none; box-shadow: none; margin-bottom: 30px" data-src="./timehammer_event_driven-architecture_02_slide.png" title="Flujo de procesamiento de un comando"> <hr> <h2 id="roadmap-i">Roadmap I</h2> <h4 id="reducción-de-llamadas-a-comunytek">Reducción de llamadas a Comunytek</h4> <p>En la versión actual se realizan:</p> <p><small>30 * 12 + 6 * 12 + 4 = 436 llamadas/usuario/día</small></p> <p>Con la versión mejorada se realizarían:</p> <p><small>3 llamadas/acción * 4 acciones/día/usuario = 12 llamadas/usuario/día</small></p> <hr> <h2 id="roadmap-ii">Roadmap II</h2> <h4 id="kubernetes-i">Kubernetes I</h4> <img style="border: none; box-shadow: none;" data-src="./kubernetes_cluster_01.jpg" title="Caja cluster" width="60%"> <hr> <h2 id="roadmap-ii-1">Roadmap II</h2> <h4 id="kubernetes-ii">Kubernetes II</h4> <img style="border: none; box-shadow: none;" data-src="./kubernetes_cluster_02.jpg" title="Raspberry Pi y PoE Hat" width="60%"> <hr> <h2 id="roadmap-ii-2">Roadmap II</h2> <h4 id="kubernetes-iii">Kubernetes III</h4> <img style="border: none; box-shadow: none;" data-src="./kubernetes_cluster_03.jpg" title="Bandeja Raspberry Pi" width="60%"> <hr> <h2 id="roadmap-iii">Roadmap III</h2> <ul> <li>Anular el registro</li> <li>Modificar la configuración</li> <li>Mejorar validaciones en el registro</li> <li>Añadir tests</li> <li>Tunear configuración Kafka</li> <li>Añadir monitorización de módulos</li> <li>NLP</li> <li>Modulo de administración</li> </ul> <hr> <section data-markdown> <script type="text/template"> ## Chatbots I - Los chatbots son una herramienta mucho potencial que permite aplicar un nuevo enfoque para resolver ciertos problemas <!-- .element: class="fragment" --> - Los usuarios están cada vez más acostumbrados a las aplicaciones de mensajería <!-- .element: class="fragment" --> - Tienen peor fama de la que se merecen porque muchos de los que se hacen llamar chatbots, hacen un mal (o nulo) procesamiento del lenguaje natural y realmente se trata de una sucesión de condiciones lógicas que ejecutan ciertas acciones <!-- .element: class="fragment" --> </script> </section> <hr> <section data-markdown> <script type="text/template"> ## Chatbots II - Con este proyecto se muestra un **enfoque diferente** de chatbot, basado en el uso de **comandos**. Que mediante el uso de diferentes **teclados** que se **adaptan** al tipo de respuesta que esperas del usuario, **mejora** mucho la **usabilidad** </script> </section> <hr> <h2 id="caso-de-uso">Caso de Uso</h2> <p>Nuevo canal de comunicación para la realización de guardias</p>