Autoria Web Apresentação e Visão Geral sobre a Web

Transcrição

1 Apresentação e Visão Geral sobre a Web

2 Apresentação Thiago Miranda Site:

3 Objetivos da Disciplina Conhecer os limites de atuação profissional em Web Design Conhecer como a web funciona Compreender as linguagens HTML e CSS, seus conceitos, estruturas, elementos e funcionamento Conhecer as melhores práticas do desenvolvimento Web Compreender os conceitos de Usabilidade e Acessibilidade na concepção de Web sites Aprender a analisar e projetar interfaces para sites e aplicações na web.

4 Ementa da Disciplina 1. Introdução à Internet, conceitos históricos e evolução de websites 2. Estrutura básica de páginas web: a) Principais tags e atributos do HTML; b) Formatação de uma página; c) Inserção de imagens; d) Criação de vínculos; e) Criação de tabelas; f) Frames; g) Formulários 3. Folha de estilos (CSS) 4. Desenvolvimento de interfaces para web 5. Usabilidade 6. Acessibilidade

5 Competências Conhecer o funcionamento da internet e da Web Possuir conhecimentos técnicos sobre desenvolvimento de páginas web utilizando a linguagem de marcação HTML Compreender o funcionamento das folhas de Estilo e como aplicá-las em documentos HTML. Identificar características de usabilidade e acessibilidade de interfaces. Conhecer os limites de atuação profissional em desenvolvimento Web Compreender os conceitos de usabilidade e acessibilidade no desenvolvimento de páginas web

6 Habilidades Desenvolver interfaces web com o uso de linguagens de marcação e estilo; Utilizar a linguagem HTML para a construção de páginas. Utilizar folhas de estilo para a formatação visual de páginas web. Compreender procedimentos e técnicas para o desenvolvimento de websites com conteúdos estáticos;

7 Proposta de trabalho Enfoque teórico e prático com uso de muitos exercícios, realizados em sala e em casa para fixação Aprendizado visando a aplicação prática do conhecimento Avaliação Serial e diária

8 Avaliação Avaliação Serial (Diária) Atividades Práticas- Valor: 2 pontos Avaliação Teórica: 5 Pontos Trabalho Prático: 3 pontos

9 Avaliação Atividades Práticas diárias: A atividade prática a ser desenvolvida abordando os temas já trabalhados. Devem ser enviadas por para: mirandathiago@gmail.com O assunto do deve ser [ Atividade 01 ] Seu nome Os arquivos deverão ser enviados compactados no formato zip com o nome do arquivo sendo o seu nome. Tentar fazer a atividade conta muito, mesmo q não esteja funcionando, envie o arquivo e tente explicar o erro no corpo do . Cópias não serão aceitas.

10 Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em:

11 Apresentação Nome O que você espera da matéria? O que já conhece sobre Internet, Informática e Programação? Qual a sua expectativa em relação ao curso?

12 Introdução

13 Internet Junção de duas palavras: interconnected + network Conjunto de computadores interligados em rede, através da qual são transmitidos textos, sons, imagens, entre outrosdados

14 Internet Internet é um conjunto de redes diferentes que utilizam certos protocolos comuns e oferecem certos serviços comuns. Comunicação é transparente para o usuário; Cada ponto tem uma identidade; O funcionamento de cada rede é independente das outras; Utiliza regras para comunicação entre os pontos.

15 Como Funciona a Internet

16 Como Funciona a Internet

17 Como Funciona a Internet

18 Como Funciona a Internet

19 Como Funciona a Internet

20 Como Funciona a Internet

21 Como Funciona a Internet

22 Protocolo Protocolo é um conjunto de regras que uma rede utiliza para a comunicação entre seus pontos. A internet utiliza principalmente os protocolos TCP/IP TCP - (Protocolo de Controle de Transmissão) é um mecanismo de transporte "confiável", orientado à conexão garantindo assim que os dados cheguem íntegros (não danificados e em ordem). IP (Protocolo de Interconexão) é um protocolo de comunicação usado entre duas ou mais máquinas em rede para encaminhamento dos dados.

23 TCP - Estabelece Conexão - Transfere Dados - Encerra a Conexão - Cuida da comunicação entre duas aplicações; - É responsável pelos controles de correção, ordenação e perda das informações;

24 IP - Dados Encapsulados - Endereçamento - Encaminhamento - Responsável pela quebra e transmissão da informação em pacotes; - Comunicação é feita entre pontos; - Exemplos de endereços IPs:

25 HTTP Permite visualizar recursos multimídia através da Internet; O protocolo HTTP é o responsável pelo funcionamento da Web; Ele funciona através de um padrão de requisição e resposta; Um recurso disponível na Web é localizado por um Localizador de Recurso Uniforme (URL);

26 HTTP sessão HTTP é uma conexão de rede composta por um conjunto de requisições e respostas; O início da sessão se da por uma requisição do cliente HTTP;

27 DNS O DNS (Domain Name System - Sistema de Nomes de Domínios) é um sistema de gerenciamento de nomes hierárquico e distribuído. Você não digita Mas sim

28 URL URL (Uniform Resource Locator): Protocolo de acesso ao recurso 2 Endereço em que se encontra o recurso 3 caminho de diretórios até o recurso 4 recurso a ser obtido

29 História da Internet

