[{"data":1,"prerenderedAt":77},["ShallowReactive",2],{"$fPZY7jItkqpDi-zoMJX8o7Gs0bUn3WOdaRJpc5VeZOCY":3},{"id":4,"title":5,"body":6,"category":55,"challenge":56,"description":49,"extension":57,"featured":58,"image":59,"images":59,"impact":60,"meta":61,"navigation":62,"order":63,"path":64,"seo":65,"slug":66,"solution":67,"stem":68,"tagline":69,"tags":70,"testimonial":59,"testimonial_author":59,"testimonial_role":59,"url":59,"__hash__":76},"projects_es\u002Fprojects\u002Fes\u002Fprinter-management.md","Plataforma de Gestión de Impresoras",{"type":7,"value":8,"toc":48},"minimark",[9,14,18,22,41,45],[10,11,13],"h2",{"id":12},"descripción-del-proyecto","Descripción del Proyecto",[15,16,17],"p",{},"Desarrollado en CAMAO Tec (posteriormente renombrada mmmake), este proyecto consistió en construir una aplicación web de gestión de impresoras para un minorista europeo con múltiples tiendas. El objetivo era ofrecer a los equipos de operaciones una visión clara de todos los dispositivos de impresión físicos en su red de tiendas europeas, incluyendo configuraciones, ubicaciones y metadatos asociados.",[10,19,21],{"id":20},"funcionalidades","Funcionalidades",[23,24,25,29,32,35,38],"ul",{},[26,27,28],"li",{},"Panel de vista general de dispositivos en todas las ubicaciones",[26,30,31],{},"Operaciones CRUD para impresoras, configuraciones y metadatos",[26,33,34],{},"Autenticación OIDC\u002FOAuth con validación de audiencia y control de acceso basado en permisos",[26,36,37],{},"Integración de una biblioteca de componentes UI interna basada en StencilJS",[26,39,40],{},"Capa de datos simulados para mantener el ritmo de entrega durante el desarrollo de la API",[10,42,44],{"id":43},"aspectos-técnicos","Aspectos Técnicos",[15,46,47],{},"La aplicación fue construida con Vue 3, marcando la primera adopción del framework en la empresa. La REST API seguía OpenAPI Spec 3 y requirió implementar un flujo de autenticación OIDC completo contra un proveedor de identidad interno. Donde el diseño divergía de la biblioteca de componentes, colaboré directamente con sus propietarios para identificar y resolver problemas, con correcciones que se propagaron a todos los consumidores del framework.",{"title":49,"searchDepth":50,"depth":50,"links":51},"",2,[52,53,54],{"id":12,"depth":50,"text":13},{"id":20,"depth":50,"text":21},{"id":43,"depth":50,"text":44},"web-app","Un minorista europeo con múltiples tiendas necesitaba una interfaz web para gestionar impresoras físicas en todas sus ubicaciones — con vista general de dispositivos, configuraciones, asignación de ubicaciones y metadatos. El proyecto también sirvió como la primera adopción de Vue en la pila tecnológica de la empresa.","md",false,null,"La aplicación se entregó con éxito y se convirtió en la base para futuras extensiones. El equipo fue incorporado completamente a Vue. Las correcciones aportadas a la biblioteca de componentes beneficiaron a todos los consumidores del framework.",{},true,3,"\u002Fprojects\u002Fes\u002Fprinter-management",{"title":5,"description":49},"printer-management","Desarrollé la aplicación web con Vue 3 y una biblioteca de componentes UI interna basada en StencilJS, conectada a una REST API siguiendo OpenAPI Spec 3 con autenticación OIDC. Implementé el flujo OAuth completo incluyendo validación de audiencia y permisos, cubrí las divergencias entre el diseño y la biblioteca de componentes, y mantuve los plazos usando datos y servicios simulados mientras la API aún estaba en desarrollo. También incorporé al equipo de desarrollo en Vue, con formación en buenas prácticas de diseño de componentes y el ecosistema Vue.","projects\u002Fes\u002Fprinter-management","Gestión de dispositivos en toda Europa para retail",[71,72,73,74,75],"Vue 3","TypeScript","OIDC","REST API","StencilJS","ZJOYN0e-khhfTABnCOIPDOaU0Q3WPC_Et8ogR4BMzjA",1775672746384]