Introdução a Tecnologias Web

http://www.alvarofpinheiro.eti.br
TECNOLOGIAS WEB
https://www.facebook.com/alvarofpinheiroaulas/
br.linkedin.com/in/alvarofpinheiro/

Web
• Web ou WWW ou World Wide Web ou
Internet ou Rede de Alcance Mundial. Trata-se
de um sistema que permite o upload e o
download de arquivos que possuem
embutidos o conceito de hyperlink ou
hipermídia, possibilitando o link ou
interligação dos mesmos na Internet. Esses
arquivos podem ser vídeos, sons, hipertextos
e figuras.

Browser
• Para ser ter acesso a esses arquivos ou
documentos ou páginas, tanto para visualizá-
los, como para baixá-los (download) ou para
atualizá-los (upload) é necessário se ter
browser ou navegador.

Servidor Web
• Essas páginas ou Webpages ficam armazenadas
em máquinas chamadas de servidores web ou
sites ou ou sítios, e trafegam pela rede em
formato texto, mas especificadamente em um
protocolo de comunicação chamado de HTTP ou
Hyper Text Transfer Protocol ou Protocolo de
Transferência de Hiper Texto. Podendo o usuário
do cyberespaço pular ou navegar ou surfar de
página em página e mesmo interagir com outros
usuários, software ou mesmo os webservers.

Tomcat
• O Tomcat é um servidor web Java, sendo mais
especifico, server para armazenar servlets, isto é
programas escritos em Java para servidores Web.
servidor foi desenvolvido pela Apache Software
Foundation e é opensource, aceito oficialmente
pela Sun (hoje pertencente a Oracle) como
servidor Java. Sendo uma referência para as
tecnologias Java Servlet e Java Server Pages (JSP).
Sendo assim quase um servidor de aplicação
Web. Como servidor Web possui ferramentas de
configuração e gerenciamento.

IIS
• O Internet Information Services, que antes era
chamado de Internet Information Server foi
desenvolvido pela Microsoft e é distribuído
juntamente com o Sistema Operacional
Windows. Uma de suas funções é gerar páginas
HTML dinâmicas a partir de solicitações dos
clientes feitas em HTML ou em Active Server
Pages (ASP e/ou ASPX), mas pode atender outras
tecnologias através de plugins. Outra função
desse servidor é interpretar Web Services
chamados de ASMX.

Protocolo de Comunicação
• Protocolo é uma convenção ou padrão que
controla e possibilita uma conexão,
comunicação ou transferência de dados entre
dois sistemas computacionais. É a gramática
que define as formas léxica, sintática e
semântica da comunicação. Essa gramática
pode ser implementada via hardware,
software ou ambos.

Protocolo TCP/IP
• TCP/IP é um conjunto de protocolos de comunicação entre
computadores em rede. Seu nome vem dos dois protocolos
mais importantes do conjunto: o Transmission Control
Protocol (TCP) Protocolo de Controle de Transmissão e o
Internet Protocol (IP) Protocolo de Interconexão. O
conjunto de protocolos pode ser visto como um modelo de
camadas, onde cada camada é responsável por um grupo
de tarefas, fornecendo um conjunto de serviços bem
definidos para o protocolo da camada superior. As camadas
mais altas estão logicamente mais perto do usuário
(chamada camada de aplicação) e lidam com dados mais
abstratos, confiando em protocolos de camadas mais
baixas para tarefas de menor nível de abstração.

Protocolo HTTP
• O Hypertext Transfer Protocol (HTTP), que
significa Protocolo de Transferência de
Hipertexto) é um protocolo de comunicação
(na camada de aplicação segundo o Modelo
OSI) utilizado para transferir dados por
intranets e pela World Wide Web.
Normalmente, este protocolo utiliza o porta
80 e é usado para a comunicação de sítios
web, comunicando na linguagem HTML.

Protocolo HTTPS
• O HyperText Transfer Protocol Secure (HTPPS), é uma
implementação do protocolo HTTP sobre uma camada SSL ou do
TLS. Essa camada adicional permite que os dados sejam
transmitidos através de uma conexão criptografada e que se
verifique a autenticidade do servidor e do cliente através de
certificados digitais. A porta TCP usada por norma para o protocolo
HTTPS é a 443. O protocolo HTTPS é utilizado, em regra, quando se
deseja evitar que a informação transmitida entre o cliente e o
servidor seja visualizada por terceiros, como por exemplo no caso
de compras online. A existência na barra de tarefas (normalmente
do lado direito) de um cadeado demonstra a certificação de página
segura (SSL). Nas URLs dos sites o início ficaria 'https://'.
Geralmente os navegadores mais atuais indicam um site seguro,
geralmente atráves das barras de endereço que ficam verde.

Protocolo SMTP
• Simple Mail Transfer Protocol (SMTP) é o
protocolo padrão para envio de emails através
da Internet e é baseado em texto simples,
onde um ou vários destinatários de uma
mensagem são especificados (e, na maioria
dos casos, validados) sendo, depois, a
mensagem transferida.

