SlideShare uma empresa Scribd logo
1 de 15
Baixar para ler offline
Desenvolvedor Web
Introdução ao Ambiente de Criação Web
André Luiz Silva de Moraes
Instituto Federal de Santa Catarina
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 2
Componentes da Internet
● Para existir internet é necessário pelo menos...
– Ambiente de Rede
● Para o tráfego dos dados
– Endereçamento IP
● Para a identificação dos equipamentos
– Equipamentos de rede
● Responsáveis por levar a informação adiante ou entre os
equipamentos
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 3
Evolução da Internet
● Fevereiro/1958 - Darpa (Defence
Advanced Research Project Agency)
– Criada pelos EUA para proteger e
garantir o domínio da tecnologia
● Inventou uma rede de computadores em
grande escala (ARPANET)
– Evitou a duplicação das pesquisas;
– Compartilhou as informações entre os
pesquisadores
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 4
Evolução da Internet
● 1962 – São descobertos mísseis atômicos fabricados em cuba e os americanos
ficam com medo de um possível ataque
● Foi necessária a criação de uma rede capaz de comunicar-se mesmo diante de problemas de ataques
– A solução foi espalhar as vias de comunicação conectando várias redes diferentes
● O que gerou o nome Inter-net (“inter redes”) e popularizada como internet.
● Fevereiro/1990 – A internet deixa de ser proprietária da ARPANET
– É adotado um padrão de comunicação que permitiu a compatibilidade entre redes diferentes
– O padrão de comunicação também incluiu um protocolo de comunicação permitindo a
comunicação por voz (protocolo X.25)
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 5
Evolução das páginas Web
● Páginas Estáticas
– Apenas exibiam um conteúdo sobre algum tema
juntamente com fotos.
● Páginas com animações simples
– Eram criadas animações ilustrando propagandas ou
informações aos visitantes
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 6
Evolução das Páginas Web
● Comércio em páginas
– Páginas permitem realizar negócios
● Interatividade + comércio em páginas
– Os negócios nas páginas permitem que o usuário dê sua
preferência ou avalie as compras
● Surpreender o usuário oferecendo coisas que ele possa
gostar
– Não basta vender, é necessário descobrir o gosto do cliente e
mostrar coisas que realmente lhe interessem
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 7
Evolução da Tecnologia
● Quais foram as principais mudanças na
tecnologia, negócios e na Internet dos últimos
tempos?
– Alguns estiveram no topo por muito tempo
– Alguns não sobreviveram às mudanças
– Alguns sofreram mutações para sobreviver
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 8
Softwares
● Softwares Locais utilizam a plataforma do sistema operacional
– Delphi, Visual Basic, Java
– São mais rápidos
– Interagem melhor com hardware
● Softwares Web utilizam recursos do navegador do cliente e do
servidor web
– PHP, .NET, JSP
– Podem ser utilizados por vários usuários ao mesmo tempo
– Independem de sistema Operacional
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 9
Ideia: Cliente x servidor
● Cliente
– Geralmente o usuário, é quem acessa algo requisitando uma
informação.
● Solicitação de dados de uma pesquisa;
● Alteração de informações de um cadastro;
● Cadastrar algo em um sistema de cadastro.
● Servidor
– Sempre deve responder enviando algo que foi solicitado.
● Processar a resposta de uma pesquisa;
● Exibir informações sobre alguma pesquisa realizada;
● Exibir o status de algo que está sendo processado.
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 10
Linguagens de desenvolvimento
cliente
● São linguagens de programação que não dependem de
um servidor para funcionarem.
– Funcionam apenas de forma local, onde não é necessário
nenhum recurso externo para exibir o seu resultado.
● HTML
● JAVASCRIPT
– Para serem utilizadas no desenvolvimento de páginas
necessitam apenas de um software editor de código e de um
navegador para visualizar o resultado.
● Exemplo: notepad ++ , Geany
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 11
Linguagens de desenvolvimento
servidor
● Dependem de processamento externo
– Geralmente necessitam que um servidor de páginas
interprete seu código para exibir um resultado
● PHP
● ASP
– Para utilizar no desenvolvimento de páginas é
necessário um software Servidor que possa interpretar
a linguagem desejada.
● Um exemplo: Apache Server
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 12
Linha do tempo das linguagens na web
–Fonte:
http://upload.wikimedia.org/wikipe
dia/commons/e/e4/Web_developme
nt_timeline.png
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 13
E para desenvolver páginas?
● É necessário:
– Um editor de código
– Um navegador
– Um servidor Web
– Um banco de Dados Web
● Quais ferramentas posso utilizar?
– Editor: Geany
– Navegador: Google Chrome / Firefox
– Servidor Web: Apache
– Banco de Dados Web: Mysql / Postgres
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 14
Sobre o Apache
● Consiste em um software capaz de responder solicitações de páginas de Internet
– Quem tem um site guarda as suas páginas em um local que é acessado pelo servidor Web para
enviar a página ao solicitante;
– Todo o site acessado na Internet é armazenado e exibido por um servidor Web;
● É complicado de ser instalado para apenas um ambiente de testes
– Solucão: ferramentas prontas
● Uma ferramenta pronta
– XAMPP
● Ambiente integrado que possui um servidor Web (apache) e outras ferramentas.
● Onde encontrar? http://www.apachefriends.org
Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 15
Sobre o Mysql
● Consiste em um software capaz de responder solicitações
de aplicativos web que pesquisem dados em um banco de
dados;
● Guardam as informações em dados estruturados;
● Eliminam o uso de arquivos para armazenar informações;
● Facilitam a busca e recuperação da informação;
● Facilitam o compartilhamento da informação.
● Também é complicado de instalar em ambiente de
desenvolvimento
● Solução: Xampp

