Protocolo HTTP (HyperText Transfer Protocol)

 1   Protocolo de Comunicação (Cliente e Servidor)


 2   Responsável por Transportar as Informações entre Cliente e Servidor


 3   Principal Protocolo de Internet (Porta 80)


 4   Protocolo Stateless (Não Armazena Estado)


 5   Possui 8 Métodos (Ações) os Principais são (GET, POST)




                                                                           2
Funcionamento do Protocolo HTTP




                                  3
Principais Métodos HTTP
  Os métodos são configurados na seção <FORM> atributo Method




                       Recuperar, Pesquisar informações no servidor
  GET                  Enviar parâmetros entre páginas



                       Enviar parâmetros ao servidor
  POST                 Inserir, Alterar, Excluir informações




OBS: A Primeira Requisição nas Páginas por Padrão é sempre (GET)


                                                                      4
Linguagem HTML (HyperText Markup Language)

 1   Linguagem de Marcação utilizada em Páginas da Internet


 2   Atualmente se encontra na Versão 5.0


 3   Administrada pelo W3C (World Wide Web Consortium)


 4   Síntaxe Baseada em Tags (<Tag></Tag>)




                                                              5
Principais Seções HTML
    <HTML> - Início da Página (Informa ao Navegador o Formato do Texto)

    <HEAD> - Cabeçalho da Página (Meta Informações (Autor, Empresa))

    <TITLE> - Título da Página (Texto que Aparece na Barra de Título)

    <BODY> - Corpo da Página (Tudo que Aparece para o Usuário)

    <FORM> - Formulário da Página (Controles de Entrada de Dados)




OBS: Cada Seção tem uma Finalidade nas nossas Páginas


                                                                          6
Exemplo de Código HTML
 <html>
 <head>
     <title></title>
 </head>
 <body>
     <form>
     </form>
 </body>
 </html>


OBS: O Visual Studio se Encarrega de Criar a Estrutura acima nas Páginas (ASPX)


                                                                                  7
Principais Linguagens (Internet)




OBS: É mais difícil programar pra ambiente web


                                                 8
Principais Navegadores (Browsers)


          Internet Explorer         Firefox            Chrome




          Safari                   Opera               Netscape




OBS: Pensem sempre em Aplicações Cross Browser (W3C)


                                                                  9
Principais Softwares (.NET)




                              10
Principais Servidores Web




OBS: O Visual Studio possui um Servidor Web Integrado (Cassini)


                                                                  11
Demonstração
 1   Acessando/Visualizando o Html de algum Site


 2   Visualizando os Detalhes da Requisição (Firefox) (about:cache)


 3   Visualizando os Detalhes da Requisição (IE) (Temporary Internet Files)




                                                                              12
ASP .NET

 1   Tecnologia para Desenvolvimento de Aplicações Web


 2   Lançado em 2002 (.NET 1.0) (ASP+)


3    Atualmente se encontra na Versão 4.5


 4   Sucessor do ASP 3.0 (Clássico)


 5   Construído sobre a Plataforma .NET




                                                         13
Principais Diferenças (ASP x ASP .NET)
              ASP                              ASP.NET
     Código Interpretado                 Código Compilado


     Código Misturado                    Código Separado


     VbScript                            Multi Linguagem




Benefícios da Tecnologia ASP.NET
  • Performance
  • Segurança
  • Código Gerenciado (CLR, GC, BCL)


                                                              14
Principais Componentes ASP .NET

        Page (ASPX) – Armazena a interface de usuário (HTML)




        Code Behind (CS) – Armazena o código (.NET) da página (ASPX)




        Web.Config – Armazena as configurações da aplicação WEB




        Master Page – Define um layout padrão para as páginas




                                                                       15
