Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb

Detalhes bibliográficos
Ano de defesa: 2023
Autor(a) principal: Hoppe, Pedro Henrique Brunoro
Orientador(a): Não Informado pela instituição
Banca de defesa: Não Informado pela instituição
Tipo de documento: Dissertação
Tipo de acesso: Acesso aberto
Idioma: por
Instituição de defesa: Universidade Federal do Espírito Santo
BR
Mestrado em Informática
Centro Tecnológico
UFES
Programa de Pós-Graduação em Informática
Programa de Pós-Graduação: Não Informado pela instituição
Departamento: Não Informado pela instituição
País: Não Informado pela instituição
Palavras-chave em Português:
MDD
Engenharia de Software
WIS Frameworks
DSL
FrameWeb
Reuso
Engenharia Web
Método
Linguagem
Ferramentas
SPA Frameworks
Ciência da Computação
Link de acesso: http://repositorio.ufes.br/handle/10/12720
Resumo: In the field of Web Engineering, many methods have been proposed to guide developers in designing and coding Web applications. The FrameWeb method is a model-driven approach that targets the development of systems that use certain kinds of frameworks in their architecture, proposing the use of models that incorporate concepts from these frameworks during design. For the time being the FrameWeb method currently does not consider SPA (Single Page Application) frameworks and, in recent years, such kind of framework has gained a lot of popularity among developers. In this work, we propose to add support for SPA frameworks to FrameWeb. This work was conducted under the context of Design Theory, in particular applying the Design Science Research method to propose such solution. With our research, we have managed to updated the FrameWeb meta-model so that its modeling language now supports SPA frameworks and their constructs. FrameWeb tools (graphical editor and code generator) also evolved to support the new elements. Experiments of modeling existing SPAs with this new version of FrameWeb, generating code from the models and comparing with the original showed that, in average, around 69% of the HTML tags could be generated from the models. The support for SPA frameworks in FrameWeb allows developers to design and model their applications using constructs that relate to the frameworks used in the development, facilitating developer communication using the models and generating code to improve developer productivity.
id UFES_ca971f563facbab160247924199b2a2a
oai_identifier_str oai:repositorio.ufes.br:10/12720
network_acronym_str UFES
network_name_str Repositório Institucional da Universidade Federal do Espírito Santo (riUfes)
repository_id_str
spelling Modelagem MDD de Frameworks SPA: uma evolução do método FrameWebMDDEngenharia de SoftwareWIS FrameworksDSLFrameWebReusoEngenharia WebMétodoLinguagemFerramentasSPA FrameworksCiência da ComputaçãoIn the field of Web Engineering, many methods have been proposed to guide developers in designing and coding Web applications. The FrameWeb method is a model-driven approach that targets the development of systems that use certain kinds of frameworks in their architecture, proposing the use of models that incorporate concepts from these frameworks during design. For the time being the FrameWeb method currently does not consider SPA (Single Page Application) frameworks and, in recent years, such kind of framework has gained a lot of popularity among developers. In this work, we propose to add support for SPA frameworks to FrameWeb. This work was conducted under the context of Design Theory, in particular applying the Design Science Research method to propose such solution. With our research, we have managed to updated the FrameWeb meta-model so that its modeling language now supports SPA frameworks and their constructs. FrameWeb tools (graphical editor and code generator) also evolved to support the new elements. Experiments of modeling existing SPAs with this new version of FrameWeb, generating code from the models and comparing with the original showed that, in average, around 69% of the HTML tags could be generated from the models. The support for SPA frameworks in FrameWeb allows developers to design and model their applications using constructs that relate to the frameworks used in the development, facilitating developer communication using the models and generating code to improve developer productivity.No campo da Engenharia Web, muitos métodos foram propostos para guiar desenvolvedores no projeto e codificação de aplicações Web. O método FrameWeb é uma abordagem orientada a modelos que visa o desenvolvimento de sistemas que utilizam determinadas categorias de frameworks em sua arquitetura, propondo a utilização de modelos que incorporam conceitos desses frameworks durante o projeto. Até o presente momento, o método FrameWeb não considera os frameworks do tipo SPA (em inglês, Single Page Application) e, nos últimos anos, esse tipo de framework ganhou muita popularidade entre os desenvolvedores. Neste trabalho nós propomos adicionar suporte para frameworks SPA ao FrameWeb. Este trabalho foi conduzido no contexto da Teoria do Design, em particular aplicando o método Design Science Research para propor tal solução. Com a nossa pesquisa, conseguimos atualizar o metamodelo do método FrameWeb para que sua linguagem de modelagem agora suporte estruturas SPA e seus construtos. As ferramentas FrameWeb (editor gráfico e gerador de código) também evoluíram para suportar os novos elementos. Experimentos de modelagem de SPAs existentes com esta nova versão do FrameWeb, gerando código a partir dos modelos e comparando com o original mostraram que, em média, cerca de 69% das tags HTML poderiam ser geradas a partir dos modelos. O suporte para frameworks SPA no FrameWeb permite que desenvolvedores projetem e modelem suas aplicações utilizando construtos que se relacionam com os frameworks utilizados no desenvolvimento, facilitando a comunicação do desenvolvedor por meio dos modelos e gerando código para melhorar a produtividade do desenvolvedor.Fundação Coordenação de Aperfeiçoamento de Pessoal de Nível Superior (CAPES)Universidade Federal do Espírito SantoBRMestrado em InformáticaCentro TecnológicoUFESPrograma de Pós-Graduação em InformáticaSouza, Vitor Estevao Silvahttps://orcid.org/0000000318695704http://lattes.cnpq.br/2762374760685577https://orcid.org/0009-0001-8418-0242http://lattes.cnpq.br/4031843038047078Barcellos, Monalessa Perinihttp://lattes.cnpq.br/8826584877205264Souza, Cidcley Teixeira deHoppe, Pedro Henrique Brunoro2024-05-29T20:55:45Z2024-05-29T20:55:45Z2023-12-01info:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/masterThesisTextapplication/pdfhttp://repositorio.ufes.br/handle/10/12720porinfo:eu-repo/semantics/openAccessreponame:Repositório Institucional da Universidade Federal do Espírito Santo (riUfes)instname:Universidade Federal do Espírito Santo (UFES)instacron:UFES2024-10-14T08:20:18Zoai:repositorio.ufes.br:10/12720Repositório InstitucionalPUBhttp://repositorio.ufes.br/oai/requestriufes@ufes.bropendoar:21082024-10-14T08:20:18Repositório Institucional da Universidade Federal do Espírito Santo (riUfes) - Universidade Federal do Espírito Santo (UFES)false
dc.title.none.fl_str_mv Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
title Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
spellingShingle Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
Hoppe, Pedro Henrique Brunoro
MDD
Engenharia de Software
WIS Frameworks
DSL
FrameWeb
Reuso
Engenharia Web
Método
Linguagem
Ferramentas
SPA Frameworks
Ciência da Computação
title_short Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
title_full Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
title_fullStr Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
title_full_unstemmed Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
title_sort Modelagem MDD de Frameworks SPA: uma evolução do método FrameWeb
author Hoppe, Pedro Henrique Brunoro
author_facet Hoppe, Pedro Henrique Brunoro
author_role author
dc.contributor.none.fl_str_mv Souza, Vitor Estevao Silva
https://orcid.org/0000000318695704
http://lattes.cnpq.br/2762374760685577
https://orcid.org/0009-0001-8418-0242
http://lattes.cnpq.br/4031843038047078
Barcellos, Monalessa Perini
http://lattes.cnpq.br/8826584877205264
Souza, Cidcley Teixeira de
dc.contributor.author.fl_str_mv Hoppe, Pedro Henrique Brunoro
dc.subject.por.fl_str_mv MDD
Engenharia de Software
WIS Frameworks
DSL
FrameWeb
Reuso
Engenharia Web
Método
Linguagem
Ferramentas
SPA Frameworks
Ciência da Computação
topic MDD
Engenharia de Software
WIS Frameworks
DSL
FrameWeb
Reuso
Engenharia Web
Método
Linguagem
Ferramentas
SPA Frameworks
Ciência da Computação
description In the field of Web Engineering, many methods have been proposed to guide developers in designing and coding Web applications. The FrameWeb method is a model-driven approach that targets the development of systems that use certain kinds of frameworks in their architecture, proposing the use of models that incorporate concepts from these frameworks during design. For the time being the FrameWeb method currently does not consider SPA (Single Page Application) frameworks and, in recent years, such kind of framework has gained a lot of popularity among developers. In this work, we propose to add support for SPA frameworks to FrameWeb. This work was conducted under the context of Design Theory, in particular applying the Design Science Research method to propose such solution. With our research, we have managed to updated the FrameWeb meta-model so that its modeling language now supports SPA frameworks and their constructs. FrameWeb tools (graphical editor and code generator) also evolved to support the new elements. Experiments of modeling existing SPAs with this new version of FrameWeb, generating code from the models and comparing with the original showed that, in average, around 69% of the HTML tags could be generated from the models. The support for SPA frameworks in FrameWeb allows developers to design and model their applications using constructs that relate to the frameworks used in the development, facilitating developer communication using the models and generating code to improve developer productivity.
publishDate 2023
dc.date.none.fl_str_mv 2023-12-01
2024-05-29T20:55:45Z
2024-05-29T20:55:45Z
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/masterThesis
format masterThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv http://repositorio.ufes.br/handle/10/12720
url http://repositorio.ufes.br/handle/10/12720
dc.language.iso.fl_str_mv por
language por
dc.rights.driver.fl_str_mv info:eu-repo/semantics/openAccess
eu_rights_str_mv openAccess
dc.format.none.fl_str_mv Text
application/pdf
dc.publisher.none.fl_str_mv Universidade Federal do Espírito Santo
BR
Mestrado em Informática
Centro Tecnológico
UFES
Programa de Pós-Graduação em Informática
publisher.none.fl_str_mv Universidade Federal do Espírito Santo
BR
Mestrado em Informática
Centro Tecnológico
UFES
Programa de Pós-Graduação em Informática
dc.source.none.fl_str_mv reponame:Repositório Institucional da Universidade Federal do Espírito Santo (riUfes)
instname:Universidade Federal do Espírito Santo (UFES)
instacron:UFES
instname_str Universidade Federal do Espírito Santo (UFES)
instacron_str UFES
institution UFES
reponame_str Repositório Institucional da Universidade Federal do Espírito Santo (riUfes)
collection Repositório Institucional da Universidade Federal do Espírito Santo (riUfes)
repository.name.fl_str_mv Repositório Institucional da Universidade Federal do Espírito Santo (riUfes) - Universidade Federal do Espírito Santo (UFES)
repository.mail.fl_str_mv riufes@ufes.br
_version_ 1834479117587709952

Registros relacionados