Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE

Detalhes bibliográficos
Autor(a) principal: Sousa, Mateus Chagas
Data de Publicação: 2014
Tipo de documento: Trabalho de conclusão de curso
Idioma: por
Título da fonte: Repositório Institucional da UFBA
Texto Completo: http://repositorio.ufba.br/ri/handle/ri/24712
Resumo: Atualmente editores de texto baseados no atributo contenteditable são comuns, porém a árvore DOM resultante desses editores de texto é frequentemente inconsistente, ambígua e dificilmente personalizável em termos de estrutura. Este trabalho propõe um modelo de padronização de árvores DOM que classifica elementos em três categorias: section, paragraphs e inlines. Demonstra também o processo de implementação do modelo utilizando­se a linguagem JavaScript, os algoritmos resultantes e sua especificação formal em termos da teoria dos conjuntos. Dado que blogs, portais e sites que permitem publicações de terceiros podem se beneficiar ao estabelecerem um padrão para suas publicações, o modelo descrito ao longo do texto apresenta­se como possibilidade para aplicações em que tanto a foma quanto a estrutura do texto apresentado na web são importantes. As restrições do modelo podem ser pensadas também de modo a beneficiar aspectos de SEO, estética e acessibilidade para leitores automáticos de tela. A generalidade do modelo e suas categorias ainda carece de verficação. Uma análise quantitativa de forma e estrutura de textos na web bem como uma análise qualitativa com mantenedores de conteúdo textual na web ou usuários regulares de editores de texto poderia vir a evidenciar necessidades não identificadas neste trabalho.
id UFBA-2_bcf5146196a49d9c57b9e3c639d8b03b
oai_identifier_str oai:repositorio.ufba.br:ri/24712
network_acronym_str UFBA-2
network_name_str Repositório Institucional da UFBA
repository_id_str 1932
spelling Sousa, Mateus ChagasSousa, Mateus ChagasMatos, Ecivaldo de SouzaSantos, Débora AbdallaDurão, Frederico Araujo2017-12-05T13:18:58Z2017-12-05T13:18:58Z2017-12-052014-12-16http://repositorio.ufba.br/ri/handle/ri/24712Atualmente editores de texto baseados no atributo contenteditable são comuns, porém a árvore DOM resultante desses editores de texto é frequentemente inconsistente, ambígua e dificilmente personalizável em termos de estrutura. Este trabalho propõe um modelo de padronização de árvores DOM que classifica elementos em três categorias: section, paragraphs e inlines. Demonstra também o processo de implementação do modelo utilizando­se a linguagem JavaScript, os algoritmos resultantes e sua especificação formal em termos da teoria dos conjuntos. Dado que blogs, portais e sites que permitem publicações de terceiros podem se beneficiar ao estabelecerem um padrão para suas publicações, o modelo descrito ao longo do texto apresenta­se como possibilidade para aplicações em que tanto a foma quanto a estrutura do texto apresentado na web são importantes. As restrições do modelo podem ser pensadas também de modo a beneficiar aspectos de SEO, estética e acessibilidade para leitores automáticos de tela. A generalidade do modelo e suas categorias ainda carece de verficação. Uma análise quantitativa de forma e estrutura de textos na web bem como uma análise qualitativa com mantenedores de conteúdo textual na web ou usuários regulares de editores de texto poderia vir a evidenciar necessidades não identificadas neste trabalho.ABSTRACT: Actually contenteditable­based text editors are very common, however the DOM tree resulting from such kind of text editors is frequently inconsistent, ambiguous and hardly customizable in structural concerns. This work proposes a model for standardization of DOM trees that classifies elements in one of three categories: section, paragraph and inline. Also demonstrates the process of implementation of such model using the JavaScript programming language, the resulting algorithms and its formal specification in terms of Set Theory. Given that blogs, portals and websites that allow third party publication can benefit from establishing standards to its publications, the model described throughout the text can possibly be a solution for applications in which both form and structure of the text showed on the web are important. The constraints within the model can be also used to benefit search engine optimization, aesthetics and automated screen readers accessibility. The model’s and its categories generality must yet be verified. A quantitative analysis of form and structure of texts published on the web as well as a qualitative analysis with textual content maintainers or even usual text editors users, can point needs that were not addressed in this work.Submitted by Ecivaldo Matos (ecivaldo@ufba.br) on 2017-08-06T00:47:16Z No. of bitstreams: 1 TCC-MateusChagasSousa.pdf: 1334916 bytes, checksum: 6e9e1b068f9418e08c49dba77a670c03 (MD5)Approved for entry into archive by NUBIA OLIVEIRA (nubia.marilia@ufba.br) on 2017-12-05T13:18:58Z (GMT) No. of bitstreams: 1 TCC-MateusChagasSousa.pdf: 1334916 bytes, checksum: 6e9e1b068f9418e08c49dba77a670c03 (MD5)Made available in DSpace on 2017-12-05T13:18:58Z (GMT). No. of bitstreams: 1 TCC-MateusChagasSousa.pdf: 1334916 bytes, checksum: 6e9e1b068f9418e08c49dba77a670c03 (MD5)Ciência da ComputaçãoWebContenteditableHTML5Editor de textoDOMUm modelo de padronização de DOM para editores de texto CONTENTEDITABLEinfo:eu-repo/semantics/publishedVersioninfo:eu-repo/semantics/bachelorThesisInstituto de MatemáticaUFBABrasilinfo:eu-repo/semantics/openAccessporreponame:Repositório Institucional da UFBAinstname:Universidade Federal da Bahia (UFBA)instacron:UFBAORIGINALTCC-MateusChagasSousa.pdfTCC-MateusChagasSousa.pdfapplication/pdf1334916https://repositorio.ufba.br/bitstream/ri/24712/1/TCC-MateusChagasSousa.pdf6e9e1b068f9418e08c49dba77a670c03MD51LICENSElicense.txtlicense.txttext/plain1383https://repositorio.ufba.br/bitstream/ri/24712/2/license.txt05eca2f01d0b3307819d0369dab18a34MD52TEXTTCC-MateusChagasSousa.pdf.txtTCC-MateusChagasSousa.pdf.txtExtracted texttext/plain58530https://repositorio.ufba.br/bitstream/ri/24712/3/TCC-MateusChagasSousa.pdf.txtd03a83b0deab0de771edc2f7ca9a8783MD53ri/247122022-07-05 14:03:55.606oai:repositorio.ufba.br:ri/24712VGVybW8gZGUgTGljZW7Dp2EsIG7Do28gZXhjbHVzaXZvLCBwYXJhIG8gZGVww7NzaXRvIG5vIFJlcG9zaXTDs3JpbyBJbnN0aXR1Y2lvbmFsIGRhIFVGQkEuCgogUGVsbyBwcm9jZXNzbyBkZSBzdWJtaXNzw6NvIGRlIGRvY3VtZW50b3MsIG8gYXV0b3Igb3Ugc2V1IHJlcHJlc2VudGFudGUgbGVnYWwsIGFvIGFjZWl0YXIgCmVzc2UgdGVybW8gZGUgbGljZW7Dp2EsIGNvbmNlZGUgYW8gUmVwb3NpdMOzcmlvIEluc3RpdHVjaW9uYWwgZGEgVW5pdmVyc2lkYWRlIEZlZGVyYWwgZGEgQmFoaWEgCm8gZGlyZWl0byBkZSBtYW50ZXIgdW1hIGPDs3BpYSBlbSBzZXUgcmVwb3NpdMOzcmlvIGNvbSBhIGZpbmFsaWRhZGUsIHByaW1laXJhLCBkZSBwcmVzZXJ2YcOnw6NvLiAKRXNzZXMgdGVybW9zLCBuw6NvIGV4Y2x1c2l2b3MsIG1hbnTDqm0gb3MgZGlyZWl0b3MgZGUgYXV0b3IvY29weXJpZ2h0LCBtYXMgZW50ZW5kZSBvIGRvY3VtZW50byAKY29tbyBwYXJ0ZSBkbyBhY2Vydm8gaW50ZWxlY3R1YWwgZGVzc2EgVW5pdmVyc2lkYWRlLgoKIFBhcmEgb3MgZG9jdW1lbnRvcyBwdWJsaWNhZG9zIGNvbSByZXBhc3NlIGRlIGRpcmVpdG9zIGRlIGRpc3RyaWJ1acOnw6NvLCBlc3NlIHRlcm1vIGRlIGxpY2Vuw6dhIAplbnRlbmRlIHF1ZToKCiBNYW50ZW5kbyBvcyBkaXJlaXRvcyBhdXRvcmFpcywgcmVwYXNzYWRvcyBhIHRlcmNlaXJvcywgZW0gY2FzbyBkZSBwdWJsaWNhw6fDtWVzLCBvIHJlcG9zaXTDs3Jpbwpwb2RlIHJlc3RyaW5naXIgbyBhY2Vzc28gYW8gdGV4dG8gaW50ZWdyYWwsIG1hcyBsaWJlcmEgYXMgaW5mb3JtYcOnw7VlcyBzb2JyZSBvIGRvY3VtZW50bwooTWV0YWRhZG9zIGVzY3JpdGl2b3MpLgoKIERlc3RhIGZvcm1hLCBhdGVuZGVuZG8gYW9zIGFuc2Vpb3MgZGVzc2EgdW5pdmVyc2lkYWRlIGVtIG1hbnRlciBzdWEgcHJvZHXDp8OjbyBjaWVudMOtZmljYSBjb20gCmFzIHJlc3RyacOnw7VlcyBpbXBvc3RhcyBwZWxvcyBlZGl0b3JlcyBkZSBwZXJpw7NkaWNvcy4KCiBQYXJhIGFzIHB1YmxpY2HDp8O1ZXMgc2VtIGluaWNpYXRpdmFzIHF1ZSBzZWd1ZW0gYSBwb2zDrXRpY2EgZGUgQWNlc3NvIEFiZXJ0bywgb3MgZGVww7NzaXRvcyAKY29tcHVsc8OzcmlvcyBuZXNzZSByZXBvc2l0w7NyaW8gbWFudMOqbSBvcyBkaXJlaXRvcyBhdXRvcmFpcywgbWFzIG1hbnTDqm0gYWNlc3NvIGlycmVzdHJpdG8gCmFvIG1ldGFkYWRvcyBlIHRleHRvIGNvbXBsZXRvLiBBc3NpbSwgYSBhY2VpdGHDp8OjbyBkZXNzZSB0ZXJtbyBuw6NvIG5lY2Vzc2l0YSBkZSBjb25zZW50aW1lbnRvCiBwb3IgcGFydGUgZGUgYXV0b3Jlcy9kZXRlbnRvcmVzIGRvcyBkaXJlaXRvcywgcG9yIGVzdGFyZW0gZW0gaW5pY2lhdGl2YXMgZGUgYWNlc3NvIGFiZXJ0by4KRepositório InstitucionalPUBhttp://192.188.11.11:8080/oai/requestopendoar:19322022-07-05T17:03:55Repositório Institucional da UFBA - Universidade Federal da Bahia (UFBA)false
dc.title.pt_BR.fl_str_mv Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
title Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
spellingShingle Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
Sousa, Mateus Chagas
Ciência da Computação
Web
Contenteditable
HTML5
Editor de texto
DOM
title_short Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
title_full Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
title_fullStr Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
title_full_unstemmed Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
title_sort Um modelo de padronização de DOM para editores de texto CONTENTEDITABLE
author Sousa, Mateus Chagas
author_facet Sousa, Mateus Chagas
author_role author
dc.contributor.author.fl_str_mv Sousa, Mateus Chagas
Sousa, Mateus Chagas
dc.contributor.advisor1.fl_str_mv Matos, Ecivaldo de Souza
dc.contributor.referee1.fl_str_mv Santos, Débora Abdalla
Durão, Frederico Araujo
contributor_str_mv Matos, Ecivaldo de Souza
Santos, Débora Abdalla
Durão, Frederico Araujo
dc.subject.cnpq.fl_str_mv Ciência da Computação
topic Ciência da Computação
Web
Contenteditable
HTML5
Editor de texto
DOM
dc.subject.por.fl_str_mv Web
Contenteditable
HTML5
Editor de texto
DOM
description Atualmente editores de texto baseados no atributo contenteditable são comuns, porém a árvore DOM resultante desses editores de texto é frequentemente inconsistente, ambígua e dificilmente personalizável em termos de estrutura. Este trabalho propõe um modelo de padronização de árvores DOM que classifica elementos em três categorias: section, paragraphs e inlines. Demonstra também o processo de implementação do modelo utilizando­se a linguagem JavaScript, os algoritmos resultantes e sua especificação formal em termos da teoria dos conjuntos. Dado que blogs, portais e sites que permitem publicações de terceiros podem se beneficiar ao estabelecerem um padrão para suas publicações, o modelo descrito ao longo do texto apresenta­se como possibilidade para aplicações em que tanto a foma quanto a estrutura do texto apresentado na web são importantes. As restrições do modelo podem ser pensadas também de modo a beneficiar aspectos de SEO, estética e acessibilidade para leitores automáticos de tela. A generalidade do modelo e suas categorias ainda carece de verficação. Uma análise quantitativa de forma e estrutura de textos na web bem como uma análise qualitativa com mantenedores de conteúdo textual na web ou usuários regulares de editores de texto poderia vir a evidenciar necessidades não identificadas neste trabalho.
publishDate 2014
dc.date.submitted.none.fl_str_mv 2014-12-16
dc.date.accessioned.fl_str_mv 2017-12-05T13:18:58Z
dc.date.available.fl_str_mv 2017-12-05T13:18:58Z
dc.date.issued.fl_str_mv 2017-12-05
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 http://repositorio.ufba.br/ri/handle/ri/24712
url http://repositorio.ufba.br/ri/handle/ri/24712
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.publisher.none.fl_str_mv Instituto de Matemática
dc.publisher.initials.fl_str_mv UFBA
dc.publisher.country.fl_str_mv Brasil
publisher.none.fl_str_mv Instituto de Matemática
dc.source.none.fl_str_mv reponame:Repositório Institucional da UFBA
instname:Universidade Federal da Bahia (UFBA)
instacron:UFBA
instname_str Universidade Federal da Bahia (UFBA)
instacron_str UFBA
institution UFBA
reponame_str Repositório Institucional da UFBA
collection Repositório Institucional da UFBA
bitstream.url.fl_str_mv https://repositorio.ufba.br/bitstream/ri/24712/1/TCC-MateusChagasSousa.pdf
https://repositorio.ufba.br/bitstream/ri/24712/2/license.txt
https://repositorio.ufba.br/bitstream/ri/24712/3/TCC-MateusChagasSousa.pdf.txt
bitstream.checksum.fl_str_mv 6e9e1b068f9418e08c49dba77a670c03
05eca2f01d0b3307819d0369dab18a34
d03a83b0deab0de771edc2f7ca9a8783
bitstream.checksumAlgorithm.fl_str_mv MD5
MD5
MD5
repository.name.fl_str_mv Repositório Institucional da UFBA - Universidade Federal da Bahia (UFBA)
repository.mail.fl_str_mv
_version_ 1808459527102660608