Estrutura de uma Página (ASPX)
   As páginas armazenam os textos e controles que serão exibidos no Browser




   Diretiva PAGE

  <%@ Page Title="" AutoEventWireup="true"
  Language="C#" CodeFile="Principal.aspx.cs"
  Inherits="Principal" %>
  <html>                                                          Seção HTML
  <body>
                                                                  Seção BODY
      <form id= "frmPrincipal" runat="server">
      </form>
  </body>                                                         Seção FORM
  </html>




                                                                               16
Demonstração
 1   Criando/Abrindo um WebSite


 2   Conhecendo as Janelas (Solution Explorer, Toolbox, Properties)


 3   Adicionando/Removendo/Deletando Páginas


 4   Conhecendo as Visões (Design, Source, Split)


 5   Visualizando os Arquivos (Aspx, CodeBehind)


 6   Setando a Página Inicial




                                                                      17
Demonstração
 7    Criando uma Página Simples (Exemplo1)


 8    Conhecendo a Barra de Ferramentas (Formatting)


 9    Conhecendo o Método(Redirect) e a Propriedade(PostBackUrl)


 10   Conhecendo a Diretiva Page


 11   Conhecendo o Evento (Page_Load)


 12   Conhecendo o ASP.NET Development Server




                                                                   18
Etapas do Desenvolvimento Web

                      2       Desenvolvimento
                                   Depuração




1   Desenho




                  3   Publicação




                                                19
Internet Information Services (IIS)

 1   Servidor Web da Microsoft


 2   Atualmente se encontra na Versão 8.0


 3   Responsável por Monitorar/Receber Pedidos na Porta (80)


 4   Pode Armazenar um ou mais Diretórios Virtuais (WebSites)


 5   Pasta Base: C:inetpubwwwroot




                                                                20
Demonstração
 1   Conhecendo o IIS


 2   Criando um Diretório Virtual no IIS




                                           21
Ferramenta Publish WebSite
 1   Pré-compila os arquivos do WebSite


 2   Copia todos os arquivos para uma Pasta ou Servidor Web (IIS)




                                                                    22
Tipos de Publicação


       File System     Local IIS



        FTP Site      Remote Site




                                    23
Demonstração
 1   Conhecendo a Ferramenta Publish WebSite


 2   Publicando o WebSite para o IIS




                                               24
ASP.NET - Conceitos Básicos