Mais conteúdo relacionado

Mais procurados

Dafiti Tech Conference - PHP Levado a Sério
Dafiti Tech Conference - PHP Levado a SérioDafiti Tech Conference - PHP Levado a Sério
Dafiti Tech Conference - PHP Levado a SérioEvaldo Junior
 
Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01Renato Sousa
 
Visao geral TI03 2-0
Visao geral TI03 2-0Visao geral TI03 2-0
Visao geral TI03 2-0Ale Uehara
 

Mais procurados (6)

Php01
Php01Php01
Php01
 
Dafiti Tech Conference - PHP Levado a Sério
Dafiti Tech Conference - PHP Levado a SérioDafiti Tech Conference - PHP Levado a Sério
Dafiti Tech Conference - PHP Levado a Sério
 
Php
PhpPhp
Php
 
Java, PortalH8 e RedeCASD
Java, PortalH8 e RedeCASDJava, PortalH8 e RedeCASD
Java, PortalH8 e RedeCASD
 
Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01Curso Programação Web com Ruby on Rails - Aula 01
Curso Programação Web com Ruby on Rails - Aula 01
 
Visao geral TI03 2-0
Visao geral TI03 2-0Visao geral TI03 2-0
Visao geral TI03 2-0
 

Semelhante a Introducao-ao-ambiente-web

Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento WebSérgio Souza Costa
 
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...George Mendonça
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftFabrício Lopes Sanchez
 
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaTDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaCleber Dantas
 
TDC Floripa 2018 - Metralhando sua API
TDC Floripa 2018 - Metralhando sua APITDC Floripa 2018 - Metralhando sua API
TDC Floripa 2018 - Metralhando sua APIEdlaine Zamora
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançadoTargettrust
 
OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)Ricardo Rufino
 
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...André Curvello
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?Fabio Janiszevski
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoRodrigo Reis
 

Semelhante a Introducao-ao-ambiente-web (20)

Introdução ao desenvolvimento Web
Introdução ao desenvolvimento WebIntrodução ao desenvolvimento Web
Introdução ao desenvolvimento Web
 
