57
Tutorial 1 o 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 - 1 o projeto em VB.net 1/57

Tutorial vb projeto em vb.net

Embed Size (px)

Citation preview

Page 1: Tutorial vb projeto em vb.net

Tutorial 1o projeto em VB.net

Grupo de Educacao Tutorial da Engenharia Computacional

Minicursos GET Computacional

25 de junho, 2012

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 1/57

Page 2: Tutorial vb projeto em vb.net

Resumo do Tutorial:*Breve historico*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

Page 3: Tutorial vb projeto em vb.net

Visual Basic.NET e uma linguagem de programacao orientada aobjetos criada pela Microsoft e distribuıda com o Visual Studio.NET.O Visual Basic.NET e um produto tao diferente do antigoVisual Basic 6.0, que nao pode ser considerado uma versaoseguinte, tendo como caracterıstica marcante o uso deassistentes para criacao de seus codigos.Da mesma maneira que o Java precisa de uma Maquina Virtualpara funcionar, os aplicativos .NET necessitam da .NETFramework instalada.Aqui iremos usar o VB 9 para criar uma calculadora estatısticasimples que seja capaz de calcular Media, Desvios da Media,Quadrado dos Desvios, Soma dos Quadrados dos Desvios,Variancia, Desvio Padrao.

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 3/57

Page 4: Tutorial vb projeto em vb.net

Historico do Visual Basic:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 4/57

Page 5: Tutorial vb projeto em vb.net

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

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 5/57

Page 6: Tutorial vb projeto em vb.net

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

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 6/57

Page 7: Tutorial vb projeto em vb.net

Abra o Executavel ”vbsetup.exe”

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 7/57

Page 8: Tutorial vb projeto em vb.net

Clique em Next

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 8/57

Page 9: Tutorial vb projeto em vb.net

Aceite os termos e clique em Next

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 9/57

Page 10: Tutorial vb projeto em vb.net

Marque todas as caixinhas e clique em Next

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 10/57

Page 11: Tutorial vb projeto em vb.net

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

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 11/57

Page 12: Tutorial vb projeto em vb.net

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

Page 13: Tutorial vb projeto em vb.net

Clicamos em “File * New Project...”;Escolhemos a opcao “Windows Forms Application”;Digitamos “LabFisica1” para o “Name”;Clicamos em “Ok”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 13/57

Page 14: Tutorial vb projeto em vb.net

Pronto, agora temos um projeto:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 14/57

Page 15: Tutorial vb projeto em vb.net

A primeira coisa que vamos fazer e salvar definitivamente onosso projeto:Clique em “Save all”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 15/57

Page 16: Tutorial vb projeto em vb.net

Deixa do jeito que esta e clica em “Save”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 16/57

Page 17: Tutorial vb projeto em vb.net

Conhecendo o ambiente de trabalho:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 17/57

Page 18: Tutorial vb projeto em vb.net

DESENVOLVIMENTO DA CALCULADORA ESTATISTICA:-Com o Objeto ”Form1”selecionado, vamos editar algumaspropriedades:*(Name) : formCalculadora* Size : 500; 500*Text : Calculadora

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 18/57

Page 19: Tutorial vb projeto em vb.net

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

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 19/57

Page 20: Tutorial vb projeto em vb.net

Agora, adicione 10 “Label”, e posicione-os respectivamente umembaixo do outro:(Alinhandos com os TextBox)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 20/57

Page 21: Tutorial vb projeto em vb.net

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

Page 22: Tutorial vb projeto em vb.net

Analogamente, mude a propriedade “Name” de todos osrespectivos LABEL para: “LBL1”, “LBL2”, “LBL3”, “LBL4”...Ex.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 22/57

Page 23: Tutorial vb projeto em vb.net

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

Page 24: Tutorial vb projeto em vb.net

Adicione um “Button”

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 24/57

Page 25: Tutorial vb projeto em vb.net

Mude as seguintes propriedades do Botao:*Name: btMEDIA*Size: 200; 23*Text: Media Simples

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 25/57

Page 26: Tutorial vb projeto em vb.net

Selecione esse botao e copie e cole (Ctrl + C e Ctrl + V)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 26/57

Page 27: Tutorial vb projeto em vb.net

Agora Mude as seguintes propriedades desse 2o Botao:*Name: btDESVIOS*Text: Desvios da MediaEx.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 27/57

Page 28: Tutorial vb projeto em vb.net

Selecione esse botao e copie e cole (Ctrl + C e Ctrl + V)Ex.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 28/57

Page 29: Tutorial vb projeto em vb.net

