ii encontro

22

Upload: gestudo

Post on 16-Apr-2017

203 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Ii encontro

II Encontro

11/11/2010

Page 2: Ii encontro

Parte I

Page 3: Ii encontro

Tópicos a serem abordados:

1.A diferença entre páginas Web, Home Page e apresentação Web

2.Navegadores

3.O que é site, Host, Provedor e Servidor Web

4.Protocolos

Page 4: Ii encontro

Web � conjunto de documentos acessados via internet.

Hipertexto � conjunto de dados ligados entre si por conexão (palavras, imagens, gráficos, etc.

Link � é qualquer coisa que permite o acesso imediato a uma parte do mesmo ou outro lugar

Page 5: Ii encontro

1. A diferença entre páginas Web, Home Page e apresentação Web

Apresentação Web � conjunto de páginas Web estruturadas sobre um determinado conteúdo.

Home Page � primeira página da apresentação Web.

Página Web � elemento especifíco de uma apresentação da Web.

Page 6: Ii encontro

2. Navegadores (browser)

É um aplicativo que habilitar o usário interagir com arquivos disponíveis na internet.

Page 7: Ii encontro

3. O que é site, Host, Provedor e Servidor Web

Site � conjunto de páginas Web

Host � qualquer computador conectado a uma rede

Provedor � uma espécie de autenticador, ou seja, conceder a permissão para o usuário conectar-se a internet

Servidor Web � aplicativo responsável por aceitar pedidos http de clientes e servi-los com respostas http (dados, imagens, etc)

Page 8: Ii encontro

4. Protocolos

Para que os computadores se comuniquem, eles precisam de seguir algumas regras que são chamadas de protocolos.

Internet Protocol (ip) � número de identificação exclusivo de uma maquina conectada na rede.

Transmission Control Protocol (TCP) � protocolo que define a estrutura dos dados transmitidos

Page 9: Ii encontro

Continuação

File Transfer Protocol (FTP) � protocolo para transferência de arquivos grandes entre duas pontas.

Hipertext Transfer Protocolo (HTTP) � protocolo usado para a transmissão de dados no sistema www.

Hipertext Transfer Protocolo Secure (HTTPs) � protocolo usado para a transmissão de dados no sistema www com criptografia.

Page 10: Ii encontro

Parte II

Page 11: Ii encontro

Formas de navegação

1.Hieraquias

2.Linear

3.Estrututa linear com altenativas

4.Combinação das estruturas linear e hieráquica

Page 12: Ii encontro

Formas de navegação1.Hieraquias Este tipo de estrututra

oferecer um risco minimo do conteúdo ficar perdido, sendo uma forma mais facil de localizar a informação desejada.Para ser uma hierarquia adequada só deve ter no máximo 3 níveis.

Page 13: Ii encontro

Formas de navegação

2. Linear Neste tipo de hierarquia as páginas ficam em uma sequência que uma leva a outra que está na fila, possuindo somente as opções de retroceder ou avançar. Muito utilizada para publicar tutoriais de passo a passo ou treinamento que a sequ bcia na leitura é �

obrigatória.

Page 14: Ii encontro

Formas de navegação

3. Estrututa linear com altenativas

A maneira de deixar a hierarquia linear menos rigida é fornecer alguns caminhos alternativos para navegação do usuário, colocando ramificações no tronco principal.

Page 15: Ii encontro

Formas de navegação

4. Combinação das estruturas linear e hieráquica Uma forma muito utilizada hoje é a

combinação das estruturas linear com a estrutura hieráquica dando ao site mais flexibilidade refernte ao acesso do conteúdo por permitir ao usuário avançar, retroceder, retornar ao inicio e subir de nível. Nesta combinação e necessário dar mhjitoa atenção a organização do conteúdo, não perda ligação ou deixar o conteúdo desorganizado.

Page 16: Ii encontro

Storyboard

É a técnica de colocar a conteúdo na sequência que será acessado pelo usuário, dando aos envolvidos no projeto uma visão geral de como o site ou aplicação web deverá está ao ser terminada.

Dicas para storyboard:

�Coloque cada tópico em uma página�Defina bem a forma de navegação entre as páginas�Tome cuidado do que será incluido na home page�Mantenha o foco do site

Page 17: Ii encontro

Parte III

Page 18: Ii encontro

Equipe para construção de website

� Analista de sistemas: responsável por organizar as informações.

� Design gráfico: responsável pelo projeto gráfico.� Programadores: dependo do tipo do site,

convidar programador especifico de cada linguagem.

� Assistentes: para auxiliam os demais profissionais.

Page 19: Ii encontro

Fases na construção de um website1.Organização da infromação

2.Conceituação do site e definição da estrutura de navegação

3.Montagem do site

4.Testes

Page 20: Ii encontro

Fases na construção de um website

1.Organização da infromação:

É a organização da informação que irá compor seu site. O Analista de sistemas colher essas informações e realizar uma analise das mesmas, para prepara a informação para próxima etapa.

Page 21: Ii encontro

Fases na construção de um website2. Conceituação do site e definição da estrutura

de navegação:

Todos os membros de equipe devem participar das reuniões de criação, por ser o objetivo das reuniões reunir ideias possível de ser implementadas no projeto. Posteriormente as ideias são discutidas e analizadas, para iniciar a criação da estrutura de navegação, como as páginas estão linkadas (conectadas) entre si, ajudando a ter uma visão geral do site.

Page 22: Ii encontro

Fases na construção de um website3.Montagem do site:

Com a estrutura de navegação definida, cada membros começar a trabalhar em sua area, como explicada em slides anteriores

4.Testes

Antes de disponibilizar para uso do público em geral é importante testar a navegação de todo o site ou testar todas as funcionalidades da aplicação web, sendo importante o teste em vários navegadores.