SlideShare uma empresa Scribd logo
1 de 59
Professor: Rodrigo Lins Rodrigues
   Aula 1 – 07 e 09 de 02/2012 e
   O que é Web 2.0?
   Ciclos da Web
   Abrangência
   Web 2.0 Hoje
   Mercado de Trabalho “2.0”
 Informação a qualquer hora,
em qualquer lugar;
 Rápidos resultados;
 Portabilidade absoluta;
 Manutenção facilitada;
   Voltar ao tempo para entender o termo;
   A evolução da web;
   Ciclo.
   Conteúdo: Estático e atualizado pelos
       webmastes;
      Tecnologia: Escassas e limitadas;
      Desenvolvimento: Praticamente artesanal;
      Serviços: Apenas uma vitrine, nenhuma
       interação do usuário.


Requisição básica client-server
   Conteúdo: A publicação de artigos e notícias se
      torna automatizado;

     Tecnologia: Evolução das tecnologias e
      surgimento de outras;

     Desenvolvimento: Surgem softwares que ajudam
      em algumas partes do processo;

     Serviços: Surgem as primeiras aplicações
      comerciais, os usuários já tem alguma
Requisição usando banco de dados

      interatividade. Inícios dos "Webmails"
   Conteúdo: Ainda mais dinâmico, mais customizável
    e mais abrangente. (Música, video e animações);

   Tecnologia: Tecnologia começa a se tornar padrão
    com (XHTML, CSS, XML). A era do Flash. Os
    navegadores alcançam níveis satisfatórios de
    recursos;

   Desenvolvimento: Surgem NOVOS softwares que
    ajudam em algumas partes do processo ;

   Serviços: Deixam de ser vitrines e se tornam
    aplicações profissionais. O usuário confia um pouco
    mais na web e começa a comprar pela internet.
   Conteúdo: Em sua grande maioria livre. Os usuários;

   Tecnologia: Padrões muito mais próximos ao W3C;
    Surgimento do AJAX, consolidação do padrão XML;

   Desenvolvimento: Mais automatizado, mais
    ferramentas de desenvolvimento, muito mais
    produtivo. Seja no cliente ou no Servidor.

   Serviços: O uso de recursos como o Ajax, deixam os
    sites com aparência de aplicações. Os usuários tem
    muito mais interação com os sites, conquistam mais
    poder e liberdade
   Informação a qualquer hora, em qualquer
    lugar;
   Rápidos resultados;
   Portabilidade absoluta;
   Manutenção facilitada;
   Visualização de dados sem comunicação
    externa (conteúdo estático)
   A partir da troca de dados, entre um cliente e
    um servidor (conteúdo dinâmico)
   Arquitetura client-server: requisição -
    resposta
Requisição básica client-server
Requisição usando banco de dados
Desenvolver pra web resume-se, então, em
"criar interfaces (páginas) que dão acesso a um
  conteúdo local ou externo, sendo este
  através de requisições e respostas (troca de
  dados)."
   Uma página web constitui-se de três
    camadas:
    ◦ Conteúdo
    ◦ Apresentação
    ◦ Comportamento
   A divisão em camadas, além de ser uma boa
    prática, facilita o nosso trabalho e nos
    oferece mais performance ao projeto.
   Uma página web constitui-se de três
    camadas:
    ◦ Conteúdo
    ◦ Apresentação
    ◦ Comportamento
   A divisão em camadas, além de ser uma boa
    prática, facilita o nosso trabalho e nos
    oferece mais performance ao projeto.
Modelo de desenvolvimento em
camadas: organização de código,
facilitação do trabalho
   Camada fundamental, a mais importante.
   Na maioria das vezes, HTML – hoje evoluído
    para XHTML.
   XHTML É a linguagem responsável por exibir
    e estruturar os dados.
   Teoria muito simples, fácil entendida quando
    bem usada
   Deve ser sempre o mesmo
    código, independentemente do dispositivo /
    programa que acessa a página.
   Basicamente, é a formatação, o design da
    página.
   Deve ser construída a partir de uma
    linguagem chamada CSS (Cascading Style
    Sheet – Folha de estilos encadeados)
   CSS é a parte do código que cuida do
    layout, design e formatação da página e seus
    componentes;
   Uso simples, intuitivo;
   Pode mudar de acordo com o dispositivo ou
    programa que está acessando a página, ou
    até mesmo com as preferências do usuário.
item {
   cor: vermelho;
   tamanho: 2;
}
parágrafo {
   destaque: negrito;
   alinhamento: centralizado;
}