Engenharia Web
Engenharia WebEngenharia Web
Engenharia Web
 
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
WordPress para Desenvolvedores - Utilizando WP como framework de desenvolvime...
 
Criando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias MicrosoftCriando aplicações web com tecnologias Microsoft
Criando aplicações web com tecnologias Microsoft
 
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escalaTDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
TDC - Técnicas e recursos para desenvolvimento web em cenários de grande escala
 
AJAX
AJAXAJAX
AJAX
 
Metralhando sua API
Metralhando sua APIMetralhando sua API
Metralhando sua API
 
TDC Floripa 2018 - Metralhando sua API
TDC Floripa 2018 - Metralhando sua APITDC Floripa 2018 - Metralhando sua API
TDC Floripa 2018 - Metralhando sua API
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
 
Metralhando sua API
 Metralhando sua API Metralhando sua API
Metralhando sua API
 
T@rget trust asp.net avançado
T@rget trust   asp.net avançadoT@rget trust   asp.net avançado
T@rget trust asp.net avançado
 
OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)
 
Asa cpbr4
Asa cpbr4Asa cpbr4
Asa cpbr4
 
Curso HTML 5 - Aula Inicial
Curso HTML 5 - Aula InicialCurso HTML 5 - Aula Inicial
Curso HTML 5 - Aula Inicial
 
Google Web Toolkit
Google Web ToolkitGoogle Web Toolkit
Google Web Toolkit
 
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...
Estação de Controle Multimídia com Interface Web utilizando Sistema Operacion...
 
O que move a web atualmente?
O que move a web atualmente?O que move a web atualmente?
O que move a web atualmente?
 
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, comoIntrodução ao Projeto de Plataformas de Software: o quê, por que, como
Introdução ao Projeto de Plataformas de Software: o quê, por que, como
 
Web tools pt-br
Web tools pt-brWeb tools pt-br
Web tools pt-br
 

Último

autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderLucliaResende1
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxLuizHenriquedeAlmeid6
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdfKarinaSouzaCorreiaAl
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123JaineCarolaineLima
 
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptx
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptxPPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptx
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptxLucianoPeixoto16
 
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...Unidad de Espiritualidad Eudista
 
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXA CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXHisrelBlog
 
Como fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresComo fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresEu Prefiro o Paraíso.
 
BNCC versão final 600 folhas pdf 110518-
BNCC versão final 600 folhas pdf 110518-BNCC versão final 600 folhas pdf 110518-
BNCC versão final 600 folhas pdf 110518-ArianeMartiniWurster1
 
Texto informativo - Bullying não é brincadeira
Texto informativo  - Bullying não é brincadeiraTexto informativo  - Bullying não é brincadeira
Texto informativo - Bullying não é brincadeiraMary Alvarenga
 
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Centro Jacques Delors
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Colaborar Educacional
 
Ressonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxRessonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxPatriciaFarias81
 
Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024gilmaraoliveira0612
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxMarceloDosSantosSoar3
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .WAGNERJESUSDACUNHA
 

Último (20)

autismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entenderautismo conhecer.pptx, Conhecer para entender
autismo conhecer.pptx, Conhecer para entender
 
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptxSlides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
Slides Lição 1, CPAD, O Início da Caminhada, 2Tr24, Pr Henrique.pptx
 
