Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web

El propósito del siguiente proyecto es documentar el desarrollo de una aplicación web para el restaurante “Comidas Rápidas Yoly” con el fin de brindar una solución a la problemática generada a raíz de la pandemia Covid-19 como lo es: la pérdida de clientes, el manejo de las cartas y la gestión en sí...

Full description

Autores:
Zea González, Juan David
Devia Bonilla, Cristian Daniel
Tipo de recurso:
Trabajo de grado de pregrado
Fecha de publicación:
2022
Institución:
Universidad de Ibagué
Repositorio:
Repositorio Universidad de Ibagué
Idioma:
spa
OAI Identifier:
oai:repositorio.unibague.edu.co:20.500.12313/5094
Acceso en línea:
https://hdl.handle.net/20.500.12313/5094
Palabra clave:
Restaurante comidas rápidas Yoly - Software de gestión
Restaurante comidas rápidas Yoly - Componente web
Desarrollo web
React
Firebase
Base de datos NoSQL
Restaurante
Tailwind
web development
React
Firebase
NoSQL
Restaurant
Tailwind
Rights
openAccess
License
http://purl.org/coar/access_right/c_abf2
id UNIBAGUE2_8ad1424df0ea46155f99b4e9da3e6d18
oai_identifier_str oai:repositorio.unibague.edu.co:20.500.12313/5094
network_acronym_str UNIBAGUE2
network_name_str Repositorio Universidad de Ibagué
repository_id_str
dc.title.spa.fl_str_mv Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
title Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
spellingShingle Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
Restaurante comidas rápidas Yoly - Software de gestión
Restaurante comidas rápidas Yoly - Componente web
Desarrollo web
React
Firebase
Base de datos NoSQL
Restaurante
Tailwind
web development
React
Firebase
NoSQL
Restaurant
Tailwind
title_short Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
title_full Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
title_fullStr Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
title_full_unstemmed Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
title_sort Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web
dc.creator.fl_str_mv Zea González, Juan David
Devia Bonilla, Cristian Daniel
dc.contributor.advisor.none.fl_str_mv Lugo González, Carlos Andrés
dc.contributor.author.none.fl_str_mv Zea González, Juan David
Devia Bonilla, Cristian Daniel
dc.subject.armarc.none.fl_str_mv Restaurante comidas rápidas Yoly - Software de gestión
Restaurante comidas rápidas Yoly - Componente web
topic Restaurante comidas rápidas Yoly - Software de gestión
Restaurante comidas rápidas Yoly - Componente web
Desarrollo web
React
Firebase
Base de datos NoSQL
Restaurante
Tailwind
web development
React
Firebase
NoSQL
Restaurant
Tailwind
dc.subject.proposal.spa.fl_str_mv Desarrollo web
React
Firebase
Base de datos NoSQL
Restaurante
Tailwind
dc.subject.proposal.eng.fl_str_mv web development
React
Firebase
NoSQL
Restaurant
Tailwind
description El propósito del siguiente proyecto es documentar el desarrollo de una aplicación web para el restaurante “Comidas Rápidas Yoly” con el fin de brindar una solución a la problemática generada a raíz de la pandemia Covid-19 como lo es: la pérdida de clientes, el manejo de las cartas y la gestión en sí misma del restaurante. Para ello, fue necesario entender el contexto de esta problemática partiendo de, recopilar información por medio de entrevistas a los dueños, empleados y posibles usuarios del restaurante, y así, brindar la mejor solución que se adapte a sus necesidades. Por medio de metodologías agiles se realizó el análisis de la información y definición de trabajo, así como, el desarrollo del componente web por medio del lenguaje de programación JavaScript y la biblioteca de React, junto al framework para CSS, Tailwind.
publishDate 2022
dc.date.issued.none.fl_str_mv 2022
dc.date.accessioned.none.fl_str_mv 2025-05-05T22:13:16Z
dc.date.available.none.fl_str_mv 2025-05-05T22:13:16Z
dc.type.none.fl_str_mv Trabajo de grado - Pregrado
dc.type.coar.none.fl_str_mv http://purl.org/coar/resource_type/c_7a1f
dc.type.content.none.fl_str_mv Text
dc.type.driver.none.fl_str_mv info:eu-repo/semantics/bachelorThesis
dc.type.redcol.none.fl_str_mv http://purl.org/redcol/resource_type/TP
dc.type.version.none.fl_str_mv info:eu-repo/semantics/acceptedVersion
format http://purl.org/coar/resource_type/c_7a1f
status_str acceptedVersion
dc.identifier.citation.none.fl_str_mv Zea González, J. D. & Devia Bonilla, C. D.(2022).Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5094
dc.identifier.uri.none.fl_str_mv https://hdl.handle.net/20.500.12313/5094
identifier_str_mv Zea González, J. D. & Devia Bonilla, C. D.(2022).Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5094
url https://hdl.handle.net/20.500.12313/5094
dc.language.iso.none.fl_str_mv spa
language spa
dc.relation.references.none.fl_str_mv Bermejo, M. (2011). El Kanban. Obtenido de Universidad Oberta de Catalunya: https://www.camaraarmenia.org.co/files/Produccion_multimedia_(Modulo_4).pdf
Caba, M. L. (2020). Visualización del rendimiento en equipos de desarrollo Software a través de sistemas de control de versiones Git. Obtenido de Escuela Técnica Superior de Ingeniería Universidad de Sevilla: https://idus.us.es/bitstream/handle/11441/104987/TFG-3120-ANICETO%20CABA. pdf?sequence=1&isAllowed=y
CloudFlare. (2021). What is BaaS? Obtenido de CloudFlare: https://www.cloudflare.com/learning/serverless/glossary/backend-as-a-service-baa s/
Edgar Tello Leal, e. a. (Junio de 2012). REVISIÓN DE LOS SISTEMAS DE CONTROL DE VERSIONES UTILIZADOS EN EL DESARROLLO DE SOFTWARE. Obtenido de http://revistas.usbbog.edu.co/index.php/IngUSBmed/article/view/267/181
FUDO. (2021). Obtenido de FUDO: https://fu.do/es-co/
Galindo, C., & Miguel, J. (2019). REACT JS: LA NUEVA TENDENCIA EN APLICACIONES WEB, ENFOCADAS EN EL CONTROL DINÁMICO DE LOS DATOS. Obtenido de Repositorio Institucional Universidad Cooperativa de Colombia: https://repository.ucc.edu.co/bitstream/20.500.12494/14314/1/Trabajo%20de%20g rado.pdf
Git. (2021). Git en entornos distribuidos - Flujos de trabajo distribuidos. Obtenido de Git: https://git-scm.com/book/es/v2/Git-en-entornos-distribuidos-Flujos-de-trabajo-distri buidos
Holgado Rodriguez, J. L. (26 de Enero de 2021). Qué es Tailwind y por qué usarlo. Obtenido de atsistemas: https://www.atsistemas.com/es/blog/que-es-tailwind#:~:text=%E2%80%9CTailwin d%20CSS%20es%20un%20framework,%2Describir%20en%
Lopez-Pellicer, F. J., Ruben, M., Latre, J., & Zarazaga, J. (10 de Julio de 2015). GitHub como herramienta docente. Obtenido de https://upcommons.upc.edu/bitstream/handle/2117/76761/JENUI2015_76-83.pdf? sequence=1&isAllowed=y
María Isabel Campo, N. Y. (2019). Análisis comparado de los efectos economicos generados por la implementacion de la facturacion electronica en algunos paises de latinoamerica. Obtenido de Universidad Santiago de Cali: https://repository.usc.edu.co/bitstream/handle/20.500.12421/1780/AN%c3%81LISI S%20COMPARADO%20DE%20LOS%20EFECTOS.pdf?sequence=1&isAllowed= y
NielsenIQ. (26 de Octubre de 2016). Obtenido de NielsenIQ: https://nielseniq.com/global/es/insights/analysis/2016/38-por-ciento-de-los-colombi anos-come-fuera-de-su-hogar-una-o-mas-veces-a-la-semana/
Pérez, J. E. (2019). Introducción a JavaScript.
React. (2021). Un vistazo a los Hooks. Obtenido de React: https://es.reactjs.org/docs/hooks-overview.html
React Router. (2021). Main Concept. Obtenido de React Router: https://reactrouter.com/docs/en/v6/getting-started/concepts
Salvay, J. (2017). Kanban y Scrumban orientados a Proyectos de Tecnología de la Información. Obtenido de https://rdu.iua.edu.ar/bitstream/123456789/880/1/Proyecto%20de%20Grado%20- %20Kanban%20y%20Scrumban%20-%20Javier%20Salvay.pdf
TPV. (2021). Obtenido de TPV 123: https://tpvgratuito.com/tpv-123-fastfood.html
Valero, E. J. (2018). La Colombiana restaurante. Obtenido de Universidad Santo Tomas: http://hdl.handle.net/11634/10195
Villar, J. J. (2016). Descubre React. Leanpub.
dc.rights.accessrights.none.fl_str_mv info:eu-repo/semantics/openAccess
dc.rights.coar.none.fl_str_mv http://purl.org/coar/access_right/c_abf2
dc.rights.license.none.fl_str_mv Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)
dc.rights.uri.none.fl_str_mv https://creativecommons.org/licenses/by-nc/4.0/
eu_rights_str_mv openAccess
rights_invalid_str_mv http://purl.org/coar/access_right/c_abf2
Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)
https://creativecommons.org/licenses/by-nc/4.0/
dc.format.extent.none.fl_str_mv 47 páginas
dc.format.mimetype.none.fl_str_mv application/pdf
dc.publisher.none.fl_str_mv Universidad de Ibagué
dc.publisher.faculty.none.fl_str_mv Ingeniería
dc.publisher.place.none.fl_str_mv Ibagué
dc.publisher.program.none.fl_str_mv Ingeniería de Sistemas
publisher.none.fl_str_mv Universidad de Ibagué
institution Universidad de Ibagué
bitstream.url.fl_str_mv https://repositorio.unibague.edu.co/bitstreams/fc4e21a5-0401-4131-be26-82b43199bb43/download
https://repositorio.unibague.edu.co/bitstreams/56a6eb5c-e04b-477a-8ae8-01c3fd3c47ec/download
https://repositorio.unibague.edu.co/bitstreams/d75f3bf2-9fdd-465e-8143-7af1cdbcc20d/download
https://repositorio.unibague.edu.co/bitstreams/214add99-ed57-408a-9649-fa830eddf576/download
https://repositorio.unibague.edu.co/bitstreams/3acb011c-2557-48a7-8be9-99fef7f52e7e/download
https://repositorio.unibague.edu.co/bitstreams/aee54469-d614-476b-b50e-948a97b9a6f8/download
https://repositorio.unibague.edu.co/bitstreams/fc231c96-0c94-4ede-9289-17940aed2eb1/download
https://repositorio.unibague.edu.co/bitstreams/878b1322-681d-4719-add5-c74349f7084e/download
bitstream.checksum.fl_str_mv 0cccc2860c387e95aa3f62e54db11b6d
3790059173d034051726a3f30d8b7178
e098fc0a20d36b120ff8f601400d7dec
2fa3e590786b9c0f3ceba1b9656b7ac3
c458cd234935a23964fc03ea439119e3
e7c0e516c35dd98e14956ebcef876d74
fa94b59bafbb5f2bc3664b2398261c03
ecde634e22c33136530e01290beef2c9
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
MD5
MD5
MD5
MD5
MD5
repository.name.fl_str_mv Repositorio Institucional Universidad de Ibagué
repository.mail.fl_str_mv bdigital@metabiblioteca.com
_version_ 1851059973977538560
spelling Lugo González, Carlos Andrésc7c7b0da-c06e-4b1f-8f28-9570765b2624-1Zea González, Juan Davided219c47-c6bf-497c-9948-0f9f2e0461a0-1Devia Bonilla, Cristian Daniel3562747e-705b-4c0a-a54d-487e9a555f8e-12025-05-05T22:13:16Z2025-05-05T22:13:16Z2022El propósito del siguiente proyecto es documentar el desarrollo de una aplicación web para el restaurante “Comidas Rápidas Yoly” con el fin de brindar una solución a la problemática generada a raíz de la pandemia Covid-19 como lo es: la pérdida de clientes, el manejo de las cartas y la gestión en sí misma del restaurante. Para ello, fue necesario entender el contexto de esta problemática partiendo de, recopilar información por medio de entrevistas a los dueños, empleados y posibles usuarios del restaurante, y así, brindar la mejor solución que se adapte a sus necesidades. Por medio de metodologías agiles se realizó el análisis de la información y definición de trabajo, así como, el desarrollo del componente web por medio del lenguaje de programación JavaScript y la biblioteca de React, junto al framework para CSS, Tailwind.The purpose of this project is to document the development of a web application for the restaurant “Comidas Rápidas Yoly” in order to provide a solution to the problems generated as a result of the Covid-19 pandemic, such as: the loss of customers, the handling of the menus and the management of the restaurant itself. To do this, it was necessary to understand the context of this problem starting from, collecting information through interviews with the owners, employees and possible customers of the restaurant, and so, providing the best solution that suits their needs. Through agile methodologies, the information analysis and work definition were carried out, as well as the development of the web component through the JavaScript programming language and the React library, together with the CSS framework, Tailwind.PregradoIngeniero de SistemasIntroducción.....1 Capítulo 1: Generalidades.....3 1.1. Contexto del problema.....3 1.2. Objetivos.....3 1.2.1. Generales.....3 1.2.2. Específicos.....4 1.3. Justificación.....4 1.4. Alcance.....4 1.5. Metodología.....5 Capítulo 2: Marco Teórico.....7 2.1. Colaboración paralela con otros trabajos de grado.....7 2.2. Antecedentes.....7 2.3. Herramientas Tecnológicas.....8 2.3.1. Git.....8 2.3.2. GitHub.....9 2.3.3. Kanban.....9 2.3.4. React.....9 2.3.5. Firebase.....9 2.3.6. Tailwind.....10 Capítulo 3: Desarrollo de la Solución.....11 3.1. Recolección de información.....11 3.2. Diseño general.....12 3.3. Lenguaje.....12 3.4. Diagrama de componentes.....13 3.5. Base de datos.....13 3.5.1. Diseño de base de datos.....15 3.6. Diagrama de paquetes.....15 3.7. Diagrama de secuencia.....16 3.8. Configuración inicial del proyecto.....18 3.9. React.js.....20 3.9.1. Hooks.....20 3.9.2. React router.....21 3.10. Formik.....22 Capítulo 4: Aplicación web para “Comidas Rápidas Yoly”.....23 4.1. Login.....23 4.2. Menú del día.....23 4.3. Carta.....24 4.4. Órdenes.....25 4.5. Reserva.....26 4.6. Empleados.....27 4.7. Alertas.....28 4.8. Pruebas de usabilidad.....29 Capítulo 5: Conclusiones y recomendaciones.....33 Conclusiones.....33 Recomendaciones.....33 Referencias bibliográficas.....35 Anexos.....3747 páginasapplication/pdfZea González, J. D. & Devia Bonilla, C. D.(2022).Software de gestión para el restaurante "Comidas Rápidas Yoly" - Componente Web.[Trabajo de grado, Universidad de Ibagué]. https://hdl.handle.net/20.500.12313/5094https://hdl.handle.net/20.500.12313/5094spaUniversidad de IbaguéIngenieríaIbaguéIngeniería de SistemasBermejo, M. (2011). El Kanban. Obtenido de Universidad Oberta de Catalunya: https://www.camaraarmenia.org.co/files/Produccion_multimedia_(Modulo_4).pdfCaba, M. L. (2020). Visualización del rendimiento en equipos de desarrollo Software a través de sistemas de control de versiones Git. Obtenido de Escuela Técnica Superior de Ingeniería Universidad de Sevilla: https://idus.us.es/bitstream/handle/11441/104987/TFG-3120-ANICETO%20CABA. pdf?sequence=1&isAllowed=yCloudFlare. (2021). What is BaaS? Obtenido de CloudFlare: https://www.cloudflare.com/learning/serverless/glossary/backend-as-a-service-baa s/Edgar Tello Leal, e. a. (Junio de 2012). REVISIÓN DE LOS SISTEMAS DE CONTROL DE VERSIONES UTILIZADOS EN EL DESARROLLO DE SOFTWARE. Obtenido de http://revistas.usbbog.edu.co/index.php/IngUSBmed/article/view/267/181FUDO. (2021). Obtenido de FUDO: https://fu.do/es-co/Galindo, C., & Miguel, J. (2019). REACT JS: LA NUEVA TENDENCIA EN APLICACIONES WEB, ENFOCADAS EN EL CONTROL DINÁMICO DE LOS DATOS. Obtenido de Repositorio Institucional Universidad Cooperativa de Colombia: https://repository.ucc.edu.co/bitstream/20.500.12494/14314/1/Trabajo%20de%20g rado.pdfGit. (2021). Git en entornos distribuidos - Flujos de trabajo distribuidos. Obtenido de Git: https://git-scm.com/book/es/v2/Git-en-entornos-distribuidos-Flujos-de-trabajo-distri buidosHolgado Rodriguez, J. L. (26 de Enero de 2021). Qué es Tailwind y por qué usarlo. Obtenido de atsistemas: https://www.atsistemas.com/es/blog/que-es-tailwind#:~:text=%E2%80%9CTailwin d%20CSS%20es%20un%20framework,%2Describir%20en%Lopez-Pellicer, F. J., Ruben, M., Latre, J., & Zarazaga, J. (10 de Julio de 2015). GitHub como herramienta docente. Obtenido de https://upcommons.upc.edu/bitstream/handle/2117/76761/JENUI2015_76-83.pdf? sequence=1&isAllowed=yMaría Isabel Campo, N. Y. (2019). Análisis comparado de los efectos economicos generados por la implementacion de la facturacion electronica en algunos paises de latinoamerica. Obtenido de Universidad Santiago de Cali: https://repository.usc.edu.co/bitstream/handle/20.500.12421/1780/AN%c3%81LISI S%20COMPARADO%20DE%20LOS%20EFECTOS.pdf?sequence=1&isAllowed= yNielsenIQ. (26 de Octubre de 2016). Obtenido de NielsenIQ: https://nielseniq.com/global/es/insights/analysis/2016/38-por-ciento-de-los-colombi anos-come-fuera-de-su-hogar-una-o-mas-veces-a-la-semana/Pérez, J. E. (2019). Introducción a JavaScript.React. (2021). Un vistazo a los Hooks. Obtenido de React: https://es.reactjs.org/docs/hooks-overview.htmlReact Router. (2021). Main Concept. Obtenido de React Router: https://reactrouter.com/docs/en/v6/getting-started/conceptsSalvay, J. (2017). Kanban y Scrumban orientados a Proyectos de Tecnología de la Información. Obtenido de https://rdu.iua.edu.ar/bitstream/123456789/880/1/Proyecto%20de%20Grado%20- %20Kanban%20y%20Scrumban%20-%20Javier%20Salvay.pdfTPV. (2021). Obtenido de TPV 123: https://tpvgratuito.com/tpv-123-fastfood.htmlValero, E. J. (2018). La Colombiana restaurante. Obtenido de Universidad Santo Tomas: http://hdl.handle.net/11634/10195Villar, J. J. (2016). Descubre React. Leanpub.info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Atribución-NoComercial 4.0 Internacional (CC BY-NC 4.0)https://creativecommons.org/licenses/by-nc/4.0/Restaurante comidas rápidas Yoly - Software de gestiónRestaurante comidas rápidas Yoly - Componente webDesarrollo webReactFirebaseBase de datos NoSQLRestauranteTailwindweb developmentReactFirebaseNoSQLRestaurantTailwindSoftware de gestión para el restaurante "Comidas Rápidas Yoly" - Componente WebTrabajo de grado - Pregradohttp://purl.org/coar/resource_type/c_7a1fTextinfo:eu-repo/semantics/bachelorThesishttp://purl.org/redcol/resource_type/TPinfo:eu-repo/semantics/acceptedVersionPublicationORIGINALTrabajo de grado.pdfTrabajo de grado.pdfapplication/pdf6151506https://repositorio.unibague.edu.co/bitstreams/fc4e21a5-0401-4131-be26-82b43199bb43/download0cccc2860c387e95aa3f62e54db11b6dMD51Anexos.zipAnexos.zipapplication/zip443459https://repositorio.unibague.edu.co/bitstreams/56a6eb5c-e04b-477a-8ae8-01c3fd3c47ec/download3790059173d034051726a3f30d8b7178MD53Formato de autorización.pdfFormato de autorización.pdfapplication/pdf209265https://repositorio.unibague.edu.co/bitstreams/d75f3bf2-9fdd-465e-8143-7af1cdbcc20d/downloade098fc0a20d36b120ff8f601400d7decMD52LICENSElicense.txtlicense.txttext/plain; charset=utf-8134https://repositorio.unibague.edu.co/bitstreams/214add99-ed57-408a-9649-fa830eddf576/download2fa3e590786b9c0f3ceba1b9656b7ac3MD54TEXTTrabajo de grado.pdf.txtTrabajo de grado.pdf.txtExtracted texttext/plain51606https://repositorio.unibague.edu.co/bitstreams/3acb011c-2557-48a7-8be9-99fef7f52e7e/downloadc458cd234935a23964fc03ea439119e3MD59Formato de autorización.pdf.txtFormato de autorización.pdf.txtExtracted texttext/plain3417https://repositorio.unibague.edu.co/bitstreams/aee54469-d614-476b-b50e-948a97b9a6f8/downloade7c0e516c35dd98e14956ebcef876d74MD511THUMBNAILTrabajo de grado.pdf.jpgTrabajo de grado.pdf.jpgIM Thumbnailimage/jpeg9483https://repositorio.unibague.edu.co/bitstreams/fc231c96-0c94-4ede-9289-17940aed2eb1/downloadfa94b59bafbb5f2bc3664b2398261c03MD510Formato de autorización.pdf.jpgFormato de autorización.pdf.jpgIM Thumbnailimage/jpeg22587https://repositorio.unibague.edu.co/bitstreams/878b1322-681d-4719-add5-c74349f7084e/downloadecde634e22c33136530e01290beef2c9MD51220.500.12313/5094oai:repositorio.unibague.edu.co:20.500.12313/50942025-08-13 02:40:33.807https://creativecommons.org/licenses/by-nc/4.0/https://repositorio.unibague.edu.coRepositorio Institucional Universidad de Ibaguébdigital@metabiblioteca.comQ3JlYXRpdmUgQ29tbW9ucyBBdHRyaWJ1dGlvbi1Ob25Db21tZXJjaWFsLU5vRGVyaXZhdGl2ZXMgNC4wIEludGVybmF0aW9uYWwgTGljZW5zZQ0KaHR0cHM6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL2xpY2Vuc2VzL2J5LW5jLW5kLzQuMC8=