Analogia à estrutura do CSS
   Até agora, temos pouca interação com o
    usuário.
   Tem conteúdo, é bonito. Mas é sem graça.
   O usuário precisa interagir mais com a
    página, e a página precisa reagir a comandos
    do usuário! A página precisa de
    comportamento!
   É a camada que permite melhorar a interação
    do usuário com a página;

   É composta principalmente por uma outra
    linguagem, chamada JavaScript. Muitas vezes
    essa camada fica restrita a determinados
    dispositivos / programas.
   Uma poderosíssima linguagem de
    programação, mais voltada para a Web, que
    nos oferece inúmeros recursos para uma
    página;

   Recursos mais avançados da linguagem, às
    vezes, requerem um navegador mais
    aprimorado;
resultado = pergunta("Deseja realmente sair da
   página?");
se (resultado == sim) {
   sair();
} senão {
   permanecer();
}
Analogia à estrutura do JavaScript
Modelo de desenvolvimento em
camadas: linguagens utilizadas
Servidores
      Web, BD           Internet   Cliente com
                                   Web Browser




            Terceirizável           Manutenção
                                     Mínima,
                                   Tempo Zero de
Aplicação                           Configuração
   É um conjunto de normas e recomendações
    para o desenvolvimento web que visam
    padronizar e, assim, facilitar a programação
    e acesso.
   Um consórcio chamado W3C (World Wide
    Web Consortium), que foi criado para tornar
    a Web "universal", criando padrões;

   É composto por empresas na área de
    tecnologias pra Web;
   O maior problema que enfrentamos hoje,
    quando estamos desenvolvendo uma
    aplicação web, é a incompatibilidade de
    nossos projetos entre navegadores.
   Quando a Web surgiu, navegadores
    começaram a adicionar recursos que apenas
    ele possuíam, no intuito de atrair
    desenvolvedores;

   O problema era que todos os navegadores
    eram usados. E o usuário tem direito a ter
    acesso onde ele quiser;
   Internet Explorer e Netscape Navigator, os
    mais usados na época, travaram uma
    verdadeira "guerra";

   O resultado foi que cada site tinha que ter
    uma versão para cada navegador;

   E quem era mais prejudicado? Isso. Nós.
    Desenvolvedores.
   Então entramos na briga e agora apoiamos
    completamente os padrões web.
   E agora os navegadores estão cada vez mais
    se aprimorando neste aspecto.
   Próxima geração (mais usados):
   Desenvolvedor back-end
    ◦ JAVA,php, ruby, django (python), asp;
   Desenvolvedor front-end
    ◦ Html 5, CSS3, javascript;
    ◦ Usabilidade / Acessibilidade
   Arquitetura web
    ◦ SOA
    ◦ Web-Services
    ◦ API
   Segurança web
   HTML
   CSS
   Javascript
   XML
   ...
<html>
 <head>
   <title>Título da Página</title>
 </head>
 <body>
   Esta é minha primeira página.
 </body>
</html>
<html>
  <head>
    <link href="pagina.css" rel="stylesheet"
type="text/css" />
    <title>Título da Página</title>
  </head>
  <body>
    Esta é minha primeira página.
  </body>
</html>
body {
  background-color :
#ffffff;
  color : #000000;
}
<html>
    <body>
        <script type="text/javascript">
        for (i = 0; i < 5; i++)
        {
               document.write("Alo você !!!")
               document.write("<br />")
        }
        </script>
    </body>
</html>
<html>                             <body>
 <head>                              <script
   <script                        type="text/javascript">
type="text/javascript">               document.write(alo(4))
   function alo(k)                   </script>
   {                               </body>
     var s = "";                  </html>
     for (i = 0; i < k; i++)
     {
         s = s + "Alo você !!!"
         s = s + "<br />"
     }
     return s
   }
   </script>
   <title>Alouuuuuu</title>
 </head>
<?xml version="1.0" encoding="UTF-8"?>
<livros>
      <livro isbn=“0001”>
            <titulo>JavaServer Pages</titulo>
            <autor>Nick Todd</autor>
            <editora>Campus</editora>
            <assunto>JSP</assunto>
      </livro>
      <livro isbn=“0002”>
            <titulo>Meu pé de laranja
lima</titulo>
            <editora>Vozes</editora>
            <autor>Brilhante</autor>
      </livro>
</livros>
   “Inferno” dos web-designers: compatibilidade
    entre browsers!
    ◦   Firefox
    ◦   Opera
    ◦   Internet Explorer (IECA)
    ◦   Konqueror
   Necessidade dos websites oferecerem
    conteúdos dinâmicos e atualizados
   Ciclo de vida da informações trafegadas entre
    servidor e cliente (escopo)
   Linguagens de script
    ◦   JSP
    ◦   ASP
    ◦   PHP
    ◦   Perl
   Servidores Web
    ◦ IIS
    ◦ Apache
    ◦ Tomcat
   Servidor web mais utilizado no mundo
    atualmente (Fonte: Netcraft)
   Software Livre
   Escrito em C
   Executa diversas linguagens script: PhP, Perl,
    ASP, etc.
   Possui suporte nativo ao MySQL
   Implementação de referência para
    JSP/Servlets (Java)
   Escrito em Java
   Devido à sua simplicidade e fácil instalação, é
    comumente utilizado em cursos para
    desenvolvimento web
   Estes servidores oferecem recursos comuns
    a diferentes aplicações
    (autenticação, conexão à BDs, suporte a
    transação, etc)
   Pensando-se numa arquitetura em
    camadas, um servidor de aplicação é um
    servidor que hospeda e oferece serviços
    para outras aplicações
   Com isso, espera-se que os
    desenvolvedores poupem tempo para
    implementação da lógica do negócio
 Formato padrão, baseado em
XML
 Tem sido adotado por websites que
  disponibilizam informações na rede, como
  sites de jornais, blogs, sites
  institucionais, etc.
 Hoje existem diversos leitores (agregadores)
  de RSS: browsers, programas de e-
  mail, softwares, etc ..
   Proposta:
    ◦ Integração de sistemas através do uso de XML
      sobre HTTP
   Tecnologias:
    ◦ XML
    ◦ WSDL (Web Service Description Language)
    ◦ SOAP (Simple Object Access Protocol)
   Vantagens:
    ◦ Integração com baixo acoplamento
    ◦ Independe das linguagens de implementação
   Asynchronous Javascript And XML
   Construção de páginas mais dinâmicas
    através de chamadas assíncronas ao servidor
   Não é uma tecnologia, mas sim uma
    combinação de tecnologias
    ◦ XHTML + CSS + XML + XSLT + XMLHttpRequest e
      JavaScript

Mais conteúdo relacionado

Mais procurados

Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01 Léo Dias
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScriptBruno Catão
 
Conceitos de Banco de dados e SGBD
Conceitos de Banco de dados e SGBDConceitos de Banco de dados e SGBD
Conceitos de Banco de dados e SGBDVinicius Buffolo
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSSledsifes
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10LucasMansueto
 
Aula 1 - Introdução a Engenharia de Software
Aula 1 -  Introdução a Engenharia de SoftwareAula 1 -  Introdução a Engenharia de Software
Aula 1 - Introdução a Engenharia de SoftwareLeinylson Fontinele
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação webCentro Paula Souza
 
Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareCloves da Rocha
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScriptCarlos Eduardo Kadu
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Bruno Grange
 

Mais procurados (20)

Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01   Curso de HTML5 - Aula 01
Curso de HTML5 - Aula 01
 
Introdução a JavaScript
Introdução a JavaScriptIntrodução a JavaScript
Introdução a JavaScript
 
Conceitos de Banco de dados e SGBD
Conceitos de Banco de dados e SGBDConceitos de Banco de dados e SGBD
Conceitos de Banco de dados e SGBD
 
Javascript aula 01 - visão geral
Javascript   aula 01 - visão geralJavascript   aula 01 - visão geral
Javascript aula 01 - visão geral
 
Html
HtmlHtml
Html
 
Apresentação HTML e CSS
Apresentação HTML e CSSApresentação HTML e CSS
Apresentação HTML e CSS
 
Introdução CSS
Introdução CSSIntrodução CSS
Introdução CSS
 
Aula- Virtualização
Aula- VirtualizaçãoAula- Virtualização
Aula- Virtualização
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10Aula 01 - Sistemas Operacionais - Windows 10
Aula 01 - Sistemas Operacionais - Windows 10
 
Aula 1 - Introdução a Engenharia de Software
Aula 1 -  Introdução a Engenharia de SoftwareAula 1 -  Introdução a Engenharia de Software
Aula 1 - Introdução a Engenharia de Software
 
01 Introdução à programação web
01 Introdução à programação web01 Introdução à programação web
01 Introdução à programação web
 
Aula02 - JavaScript
Aula02 - JavaScriptAula02 - JavaScript
Aula02 - JavaScript
 
Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de Software
 
Introdução básica ao JavaScript
Introdução básica ao JavaScriptIntrodução básica ao JavaScript
Introdução básica ao JavaScript
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
 
Html Básico
Html BásicoHtml Básico
Html Básico
 
Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)Minicurso de JavaScript (Portuguese)
Minicurso de JavaScript (Portuguese)
 