ASP.NET - Conceitos Básicos

  • 2.
    Protocolo HTTP (HyperTextTransfer Protocol) 1 Protocolo de Comunicação (Cliente e Servidor) 2 Responsável por Transportar as Informações entre Cliente e Servidor 3 Principal Protocolo de Internet (Porta 80) 4 Protocolo Stateless (Não Armazena Estado) 5 Possui 8 Métodos (Ações) os Principais são (GET, POST) 2
  • 3.
  • 4.
    Principais Métodos HTTP Os métodos são configurados na seção <FORM> atributo Method Recuperar, Pesquisar informações no servidor GET Enviar parâmetros entre páginas Enviar parâmetros ao servidor POST Inserir, Alterar, Excluir informações OBS: A Primeira Requisição nas Páginas por Padrão é sempre (GET) 4
  • 5.
    Linguagem HTML (HyperTextMarkup Language) 1 Linguagem de Marcação utilizada em Páginas da Internet 2 Atualmente se encontra na Versão 5.0 3 Administrada pelo W3C (World Wide Web Consortium) 4 Síntaxe Baseada em Tags (<Tag></Tag>) 5
  • 6.
    Principais Seções HTML <HTML> - Início da Página (Informa ao Navegador o Formato do Texto) <HEAD> - Cabeçalho da Página (Meta Informações (Autor, Empresa)) <TITLE> - Título da Página (Texto que Aparece na Barra de Título) <BODY> - Corpo da Página (Tudo que Aparece para o Usuário) <FORM> - Formulário da Página (Controles de Entrada de Dados) OBS: Cada Seção tem uma Finalidade nas nossas Páginas 6
  • 7.
    Exemplo de CódigoHTML <html> <head> <title></title> </head> <body> <form> </form> </body> </html> OBS: O Visual Studio se Encarrega de Criar a Estrutura acima nas Páginas (ASPX) 7
  • 8.
    Principais Linguagens (Internet) OBS:É mais difícil programar pra ambiente web 8
  • 9.
    Principais Navegadores (Browsers) Internet Explorer Firefox Chrome Safari Opera Netscape OBS: Pensem sempre em Aplicações Cross Browser (W3C) 9
  • 10.
  • 11.
    Principais Servidores Web OBS:O Visual Studio possui um Servidor Web Integrado (Cassini) 11
  • 12.
    Demonstração 1 Acessando/Visualizando o Html de algum Site 2 Visualizando os Detalhes da Requisição (Firefox) (about:cache) 3 Visualizando os Detalhes da Requisição (IE) (Temporary Internet Files) 12
  • 13.
    ASP .NET 1 Tecnologia para Desenvolvimento de Aplicações Web 2 Lançado em 2002 (.NET 1.0) (ASP+) 3 Atualmente se encontra na Versão 4.5 4 Sucessor do ASP 3.0 (Clássico) 5 Construído sobre a Plataforma .NET 13
  • 14.
    Principais Diferenças (ASPx ASP .NET) ASP ASP.NET  Código Interpretado  Código Compilado  Código Misturado  Código Separado  VbScript  Multi Linguagem Benefícios da Tecnologia ASP.NET • Performance • Segurança • Código Gerenciado (CLR, GC, BCL) 14
  • 15.
    Principais Componentes ASP.NET Page (ASPX) – Armazena a interface de usuário (HTML) Code Behind (CS) – Armazena o código (.NET) da página (ASPX) Web.Config – Armazena as configurações da aplicação WEB Master Page – Define um layout padrão para as páginas 15
  • 16.
    Estrutura de umaPágina (ASPX) As páginas armazenam os textos e controles que serão exibidos no Browser Diretiva PAGE <%@ Page Title="" AutoEventWireup="true" Language="C#" CodeFile="Principal.aspx.cs" Inherits="Principal" %> <html> Seção HTML <body> Seção BODY <form id= "frmPrincipal" runat="server"> </form> </body> Seção FORM </html> 16
  • 17.
    Demonstração 1 Criando/Abrindo um WebSite 2 Conhecendo as Janelas (Solution Explorer, Toolbox, Properties) 3 Adicionando/Removendo/Deletando Páginas 4 Conhecendo as Visões (Design, Source, Split) 5 Visualizando os Arquivos (Aspx, CodeBehind) 6 Setando a Página Inicial 17
  • 18.
    Demonstração 7 Criando uma Página Simples (Exemplo1) 8 Conhecendo a Barra de Ferramentas (Formatting) 9 Conhecendo o Método(Redirect) e a Propriedade(PostBackUrl) 10 Conhecendo a Diretiva Page 11 Conhecendo o Evento (Page_Load) 12 Conhecendo o ASP.NET Development Server 18
  • 19.
    Etapas do DesenvolvimentoWeb 2 Desenvolvimento Depuração 1 Desenho 3 Publicação 19
  • 20.
    Internet Information Services(IIS) 1 Servidor Web da Microsoft 2 Atualmente se encontra na Versão 8.0 3 Responsável por Monitorar/Receber Pedidos na Porta (80) 4 Pode Armazenar um ou mais Diretórios Virtuais (WebSites) 5 Pasta Base: C:inetpubwwwroot 20
  • 21.
    Demonstração 1 Conhecendo o IIS 2 Criando um Diretório Virtual no IIS 21
  • 22.
    Ferramenta Publish WebSite 1 Pré-compila os arquivos do WebSite 2 Copia todos os arquivos para uma Pasta ou Servidor Web (IIS) 22
  • 23.
    Tipos de Publicação File System Local IIS FTP Site Remote Site 23
  • 24.
    Demonstração 1 Conhecendo a Ferramenta Publish WebSite 2 Publicando o WebSite para o IIS 24