aplicando coleção welie utilizando arquivo de texto para o desenvolvimento e atualização de um...

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. Malaquias, Helyane B. Borges, Simone N. Matos, Eliana C. M. Ishikawa

Upload: vera-madeira-da-conceicao

Post on 07-Apr-2016

215 views

Category:

Documents


0 download

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.