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

Introducao-ao-ambiente-web

  • 1.
    Desenvolvedor Web Introdução aoAmbiente de Criação Web André Luiz Silva de Moraes Instituto Federal de Santa Catarina
  • 2.
    Instituto Federal deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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 deSanta 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