aprenda sobre essa maravilhosa ferramenta de desenvolvimento windows, desenvolva aplicativos comerciais e ganhe dinheiro, saiba tudo sobre desenvolvimento para desktop
VB.NET tutorial 1o projeto calculadora estatística
1. Tutorial 1o
projeto em VB.net
Grupo de Educa¸c˜ao Tutorial da Engenharia Computacional
Minicursos GET Computacional
25 de junho, 2012
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 1/57
2. Resumo do Tutorial:
*Breve hist´orico
*Baixar e Instalar o Visual Studio 2008 Express Edition
*Conhecendo o Ambiente
*Desenvolvendo o seu primeiro projeto (Calculadora Estat´ıstica)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 2/57
3. Visual Basic.NET ´e uma linguagem de programa¸c˜ao orientada a
objetos criada pela Microsoft e distribu´ıda com o Visual Studio
.NET.
O Visual Basic.NET ´e um produto t˜ao diferente do antigo
Visual Basic 6.0, que n˜ao pode ser considerado uma vers˜ao
seguinte, tendo como caracter´ıstica marcante o uso de
assistentes para cria¸c˜ao de seus c´odigos.
Da mesma maneira que o Java precisa de uma M´aquina Virtual
para funcionar, os aplicativos .NET necessitam da .NET
Framework instalada.
Aqui iremos usar o VB 9 para criar uma calculadora estat´ıstica
simples que seja capaz de calcular M´edia, Desvios da M´edia,
Quadrado dos Desvios, Soma dos Quadrados dos Desvios,
Variˆancia, Desvio Padr˜ao.
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 3/57
4. Hist´orico do Visual B´asic:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 4/57
5. O que mudou do VB 6 para o VB.net:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 5/57
6. Baixe o Visual Studio 2008 Express Edition
http://www.baixaki.com.br/download/visual-basic-2008-
express-edition.htm
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 6/57
7. Abra o Executavel ”vbsetup.exe”
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 7/57
8. Clique em Next
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 8/57
9. Aceite os termos e clique em Next
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 9/57
10. Marque todas as caixinhas e clique em Next
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 10/57
11. Clique em Install. (30min) (provavelmente vai reiniciar)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 11/57
12. Abra o programa: Microsoft Visual Basic 2008 Express Edition.
Essa ´e a tela inicial:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 12/57
13. Clicamos em “File * New Project...”;
Escolhemos a op¸c˜ao “Windows Forms Application”;
Digitamos “LabFisica1” para o “Name”;
Clicamos em “Ok”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 13/57
14. Pronto, agora temos um projeto:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 14/57
15. A primeira coisa que vamos fazer ´e salvar definitivamente o
nosso projeto:
Clique em “Save all”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 15/57
16. Deixa do jeito que est´a e clica em “Save”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 16/57
17. Conhecendo o ambiente de trabalho:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 17/57
18. DESENVOLVIMENTO DA CALCULADORA ESTAT´ISTICA:
-Com o Objeto ”Form1”selecionado, vamos editar algumas
propriedades:
*(Name) : formCalculadora
* Size : 500; 500
*Text : Calculadora
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 18/57
19. Adicione 10 “TextBox”, e posicione-os respectivamente um
embaixo do outro:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 19/57
20. Agora, adicione 10 “Label”, e posicione-os respectivamente um
embaixo do outro:
(Alinhandos com os TextBox)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 20/57
21. Mude a propriedade “Name” de todos os TextBox para:
“TXT1”, “TXT2”, “TXT3”, “TXT4”, ... (Respectivamente)
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 21/57
22. Analogamente, mude a propriedade “Name” de todos os
respectivos LABEL para: “LBL1”, “LBL2”, “LBL3”, “LBL4”
...
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 22/57
23. Agora, vamos trocar a propriedade “Text” de cada Label para:
“Valor 1:” , “Valor 2:” , “Valor 3:” “Valor 4:” ...
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 23/57
25. Mude as seguintes propriedades do Bot˜ao:
*Name: btMEDIA
*Size: 200; 23
*Text: M´edia Simples
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 25/57
26. Selecione esse bot˜ao e copie e cole (Ctrl + C e Ctrl + V)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 26/57
27. Agora Mude as seguintes propriedades desse 2o Bot˜ao:
*Name: btDESVIOS
*Text: Desvios da M´edia
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 27/57
28. Selecione esse bot˜ao e copie e cole (Ctrl + C e Ctrl + V)
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 28/57
29. Agora Mude as seguintes propriedades desse 3o Bot˜ao:
*Name: btDESVIOSaoQUADRADO
*Text: Quadrados dos Desvios
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 29/57
30. Selecione esse bot˜ao e copie e cole (Ctrl + C e Ctrl + V)
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 30/57
31. Agora Mude as seguintes propriedades desse 4o Bot˜ao:
*Name: btSOMAdosQUADRADOS
*Text: Soma dos Quadrados dos Desvios
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 31/57
32. Selecione esse bot˜ao e copie e cole (Ctrl + C e Ctrl + V)
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 32/57
33. Agora Mude as seguintes propriedades desse 5o Bot˜ao:
*Name: btVARIANCIA
*Text: Variˆancia
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 33/57
34. Selecione esse bot˜ao e copie e cole (Ctrl + C e Ctrl + V)
Ex.:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 34/57
35. Agora Mude as seguintes propriedades desse 6o Bot˜ao:
*Name: btDESVIOPADRAO
*Text: Desvio Padr˜ao
(“Save” e “Save all”)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 35/57
36. Inicializando as TextBox todas com “0” atrav´es das
propriedades Text
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 36/57
37. Criamos um TextBox para imprimirmos o resultado nele
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 37/57
38. Renomeamos esse TextBox1 de resultados para: TXTresultado
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 38/57
39. Clique com o bot˜ao direito e v´a em ”View Code”(ver c´odigo)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 39/57
40. Vamos criar um array de modo que cada ´ındice do array
contenha o valor da respectiva TextBox
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 40/57
41. Agora voltamos no modo Design atrav´es das abas
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 41/57
42. Dˆe 2 cliques sobre bot˜ao “M´edia Simples” (e observe que
voltaremos aos c´odigos)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 42/57
43. No Evento Click Do Bot˜ao ”M´edia Simples”escreva:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 43/57
44. E, agora vamos montar a “funcaoMEDIA()” que foi chamada
no evento Click do bot˜ao:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 44/57
45. Agora voltamos no modo Design atrav´es das abas, damos 2
cliques sobre bot˜ao “Desvios da M´edia”, e colamos o seguinte
c´odigo no evento Click do Bot˜ao “Desvios da M´edia”
(btDESVIOS)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 45/57
46. E, agora vamos montar a “funcaoDESVIOS()” que foi chamada
no evento Click do bot˜ao “Desvios da M´edia”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 46/57
47. E, agora vamos montar a “ImprimeArray” que foi chamada no
evento Click do bot˜ao “Desvios da M´edia”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 47/57
48. Agora voltamos no modo Design atrav´es das abas, damos 2
cliques sobre bot˜ao “Quadrados dos Desvios”, e colamos o
seguinte c´odigo no evento Click desse Bot˜ao
(btDESVIOSaoQUADRADO):
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 48/57
49. E, agora vamos montar a “funcaoDESVIOSaoQUADRADO()”
que foi chamada no evento Click do bot˜ao “Quadrados dos
Desvios”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 49/57
50. Agora voltamos no modo Design atrav´es das abas, damos 2
cliques sobre bot˜ao “Soma dos Quadrados dos Desvios”, e
colamos o seguinte c´odigo no evento Click desse Bot˜ao
(btSOMAdosQUADRADO):
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 50/57
51. E, agora vamos montar a “funcaoSOMAdosQUADRADOS()”
que foi chamada no evento Click do bot˜ao “Soma dos
Quadrados dos Desvios”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 51/57
52. Agora voltamos no modo Design atrav´es das abas, damos 2
cliques sobre bot˜ao “Variˆancia”, e colamos o seguinte c´odigo no
evento Click desse Bot˜ao (btVARIANCIA):
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 52/57
53. E, agora vamos montar a “funcaoVARIANCIA()” que foi
chamada no evento Click do bot˜ao “Variˆancia”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 53/57
54. Agora voltamos no modo Design atrav´es das abas, damos 2
cliques sobre bot˜ao “Desvio Padr˜ao”, e colamos o seguinte
c´odigo no evento Click desse Bot˜ao (btDESVIOPADRAO):
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 54/57
55. E, agora vamos montar a “funcaoDESVIOPADRAO()” que foi
chamada no evento Click do bot˜ao “Desvio Padr˜ao”:
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 55/57
56. Agora voltamos no modo Design atrav´es das abas, e clicamos no
Bot˜ao ”Start Debugging”(Play)
GET da Engenharia Computacional Tutorial - 1o
projeto em VB.net 56/57