Ii encontro
Transcript of Ii encontro
![Page 1: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/1.jpg)
II Encontro
11/11/2010
![Page 2: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/2.jpg)
Parte I
![Page 3: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/3.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/4.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/5.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/6.jpg)
2. Navegadores (browser)
É um aplicativo que habilitar o usário interagir com arquivos disponíveis na internet.
![Page 7: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/7.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/8.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/9.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/10.jpg)
Parte II
![Page 11: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/11.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/12.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/13.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/14.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/15.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/16.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/17.jpg)
Parte III
![Page 18: Ii encontro](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/18.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/19.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/20.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/21.jpg)
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](https://reader031.fdocument.pub/reader031/viewer/2022021421/58f343b31a28ab1d3d8b45a1/html5/thumbnails/22.jpg)
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.