Protocolo IMAP
• O Internet Message Access Protocol (IMAP) é
um protocolo de gerenciamento de correio
eletrônico superior em recursos ao POP3 -
protocolo que a maioria dos provedores
oferece aos seus assinantes. O mais
interessante é que as mensagens ficam
armazenadas no servidor e o internauta pode
ter acesso a suas pastas e mensagens em
qualquer computador, tanto por webmail
como por cliente de correio eletrônico.

Protocolo FTP
• O File Transfer Protocol (FTP) Protocolo de
Transferência de Arquivos, é uma forma
bastante rápida e versátil de transferir
arquivos, sendo uma das mais usadas na
internet.

Web 2.0
• Segundo Tim O'Reilly a definição para ela é:
"Web 2.0 é a mudança para uma internet
como plataforma, e um entendimento das
regras para obter sucesso nesta nova
plataforma. Entre outras, a regra mais
importante é desenvolver aplicativos que
aproveitem os efeitos de rede para se
tornarem melhores quanto mais são usados
pelas pessoas, aproveitando a inteligência
coletiva“

Web 3.0
• Forma mais moderna de ontologia (estudo do ser humano), baseada na expressão
que identifica a maneira de indexar informações ou mais especificadamente é à
taxonomia (classificação) de pessoas, isto é, a indexação de multimídias sociais
usando a linguagem natural como índice (tagging), permitindo que cada usuário da
rede classifique o que lhe interessa com um ou mais palavras-chaves (tags). E por
meio dessas é possível compartilhar e recuperar informações na rede. A grande
vantagem do uso das tags (folksonomia) é a capacidade de divulgação dos
conteúdos dos sites colaborativos, onde os próprios usuários é que se encarregam
de fazer a classificações do conteúdo do site, minimizando muito o custo que um
empresa teria na contratação de mão de obra classificações do conteúdo do site,
minimizando muito o custo que um empresa teria na contratação de mão de obra
responsável por essa atividade, o que inviabilizaria muitos negócios, pois o
tornaria financeiramente inviável, devido à grande quantidade de tempo e pessoal
necessário para o mesmo. É importante também destacar que ao liberar a
classificação de informação para o público, garante-se que o conteúdo será
naturalmente relacionado a palavras que os usuários acreditam ter ligação com os
mesmos.

AdWords
• Links com anúncios relacionados às palavras-
chave utilizadas no motor de busca.

AdSense
• Propagandas que geram lucros pela
quantidade de cliques.

Blogs
• Sites que disponibilizam espaço para
publicação de ideias que podem ser
comentadas.
• http://pt-br.wordpress.com
• http://www.blogger.com
• http://twitter.com

Bookmarking Social
• Compartilhamento de bookmarks na Web.
• http://www.delicious.com
• http://www.stumbleupon.com

Busca Horizontal
• Serviços de busca generalistas.
• http://www.google.com.br
• http://www.yahoo.com.br
• http://www.bing.com.br
• http://br.ask.com

Busca Localizada
• Serviços de busca que utilizam CEP ou IP para
retornar conteúdo mais significativo.

Busca Vertical
• Serviços de busca especialistas.
• http://www.kayak.com especialista em turismo.
• http://www.expedia.com especialista em turismo.
• http://www.zillow.com especialista em imóveis.
• http://www.trulia.com especialista em imóveis.
• http://www.indeed.com.br especialista em empregos.
• http://www.monster.com.br especialista em empregos.
• http://www.shopzilla.com especialista em compras.
• http://www.mysimon.com especialista em compras.
• http://technorati.com especializa de mídia social.

Findability (encontrabilidade)
• Caracteriza a facilidade de encontrar conteúdo.
• http://www.about.com diversificado.
• http://www.deitel.com tecnológico.
• http://www.ehow.com de como fazer qualquer coisa.
• http://www.hsw.uol.com.br como tudo funciona.
• http://www.livetips.biz dicas de como viver.

Feeds
• Sites que enviam conteúdo atualizado para
grupo de interesse.
• Google Alerta

Gadgets
• Pequenos aplicativos que podem ser
incorporados em sites.

Widgets
• Componentes GUI tipo janelas, botões,
menus, ícones, barras de rolagem, etc.
• http://www.widgipedia.com disponibiliza widgets.

Geotagging
• Serviços de localização de conteúdo.

Inteligência Coletiva
• Conceito que trata da colaboração que resulta
em idéias inteligentes.
• https://www.wesabe.com/groups inteligência
coletiva sobre finanças.

Mashups
• Combinação de vários sites com a finalidade
de se criar um novo site.
• http://www.housingmaps.com
• http://www.programmableweb.com

Mídia Social
• Disponibilização de texto, imagem e som.
• http://digg.com
• http://www.flickr.com
• http://picasa.google.com

PageRank
• Considera o número de links de uma página.

Redes de Conteúdo
• Sites que filtram informações de várias
maneiras diminuindo a poluição de
informação.

Redes Sociais
• Focada nos relacionamentos interpessoais.
• http://br.myspace.com
• http://pt-br.facebook.com
• http://www.linkedin.com

RIA
• Rich Internet Application - Aplicações Web
com GUI semelhantes aos Desktops.

