ndice 1. CONFIGURAO DO MIT APP INVENTOR ........................................................................................................... 3 REQUISITOS DO SISTEMA ........................................................................................................................................... 3 2. PREPARE SEU SISTEMA (JAVA) ........................................................................................................................... 4 3. INSTALE O SOFTWARE DO APP INVENTOR ......................................................................................................... 6 INSTRUES PARA MAC OS X ................................................................................................................................................ 6 INSTRUES PARA GNU/LINUX ............................................................................................................................................. 9 INSTRUES PARA WINDOWS .............................................................................................................................................. 10 4. INICIALIZE O APP INVENTOR PELA PRIMEIRA VEZ..............................................................................................15
3 Manual de instalao do App Inventor
1. Configurao do MIT App Inventor A preparao da Programao com o App Inventor um processo composto de quatro passos que leva uma meia hora no total. 1. Prepare seu sistema (Java) 2. Instale o software do App Inventor 3. Inicialize o App Inventor 4. Escolha uma opo A. Crie aplicativos com seu dispositivo Android, ou B. Crie aplicativos com o emulador Voc completou estes trs passos? V ento aos tutoriais e comece a desenvolver seus projetos. O primeiro tutorial que voc deve testar o do Hello Purr. http://appinventor.mit.edu/explore/install-app-inventor-software.html
Requisitos do sistema Computador e sistema operacional: Macintosh (com processador Intel): Mac OS X 10.5, ou superior. Windows: Windows XP, Windows Vista, Windows 7. GNU/Linux: Ubuntu 8+, Debian 5+
Navegador Mozilla Firefox 3.6 ou superior o Observao: Se voc utiliza o Firefox com a extenso NoScript, ter que desabilitar esta extenso. Veja a observao na pgina de Soluo de Problemas do site do App Inventor. Apple Safari 5.0 ou superior Google Chrome 4.0 ou superior Microsoft Internet Explorer 7 ou superior
4 Manual de instalao do App Inventor
2. Prepare seu sistema (Java) Etapa1 de 4: Preparao do seu sistema O App Inventor requer Java. Verifique se voc j possui o programa em seu computador e para isso, faa a verificao web do Java conforme explicado abaixo. Caso voc no possua o programa ainda, siga as instrues de instalao do Java na pgina da Oracle (http://java.com/en/download/help/download_options.xml) Ateno Usurios do Mac: O site da Oracle do Java informa que o Java no funciona com o navegador Chrome no Mac.Isto no verdade! Voc pode usar o Java 7 e o App Inventor em um Mac com Chrome.
Verificao do Java Web Start Para verificar se o Java Web Start est funcionando corretamente, clique no boto laranja que aparece no exemplo abaixo ("Launch") para tentar rodar um programa na Web.
Este teste deveria baixar da Web e executar um arquivo (notepad.jnlp) que criar uma janela chamada "Notepad"/"Bloco de notas" na qual voc pode introduzir um texto.
Dependendo de seu navegador, talvez voc precise abrir manualmente o arquivo jnlp aps o download para execut-lo. Se o teste der certo, feche o Notepad e continue. Se o Notepad no for executado, significa que o teste falhou. No tente utilizar App Inventor se o teste tiver falhado. Consulte, a seguir, as possveis solues.
5 Manual de instalao do App Inventor
Estes so alguns dos motivos de falha do teste: Seu PC tem um firewall que no permite que o programa seja baixado. Seu navegador no est configurado para que o Java Web Start abraarquivos jnlp (mesmo se a primeira parte do teste tiver funcionado, ou seja, que voc tenha conseguido baixar o arquivo). Para solucionar este problema voc pode precisar associar os arquivos .jnlp ao Java Web Start ou reinstalar o Java (http://java.com/en/download/help/download_options.xml). Seu PC no tem memria suficiente para rodar o App Inventor. necessrio um tamanho de memria contgua para o Java de,aproximadamente, 950Mb. preciso alterar a configurao de proxy de sua rede para Java.
Pronto? Ento vamos continuar!
6 Manual de instalao do App Inventor
3. Instale o software do App Inventor Etapa2 de 4: Instrues de instalao Instale o software de configurao do App Inventor Para poder utilizar o App Inventor, voc precisa antes instalar um determinado software em seu computador. Esse software est em um pacote chamado "App Inventor Setup". Siga as instrues para realizar a instalao conforme seu sistema operacional e, depois, retorne para continuar com o Passo 3 (Inicializar o App Inventor) e o Passo 4 (Configurar seu dispositivo ou emulador).
Instrues para Mac OS X http://appinventor.mit.edu/explore/content/mac.html App Inventor consiste em vrias partes diferentes que trabalham juntos. Estas peas esto localizadas em vrios lugares diversos: nos servidores do MIT, em seu computador, e no seu dispositivo. Para instalar as partes que sero rodadas em seu computador, baixe e execute a instalao do App Inventor. Esta instruo explica como fazer isso. 1. Baixe o arquivo de instalao (http://dl.google.com/appinventor/installers/mac/AppInventor_Setup_v_1.1.dmg) 2. D um clique duplo no arquivo AppInventorSetup.pkg para executar o instalador 3. Clique em Continue (Continuar), como indicado na tela a seguir:
7 Manual de instalao do App Inventor
4. Leia o contrato de licena de software e aceite-o. 5. Na tela Instalao Padro, no mude o local de instalao. Clique em Install (Instalar) conforme mostra a figura a seguir.
8 Manual de instalao do App Inventor
6. Se solicitado, digite sua senha para confirmar que voc realmente deseja instalar o software. Clique em OK. 7. O instalador confirmar que o pacote de instalao App Inventor foi instalado.
Algo no funciona bem? Visite a pgina de resoluo de problemas, ou consulte o Frum de Usurios do App Inventor para obter ajuda.
9 Manual de instalao do App Inventor
Instrues para GNU/Linux http://appinventor.mit.edu/explore/content/linux.html Voc precisar de privilgios sudo para fazer a instalao Para sistemas que permitem instalaes de pacotes Debian. Siga as instrues a seguir se estiver em um Sistema GNU/Linux que permite instalaes de pacotes Debian (exemplo: Debian ou Ubuntu): 1. Faa o download do Appinventor Setup installer Debian package (http://dl.google.com/dl/appinventor/installers/linux/appinventor-setup_1.1_all.deb). Ele est em um arquivo com o nome de appinventor-setup_1.1_all.deb (aproximadamente 86 Megabytes) e um arquivo do tipo Debian package installer. A pasta em que ele ser baixado depende da configurao do seu navegador. Tipicamente, essa pasta a Downloads. 2. Se o seu sistema permite instalaes de pacotes simplesmente clicando sobre o arquivo, ento faa isso clicando sobre o appinventor-setup_1.1_all.deb. 3. Se o seu Sistema no suporta instalaes clicando sobre o arquivo, ento abra a pasta onde o appinventor-setup_1.1_all.deb foi gravado e execute o comando:. sudo dpkg --install appinventor-setup_1.1_all.deb Em comum, os dois mtodos de instalao precisam que voc tenha certeza de que, tanto o arquivo appinventor-setup_1.1_all.deb quanto a pasta onde est o arquivo soworld readableeworld executable. Em alguns sistemas, sudo no tem privilgio default para ler e executar todos os arquivos. 4. O programa ser instalado em/usr/google/appinventor-setup. 5. Voc precisa configurar seu Sistema para que detecte seu aparelho. Veja as Android developer instructions (Instrues para Desenvolvedor Android) em Setting up a device for development (Configurar um dispositivo para desenvolvimentos). Siga as instrues do passo "set up your system to detect your device" (configurar seu sistema para que detecte seu dispositivo) no item "If you're developing on Ubuntu Linux" (se voc est desenvolvendo em Ubuntu Linux).
10 Manual de instalao do App Inventor
Para outros Sistemas GNU/Linux 1. Faa o download do arquivo Appinventor Setup installer tar (http://appinventor.mit.edu/explore/content/linux.html). Ele est em um arquivo com o nome de appinventor-setup_1.1.tar.gz (aproximadamente 86 Megabytes). um arquivo comprimido Gzip, tar. 2. Instale esses arquivos usando um mtodo apropriado em seu Sistema operacional. Voc precisa extrair o ppinventor-setup_1.1/appinventor directory, que precisa ficar, no seu computador, em um diretrio com o caminho /usr/google/appinventor. Se voc instalou corretamente, existir o arquivo /usr/google/appinventor/commands-for- Appinventor/adb.
Localizando o arquivo de Setup Na maioria dos casos, o App Inventor deve estar apto para localizar o programa de instalao (Setup) sozinho. Se isso no acontecer, ele ir perguntar onde o programa est localizado e voc dever informar o seguinte caminho do diretrio: /usr/google/appinventor/commands-for-Appinventor Algo no funciona bem? Visite a pgina de resoluo de problemas, ou consulte o Frum de Usurios do App Inventor para obter ajuda.
Instrues para Windows http://appinventor.mit.edu/explore/content/windows.html A instalao no Windows do App Inventor Setup pode ter duas aes: a) A instalao do pacote App Inventor Setup em si. Essa ao obrigatria, sendo a mesma para todos os aparelhos Androids, bem como para as verses Windows XP, Vista, and 7. b) E, dependendo se voc escolher usar o cabo USB no ETAPA 4, voc precisar instalar os drivers Windows para seu telefone Android.Essa etapa no necessria se voc escolher utilizar WiFi no ETAPA 4.
11 Manual de instalao do App Inventor
Instalao do App Inventor Setup em Windows Recomendamos que voc realize a instalao com privilgios de Administrador em seu Windows. Assim, o software ser instalado para todos os usurios de sua mquina. Se voc no tem privilgios de Administrador, a instalao ainda deve funcionar, mas o App Inventor s poder ser utilizado atravs da conta a partir da qual foi instalado. 1. Faa o download do instalador. 2. Localize o arquivo AppInventor_Setup_Installer_v_1_2.exe(aproximadamente 92 MB)na sua pasta de downloads ou na sua rea de Trabalho. A localizao do arquivo no seu computador depende da configurao do seu navegador. 3. Abra o arquivo de instalao. 4. Siga os passos da instalao. No modifique o local de instalao, apenas guarde o diretrio pois, mais tarde, voc deve checar o driver. O diretrio de instalao pode ser diferente conforme sua verso do Windows e se voc est logado como Administrador ou no.
Localizando o arquivo de Setup Na maioria dos casos, o App Inventor localizar o arquivo de Setup sozinho. Mas, Na maioria dos casos, o App Inventor deve estar apto para localizar o programa de instalao (Setup) sozinho. Se isso no acontecer, ele ir perguntar onde o programa est localizado e voc dever informar o seguinte caminho do diretrio que podem variar conforme o idioma: C:\Program Files\Appinventor\commands-for-Appinventor. OU C:\Arquivos de Programas\Appinventor\commands-for-Appinventor. Caso voc esteja utilizando um verso de 64 bits, mais provvel que a instalao ocorra na pasta Program Files (x86) ou Arquivos de Programas (x86) em vez da Program Files ou Arquivos de Programas. E ainda, se voc no instalou com privilgios de Administrador, o arquivo poder ter sido instalado em seu diretrio local em vez de na pasta C:\Program Files ou C:\Arquivos de Programas. Voc precisar procurar para encontrar o caminho correto da pasta de instalao.
12 Manual de instalao do App Inventor
Drivers do Windows Drivers do Windows para dispositivos Android O software de configurao do App Inventor inclui drivers para os telefones Android mais comuns: 1. T-Mobile G1* / ADP1 2. T-Mobile myTouch 3G* / Google Ion / ADP2 3. Verizon Droid (no Droid X) 4. Nexus One 5. Nexus S Para os telefones que no apaream na lista, ter que obter e instalar os drivers manualmente. Se seu telefone estiver entre eles, os drivers devem ser instalados junto com o software de configurao do App Inventor. Para os outros dispositivos, voc dever obter e instalar os drivers de USB do fabricante. Em qualquer caso, antes de continuar com o processo, bom verificar a instalao dos drivers como se descreve a seguir: Algo no funciona bem? Visite a pgina de resoluo de problemas, ou consulte o Frum de Usurios do App Inventor para obter ajuda. Voc encontrar os links para os drivers de inmeros dispositivos Android em http://developer.android.com/sdk/oem-usb.html. Se seu dispositivo no estiver dentre eles, recomendamos que visite o site do fabricante para obter informaes sobre como instalar os drivers, ou consultar os seguintes recursos: Grupo do Google Android Developers e Grupo do Google Android Beginners: Faa uma pesquisa utilizando termos como "Android SDK", "drivers", "install" e o nome de seu dispositivo Link sobre drivers no frum de App Inventor Documentao geradas por usurios em User Generated Documentation
13 Manual de instalao do App Inventor
Ao seguir as instrues do fabricante, leve em conta que no necessrio instalar o Android SDK completo, apenas os drivers de seu dispositivo. As outras partes do SDK foram instaladas durante a instalao do software de configurao do App Inventor.
Checar e instalar os drivers requerem um certo conhecimento de comandos do Windows e do gerenciador de dispositivos do Windows. Se voc no tiver acostumado a trabalhar com o Windows ou no tiver esse conhecimento, talvez tenha alguma dificuldade. Nesse caso, voc pode pedir ajuda no Frum do App Inventor. Verificao da instalao do driver: Segundo nossa experincia, os drivers do Windows nem sempre so instalados automaticamente de forma correta. Ento, para checar a instalao correta dos drivers voc deve realizar os seguinte passos: 1. Abra um prompt de comando do Windows e v para o diretrio onde foi instalado o software. Por exemplo: se voc instalou o software de configurao com privilgios de Administrador, e o sistema for de 32 bits, o diretrio de instalao deveria ser C:\Arquivos de Programas\AppInventor\commands-for-Appinventor, ou, se o sistema for de 64 bits, o diretrio de instalao deveria serC:\Arquivos de Programas(x86)\AppInventor\commands-for-Appinventor. 2. Nesse diretrio, digite o comando "dir" e verifique se um dos arquivos que aparece listado adb.exe. Se no aparecer, temos duas situaes: ou no est no diretrio correto ou o software no foi instalado. 3. Conecte seu telefone em uma das portas USB de seu computador, assegurando-se de que o telefone indica USB conectado e depurao USB conectada. 4. Digite o comando "adb devices". Deveria aparecer a mensagem "daemon not running", seguido de "daemon stated successfully" e depois "list of devices attached". Se aparecer um dispositivo na lista, algo como HT99TP800054, significa que o telefone est conectado e a comunicao com o computador funciona, portanto os drivers esto bem instalados. 5. Se pelo contrrio, a lista de dispositivos estiver vazia, voc necessitar de drivers adicionais ou ter que instalar os existentes manualmente. 6. Se ainda estiver bloqueado, este manual, embora seja especfico do Lenovo IdeaPad, oferece boas dicas: : Guide to editing the adb_ini configuration file.
14 Manual de instalao do App Inventor
Dica: Tente desconectar e conecte novamente o telefone porta usb de seu computador e utilize o comando "adb devices" de novo, antes de acessar ou instalar os drivers do dispositivo, j que s vezes isto basta para que a conexo funcione.
Instalao manual dos drivers do App Inventor O software de configurao do App Inventor inclui o Google USB driver,, como j foi dito anteriormente. Se seu dispositivo estiver entre os includos no Google USB driver, os drivers de seu telefone devem ser instalados automaticamente e a verificao acima deveria ser satisfatria. Se a verificao do item anterior falhar, voc dever instalar os drivers do Google manualmente. Voc encontrar instrues aqui(http://developer.android.com/sdk/win-usb.html#InstallingDriver). E, ao seguir as instrues, leve em conta que voc no necessita instalar o SDK nem baixar, de novo, os drivers que j estavam includos no software de configurao do App Inventor. Voc os encontrar no diretrio do aplicativo App Inventor, na subpasta \AppInventor\commands for Appinventor\usb_driver. As instrues de instalao do Google USB drivers podem ser tambm ajudar na soluo de problemas de instalao dos drivers do fabricante, mas, em geral, voc pode precisar procurar nova ajudanos diversos fruns de desenvolvedores Android na Internet.
Outros problemas Se os drivers tiverem sido instalados e o telefone aparece na lista de "adb devices" e mesmo assim o App Inventor no consegue se conectar, pea ajuda no frum do App Inventor em App Inventor Forum. Alguns dispositivos podem necessitar de passos extras ou talvez exista ainda outro problema. Se voc encontrar (ou solucionar) um problema com outros dispositivos, por favor, publique-o no Frum para que outros usurios do App Inventor possam ser beneficiar da sua experincia. Algo no funciona bem? Visite a pgina de Soluo de Problemas em TroubleshootingPageou consulte o Frum de Usurios do App Inventor em App Inventor User Forumpara obter ajuda.
15 Manual de instalao do App Inventor
Inicialize o Designer e o Editor de Blocos do App Inventor Agora voc j est preparado para inicializar o Designer do App Inventor (no navegador) e o Editor de Blocos (em um programa Java local).Para isso, siga as instrues do Passo 3 e depois retorne s instrues de Configurao para ver como conectar o dispositivo ou o emulador.
4. Inicialize o App Inventor pela primeira vez Etapa3 de 4: Inicializao do App Inventor Instale o software de configurao do App Inventor Para poder utilizar o App Inventor, voc precisa antes instalar um determinado software em seu computador. Esse software est em um pacote chamado "App Inventor Setup".
Antes de comear, assegure-se de que tem acesso s seguintes ferramentas: 7. Internet 8. Uma conta de Gmail para se registrar no App Inventor. Caso ainda no possua uma, crie neste linkuma conta gratuita de Gmail (https://accounts.google.com/SignUp?service=mail&continue=http%3A%2F%2Fmail.google. com%2Fmail%2F<mpl=default&hl=pt-BR).
OBSERVAO: Estas instrues vo tir-lo da pgina de instrues quando voc for para o App Inventor.Assegure-se de retornar e seguir o ETAPA4 das Instrues para conectar o dispositivo ou o emulador.
16 Manual de instalao do App Inventor
Inicialize o Designer e crie um projeto novo Em seu navegador, abra o site do App Inventor em http://beta.appinventor.mit.edu/. Se esta for a primeira vez que utiliza o App Inventor, a pgina de projetos estar em branco. 9. Clique em New (Novo) na parte superior esquerda da pgina. 10. Entre com o nome de projeto HelloPurr (tudo junto, sem espaos) na caixa de dilogo que aparece e clique em OK.
O navegador abrir um site chamado Designer no qual voc deve selecionar os componentes para o app e desenhar a interface de usurio, conforme imagem a seguir:
17 Manual de instalao do App Inventor
18 Manual de instalao do App Inventor
Alm do Designer, voc ter que inicializar o Blocks Editor (Editor de Blocos), no qual se configura o comportamento do app. Esse um aplicativo separado, que executado em uma outra e prpria janela. Portanto, voc precisar ter duas janelas abertas para desenhar seu app. Estas duas janelas esto vinculadas: as mudanas realizadas no Designer aparecero imediatamente no Blocks Editor.
Talvez aparea uma mensagem pedindo para aceitar o arquivo do Blocks Editor.Clique "save", "allow", "keep", ou qualquer outro tipo de boto de aceitao, como OK,que aparecer (isso depender de seu computador e navegador).Se voc for usurio do Windows, siga as instrues sugeridas pelo assistente de instalao automtica. Para abrir o Blocks Editor 1. Clique em OK (para abrir o arquivo Java) 2. Clique em Always trust contents from this publisher e abra o arquivo 3. Clique em Run 4. Este processo demora uns 30 segundos ou mais.
5. Se o Blocks Editor no abrir, provavelmente porque seu navegador no est configurado para
19 Manual de instalao do App Inventor
executar os aplicativos Java descarregados automaticamente.Nesse caso, procure o arquivo chamado AppInventorForAndroidCodeblocks.jnlp e abra-o.
6. A aparncia do Blocks Editor a seguinte:
A grande "tela" em branco que aparece direita a rea de trabalho (work rea) onde voc colocar os blocos para construir o programa. esquerda, h trs paletas de opes de menu chamadas "Built-In", "My Blocks" e "Advanced", cada uma com caixas onde so armazenados conjuntos de blocos.Clicando em uma caixa, possvel ver todos os blocos armazenados nela.Voc pode descer a tela para ver mais blocos. A opo Built-Incontm os blocos padro disponveis para qualquer aplicativo que for construdo por exemplo, Definition, Text, Lists etc (Definio, Texto, Lista, etc.).Os blocos da opo My Blocks so blocos especficos vinculados ao conjunto de componentes que voc selecionou para seu app.A paleta Advanced contm blocos para a criao de apps de nvel mdio ou avanado com uma lgica mais complexa.
20 Manual de instalao do App Inventor
O aplicativo Designer executado a partir do seu navegador e o Blocks Editor uma aplicao do Java; porm, esto vinculados um ao outro. Portanto, mesmo que voc feche a janela do Blocks Editor, toda a informao do Blocks Editor ser armazenada no Designer. Assim, ao clicar no boto "Open the Blocks Editor" (abrir o Blocks Editor), baixado um novo arquivo .jnlp no seu computador e voc dever abri-lo novamente.Ao abrir o novo Blocks Editor, aparecer todos os blocos que voc tiver programado antes de fech-lo. medida que voc for construindo seu app, pode ir testando-o no emulador ou no dispositivo Android. Se tiver um tablet ou telefone Android e quiser utiliz-lo enquanto desenvolve seu app, observe o ETAPA 4A mais a seguir. Se no tiver um dispositivo Android, voc pode ver seu app enquanto o desenvolve no emulador de tela que vem com o App Inventor (que j foi instalado durante a instalao App Inventor).Para construir com o emulador, observe a ETAPA 4B na sequncia. Na prxima etapa, configure tanto um dispositivo Android quanto o emulador para conect-lo ao App Inventor e poder ver seu app enquanto estiver desenvolvendo-o.
21 Manual de instalao do App Inventor
4A. Crie aplicativos com um dispositivo Android Etapa4 de 4: Conexo a um celular ou um tablet Android Para acompanhar os seus desenvolvimentos com o App Inventor no seu dispositivo Android, necessrio que ele esteja conectado ao computador. possvel conect-lo ao seu computador por meio de um cabo USB ou via Wi-Fi. Voc pode escolher qualquer um dos modos ou inclusive mudar de um para outro. USB versus Wi-Fi Escolha o modo que melhor se adaptar s suas circunstncias. Se estiver trabalhando sozinho ou em um grupo pequeno e tiver servio Wi-Fi local, recomendamos utilizar a Wi-Fi. Se estiver trabalhando no laboratrio de uma escola, aconselhamos tentar primeiro com a Wi-Fi, mas deixar o cabo preparado caso tenha algum problema. Antes de se decidir, talvez voc queira levar em conta alguns dos problemas e vantagens e desvantagens de ambos os mtodos. Wi-Fi: o modo mais simples de conectar seu dispositivo Android ao seu computador e funciona bem em grande parte das situaes de trabalho. Problemas podem surgir quando a rede Wi-Fi local no tiver capacidade para suportar muitas conexes. Tal situao passvel de ocorrer, por exemplo, em um laboratrio ou uma sala de aula, onde podem haver muitos alunos e uma capacidade limitada de conexes e, normalmente, precisaria de duas por aluno uma para o computador, outra para o dispositivo. Uma outra situao seria uma conferncia em um hotel, onde as conexes wireless so, por vezes, restritas. USB: a conexo por cabo USB no apresenta esses problemas mas voc precisa realizar uma configurao. Isso no muito difcil em um sistema Mac ou GNU/Linux. Por sua vez, em sistemas Windows, voc precisar instalar um driver e para cada fabricante, tipicamente, h um driver diferente. Isso pode ser aceito em um laboratrio de escolar onde a maioria dos computadores e dispositivos so de um mesmo fabricante e voc tem tempo para configurar no decorrer do curso. Mas, se voc tiver que configurar rapidamente vrios dispositivos diferentes, ser melhor utilizar o Wi-Fi. Dispositivo conectado? Voc j est preparado para criar seu primeiro app! Na sequncia, apresentamos o dois modos de realizar a conexo vamos chama-los de ETAPA 4A-1 e 4A-2.
22 Manual de instalao do App Inventor
4A-1 Prepare a conexo via Wi-Fi Etapa4 de 4: Conexo a um telefone ou um tablet Android via Wi-Fi Nesta seo, vamos nos assegurar de que seu dispositivo est pronto para ser usado com o App Inventor via Wi-Fi.Isso significa ter certeza de que seu dispositivo tem instalado o aplicativo App Inventor Companion.A conexo sem fios no requer instalao de drivers. Recomendamos utilizar a Wi-Fi, mas se no tiver acesso a uma conexo Wi-Fi de confiana ou preferir conectar o computador ao seu dispositivo com um cabo USB, consulte as Instrues de configurao para conexo USB na sequncia. Se voc usurio do Windows e quer utilizar o sistema via USB, leve em conta que ter que instalar os drivers especficos de seu dispositivo Android.
Passo 1: Descarregue e instale o aplicativo AICompanion do MIT no seu telefone. Instale o aplicativo AICompanion do Google Play Store (https://play.google.com/store/apps/details?id=edu.mit.appinventor.aicom panion2).Depois de instal-lo, assegure-se de marcar a opo de atualizao automtica do app. Se voc escanear ou clicar no QR-Code tambm ir para o aplicativo AICompanion do MIT no Google Play Store (a forma mais simples de instal- lo no seu dispositivo escanear o QR-Code, que o levar ao Play Store).Basta instalar AICompanion uma nica vez no seu telefone ou tablet e no apag-lo para poder usar seu dispositivo com o App Inventor. Se no conseguir acessar o aplicativo AICompanion do MIT atravs do Google Play Store, voc pode acess-lo no MITAICompanion.apk (http://appinventor.mit.edu/download/MITAICompanion.apk) e instal-lo diretamente no seu telefone. Lembre-se que, para instal-lo diretamente,voc ter que permitir a instalao de apps de Fontes Desconhecidas, fora do Market, na configurao do seu dispositivo Android. E, se fizer a instalao desta forma, o Play Store no poder atualizar automaticamente o App.Quando houver uma atualizao do App Inventor ter que atualizar manualmente o app AICompanion.
23 Manual de instalao do App Inventor
Soluo de problemas: Voc deve utilizar a ltima verso do app AICompanion do MIT.Se tentar utilizar uma verso antiga do app AICompanion com o App Inventor, aparecer uma mensagem pedindo para atualiz-la. Se tiver problemas para se conectar seguindo as instrues para conexes sem fios, assegure-se de que seu telefone est utilizando a Wi-Fi e no a rede celular.Em alguns dispositivos, mesmo se a Wi-Fiestiver habilitada, o telefone continua usando a rede celular de dados para se conectar Internet. Se isto acontecer, desabilite a rede celular de dados(da operadora celular de seu dispositivo) no menu de configurao de seu dispositivo Android.
Passo 2: Conecte-se ao dispositivo No Blocks Editor, clique na lista drop-down "Connect to Device" (Conectar ao dispositivo) e selecione a opo "Wi-Fi".Aparecer uma caixa de dilogo com instrues e um cdigo de 6 letras (Your Code). Um QR-Code tambm ser exibido.
24 Manual de instalao do App Inventor
Passo 3: Inicialize o app AICompanion do MIT Inicialize o app AICompanion no seu dispositivo (voc pode inicializ-lo como um aplicativo Android qualquer).Aparecer uma caixa de texto onde voc deve introduzir o cdigo que aparecer na caixa de dilogo do Blocks Editor no PASSO 2.Uma vez introduzido o cdigo, clique em "Connect to App Inventor" (Conectar com o App Inventor).Alternativamente, se seu telefone tiver uma cmera e um aplicativo de leitura de QR-Code, voc pode selecionar "Scan the QR Code" no DebugApp e escanear o QR-Code mostrado anteriormente. Se escanear o QR-Code, no preciso introduzir o cdigo de 6 letras, nem clicar em "Connect to App Inventor". A configurao foi concluda. Voc j est preparado para criar seu primeiro app!
4A-2. Prepare a conexo via cabo USB Etapa4 de 4: Conexo a um telefone ou um tablet Android via Cabo USB Nesta etapa, vamos nos assegurar de que seu dispositivo est pronto para ser usado com o App Inventor. Para isso, verificaremos vrios parmetros para termos certeza que esto configurados corretamente e, depois,conectaremos o dispositivo a o computador atravs de um cabo USB. Se o seu sistema Windows, talvez precise instalar os drivers de seu dispositivo. Voc encontrar as instrues para a instalao de drivers no Windows aqui (http://appinventor.mit.edu/explore/content/windows-drivers.html). Telefones e tablets compatveis H centenas de modelos diferentes de dispositivos Android e constantemente aparecem outros novos. Alguns, inclusive, no conhecemos. Aqui oferecemos uma lista de dispositivos feita por usurios de terminais que funcionam corretamente com o App Inventor: http://bit.ly/AppInvDevices
25 Manual de instalao do App Inventor
ATENO USURIO DO WINDOWS: Voc precisar instalar os drivers de USB correspondentes no seu computador. Geralmente cada modelo requer drivers especficos (Mais informaes sobre os drivers: http://appinventor.mit.edu/explore/content/windows-drivers.html)
Independentemente do modelo, seu telefone dever ter um carto SD instalado ou no funcionar. O App Inventor utiliza o carto SD para armazenar todos os arquivos multimdia (som, imagem, vdeo). Mesmo que seu dispositivo Android no aparea na lista, provvel que funcione com o App Inventor, porm, no podemos garantir. Siga as instrues desta pgina. Casotenhaalgumproblema, veja apginadeSoluo de Problemas,ou entre no Frum de Usurios do App Inventor(http://appinventor.mit.edu/explore/forums.html)e procure em Getting set up and connecting your phone("Configurar e conectar seu telefone") a ajuda de outros usurios que estiverem utilizando o mesmo dispositivo Android que voc.
Verifique a configurao de seu telefone ou tablet Para preparar seu dispositivo para que ele funcione como App Inventor, siga os passos abaixo: 1. Clique no boto Incio para ir para a tela de incio do seu telefone. 2. Clique no boto Menu, depois em Configurao e, por ltimo, em Aplicativos. 3. Se seu telefone tem um parmetro chamado Fontes Desconhecidas, fora do Market, verifique se est ativado. 4. Clique em Desenvolvimento. 5. Assegure-se de que os parmetros Depurao USB ou USB Debugging e Stay Awake esto ativados.
26 Manual de instalao do App Inventor
Se seu telefone est com a tela bloqueada, desbloqueia-a como voc faria normalmente para rodar um aplicativo. Agora conecte o telefone ao computador atravs do cabo USB. Aparecero duas mensagens de estado na rea de notificaes na parte superior da tela do telefone: "USB Conectado" ou USB Connected indica que o telefone est conectado ao computador. A "Depurao USB" ou USB Debugging Connected permite ao App Inventor controlar o telefone no computador. Observao: se voc no tiver certeza da verso do Sistema Android que roda no seu dispositivo, v a Configurao e clique em Sobre o dispositivo. A verso Android aparecer listada (note que em algumas verses muito antigas do Android, a informao sobre a verso aparecer como verso do Firmware). Se seu dispositivo tiver uma verso Android 4.2.2 ou superior, voc dever instalar uma nova verso do aplicativo ADB do App Inventorem seu computador (veja aqui: http://appinventor.mit.edu/explore/step- 4a-21-installing-updated-adb-software.html)
27 Manual de instalao do App Inventor
Configurao de armazenamento USB Se na hora de conectar o telefone ao computador atravs do cabo USB aparecer uma notificao de "Ativar Armazenamento USB", no clique no boto. Caso tenha feito isso, pode clicar novamente para desativ-lo. Se aparecer uma mensagem de erro sobre o armazenamento externo, voc dever verificar se seu telefone no est configurado em modo Armazenamento em Massa. Siga os passos abaixo: Clique no boto Incio para ir tela de incio de seu dispositivo. Clique em Menu, depois em Configurao e, por ltimo,Conectar ao PC. Clique em Tipo de Conexo e escolha "S Carregar". Assegure-se de no selecionar as outras opes. extremamente importante que as opes "Unidade de Disco" ou "Armazenamento em massa" NO estejam selecionadas (as expresses das opes podem variar dependendo do dispositivo e da verso do Android). Em alguns telefones como o DroidX, voc tambm pode alterar este parmetro a partir da notificao na parte superior da tela: Abra o painel de notificaes da parte superior da tela. Clique em"USB Conectado" ou USB Connected. Clique em S Carga.
Conecte seu telefone ou seu tablet Abra o Blocks Editor se ainda no o tiver aberto. Conecte seu dispositivo ao computador com o cabo USB e clique em Connect to Device... ("Conectar ao Dispositivo...") na parte superior da janela do Blocks Editor. Voc ver uma lista drop-down na qual aparecer seu dispositivo identificado pelo tipo de modelo (por ex. HT94LLZ00001). Clique nele. Feito isso, voc ver uma seta amarela animada indo e voltando para indicar que o App Inventor est se conectando ao telefone.
28 Manual de instalao do App Inventor
Ento, para conectar: Clique no texto "Connect to Device...." Selecione o nmero de modelo do telefone. Ver uma seta amarela animada. A conexo pode levar alguns minutos. Uma vez estabelecida, a seta deixar de se mexer e ficar verde e,ao olhar na tela do telefone, ver um gatinho (partindo do princpio que voc iniciou a partir do tutorial HelloPurr). o incio de seu aplicativo! A configurao foi concluda! Parabns! Voc j est preparado para criar seu primeiro app! 4B. Crie aplicativos no Emulator Etapa4 de 4: Instrues de configurao Se for a primeira vez que voc utiliza o Emulator (Emulador), siga os passos abaixo: Passo 1 Abra o Blocks Editore clique no boto"New Emulator", na parte superior da janela.
29 Manual de instalao do App Inventor
Passo 2 Aparecer uma notificao informando que o Emulator est sendo inicializado e pedindo para ser paciente, pois o processo pode levar alguns minutos.
Passo 3 Inicialmente, o Emulator aparecer com uma tela preta (Figura 1). Espere at que o Emulator esteja preparado, com um fundo de tela colorida (Figura 2).Mesmo quando j tiver aparecido o fundo, voc ter que esperar at que o dispositivo emulado conclua a preparao do carto SD: aparecer uma notificao na parte superior da tela enquanto o carto preparado. Pode ser que voc precise usar o mouse na tela do telefone emulado para desbloquear o dispositivo, arrastando o boto verde para a direita (Figura 3).
30 Manual de instalao do App Inventor
#1 #2 #3
Passo 4 O Emulator funciona emulando um telefone, mas com algumas limitaes (por exemplo, no pode rotacionar o emulador como faria com um telefone). Uma vez desbloqueado o emulador, clique no boto "Connect the Device..." Quando o cone ficar verde, o emulador estar conectado.
Pronto!A configurao foi concluda! Voc j est preparado para criar seu primeiro app!
31 Manual de instalao do App Inventor
1.
Soluo de problemas Esta pgina descreve alguns dos problemas mais comuns com o App Inventor e, medida que novos problemas surgirem, sero acrescentados nessa lista. Porm, para consultar a ajuda mais atualizada, visite o Frum do App Inventorpara aprender com outros usurios.
Instalando o App Inventor Executando o Java e Java Web Start Instalando os drivers dos dispositivos Conectando a web do App Inventor website e iniciando o Designer Usando o Blocks Editor e abrindo projetos Connecting the phone over USB Conectando o telefone via Wi-Fi Usando o Emulator Executando apps no telefone Trabalhando com sons e imagens Keystores e Signing of Applications (arquivos ".apk) Estou perdido!
Instalando o App Inventor Utilizo um Mac com Mountain Lion (Sistem a10.8) e o instalador de configurao no abre. Alguns usurios de Mountain Lion declararam que o instalador no abre quando clicam na imagem do disco de download. Para resolver este problema, clique com o boto direito na imagem do disco e abra-a com o Disk Utility. esquerda da janela do Disk Utility aparecero dois elementos que comeam por Appinventor_Setup. Clique no desejado. Agora aparecer um link chamado "Mount Point"/"Ponto de Montagem" na parte inferior da janela. Clique no link e dever aparecer uma janela de Finder. Nela, voc ver uma linha chamada AppinventorSetup.pkg.
32 Manual de instalao do App Inventor
Clique nela e abra-a com o Installer. Pode ser que o computador alerte de que est instalando um pacote de um desenvolvedor desconhecido, mas continue com o processo clicando em OK/Aceitar. O instalador vai se abrir e mostrar a seguinte mensagem de boas-vindas: "Welcome to the App Inventor setup installer".
Executando o Java e Java Web Start Utilizo Mac e tenho vrios problemas com o Java. Se voc utiliza um Mac, recomendamos usar JRE 1.6 (Java 6). Muitos computadores Mac tm instalado o Java 5 e o Java 6, mas esto configurados para utilizar Java 5 erroneamente. Nesse caso, voc deve alter-lo para que o Java 6 seja o sistema padro, seguindo estes passos: 1. Em Finder, abra: Aplicativos > Utilidades > pasta de Java. 2. Execute preferncias do Java. 3. Selecione a guia Geral. 4. Voc ver duas listas de verses: uma de applets de Java e outra de aplicativos de Java. Em cada lista, arraste "Java SE 6" para o incio da lista.
Ateno: Se seu Mac no tem o Java 1.6 instalado, o Java 1.5 deveria funcionar, mas prefervel usar a verso 1.6. O Editor de Blocos no abre: Java informa sobre uma "exceo de segurana". Este erro provavelmente no exclusivo do App Inventor; e provavelmente no poder executar nenhum programa Java usando o navegador. Uma causa comum que seu sistema Java espera se conectar rede atravs de um Proxy. Procure no painel de controle do Java e tente alterar a configurao de Proxy da rede. Se utiliza um Proxy, tente com "conexo direta". O Editor de Blocos no abre: Java informa "no foi possvel inicializar o aplicativo". Isso pode ocorrer quando os arquivos do Java no esto em memria cach. V ao painel de controle do Java, entre em "rede" e assegure-se que a opo "Salvar arquivos temporrios para acesso rpido" est ativada. L voc encontrar instrues para abrir o painel de controle do Java no final da documentao de App Inventor em Comprovao e Depurao.
33 Manual de instalao do App Inventor
O Blocks Editor (Editor de Blocos) no abre: comea o download e depois nada acontece. Para diagnosticar isto, primeiro verifique se seu computador pode executar os testes de configurao do Java e pode carregar e executar o teste do Notepad. Se no puder, ter que revisar sua configurao do Java e Java Web Start. Se o Notepad executado, mas o Editor de Blocos no abre, ento provavelmente um problema do firewall ou outro software de bloqueio que no deixa o Editor de Blocos se comunicar com o navegador. Cheque o firewall e as extenses bloqueadas por segurana. Tambm pode ser devido a programas de proteo antivrus mal configurados. Tenho vrios problemas com o Java e utilizo Linux e OpenJDK. Utilize Sun Java em vez de OpenJDK. O App Inventor no funciona bem com o OpenJDK. Instalando os drivers do dispositivo Consigo rodar o instalador do App Inventor no Windows, mas os drivers do telefone no so instalados. Pode haver mltiplos motivos para isso e estamos tentando encontrar todos. Nas Instrues de instalao de drivers no Windows da documentao do App Inventor, voc encontrar nossas dicas (que sero atualizadas medida que obtivermos mais informaes dos usurios). Leve em conta que os drivers includos no software de configurao do App Inventor Setup no funcionam para todos os dispositivos Android e pode ser que precise dos drivers do fabricante. Consulte as Instrues de instalao de drivers no Windows para obter ajuda e visite o Frum de App Inventor para ver se outros usurios tiveram problemas similares com a mesma verso do Windows e o mesmo dispositivo. Alm disso, em geral, os problemas de drivers com o App Inventor so os mesmos que com Android SDK , portanto pode ser til fazer uma pesquisa na web sobre problemas de drivers com o Android SDK. Tambm poderia ser til olhar no Grupo de Google "Android Beginners " e no Grupo de Google "Android Developers".
34 Manual de instalao do App Inventor
Conectando a web do App Inventor website e iniciando o Designer Vejo uma tela em branco quando vou em beta.appinventor.mit.edu Tente atualizar a pgina do navegador. Se isso no funcionar, verifique se na barra de endereos aparece "experimental.appinventor.mit.edu/ode". Se no aparecer, elimine a parte "/ode" e tente novamente. Se isso tambm no funcionar, saia da sua conta do Google e tente outra vez. Baixei o instalador de configurao de App Inventor e rodei, mas o Designer no inicializado e no vejo nenhum programa para rodar e inicializar. O aplicativo no deve ser inicializado diretamente. O App Inventor um aplicativo web que executado pelo navegador. executado navegando na web do App Inventor (http://appinventor.mit.edu ), conforme descrito na documentao, no Manual de Inicializao. O instalador de configurao de App Inventor algo que deve ser instalado antecipadamente para que seu computador possa se comunicar com o telefone quando comear a utilizar o App Inventor.
Uso do Block Editor e carregamento de projetos Aparece a mensagem de erro "The Blocks Editor does not have any project information ..." (O Editor de Blocos no tem nenhuma informao de projeto...) ou o Blocks Editor est bloqueado em "Loading initial project ..." (Carregando projeto inicial...) ou quando abro o Blocks Editor, a tela fica em branco. Isto provavelmente significa que existe um problema de comunicao entre o navegador e o Block Editor e no reflete problemas com o telefone. Uma forma de verific-lo arrastar um novo componente no Designer e ver se aparece uma gaveta para esse componente no Block Editor. Caso no aparea, um problema de comunicao do navegador.
35 Manual de instalao do App Inventor
Normalmente este problema causado pelos firewalls. Se seu computador est executando um firewall, desative-o. Este problema ocorre no Firefox quando se utiliza a extenso de Noscript Application Boundaries Enforcer extension (ABE) (http://noscript.net/abe/). Voc tem que desabilitar a extenso: Abra as opes de Noscript, v guia Avanadas e desmarque a opo "Enable ABE". Meus blocos desapareceram do Block Editor. Talvez eles tenham s se deslocado na janela. Utilize as barras de rolagem. Voc tambm pode tentar procurar os blocos no "mapa" na parte superior direita da tela. Quando clico em "Open the Blocks Editor" para abri-lo, parece que algo est sendo baixado, mas depois no acontece nada. Na realidade, o que baixado um arquivo .jnlp que pede ao navegador para inicializar o Block Editor. O mais provvel que seu navegador no esteja configurado para iniciar arquivos .jnlp automaticamente, portanto, voc ter de inicializ-lo de forma manual. Normalmente basta clicar no arquivo descarregado, mas depende do navegador. Alguns navegadores lhe permitem estabelecer preferncias para inicializar o arquivo automaticamente em futuras ocasies. Quando tento abrir o Block Editor, aparece uma mensagem sobre localizar o software de configurao. O que acontece? Quando o Block Editor inicializado, tente encontrar o diretrio que contm o software instalado com o instalador de configurao do App Inventor. Se o App Inventor no conseguir localizar o diretrio automaticamente, pedir que digite o nome do caminho correto. O Block Editor no funciona bem no Linux. Exemplos de mal funcionamento podem ser incapacidade de obter as definies de projetos do telefone, blocos ou as gavetas integradas que desaparecem e outras coisas estranhas. Assegure-se de utilizar Sun Java e no OpenJDK. Atualmente, o App Inventor no funciona bem com o OpenJDK no Linux. Voc dever alterar sua instalao de Java selecionada pelo Sun Java. Por outro lado, se voc utiliza o Firefox, assegure-se de que est configurado para utilizar a verso correta do programa Java Web Start para abrir arquivos .jnlp.
36 Manual de instalao do App Inventor
O Block Editor no para de me pedir para desconectar e conectar o telefone. Quando desconecto, continua aparecendo o mesmo erro. Isto acontece quando o Block Editor no pode se comunicar com o telefone. Assegure-se de que o telefone tem a depurao USB ativada. Se a ativao do modo de depurao USB no solucionar o problema e se voc utiliza o Windows, o mais provvel que os drivers no tenham sido instalados. Consulte a Informao de configurao do Windows e as Instrues de instalao de drivers no Windows. Talvez o seu dispositivo seja um dos que necessitam dos drivers do fabricante. Se voc utiliza Linux, possvel que o sistema no esteja configurado para reconhecer o dispositivo. As aes abaixo poderiam ajud-lo: 1. Abra um shell prompt. 2. Comande para root (sudo su -) 3. Crie/edite o arquivo /etc/udev/rules.d/51-android.rules 4. Corte e cole o seguinte no arquivo: S UBSYSTEMS=="usb", ATTRS{idVendor}=="22b8", ATTRS{idProduct}=="41db", MODE="0666"
Modifique o cdigo do idVendor e o valor do idProduct de acordo com os correspondentes ao seu dispositivo (lista de cdigos) 5. Salve o arquivo. 6. Reinicialize o udev (reload udev) 7. Retorne a sua conta de usurio local (exit) 8. Por ltimo, talvez seja necessrio reinicializar toda a mquina.
O Block Editor no se conecta ao telefone ou no possvel ver os arquivos multimdia no telefone. H vrias causas possveis para isto, dependendo do modelo de telefone que estiver utilizando. Podem ser problemas de: 1. configurao do telefone 2. interferncia com outros aplicativos que esto sendo executados em seu telefone ou computador.
37 Manual de instalao do App Inventor
D uma olhada na pgina de Soluo de Problemas, na parte de conectividade,onde encontrar os passos abaixo. Utilizo Firefox e aparece uma mensagem sobre no ser possvel acessar as definies de projeto. Se voc utiliza o Firefox com a extenso NoScript, ter que desabilitar esta extenso; caso contrrio aparecer a mensagem de que o sistema no pode acessar as definies de projeto. Outras ferramentas e configuraes de sistema que restringem os acessos ao seu computador (como os firewalls) tambm podem interferir com o App Inventor. Nesse caso, voc dever checar se aparecem erros de leitura de definies ou de conexo com o telefone.
Conectar o telefone via USB Clico em conectar com o telefone, no Block Editor, e no acontece nada. Em primeiro lugar, assegure-se de ter esperado tempo suficiente. A conexo com o telefone pode demorar at um minuto. Se ainda no acontecer nada, desligue e ligue o telefone novamente e tente outra vez. Voc tambm pode tentar fechar o Block Editor e abri-lo de novo. Consulte a lista,compilada por usurios, de telefones compatveis e incompatveis, problemas conhecidos, e solues alternativas, que se encontram aqui para ver se h alguma soluo simples para seu modelo de telefone. Verifique tambm se o telefone est bem conectado ao cabo USB e que a depurao USB (USB debugging) est ativada: o telefone deve mostrar o cone de USB e o cone de depurao USB ativados. No Windows, cheque se os drivers do telefone esto instalados. Leia novamente a Informao de configurao do Windows e as Instrues de instalao de drivers no Windows. Se nada disto ajudar, tente reinicializar o Block Editor, s desta vez executando-o com console do Java aberto (ver Testes). O App Inventor escrevemensagens no console do Java quando tenta se conectar ao telefone e algumas delas podem ser teis, pelo menos, para informar dos problemas.
38 Manual de instalao do App Inventor
Posso inicializar o Block Editor, mas depois d erro quando clico em conectar com o telefone. Uma causa deste erro se seu computador no puder se comunicar com o telefone atravs da conexo USB, mesmo se os drivers estiverem instalados corretamente. Se seu computador tem um firewall, verifique se est ligado e, neste caso, que aplicativos e portas esto sendo bloqueados. Tambm pode ser que outro programa que est sendo executado no seu computador esteja utilizando a porta que o App Inventor usa para se comunicar com o telefone, geralmente a porta 8700. Tente verificar isso (Por exemplo, no GNU/Linux ou Mac OS X, em uma janela de comandos do terminal, digite "netstat -a" para ver que portas esto sendo utilizadas).
Conectar o telefone via rede Wi-Fi Estou usando a rede Wi-Fi e o telefone no se conecta ao Block Editor.
Tente estes passos para solucionar seu problema de conexo Wi-Fi.
1. Tente acessar http://rendezvous.appinventor.mit.edua partir do seu computador. 2. Tente acessar http://rendezvous.appinventor.mit.edudo seu telefone. 3. Se ambos os passos funcionarem, tente usar o comando "ping" para comprovar a conectividade do endereo IP do telefone (que aparece na janela de incio do AICompanion del MIT). Se estiver usando Windows, digite "ping" + *endereo IP do telefone* no prompt de comando cmd.exe. Se estiver usando Mac ou Linux, digite "ping" + *endereo IP do telefone* na janela do terminal. Para instrues detalhadas, acesse: http://www.wikihow.com/Ping-an-IP-Address 4. Se todos os passos anteriores funcionarem, mas a conexo sem fios com o App Inventor no, pode ser que haja um firewall entre o computador e o telefone que est bloqueando as portas 8001 e 9987. Se voc tem um programa de "telnet", pode tentar gerenciar a conexo entre o computador e o telefone atravs destas portas. Se a conexo no for completada, muito provvel que haja um firewall bloqueando as conexes. Obtenha mais informae sobre a conectividade wireless entre seu dispositivo e seu computador aqui.
39 Manual de instalao do App Inventor
No encontro o app AICompanion do MIT na Play Store do Google. Se no conseguir encontrar o aplicativo MIT AICompanionna Google Play Store, voc pode baixar diretamente o MITAICompanion.apke instal-lo em seu telefone (leve em conta que para voc instal-lo diretamente em seu telefone, voc ter que permitir, na configurao do sistema seu dispositivo, a instalaes apps de Fontes Desconhecidas, fora do Market).
Instalei o app AICompanion do MIT antes e agora no funciona. Voc deve utilizar a ltima verso do app AICompanion do MIT. Se tentar utilizar uma verso antiga do app AICompanion com o App Inventor, aparecer uma mensagem pedindo-lhe para atualiz-lo.
Segui todas as instrues de conexo sem fio e meu telefone est conectado Wi-Fi, mas continuo sem poder me conectar ao App Inventor via Wi-Fi. Se tiver problemas para se conectar seguindo as instrues para conexes sem fio, assegure-se de que seu telefone est utilizando a redeWi-Fi e no a rede de dados do celular. Em alguns dispositivos, mesmo tendo habilitada a redeWi-Fi, o telefone continua usando a rede de dados do celular para se conectar a Internet. Se isto acontecer, voc pode desabilitar a rede de dados de celular no menu de configurao de seu dispositivo Android.
Uso do emulador Utilizo um Mac, o emulador no abre e no h mensagem de erro. H um problema de autorizaes no Mac de uso compartilhado que faz com que a primeira pessoa que se conecta possa usar o emulador, mas as seguintes no. Se for isto que estiver ocorrendo, voc pode solucion-lo entrando como administrador e eliminando o diretrio /tmp/android. Este passo ter que ser repetido com cada pessoa nova que entrar.
40 Manual de instalao do App Inventor
Execuo de aplicativos no telefone Estava desenvolvendo um app e ele travou no telefone. Tente clicar no boto "Conectar o telefone" ou "Reinicializar App Telefone", no Block Editor. Se no funcionar, desconecte e conecte novamente o telefone para continuar trabalhando. Pode haver muitos motivos para isto. Por isso, pea ajuda a outros usurios no Frum do App Inventor. O que aparece no meu telefone no o mesmo que aparece em meu programa. Primeiro tente clicar,no Block Editor,no ou no boto "Connect to Phone" ou no "Restart Phone App" (na verdade, o boto pode aparecer com as duas denominaes). Se no funcionar, desconecte e conecte novamente o telefone e depois clique no boto "Connect to Device". Por ltimo, voc pode tentar fechar o Block Editor e abri-lo de novo. Estava desenvolvendo um app e desconectei o telefone, e o app desapareceu do telefone. normal que desaparea. Se quiser utilizar o app com o telefone desconectado, voc precisar empacota- lo (package) e baixa-lo no seu celular. Mas se estiver desenvolvendo um app e seu telefone desconectar-se acidentalmente, voc pode continuar trabalhando, conectando novamente o telefone, e clicando em "Connect to Device " no Block Editor. Uma vez conectado o telefone, seu app dever aparecer de novo. O tamanho de cdigo dos aplicativos que crio muito grande. Mesmo os aplicativos mais simples tm arquivos apk de mais de um Megabyte. Os arquivos apk do App Inventor so de fato muito grandes. Estamos trabalhando para reduzir o tamanho deles. My app causa uma advertncia de vrus. H um problema conhecido com alguns softwares de proteo antivrus, em particular o app antivrus "Dr. Web". Qualquer app que utilize o componente de mensagens de texto (SMS) gerar o alarme de vrus "android.smssend.origin.247". uma deteco falsa de vrus e voc pode ignor-la com total segurana.
41 Manual de instalao do App Inventor
Trabalhar com sons e imagens Defino a propriedade de imagem de um boto (ou outro componente) com um arquivo de imagem, mas no telefone no aparece nada. H vrias causas possveis para isto. Voc pode tentar vrios procedimentos: Verifique se seu telefone tem um carto SD e que o mesmo no est cheio. O App Inventor utiliza o carto SD para armazenar temporariamente as imagens e o telefone necessita ter um carto SD para executar o App Inventor. Assegure-se de que o modo de conexo USB de seu telefone no est usando o carto SD. Por exemplo, no Droid, voc deve definir o modo de conexo em "somente carga". Se aparecer uma mensagem de erro sobre armazenamento externo, voc deve verificar se seu telefone no est configurado em modo Armazenamento em Massa: clique no boto Incio para ir tela de incio de seu telefone; depois clique nos botes Menu e Configurao e, por ltimo, em Conectar ao PC. Depois, clique em Tipo de Conexo e escolha "Somente Carga. Assegure-se de que as outras opes no esto selecionadas: especialmente importante que as opes "Unidade de Disco" ou "Armazenamento em Massa" NO estejam selecionadas (esses termos podem variar dependendo do aparelho e da verso do Android). Tente desconectar e conectar novamente o telefone e depois clique no boto "Connect to Device ". Se tambm no funcionar, feche o Block Editor e atualize a janela do navegador. Depois,reinicialize o Block Editor, conecte o telefone e verifique se funciona. SE no funcionar, tente empacotar e baixar o app. Inicialize o app que descarregou, sem estar conectado ao Block Editor e verifique se aparece a imagem no telefone. Se a imagem aparecer,voc ter que continuar desenvolvendo o seu app sem que ela aparea no telefone. Voc somente ver seu app funcionando perfeitamente quando estiver empacotado e baixado, mas no enquanto voc estiver desenvolvendo-o conectado ao Block Editor. Consulte outros usurios sobre isso no Frum de App Inventor. Se a imagem tambm no aparecer no aplicativo empacotado, voc pode comear a suspeitar que haja algo errado com o arquivo de imagem. Talvez, no seja realmente um arquivo de imagem: tente abri-lo com um software grfico. Talvez no esteja em um formato que o App Inventor possa processar: o App Inventor suporta imagens JPG, PNG ou GIF. Talvez o arquivo seja muito grande: tente utilizar um software grfico para reduzi-la a menos de 300K. Se nada disto funcionar, pea ajuda no frum de discusso de usurios em: Configurar e Conectar seu Telefone. Dica: s vezes, voc pode ver notificaes informando que o telefone est ficando sem espao de armazenamento, utilizando a Ponte de Depurao (Android Debug Bridge) do Android para examinar o log do sistema Android.
42 Manual de instalao do App Inventor
Defino a propriedade de fonte de um componente de Som ou de Reproduo, mas o telefone no reproduz nenhum som quando recebe este comando. Se voc estiver trabalhando com o telefone conectado ao computador, assegure-se de que o telefone est realmente conectado. Tente usar "Do it" (Fazer) em alguns blocos, incluindo o bloco que manda o componente reproduzir. Tambm se assegure de que o volume de multimdia do telefone no est desligado. Se isto no funcionar, teste alguma das coisas que foram explicadas para as imagens. Cuidado para no ficar sem espao de armazenamento. (Consulte Multimdia para obter informao sobre os arquivos multimdia no App Inventor.) Assegure-se tambm de que o arquivo de udio est em um formato que o Android (e, portanto, App Inventor) possa entender. Os arquivos MP3 e PCM/WAV funcionam bem, mas voc pode ter problemas com outros formatos. Visite http://developer.android.com/guide/appendix/media-formats.html para ver a lista de formatos multimdia suportados. Advertncia: Nem todos os arquivos WAV so PCM/WAV. Hello Purr no funciona no meu tablet Lenovo A1; o arquivo meow.mp3 no reproduzido. Altere seus blocos para utilizar o componente Player em vez do componente Sound.
Keystores e Assinatura de aplicativos (".apk" files) Aparece a mensagem de error [INSTALL_PARSE_FAILED_INCONSISTENT_CERTIFICATES] quando tento baixar meu app no meu dispositivo Android. Se aparecer esta mensagem de erro, o mais provvel que voc esteja tentando reinstalar no seu dispositivo um app que voc tinha previamente empacotado e instalado com um servio do App Inventor diferente. Por exemplo: voc pode ter empacotado o app originalmente com o servio do Google App Inventor e agora est tentando empacot-lo novamente com o servio de MIT App Inventor ou com outro
43 Manual de instalao do App Inventor
servio que algum est executando. Se no tiver nenhum dado associado com o app no dispositivo (por exemplo, no TinyDB), a soluo mais fcil eliminar o app do dispositivo e instalar a nova verso. Se voc precisar preservar os dados associados com o app e tiver uma cpia do Keystore que foi usado para empacotar o app que j est instalado, olhe abaixo para ver como carregar o antigo Keystore para o novo servio. O que um Keystore e por que preciso carregar ou baixar um? Todos os app de Android (arquivos ".apk") devem ser assinados com uma senha que pertence ao usurio que cria o aplicativo (ver http://developer.android.com/guide/publishing/app-signing.html para mais informaes sobre a assinatura de aplicativos). Normalmente, o App Inventor gerencia isto por voc nos bastidores, para que a maioria dos usurios no precise se preocupar com a assinatura de apps, na maior parte do tempo. Mas pode ser que voc precise saber sobre assinatura de aplicativos, se estiver mexendo com vrios servios diferentes do App Inventor e quiser reinstalar um aplicativo que foi construdo em outro servio, mantendo seus dados locais. O App Inventor salva a senha utilizada para assinar seus apps em um arquivo chamado armazm de senhas, ou Keystore, em ingls. Ao usar um servio do App Inventor pela primeira vez criado um novo Keystore para voc, que usado para assinar todos os apps que voc empacotar nesse servio. Se voc mudar para um servio de App Inventor diferente e quiser usar o mesmo keystore para assinar seus apps (e evitar o problema de certificados inconsistentes, mencionado acima), necessitar descarregar (ou obter de outra forma) o keystore do servio anterior e carreg-lo no novo. As opes de bauxar e carregar keystores esto na guia My Projects (Meus Projetos), no menu More Actions (Mais aes). Note que todos os projetos de um usurio do App Inventor utilizam o mesmo keystore em um dado servio de App Inventor, motivo pelo qual voc no designar um Keystore para alguns aplicativos e um diferente para outros. Como posso conseguir o Keystore utilizado para empacotar meus apps no servio do Google App Inventor original? A maioria dos usurios do servio de Google App Inventor original pode encontrar uma cpia dos arquivos zip originais de seus apps, bem como do Keystore que foi usado para empacot-las, na sua conta de Google Docs. Para isso, basta seguir esses passos: Em seu navegador, va http://docs.google.com Procure All-App-Inventor-Projects.zip. Baixe o arquivo zip clicando em Download/Baixar, na guia Arquivo. Descomprima o arquivo descarregado e encontrar um diretrio chamado "keystore" com um arquivo chamado android.keystore. Este arquivo contm o Keystore usado para assinar os apps para essa conta de App Inventor no servio de Google App Inventor.
44 Manual de instalao do App Inventor
Estou perdido! Pea ajuda a outros usurios no Frum do App Inventor.
HelloPurr Criao de seu primeiro aplicativo: HelloPurr
Agora que voc configurou seu computador e seu dispositivo e aprendeu como funcionam o Designer e o Blocks Editor ,voc est pronto para completar seu aplicativo HelloPurr. Aqui voc precisa ter o Designer aberto no navegador, o Blocks Editor aberto em outra janela (que aparecer em forma de um cone de uma xcara de caf do Java na sua barra de tarefas) e o dispositivo escolhido - telefone ou emulador Android - conectado ao Blocks Editor . (Consulte as instrues de configurao se tudo no estiver funcionando.)
HelloPurr: toca o gatinho e oua-o miar O HelloPurr um app muito simples que voc pode criar em pouco tempo. Voc deve criar um boto com uma foto de um gato e program-lo para que, ao clicar nele,surja o som de um miado Para construir o HelloPurr, voc necessitar da foto do gatinho e do som do miado. Baixe esses arquivos no seu computador. Para baixa-los: clique no link, clique com o boto direito na imagem e na barra de som e selecione "Salvar como." Salve ambos os arquivos no seu desktop ou em uma localizao fcil de encontrar. Foto do gatinho Som de miado
45 Manual de instalao do App Inventor
Inicie o Designer e crie um projeto novo No seu navegador web, v ao site do App Inventor em http://appinventor.mit.edu. Se for a primeira vez que estiver usando o App Inventor, voc ainda no ter nenhum projeto na pgina de Projetos e aparecer uma imagem como essa:
Para criar um projeto novo: 1. Clique em New (novo) na parte superior esquerda da pgina. 2. Introduza o nome de projeto "HelloPurr" (em uma palavra, sem espaos nem vrgula) na caixa de dilogo que aparece e clique em OK.
O navegador abrir o Designer, conforme imagem abaixo, onde so selecionados os componentes para o app.
46 Manual de instalao do App Inventor
Seleo de componentes para desenhar seu app Os componentes do App Inventor encontram-se na parte esquerda da janela do Designer, onde est escrito "Palette" (Paleta). Os componentes so elementos bsicos usados para criar apps em telefones Android. So como os ingredientes de uma receita. Alguns componentes so muito simples, como o componente "Label" (etiqueta), que simplesmente mostra um texto em tela, ou o componente "Button"(nmero 1) que, ao ser clicado, executa uma ao. Tambm h outros componentes mais elaborados: o "Canvas" (nmero 2) no qual voc pode pr imagens fixas ou animaes; o "AccelerometerSensor" (acelermetro), um sensor que funciona como um controlador do Wii e detecta quando voc mexe ou agita o telefone; e outros componentes que criam ou enviam mensagens de texto, reproduzem msica e vdeo, obtm informaes de sites, etc. Para usar um componente no seu app, clique nele e arraste-o para o Viewer (nmero 1 abaixo) que se encontra no centro do Designer. Ao agregar um componente ao Viewer, ele aparece tambm na lista de componentes direita do visor.
47 Manual de instalao do App Inventor
Os componentes Components (nmero 2) tm propriedades que podem ser ajustadas para alterar a aparncia do componente no app. Para ver e alterar as propriedades de um componente Properties (nmero 3) primeiro selecione o componente desejado na lista de componentes. Passos para selecionar os componentes e estabelecer suas propriedades. Queremos que o HelloPurr tenha um componente de boto que tenha o arquivo kitty.png que foi descarregado anteriormente como propriedade de imagem. Ento, para isso voc dever realizar as seguintes aes: Passo 1. Arraste da paleta "Basic" o componente "Button"e solte naScreen1 (tela 1 - como na figura a seguir, nmero 1).Para fazer com que este boto tenha a imagem de um gato, no painel Properties (propriedades), sob "Image" (imagem), clique no texto "None..." e depois em Upload new.... Uma janela aparecer para que voc escolha o arquivo da imagem. Clique em "Browse" e depois navegue at a localizao do arquivo de imagen kitty.pngque voc baixou anteriormente (nmero 3). Clique no arquivo kitty.pnge, depois, clique em "Open" e "OK".
48 Manual de instalao do App Inventor
Passo 2. Modifique o texto do boto que voc criou. Apague o texto "Text for Button1" que aparece sob a propriedade Text, Deixe em branco a propriedade de texto do boto de forma que nada aparecer escrito junto a foto do gato. Se assim for feitp, isso o que deveria aparecer no Designer:
49 Manual de instalao do App Inventor
Se a foto do gato no aparecer por inteiro, voc pode corrigir este defeito ajustando as propriedades de altura e largura em Height and Width para "FillParent". Para fazer isso, clique na opo Component, v para o lado direito do painel de Properties (propriedades), desa a tela at aparecer o campo Width e clique sobre a palavra Automatic..." para ativar uma lista drop down. Escolha "FillParent". Faa o mesmo para o campo Height. Passo 3. Arraste da paleta "Basic" o componente "Label" (etiqueta) e solte no Viwer (visor nmero 1), colocando- o sob a imagem do gatinho.
50 Manual de instalao do App Inventor
Aparecer na sua lista de componentes comoLabel1. No painel Properties(propriedades), altere a propriedade Text (texto) da Label 1 para que aparea "Pet the Kitty" (nmero 2).Voc ver como o texto alterado no Designer e no seu dispositivo.Altere a propriedade FontSize (tamanho de letra) da Label1 para 30 (nmero 3).Altere a propriedade BackgroundColor (cor de fundo) da Label1 clicando na caixa (n4). Pode alter-la para a cor que quiser. Altere a propriedade TextColor (cor de texto) da Label1 para a cor que quiser.Nesse caso, foi escolhido o azul como cor de fundo e o amarelo como cor de texto (veja a imagem a seguir, no Passo 4). Passo 4. Na paleta, clique na caixa Media (mdia) e arraste o componente "Sound" (som) soltando-o no visor (nmero 1).Porm, independentemente de onde voc soltar o arquivo, ele aparecer na parte inferior do visor marcado como "Non-visible components" (componentes no visveis).No painel Media clique em Add... (adicionar nmero 2). Carregue o arquivo meow.mp3 neste projeto (nmero 3). No painel Properties (propriedades), clique no texto"None..." (nenhum), para alterar a propriedade Source (fonte) do componente Sound1 para o arquivo meow.mp3 (nmero 4).
51 Manual de instalao do App Inventor
Programando com o Blocks Editor (Editor de Blocos): At agora voc esteve organizando a tela e os componentes de seu app no Designer, que est em uma janela de um navegador da web. Para comear a programar o comportamento do app, voc vai precisar ir para o Blocks Editor (Editor de Blocos). Se seu Blocks Editor no estiver sendo executado, clique no boto Open the Blocks Editor(abrir o Editor de Blocos) no canto superior direito da janela do designer. Se voc precisar de ajuda para iniciar o Blocks Editor started, reveja as instrues de configurao. Nota: Um modo fcil de alternar entre o Blocks Editor e o Designer usar a barra de tarefas que mostra os aplicativos sendo executados em seu computador. O BlocksEditor roda localmente como um programa Java e representado pelo cone de uma Xcara de Caf. O Designer roda em um navegador da web ento voc pode acess-lo clicando no cone de seu navegador. Uma vez que voc tem o Blocks Editor na sua frente, prossiga para o passo seguinte para comear a programar seu app com blocos.
52 Manual de instalao do App Inventor
Fazendo o som tocar Passo 1. Na paleta My Blocks (meus blocos), esquerda do BlocksEditor, clique no submenu Button1para abri-lo. Arraste e solte o Button1. Clique em Block na rea de trabalho (a rea aberta direita).
Esses blocos verdes so chamados event handlerblocks (blocos gerenciadores de eventos). Especificam como o telefone deve responder a certos eventos: um boto foi acionado, o telefone foi agitado, o usurio est arrastando o dedo sobre a tela, etc. Os blocos gerenciadores de eventos so verdes e utilizam a palavra when (quando). Por exemplo, when Button1.Click um gerenciador de evento. Passo 2. Clique no submenu Sound1, arraste o bloco Sound1.Play e conecte-o a seo "Do" (fazer) do bloco when Button1.Click. Os blocos se conectam como peas de um quebra-cabeas e voc vai ouvir um clic cada vez que elas se conectarem.
53 Manual de instalao do App Inventor
Os blocos roxos e azuis so chamados blocos de comando, que so posicionados no corpo de blocos gerenciadores de eventos. Quando um gerenciador de eventos executado, executa uma sequncia de comandos em seu corpo. Um comando um bloco que especifica uma ao a ser realizada (ex., reproduzir um som) quando o evento (ex., apertar Button1) ativado. Isto o que deveria aparecer em seu bloco, neste ponto da programao:
Agora voc pode ver que o bloco de comando est no bloco gerenciador de eventos. Este conjunto de blocos significa: quando Button1 clicado, Som1 reproduzido. O gerenciador de eventos como uma categoria de ao (ex., um boto ser clicado) e o comando especifica o tipo da ao, e os detalhes da ao (ex., reproduzir som, reproduzir som especfico). Voc pode ler mais acerca de como os blocos funcionam aqui: Entendendo os blocos. Tente! Quando voc clicar no boto, voc deveria ouvir o gato miar. Parabns, seu primeiro app est sendo executado!
54 Manual de instalao do App Inventor
Nota: h uma questo conhecida com o componente Sound em alguns dispositivos. Se voc vir "OS Error" e o som no for reproduzido, ou for reproduzido com muito atraso, volte para o Designer e tente usar o componente Player (encontrado sob Media) em vez do componente Sound.
Empacotando seu app Enquanto seu dispositivo (seja pelo Emulator ou no prprio telefone/tablet) estiver conectado ao App Inventor, seu app estar rodando em tempo real em seu dispositivo. Se voc desconectar o Emulator/telefone/tablet do Blocks Editor, o app ir desaparecer. Voc sempre pode faz-lo reaparecer reconectando o dispositivo. Para que seu app seja executado sem estar conectado ao App Inventor, voc deve empacota-lo para produzir um application package (apk file). Para empacotar o app em seu telefone, conecte o dispositivo ao Blocks Editor e assegure-se de que o cone do telefone, no canto superior direito do Blocks Editor, esteja verde.
Volte ao Designer e selecione "Package for Phone" (empacotar para telefone) no canto superior direito da pgina do Designer. O App Inventor apresentar trs opes de empacotamento:
55 Manual de instalao do App Inventor
1. Show Barco de (mostrar cdigo de barras): Voc pode gerar um cdigo de barras (um QR Code), que voc pode utilizar para instalar o app em um telefone ou tablet que tiver uma cmera com um escner de cdigo de barras, como o ZXing (disponvel gratuitamente no Google Play). Nota: esse cdigo de barras somente funciona para o seu prprio dispositivo porque est associado sua conta no Google. Se voc quiser compartilhar seu app com outras pessoas por meio de um cdigo de barras, voc precisar baixar o arquivo .apk para o seu computador e usar um outro software para converter o arquivo em um cdigo de barras. Mais informaes podem ser encontradas aqui.
2. Download to this computer (baixar para este computador): Voc pode baixar o app para o seu computador como um arquivo .apk, que voc pode distribuir e compartilhar conforme desejar instalando-o manualmente em outros dispositivos (algumas vezes chamado "side loading"). 3. Download to Connected Phone (baixar para um telephone conectado): Voc pode baixar o arquivo .apk diretamente para o dispositivo que estiver conectado ao Blocks Editor. Note que isso funcionar mesmo que seu dispositivo seja o emulador! Desafio! Faa o gato ronronar O desafio fazer o gato miar quando o telefone agitado. Volte para o Blocks Editor, abra o submenu Sound1, arraste o bloco Sound1.Vibrate e solte-o sob o bloco Sound1.Play. Voc ver um cone de ateno amarelo, que significa que h um componente faltando.
56 Manual de instalao do App Inventor
O bloco Sound1.Vibrate tem um encaixe aberto, o que significa que voc deve encaixar algo nele para especificar mais acerca de qual deve ser seu comportamento. Nesse caso, queremos especificar a durao da vibrao. A unidade de nmeros dada em milhares de segundos (milisegundos): para fazer o telefone vibrar por meio segundo, devemos encaixar um valor de 500 milisegundos. V para a paleta Built-In, submenu Math, arraste o bloco Number (nmero) e solte-o no encaixe aberto do bloco Sound1.Vibrate.
Depois que encaixar o bloco Number, clique no nmero "123". O nmero ficar iluminado em preto e voc pode digitar 500 no seu teclado.
57 Manual de instalao do App Inventor
Feito! Note que o cone amarelo de ateno se foi: o bloco no tem mais um componente faltando.
Agora conecte seu telefone e toque a imagem do gato na tela. O telefone deveria vibrar e miar ao mesmo tempo.
Reviso Estas so as principais ideias que estudamos at agora Voc constri apps seleccionando componentes (ingredientes) e dizendo a eles o que fazer e quando fazer. Voc usa o Designe para seleccionar componentes e definir as propiedades de cada um. Alguns componentes so visveis, outros no. Voc pode adicionar mdias (sons e imagens) a apps carregando-os de seu computador. Voc usa o Blocks Editor para asociar blocos que definem o comportamento dos componentes. Blocos when ...do ... definem gerenciadores de eventos, que dizem aos componentes o que fazer quando algo acontece. Blocos call ... informam aos componentes que devem fazer coisas.
58 Manual de instalao do App Inventor
Escaneie o Sample App para o seu telefone Escaneie o cdigo de barras a seguir para o seu telephone para instalar e executar a verso demo do app.
Ou baixe o apk Baixe o Cdigo Fonte Se voc quiser trabalhar com esse demo no App Inventor, baixe o cdigo fonte para o seu computador, abra o App Inventor, v para a pgina My Projects, e selecione More Actions | Upload Source. Prximos passos Agora que voc conhece o bsico sobre como o App Inventor funciona, recomendamos que voc: Faa os Tutoriais adicionais. Revejaa Documentao de Referncia. Participe do Frum de Discuso do Usurio. Leia o gua Entendendo os Blocos. Ou, se voc estiver usando o emulador e quiser comear a usar seu telefone, voc pode configurar seu dispositivo Android para construir apps.
59 Manual de instalao do App Inventor
Algo no est funcionando direito? Visite a pgina de resoluo de problemas page, ou confira o Frum do Usurio de App Inventor para obter ajuda.
Verso do Tutorial: App Inventor 1 Nvel de Dificuldade do Tutorial:Basic