Web application layout for managing clients, billing, and generating hotspot vouchers with MikroTik router integration

Authors

  • Arturo Cuevas Aldana Tecnológico Nacional de México / Instituto Tecnológico Superior de Huauchinango / Maestría en Tecnologías de la Información, México https://orcid.org/0000-0002-9219-3406
  • Carmen JEannette Sampayo Rodríguez Tecnológico Nacional de México / Instituto Tecnológico Superior de Huauchinango / Maestría en Tecnologías de la Información, México https://orcid.org/0000-0001-8844-6055
  • Aldo Hernández Luna Tecnológico Nacional de México / Instituto Tecnológico Superior de Huauchinango / Maestría en Tecnologías de la Información, México https://orcid.org/0000-0002-7717-5314
  • Hugo Hernández Cabrera Tecnológico Nacional de México / Instituto Tecnológico Superior de Huauchinango / Maestría en Tecnologías de la Información, México https://orcid.org/0000-0002-7172-9734

DOI:

https://doi.org/10.36825/RITI.12.26.001

Keywords:

DCU Methodology, Layout, Hotspot Vouchers

Abstract

With the increasing use of the Internet, client and network management have become crucial aspects for companies and Internet service providers. This article details the design of a web application focused on simplifying the management of clients, billing and the automatic generation of hotspot vouchers, with specific integration for MikroTik routers. The user-centered design (UCD) methodology was adopted, for which it was necessary to identify the profiles and context of use of the web application. The result was high fidelity Figma designs and layout of the web application views, which proved to be easy to use. Survey data was collected to assess the user experience with the designed views. It was revealed that the proposed interfaces were not only visually appealing, but also intuitive for users. This user-centric approach ensured that the application not only met the functional requirements, but also provided an optimal user experience. In conclusion, the adoption of the UCD methodology in the design of this web application resulted in efficient and attractive interfaces, laying the foundation for its future development.

References

INEGI. (2022). Encuesta Nacional sobre Disponibilidad y Uso de Tecnologías de la Información en los Hogares (ENDUTIH) 2022. https://www.inegi.org.mx/programas/dutih/2022/#tabulados

Pérez Quintero, J., Alonso Ramírez, L., Montané Jiménez, L. G., Díaz Preciado, J. C. (2023). VisCFDI: Aplicación web interactiva para visualización y análisis de datos de facturas electrónicas en México. Revista de Investigación en Tecnologías de la Información (RITI), 11 (23), 82–97. https://doi.org/10.36825/RITI.11.23.008

Tlapa García, L. A., Escalante Vega, J. E., Alonso Ramírez, L. (2021). Aplicación interactiva para el aprendizaje con evaluaciones en el área de las matemáticas. Revista de Investigación en Tecnologías de la Información (RITI), 9 (19), 16–31. https://doi.org/10.36825/RITI.09.19.002

Figma. (2021). What is Figma?. https://help.figma.com/hc/en-us/articles/14563969806359-What-is-Figma

Gutiérrez Tiuso, A. R. (2020). La Importancia de las Aplicaciones Web y Móviles en el Éxito Empresarial. https://revistaempresarial.com/tecnologia/la-importancia-de-las-aplicaciones-web-y-moviles-en-el-exito-empresarial/

Adobe. (2021). ¿Qué son las aplicaciones web y las páginas web dinámicas? Aspectos básicos de las aplicaciones web. https://helpx.adobe.com/mx/dreamweaver/using/web-applications.html

GCFGlobal. (2022). Informática Básica: ¿Qué son las aplicaciones web? https://edu.gcfglobal.org/es/informatica-basica/que-son-las-aplicaciones-web/1/

ICTEA. (2017). ¿Qué es una aplicación web? - Base de Conocimientos. https://www.ictea.com/cs/index.php?rp=/knowledgebase/4205/iQue-es-una-aplicacion-web.html

