1 / 53

Conhecendo o VS2008: Windows Forms X Web Forms X Web Services

Bruno C. de Paula. Conhecendo o VS2008: Windows Forms X Web Forms X Web Services. 1º Semestre 2009 > PUCPR > Pós em Web . Resumo da aula. O objetivo de hoje é comparar algumas das abordagens de desenvolvimento possíveis para trabalhar com a plataforma .Net. Visual Studio 2008.

hachi
Download Presentation

Conhecendo o VS2008: Windows Forms X Web Forms X Web Services

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

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

  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: http://www.microsoft.com/express http://www.microsoft.com/visualstudio/

  5. Passo a passoProjeto em Windows Formspara cálculo do IMCIMC = peso / (altura * altura)(Visual C# Express)

  6. Windows FormsDesktop 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). 04/06/2014 6

  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. Onde está o código para criação desta interface? • Ver arquivo Form1.Designer.cs

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

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

  18. 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.

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

  20. Preencher o evento de clique do botão

  21. Fim!O programa gerado só roda em ambiente Desktop

  22. Passo a passoProjeto em ASP.NETpara cálculo do IMCsem usar Web FormsIMC = peso / (altura * altura)(Visual Web Developer)

  23. Criar um novo Web Site • File > New Web Site.

  24. Escolher o tipo de web site • Escolher web site vazio: Empty Web Site!

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

  26. Criar uma página HTML

  27. Criar a interface

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

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

  30. Criar a página CalcularIMC.aspx • Desmarque a opção “Place code in separate file”.

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

  32. Compilar o Web Site • Menu Build > Build Web Site

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

  34. Selecionar o Navegador Web

  35. Calcular o IMC

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

  37. Passo a passoProjeto em ASP.NETpara cálculo do IMCsem usar Web Formse usando Ajax(usando jQuery – http://jquery.com)IMC = peso / (altura * altura)(Visual Web Developer – usar o mesmo projeto!)

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

  39. Criar a página index_ajax.html

  40. Escrever o código de transferência Ajax

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

  42. Passo a passoProjeto em ASP.NETpara cálculo do IMCusando Web Forms(sem Ajax)IMC = peso / (altura * altura)(Visual Web Developer – usar o mesmo projeto!)

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

  44. Criar a página • Escolher Web Form; • Selecionar a opção “Place code in separate file”;

  45. Criar a interface • Criar de maneira semelhante à interface criada na versão Desktop;

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

  47. Preencher o evento de clique do botão

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

More Related