Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning

Detalhes bibliográficos
Autor(a) principal: Kreuch, Eduardo Schmitt
Data de Publicação: 2021
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Repositório Institucional da UFSC
Texto Completo: https://repositorio.ufsc.br/handle/123456789/228238
Resumo: TCC(graduação) - Universidade Federal de Santa Catarina. Centro Tecnológico. Sistemas de Informação.
id UFSC_e275ba9e08c52a189ca5330c0f03ce59
oai_identifier_str oai:repositorio.ufsc.br:123456789/228238
network_acronym_str UFSC
network_name_str Repositório Institucional da UFSC
repository_id_str 2373
spelling Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine LearningApp Inventorwireframedesign de interface de usuárioUI design patternTCC(graduação) - Universidade Federal de Santa Catarina. Centro Tecnológico. Sistemas de Informação.A popularização dos smartphones está mudando o dia a dia das pessoas de diversas formas, proporcionando acesso à internet na palma da mão em qualquer lugar. Diante disso, a demanda por aplicativos para estes dispositivos vêm crescendo juntamente com esta popularização. Durante o processo de desenvolvimento de um aplicativo, é necessário projetar e criar interfaces gráficas nas quais o usuário irá interagir com as funções criadas, enviando e recebendo informações. Esta etapa é importante para o sucesso de um aplicativo, porém executada de forma manual demanda um esforço considerável. Neste sentido, o presente trabalho apresenta um protótipo para suporte a melhoria de design de interfaces gráficas para Android criadas com App Inventor, utilizando UI design patterns. Este trabalho consiste no desenvolvimento de um modelo de classificação de wireframes em relação a um grupo de UI design patterns comuns à maioria dos aplicativos. O modelo construído utilizando ResNet50 atingiu 90% de acurácia, recall e F1-Score na classificação de wireframes em 7 conjuntos de UI Design Patterns. Esta predição poderá ser utilizada como base para realizar sugestões ao design de UIs em desenvolvido. Tais sugestões poderiam ajudar que a interface esteja embasada em conceitos e diretrizes reconhecidos, trazendo familiaridade e robustez. Desta forma contribuindo com a qualidade de design das interfaces dos apps criados com App Inventor e contribuindo ao processo de aprendizagem do estudante em relação a UI na aplicação educacional.Florianópolis, SCGresse von Wangenheim, ChristianeHauck, Jean Carlo RossaUniversidade Federal de Santa CatarinaKreuch, Eduardo Schmitt2021-09-28T08:48:21Z2021-09-28T08:48:21Z2021-09-16info:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesis109application/pdfhttps://repositorio.ufsc.br/handle/123456789/228238info:eu-repo/semantics/openAccessporreponame:Repositório Institucional da UFSCinstname:Universidade Federal de Santa Catarina (UFSC)instacron:UFSC2021-09-28T08:48:21Zoai:repositorio.ufsc.br:123456789/228238Repositório InstitucionalPUBhttp://150.162.242.35/oai/requestopendoar:23732021-09-28T08:48:21Repositório Institucional da UFSC - Universidade Federal de Santa Catarina (UFSC)false
dc.title.none.fl_str_mv Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
title Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
spellingShingle Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
Kreuch, Eduardo Schmitt
App Inventor
wireframe
design de interface de usuário
UI design pattern
title_short Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
title_full Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
title_fullStr Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
title_full_unstemmed Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
title_sort Automação da Identificação de UI Design Patterns a partir de Wireframes utilizando Machine Learning
author Kreuch, Eduardo Schmitt
author_facet Kreuch, Eduardo Schmitt
author_role author
dc.contributor.none.fl_str_mv Gresse von Wangenheim, Christiane
Hauck, Jean Carlo Rossa
Universidade Federal de Santa Catarina
dc.contributor.author.fl_str_mv Kreuch, Eduardo Schmitt
dc.subject.por.fl_str_mv App Inventor
wireframe
design de interface de usuário
UI design pattern
topic App Inventor
wireframe
design de interface de usuário
UI design pattern
description TCC(graduação) - Universidade Federal de Santa Catarina. Centro Tecnológico. Sistemas de Informação.
publishDate 2021
dc.date.none.fl_str_mv 2021-09-28T08:48:21Z
2021-09-28T08:48:21Z
2021-09-16
dc.type.status.fl_str_mv info:eu-repo/semantics/publishedVersion
dc.type.driver.fl_str_mv info:eu-repo/semantics/bachelorThesis
format bachelorThesis
status_str publishedVersion
dc.identifier.uri.fl_str_mv https://repositorio.ufsc.br/handle/123456789/228238
url https://repositorio.ufsc.br/handle/123456789/228238
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 109
application/pdf
dc.publisher.none.fl_str_mv Florianópolis, SC
publisher.none.fl_str_mv Florianópolis, SC
dc.source.none.fl_str_mv reponame:Repositório Institucional da UFSC
instname:Universidade Federal de Santa Catarina (UFSC)
instacron:UFSC
instname_str Universidade Federal de Santa Catarina (UFSC)
instacron_str UFSC
institution UFSC
reponame_str Repositório Institucional da UFSC
collection Repositório Institucional da UFSC
repository.name.fl_str_mv Repositório Institucional da UFSC - Universidade Federal de Santa Catarina (UFSC)
repository.mail.fl_str_mv
_version_ 1808651961400033280

Registros relacionados