Colunas Técnicas :: Visual Basic

Primeiras impressões do Visual Basic.Net - Parte 2

Por Daniel Burd

Na primeira parte deste artigo, você foi apresentado ao novo ambiente de desenvolvimento do Visual Basic.Net, e criou o seu primeiro aplicativo desktop (WinForm). Agora você irá criar uma página para Internet (WebForm) e uma aplicação móvel. E o mais importante, com a mesma facilidade com que criou o seu primeiro WinForm.

Criando o primeiro WebForm no Visual Basic.Net

Da mesma forma que existe uma classe apenas para formulários desktop, existe também uma nova classe pra formulários Web, são os WebForms.

Acesse o item de menu Arquivo -> Close Solution para fechar a solução com o WinForm criado anteriormente. Na janela "Start Page" selecione "Get Started" e clique no botão "New Project". Desta vez utilizaremos o template "ASP.NET Web Application" com o nome MeuPrimeiroWebForm (figura 1).

Figura 1 - Criação do projeto MeuPrimeiroWebForm

Ao clicar no botão OK você verá a janela "Create New Web" (figura 2), note que esta sendo criado um diretório virtual para o projeto MeuPrimeiroWebForm.

Figura 2 - A criação do diretório virtual MeuPrimeiroWebForm

Este diretório virtual irá possibilitar que você possa testar as suas páginas diretamente do seu computador, sem a necessidade de hospedar a mesma na Internet.

Após a criação do diretório virtual. Será apresentado o "WebForm1.aspx" (figura 3).

Figura 3 - O "WebForm1.aspx"

Note que o WebForm pode ser visualizado no modo Design e HTML.

Como fizemos anteriormente, vamos inserir um controle Button e um Label.

De um clique no modo HTML e veja o código inserido. Ao inserir os controles Button e Label no modo Design o Visual Basic.Net automaticamente inseriu as tags ASP.Net <asp:Button> e<asp:Label>:

<asp:Button id="Button1" style="Z-INDEX: 101; LEFT: 103px; POSITION: absolute; TOP: 101px" runat= "server"Text="Button"></asp:Button>

<asp:Label id="Label1" style="Z-INDEX: 102; LEFT: 107px; POSITION: absolute; TOP:144px" runat= "server" Width= "235px"Height="19px">Label</asp:Label>

Volte para o modo Design e dê um duplo clique sobre o Button e insira o código presente no quadro 1.

Dim intComprimento As Integer = CInt(Format(Now, "HH")) 
Select Case intComprimento 
Case Is < 12 
Label1.Text = "Bom dia, agora são " & Format(Now, "HH") & " hora(s) e " & Format(Now, "mm") & " minuto(s)." 
Case 12 To 18 
Label1.Text = "Boa tarde, agora são " & Format(Now, "HH") & " hora(s) e " & Format(Now, "mm") & " minuto(s)." 
Case Is > 18 
Label1.Text = "Boa noite, agora são " & Format(Now, "HH") & " hora(s) e " & Format(Now, "mm") & " minuto(s)." 
End Select

Quadro 1 - Rotina para exibição do comprimento e das horas

O resultado deverá ser o mesmo apresentado pela figura 4.

Figura 4 - O código do evento Click do controle Button1

Pressione a tecla F5. A sua página ASPX será aberta no Browser. Ao clicar no botão veja o resultado (figura 5).

Figura 5 - O Winform do projeto MeuPrimeiroWebForm aberto no Internet Explorer

O mais interessante é que tanto nos WinForms, quanto nos WebForms, o Visual Basic, provê suporte a eventos. E de forma transparente para o desenvolvedor. Ao inserir a rotina do quadro 1, no evento Click do botão Button1, você o fez da mesma maneira que quando criou o WinForm.

Criando o primeiro "Mobile Web Application" no Visual Basic.Net

Uma "Mobile Web Application" nada mais é do que uma aplicação para celular, PocketPC ou qualquer outro dispositivo móvel que tenha acesso a Internet.

Primeiramente feche o Visual Studio.Net.

