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