Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT

El presente trabajo muestra el proceso llevado a cabo para diseñar y desarrollar el FrontEnd del servidor basado en Internet de las Cosas (IoT) llamado UAOIoT, el cual permite a los estudiantes, profesores e investigadores implementar proyectos basados en la tecnología previamente mencionada. Este s...

Full description

Autores:
Garcés Viveros, Juan Camilo
Mosquera Triviño, Ivan Darío
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2019
Institución:
Universidad Autónoma de Occidente
Repositorio:
RED: Repositorio Educativo Digital UAO
Idioma:
spa
OAI Identifier:
oai:red.uao.edu.co:10614/11290
Acceso en línea:
http://hdl.handle.net/10614/11290
Palabra clave:
Ingeniería Multimedia
Internet de las cosas
UAOlOT
Interfaces gráficas con el usuario (Computadores)
Internet of things
Graphical user interfaces (computer systems)
IoT
Front-End
Rights
openAccess
License
Derechos Reservados - Universidad Autónoma de Occidente
id REPOUAO2_85ca20d671437e078348367d51e9e128
oai_identifier_str oai:red.uao.edu.co:10614/11290
network_acronym_str REPOUAO2
network_name_str RED: Repositorio Educativo Digital UAO
repository_id_str
dc.title.spa.fl_str_mv Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
title Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
spellingShingle Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
Ingeniería Multimedia
Internet de las cosas
UAOlOT
Interfaces gráficas con el usuario (Computadores)
Internet of things
Graphical user interfaces (computer systems)
IoT
Front-End
title_short Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
title_full Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
title_fullStr Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
title_full_unstemmed Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
title_sort Diseño e implementación del front-end para la plataforma de internet de las cosas UAOIOT
dc.creator.fl_str_mv Garcés Viveros, Juan Camilo
Mosquera Triviño, Ivan Darío
dc.contributor.advisor.none.fl_str_mv Solarte Astaiza, Zeida María
dc.contributor.author.spa.fl_str_mv Garcés Viveros, Juan Camilo
Mosquera Triviño, Ivan Darío
dc.subject.spa.fl_str_mv Ingeniería Multimedia
Internet de las cosas
UAOlOT
Interfaces gráficas con el usuario (Computadores)
topic Ingeniería Multimedia
Internet de las cosas
UAOlOT
Interfaces gráficas con el usuario (Computadores)
Internet of things
Graphical user interfaces (computer systems)
IoT
Front-End
dc.subject.eng.fl_str_mv Internet of things
Graphical user interfaces (computer systems)
IoT
Front-End
description El presente trabajo muestra el proceso llevado a cabo para diseñar y desarrollar el FrontEnd del servidor basado en Internet de las Cosas (IoT) llamado UAOIoT, el cual permite a los estudiantes, profesores e investigadores implementar proyectos basados en la tecnología previamente mencionada. Este servidor no cuenta con una interfaz gráfica adecuada para ser utilizada por parte del usuario, en el presente documento se muestra el proceso para diseñar y desarrollar una interfaz gráfica que cumpla con los requisitos, siempre teniendo en cuenta al usuario final. Finalmente, se muestra el resultado de este proceso con sus respectivas evaluaciones para validar el trabajo realizado y que este cumpla con las condiciones óptimas para el usuario final
publishDate 2019
dc.date.accessioned.spa.fl_str_mv 2019-10-24T20:52:45Z
dc.date.available.spa.fl_str_mv 2019-10-24T20:52:45Z
dc.date.issued.spa.fl_str_mv 2019-06-04
dc.type.spa.fl_str_mv Trabajo de grado - Pregrado
dc.type.coarversion.fl_str_mv http://purl.org/coar/version/c_970fb48d4fbd8a85
dc.type.coar.spa.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.content.spa.fl_str_mv Text
dc.type.driver.spa.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.redcol.spa.fl_str_mv https://purl.org/redcol/resource_type/TP
dc.type.version.spa.fl_str_mv info:eu-repo/semantics/publishedVersion
format http://purl.org/coar/resource_type/c_7a1f
status_str publishedVersion
dc.identifier.uri.spa.fl_str_mv http://hdl.handle.net/10614/11290
url http://hdl.handle.net/10614/11290
dc.language.iso.spa.fl_str_mv spa
language spa
dc.rights.spa.fl_str_mv Derechos Reservados - Universidad Autónoma de Occidente
dc.rights.coar.fl_str_mv http://purl.org/coar/access_right/c_abf2
dc.rights.uri.spa.fl_str_mv https://creativecommons.org/licenses/by-nc-nd/4.0/
dc.rights.accessrights.spa.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.creativecommons.spa.fl_str_mv Atribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)
rights_invalid_str_mv Derechos Reservados - Universidad Autónoma de Occidente
https://creativecommons.org/licenses/by-nc-nd/4.0/
Atribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)
http://purl.org/coar/access_right/c_abf2
eu_rights_str_mv openAccess
dc.format.spa.fl_str_mv application/pdf
dc.format.extent.spa.fl_str_mv 106 páginas
dc.publisher.program.spa.fl_str_mv Ingeniería Multimedia
dc.publisher.department.spa.fl_str_mv Departamento de Operaciones y Sistemas
dc.publisher.faculty.spa.fl_str_mv Facultad de Ingeniería
dc.source.spa.fl_str_mv instname:Universidad Autónoma de Occidente
reponame:Repositorio Institucional UAO
instname_str Universidad Autónoma de Occidente
institution Universidad Autónoma de Occidente
reponame_str Repositorio Institucional UAO
collection Repositorio Institucional UAO
dc.source.bibliographiccitation.spa.fl_str_mv ADAMS, Paul. Why Cards Are The Future Of The Web. [en linea] Intercom. 2013. [Consultado: 9 de marzo de 2019]. Disponible en internet: https://www.intercom.com/blog/why-cards-are-the-future-of-the-web/ Adobe. Adobe Xd [En línea]. adobe 2018 [Consultado: 26 de febrero de 2019]. Disponible en internet: https://www.adobe.com/products/xd.html Angular Features [En línea]. Angular. 2019 [Consultado: 1 de marzo de 2019]. Disponible en internet: https://angular.io/features ARTIGAS, Samuel. La Arquitectura De La Información Como Base De La Ux. [En Línea]. torresburriel. 2016. [Consultado el 20 de febrero de 2019]. Disponible en internet: http://www.torresburriel.com/weblog/2016/04/05/la-arquitectura-de-la-informacion-como-base-de-la-ux/ ARTIGAS, Samuel. Pautas para la elaboración de entrevistas con usuarios [en línea]. Torresburriel.com, 2018. [Consultado: 6 de diciembre de 2018]. Disponible en internet: http://www.torresburriel.com/weblog/2016/12/19/elaboracion-entrevistas-usuarios/ ASHTON, Kevin. That 'internet Of Things' Thing. [En Linea]. Rfid Journal. 2009. [Consultado: 22 de junio de 2009]. Disponible en internet: http://www.rfidjournal.com/articles/view?4986 ATZORU, Luigi. The Internet of Things: A Survey. En: Computer Networks. Mayo, 2010. vol. 54. nro. 15., p.2787-2805. AZAUSTRE, Carlos. 'web Components': Presente Y Futuro En El Desarrollo Web. [En Línea]. bbvaopen4u 2016. [Consultado: 9 de marzo de 2019]. Disponible en internet: https://bbvaopen4u.com/es/actualidad/web-components-presente-y-futuro-en-el-desarrollo-web BAQUERO, Jose María. Single-page Application, Todo Un Website Desde única Página. [En línea]. arsys 2017. [Consultado: 10 de mayo de 2019]. Disponible en internet: https://www.arsys.es/blog/programacion/diseno-web/spa-unica-pagina/BREDEMEYER, Dana. How Is Software Architecture Created? [En línea]. bredemeyer. 2015. [Consultado 10 de febrero de 2019]. Disponible en internet: http://www.bredemeyer.com/howto.htm CABALLERO, Rafael. Bases de datos NoSQL – Sharding [En línea]. Universidad Complutense de Madrid, 2016 [Consultado: 8 de marzo de 2019]. Disponible en internet: http://gpd.sip.ucm.es/rafa/docencia/nosql/Sharding.html CACERES, Martin. ¿qué Es Typescript? [En Línea]. devcode [Consultado: 1 de marzo de 2019]. Disponible en internet: https://devcode.la/blog/que-es-typescript/ CLOUDIFICATION OF THE INTERNET OF THINGS (CIOT). 16727002: 23-25, November,Comparison of Iot platform architectures: a field study based on a reference architecture. Paris. 2017. p. 6. Competencias informáticas e informacionales. Topología de estrella [En línea]. Universidad de alicante, 2017. [Consultado: 10 de marzo de 2019]. Disponible en internet: https://moodle2017-18.ua.es/moodle/pluginfile.php/136906/mod_resource/content/7/conexiones/page_06.htm IBM. Concepto: Arquitectura Del Sistema. [En Línea]. cgrw01.cgr.go 2006. [Consultado: 15 de febrero de 2019]. Disponible en internet: https://cgrw01.cgr.go.cr/rup/RUP.es/LargeProjects/core.base_rup/guidances/concepts/system_architecture_5F3B1E17.html DIAZ, Zaña. Iot Platform Comparison: How The 450 Providers Stack Up. [En línea]. Iot Analytics. 2017. [Consultado: 20 de marzo de 2019]. Disponible en internet: https://iot-analytics.com/iot-platform-comparison-how-providers-stack-up/ DIX, Alan. Human-Computer Interaction [en línea]. Estados Unidos: Encyclopedia of Database Systems. Boston, 2009. p. 1327-1331. [Consultado el 26 de mayo de 2017]. http://dx.doi.org/10.1007/978-0-387-39940-9_192Documentación web de MDN. Introducción a Express/Node [En línea]. developer.mozilla. 2018 [Consultado: 8 de marzo de 2019]. Disponible en internet: https://developer.mozilla.org/es/docs/Learn/Server-side/Express_Nodejs/Introduction --------. WebSockets [en línea]. 2018. [Consultado: 7 de marzo de 2019]. Disponible en internet: https://developer.mozilla.org/es/docs/WebSockets-840092-dup Eclipse Mosquitto [En línea]. Mosquitto, 2018 [Consultado: 7 de marzo de 2019]. Disponible en internet: https://mosquitto.org/ El blog de T-Systems Iberia. Estas son las capas del Internet de las Cosas - El blog de T-Systems Iberia. [En línea]. t-systemsblog 2018. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://www.t-systemsblog.es/estas-son-las-capas-del-internet-de-las-cosas/ Express JS. Express Fast, unopinionated, minimalist web framework for Node.js [En línea]. expressjs.2018 [Consultado: 7 de marzo de 2019]. Disponible en internet: https://expressjs.com GRANOLLERS, Toni User Centred Design Process Model. Integration of Usability Engineering and Software Engineering [En línea]. University of Lleida, E.U.P. Avda. Jaume II 69, Lleida, Spain [consultado: 13 de agosto de 2017]. Disponible en Internet: https://www.researchgate.net/profile/Toni_Granollers/publication/228894598_User_Centred_Design_Process_Model_Integration_of_Usability_Engineering_and_Software_Engineering/links/00b49515b111c608b0000000/User-Centred-Design-Process-Model-Integration-of-Usability-Engineering-and-Software-Engineering.pdf --------. Modelo de Proceso de la Ingeniería de la Usabilidad y la Accesibilidad. Tesis Doctoral no publicada. Lleida, España. Universidad de Lleida. Departamento de Lenguajes y Sistemas Informáticos, 2004. --------. Análisis de implicados (stakeholders) – Mpiu+a. [En línea]. 2014. [Consultado: 1 de diciembre de 2018]. Disponible en internet: /http://mpiua.invid.udl.cat/fases-mpiua/analisis-de-requisitos/stakeholders/GRANOLLERS,. Análisis Etnográfico – Mpiu+a. [En línea]. mpiua.invid 2014. [Consultado: 30 de noviembre de 2018]. Disponible en internet: http://mpiua.invid.udl.cat/fases-mpiua/analisis-de-requisitos/analisis-etnografico/ --------. Pensando en voz alta (Thinking Aloud) - Mpiu+a. [En línea]. mpiua.invid 2014. [Consultado: 25 de febrero de 2019]. Disponible en internet: mpiua.invid.udl.cat/pensando-en-voz-alta-thinking-aloud/ GUBBI, Jayavardhana y BUYYA, Rajkumar. Internet of Things (iot): A Vision, Architectural Elements, And Future Directions. En: Future Generation Computer Systems. Septiembre, 2013. Vol. 29. no. 7., p.1645-1660. HARTSON, Rex. Human-computer interaction: Interdisciplinary roots and trends. En: Journal of Systems and Software, Noviembre 1998, v. 43, n. 2, pp. 103-118. INTERNATIONAL ORGANIZATION FOR STANDARDIZATION. Ergonomics of human-system interaction – Part 210: Human-centred design for interactive systems. ISO, 2010. ISO. Ergonomics Of Human-system Interaction. ISO 9241-210:2010 [En línea]. Part 210: Human-centred Design For Interactive Systems. 2010. [consultado: 31 agosto de 2017]. Disponible en internet: https://www.iso.org/standard/52075.html Lucidchart. Qué Es Un Wireframe Para Un Sitio Web [En línea]. .lucidchart 2018. [Consultado: 25 de febrero de 2019]. Disponible en internet: https://www.lucidchart.com/pages/es/que-es-un-wireframe-para-un-sitio-web LUND, María Inés; FERRARINI, Cintia; ABALLAY, Laura; ROMAGNANO, María; y MENI, Ernesto. CUPIDo – Plantilla para documentar casos de uso [En línea]. San Juan, Argentina: Universidad Nacional de San Juan, 2010. [Consultado: 6 de febrero de 2018]. Disponible en internet: http://sedici.unlp.edu.ar/bitstream/handle/10915/18410/Documento_completo.pdf?sequence=1 MARTINEZ, Blanca. La Lógica De La Usabilidad: Las 10 Heurísticas De Jakob Nielsen. [En Línea] .beeva. [Consultado en 15 de febrero de 2016]. Disponible en internet: https://www.beeva.com/beeva-view/diseno-y-ux/la-logica-de-la-usabilidadMASIP, L., OLIVA, M. y GRANOLLERS, T. “Concreción de la Experiencia de Usuario mediante Atributos de Calidad” [en línea]. En: XII Congreso Internacional de Interacción Persona-Ordenador. Lisboa: Septiembre, 2011. p. 393. [consultado: 1 de septiembre de 2017]. Disponible en Internet: http://aipo.es/files/actas/Interaccion2011.pdf MCLELLAND, Calum. How Does An Iot Solution Actually Work? [En Línea]. Iot For All. 2019. [Consultado: 25 de marzo de 2019]. Disponible en internet: https://www.iotforall.com/iot-explained-how-does-an-iot-system-actually-work/ Modelo Vista Controlador (mvc). [En Línea]. Universidad De Alicante. 2018. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-mvc.html MongoDB. MongoDB About [En línea]. mongodb 2018 [Consultado: 8 de marzo de 2019]. Disponible en internet: https://www.mongodb.com/what-is-mongodb MORENO, Lourdes. Enfoque de Diseño Centrado en el Usuario (DCU) en procesos de desarrollo. Estándar ISO 13470:1999. [En línea]. Universidad Carlos III de Madrid. Madrid. 2010. 2018 [Consultado: 8 de marzo de 2019].Disponible en: http://labda.inf.uc3m.es/awa/es/node/102 MQTT. MQTT FAQ [En línea]. mqtt 2019. [Consultado: 10 de marzo de 2019]. Disponible en internet: http://mqtt.org/faq MUÑOZ, Jaime. Temas De Diseño En Interacción Humano-computadora. [En línea]. proyectolatin 2014. [Consultado: 31 de agosto de 2017]. Disponible en internet: http://www.proyectolatin.org/books/Temas_de_Dise%C3%B1o_en_Interacci%C3%B3n_Humano_Computadora_CC_BY-SA_3.0.pdf NIELSEN, Jakob. How Many Test Users In A Usability Study? [En Línea]. nngroup.2012. [Consultado: 15 de enero de 2019]. Disponible en internet: https://www.nngroup.com/articles/how-many-test-users/ NodeJS About [En línea]. Node JS, 2018 [Consultado el 3 de marzo de 2019]. Disponible en internet: https://nodejs.org/es/about/NORONHA, Andy, Et al. El valor de IoT: Cómo pasar de conectar cosas a obtener información. [en línea]. cisco 2014 [Consultado el 19 de agosto de 2017]. Disponible en internet: https://www.cisco.com/c/dam/assets/global/ES/offers/datacenter/potential/dc-05-attaining-iot-value-wp-cte-es-eu.pdf PORTOCARRERO, Jhon. Desarrollo De Un Servidor De Conexión Local Y Remota De Iot Para La Universidad Autónoma De Occidente. Tesis para optar por el título de Ingeniero Electrónico. Santiago de Cali. Universidad Autónoma De Occidente. Facultad de ingeniería. 2017. Quant-ux. Quant-UX - Prototype, Test and Learn [en línea]. Quant-ux 2018. [Consultado: 25 de febrero de 2019]. Disponible en internet: Quant-ux.com RAY, B. IoT Platforms: What They Are & How To Select One. Link-labs.com [en línea] link-labs. 2016. [Consultado el 13 agosto del 2017]. Disponible en: https://www.link-labs.com/blog/what-is-an-iot-platform. Robomongo. Robomongo About [En línea]. robomongo 2018[Consultado: 8 de marzo de 2019]. Disponible en internet: https://robomongo.org/ ROUSE, Margaret. Platform as a Service (PaaS). [En línea]. searchcloudcomputing.techtarget 2015 [Consultado: 13 de agosto de 2017]. Disponible en internet: http://searchcloudcomputing.techtarget.com/definition/Platform-as-a-Service-PaaS RYAN, Brian. Iot Platforms: What They Are & How to Select One. [En línea]. Linklabs. 2016. [Consultado: 13 de agosto de 2017]. Disponible en internet: https://www.link-labs.com/blog/what-is-an-iot-platform SETHI, Pallavi. y SARANGI, Smruti. Internet Of Things: Architectures, Protocols, And Applications. [En Línea]. 2017. [Consultado: 3 de marzo de 2019]. Disponible en internet: https://www.hindawi.com/journals/jece/2017/9324035/ SHARMA, Sumit. Planning An Architecture For The Internet Of Things. [En Línea]. dte.us 2014. [Consultado el 1 de marzo de 2019]. Disponible en internet: https://www.dte.us.es/docencia/master/muii/daha/temas/Tema1-IOT-Arch-PDFSHARP, H. ROGERS, Y. y PREECE J., Interaction Design Beyond Human – Computer Interaction. 2 ed. Wiley, John & Sons, Incorporated, 2007. 99.p UBIDOTS. Ubidots About [En línea]. ubidots. 2017 [Consultado: 14 de agosto de 2017]. Disponible en internet: https://ubidots.com/about W3c. Custom Elements. [En Línea]. w3c.github 2019. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://w3c.github.io/webcomponents/spec/custom/ Watson IoT [En línea]. Watson IBM. . [Consultado: 2 de marzo de 2019]. Disponible en internet: https://console.bluemix.net/catalog/services/internet-of-things-platform/
bitstream.url.fl_str_mv https://red.uao.edu.co/bitstreams/11de8226-bbe3-4cd5-b49c-00f6cd50c66b/download
https://red.uao.edu.co/bitstreams/047c1c6c-0ed3-47ea-85e8-52f325513b10/download
https://red.uao.edu.co/bitstreams/81dcfd92-cbfb-4ba1-a29e-c0094ef0a948/download
https://red.uao.edu.co/bitstreams/500f2fc1-2628-4184-98ea-e1ac6392f00d/download
https://red.uao.edu.co/bitstreams/a44eb45f-063a-4488-9326-3668acc8bf6c/download
https://red.uao.edu.co/bitstreams/5fe0893e-6cb8-40e7-8442-fc3a7e3fe59f/download
https://red.uao.edu.co/bitstreams/a4ee5dd7-9b4d-4c47-9fea-e694a6eafa38/download
https://red.uao.edu.co/bitstreams/70bb57e2-725a-42fb-9d39-7003364f9839/download
bitstream.checksum.fl_str_mv 75d7fa8816418e10bbbdb3210cbd4561
0275431bea02a36310fa33fb53439d79
755e3a8679c08749e7ec9a0f04e2dce8
ca02b6ff4445ec5e57dc68996b2c6d41
4460e5956bc1d1639be9ae6146a50347
20b5ba22b1117f71589c7318baa2c560
ee85c5e9a46c57dff93bab96d9a28238
1878d0788e6eb52d29bdfe2a409ca5a7
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositorio Digital Universidad Autonoma de Occidente
repository.mail.fl_str_mv repositorio@uao.edu.co
_version_ 1808478701278461952
spelling Solarte Astaiza, Zeida Maríavirtual::4646-1Garcés Viveros, Juan Camilo49e41f171624a29fb26576c06c49fedd-1Mosquera Triviño, Ivan Darío9f8417c07e3cc2fecc4039a1f1cd7750-1Ingeniero de Multimedia2019-10-24T20:52:45Z2019-10-24T20:52:45Z2019-06-04http://hdl.handle.net/10614/11290El presente trabajo muestra el proceso llevado a cabo para diseñar y desarrollar el FrontEnd del servidor basado en Internet de las Cosas (IoT) llamado UAOIoT, el cual permite a los estudiantes, profesores e investigadores implementar proyectos basados en la tecnología previamente mencionada. Este servidor no cuenta con una interfaz gráfica adecuada para ser utilizada por parte del usuario, en el presente documento se muestra el proceso para diseñar y desarrollar una interfaz gráfica que cumpla con los requisitos, siempre teniendo en cuenta al usuario final. Finalmente, se muestra el resultado de este proceso con sus respectivas evaluaciones para validar el trabajo realizado y que este cumpla con las condiciones óptimas para el usuario finalPasantía institucional (Ingeniero de Multimedia)-- Universidad Autónoma de Occidente, 2019PregradoIngeniería(a) en Multimediaapplication/pdf106 páginasspaDerechos Reservados - Universidad Autónoma de Occidentehttps://creativecommons.org/licenses/by-nc-nd/4.0/info:eu-repo/semantics/openAccessAtribución-NoComercial-SinDerivadas 4.0 Internacional (CC BY-NC-ND 4.0)http://purl.org/coar/access_right/c_abf2instname:Universidad Autónoma de Occidentereponame:Repositorio Institucional UAOADAMS, Paul. Why Cards Are The Future Of The Web. [en linea] Intercom. 2013. [Consultado: 9 de marzo de 2019]. Disponible en internet: https://www.intercom.com/blog/why-cards-are-the-future-of-the-web/ Adobe. Adobe Xd [En línea]. adobe 2018 [Consultado: 26 de febrero de 2019]. Disponible en internet: https://www.adobe.com/products/xd.html Angular Features [En línea]. Angular. 2019 [Consultado: 1 de marzo de 2019]. Disponible en internet: https://angular.io/features ARTIGAS, Samuel. La Arquitectura De La Información Como Base De La Ux. [En Línea]. torresburriel. 2016. [Consultado el 20 de febrero de 2019]. Disponible en internet: http://www.torresburriel.com/weblog/2016/04/05/la-arquitectura-de-la-informacion-como-base-de-la-ux/ ARTIGAS, Samuel. Pautas para la elaboración de entrevistas con usuarios [en línea]. Torresburriel.com, 2018. [Consultado: 6 de diciembre de 2018]. Disponible en internet: http://www.torresburriel.com/weblog/2016/12/19/elaboracion-entrevistas-usuarios/ ASHTON, Kevin. That 'internet Of Things' Thing. [En Linea]. Rfid Journal. 2009. [Consultado: 22 de junio de 2009]. Disponible en internet: http://www.rfidjournal.com/articles/view?4986 ATZORU, Luigi. The Internet of Things: A Survey. En: Computer Networks. Mayo, 2010. vol. 54. nro. 15., p.2787-2805. AZAUSTRE, Carlos. 'web Components': Presente Y Futuro En El Desarrollo Web. [En Línea]. bbvaopen4u 2016. [Consultado: 9 de marzo de 2019]. Disponible en internet: https://bbvaopen4u.com/es/actualidad/web-components-presente-y-futuro-en-el-desarrollo-web BAQUERO, Jose María. Single-page Application, Todo Un Website Desde única Página. [En línea]. arsys 2017. [Consultado: 10 de mayo de 2019]. Disponible en internet: https://www.arsys.es/blog/programacion/diseno-web/spa-unica-pagina/BREDEMEYER, Dana. How Is Software Architecture Created? [En línea]. bredemeyer. 2015. [Consultado 10 de febrero de 2019]. Disponible en internet: http://www.bredemeyer.com/howto.htm CABALLERO, Rafael. Bases de datos NoSQL – Sharding [En línea]. Universidad Complutense de Madrid, 2016 [Consultado: 8 de marzo de 2019]. Disponible en internet: http://gpd.sip.ucm.es/rafa/docencia/nosql/Sharding.html CACERES, Martin. ¿qué Es Typescript? [En Línea]. devcode [Consultado: 1 de marzo de 2019]. Disponible en internet: https://devcode.la/blog/que-es-typescript/ CLOUDIFICATION OF THE INTERNET OF THINGS (CIOT). 16727002: 23-25, November,Comparison of Iot platform architectures: a field study based on a reference architecture. Paris. 2017. p. 6. Competencias informáticas e informacionales. Topología de estrella [En línea]. Universidad de alicante, 2017. [Consultado: 10 de marzo de 2019]. Disponible en internet: https://moodle2017-18.ua.es/moodle/pluginfile.php/136906/mod_resource/content/7/conexiones/page_06.htm IBM. Concepto: Arquitectura Del Sistema. [En Línea]. cgrw01.cgr.go 2006. [Consultado: 15 de febrero de 2019]. Disponible en internet: https://cgrw01.cgr.go.cr/rup/RUP.es/LargeProjects/core.base_rup/guidances/concepts/system_architecture_5F3B1E17.html DIAZ, Zaña. Iot Platform Comparison: How The 450 Providers Stack Up. [En línea]. Iot Analytics. 2017. [Consultado: 20 de marzo de 2019]. Disponible en internet: https://iot-analytics.com/iot-platform-comparison-how-providers-stack-up/ DIX, Alan. Human-Computer Interaction [en línea]. Estados Unidos: Encyclopedia of Database Systems. Boston, 2009. p. 1327-1331. [Consultado el 26 de mayo de 2017]. http://dx.doi.org/10.1007/978-0-387-39940-9_192Documentación web de MDN. Introducción a Express/Node [En línea]. developer.mozilla. 2018 [Consultado: 8 de marzo de 2019]. Disponible en internet: https://developer.mozilla.org/es/docs/Learn/Server-side/Express_Nodejs/Introduction --------. WebSockets [en línea]. 2018. [Consultado: 7 de marzo de 2019]. Disponible en internet: https://developer.mozilla.org/es/docs/WebSockets-840092-dup Eclipse Mosquitto [En línea]. Mosquitto, 2018 [Consultado: 7 de marzo de 2019]. Disponible en internet: https://mosquitto.org/ El blog de T-Systems Iberia. Estas son las capas del Internet de las Cosas - El blog de T-Systems Iberia. [En línea]. t-systemsblog 2018. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://www.t-systemsblog.es/estas-son-las-capas-del-internet-de-las-cosas/ Express JS. Express Fast, unopinionated, minimalist web framework for Node.js [En línea]. expressjs.2018 [Consultado: 7 de marzo de 2019]. Disponible en internet: https://expressjs.com GRANOLLERS, Toni User Centred Design Process Model. Integration of Usability Engineering and Software Engineering [En línea]. University of Lleida, E.U.P. Avda. Jaume II 69, Lleida, Spain [consultado: 13 de agosto de 2017]. Disponible en Internet: https://www.researchgate.net/profile/Toni_Granollers/publication/228894598_User_Centred_Design_Process_Model_Integration_of_Usability_Engineering_and_Software_Engineering/links/00b49515b111c608b0000000/User-Centred-Design-Process-Model-Integration-of-Usability-Engineering-and-Software-Engineering.pdf --------. Modelo de Proceso de la Ingeniería de la Usabilidad y la Accesibilidad. Tesis Doctoral no publicada. Lleida, España. Universidad de Lleida. Departamento de Lenguajes y Sistemas Informáticos, 2004. --------. Análisis de implicados (stakeholders) – Mpiu+a. [En línea]. 2014. [Consultado: 1 de diciembre de 2018]. Disponible en internet: /http://mpiua.invid.udl.cat/fases-mpiua/analisis-de-requisitos/stakeholders/GRANOLLERS,. Análisis Etnográfico – Mpiu+a. [En línea]. mpiua.invid 2014. [Consultado: 30 de noviembre de 2018]. Disponible en internet: http://mpiua.invid.udl.cat/fases-mpiua/analisis-de-requisitos/analisis-etnografico/ --------. Pensando en voz alta (Thinking Aloud) - Mpiu+a. [En línea]. mpiua.invid 2014. [Consultado: 25 de febrero de 2019]. Disponible en internet: mpiua.invid.udl.cat/pensando-en-voz-alta-thinking-aloud/ GUBBI, Jayavardhana y BUYYA, Rajkumar. Internet of Things (iot): A Vision, Architectural Elements, And Future Directions. En: Future Generation Computer Systems. Septiembre, 2013. Vol. 29. no. 7., p.1645-1660. HARTSON, Rex. Human-computer interaction: Interdisciplinary roots and trends. En: Journal of Systems and Software, Noviembre 1998, v. 43, n. 2, pp. 103-118. INTERNATIONAL ORGANIZATION FOR STANDARDIZATION. Ergonomics of human-system interaction – Part 210: Human-centred design for interactive systems. ISO, 2010. ISO. Ergonomics Of Human-system Interaction. ISO 9241-210:2010 [En línea]. Part 210: Human-centred Design For Interactive Systems. 2010. [consultado: 31 agosto de 2017]. Disponible en internet: https://www.iso.org/standard/52075.html Lucidchart. Qué Es Un Wireframe Para Un Sitio Web [En línea]. .lucidchart 2018. [Consultado: 25 de febrero de 2019]. Disponible en internet: https://www.lucidchart.com/pages/es/que-es-un-wireframe-para-un-sitio-web LUND, María Inés; FERRARINI, Cintia; ABALLAY, Laura; ROMAGNANO, María; y MENI, Ernesto. CUPIDo – Plantilla para documentar casos de uso [En línea]. San Juan, Argentina: Universidad Nacional de San Juan, 2010. [Consultado: 6 de febrero de 2018]. Disponible en internet: http://sedici.unlp.edu.ar/bitstream/handle/10915/18410/Documento_completo.pdf?sequence=1 MARTINEZ, Blanca. La Lógica De La Usabilidad: Las 10 Heurísticas De Jakob Nielsen. [En Línea] .beeva. [Consultado en 15 de febrero de 2016]. Disponible en internet: https://www.beeva.com/beeva-view/diseno-y-ux/la-logica-de-la-usabilidadMASIP, L., OLIVA, M. y GRANOLLERS, T. “Concreción de la Experiencia de Usuario mediante Atributos de Calidad” [en línea]. En: XII Congreso Internacional de Interacción Persona-Ordenador. Lisboa: Septiembre, 2011. p. 393. [consultado: 1 de septiembre de 2017]. Disponible en Internet: http://aipo.es/files/actas/Interaccion2011.pdf MCLELLAND, Calum. How Does An Iot Solution Actually Work? [En Línea]. Iot For All. 2019. [Consultado: 25 de marzo de 2019]. Disponible en internet: https://www.iotforall.com/iot-explained-how-does-an-iot-system-actually-work/ Modelo Vista Controlador (mvc). [En Línea]. Universidad De Alicante. 2018. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://si.ua.es/es/documentacion/asp-net-mvc-3/1-dia/modelo-vista-controlador-mvc.html MongoDB. MongoDB About [En línea]. mongodb 2018 [Consultado: 8 de marzo de 2019]. Disponible en internet: https://www.mongodb.com/what-is-mongodb MORENO, Lourdes. Enfoque de Diseño Centrado en el Usuario (DCU) en procesos de desarrollo. Estándar ISO 13470:1999. [En línea]. Universidad Carlos III de Madrid. Madrid. 2010. 2018 [Consultado: 8 de marzo de 2019].Disponible en: http://labda.inf.uc3m.es/awa/es/node/102 MQTT. MQTT FAQ [En línea]. mqtt 2019. [Consultado: 10 de marzo de 2019]. Disponible en internet: http://mqtt.org/faq MUÑOZ, Jaime. Temas De Diseño En Interacción Humano-computadora. [En línea]. proyectolatin 2014. [Consultado: 31 de agosto de 2017]. Disponible en internet: http://www.proyectolatin.org/books/Temas_de_Dise%C3%B1o_en_Interacci%C3%B3n_Humano_Computadora_CC_BY-SA_3.0.pdf NIELSEN, Jakob. How Many Test Users In A Usability Study? [En Línea]. nngroup.2012. [Consultado: 15 de enero de 2019]. Disponible en internet: https://www.nngroup.com/articles/how-many-test-users/ NodeJS About [En línea]. Node JS, 2018 [Consultado el 3 de marzo de 2019]. Disponible en internet: https://nodejs.org/es/about/NORONHA, Andy, Et al. El valor de IoT: Cómo pasar de conectar cosas a obtener información. [en línea]. cisco 2014 [Consultado el 19 de agosto de 2017]. Disponible en internet: https://www.cisco.com/c/dam/assets/global/ES/offers/datacenter/potential/dc-05-attaining-iot-value-wp-cte-es-eu.pdf PORTOCARRERO, Jhon. Desarrollo De Un Servidor De Conexión Local Y Remota De Iot Para La Universidad Autónoma De Occidente. Tesis para optar por el título de Ingeniero Electrónico. Santiago de Cali. Universidad Autónoma De Occidente. Facultad de ingeniería. 2017. Quant-ux. Quant-UX - Prototype, Test and Learn [en línea]. Quant-ux 2018. [Consultado: 25 de febrero de 2019]. Disponible en internet: Quant-ux.com RAY, B. IoT Platforms: What They Are & How To Select One. Link-labs.com [en línea] link-labs. 2016. [Consultado el 13 agosto del 2017]. Disponible en: https://www.link-labs.com/blog/what-is-an-iot-platform. Robomongo. Robomongo About [En línea]. robomongo 2018[Consultado: 8 de marzo de 2019]. Disponible en internet: https://robomongo.org/ ROUSE, Margaret. Platform as a Service (PaaS). [En línea]. searchcloudcomputing.techtarget 2015 [Consultado: 13 de agosto de 2017]. Disponible en internet: http://searchcloudcomputing.techtarget.com/definition/Platform-as-a-Service-PaaS RYAN, Brian. Iot Platforms: What They Are & How to Select One. [En línea]. Linklabs. 2016. [Consultado: 13 de agosto de 2017]. Disponible en internet: https://www.link-labs.com/blog/what-is-an-iot-platform SETHI, Pallavi. y SARANGI, Smruti. Internet Of Things: Architectures, Protocols, And Applications. [En Línea]. 2017. [Consultado: 3 de marzo de 2019]. Disponible en internet: https://www.hindawi.com/journals/jece/2017/9324035/ SHARMA, Sumit. Planning An Architecture For The Internet Of Things. [En Línea]. dte.us 2014. [Consultado el 1 de marzo de 2019]. Disponible en internet: https://www.dte.us.es/docencia/master/muii/daha/temas/Tema1-IOT-Arch-PDFSHARP, H. ROGERS, Y. y PREECE J., Interaction Design Beyond Human – Computer Interaction. 2 ed. Wiley, John & Sons, Incorporated, 2007. 99.p UBIDOTS. Ubidots About [En línea]. ubidots. 2017 [Consultado: 14 de agosto de 2017]. Disponible en internet: https://ubidots.com/about W3c. Custom Elements. [En Línea]. w3c.github 2019. [Consultado: 2 de marzo de 2019]. Disponible en internet: https://w3c.github.io/webcomponents/spec/custom/ Watson IoT [En línea]. Watson IBM. . [Consultado: 2 de marzo de 2019]. Disponible en internet: https://console.bluemix.net/catalog/services/internet-of-things-platform/Ingeniería MultimediaInternet de las cosasUAOlOTInterfaces gráficas con el usuario (Computadores)Internet of thingsGraphical user interfaces (computer systems)IoTFront-EndDiseño e implementación del front-end para la plataforma de internet de las cosas UAOIOTTrabajo de grado - Pregradohttp://purl.org/coar/resource_type/c_7a1fTextinfo:eu-repo/semantics/bachelorThesishttps://purl.org/redcol/resource_type/TPinfo:eu-repo/semantics/publishedVersionhttp://purl.org/coar/version/c_970fb48d4fbd8a85Ingeniería MultimediaDepartamento de Operaciones y SistemasFacultad de IngenieríaPublicationhttps://scholar.google.com/citations?user=xs4JQP8AAAAJ&hl=esvirtual::4646-1fc764a3e-8182-4da2-82dd-45830cf7deb8virtual::4646-1fc764a3e-8182-4da2-82dd-45830cf7deb8virtual::4646-1TEXTT08676.pdf.txtT08676.pdf.txtExtracted texttext/plain142328https://red.uao.edu.co/bitstreams/11de8226-bbe3-4cd5-b49c-00f6cd50c66b/download75d7fa8816418e10bbbdb3210cbd4561MD57TA8676.pdf.txtTA8676.pdf.txtExtracted texttext/plain4159https://red.uao.edu.co/bitstreams/047c1c6c-0ed3-47ea-85e8-52f325513b10/download0275431bea02a36310fa33fb53439d79MD59THUMBNAILT08676.pdf.jpgT08676.pdf.jpgGenerated Thumbnailimage/jpeg6564https://red.uao.edu.co/bitstreams/81dcfd92-cbfb-4ba1-a29e-c0094ef0a948/download755e3a8679c08749e7ec9a0f04e2dce8MD58TA8676.pdf.jpgTA8676.pdf.jpgGenerated Thumbnailimage/jpeg13478https://red.uao.edu.co/bitstreams/500f2fc1-2628-4184-98ea-e1ac6392f00d/downloadca02b6ff4445ec5e57dc68996b2c6d41MD510CC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8805https://red.uao.edu.co/bitstreams/a44eb45f-063a-4488-9326-3668acc8bf6c/download4460e5956bc1d1639be9ae6146a50347MD53LICENSElicense.txtlicense.txttext/plain; charset=utf-81665https://red.uao.edu.co/bitstreams/5fe0893e-6cb8-40e7-8442-fc3a7e3fe59f/download20b5ba22b1117f71589c7318baa2c560MD54ORIGINALT08676.pdfT08676.pdfapplication/pdf1671224https://red.uao.edu.co/bitstreams/a4ee5dd7-9b4d-4c47-9fea-e694a6eafa38/downloadee85c5e9a46c57dff93bab96d9a28238MD55TA8676.pdfTA8676.pdfapplication/pdf129326https://red.uao.edu.co/bitstreams/70bb57e2-725a-42fb-9d39-7003364f9839/download1878d0788e6eb52d29bdfe2a409ca5a7MD5610614/11290oai:red.uao.edu.co:10614/112902024-03-15 09:17:25.102https://creativecommons.org/licenses/by-nc-nd/4.0/Derechos Reservados - Universidad Autónoma de Occidenteopen.accesshttps://red.uao.edu.coRepositorio Digital Universidad Autonoma de Occidenterepositorio@uao.edu.coRUwgQVVUT1IgYXV0b3JpemEgYSBsYSBVbml2ZXJzaWRhZCBBdXTDs25vbWEgZGUgT2NjaWRlbnRlLCBkZSBmb3JtYSBpbmRlZmluaWRhLCBwYXJhIHF1ZSBlbiBsb3MgdMOpcm1pbm9zIGVzdGFibGVjaWRvcyBlbiBsYSBMZXkgMjMgZGUgMTk4MiwgbGEgTGV5IDQ0IGRlIDE5OTMsIGxhIERlY2lzacOzbiBhbmRpbmEgMzUxIGRlIDE5OTMsIGVsIERlY3JldG8gNDYwIGRlIDE5OTUgeSBkZW3DoXMgbGV5ZXMgeSBqdXJpc3BydWRlbmNpYSB2aWdlbnRlIGFsIHJlc3BlY3RvLCBoYWdhIHB1YmxpY2FjacOzbiBkZSBlc3RlIGNvbiBmaW5lcyBlZHVjYXRpdm9zLiBQQVJBR1JBRk86IEVzdGEgYXV0b3JpemFjacOzbiBhZGVtw6FzIGRlIHNlciB2w6FsaWRhIHBhcmEgbGFzIGZhY3VsdGFkZXMgeSBkZXJlY2hvcyBkZSB1c28gc29icmUgbGEgb2JyYSBlbiBmb3JtYXRvIG8gc29wb3J0ZSBtYXRlcmlhbCwgdGFtYmnDqW4gcGFyYSBmb3JtYXRvIGRpZ2l0YWwsIGVsZWN0csOzbmljbywgdmlydHVhbCwgcGFyYSB1c29zIGVuIHJlZCwgSW50ZXJuZXQsIGV4dHJhbmV0LCBpbnRyYW5ldCwgYmlibGlvdGVjYSBkaWdpdGFsIHkgZGVtw6FzIHBhcmEgY3VhbHF1aWVyIGZvcm1hdG8gY29ub2NpZG8gbyBwb3IgY29ub2Nlci4gRUwgQVVUT1IsIGV4cHJlc2EgcXVlIGVsIGRvY3VtZW50byAodHJhYmFqbyBkZSBncmFkbywgcGFzYW50w61hLCBjYXNvcyBvIHRlc2lzKSBvYmpldG8gZGUgbGEgcHJlc2VudGUgYXV0b3JpemFjacOzbiBlcyBvcmlnaW5hbCB5IGxhIGVsYWJvcsOzIHNpbiBxdWVicmFudGFyIG5pIHN1cGxhbnRhciBsb3MgZGVyZWNob3MgZGUgYXV0b3IgZGUgdGVyY2Vyb3MsIHkgZGUgdGFsIGZvcm1hLCBlbCBkb2N1bWVudG8gKHRyYWJham8gZGUgZ3JhZG8sIHBhc2FudMOtYSwgY2Fzb3MgbyB0ZXNpcykgZXMgZGUgc3UgZXhjbHVzaXZhIGF1dG9yw61hIHkgdGllbmUgbGEgdGl0dWxhcmlkYWQgc29icmUgw6lzdGUuIFBBUkFHUkFGTzogZW4gY2FzbyBkZSBwcmVzZW50YXJzZSBhbGd1bmEgcmVjbGFtYWNpw7NuIG8gYWNjacOzbiBwb3IgcGFydGUgZGUgdW4gdGVyY2VybywgcmVmZXJlbnRlIGEgbG9zIGRlcmVjaG9zIGRlIGF1dG9yIHNvYnJlIGVsIGRvY3VtZW50byAoVHJhYmFqbyBkZSBncmFkbywgUGFzYW50w61hLCBjYXNvcyBvIHRlc2lzKSBlbiBjdWVzdGnDs24sIEVMIEFVVE9SLCBhc3VtaXLDoSBsYSByZXNwb25zYWJpbGlkYWQgdG90YWwsIHkgc2FsZHLDoSBlbiBkZWZlbnNhIGRlIGxvcyBkZXJlY2hvcyBhcXXDrSBhdXRvcml6YWRvczsgcGFyYSB0b2RvcyBsb3MgZWZlY3RvcywgbGEgVW5pdmVyc2lkYWQgIEF1dMOzbm9tYSBkZSBPY2NpZGVudGUgYWN0w7phIGNvbW8gdW4gdGVyY2VybyBkZSBidWVuYSBmZS4gVG9kYSBwZXJzb25hIHF1ZSBjb25zdWx0ZSB5YSBzZWEgZW4gbGEgYmlibGlvdGVjYSBvIGVuIG1lZGlvIGVsZWN0csOzbmljbyBwb2Ryw6EgY29waWFyIGFwYXJ0ZXMgZGVsIHRleHRvIGNpdGFuZG8gc2llbXByZSBsYSBmdWVudGUsIGVzIGRlY2lyIGVsIHTDrXR1bG8gZGVsIHRyYWJham8geSBlbCBhdXRvci4gRXN0YSBhdXRvcml6YWNpw7NuIG5vIGltcGxpY2EgcmVudW5jaWEgYSBsYSBmYWN1bHRhZCBxdWUgdGllbmUgRUwgQVVUT1IgZGUgcHVibGljYXIgdG90YWwgbyBwYXJjaWFsbWVudGUgbGEgb2JyYS4K