VS 2005 - Criando aplicações para dispositivos móveis

VWD 2005 - Criando aplicações para dispositivos móveis

Você pode usar o Visual Web Developer 2005 Express como ferramenta para criar aplicações para dispositivos móveis usando a linguagem Visual Basic. O VWD 2005 fornece um conjunto de ferramentas e o ambiente necessário para que você desenvolva aplicações para Pocket PC, SmartPhone e outras plataformas baseadas no Windows CE.

De forma geral você pode desenvolver dois tipos básicos de aplicações :

Aplicações web móveis que rodam em um servidor web e são renderizadas em diferentes formatos em uma variedade de Navegadores em dispositivos móveis diversos;
Aplicações clientes baseadas em Windows CE que rodam no próprio dispositivo móvel.

Vejamos então como podemos criar uma aplicação web móvel usando o Visual Web Developer 2005 Express. (Você pode usar também o Visual Studio 2005)

1- Criando uma aplicação do tipo Web mobile

Vamos criar uma pequena aplicação que possui um formulário e que acessa um banco de dados SQL Server. O banco de dados será criado no SQL Server 2005 Express com o nome de Clientes.mdf e possuirá uma tabela chamada Clientes com a seguinte estrutura:

Para saber como criar um banco de dados e uma tabela no SQL Server 2005 Express leia o artigo:

VB.NET 2005 - Acesso a fonte de dados SQL Server via código.

O processo é praticamente idêntico a criação de uma aplicação web:

Abra o Visual Studio 2005 e no menu File selecione a opção : New Web Site
A seguir, na janela New Web Site , selecione o template : ASP .NET Web Site , a linguagem : Visual Basic e informe o nome do site como sendo : mobileAppNet na sua pasta de trabalho. (O caminho d:\aspnet\ indicado na figura refere-se ao da minha máquina local e você pode usar outra localização)

Na janela Solution Explorer clique com o botão direito do mouse sobre o nome do projeto e selecione a opção Add New Item;
Na janela Add New Item, selecione o template : Mobile Web Form e informe o nome mbwf1.aspx conforme figura abaixo:

Neste momento o seu projeto deverá exibir no modo Design o mobile Web Form - mbwf1.aspx conforme a figura a seguir:

Vamos incluir os seguintes controles no formulário:

2 controles List : ListaExibeRegistros e ListaMostraRegistro
1 controle TextBox : txtTexto
1 controle Command : cmdMostraRegistro
1 Controle Label : lblMsg

a partir da ToolBox, na guia Mobile Web Forms, arrastando e soltando no formulário de acordo com o leiaute abaixo:

O código gerado e que pode ser visto na guia Source é o seguinte :

<body>

<mobile:form id="mbwfCliente" runat="server">

<mobile:Label ID="lblMsg" Runat = "server" Text = "Obter Código do Cliente" />

<mobile:List ID="ListaExibeRegistros" Runat="server" DataTextField="nomeUsuario" DataValueField="UserID" Decoration="Bulleted" />

<mobile:TextBox ID="txtTexto" Runat = "server" />

<mobile:Command ID="cmdMostraRegistro" Runat="server" Text="Obter Código do Cliente" >Obter Código do Cliente</mobile:Command>

<mobile:List ID="ListaMostraRegistro" Runat="server" DataTextField="CodigoCliente" DataValueField="nomeCliente" Decoration="Numbered" />

</mobile:form>

</body>

Inclua as seguintes declarações de import no formulário mbwf1.aspx

<%@ Import Namespace = "System.Data" %>
<%@ Import Namespace = "System.Data.SqlClient" %>

Declare no inicio do formulário a seguinte variável do tipo SqlConnection que irá efetuar a conexão com a fonte de dados; a localização da base de dados clientes.mdf pode ser conseguida abrindo a janela DataBase Explorer e selecionando o banco de dados,e, a seguir copiar a propriedade ConnectionString conforme abaixo:

Dim DBConn As New SqlConnection("Data Source=.\SQLEXPRESS;AttachDbFilename=D:\teste\clientes.mdf;Integrated Security=True;Connect Timeout=30;User Instance=True")

A seguir exiba o código do formulário e inclua o seguinte código no evento Load do mobile web form:

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs)

Dim DBAdap As New SqlDataAdapter

Dim Ds As New DataSet

DBAdap = New SqlDataAdapter("SELECT * FROM Clientes", DBConn)

DBConn.Open()

DBAdap.Fill(DS)

ListaExibeRegistros.DataSource = Ds

ListaExibeRegistros.DataBind()

DBConn.Close()

DBAdap.Dispose()

DBAdap = Nothing

DS.Dispose()

DS = Nothing

End Sub

O código acima efetua o preenchimento do dataset vai dataadapter e em seguida exibe os dados no controle List .

Agora no evento Click do controle Command - cmdMostraRegistro - inclua o seguinte código:

Protected Sub cmdMostraRegistro_Click(ByVal sender As Object, ByVal e As System.EventArgs)

DBConn.Open()

Dim DBAdap As New SqlDataAdapter

Dim DS As New DataSet

DBAdap = New SqlDataAdapter("SELECT Nome, Codigo, Endereco FROM Clientes WHERE Nome='" & txtTexto.Text & "'", DBConn)

DBAdap.Fill(DS)

ListaMostraRegistro.DataSource = DS

ListaMostraRegistro.DataBind()

DBConn.Close()

DBAdap.Dispose()

DBAdap = Nothing

DS.Dispose()

DS = Nothing

End Sub

Neste código novamente preenchemos o dataset efetuando um Select na fonte de dados onde usamos o nome do cliente informado como critério pelo usuário no controle Text. Será exibido o endereço do cliente selecionado.

Executando a aplicação temos:


A página inicial da aplicação	A seleção de um cliente para exibição do seu endereço

Pronto ! você acabou de criar sua primeira aplicação para dispositivo móvel do tipo web mobile usando ASP.NET e... quase nem percebeu ...

Pegue o projeto completo aqui: mobileAppNet.zip

Aguarde o próximo artigo onde continuaremos a falar sobre o assunto ...

José Carlos Macoratti