Curso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSSCurso de Desenvolvimento Web - Módulo 02 - CSS
Curso de Desenvolvimento Web - Módulo 02 - CSS
 

Destaque

Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Valmir Justo
 
0 si apresentação de introdução ao desenvolvimento web
0   si apresentação de introdução ao desenvolvimento web0   si apresentação de introdução ao desenvolvimento web
0 si apresentação de introdução ao desenvolvimento weblucianoteixeirasgmail
 
Desenvolvimento Web 03 - David Arty - SENAC
Desenvolvimento Web 03 - David Arty - SENACDesenvolvimento Web 03 - David Arty - SENAC
Desenvolvimento Web 03 - David Arty - SENACDavid Arty
 
Desenvolvimento Web 02 - David Arty - SENAC
Desenvolvimento Web 02 - David Arty - SENACDesenvolvimento Web 02 - David Arty - SENAC
Desenvolvimento Web 02 - David Arty - SENACDavid Arty
 
Desenvolvimento Web: Por que Java?
Desenvolvimento Web: Por que Java?Desenvolvimento Web: Por que Java?
Desenvolvimento Web: Por que Java?Diogo Souza
 
Engenharia de software para Web
Engenharia de software para WebEngenharia de software para Web
Engenharia de software para WebIuri Matos
 