30 Quanto tempo uma tecnologia demorou para atingir 50 milhões de usuários Autoria Web

31 A guerra dos Navegadores

32 O que é um site? Um website ou site, é um conjunto de páginas web, isto é, de hipertextos acessíveis geralmente pelo protocolo HTTP na Internet. As páginas num site são organizadas a partir de um URL básico onde fica a página principal, e geralmente residem no mesmo diretório de um servidor.

33 Origem do nome Quando a World Wide Web foi criada no CERN, ela recebeu esse nome de seu criador Tim Berners-Lee. Ele comparou a sua criação com uma teia, "web" em inglês. Cada nó dessa teia é um local (virtual) onde há hipertextos. Como a palavra inglesa para local é site (também derivada do latim situs: "lugar,local"), quando as pessoas queriam se referir a um local da teia, elas falavam, web site.

34 Propósito dos sites Institucional: muitas empresas usam seus sites como ponto de contato entre uma instituição e seus clientes, fornecedores, etc.

35 Propósito dos sites E-commerce: Web site que estabelece a venda de produtos e serviços para os clientes por meio de uma transação comercial. O e-commerce é um dos mais importantes fenômenos da Internet e em constante crescimento.

36 Propósito dos sites Portal: Web sites que possuem conteúdos dos mais diversos assuntos e tipos, oferecendo esse serviço no mesmo web site. Funcionam como uma "porta" de entrada e mostram uma gama de opções para o usuário.

37 Propósito dos sites Aplicativos: funcionam como programas de computador. O objetivo é trabalhar como ferramentas de automação, compartilhamento de informações, produtividade, consultas e análise. O propósito é substituir as aplicações em "desktops" permitindo a mobilidade e a conectividade da organização e seus colaboradores. Uma agenda, planilhas eletrônicas, editores de texto, são exemplos pertinentes a essa categoria.

38 Propósito dos sites Informativos : Web sites que tem o objetivo de passar informação. Os veículos de comunicação compreendem essa categoria e veiculam notícias e informativos.

39 Propósito dos sites Blogs : O que caracteriza um blog é a publicação de novos conteúdos que é feita em ordem cronológica, ou seja, o último artigo aparece na primeira posição da página inicial.

40 Propósito dos sites Redes Sociais Uma rede social é uma estrutura social composta por pessoas ou organizações, conectadas por um ou vários tipos de relações, que partilham valores e objetivos comuns.

41 A Evolução da Web Pré-Web Passado (web 1.0) Presente (web 2.0) Futuro (web 3.0)

42 Pré-web Tentativa de tornar a internet útil, mas... os serviços de informação oferecidos eram pequenos espaços e... os usuários navegavam restritos a esses espaços Soluções eram proprietárias e as plataformas não-abertas

43 Web 1.0 O passado da Web (web 1.0) Hiperlinkagem em documentos Tim Berners Lee inventou a Web em Sua genialidade foi criar e juntar três simples tecnologias, mas muito elegantes: Localizador ou Identificador Uniforme de Recursos (URL ou URI) para identificar recursos (por exemplo, documentos, dados) na Web, e saber onde encontrá-los. Hypertext Markup Language (HTML) linguagem para representar o conteúdo em termos de páginas na Web e de expressá-las em links Hypertext Transfer Protocol (HTTP) protocolo para mover dados na Web e em toda a Internet

44 Web 1.0

45 Web 2.0 O presente da Web (web 2.0) Páginas dinâmicas Colaboração Alta interarvidade Projeto centrado no usuário Facilidade para gerar conteúdo Excesso de informação Redes sociais, blogs, wikis, sites de comparrlhamento d e vídeo, mashups, etc.

46 Web 2.0 O presente da Web (web 2.0) A Web cresceu muito e rapidamente... mais de 100 milhões de sites ativos mais de 1 bilhão de pessoas acessam a Web de: Hiperlinkagem de documentos; para: Conteúdo dinâmico gerado pelos usuários ~ 80 milhões de vídeos ~ 4 milhões de usuários LUCIANO.CRECENTE@ETEC.SP.GOV.BR

47 Web 3.0

48 Web 3.0 O futuro da Web (web 3.0) A próxima evolução na Web, se não for uma revolução, será a da linkagem de dados e dispositivos. Novas formas de integração e de combinação de dados para conseguir informações e ideias nunca antes possível. Novas maneiras de conectar à Internet através de uma variedade de dispositivos capazes de pesquisar, combinar e analisar os dados. o W3C busca padronizar as tecnologias emergentes que permitirão a Web 3,0 se tornar uma realidade Web Semântica Vídeo na Web Web Móvel Web Ubíqua

49 W3C Consórcio World Wide Web (W3C) "Para levar a web ao seu potencial máximo, desenvolvendo protocolos e orientações que garantam o crescimento da web no longo prazo." Fundada por Tim Berners-Lee em 1994 Desenvolve Recomendações abertas (Padrões Web) Até agora mais de 80 padrões Engajado em educação, expansão e desenvolvimento de orientações Um forum neutro para construir consenso em torno de padrões web

50 Atividade Faça um resumo sobre a história da internet e como ela funciona e seus protocolos mais utilizados (Falando o que você entendeu de cada um deles). Pense em um negócio ou empresa para desenvolver um site, pode ser fictício, porém é melhor que seja alguma empresa real, de um amigo, parente ou conhecido que necessite de um site.