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.

Apresentação em tema: "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."— Transcrição da apresentação:

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

2 Agenda Objetivo Coleção Welie W3C Tecnologias Utilizadas Solução Proposta Contribuições

3 Objetivo Criação de um sistema interativo aplicando padrões de interação e tecnologias gratuitas de desenvolvimento.

4 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.

5 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.

6 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.

7 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.

8 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.

9 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.

10 Tecnologias Utilizadas HTML Bloco de notas JSP

11 Tecnologias Utilizadas HTML Bloco de notas JSP

12 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.

13 Tecnologias Utilizadas HTML Bloco de notas JSP

14 Bloco de notas  É um editor de texto básico.  Contém o conteúdo da página, acrescido de algumas tags HTML: Quebra de linha Link Tópicos Tabela Nova linha na tabela Nova coluna na tabela

15 Tecnologias Utilizadas HTML Bloco de notas JSP

16  São páginas web, processadas por um servidor (Sampaio 2007).  É utilizada para realizar a ligação do conteúdo com a interface.

17 Solução Proposta Coleção Welie  Meta Navigation  Headerless Menu  Footer Bar W3C  XHTML  CSS

18 Meta Navigation Footer Bar Headerless Menu

19 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.

20 Solução Proposta Modelo   Dependendo do link o modelo requisita uma chamada para o arquivo.txt correspondente.

21 Solução Proposta Controle  Informação inserida na página.

22 Visão  Interface que interage com o usuário. Solução Proposta

23 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

24 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.

25 Obrigado ! Dúvidas? ohrodox@hotmail.com fernando.backspace@gmail.com helyane@utfpr.edu.br snasser@utfpr.edu.br eishikawa@utfpr.edu.br

26 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.http://www.maujor.com/ 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.