Linguagem de Programação II - Apresentação da Disciplina
Linguagem de Programação II - Apresentação da DisciplinaLinguagem de Programação II - Apresentação da Disciplina
Linguagem de Programação II - Apresentação da DisciplinaDaniel Arndt Alves
 
Portal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS JoomlaPortal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS Joomlarafaelberlanda
 
Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Bull Marketing
 
Criação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACCriação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACDavid Arty
 
Programação orientada a objetos – II
Programação orientada a objetos – IIProgramação orientada a objetos – II
Programação orientada a objetos – IIGabriel Faustino
 
Programação orientada a objetos – III
Programação orientada a objetos – IIIProgramação orientada a objetos – III
Programação orientada a objetos – IIIGabriel Faustino
 
Análise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionaisAnálise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionaisRodrigo Rodrigues
 
Poesia Matemática
Poesia MatemáticaPoesia Matemática
Poesia MatemáticaLaís Rios
 

Destaque (18)

Desenvolvimento web I - Introdução
Desenvolvimento web I - IntroduçãoDesenvolvimento web I - Introdução
Desenvolvimento web I - Introdução
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Curso de Joomla!
Curso de Joomla!Curso de Joomla!
Curso de Joomla!
 
Minicurso PHP (rascunho - não terminado)
Minicurso PHP (rascunho - não terminado)Minicurso PHP (rascunho - não terminado)
Minicurso PHP (rascunho - não terminado)
 
0 si apresentação de introdução ao desenvolvimento web
0   si apresentação de introdução ao desenvolvimento web0   si apresentação de introdução ao desenvolvimento web
0 si apresentação de introdução ao desenvolvimento web
 
Desenvolvimento Web 03 - David Arty - SENAC
Desenvolvimento Web 03 - David Arty - SENACDesenvolvimento Web 03 - David Arty - SENAC
Desenvolvimento Web 03 - David Arty - SENAC
 
Desenvolvimento Web 02 - David Arty - SENAC
Desenvolvimento Web 02 - David Arty - SENACDesenvolvimento Web 02 - David Arty - SENAC
Desenvolvimento Web 02 - David Arty - SENAC
 
Desenvolvimento Web: Por que Java?
Desenvolvimento Web: Por que Java?Desenvolvimento Web: Por que Java?
Desenvolvimento Web: Por que Java?
 
Engenharia de software para Web
Engenharia de software para WebEngenharia de software para Web
Engenharia de software para Web
 
Linguagem de Programação II - Apresentação da Disciplina
Linguagem de Programação II - Apresentação da DisciplinaLinguagem de Programação II - Apresentação da Disciplina
Linguagem de Programação II - Apresentação da Disciplina
 
Portal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS JoomlaPortal Padrão do Governo Federal em CMS Joomla
Portal Padrão do Governo Federal em CMS Joomla
 
Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?Joomla, o que é? Para que serve?
Joomla, o que é? Para que serve?
 
Criação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENACCriação de Sites - David Arty - SENAC
Criação de Sites - David Arty - SENAC
 
Programação orientada a objetos – II
Programação orientada a objetos – IIProgramação orientada a objetos – II
Programação orientada a objetos – II
 
Programação orientada a objetos – III
Programação orientada a objetos – IIIProgramação orientada a objetos – III
Programação orientada a objetos – III
 
Modelo caso uso
Modelo caso usoModelo caso uso
Modelo caso uso
 
Análise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionaisAnálise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionais
 
Poesia Matemática
Poesia MatemáticaPoesia Matemática
Poesia Matemática
 

Semelhante a Introdução sobre desenvolvimento web

Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sitesthiagolima
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaAlexandre Tarifa
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livreRuan Carvalho
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software LivreRuan Carvalho
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev IntroduçãoMarcio Marinho
 
Introdução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioIntrodução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioRicardoKratz2
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasSusana Oliveira
 
