Escolar Documentos
Profissional Documentos
Cultura Documentos
TECNOLOGIAS WEB
Introdução às Tecnologias Web
Prof. Me. Joseph Soares Alcântara
ENGENHARIA DA COMPUTAÇÃO
2018.1
PROGRAMA DA DISCIPLINA
2
1) Introdução às Tecnologias Web
2) Protocolo HTTP
Introdução às Tecnologias Web
3) Introdução ao HTML
4) Introdução ao CSS
5) Introdução ao JavaScript
6) Introdução à biblioteca jQuery
7) Introdução ao Bootstrap
8) Metodologias / Modelos de Desenvolvimento
9) Linguagens para web
INTRODUÇÃO ÀS TECNOLOGIAS WEB
3
● Introdução
Cliente/Servidor
Introdução às Tecnologias Web
● Outras Tecnologias
4
Introdução às Tecnologias Web
INTRODUÇÃO
World Wide Web – WWW – Internet
ARPANET
5
● A Internet trata-se de uma rede de computadores conectados de largo alcance que permite a
troca de informações através de envio (upload) e recebimento (download) de dados
Introdução às Tecnologias Web
● Sua história teve início na Guerra Fria travada por EUA x URSS (1945-1991)
– O Departamento de defesa dos EUA criou um sistema de compartilhamento de informações
com a finalidade de facilitar as estratégias de guerra
– Nesse momento, surge a primeira rede de Internet, a Arpanet (Advanced Research and Projects
Agency Network)
– Dia 29 de outubro de 1969 foi estabelecida a primeira conexão entre a Universidade da
Califórnia e o Instituto de Pesquisa de Stanford – primeiro e-mail enviado
– A primeira mensagem transmitida: “LO”
WORLD WIDE WEB – WWW – INTERNET
6
● Em 1989, Tim Berners-Lee apresentou a seu chefe um documento que tinha escrito
“Information Management: A proposal” – “Gerenciamento de Informação: Uma proposta”
Introdução às Tecnologias Web
e instituições de pesquisa
● Em 1995, torna-se disponível publicamente, deixando de ser privilégio das universidades e
da iniciativa privada
8
Introdução às Tecnologias Web
CLIENTE/SERVIDOR
Arquitetura de comunicação
CLIENTE/SERVIDOR
9
● O computador que disponibiliza página web é denominado “Servidor”
– Software que provê o serviço
Introdução às Tecnologias Web
● Observe que não há nada de especial com o computador, exceto por possuir o software
Servidor
Requisição
Cliente
Internet
Resposta
SERVIDOR WEB
11
● Para que um computador possa fornecer páginas na web, ele deve estar executando um
software que permita a manipulação de transações HTTP – Servidor HTTP
Introdução às Tecnologias Web
● Algumas opções
– Apache HTTP Server – código aberto, disponível para Windows, Linux e Mac OS
– Microsoft Internet Information Service (IIS) – proprietário da Microsoft
– Light HTTP Server
– Nginx
– Tomcat
SERVIDOR WEB
12
● Para todo computador conectado à Internet, é atribuído um endereço único
– Ex.: 216.58.202.206, IP do Google
Introdução às Tecnologias Web
– Servidor SSH
– Servidor Banco de Dados
● O software mais comum para esse fim é o navegador web (web browser), também conhecido
como agente do usuário (user-agent)
– Disponíveis para desktop e dispositivos mobiles
Introdução às Tecnologias Web
15
NAVEGADOR – LYNX
NAVEGADORES
16
Introdução às Tecnologias Web
Microsoft IE / Edge
Netscape Safari
– Google Chrome
– Outros
– IIS
– Outros
● Processamento lógico
– Python – 1991
– PHP – 1995
– Ruby (on Rails) – 1995
– ASP – 1998
– Java JSP – 1999
– ASP.NET – 2002
– Java JSF – 2009
SERVER SIDE
21
● Armazenamento
– Oracle – 1979
Introdução às Tecnologias Web
OUTRAS TECNOLOGIAS
Outras tecnologias web
JQUERY
27
● Biblioteca de funções JavaScript que interage com o HTML
Redução de código
Introdução às Tecnologias Web
● Ex.:
Sem jQuery: document.getElementById('Teste').value = 5;
29
MATERIALIZE
BOOTSTRAP
30
● Biblioteca/framework front-end responsivo
Acelera o desenvolvimento
Introdução às Tecnologias Web
31
FRAMEWORK WEB
32
● Abstração que une diversos códigos que são comumente encontrado em vários projetos de
software, procurando fornecer uma funcionalidade genérica
Introdução às Tecnologias Web
● Desenvolvido em uma linguagem específica que irá auxiliar sistemas desenvolvidos naquela
mesma linguagem
● Pode conter um conjunto de bibliotecas com funções que são mais frequentemente utilizadas
● Ex.:
– Padrão de projeto
– Conexão com banco de dados
– Unidades de testes
FRAMEWORK WEB
33
● Para cada linguagem é possível encontrar diversos frameworks
Introdução às Tecnologias Web
35
WEBSERVICES – EXEMPLO
Introdução às Tecnologias Web
36
37
Internet
Introdução às Tecnologias Web
Banco de Dados
WebService
Introdução às Tecnologias Web
38
39
Introdução às Tecnologias Web
ENGENHARIA DA COMPUTAÇÃO
2017.2