Abordagens 4 (Problematização) e 5 (Síntese pessoal) do texto de Severino (20...
Abordagens 4 (Problematização) e 5 (Síntese pessoal) do texto de Severino (20...Abordagens 4 (Problematização) e 5 (Síntese pessoal) do texto de Severino (20...
Abordagens 4 (Problematização) e 5 (Síntese pessoal) do texto de Severino (20...
 
Verbos - transitivos e intransitivos.pdf
Verbos -  transitivos e intransitivos.pdfVerbos -  transitivos e intransitivos.pdf
Verbos - transitivos e intransitivos.pdf
 
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
SEMIOSES DO OLHAR - SLIDE PARA ESTUDO 123
 
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptx
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptxPPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptx
PPT - FORMAÇÃO DOS ALUNOS PARA ELETIVA.pptx
 
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
A Congregação de Jesus e Maria, conhecida também como os Eudistas, foi fundad...
 
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARXA CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
A CONCEPÇÃO FILO/SOCIOLÓGICA DE KARL MARX
 
Como fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de GestoresComo fazer um Feedback Eficaz - Comitê de Gestores
Como fazer um Feedback Eficaz - Comitê de Gestores
 
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS(42-ESTUDO - LUCAS)  DISCIPULO  DE JESUS
(42-ESTUDO - LUCAS) DISCIPULO DE JESUS
 
BNCC versão final 600 folhas pdf 110518-
BNCC versão final 600 folhas pdf 110518-BNCC versão final 600 folhas pdf 110518-
BNCC versão final 600 folhas pdf 110518-
 
Abordagem 1. Análise textual (Severino, 2013).pdf
Abordagem 1. Análise textual (Severino, 2013).pdfAbordagem 1. Análise textual (Severino, 2013).pdf
Abordagem 1. Análise textual (Severino, 2013).pdf
 
Texto informativo - Bullying não é brincadeira
Texto informativo  - Bullying não é brincadeiraTexto informativo  - Bullying não é brincadeira
Texto informativo - Bullying não é brincadeira
 
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
Quiz | Eleições Europeias 2024-2029 (Parlamento Europeu)
 
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
Apresente de forma sucinta as atividades realizadas ao longo do semestre, con...
 
Ressonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptxRessonancia_magnetica_basica_slide_da_net.pptx
Ressonancia_magnetica_basica_slide_da_net.pptx
 
Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024Atividade de matemática para simulado de 2024
Atividade de matemática para simulado de 2024
 
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptxAula 6 - O Imperialismo e seu discurso civilizatório.pptx
Aula 6 - O Imperialismo e seu discurso civilizatório.pptx
 
Poder do convencimento,........... .
Poder do convencimento,...........         .Poder do convencimento,...........         .
Poder do convencimento,........... .
 
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdfAbordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
Abordagem 2. Análise temática (Severino, 2013)_PdfToPowerPoint.pdf
 

Introducao-ao-ambiente-web

  • 1. Desenvolvedor Web Introdução ao Ambiente de Criação Web André Luiz Silva de Moraes Instituto Federal de Santa Catarina
  • 2. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 2 Componentes da Internet ● Para existir internet é necessário pelo menos... – Ambiente de Rede ● Para o tráfego dos dados – Endereçamento IP ● Para a identificação dos equipamentos – Equipamentos de rede ● Responsáveis por levar a informação adiante ou entre os equipamentos
  • 3. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 3 Evolução da Internet ● Fevereiro/1958 - Darpa (Defence Advanced Research Project Agency) – Criada pelos EUA para proteger e garantir o domínio da tecnologia ● Inventou uma rede de computadores em grande escala (ARPANET) – Evitou a duplicação das pesquisas; – Compartilhou as informações entre os pesquisadores
  • 4. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 4 Evolução da Internet ● 1962 – São descobertos mísseis atômicos fabricados em cuba e os americanos ficam com medo de um possível ataque ● Foi necessária a criação de uma rede capaz de comunicar-se mesmo diante de problemas de ataques – A solução foi espalhar as vias de comunicação conectando várias redes diferentes ● O que gerou o nome Inter-net (“inter redes”) e popularizada como internet. ● Fevereiro/1990 – A internet deixa de ser proprietária da ARPANET – É adotado um padrão de comunicação que permitiu a compatibilidade entre redes diferentes – O padrão de comunicação também incluiu um protocolo de comunicação permitindo a comunicação por voz (protocolo X.25)
  • 5. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 5 Evolução das páginas Web ● Páginas Estáticas – Apenas exibiam um conteúdo sobre algum tema juntamente com fotos. ● Páginas com animações simples – Eram criadas animações ilustrando propagandas ou informações aos visitantes
  • 6. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 6 Evolução das Páginas Web ● Comércio em páginas – Páginas permitem realizar negócios ● Interatividade + comércio em páginas – Os negócios nas páginas permitem que o usuário dê sua preferência ou avalie as compras ● Surpreender o usuário oferecendo coisas que ele possa gostar – Não basta vender, é necessário descobrir o gosto do cliente e mostrar coisas que realmente lhe interessem
  • 7. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 7 Evolução da Tecnologia ● Quais foram as principais mudanças na tecnologia, negócios e na Internet dos últimos tempos? – Alguns estiveram no topo por muito tempo – Alguns não sobreviveram às mudanças – Alguns sofreram mutações para sobreviver
  • 8. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 8 Softwares ● Softwares Locais utilizam a plataforma do sistema operacional – Delphi, Visual Basic, Java – São mais rápidos – Interagem melhor com hardware ● Softwares Web utilizam recursos do navegador do cliente e do servidor web – PHP, .NET, JSP – Podem ser utilizados por vários usuários ao mesmo tempo – Independem de sistema Operacional
  • 9. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 9 Ideia: Cliente x servidor ● Cliente – Geralmente o usuário, é quem acessa algo requisitando uma informação. ● Solicitação de dados de uma pesquisa; ● Alteração de informações de um cadastro; ● Cadastrar algo em um sistema de cadastro. ● Servidor – Sempre deve responder enviando algo que foi solicitado. ● Processar a resposta de uma pesquisa; ● Exibir informações sobre alguma pesquisa realizada; ● Exibir o status de algo que está sendo processado.
  • 10. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 10 Linguagens de desenvolvimento cliente ● São linguagens de programação que não dependem de um servidor para funcionarem. – Funcionam apenas de forma local, onde não é necessário nenhum recurso externo para exibir o seu resultado. ● HTML ● JAVASCRIPT – Para serem utilizadas no desenvolvimento de páginas necessitam apenas de um software editor de código e de um navegador para visualizar o resultado. ● Exemplo: notepad ++ , Geany
  • 11. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 11 Linguagens de desenvolvimento servidor ● Dependem de processamento externo – Geralmente necessitam que um servidor de páginas interprete seu código para exibir um resultado ● PHP ● ASP – Para utilizar no desenvolvimento de páginas é necessário um software Servidor que possa interpretar a linguagem desejada. ● Um exemplo: Apache Server
  • 12. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 12 Linha do tempo das linguagens na web –Fonte: http://upload.wikimedia.org/wikipe dia/commons/e/e4/Web_developme nt_timeline.png
  • 13. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 13 E para desenvolver páginas? ● É necessário: – Um editor de código – Um navegador – Um servidor Web – Um banco de Dados Web ● Quais ferramentas posso utilizar? – Editor: Geany – Navegador: Google Chrome / Firefox – Servidor Web: Apache – Banco de Dados Web: Mysql / Postgres
  • 14. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 14 Sobre o Apache ● Consiste em um software capaz de responder solicitações de páginas de Internet – Quem tem um site guarda as suas páginas em um local que é acessado pelo servidor Web para enviar a página ao solicitante; – Todo o site acessado na Internet é armazenado e exibido por um servidor Web; ● É complicado de ser instalado para apenas um ambiente de testes – Solucão: ferramentas prontas ● Uma ferramenta pronta – XAMPP ● Ambiente integrado que possui um servidor Web (apache) e outras ferramentas. ● Onde encontrar? http://www.apachefriends.org
  • 15. Instituto Federal de Santa Catarina - Curso de Desenvolvedor Web 15 Sobre o Mysql ● Consiste em um software capaz de responder solicitações de aplicativos web que pesquisem dados em um banco de dados; ● Guardam as informações em dados estruturados; ● Eliminam o uso de arquivos para armazenar informações; ● Facilitam a busca e recuperação da informação; ● Facilitam o compartilhamento da informação. ● Também é complicado de instalar em ambiente de desenvolvimento ● Solução: Xampp