Tecnologia web aula 03
Tecnologia web  aula 03Tecnologia web  aula 03
Tecnologia web aula 03Manuel Ernesto
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Webigorpimentel
 
Latinoware 2012 - Desenvolvendo Interfaces com Holy
Latinoware 2012 - Desenvolvendo Interfaces com HolyLatinoware 2012 - Desenvolvendo Interfaces com Holy
Latinoware 2012 - Desenvolvendo Interfaces com HolyDextra
 
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...Leandro Guimarães
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPelliando dias
 
ASP.NET - Conhecendo um pouco do framework
ASP.NET - Conhecendo um pouco do frameworkASP.NET - Conhecendo um pouco do framework
ASP.NET - Conhecendo um pouco do frameworkGuilherme Ferreira
 

Semelhante a Introdução sobre desenvolvimento web (20)

Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
Apresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo SitesApresentação Minas - Desenvolvendo Sites
Apresentação Minas - Desenvolvendo Sites
 
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escalaTécnicas e recursos para desenvolvimento Web em cenários de grande escala
Técnicas e recursos para desenvolvimento Web em cenários de grande escala
 
Desenvolvimento web com software livre
Desenvolvimento web com software livreDesenvolvimento web com software livre
Desenvolvimento web com software livre
 
Desenvolvimento web com Software Livre
Desenvolvimento web com Software LivreDesenvolvimento web com Software Livre
Desenvolvimento web com Software Livre
 
Java Web Dev Introdução
Java Web Dev IntroduçãoJava Web Dev Introdução
Java Web Dev Introdução
 
Introdução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos BazilioIntrodução à Programação “para Web” de Carlos Bazilio
Introdução à Programação “para Web” de Carlos Bazilio
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
Conceitos de Ajax
Conceitos de AjaxConceitos de Ajax
Conceitos de Ajax
 
Introdução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticasIntrodução ao desenvolvimento de páginas web estáticas
Introdução ao desenvolvimento de páginas web estáticas
 
XHTML e CSS
XHTML e CSSXHTML e CSS
XHTML e CSS
 
Professor rogerio-apostila
Professor rogerio-apostilaProfessor rogerio-apostila
Professor rogerio-apostila
 
Tecnologia web aula 03
Tecnologia web  aula 03Tecnologia web  aula 03
Tecnologia web aula 03
 
Ferramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento WebFerramentas Livres para Desenvolvimento Web
Ferramentas Livres para Desenvolvimento Web
 
Latinoware 2012 - Desenvolvendo Interfaces com Holy
Latinoware 2012 - Desenvolvendo Interfaces com HolyLatinoware 2012 - Desenvolvendo Interfaces com Holy
Latinoware 2012 - Desenvolvendo Interfaces com Holy
 
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
Latinoware2012 - Desenvolvendo interfaces WEB com HOLY de forma prática e efi...
 
