Início
RESUMO
ABSTRACT
1. Introdução
1.1 Motivação e Definição do problema
1.2 Descrição técnica
1.3 Atividades realizadas
1.4 Objetivos
1.4 Objetivos
1.4.1 Objetivo Geral
1.4.2 Objetivos Específicos
2. Fundamentação Teórica
2.1 Programação
2.2 Linguagem de programação
2.3 HTML
2.4 CSS
2.5 Javascript
2.6 Figma
2.7 Tecnologias utilizadas
2.7.1 Replit
2.7.2 Visual Studio Code
2.8 Coolors
2.9 User Experience (UX)
2.10 User Interface (UI)
2.10.1 UI Design
2.10.2 Principais elementos de uma interface
2.10.3 Material Design
3. Trabalho Realizado
3.1 Aplicabilidade
3.2 Cronograma
3.3 Metodologia
3.4 Resultados
4. Considerações Finais
4. Considerações Finais
4.1 Proposta para continuação
REFERÊNCIAS BIBLIOGRÁFICAS
Referências bibliográficas
CLEMENTE, M. Sites — O guia definitivo da Rock Content. Disponível em: https://rockcontent.com/br/blog/sites-o-guia-definitivo-da-rock-content/. Acesso em: 25 jul. 2022.
Coolors | Software. Disponível em: https://www.techtudo.com.br/tudo-sobre/coolors/. Acesso em: 25 jul. 2022.
DEVH2K. O que é UI - User Interface? Veja aqui- Blog Raffcom. Disponível em: https://www.raffcom.com.br/blog/o-que-e-ui/#:~:text=O%20User%20Interface%20%E2%80%93%20ou%20interface,ou%20at%C3%A9%20mesmo%20um%20som.. Acesso em: 26 jul. 2022.
DUTRA, R. Como criar uma ótima estratégia de UX (User Experince). Disponível em: http://designr.com.br/como-criar-uma-otima-estrategia-de-ux-user-experience/. Acesso em: 28 ago. 2022.
EJCM, M. UI e UX - Entendendo suas diferenças e convergências. Disponível em: https://ejcm.com.br/ui-e-ux-entendendo-diferencas-convergencias/?gclid=Cj0KCQjw3eeXBhD7ARIsAHjssr9k9uy7zaJHNif8RMXPuvzB9XktKSCD1JGKClxpdsHYf0zYyHwE7hsaAgZcEALw_wcB. Acesso em: 28 ago. 2022.
Figma. Disponível em: https://pt.wikipedia.org/wiki/Figma. Acesso em: 25 jul. 2022
G, A. O Que é Site, Que Tipos Existem e Como ter o seu Próprio. Disponível em: https://www.hostinger.com.br/tutoriais/o-que-e-site. Acesso em: 25 jul. 2022.
H, R. O Que é HTML5 e Quais Vantagens ele Traz para seu Site. Disponível em: https://www.hostinger.com.br/tutoriais/diferenca-entre-html-e-html5. Acesso em: 18 jul. 2022.
HELLER. O que é UX — User Experience e como começar nessa carreira. Disponível em: https://medium.com/chocoladesign/o-que-%C3%A9-ux-user-experience-e-como-come%C3%A7ar-nessa-carreira-81b766f9103. Acesso em: 1 set. 2022.
HTML: Linguagem de Marcação de Hipertexto | MDN. Disponível em: https://developer.mozilla.org/pt-BR/docs/Web/HTML. Acesso em: 18 jul. 2022.
JOEL. JavaScript Tutorial. Disponível em: https://www.devmedia.com.br/javascript-tutorial/37257. Acesso em: 25 jul. 2022.
LEVY, J. Estratégia de UX: Técnicas de Estratégia de Produto Para Criar Soluções Digitais Inovadoras. 2o edição ed. [s.l: s.n.].
Linguagem de programação I / Reginaldo Gotardo, Rio de Janeiro: SESES, 2015.
MARQUES, R. O que é HTML? Entenda de forma descomplicada. Disponível em: https://www.homehost.com.br/blog/tutoriais/o-que-e-html/. Acesso em: 18 jul. 2022.
NOLETO, C. Javascript: o que é, aplicação e como aprender a linguagem JS. Disponível em: https://blog.betrybe.com/javascript/#1. Acesso em: 25 jul. 2022.
O que é design de interface do usuário? - Blog DialHost. Disponível em: https://www.dialhost.com.br/blog/o-que-e-design-de-interface-do-usuario/. Acesso em: 26 jul. 2022.
O que é programação – Grasshopper. Disponível em: https://grasshopper.app/pt_br/what-is-coding/. Acesso em: 18 jul. 2022.
RENAN FRANÇA. Programação: guia completo sobre a área! Disponível em: https://blog.betrybe.com/tecnologia/aprenda-tudo-sobre-programacao/. Acesso em: 18 jul. 2022.
SOUZA, N. Figma tutorial: protótipo básico. Disponível em: https://www.dicasux.com.br/figma/figma-tutorial-prototipo/. Acesso em: 25 jul. 2022.
UX x UI: qual a diferença e como as áreas se completam. Disponível em: https://www.digitalhouse.com/br/blog/diferenca-entre-ux-e-ui/. Acesso em: 1 set. 2022.
WIKIPEDIA CONTRIBUTORS. Replit. Disponível em: https://en.wikipedia.org/wiki/Replit. Acesso em: 12 set. 2022.
WROBLEWSKI, L..Site-Seeing: a visual approach to web usability. Hungry Minds, 2002.
Anterior
Próximo