SaaS
• Software as a Service - Aplicação executada
em um servidor Web.
• http://workspace.officelive.com/pt-BR
• http://www.officelive.com
• http://basecamphq.com
• http://campfirenow.com
• http://tadalist.com

Tagging
• Rotualagem de conteúdo.

Web Services
• Serviços remotos disponibilizados via métodos
remotos.

Web Semântica
• Forma mais atual da Web e que permite computadores e pessoas
trabalharem colaborativamente, isto é, ligando significados de
palavras (sentido) aos conteúdos publicados na Internet de modo
que seja perceptível tanto pelo humano como pelo computador.
Disponibilizando assim um novo formato de conteúdo para a Web
que tem significado para computadores e pessoas. O objetivo
principal da Web semântica não é fazer com que máquinas
entendam a linguagem humana, mas sim, utilizar tecnologias e
linguagens que tornem a informação legível para as máquinas,
através de padrões definidos pela W3C, o uso da linguagem
eXtensible Markup Language (XML), da tecnologias Resource
Description Framework (RDF), das arquitecturas de meta-dados, de
ontologias e dos agentes computacionais. Assim, o uso de serviços
Web que garantam a interoperabilidade e cooperação se tornam
mais eficientes e eficazes.

Microformatos
• Conjunto de formatos abertos projetados para adicionar
semântica em qualquer documento XML, especialmente
HTML e XHTML. Isso é feito usando atributos do HTML
específicos: class, rel, rev. As aplicações, como buscadores,
podem extrair informações específicas de páginas que
fazem uso de microformatos, como informações de
contato, evento, licença, entre outras. Segue um exemplo,
que informa que o link é seguro:
• <a href="http://www.google.com/"
rel="friend">Seguro</a>. Segue também algumas
referências de microformatos: hCard - para informação de
contato; hCalendar - para eventos; hReview - para revisões;
XFN - para relações sociais; e rellicense para licenças.

Wikis
• Disponibilização de definições.
• http://pt.wikipedia.org
• http://www.wikia.com/Wikia

XHTML
• eXtensible Hypertext Markup Language - é a
reformulação da linguagem de marcação HTML,
baseada em XML. Combina as tags de marcação HTML
com regras da XML. Este processo de padronização tem
em vista a exibição de páginas Web em diversos
dispositivos (televisão, palm, celular, etc). Sua intenção
é melhorar a acessibilidade. O XHTML consegue ser
interpretado por qualquer dispositivo,
independentemente da plataforma utilizada, pois as
marcações possuem sentido semântico para as
máquinas. O HTML não consegue esta implementação.
No entanto, não existem muitas diferenças entre o
HTML e o XHTML.

XML
• eXtensible Markup Language - é uma
recomendação da W3C para gerar linguagens
de marcação para necessidades especiais.
Sendo capaz de descrever diversos tipos de
dados. Seu propósito principal é a facilidade
de compartilhamento de informações através
da Internet.

AJAX
• Asynchronous JavaScript and XML.

SEM
• Search Engine Marketing ou Monetização do
Mecanismo de Busca.

SEO
• Search Engine Optimization ou Otimização do
Mecanismo de Busca.

WOL
• Web Ontology Language - é uma linguagem
que serve para definir e instanciar ontologias
na Web, incluindo descrições de classes e suas
respectivas propriedades e seus
relacionamentos. Esse tipo de linguagem faz
uso de várias tecnologias como XML e RDF.

RDF
• Resource Description Framewok é uma linguagem para
representar informação na Internet, nas quais os arquivos
RDF são modelos ou fontes de dados, também conhecidos
como metadados. Essa tecnologia é recomendada pela
W3C, tendo como principal objetivo criar um modelo
simples de dados, com uma semântica formal, usando XML.
São 3 os componentes básicos de um arquivo RDF: recurso
- qualquer coisa que pode conter um URL, incluindo as
páginas da web, assim como elementos de um documento
XML; propriedade - um recurso que tenha um determinado
nome e possa ser utilizado como uma propriedade; e a
indicação - consiste na combinação de um recurso, de uma
propriedade, e de um valor.

RSS
• Um subconjunto de "dialetos" XML que servem para
agregar conteúdo, podendo ser acessado por
programas ou sites. A abreviatura do RSS é usada para
se referir aos seguintes padrões: Rich Site Summary
(RSS 0.91), RDF Site Summary (RSS 0.9 e 1.0) e Really
Simple Syndication (RSS 2.0). A tecnologia do RSS
permite aos usuários da internet se inscreverem em
sites que fornecem "feeds" e esses são tipicamente
sites que mudam ou atualizam o seu conteúdo
regularmente. Para isso, são utilizados Feeds RSS que
recebem estas atualizações, desta maneira o utilizador
pode permanecer informado de diversas atualizações
em diversos sites sem precisar visitá-los um a um.

Introdução a Tecnologias Web

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (20)

Andere mochten auch

Andere mochten auch (16)

Ähnlich wie Introdução a Tecnologias Web

Ähnlich wie Introdução a Tecnologias Web (20)

Mehr von Álvaro Farias Pinheiro

Mehr von Álvaro Farias Pinheiro (18)

Introdução a Tecnologias Web