Tutorial 1o projeto em VB.

net

Grupo de Educação 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órico
*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 é uma linguagem de programação orientada a
objetos criada pela Microsoft e distribuı́da com o Visual Studio
.NET.
O Visual Basic.NET é um produto tão diferente do antigo
Visual Basic 6.0, que não pode ser considerado uma versão
seguinte, tendo como caracterı́stica marcante o uso de
assistentes para criação de seus códigos.
Da mesma maneira que o Java precisa de uma Máquina 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édia, Desvios da Média,
Quadrado dos Desvios, Soma dos Quadrados dos Desvios,
Variância, Desvio Padrão.

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

Histórico do Visual Básic:

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-2008-
express-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 é a tela inicial:

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

Clicamos em “File * New Project...”;
Escolhemos a opção “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 é 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á 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ÍSTICA:
-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ão:
*Name: btMEDIA
*Size: 200; 23
*Text: Média Simples

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

Selecione esse botão 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ão:
*Name: btDESVIOS
*Text: Desvios da Média
Ex.:

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

Selecione esse botão 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ão:
*Name: btDESVIOSaoQUADRADO
*Text: Quadrados dos Desvios

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

Selecione esse botão 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ão:
*Name: btSOMAdosQUADRADOS
*Text: Soma dos Quadrados dos Desvios

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

Selecione esse botão 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ão:
*Name: btVARIANCIA
*Text: Variância

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

Selecione esse botão 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ão:
*Name: btDESVIOPADRAO
*Text: Desvio Padrão
(“Save” e “Save all”)

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

Inicializando as TextBox todas com “0” através 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ão direito e vá em ”View Code”(ver código)

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és das abas

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

Dê 2 cliques sobre botão “Média Simples” (e observe que
voltaremos aos códigos)

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

No Evento Click Do Botão ”Média 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ão:

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

Agora voltamos no modo Design através das abas, damos 2
cliques sobre botão “Desvios da Média”, e colamos o seguinte
código no evento Click do Botão “Desvios da Média”
(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ão “Desvios da Média”:

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ão “Desvios da Média”:

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

Agora voltamos no modo Design através das abas, damos 2
cliques sobre botão “Quadrados dos Desvios”, e colamos o
seguinte código no evento Click desse Botão
(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ão “Quadrados dos
Desvios”:

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

Agora voltamos no modo Design através das abas, damos 2
cliques sobre botão “Soma dos Quadrados dos Desvios”, e
colamos o seguinte código no evento Click desse Botão
(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ão “Soma dos
Quadrados dos Desvios”:

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

Agora voltamos no modo Design através das abas, damos 2
cliques sobre botão “Variância”, e colamos o seguinte código no
evento Click desse Botão (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ão “Variância”:

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

Agora voltamos no modo Design através das abas, damos 2
cliques sobre botão “Desvio Padrão”, e colamos o seguinte
código no evento Click desse Botão (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ão “Desvio Padrão”:

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

Agora voltamos no modo Design através das abas, e clicamos no
Botão ”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