tutorial feito pelo nosso adm vitor hugo TUTORIAL VISUAL STUDIO WINDOWS MOBILE
TUTORIAL VISUAL STUDIO WINDOWS MOBILE
O Visual Studio fornece uma série de ferramentas
para auxiliar na criação dessas aplicações, uma delas é o emulador de smartphones e pocket PCs, que simula o ambiente móvel onde ao qual a aplicação se
destina.
Assim, não é necessário ter um dispositivo físico
em mãos para testar o programa.
Existem diversos templates para projetos desse tipo: O principal tipo
de projeto para dispositivos móveis é o Device Application.
Esse projeto assemelha-se ao Windows
Forms, pois a estrutura básica da aplicação é o formulário (forms). Existem diversos
templates para projetos desse tipo: Aplicações desse tipo são instaladas no
dispositivo e interagem com o usuário através dos diversos recursos disponíveis
para entrada e saída de informações.
Os controles disponíveis para essas aplicações são muito semelhantes
aos disponíveis nas aplicações para desktop,
tanto no aspecto visual quanto no comportamento, pois os controles disparam
eventos que são tratados por tratadores de eventos.
Controles muito comuns nessas aplicações são:
•
TextBox;
•
Label;
•
ComboBox;
•
CheckBox;
•
ListView;
•
LinkLabel;
•
TreeView.
•
janela de seleção de templates de projeto será exibida. Selecione o
tipo de projeto SmartDevice e em seguida o template
Smart Device Project.
Em seguida, uma nova janela será exibida, para seleção do tipo de Smart
Device Project. Selecione o tipo Device Application.
O projeto será aberto com um formulário inicial, como mostrado ao
lado:
O Visual Studio exibe a
imagem de um aparelho móvel em torno do formulário em edição. Isso facilita a
visualização do resultado final, sem ser necessário compilar e executar o
projeto.
Ao iniciar uma sessão de debug,
a tela abaixo será exibida. Nela, pode-se escolher onde executar a
depuração do aplicativo. As opções padrão são o emulador do Visual Studio e um dispositivo móvel
conectado ao computador.
A figura ao lado exibe um programa sendo depurado através do emulador
de dispositivos do Visual Studio.
O emulador possui todas as funcionalidades de um dispositivo físico.
Depois de compilar a aplicação, o Visual
Studio inicia automaticamente o emulador e envia-lhe o executável gerado,
assim como todos os arquivos utilizados como recursos para o seu funcionamento.
A figura ABAIXO
mostra um formulário em edição. Alguns controles já foram adicionados a ele.
A figura ao lado mostra uma aplicação muito simples sendo executado no
emulador do Visual Studio.
Observe a semelhança dos controles dessa aplicação com os controles de
projetos Windows Forms.
Abaixo, vemos o código utilizado para
tratar o evento click do botão OK:
Observe que a estrutura do código
acima é exatamente igual ao de uma aplicação Windows Forms.
Assim como as
aplicações para PC, as aplicações móveis precisam acessar dados para executar
suas funcionalidades. Porém, nem sempre os dispositivos móveis estão conectados
a uma rede que acesse a fonte de dados.
Para resolver este tipo de situação, a Microsoft disponibiliza o SQL
Server CE, um sistema gerenciador de banco de dados para Windows Mobile. Através esta ferramenta, é possível armazenar os
dados da aplicação diretamente no dispositivo, possibilitando o uso do
aplicativo desenvolvido em locais onde a base de dados principal não está
acessível. Além disso, pode-se sincronizar a base de dados móvel com a base
principal, utilizando os recursos de sincronização disponibilizados. O SQL
Server CE utiliza um único arquivo (com extensão .sdf) para armazenar a
base de dados e suporta consultas SQL, inclusive JOINS e algumas funções do SQL
Server e permite a criação de bases de dados de até 4 Gigabytes.
Outra vantagem do SQL CE é o suporte ao ADO .Net, como veremos em
nosso exemplo.
A seguir veremos como acessar uma base de dados em SQL Server CE,
através de uma aplicação que utiliza o .Net
Compact Framework.
Para isso, comece crie um projeto do tipo Device Application, como
mostrado anteriormente.
Adicione uma nova fonte de dados ao seu projeto. Para isso, acesse o
menu Data
do Visual Studio e depois selecione a
opção Add New Data Source.
Uma caixa de diálogo de escolha do tipo de fonte de dados será exibida
como a do lado.
Para incluir uma fonte de dados do tipo Database, selecione esta
opção e clique em Next.
O próximo passo é selecionar a conexão com a base de dados. Será
necessário criar uma nova conexão.
Para isso, clique no botão New Connection.
Uma caixa de diálogo como a ao lado será exibida. Nela é possível
adicionar a conexão desejada com um banco de dados
Criaremos uma conexão com o Microsoft SQL Server CE. Assim, será
necessário alterar o campo Data Source, clicando no botão Change.
Na caixa de diálogo Change Data Source, altere o tipo de
conexão para Microsoft SQL Server Compact 3.5 e selecione o provedor de
dados .NET Framework Data Provider for Microsoft SQL Server Compact 3.5.
Em seguida, pressione OK.
Ao retornar para a caixa de diálogo Add Connection, criaremos
a base de dados, clicando no botão Create do item Database.
O próximo passo é criar o arquivo para armazenar a base de
dados.Selecione o local e nome do arquivo .sdf, utilizando o botão Browse.
Pode-se definir uma senha de acesso para a base de dados, porém para
este exemplo não utilizaremos este recurso.
De volta a caixa de diálogo Add Connection, verifique se a
conexão foi bem sucedida, pressionando o botão Test Connection.
A seguinte mensagem deve ser mostrada: 
Caso uma mensagem de erro seja exibida, verifique se as configurações
anteriores foram realizadas corretamente.
Ao finalizar o processo, pressione o botão OK. O Visual Studio verificará se o usuário
deseja copiar e adicionar o arquivo da base de dados ao projeto. Confirme esta
ação.
Ao finalizar a criação da fonte de dados, o Visual Studio permitirá a criação de um DataSet tipado com os
objetos existentes na base de dados. Como acabamos de criar o arquivo, não
haverá objetos disponíveis para seleção na lista. Assim, apenas forneça um nome
para o DataSet e, em seguida,
pressione Finish.
Terminado o processo anterior, será possível visualizar a conexão
criada no item Data Connections da caixa de ferramentas Server Explorer.
Através deste local, será possível visualizar, criar, editar e excluir
objetos na nova base de dados.
Para criar uma nova tabela, pressione o botão direito sobre o subitem Tables,
depois disso, selecione a opção Create Table.
Uma janela de criação de tabela será exibida.
Criaremos a tabela Cliente. Defina o nome da tabela no
campo name e adicione duas colunas à tabela, com as seguintes
propriedades:
id:
int, identity(1,1), primary key
name:
varchar(100), not null
int, identity(1,1), primary key
name:
varchar(100), not null
Em seguida, pressione OK.
A tabela criada será exibida abaixo do subitem Tables do banco de dados,
na caixa de ferramentas Server Explorer. Abra o arquivo do DataSet
criado e arraste a tabela para dentro do DataSet.
O resultado é mostrado abaixo:
Será necessário inserir alguns dados na tabela para realizar testes em
nossa aplicação. Clique com o botão direito no nome
da tabela Cliente no Server Explorer e, em seguida,
selecione a opção Show Table Data.
Os dados da tabela serão exibidos em um grid. Pode-se inserir, alterar e excluir linhas da tabela
utilizando este recurso.
Vamos editar o formulário padrão (Form1) para exibir os dados de nossa
tabela.
Abra o formulário e insira um controle do tipo DataGrid,
pode-se encontrá-lo na caixa de ferramentas Toolbox, dentro da guia Device
Data. Arraste-o para dentro do formulário. Altere o nome do DataGrid para dtgClientes. Agora,
criaremos um método para carregar os dados do grid.
32/45
|
|
O
método CarregaDados
|
|
Módulo 01 - Desenvolvendo
aplicações para Windows Mobile
O método carregaDados será responsável por recuperar as informações na
tabela do banco de dados e associá-la ao DataGrid.
Abaixo é exibida sua implementação.
Private void carregaDados ()
{
// Declarando o Modelo e o
Data adapter
Modelo dtsModelo;
Clientetabloeadapter
daCliente;
// Instanciando o Modelo e
o DataAdapter
dtsModelo = new Modelo () ;
daCliente = new ClienteTableAdapter () ;
// Preencheendo a
Tabela Cliente com os dados da base
Dacliente.fill
(dtsModelo.Cliente) ;
// Associando tabela como
fonte de dados do grid
dtgCliente.Datasource =
dtsModelo.Cliente ;
}
É necessário adicionar a referência para ModeloTableAdapters, como
mostrado abaixo:
Using Da_SQLCE.ModeloTableAdapters ;
Clique duas vezes no formulário, para abrir o tratador do evento Load().
Adicione a chamada do método carregaDados() ao código do tratador
do evento, como mostrado abaixo:
Private
void Forml_Load(object sender , EventArgs e)
{
carregaDados () ;
}
Compile o projeto e execute-o.
A figura abaixo mostra o
resultado obtido em execução no emulador do Visual
Studio.
Nesse exemplo, verificamos como criar um banco de dados para o SQL
Server CE, além de acessá-lo utilizando os recursos do ADO.Net.
Observe que as estruturas da aplicação são muito semelhantes às
estruturas de uma aplicação baseada em Windows
Forms.
Nos aparelhos de celulares antigos, com visores pequenos e recursos
muito limitados, o acesso à internet era realizado através da tecnologia WAP
(Wireless Application Protocol).
Com a evolução dos aparelhos, surgiram smartphones com recursos cada
vez mais poderosos e protocolos de conexão mais avançados, como o GPRS
e o 3G.
Assim, a navegação web em dispositivos móveis vem se tornando cada vez mais
semelhante aos desktops.
Dessa forma, as versões mais recentes do Framework .Net não disponibilizam recursos específicos para o
desenvolvimento web, pois os browsers dos aparelhos celulares
comercializados hoje suportam o HTML, os estilos CSS e até mesmo a execução de scripts.
Ainda assim, deve-se tomar alguns cuidados ao desenvolver páginas
web para dispositivos móveis, pois os
recursos desses aparelhos serão quase sempre mais limitados em relação aos desktops, principalmente com relação ao
tamanho do display e a velocidade de
conexão.
Essas aplicações devem apresentar o conteúdo com um layout mais simples, geralmente
utilizando uma única coluna, e não devem usar scripts ou abrir pop-ups.
Além disso, deve-se evitar o uso de muitas imagens, pois estas
consomem banda ao serem carregadas.
Veremos um exemplo muito simples a seguir.
A página abaixo mostra um relatório de despesas mensais, exibido por
uma aplicação web. No Internet Explorer, browser do desktop, sua visualização é simples.
Esta mesma página, ao ser carregada em um dispositivo móvel, resulta
na visualização ao lado.
Observe que o conteúdo da página foi comprometido. O usuário terá que
utilizar as barras de rolagem horizontal e vertical para ver todo o conteúdo.
Agora suponha que o usuário queira verificar os gastos do mês de
junho. Ele deixaria de ver as descrições localizadas na primeira coluna da
tabela.
Você seria capaz de identificar rapidamente a que mês e despesas
referem-se os valores abaixo?
Uma alternativa para as questões apresentadas seria, modificar a
página fazendo as seguintes alterações.
Aplicando as modificações propostas,
obtemos o seguinte resultado.
No exemplo mostrado, a aplicação possui as mesmas funcionalidades em
ambas as versões apresentadas, porém, a estrutura utilizada para apresentar o
conteúdo foi alterada.
Hoje, é possível criar sites para dispositivos móveis com as mesmas
funcionalidades dos sites normais, visualizados em desktops.
Além disso, é cada vez maior a utilização de smartphones para acesso a internet, e o número de usuários tende a
crescer cada vez mais, pois os planos e aparelhos estão ficando cada vez mais
acessíveis ao consumidor final, o que aumentará a demanda por aplicações que
atendam esse novo grupo de consumidores.
Para
colocar em prática os conhecimentos aprendidos, nas próximas páginas você
fará alguns exercícios.
O IMC (Índice de Massa
Corporal) é uma medida internacional utilizada para calcular obesidade. É um método
rápido para medir o nível de gordura de uma pessoa.
O IMC é um número real,
determinado pela divisão da massa do indivíduo pelo quadrado de sua altura,
como mostra a fórmula abaixo:
Onde a massa é medida em quilograma (kg) e a
altura é medida em metros (m).
O resultado obtido é comparado com a
seguinte tabela, que indica o grau de obesidade do indivíduo:
Atividade 1
Implemente um programa para Windows Mobile que calcule o IMC do
usuário e o classifique utilizando a tabela acima. O usuário deve fornecer o
seu peso e altura ao programa.
Atividade2 2
Crie uma agenda para Windows Mobile que armazene em banco de dados os seguintes dados dos contatos:
Crie uma agenda para Windows Mobile que armazene em banco de dados os seguintes dados dos contatos:
Nome
Telefone
Celular
E-mail
Endereço
Data de aniversário
Telefone
Celular
Endereço
Data de aniversário
O programa deve exibir a lista com o nome e telefone dos contatos.
Além de permitir a visualização, inclusão, exclusão e alteração dos registros.
Atividade3 3
Utilizando a agenda proposta, desenvolva um novo módulo de tarefas, onde o usuário pode cadastrar suas tarefas, com os seguintes campos:
Utilizando a agenda proposta, desenvolva um novo módulo de tarefas, onde o usuário pode cadastrar suas tarefas, com os seguintes campos:
Título
Data
Local
Descrição
Data
Local
Descrição
O programa deve exibir, em sua tela inicial, as 5 próximas tarefas, ou
todas as tarefas do dia, caso esse número exceda 5 tarefas.
Exiba, juntamente com as tarefas, os aniversários dos contatos.
Comentários
Postar um comentário