(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax(A18) LabMM3 - Ajax
(A18) LabMM3 - Ajax
 
Desenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHPDesenvolvimento Web Avançado usando PHP
Desenvolvimento Web Avançado usando PHP
 
ASP.NET - Conhecendo um pouco do framework
ASP.NET - Conhecendo um pouco do frameworkASP.NET - Conhecendo um pouco do framework
ASP.NET - Conhecendo um pouco do framework
 
Curso asp - basico
Curso   asp - basicoCurso   asp - basico
Curso asp - basico
 

Mais de Rodrigo Rodrigues

Aula 6 análise de conglomerados
Aula 6  análise de conglomeradosAula 6  análise de conglomerados
Aula 6 análise de conglomeradosRodrigo Rodrigues
 
Aula 5 modelo de regressão loística
Aula 5   modelo de regressão loísticaAula 5   modelo de regressão loística
Aula 5 modelo de regressão loísticaRodrigo Rodrigues
 
Aula 4 modelos de regressão linear
Aula 4   modelos de regressão linearAula 4   modelos de regressão linear
Aula 4 modelos de regressão linearRodrigo Rodrigues
 
Aula 3 testes de hipóteses e anova
Aula 3   testes de hipóteses e anovaAula 3   testes de hipóteses e anova
Aula 3 testes de hipóteses e anovaRodrigo Rodrigues
 
Aula 2 prática computacional de estatística descritiva
Aula 2   prática computacional de estatística descritivaAula 2   prática computacional de estatística descritiva
Aula 2 prática computacional de estatística descritivaRodrigo Rodrigues
 
Aula 1 introdução e estatística descritiva
Aula 1   introdução e  estatística descritivaAula 1   introdução e  estatística descritiva
Aula 1 introdução e estatística descritivaRodrigo Rodrigues
 
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...Rodrigo Rodrigues
 
Pesquisa Quantitativa: aspectos teóricos e computacionais
Pesquisa Quantitativa: aspectos teóricos e computacionaisPesquisa Quantitativa: aspectos teóricos e computacionais
Pesquisa Quantitativa: aspectos teóricos e computacionaisRodrigo Rodrigues
 
Teste de hipóteses - paramétricos
Teste de hipóteses - paramétricosTeste de hipóteses - paramétricos
Teste de hipóteses - paramétricosRodrigo Rodrigues
 
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...Rodrigo Rodrigues
 
Jogos Educativos - Nativos Digitais
Jogos Educativos - Nativos DigitaisJogos Educativos - Nativos Digitais
Jogos Educativos - Nativos DigitaisRodrigo Rodrigues
 
Componentes do Sistema operacional
Componentes do Sistema operacional Componentes do Sistema operacional
Componentes do Sistema operacional Rodrigo Rodrigues
 

Mais de Rodrigo Rodrigues (20)

Aula 7 análise fatorial
Aula 7  análise fatorialAula 7  análise fatorial
Aula 7 análise fatorial
 
Aula 6 análise de conglomerados
Aula 6  análise de conglomeradosAula 6  análise de conglomerados
Aula 6 análise de conglomerados
 
Aula 5 modelo de regressão loística
Aula 5   modelo de regressão loísticaAula 5   modelo de regressão loística
Aula 5 modelo de regressão loística
 
Aula 4 modelos de regressão linear
Aula 4   modelos de regressão linearAula 4   modelos de regressão linear
Aula 4 modelos de regressão linear
 
Aula 3 testes de hipóteses e anova
Aula 3   testes de hipóteses e anovaAula 3   testes de hipóteses e anova
Aula 3 testes de hipóteses e anova
 
Aula 2 prática computacional de estatística descritiva
Aula 2   prática computacional de estatística descritivaAula 2   prática computacional de estatística descritiva
Aula 2 prática computacional de estatística descritiva
 
Aula 1 introdução e estatística descritiva
Aula 1   introdução e  estatística descritivaAula 1   introdução e  estatística descritiva
Aula 1 introdução e estatística descritiva
 
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...
Desenvolvimento de um Assistente Virtual Integrado ao Moodle para Suporte a A...
 
Pesquisa Quantitativa: aspectos teóricos e computacionais
Pesquisa Quantitativa: aspectos teóricos e computacionaisPesquisa Quantitativa: aspectos teóricos e computacionais
Pesquisa Quantitativa: aspectos teóricos e computacionais
 
Teste de hipóteses - paramétricos
Teste de hipóteses - paramétricosTeste de hipóteses - paramétricos
Teste de hipóteses - paramétricos
 
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...
Modelo de Regressão Linear aplicado à previsão de desempenho de estudantes em...
 
Jogos Educativos - Nativos Digitais
Jogos Educativos - Nativos DigitaisJogos Educativos - Nativos Digitais
Jogos Educativos - Nativos Digitais
 
Gerência de dispositivos
Gerência de dispositivosGerência de dispositivos
Gerência de dispositivos
 
Memória virtual
Memória virtualMemória virtual
Memória virtual
 
Memória virtual
Memória virtualMemória virtual
Memória virtual
 
Gerenciamento de memória
Gerenciamento de memóriaGerenciamento de memória
Gerenciamento de memória
 
Aula revisão ok
Aula revisão       okAula revisão       ok
Aula revisão ok
 
Gerência de memória
Gerência de memóriaGerência de memória
Gerência de memória
 
Escalonamento de processos
Escalonamento de processosEscalonamento de processos
Escalonamento de processos
 
Componentes do Sistema operacional
Componentes do Sistema operacional Componentes do Sistema operacional
Componentes do Sistema operacional
 

Introdução sobre desenvolvimento web

  • 1. Professor: Rodrigo Lins Rodrigues Aula 1 – 07 e 09 de 02/2012 e
  • 2.
  • 3. O que é Web 2.0?  Ciclos da Web  Abrangência  Web 2.0 Hoje  Mercado de Trabalho “2.0”
  • 4.  Informação a qualquer hora, em qualquer lugar;  Rápidos resultados;  Portabilidade absoluta;  Manutenção facilitada;
  • 5. Voltar ao tempo para entender o termo;  A evolução da web;  Ciclo.
  • 6. Conteúdo: Estático e atualizado pelos webmastes;  Tecnologia: Escassas e limitadas;  Desenvolvimento: Praticamente artesanal;  Serviços: Apenas uma vitrine, nenhuma interação do usuário. Requisição básica client-server
  • 7. Conteúdo: A publicação de artigos e notícias se torna automatizado;  Tecnologia: Evolução das tecnologias e surgimento de outras;  Desenvolvimento: Surgem softwares que ajudam em algumas partes do processo;  Serviços: Surgem as primeiras aplicações comerciais, os usuários já tem alguma Requisição usando banco de dados interatividade. Inícios dos "Webmails"
  • 8. Conteúdo: Ainda mais dinâmico, mais customizável e mais abrangente. (Música, video e animações);  Tecnologia: Tecnologia começa a se tornar padrão com (XHTML, CSS, XML). A era do Flash. Os navegadores alcançam níveis satisfatórios de recursos;  Desenvolvimento: Surgem NOVOS softwares que ajudam em algumas partes do processo ;  Serviços: Deixam de ser vitrines e se tornam aplicações profissionais. O usuário confia um pouco mais na web e começa a comprar pela internet.
  • 9. Conteúdo: Em sua grande maioria livre. Os usuários;   Tecnologia: Padrões muito mais próximos ao W3C; Surgimento do AJAX, consolidação do padrão XML;  Desenvolvimento: Mais automatizado, mais ferramentas de desenvolvimento, muito mais produtivo. Seja no cliente ou no Servidor.  Serviços: O uso de recursos como o Ajax, deixam os sites com aparência de aplicações. Os usuários tem muito mais interação com os sites, conquistam mais poder e liberdade
  • 10.
  • 11. Informação a qualquer hora, em qualquer lugar;  Rápidos resultados;  Portabilidade absoluta;  Manutenção facilitada;
  • 12. Visualização de dados sem comunicação externa (conteúdo estático)  A partir da troca de dados, entre um cliente e um servidor (conteúdo dinâmico)  Arquitetura client-server: requisição - resposta
  • 15. Desenvolver pra web resume-se, então, em "criar interfaces (páginas) que dão acesso a um conteúdo local ou externo, sendo este através de requisições e respostas (troca de dados)."
  • 16.
  • 17. Uma página web constitui-se de três camadas: ◦ Conteúdo ◦ Apresentação ◦ Comportamento  A divisão em camadas, além de ser uma boa prática, facilita o nosso trabalho e nos oferece mais performance ao projeto.
  • 18. Uma página web constitui-se de três camadas: ◦ Conteúdo ◦ Apresentação ◦ Comportamento  A divisão em camadas, além de ser uma boa prática, facilita o nosso trabalho e nos oferece mais performance ao projeto.
  • 19. Modelo de desenvolvimento em camadas: organização de código, facilitação do trabalho
  • 20. Camada fundamental, a mais importante.  Na maioria das vezes, HTML – hoje evoluído para XHTML.
  • 21. XHTML É a linguagem responsável por exibir e estruturar os dados.  Teoria muito simples, fácil entendida quando bem usada  Deve ser sempre o mesmo código, independentemente do dispositivo / programa que acessa a página.
  • 22. Basicamente, é a formatação, o design da página.  Deve ser construída a partir de uma linguagem chamada CSS (Cascading Style Sheet – Folha de estilos encadeados)
  • 23. CSS é a parte do código que cuida do layout, design e formatação da página e seus componentes;  Uso simples, intuitivo;  Pode mudar de acordo com o dispositivo ou programa que está acessando a página, ou até mesmo com as preferências do usuário.
  • 24. item { cor: vermelho; tamanho: 2; } parágrafo { destaque: negrito; alinhamento: centralizado; } Analogia à estrutura do CSS
  • 25. Até agora, temos pouca interação com o usuário.  Tem conteúdo, é bonito. Mas é sem graça.  O usuário precisa interagir mais com a página, e a página precisa reagir a comandos do usuário! A página precisa de comportamento!
  • 26. É a camada que permite melhorar a interação do usuário com a página;  É composta principalmente por uma outra linguagem, chamada JavaScript. Muitas vezes essa camada fica restrita a determinados dispositivos / programas.
  • 27. Uma poderosíssima linguagem de programação, mais voltada para a Web, que nos oferece inúmeros recursos para uma página;  Recursos mais avançados da linguagem, às vezes, requerem um navegador mais aprimorado;
  • 28. resultado = pergunta("Deseja realmente sair da página?"); se (resultado == sim) { sair(); } senão { permanecer(); } Analogia à estrutura do JavaScript
  • 29. Modelo de desenvolvimento em camadas: linguagens utilizadas
  • 30.
  • 31. Servidores Web, BD Internet Cliente com Web Browser Terceirizável Manutenção Mínima, Tempo Zero de Aplicação Configuração
  • 32.
  • 33.
  • 34. É um conjunto de normas e recomendações para o desenvolvimento web que visam padronizar e, assim, facilitar a programação e acesso.
  • 35. Um consórcio chamado W3C (World Wide Web Consortium), que foi criado para tornar a Web "universal", criando padrões;  É composto por empresas na área de tecnologias pra Web;
  • 36. O maior problema que enfrentamos hoje, quando estamos desenvolvendo uma aplicação web, é a incompatibilidade de nossos projetos entre navegadores.
  • 37. Quando a Web surgiu, navegadores começaram a adicionar recursos que apenas ele possuíam, no intuito de atrair desenvolvedores;  O problema era que todos os navegadores eram usados. E o usuário tem direito a ter acesso onde ele quiser;
  • 38. Internet Explorer e Netscape Navigator, os mais usados na época, travaram uma verdadeira "guerra";  O resultado foi que cada site tinha que ter uma versão para cada navegador;  E quem era mais prejudicado? Isso. Nós. Desenvolvedores.
  • 39. Então entramos na briga e agora apoiamos completamente os padrões web.  E agora os navegadores estão cada vez mais se aprimorando neste aspecto.  Próxima geração (mais usados):
  • 40.
  • 41. Desenvolvedor back-end ◦ JAVA,php, ruby, django (python), asp;  Desenvolvedor front-end ◦ Html 5, CSS3, javascript; ◦ Usabilidade / Acessibilidade  Arquitetura web ◦ SOA ◦ Web-Services ◦ API  Segurança web
  • 42.
  • 43. HTML  CSS  Javascript  XML  ...
  • 44. <html> <head> <title>Título da Página</title> </head> <body> Esta é minha primeira página. </body> </html>
  • 45. <html> <head> <link href="pagina.css" rel="stylesheet" type="text/css" /> <title>Título da Página</title> </head> <body> Esta é minha primeira página. </body> </html>
  • 46. body { background-color : #ffffff; color : #000000; }
  • 47. <html> <body> <script type="text/javascript"> for (i = 0; i < 5; i++) { document.write("Alo você !!!") document.write("<br />") } </script> </body> </html>
  • 48. <html> <body> <head> <script <script type="text/javascript"> type="text/javascript"> document.write(alo(4)) function alo(k) </script> { </body> var s = ""; </html> for (i = 0; i < k; i++) { s = s + "Alo você !!!" s = s + "<br />" } return s } </script> <title>Alouuuuuu</title> </head>
  • 49. <?xml version="1.0" encoding="UTF-8"?> <livros> <livro isbn=“0001”> <titulo>JavaServer Pages</titulo> <autor>Nick Todd</autor> <editora>Campus</editora> <assunto>JSP</assunto> </livro> <livro isbn=“0002”> <titulo>Meu pé de laranja lima</titulo> <editora>Vozes</editora> <autor>Brilhante</autor> </livro> </livros>
  • 50. “Inferno” dos web-designers: compatibilidade entre browsers! ◦ Firefox ◦ Opera ◦ Internet Explorer (IECA) ◦ Konqueror
  • 51. Necessidade dos websites oferecerem conteúdos dinâmicos e atualizados  Ciclo de vida da informações trafegadas entre servidor e cliente (escopo)  Linguagens de script ◦ JSP ◦ ASP ◦ PHP ◦ Perl
  • 52. Servidores Web ◦ IIS ◦ Apache ◦ Tomcat
  • 53. Servidor web mais utilizado no mundo atualmente (Fonte: Netcraft)  Software Livre  Escrito em C  Executa diversas linguagens script: PhP, Perl, ASP, etc.  Possui suporte nativo ao MySQL
  • 54. Implementação de referência para JSP/Servlets (Java)  Escrito em Java  Devido à sua simplicidade e fácil instalação, é comumente utilizado em cursos para desenvolvimento web
  • 55. Estes servidores oferecem recursos comuns a diferentes aplicações (autenticação, conexão à BDs, suporte a transação, etc)  Pensando-se numa arquitetura em camadas, um servidor de aplicação é um servidor que hospeda e oferece serviços para outras aplicações  Com isso, espera-se que os desenvolvedores poupem tempo para implementação da lógica do negócio
  • 56.  Formato padrão, baseado em XML  Tem sido adotado por websites que disponibilizam informações na rede, como sites de jornais, blogs, sites institucionais, etc.  Hoje existem diversos leitores (agregadores) de RSS: browsers, programas de e- mail, softwares, etc ..
  • 57.
  • 58. Proposta: ◦ Integração de sistemas através do uso de XML sobre HTTP  Tecnologias: ◦ XML ◦ WSDL (Web Service Description Language) ◦ SOAP (Simple Object Access Protocol)  Vantagens: ◦ Integração com baixo acoplamento ◦ Independe das linguagens de implementação
  • 59. Asynchronous Javascript And XML  Construção de páginas mais dinâmicas através de chamadas assíncronas ao servidor  Não é uma tecnologia, mas sim uma combinação de tecnologias ◦ XHTML + CSS + XML + XSLT + XMLHttpRequest e JavaScript