A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula.

Apresentações semelhantes


Apresentação em tema: "Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula."— Transcrição da apresentação:

1 Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula

2 Resumo da aula O objetivo de hoje é comparar algumas das abordagens de desenvolvimento possíveis para trabalhar com a plataforma.Net.

3 Visual Studio 2008 Ambiente de desenvolvimento integrado (IDE - Integrated Development Environment) da Microsoft para geração rápida de aplicações (RAD - Rapid Application Development); Suporte a múltiplas linguagens (C#, VB.Net, F#, etc) e plataformas (Web, Mobile, Windows).

4 Edições Download e mais informações em:

5 Passo a passo Projeto em Windows Forms para cálculo do IMC IMC = peso / (altura * altura) (Visual C# Express)

6 613/1/2014 Windows Forms Desktop em.Net Abordagem imperativa (código C#): – Descreve o programa como um conjunto de ordens (ações); – Diz como fazer; – Poderosas, mas difíceis para "pessoas normais"; Desenvolvimento Windows, Linux e MacOs (Mono).

7 Criar um Projeto File > New Project

8 Escolher o tipo de projeto

9 Visualizar o esqueleto de solução criado Solução = Conjunto de Projetos

10 Esqueleto de solução Formulário: Form1.cs: comportamento; Form1.Designer.cs: interface.

11 Exibir a barra de controles Exibir a barra de ferramentas em: – View > Toolbox

12 Criar a interface Arrastar no formulário: – 2 Label; – 1 Button; – 2 TextBox.

13 Alterar a interface Alterar o valor de cada um dos rótulos; Selecione o rótulo e pressionar F4 para exibir a janela de propriedades; Altere a propriedade Text.

14 Alterar a interface Propriedade Text do Botão para Calcular IMC; Propriedade Text de um Label para peso; Propriedade Text de outro para altura; Propriedade (Name) de uma caixa de texto para textBoxPeso; Propriedade (Name) de outra para textBoxAltura.

15

16 Onde está o código para criação desta interface? Ver arquivo Form1.Designer.cs

17 Onde está o código para criação desta interface? Cada instância corresponde a um elemento na interface.

18 Onde está o código para criação desta interface? O código de preenchimento de cada valor de propriedade é gerado automaticamente.

19 Associar o evento de clique ao botão Selecionar o botão; Pressionar F4 (propriedades); Selecionar o raio (lista de eventos); Clique 2 x na palavra Click.

20 Preencher o evento de clique de botão Foi gerado o esqueleto do código que será chamado quando o botão for clicado.

21 Preencher o evento de clique do botão

22

23 Fim! O programa gerado só roda em ambiente Desktop

24 Passo a passo Projeto em ASP.NET para cálculo do IMC sem usar Web Forms IMC = peso / (altura * altura) (Visual Web Developer)

25 Criar um novo Web Site File > New Web Site.

26 Escolher o tipo de web site Escolher web site vazio: Empty Web Site!

27 Criar uma página HTML (index.htm) Criar um novo item; Menu WebSite > Add New Item.

28 Criar uma página HTML

29 Criar a interface

30 Quando o usuário clicar no botão submit, os dados serão enviados para a página CalcularIMC.aspx

31 Criar a página CalcularIMC.aspx Criar um novo item; Menu WebSite > Add New Item.

32 Criar a página CalcularIMC.aspx Desmarque a opção Place code in separate file.

33 Escrever o código para cálculo de IMC Limpar o que havia anteriormente na página

34 Compilar o Web Site Menu Build > Build Web Site

35 Verificar erros Cada linha com erros é indicada na tela de Output.

36 Selecionar o Navegador Web

37 Calcular o IMC

38 Fim! O programa gerado recarrega a página toda ao executar

39 Passo a passo Projeto em ASP.NET para cálculo do IMC sem usar Web Forms e usando Ajax (usando jQuery – IMC = peso / (altura * altura) (Visual Web Developer – usar o mesmo projeto!)

40 Criar a página index_ajax.html Criar um novo item; Menu WebSite > Add New Item.

41 Criar a página index_ajax.html

42 Escrever o código de transferência Ajax

43 Fim! Observe que a biblioteca jQuery pode ser baixada. Por padrão, ela está disponível apenas no VS 2010.

44 Passo a passo Projeto em ASP.NET para cálculo do IMC usando Web Forms (sem Ajax) IMC = peso / (altura * altura) (Visual Web Developer – usar o mesmo projeto!)

45 Criar a página CalcularImcWebForms.aspx Criar um novo item; Menu WebSite > Add New Item.

46 Criar a página Escolher Web Form; Selecionar a opçãoPlace code in separate file;

47 Criar a interface Criar de maneira semelhante à interface criada na versão Desktop;

48 Associar o evento de clique ao botão Clicar 2 x no botão; Será gerado um esqueleto de código.

49 Preencher o evento de clique do botão

50 Comentar linha no arquivo CalcularIMCWebForm.aspx (bug...)

51 Testar!

52 Fim!

53 Extras! Para usar Ajax em um projeto Web Forms: – Crie um Ajax Web Form; – Coloque dentro de um componente UpdatePanel todos os componentes ajaxificáveis; Você também pode criar Web Services em seu projeto.


Carregar ppt "Conhecendo o VS2008: Windows Forms X Web Forms X Web Services 1º Semestre 2009 > PUCPR > Pós em Web Bruno C. de Paula."

Apresentações semelhantes


Anúncios Google