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
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
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
As três ferramentas Designer Blocks Editor Emulador 2010/2011 Sistemas de Computação Móvel 4
Designer Permite definir o Layout da aplicação 2010/2011 Sistemas de Computação Móvel 5
Blocks Editor Permite definir o funcionamento da aplicação 2010/2011 Sistemas de Computação Móvel 6
Emulador Permite o teste de aplicações s/ dispositivo móvel 2010/2011 Sistemas de Computação Móvel 7
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
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
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
Aplicação Exemplo Quando for premido o botão imprime string relativa à checkbox seleccionada 2010/2011 Sistemas de Computação Móvel 11
(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
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
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
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
Acesso ao App Inventor Criar/ter uma conta Google Requerer acesso através do link: https://services.google.com/fb/forms/appinventorinterest 2010/2011 Sistemas de Computação Móvel 16
Links úteis http://appinventor.googlelabs.com/about/index.html http://appinventor.googlelabs.com/learn http://www.appinventor.org 2010/2011 Sistemas de Computação Móvel 17
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