Tutorial-VB

Prévia do material em texto

Tutorial 1o projeto em VB.net
Grupo de Educac¸a˜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 histo´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 e´ uma linguagem de programac¸a˜o orientada a
objetos criada pela Microsoft e distribu´ıda com o Visual Studio
.NET.
O Visual Basic.NET e´ um produto ta˜o diferente do antigo
Visual Basic 6.0, que na˜o pode ser considerado uma versa˜o
seguinte, tendo como caracter´ıstica marcante o uso de
assistentes para criac¸a˜o de seus co´digos.
Da mesma maneira que o Java precisa de uma Ma´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 Me´dia, Desvios da Me´dia,
Quadrado dos Desvios, Soma dos Quadrados dos Desvios,
Variaˆncia, Desvio Padra˜o.
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 3/57
Histo´rico do Visual Ba´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 e´ a tela inicial:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 12/57
Clicamos em “File * New Project...”;
Escolhemos a opc¸a˜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 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 esta´ 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 ESTATI´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 Bota˜o:
*Name: btMEDIA
*Size: 200; 23
*Text: Me´dia Simples
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 25/57
Selecione esse bota˜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 Bota˜o:
*Name: btDESVIOS
*Text: Desvios da Me´dia
Ex.:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 27/57
Selecione esse bota˜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 Bota˜o:
*Name: btDESVIOSaoQUADRADO
*Text: Quadrados dos Desvios
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 29/57
Selecione esse bota˜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 Bota˜o:
*Name: btSOMAdosQUADRADOS
*Text: Soma dos Quadrados dos Desvios
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 31/57
Selecione esse bota˜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 Bota˜o:
*Name: btVARIANCIA
*Text: Variaˆncia
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 33/57
Selecione esse bota˜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 Bota˜o:
*Name: btDESVIOPADRAO
*Text: Desvio Padra˜o
(“Save” e “Save all”)
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 35/57
Inicializando as TextBox todas com “0” atrave´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 bota˜o direito e va´ em ”View Code”(ver co´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 atrave´s das abas
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 41/57
Deˆ 2 cliques sobre bota˜o “Me´dia Simples” (e observe que
voltaremos aos co´digos)
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 42/57
No Evento Click Do Bota˜o ”Me´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 bota˜o:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 44/57
Agora voltamos no modo Design atrave´s das abas, damos 2
cliques sobre bota˜o “Desvios da Me´dia”, e colamos o seguinte
co´digo no evento Click do Bota˜o “Desvios da Me´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 bota˜o “Desvios da Me´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 bota˜o “Desvios da Me´dia”:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 47/57
Agora voltamos no modo Design atrave´s das abas, damos 2
cliques sobre bota˜o “Quadrados dos Desvios”, e colamos o
seguinte co´digo no evento Click desse Bota˜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 bota˜o “Quadrados dos
Desvios”:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 49/57
Agora voltamos no modo Design atrave´s das abas, damos 2
cliques sobre bota˜o “Soma dos Quadrados dos Desvios”, e
colamos o seguinte co´digo no evento Click desse Bota˜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 bota˜o “Soma dos
Quadrados dos Desvios”:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 51/57
Agora voltamos no modo Design atrave´s das abas, damos 2
cliques sobre bota˜o “Variaˆncia”, e colamos o seguinte co´digo no
evento Click desse Bota˜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 bota˜o “Variaˆncia”:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 53/57
Agora voltamos no modo Design atrave´s das abas, damos 2
cliques sobre bota˜o “Desvio Padra˜o”, e colamos o seguinte
co´digo no evento Click desse Bota˜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 bota˜o “Desvio Padra˜o”:
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 55/57
Agora voltamos no modo Design atrave´s das abas, e clicamos no
Bota˜o ”Start Debugging”(Play)
GET da Engenharia Computacional Tutorial - 1o projeto em VB.net 56/57
Fontes:
http://pt.wikipedia.org/wiki/VisualBasic.NET
http : //pt.wikipedia.org/wiki/V isualBasic
http : //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