aplicando coleção welie utilizando arquivo de texto para o desenvolvimento e atualização de um...
TRANSCRIPT
![Page 1: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/1.jpg)
Aplicando Coleção Welie Utilizando Arquivo de Texto para o
Desenvolvimento e Atualização de um Sítio Interativo para Web
Rodolfo A. Silva, Fernando H. Malaquias,Helyane B. Borges, Simone N. Matos, Eliana C. M. Ishikawa
![Page 2: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/2.jpg)
Agenda
Objetivo Coleção Welie W3C Tecnologias Utilizadas Solução Proposta Contribuições
![Page 3: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/3.jpg)
Objetivo
Criação de um sistema interativo aplicando padrões de interação e tecnologias gratuitas de desenvolvimento.
![Page 4: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/4.jpg)
Padrões de Interação
São coleções de boas práticas encontradas em interfaces gráficas de um determinado segmento.
Padrões são descobertos, e não inventados.
![Page 5: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/5.jpg)
Coleção Welie
Nome: Define o pseudônimo para o padrão. Problema: Informa ao projetista a finalidade e
motivação para o uso do padrão. Solução: Propõe uma solução para o problema. Quando usar: Ilustra a aplicabilidade do padrão. Como: Relata o que precisa ser realizado para a
adequação do padrão as necessidades do projetista.
Porque: Descreve a justificativa do uso do padrão. Outros Exemplos: Ilustra de forma prática o uso do
padrão em alguns sítios.
![Page 6: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/6.jpg)
World Wide Web Consortium (W3C) Auxiliam no desenvolvimento de páginas,
indicando princípios gerais de acessibilidade e as formas ideais de implementação que orientam os desenvolvedores web.
Portabilidade. Acessibilidade.
![Page 7: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/7.jpg)
Extensible Hypertext Markup Language (XHTML) É a reformulação da linguagem de marcação
HTML. Muda a descrição do conteúdo Web fornecendo
recursos extensíveis, mais ricos e mais poderosos que a HTML.
![Page 8: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/8.jpg)
Cascading Style Sheet (CSS) Soluciona o problema da HTML, sendo utilizada
para separar a linguagem de marcação do seu estilo.
Utilizada para o tratamento visual do sítio.
![Page 9: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/9.jpg)
Interação Logo pensa-se em interface visando desempenho
do usuário.
Interação Cliente-Aplicação.
O Cliente é quem solicita uma aplicação.
A aplicação é uma página.
![Page 10: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/10.jpg)
Tecnologias Utilizadas
HTML Bloco de notas JSP
![Page 11: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/11.jpg)
Tecnologias Utilizadas
HTML Bloco de notas JSP
![Page 12: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/12.jpg)
Linguagem HTML Linguagem base para a construção de
páginas. Fornece ao cliente uma maneira de atualizar o
conteúdo da sua página.
![Page 13: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/13.jpg)
Tecnologias Utilizadas
HTML Bloco de notas JSP
![Page 14: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/14.jpg)
Bloco de notas É um editor de texto básico. Contém o conteúdo da página,
acrescido de algumas tags HTML: </br> Quebra de linha<a href ... > Link<li> Tópicos<table> Tabela<tr> Nova linha na tabela<td> Nova coluna na tabela
![Page 15: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/15.jpg)
Tecnologias Utilizadas
HTML Bloco de notas JSP
![Page 16: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/16.jpg)
JSP São páginas web, processadas
por um servidor (Sampaio 2007). É utilizada para realizar a ligação
do conteúdo com a interface.
![Page 17: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/17.jpg)
Solução Proposta
Coleção Welie Meta Navigation Headerless Menu Footer Bar
W3C XHTML CSS
![Page 18: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/18.jpg)
Meta Navigation
Footer Bar
Headerless Menu
![Page 19: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/19.jpg)
Solução Proposta
Arquitetura MVC (Modelo-Visão-Controle) Permite dividir as funcionalidades de uma
aplicação. Modelo responde as solicitações feitas pela Visão. Visão é a interface visualizada pelo usuário. Controle é a informação apresentada pela Visão.
![Page 20: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/20.jpg)
Solução Proposta
Modelo <%@include file = “...” %> Dependendo do link o modelo requisita uma
chamada para o arquivo .txt correspondente.
![Page 21: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/21.jpg)
Solução Proposta
Controle Informação inserida na página.
![Page 22: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/22.jpg)
Visão Interface que
interage com o usuário.
Solução Proposta
![Page 23: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/23.jpg)
Passos para a atualização da página: O usuário acessa o bloco de notas no servidor. Inclui ou altera o arquivo. Salva o arquivo.
Solução Proposta
![Page 24: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/24.jpg)
Contribuições
Melhorar a interação do cliente com a aplicação. Atualização de conteúdo sem a presença
preliminar de um programador.
![Page 26: Aplicando Coleção Welie Utilizando Arquivo de Texto para o Desenvolvimento e Atualização de um Sítio Interativo para Web Rodolfo A. Silva, Fernando H](https://reader034.vdocuments.net/reader034/viewer/2022051705/5706385a1a28abb8238fd721/html5/thumbnails/26.jpg)
Referências ALEXANDER, C. A Pattern language: towns, buildings, constructions. New
York: Oxford University Press, 1977. 1224p. BASS, L.; CLEMENTS, P.; KAZMAN, R. Software architecture in practice.
(2003). New York: Addison Wesley. 560p. BRAGA, R. T. V. “Um processo para construção e instanciação de
frameworks baseados em uma linguagem de padrões para um domínio específico”. (2003). 232f. Tese (Doutorado em Ciência da Computação) – Universidade de São Paulo, São Carlos.
MARCONDES, C. A. (2000) Programando em HTML 4.0 – 5ª Edição - Editora Érica
MAUJOR. Disponível em: http://www.maujor.com/. Acesso em: Jul/2008. MENDES, A. Arquitetura de software: desenvolvimento orientado a
arquitetura. (2002). Rio de Janeiro: Campus. 212p. SAMPAIO, C. (2007). Guia do Java : Enterprise Edition 5 : desenvolvendo
aplicações corporativas, Rio de Janeiro: Brasport. WELIE. (2008). Disponível em: www.welie.com/patterns/. Acesso em:
Jul/2008. W3C. (2008). Disponível em: www.w3.org/. Acesso em: Jul/2008.