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...

Full description

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