Caso você ainda não tenha instalado o "Mobile Internet Toolkit" acesse olinkhttps://msdn.microsoft.com/downloads/default.aspx?URL=/code/sample.asp?url=/msdn-files/027/001/516/msdncompositedoc.xml.

Além de instalar o "Mobile Internet Toolkit", será necessário também que você tenha instalado em seu equipamento o "Microsoft Mobile Explorer 3.0 Emulator". O mesmo esta disponívelparadownloadem:https://www.microsoft.com/downloads/release.asp?ReleaseID=30578&area=search&ordinal=1.

Através deste emulador iremos testar as páginas "moveis" em um simulador de celular.

Após instalar o "Mobile Internet Toolkit" e o MME 3.0, você já pode criar a sua primeira aplicação móvel no Visual Studio.Net.

Abra o Visual Studio, e na página Start clique no botão "New Project". Na janela "New Project", selecione "Visual Basic Projects", "Mobile Web Application" e atribua o nome PrimeiraAplicacaoMovel (figura 6). Clique no botão OK.

Figura 6 - Seleção de um projeto do tipo "Mobile Web Application" na janela "New Project"

Na janela "Solution Explorer", clique com o botão direito do mouse sobre página criada ("MobileWebForm1.aspx"). Selecione a opção Rename (figura 7) e altere o nome da mesma para "default.aspxx".

Figura 7 - Seleção da opção Rename no "Solution Explorer"

Clique como botão direito do mouse na página "default.aspxx" e selecione a opção "Set As Start Page". Assim esta página será a página a ser exibida quando fora acessado o diretório virtual: "https://localhost/PrimeiraAplicacaoMovel/".

Note que a janela Toolbox agora possui um novo grupo de controles específicos para formulários móveis, o grupo "Mobile Web Forms". Arraste o controle Link, deste grupo, para dentro do formulário. Altere sua propriedade Text para "Clique aqui para ver as horas" e a sua propriedade NavegateURL para "Horas.aspx".

Como você deve ter percebido este controle ao ser clicado irá abrir a página "Horas.aspx". Vamos criá-la então. Acesse o item de menuProject->Add Web Form... Na janela "Add New Item", selecione o Template "Mobile Web Form" e atribua o nome "Horas.aspx".

No formulário "Horas.aspx" insira um controle Label. Acesse o item de menu View -> Code e insira o código do quadro 1 no evento Load da página (figura 8).

Figura 8 - O código do quadro 1 inserido no evento Load da página "Horas.aspx"

Para ver o resultado dessas duas páginas no MME 3.0 primeiro é preciso compilar o nosso projeto. Clique em Build -> Rebuild All. Depois é necessário abrir o MME. Acesse o item de menu View -> Mobile Explorer Browser -> Show Browser. O MME será aberto. Digite a URL "https://localhost/PrimeiraAplicacaoMovel/" e a nossa aplicação será aberta no MME (figura 9).

Figura 9 - A página "default.aspxx" aberta no MME

Clique no link "Clique aqui para ver as horas" e veja o resultado (figura 10)

Figura 10 - A página "Horas.aspx" no MME

Mais uma vez vale destacar o suporte a eventos, que esta presente também nas aplicações móveis.

Conclusão

Como você pode notar o Visual Studio.Net é um ambiente bem flexível que pretende prover ao desenvolvedor todo o suporte necessário para que ele assimile as suas novas funcionalidades, vimos isto através das facilidades apresentadas pelo menu Start. Além disso, em poucos minutos construímos um formulário desktop, um formulário para Web e um formulário para aplicações móveis utilizando o mesmo código para prover a mesma funcionalidade para os três ambientes. E mais, você pode presenciar o suporte a eventos tanto em aplicações desktop, nos WebForms e nos formulários para aplicações móveis.

Espero que você tenha gostado do seu primeiro contato com o Visual Studio e com o Visual Basic.Net, assim como eu.

Aproveite, tente descobrir mais algumas funcionalidades e divirta-se.

Faça o download deste documento:

Primeiras impressões do Visual Basic.Net - Parte 2

formato Word, 2.415 Kb