Tutorial de Visual Basic

15 downloads 6602 Views 15MB Size Report
Resumo do Tutorial: *Breve histórico. *Baixar e Instalar o Visual Studio 2008 Express Edition. *Conhecendo o Ambiente. *Desenvolvendo o seu primeiro projeto ...
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

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

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

Hist´orico do Visual B´ asic:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

4/57

O que mudou do VB 6 para o VB.net:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

5/57

Baixe o Visual Studio 2008 Express Edition http://www.baixaki.com.br/download/visual-basic-2008express-edition.htm

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

6/57

Abra o Executavel ”vbsetup.exe”

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

7/57

Clique em Next

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

8/57

Aceite os termos e clique em Next

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

9/57

Marque todas as caixinhas e clique em Next

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

10/57

Clique em Install. (30min) (provavelmente vai reiniciar)

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

11/57

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

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

Pronto, agora temos um projeto:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

14/57

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

Deixa do jeito que est´ a e clica em “Save”:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

16/57

Conhecendo o ambiente de trabalho:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

17/57

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

Adicione 10 “TextBox”, e posicione-os respectivamente um embaixo do outro:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

19/57

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

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

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

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

Adicione um “Button”

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

24/57

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

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

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

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

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

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

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

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

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

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

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

Inicializando as TextBox todas com “0” atrav´es das propriedades Text

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

36/57

Criamos um TextBox para imprimirmos o resultado nele

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

37/57

Renomeamos esse TextBox1 de resultados para: TXTresultado

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

38/57

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

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

Agora voltamos no modo Design atrav´es das abas

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

41/57

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

No Evento Click Do Bot˜ ao ”M´edia Simples”escreva:

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

43/57

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

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

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

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

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

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

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

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

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

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

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

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

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

Fontes: http://pt.wikipedia.org/wiki/VisualB asic. N ET http : //pt.wikipedia.org/wiki/V isualB asic http : //www.macoratti.net/ http : //social.msdn.microsof t.com/F orums/pt − BR/vsvbasicpt/threads

GET da Engenharia Computacional

Tutorial - 1o projeto em VB.net

57/57