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
Agenda






Objetivo
Coleção Welie
W3C
Tecnologias Utilizadas
Solução Proposta
Contribuições
Objetivo
 Criação de um sistema interativo aplicando
padrões de interação e tecnologias gratuitas de
desenvolvimento.
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.
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.
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.
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.
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.
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.
Tecnologias Utilizadas
 HTML
 Bloco de notas
 JSP
Tecnologias Utilizadas
 HTML
 Bloco de notas
 JSP
 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.
Tecnologias Utilizadas
 HTML
 Bloco de notas
 JSP
 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
Tecnologias Utilizadas
 HTML
 Bloco de notas
 JSP
 JSP
 São páginas web, processadas
por um servidor (Sampaio 2007).
 É utilizada para realizar a ligação
do conteúdo com a interface.
Solução Proposta
 Coleção Welie
 Meta Navigation
 Headerless Menu
 Footer Bar
 W3C
 XHTML
 CSS
Meta Navigation
Headerless Menu
Footer Bar
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.
Solução Proposta
 Modelo
 <%@include file = “...” %>
 Dependendo do link o modelo requisita uma
chamada para o arquivo .txt correspondente.
Solução Proposta
 Controle
 Informação
inserida na página.
Solução Proposta
 Visão
 Interface que
interage com o
usuário.
Solução Proposta
 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.
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.
Obrigado !
 Dúvidas?
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.