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

Footer Bar

Headerless Menu

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.

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.

Solução Proposta

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.