Oficina 3 de App Inventor

1 Objetivos

Preparar as equipes para o desenvolvimento do projeto integrador. Mais especificamente, prepará-las para o uso do App Inventor com:

• distribuição e preparação do celular
• depuração da aplicação via WiFi
• acesso ao GPS
• acesso a base de dados local
• acesso a base de dados remota
• uso de notifiers

1.1 distribuição e preparação do celular

• Os chefes de cada equipe devem receber um celular com fonte e preencher um documento de compromisso de devolução do dispositivo.
• Os chefes deverão colocar uma conta google e configurar uma rede WIFI (IFSC-ALUNOS). Os seguintes softwares deverão ser instalados:
  • http://appinventor.mit.edu/download/MITAICompanion.apk (não tem na PLAY STORE do ANDROID para esta versão do celular)
  • bar code scanner do PLAY STORE
  • GPS status

2 Parte 1 - Preparação dos componentes visuais

Nesta etapa colocaremos todos os componentes visuais necessários a aplicação.

Observe os nomes dos componentes. Para padronização usamos lb (label) e bt como iniciais de rótulos e botões. Observe também que foram usados dois organizadores tipo tabela.

3 Parte 2 - Acesso ao GPS

Vá até a pallete Sensors do projeto e arraste um LocationSensor para o Viewer. Nas propriedades do componente, mude DistanceInterval = 0; Desabilite o gps com [ ] Enable. Altere o TimeInterval = 1000 (milisegundos). Arraste também um Clock. Deixe-o TimerEnable com [ ] Enable o TimerAlwaysFire [x] Enable

3.1 parte de acionamento manual=

Abra o Editor de Blocos e arraste e conecte os componentes conforme mostrado na figura abaixo:

3.2 parte de acionamento com clock

Abra o Editor de Blocos e arraste e conecte os componentes conforme mostrado na figura abaixo:

4 Parte 3 - Acesso a base de dados local

Vá até a Pallete Basic do projeto e arraste um objeto TinyDB para o Viewer.

Para testar se o armazenamento na base local está funcionando, siga os seguintes passos:

1. baixe o app desenvolvido para o celular;
2. Execute o app e armazene um ponto na base local [SALVAR].
3. Recupere o ponto da base local [LER].
4. Para verificar a permanência do dado após o fechamento do app, feche o app e reabra em seguida.
5. Recupere o ponto da base local [LER].
6. Para verificar a permanência do dado após o desligamento do dispositivo, deslige-o, religue-o, reabra em seguida o app.
7. Recupere o ponto da base local [LER].

5 Parte 4 - Acesso a base de dados remota

Vá até a Pallete Other Stuff do projeto e arraste um objeto WebDB para o Viewer.

Abra o Editor de Blocos e e codifique da forma:

Nota os dados são armazenados no banco de dados indicado no endereço no campo ServiceURL do componente TinyWebDB. Por default o banco de dados do MIT é utilizado. Para verificar se o dado está armazenado no WebDB, copie o seu endereço http://appinvtinywebdb.appspot.com/. Uma tela com os comandos de acesso ao DB pela interface do Browser é mostrada.

Para testar se o dado esta armazenado, utilize o comando getvalue com a Tag utilizada no armazenamento. Por exemplo, no caso acima EQX-P1 retornará a string: ["VALUE", "EQX-P1", "\"P1LOCAL: -27,60847 , -48,6328\""].

5.1 Url do TinyWebDB

Além da base de dados padrão do MIT, você também pode usar as bases de dados disponibilizadas pelo IFSC.

6 Parte 5 - Sensor de Orientação (bússola)

Exercícios

• Completar o bloco de instruções acima para mostrar os ângulos de Roll e Pitch
• Implementar um adendo no bloco para que uma notificação apareça quando o azimute estiver entre 300 e 310 graus.