Aplicación en línea para la validación de páginas web en HTML y CSS
Este documento presenta el desarrollo e implementación de una herramienta de software en línea diseñada para evaluar ejercicios prácticos de un curso en línea masivo (MOOC), ofrecido por la Universidad de los Andes a través de la plataforma de aprendizaje Coursera. La herramienta tiene como propósit...
- Autores:
-
Núñez Cortés, Juan Sebastián
- Tipo de recurso:
- Trabajo de grado de pregrado
- Fecha de publicación:
- 2024
- Institución:
- Universidad de los Andes
- Repositorio:
- Séneca: repositorio Uniandes
- Idioma:
- spa
- OAI Identifier:
- oai:repositorio.uniandes.edu.co:1992/75236
- Acceso en línea:
- https://hdl.handle.net/1992/75236
- Palabra clave:
- HTML
CSS
Desarrollo web
Herramientas de desarrollo
Software
Evaluación automática
Ingeniería
- Rights
- openAccess
- License
- Attribution 4.0 International
id |
UNIANDES2_2daae23a1d25a1c91a12eb9ba632c691 |
---|---|
oai_identifier_str |
oai:repositorio.uniandes.edu.co:1992/75236 |
network_acronym_str |
UNIANDES2 |
network_name_str |
Séneca: repositorio Uniandes |
repository_id_str |
|
dc.title.spa.fl_str_mv |
Aplicación en línea para la validación de páginas web en HTML y CSS |
title |
Aplicación en línea para la validación de páginas web en HTML y CSS |
spellingShingle |
Aplicación en línea para la validación de páginas web en HTML y CSS HTML CSS Desarrollo web Herramientas de desarrollo Software Evaluación automática Ingeniería |
title_short |
Aplicación en línea para la validación de páginas web en HTML y CSS |
title_full |
Aplicación en línea para la validación de páginas web en HTML y CSS |
title_fullStr |
Aplicación en línea para la validación de páginas web en HTML y CSS |
title_full_unstemmed |
Aplicación en línea para la validación de páginas web en HTML y CSS |
title_sort |
Aplicación en línea para la validación de páginas web en HTML y CSS |
dc.creator.fl_str_mv |
Núñez Cortés, Juan Sebastián |
dc.contributor.advisor.none.fl_str_mv |
Bocanegra Garcia, Jose Joaquin |
dc.contributor.author.none.fl_str_mv |
Núñez Cortés, Juan Sebastián |
dc.subject.keyword.spa.fl_str_mv |
HTML CSS Desarrollo web Herramientas de desarrollo Software Evaluación automática |
topic |
HTML CSS Desarrollo web Herramientas de desarrollo Software Evaluación automática Ingeniería |
dc.subject.themes.spa.fl_str_mv |
Ingeniería |
description |
Este documento presenta el desarrollo e implementación de una herramienta de software en línea diseñada para evaluar ejercicios prácticos de un curso en línea masivo (MOOC), ofrecido por la Universidad de los Andes a través de la plataforma de aprendizaje Coursera. La herramienta tiene como propósito ayudar a los estudiantes a validar la correcta construcción de páginas web mediante la verificación de archivos escritos en HTML y CSS, dos lenguajes esenciales para el desarrollo web. El sistema abarca dos módulos principales: uno dedicado a revisar la estructura y organización de los archivos HTML y otro para validar las hojas de estilo en CSS. Para garantizar su efectividad, se diseñó una interfaz moderna e intuitiva que permite a los estudiantes interactuar fácilmente con la herramienta, recibir retroalimentación clara sobre sus respuestas y mejorar sus habilidades de programación web. Además, se implementaron procesos que facilitan su uso en diferentes plataformas y entornos, promoviendo la accesibilidad y escalabilidad del sistema. En este documento se detallan las decisiones tomadas durante su desarrollo, los resultados obtenidos y las oportunidades futuras para ampliar y perfeccionar el software desarrollado. |
publishDate |
2024 |
dc.date.accessioned.none.fl_str_mv |
2024-12-09T15:09:52Z |
dc.date.available.none.fl_str_mv |
2024-12-09T15:09:52Z |
dc.date.issued.none.fl_str_mv |
2024-12-07 |
dc.type.none.fl_str_mv |
Trabajo de grado - Pregrado |
dc.type.driver.none.fl_str_mv |
info:eu-repo/semantics/bachelorThesis |
dc.type.version.none.fl_str_mv |
info:eu-repo/semantics/acceptedVersion |
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.redcol.none.fl_str_mv |
http://purl.org/redcol/resource_type/TP |
format |
http://purl.org/coar/resource_type/c_7a1f |
status_str |
acceptedVersion |
dc.identifier.uri.none.fl_str_mv |
https://hdl.handle.net/1992/75236 |
dc.identifier.instname.none.fl_str_mv |
instname:Universidad de los Andes |
dc.identifier.reponame.none.fl_str_mv |
reponame:Repositorio Institucional Séneca |
dc.identifier.repourl.none.fl_str_mv |
repourl:https://repositorio.uniandes.edu.co/ |
url |
https://hdl.handle.net/1992/75236 |
identifier_str_mv |
instname:Universidad de los Andes reponame:Repositorio Institucional Séneca repourl:https://repositorio.uniandes.edu.co/ |
dc.language.iso.none.fl_str_mv |
spa |
language |
spa |
dc.relation.references.none.fl_str_mv |
Universidad de los Andes, ValidadorHTML, ver. 1.0, Software disponible en línea, 2021. dirección: http://validadoresmiso.virtual.uniandes.edu.co:8000/. K. Peffers, T. Tuunanen, M. A. Rothenberger y S. Chatterjee, “A design science research methodology for information systems research,” Journal of Management Information Systems, vol. 24, n.o 3, págs. 45-77, 2007. |
dc.rights.en.fl_str_mv |
Attribution 4.0 International |
dc.rights.uri.none.fl_str_mv |
http://creativecommons.org/licenses/by/4.0/ |
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 |
rights_invalid_str_mv |
Attribution 4.0 International http://creativecommons.org/licenses/by/4.0/ http://purl.org/coar/access_right/c_abf2 |
eu_rights_str_mv |
openAccess |
dc.format.extent.none.fl_str_mv |
29 páginas |
dc.format.mimetype.none.fl_str_mv |
application/pdf |
dc.publisher.none.fl_str_mv |
Universidad de los Andes |
dc.publisher.program.none.fl_str_mv |
Ingeniería de Sistemas y Computación |
dc.publisher.faculty.none.fl_str_mv |
Facultad de Ingeniería |
dc.publisher.department.none.fl_str_mv |
Departamento de Ingeniería de Sistemas y Computación |
publisher.none.fl_str_mv |
Universidad de los Andes |
institution |
Universidad de los Andes |
bitstream.url.fl_str_mv |
https://repositorio.uniandes.edu.co/bitstreams/4cb7b37c-6235-40c1-9cba-cf4b6ae01edf/download https://repositorio.uniandes.edu.co/bitstreams/570b00a2-0b13-4b72-8c84-1aabbd69fc82/download https://repositorio.uniandes.edu.co/bitstreams/b0a447a9-0c8c-40b5-8dd0-3f259d612aa3/download https://repositorio.uniandes.edu.co/bitstreams/2ae2d40a-8cf3-4878-ba6e-91a1f432493b/download https://repositorio.uniandes.edu.co/bitstreams/38772ef0-53ab-4bdd-bf6d-5a0dfbda9c28/download https://repositorio.uniandes.edu.co/bitstreams/37e82871-7b0e-4e99-9b17-49459009e5ba/download https://repositorio.uniandes.edu.co/bitstreams/aeef758a-64b9-4132-85b0-c2a58bb8bbea/download https://repositorio.uniandes.edu.co/bitstreams/6c03fa0b-69de-43c2-8a0e-c4db3ce84fb5/download |
bitstream.checksum.fl_str_mv |
a97f33aeee4863bb4cc5d2e9584062b8 7e543bba154af3f464b36f95cca46b4f 0175ea4a2d4caec4bbcc37e300941108 ae9e573a68e7f92501b6913cc846c39f 67a9f4174c266266f8c2380325611c96 a7000549376337ac26cd09ce871e3246 43feaee0064627bc156921ba028575bc afe4106d7d030fe304e223a86671d861 |
bitstream.checksumAlgorithm.fl_str_mv |
MD5 MD5 MD5 MD5 MD5 MD5 MD5 MD5 |
repository.name.fl_str_mv |
Repositorio institucional Séneca |
repository.mail.fl_str_mv |
adminrepositorio@uniandes.edu.co |
_version_ |
1831927730579439616 |
spelling |
Bocanegra Garcia, Jose Joaquinvirtual::21788-1Núñez Cortés, Juan Sebastián2024-12-09T15:09:52Z2024-12-09T15:09:52Z2024-12-07https://hdl.handle.net/1992/75236instname:Universidad de los Andesreponame:Repositorio Institucional Sénecarepourl:https://repositorio.uniandes.edu.co/Este documento presenta el desarrollo e implementación de una herramienta de software en línea diseñada para evaluar ejercicios prácticos de un curso en línea masivo (MOOC), ofrecido por la Universidad de los Andes a través de la plataforma de aprendizaje Coursera. La herramienta tiene como propósito ayudar a los estudiantes a validar la correcta construcción de páginas web mediante la verificación de archivos escritos en HTML y CSS, dos lenguajes esenciales para el desarrollo web. El sistema abarca dos módulos principales: uno dedicado a revisar la estructura y organización de los archivos HTML y otro para validar las hojas de estilo en CSS. Para garantizar su efectividad, se diseñó una interfaz moderna e intuitiva que permite a los estudiantes interactuar fácilmente con la herramienta, recibir retroalimentación clara sobre sus respuestas y mejorar sus habilidades de programación web. Además, se implementaron procesos que facilitan su uso en diferentes plataformas y entornos, promoviendo la accesibilidad y escalabilidad del sistema. En este documento se detallan las decisiones tomadas durante su desarrollo, los resultados obtenidos y las oportunidades futuras para ampliar y perfeccionar el software desarrollado.This paper introduces the development and implementation of an online software tool aimed at evaluating practical exercises in a massive open online course (MOOC), offered by Universidad de los Andes through the Coursera learning platform. The tool is designed to assist students in validating the construction of web pages by checking files written in HTML and CSS, two fundamental languages for web development. The system consists of two main modules: one for analyzing the structure and organization of HTML files and another for validating CSS style sheets. A modern and user-friendly interface was implemented to facilitate student interaction, providing clear and detailed feedback on their work to improve their coding skills. Additionally, deployment was streamlined through the use of portable containerization technologies, making the tool accessible and easy to implement in various environments. This document outlines the design rationale, the outcomes achieved, and future opportunities for enhancing and expanding the developed software.Pregrado29 páginasapplication/pdfspaUniversidad de los AndesIngeniería de Sistemas y ComputaciónFacultad de IngenieríaDepartamento de Ingeniería de Sistemas y ComputaciónAttribution 4.0 Internationalhttp://creativecommons.org/licenses/by/4.0/info:eu-repo/semantics/openAccesshttp://purl.org/coar/access_right/c_abf2Aplicación en línea para la validación de páginas web en HTML y CSSTrabajo de grado - Pregradoinfo:eu-repo/semantics/bachelorThesisinfo:eu-repo/semantics/acceptedVersionhttp://purl.org/coar/resource_type/c_7a1fTexthttp://purl.org/redcol/resource_type/TPHTMLCSSDesarrollo webHerramientas de desarrolloSoftwareEvaluación automáticaIngenieríaUniversidad de los Andes, ValidadorHTML, ver. 1.0, Software disponible en línea, 2021. dirección: http://validadoresmiso.virtual.uniandes.edu.co:8000/.K. Peffers, T. Tuunanen, M. A. Rothenberger y S. Chatterjee, “A design science research methodology for information systems research,” Journal of Management Information Systems, vol. 24, n.o 3, págs. 45-77, 2007.202021672Publication0000-0002-8342-7346virtual::21788-1https://scienti.minciencias.gov.co/cvlac/visualizador/generarCurriculoCv.do?cod_rh=0000425192virtual::21788-185f75f85-ca3a-4d29-bd1c-312b6813e2a8virtual::21788-185f75f85-ca3a-4d29-bd1c-312b6813e2a8virtual::21788-1ORIGINALAplicación en línea para la validación de páginas web en HTML y CSS.pdfAplicación en línea para la validación de páginas web en HTML y CSS.pdfapplication/pdf1946336https://repositorio.uniandes.edu.co/bitstreams/4cb7b37c-6235-40c1-9cba-cf4b6ae01edf/downloada97f33aeee4863bb4cc5d2e9584062b8MD51autorizacion tesis_signed.pdfautorizacion tesis_signed.pdfHIDEapplication/pdf312634https://repositorio.uniandes.edu.co/bitstreams/570b00a2-0b13-4b72-8c84-1aabbd69fc82/download7e543bba154af3f464b36f95cca46b4fMD52CC-LICENSElicense_rdflicense_rdfapplication/rdf+xml; charset=utf-8908https://repositorio.uniandes.edu.co/bitstreams/b0a447a9-0c8c-40b5-8dd0-3f259d612aa3/download0175ea4a2d4caec4bbcc37e300941108MD53LICENSElicense.txtlicense.txttext/plain; charset=utf-82535https://repositorio.uniandes.edu.co/bitstreams/2ae2d40a-8cf3-4878-ba6e-91a1f432493b/downloadae9e573a68e7f92501b6913cc846c39fMD54TEXTAplicación en línea para la validación de páginas web en HTML y CSS.pdf.txtAplicación en línea para la validación de páginas web en HTML y CSS.pdf.txtExtracted texttext/plain39654https://repositorio.uniandes.edu.co/bitstreams/38772ef0-53ab-4bdd-bf6d-5a0dfbda9c28/download67a9f4174c266266f8c2380325611c96MD55autorizacion tesis_signed.pdf.txtautorizacion tesis_signed.pdf.txtExtracted texttext/plain1993https://repositorio.uniandes.edu.co/bitstreams/37e82871-7b0e-4e99-9b17-49459009e5ba/downloada7000549376337ac26cd09ce871e3246MD57THUMBNAILAplicación en línea para la validación de páginas web en HTML y CSS.pdf.jpgAplicación en línea para la validación de páginas web en HTML y CSS.pdf.jpgGenerated Thumbnailimage/jpeg6163https://repositorio.uniandes.edu.co/bitstreams/aeef758a-64b9-4132-85b0-c2a58bb8bbea/download43feaee0064627bc156921ba028575bcMD56autorizacion tesis_signed.pdf.jpgautorizacion tesis_signed.pdf.jpgGenerated Thumbnailimage/jpeg10829https://repositorio.uniandes.edu.co/bitstreams/6c03fa0b-69de-43c2-8a0e-c4db3ce84fb5/downloadafe4106d7d030fe304e223a86671d861MD581992/75236oai:repositorio.uniandes.edu.co:1992/752362024-12-10 03:04:57.642http://creativecommons.org/licenses/by/4.0/Attribution 4.0 Internationalopen.accesshttps://repositorio.uniandes.edu.coRepositorio institucional Sénecaadminrepositorio@uniandes.edu.coPGgzPjxzdHJvbmc+RGVzY2FyZ28gZGUgUmVzcG9uc2FiaWxpZGFkIC0gTGljZW5jaWEgZGUgQXV0b3JpemFjacOzbjwvc3Ryb25nPjwvaDM+CjxwPjxzdHJvbmc+UG9yIGZhdm9yIGxlZXIgYXRlbnRhbWVudGUgZXN0ZSBkb2N1bWVudG8gcXVlIHBlcm1pdGUgYWwgUmVwb3NpdG9yaW8gSW5zdGl0dWNpb25hbCBTw6luZWNhIHJlcHJvZHVjaXIgeSBkaXN0cmlidWlyIGxvcyByZWN1cnNvcyBkZSBpbmZvcm1hY2nDs24gZGVwb3NpdGFkb3MgbWVkaWFudGUgbGEgYXV0b3JpemFjacOzbiBkZSBsb3Mgc2lndWllbnRlcyB0w6lybWlub3M6PC9zdHJvbmc+PC9wPgo8cD5Db25jZWRhIGxhIGxpY2VuY2lhIGRlIGRlcMOzc2l0byBlc3TDoW5kYXIgc2VsZWNjaW9uYW5kbyBsYSBvcGNpw7NuIDxzdHJvbmc+J0FjZXB0YXIgbG9zIHTDqXJtaW5vcyBhbnRlcmlvcm1lbnRlIGRlc2NyaXRvcyc8L3N0cm9uZz4geSBjb250aW51YXIgZWwgcHJvY2VzbyBkZSBlbnbDrW8gbWVkaWFudGUgZWwgYm90w7NuIDxzdHJvbmc+J1NpZ3VpZW50ZScuPC9zdHJvbmc+PC9wPgo8aHI+CjxwPllvLCBlbiBtaSBjYWxpZGFkIGRlIGF1dG9yIGRlbCB0cmFiYWpvIGRlIHRlc2lzLCBtb25vZ3JhZsOtYSBvIHRyYWJham8gZGUgZ3JhZG8sIGhhZ28gZW50cmVnYSBkZWwgZWplbXBsYXIgcmVzcGVjdGl2byB5IGRlIHN1cyBhbmV4b3MgZGUgc2VyIGVsIGNhc28sIGVuIGZvcm1hdG8gZGlnaXRhbCB5L28gZWxlY3Ryw7NuaWNvIHkgYXV0b3Jpem8gYSBsYSBVbml2ZXJzaWRhZCBkZSBsb3MgQW5kZXMgcGFyYSBxdWUgcmVhbGljZSBsYSBwdWJsaWNhY2nDs24gZW4gZWwgU2lzdGVtYSBkZSBCaWJsaW90ZWNhcyBvIGVuIGN1YWxxdWllciBvdHJvIHNpc3RlbWEgbyBiYXNlIGRlIGRhdG9zIHByb3BpbyBvIGFqZW5vIGEgbGEgVW5pdmVyc2lkYWQgeSBwYXJhIHF1ZSBlbiBsb3MgdMOpcm1pbm9zIGVzdGFibGVjaWRvcyBlbiBsYSBMZXkgMjMgZGUgMTk4MiwgTGV5IDQ0IGRlIDE5OTMsIERlY2lzacOzbiBBbmRpbmEgMzUxIGRlIDE5OTMsIERlY3JldG8gNDYwIGRlIDE5OTUgeSBkZW3DoXMgbm9ybWFzIGdlbmVyYWxlcyBzb2JyZSBsYSBtYXRlcmlhLCB1dGlsaWNlIGVuIHRvZGFzIHN1cyBmb3JtYXMsIGxvcyBkZXJlY2hvcyBwYXRyaW1vbmlhbGVzIGRlIHJlcHJvZHVjY2nDs24sIGNvbXVuaWNhY2nDs24gcMO6YmxpY2EsIHRyYW5zZm9ybWFjacOzbiB5IGRpc3RyaWJ1Y2nDs24gKGFscXVpbGVyLCBwcsOpc3RhbW8gcMO6YmxpY28gZSBpbXBvcnRhY2nDs24pIHF1ZSBtZSBjb3JyZXNwb25kZW4gY29tbyBjcmVhZG9yIGRlIGxhIG9icmEgb2JqZXRvIGRlbCBwcmVzZW50ZSBkb2N1bWVudG8uPC9wPgo8cD5MYSBwcmVzZW50ZSBhdXRvcml6YWNpw7NuIHNlIGVtaXRlIGVuIGNhbGlkYWQgZGUgYXV0b3IgZGUgbGEgb2JyYSBvYmpldG8gZGVsIHByZXNlbnRlIGRvY3VtZW50byB5IG5vIGNvcnJlc3BvbmRlIGEgY2VzacOzbiBkZSBkZXJlY2hvcywgc2lubyBhIGxhIGF1dG9yaXphY2nDs24gZGUgdXNvIGFjYWTDqW1pY28gZGUgY29uZm9ybWlkYWQgY29uIGxvIGFudGVyaW9ybWVudGUgc2XDsWFsYWRvLiBMYSBwcmVzZW50ZSBhdXRvcml6YWNpw7NuIHNlIGhhY2UgZXh0ZW5zaXZhIG5vIHNvbG8gYSBsYXMgZmFjdWx0YWRlcyB5IGRlcmVjaG9zIGRlIHVzbyBzb2JyZSBsYSBvYnJhIGVuIGZvcm1hdG8gbyBzb3BvcnRlIG1hdGVyaWFsLCBzaW5vIHRhbWJpw6luIHBhcmEgZm9ybWF0byBlbGVjdHLDs25pY28sIHkgZW4gZ2VuZXJhbCBwYXJhIGN1YWxxdWllciBmb3JtYXRvIGNvbm9jaWRvIG8gcG9yIGNvbm9jZXIuPC9wPgo8cD5FbCBhdXRvciwgbWFuaWZpZXN0YSBxdWUgbGEgb2JyYSBvYmpldG8gZGUgbGEgcHJlc2VudGUgYXV0b3JpemFjacOzbiBlcyBvcmlnaW5hbCB5IGxhIHJlYWxpesOzIHNpbiB2aW9sYXIgbyB1c3VycGFyIGRlcmVjaG9zIGRlIGF1dG9yIGRlIHRlcmNlcm9zLCBwb3IgbG8gdGFudG8sIGxhIG9icmEgZXMgZGUgc3UgZXhjbHVzaXZhIGF1dG9yw61hIHkgdGllbmUgbGEgdGl0dWxhcmlkYWQgc29icmUgbGEgbWlzbWEuPC9wPgo8cD5FbiBjYXNvIGRlIHByZXNlbnRhcnNlIGN1YWxxdWllciByZWNsYW1hY2nDs24gbyBhY2Npw7NuIHBvciBwYXJ0ZSBkZSB1biB0ZXJjZXJvIGVuIGN1YW50byBhIGxvcyBkZXJlY2hvcyBkZSBhdXRvciBzb2JyZSBsYSBvYnJhIGVuIGN1ZXN0acOzbiwgZWwgYXV0b3IgYXN1bWlyw6EgdG9kYSBsYSByZXNwb25zYWJpbGlkYWQsIHkgc2FsZHLDoSBkZSBkZWZlbnNhIGRlIGxvcyBkZXJlY2hvcyBhcXXDrSBhdXRvcml6YWRvcywgcGFyYSB0b2RvcyBsb3MgZWZlY3RvcyBsYSBVbml2ZXJzaWRhZCBhY3TDumEgY29tbyB1biB0ZXJjZXJvIGRlIGJ1ZW5hIGZlLjwvcD4KPHA+U2kgdGllbmUgYWxndW5hIGR1ZGEgc29icmUgbGEgbGljZW5jaWEsIHBvciBmYXZvciwgY29udGFjdGUgY29uIGVsIDxhIGhyZWY9Im1haWx0bzpiaWJsaW90ZWNhQHVuaWFuZGVzLmVkdS5jbyIgdGFyZ2V0PSJfYmxhbmsiPkFkbWluaXN0cmFkb3IgZGVsIFNpc3RlbWEuPC9hPjwvcD4K |