App Inventor. uma breve introdução. Rui Campos. Mestrado em Eng. Computação e Instrumentação Médica. Sistemas de Computação Móvel

Transcrição

1 App Inventor uma breve introdução Rui Campos Sistemas de Computação Móvel Mestrado em Eng. Computação e Instrumentação Médica novembro 2010

2 Android Projecto liderado pela Google OS open-source para dispositivos móveis Involve conjunto vasto de stakeholders HTC, Samsung, Motorola, T-Mobile, Principais concorrentes: Windows Phone 7, iphone OS, Symbian OS 2010/2011 Sistemas de Computação Móvel 2

3 App Inventor Desenvolvimento de aplicações móveis para todos criação de aplicações s/ conhecimentos de programação programação orientada ao encaixe de blocos blocos funcionam como peças de um puzzle Desenvolvimento baseado em três ferramentas Designer, Blocks Editor e Emulador funcionam de forma integrada 2010/2011 Sistemas de Computação Móvel 3

4 As três ferramentas Designer Blocks Editor Emulador 2010/2011 Sistemas de Computação Móvel 4

5 Designer Permite definir o Layout da aplicação 2010/2011 Sistemas de Computação Móvel 5

6 Blocks Editor Permite definir o funcionamento da aplicação 2010/2011 Sistemas de Computação Móvel 6

7 Emulador Permite o teste de aplicações s/ dispositivo móvel 2010/2011 Sistemas de Computação Móvel 7

8 Emulador Permite o teste de aplicações de duas formas: em tempo real à medida que vamos criando a aplicação necessária interligação com o Blocks Editor (clicar em Connect to Phone no Blocks Editor) mediante instalação no Emulador necessária invocação de comando de instalação 2010/2011 Sistemas de Computação Móvel 8

9 Emulador Instalação de uma aplicação: no Designer clicar em Package for Phone seleccionar Download to this Computer é gerado um ficheiro.apk Nota: Blocks Editor tem que estar aberto na Linha de Comandos instalar o ficheiro.apk no emulador > adb install r <nome-do-ficheiro-apk> iniciar a aplicação através do menu do Emulador 2010/2011 Sistemas de Computação Móvel 9

10 Emulador Desinstalação de uma aplicação: na Linha de Comandos invocar os comandos seguintes: > adb shell > cd /data/app > ls ; mostra todos os ficheiros.apk instalados no emulador > rm <nome-do-ficheiro-a-remover> > exit 2010/2011 Sistemas de Computação Móvel 10

11 Aplicação Exemplo Quando for premido o botão imprime string relativa à checkbox seleccionada 2010/2011 Sistemas de Computação Móvel 11

12 (Designer) Passos: Aplicação Exemplo 1. Criar um novo projecto 2. Abrir o Blocks Editor 3. Inicialmente temos apenas o componente Screen1 em Properties podemos mudar, por exemplo, o seu título 4. Adicionar os componentes da nossa aplicação da paleta do lado esquerdo arrastamos um botão, duas checkboxes e duas labels 2010/2011 Sistemas de Computação Móvel 12

13 Aplicação Exemplo Passos (cont.): 5. Renomear identificadores dos componentes em Components, podemos alterar nome dos componentes 6. Propriedades de cada componente em Properties podemos modificar propriedades componente actual e.g., o nosso botão terá escrita a palavra Print e as labels estarão inicialmente invisíveis Definidos os componentes da aplicação passamos à definição do seu funcionamento 2010/2011 Sistemas de Computação Móvel 13

14 Aplicação Exemplo (Blocks Editor) Objectivo: definição do funcionamento quando é premido o botão Print Passos: 1. Seleccionar o objecto printbutton.click 2. Dentro deste objecto encaixamos os blocos que definem o funcionamento da aplicação: botão premido? mostra label correspondente à checkbox seleccionada 2010/2011 Sistemas de Computação Móvel 14

15 Aplicação Exemplo Definido o funcionamento da aplicação passamos ao teste no emulador Passos: (ver slide 9) 2010/2011 Sistemas de Computação Móvel 15

16 Acesso ao App Inventor Criar/ter uma conta Google Requerer acesso através do link: /2011 Sistemas de Computação Móvel 16

17 Links úteis /2011 Sistemas de Computação Móvel 17

18 Iniciar o Emulador start_emulator na pasta appinventor-extras pode demorar alguns minutos a iniciar Fazer Unlock arrastando o cadeado para a direita 2010/2011 Sistemas de Computação Móvel 18