Apresentação e Visão Geral sobre a Web
Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net
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.
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
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
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;
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
Avaliação Avaliação Serial (Diária) Atividades Práticas- Valor: 2 pontos Avaliação Teórica: 5 Pontos Trabalho Prático: 3 pontos
Avaliação Atividades Práticas diárias: A atividade prática a ser desenvolvida abordando os temas já trabalhados. Devem ser enviadas por email para: mirandathiago@gmail.com O assunto do email 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 email. Cópias não serão aceitas.
Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em: www.thiagomiranda.net
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?
Introdução
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
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.
Como Funciona a Internet
Como Funciona a Internet
Como Funciona a Internet
Como Funciona a Internet
Como Funciona a Internet
Como Funciona a Internet
Como Funciona a Internet
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.
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;
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: 10.9.98.145 192.168.0.1
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);
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;
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 186.192.82.163 Mas sim http://www.globo.com
URL URL (Uniform Resource Locator): http://www.ifba.edu.br/ensino/material/html/url.html 1 - 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
História da Internet
Quanto tempo uma tecnologia demorou para atingir 50 milhões de usuários Autoria Web
A guerra dos Navegadores
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.
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.
Propósito dos sites Institucional: muitas empresas usam seus sites como ponto de contato entre uma instituição e seus clientes, fornecedores, etc.
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.
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.
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.
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.
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.
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.
A Evolução da Web Pré-Web Passado (web 1.0) Presente (web 2.0) Futuro (web 3.0)
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
Web 1.0 O passado da Web (web 1.0) Hiperlinkagem em documentos Tim Berners Lee inventou a Web em 1989. 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
Web 1.0
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.
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
Web 3.0
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
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
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.