Agora Mude as seguintes propriedades desse 3o Botao:*Name: btDESVIOSaoQUADRADO*Text: Quadrados dos Desvios

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 29/57

Page 30: Tutorial vb projeto em vb.net

Selecione esse botao e copie e cole (Ctrl + C e Ctrl + V)Ex.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 30/57

Page 31: Tutorial vb projeto em vb.net

Agora Mude as seguintes propriedades desse 4o Botao:*Name: btSOMAdosQUADRADOS*Text: Soma dos Quadrados dos Desvios

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 31/57

Page 32: Tutorial vb projeto em vb.net

Selecione esse botao e copie e cole (Ctrl + C e Ctrl + V)Ex.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 32/57

Page 33: Tutorial vb projeto em vb.net

Agora Mude as seguintes propriedades desse 5o Botao:*Name: btVARIANCIA*Text: Variancia

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 33/57

Page 34: Tutorial vb projeto em vb.net

Selecione esse botao e copie e cole (Ctrl + C e Ctrl + V)Ex.:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 34/57

Page 35: Tutorial vb projeto em vb.net

Agora Mude as seguintes propriedades desse 6o Botao:*Name: btDESVIOPADRAO*Text: Desvio Padrao(“Save” e “Save all”)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 35/57

Page 36: Tutorial vb projeto em vb.net

Inicializando as TextBox todas com “0” atraves daspropriedades Text

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 36/57

Page 37: Tutorial vb projeto em vb.net

Criamos um TextBox para imprimirmos o resultado nele

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 37/57

Page 38: Tutorial vb projeto em vb.net

Renomeamos esse TextBox1 de resultados para: TXTresultado

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 38/57

Page 39: Tutorial vb projeto em vb.net

Clique com o botao direito e va em ”View Code”(ver codigo)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 39/57

Page 40: Tutorial vb projeto em vb.net

Vamos criar um array de modo que cada ındice do arraycontenha o valor da respectiva TextBox

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 40/57

Page 41: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 41/57

Page 42: Tutorial vb projeto em vb.net

De 2 cliques sobre botao “Media Simples” (e observe quevoltaremos aos codigos)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 42/57

Page 43: Tutorial vb projeto em vb.net

No Evento Click Do Botao ”Media Simples”escreva:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 43/57

Page 44: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoMEDIA()” que foi chamadano evento Click do botao:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 44/57

Page 45: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, damos 2cliques sobre botao “Desvios da Media”, e colamos o seguintecodigo no evento Click do Botao “Desvios da Media”(btDESVIOS)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 45/57

Page 46: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoDESVIOS()” que foi chamadano evento Click do botao “Desvios da Media”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 46/57

Page 47: Tutorial vb projeto em vb.net

E, agora vamos montar a “ImprimeArray” que foi chamada noevento Click do botao “Desvios da Media”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 47/57

Page 48: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, damos 2cliques sobre botao “Quadrados dos Desvios”, e colamos oseguinte codigo no evento Click desse Botao(btDESVIOSaoQUADRADO):

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 48/57

Page 49: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoDESVIOSaoQUADRADO()”que foi chamada no evento Click do botao “Quadrados dosDesvios”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 49/57

Page 50: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, damos 2cliques sobre botao “Soma dos Quadrados dos Desvios”, ecolamos o seguinte codigo no evento Click desse Botao(btSOMAdosQUADRADO):

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 50/57

Page 51: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoSOMAdosQUADRADOS()”que foi chamada no evento Click do botao “Soma dosQuadrados dos Desvios”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 51/57

Page 52: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, damos 2cliques sobre botao “Variancia”, e colamos o seguinte codigo noevento Click desse Botao (btVARIANCIA):

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 52/57

Page 53: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoVARIANCIA()” que foichamada no evento Click do botao “Variancia”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 53/57

Page 54: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, damos 2cliques sobre botao “Desvio Padrao”, e colamos o seguintecodigo no evento Click desse Botao (btDESVIOPADRAO):

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 54/57

Page 55: Tutorial vb projeto em vb.net

E, agora vamos montar a “funcaoDESVIOPADRAO()” que foichamada no evento Click do botao “Desvio Padrao”:

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 55/57

Page 56: Tutorial vb projeto em vb.net

Agora voltamos no modo Design atraves das abas, e clicamos noBotao ”Start Debugging”(Play)

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 56/57

Page 57: Tutorial vb projeto em vb.net

Fontes:http://pt.wikipedia.org/wiki/VisualBasic.NEThttp : //pt.wikipedia.org/wiki/V isualBasichttp : //www.macoratti.net/http : //social.msdn.microsoft.com/Forums/pt−BR/vsvbasicpt/threads

GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 57/57