Valarezo Pardo, M. R., Honores Tapia, J. A., Gómez Moreno, A. S., Vinces Sánchez, L. F. (2018). Comparación de tendencias tecnológicas en aplicaciones web. 3C Tecnología Glosas de innovación aplicadas a la pyme, 7 (3), 28–49. https://doi.org/10.17993/3ctecno.2018.v7n3e27.28-49/

Cesce España. (2022, marzo 7). Gestión de clientes: Qué es y su importancia. https://www.cesce.es/es/w/asesores-de-pymes/gestion-de-clientes

Administra Bien.com. (2017). Administración de relaciones con los clientes. https://www.administrabien.com/administracion-de-relaciones-con-los-clientes/

López Díaz, J., Arias, A. A. (2018). Propuesta para implementar un software de gestión de clientes, como estrategia CRM en la empresa Pri5ma S.A.S [Tesis de Grado]. Universidad de La Salle, Bogotá D.C. https://ciencia.lasalle.edu.co/administracion_de_empresas/1356/

Intel Corporation. (2017). ¿Qué es un punto de acceso? - Definiciones y detalles del punto de acceso WiFi. https://www.intel.com/content/www/us/en/tech-tips-and-tricks/what-is-a-hotspot.html

CenturyLink. (2023). What is a WiFi hotspot? https://discover.centurylink.com/what-is-a-wifi-hotspot.html

MikroTik. (2019). MikroTik Routers and Wireless. MikroTik. https://mikrotik.com/

Hart, T. (2017). Networking With MikroTik: MTCNA Study Guide. Independently Published.

Zarate Iguaran, E. D., Villero Contreras, S. L. (2020). El uso de los portales cautivos en redes WLAN a través de dispositivos MikroTik como la mejor herramienta para controlar el tráfico de datos. Revista Interdisciplinar de Estudios en Ciencias Básicas e Ingenierías, 7 (2), 9–17.

MikroTik Documentation. (2020). Winbox—RouterOS. https://help.mikrotik.com/docs/display/ROS/Winbox

MikroTik Documentation. (2020). Manual: User Manager. MikroTik Wiki. https://wiki.mikrotik.com/wiki/Manual:User_Manager

Tauhid, A. (2020). The Userman. https://theuserman.blogspot.com/

Laksa19. (2017). MIKHMON: Mikrotik Hotspot Monitor. https://laksa19.github.io/

Hamid, H. A., Al Farizi, M. (2022). Peluang jaringan wireless pribadi untuk hotspot umum dengan sistem voucher. Jurnal Industri Kreatif Dan Informatika Series (JIKIS), 2 (1), 1–10.

Syaputra, A., Stiadi, D. (2020). Pemanfaatan MikroTik untuk jaringan hotspot dengan sistem voucher pada Desa Ujanmas Kota Pagar Alam. JIRE (Jurnal Informatika & Rekayasa Elektronika), 3 (2), 176–186.

Arta, I. K. J., Nugraha, N. B. S. (2020). Implementasi aplikasi user management hotspot Mikrotik berbasis PHP dengan Application Programing Interface (API) dan Framework Bootstrap. JURNAL RESISTOR, 3 (1), 66–71. https://doi.org/10.31598

IONOS Inc. (2022). User centered design: Desarrollo de productos junto con los usuarios. https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/user-centered-design/

de los Ríos, C. (2023). ¿Qué es el diseño centrado en el usuario? https://bootcampvirtual.udd.cl/blog/diseno-centrado-en-el-usuario/

Hassan Montero, Y., Ortega Santamaría, S. (2009). Informe APEI sobre usabilidad. Asociación Profesional de Especialistas en Información.

Published

2024-07-25

How to Cite

Cuevas Aldana, A., Sampayo Rodríguez, C. J., Hernández Luna, A., & Hernández Cabrera, H. (2024). Web application layout for managing clients, billing, and generating hotspot vouchers with MikroTik router integration. Revista De Investigación En Tecnologías De La Información, 12(26), 1–18. https://doi.org/10.36825/RITI.12.26.001