Arduino para Iniciantes

Cursos


Simulados


P&R

Arduino-36 Projetos

Ajude-nos a manter este site sempre atualizado com novos Cursos,
Tutoriais, Simulados e Projetos.

Agradecemos a sua colabora��o.


Tutoriais App Inventor - 3

Como Executar seu Aplicativo em um Dispositivo Real no App Inventor 2



  Uma vez finalizado o seu projeto, est� na hora de execut�-lo, e saber se ele funcionar� da forma que voc� o projetou. Voc� pode fazer tanto no emulador quando em um smartphone real.

  Voc� disp�e de tr�s op�es para fazer isso. Vejamos quais s�o elas.

  Voc� tem tr�s op��es para configurar e executar o seu aplicativo:

  1) Se voc� estiver usando um dispositivo Android e tiver uma conex�o sem fio � Internet, poder� come�ar a criar aplicativos sem baixar nenhum software no seu computador. Para isso voc� precisar� instalar o App Inventor Companion no seu dispositivo. Escolha a primeira op��o abaixo que � a mais recomendada.

  2) Se voc� n�o possui um dispositivo Android, precisar� instalar o software no seu computador para poder usar o emulador Android do App Inventor. Escolha a segunda op��o abaixo.

  3) Se voc� n�o possui uma conex�o sem fio � Internet, precisar� instalar o software no seu computador para poder se conectar ao seu dispositivo Android atrav�s de USB. Escolha a op��o tr�s abaixo. A op��o de conex�o USB pode ser complicada, especialmente no Windows. Use essa op��o como �ltimo recurso.

  Op��o 1 � Conectando a um dispositivo real (Recomendada):

  Com essa op��o voc� poder� executar seus aplicativos em um dispositivo Android real conectado a uma rede WiFi (preferencial). Vamos utilizar essa op��o em todos os nossos tutoriais, tendo em vista que as outras op��es n�o poder�o executar determinadas situa��es, como por exemplo, virar o aparelho, utilizar certos sensores, balan�ar o aparelho etc.

  Instru��es:

  Se voc� possui um computador, um dispositivo Android e uma conex�o Wi-Fi, essa � a maneira mais f�cil de testar seus aplicativos.

  Voc� pode usar o App Inventor sem baixar nada para o seu computador! Para realizar testes ao vivo no seu dispositivo Android, instale o aplicativo MIT App Inventor Companion no seu telefone ou tablet Android. Depois que o Companion estiver instalado, voc� poder� abrir projetos no App Inventor na Web, e testar seus aplicativos � medida que os cria:

  As etapas a seguir o guiar�o pelo processo.

  Etapa 1:

  Fa�a o download (no Goole Play) e instale o aplicativo MIT AI2 Companion no seu smartfone.

  Ap�s a instala��o, ser� criado o �cone do App Inventor no seu celular, conforme mostra a Figura 3.1:


Figura 3.1 � �cone do aplicativo.

  Clique nesse �cone para abrir o aplicativo. Ser� mostrada a seguinte tela:


Figura 3.2 � Imagem do aplicativo executado.

  Observe que existe duas formas de voc� se conectar com o App Inventor:

  1) Connect with code � nessa op��o voc� dever� digitar o c�digo de seis caracteres gerado pelo App Inventor quando for solicitado.
  2) Scan QR code � essa op��o � mais pr�tica, voc� simplesmente aponta o celular para o QR gerado pelo App Inventor.

  O resultado de qualquer uma das op��es escolhida � o mesmo, ou seja, usando o c�digo ou o QR code, o App Inventor levar� alguns segundos para processar. Ap�s o processamento, o projeto do seu computador passar� para o seu celular, a� voc� poder� utiliz�-lo e verificar se o seu projeto est� de acordo com o planeado. A partir da�, qualquer altera��o que voc� fizer no projeto do computador ser� atualizado automaticamente no seu celular. Se por acaso a conex�o cair, n�o se preocupe, refa�a o procedimento.

  Etapa 2:

  Abra um projeto do App Inventor e conecte-o ao seu dispositivo

  V� para o App Inventor e abra um projeto (ou crie um novo - use Projeto >> Iniciar novo projeto, e d� um nome ao seu projeto). Em seguida, escolha Conectar e AI Companion no menu superior do navegador AI2, conforme mostra a Figura 3.3:


Figura 3.3 � Sele��o do menu para a conex�o com o aplicativo.

  Uma janela com um c�digo QR e um c�digo de seis d�gitos aparecer� na tela do seu PC, conforme mostra a Figura 3.4:


Figura 3.4 � QR code e c�digo para executar o aplicativo.

  No seu dispositivo, inicie o aplicativo MIT App Companion como faria com qualquer aplicativo. Selecione uma das op��es apresentadas: connect with code, nesse caso voc� dever� digitar na caixa de texto o c�digo de seis d�gitos mostrado: cutxia (esse c�digo � diferente toda vez que voc� fizer uma conex�o), ou selecionar a op��o scan QR code, nesse caso aponte o leitor para o QR code mostrado. Feito isso, o App Inventor levar� alguns segundos para processar a solicita��o, e em seguida, mostrar� no seu smartfone o aplicativo que se encontra na tela do seu computador.

  Solu��es de poss�veis problemas:

  Se o seu aplicativo n�o aparecer no seu dispositivo, os problemas mais prov�veis s�o:

  � Voc� pode ter uma vers�o desatualizada do App Inventor Companion. Baixe o aplicativo complementar mais recente para o App Inventor 2.
  � O seu dispositivo pode n�o estar conectado � rede Wi-Fi. Certifique-se de ver um endere�o IP na parte inferior da tela do AICompanion App no seu telefone ou tablet.
  � O seu dispositivo pode n�o estar conectado � mesma rede Wi-Fi do seu computador. Verifique se os dois dispositivos est�o conectados ao mesmo nome de rede Wi-Fi.
  � Sua escola ou organiza��o pode ter protocolos de rede em vigor para que a conex�o Wi-Fi n�o seja permitida. Se for esse o caso, voc� ainda poder� usar o App Inventor com o emulador ou usar um cabo USB para conectar seu dispositivo. Volte a p�gina de configura��o principal para essas op��es.


  Op��o 2 � Usando o Emulador

  N�o tem um dispositivo Android? Use o emulador:

  Instru��es:

  Se voc� n�o possui um telefone ou tablet Android, ainda poder� criar aplicativos com o App Inventor. O App Inventor fornece um emulador para Android, que funciona como um Android, mas aparece na tela do computador. Assim, voc� poder� testar seus aplicativos em um emulador e ainda distribu�-lo para outras pessoas, mesmo atrav�s da Play Store. Algumas escolas e programas p�s-escolares desenvolvem seus aplicativos principalmente em emuladores e depois fornecem alguns Android reais para os testes finais.

  Para usar o emulador, voc� precisar� primeiro instalar algum software no seu computador (isso n�o � necess�rio para a solu��o Wi-Fi). Siga as instru��es abaixo para o seu sistema operacional e volte a esta p�gina para iniciar o emulador.

  Importante: Certifique-se que voc� est� com a vers�o mais atualizada do software App Inventor 2. Voc� pode verificar se o seu computador est� executando a vers�o mais recen-te do software, visitando a p�gina Teste de conex�o do App Inventor 2.

  Etapa 1:

  Instale o software de instala��o do App Inventor:

  O uso do emulador ou do cabo USB requer o uso de um programa chamado aiStarter. Este programa � o auxiliar que permite que o navegador se comunique com o emulador ou cabo USB. O programa aiStarter foi instalado quando voc� instalou o pacote de instala��o do App Inventor. Voc� n�o precisa do aiStarter se estiver usando rede sem fio.

  No Windows, haver� atalhos para o aiStarter na �rea de trabalho, no menu Iniciar, em Todos os programas e na pasta Inicializa��o. Se voc� quiser usar o emulador com o App Inventor, ser� necess�rio iniciar manualmente o aiStarter no seu computador ao fazer login. Voc� pode iniciar o aiStarter clicando no �cone na �rea de trabalho ou usando a entrada no menu Iniciar.


Figura 3.5 � �cone do aiStarter no Windows.

  Para iniciar o aiStarter no Windows, clique duas vezes no �cone (mostrado acima). Voc� saber� que lan�ou o aiStarter com �xito quando vir uma janela como a seguinte:


Figura 3.6 � Inicializa��o do aiStarter.

  Etapa 2:

  Abra um projeto do App Inventor e conecte-o ao emulador

  Primeiro, v� para o App Inventor e abra um projeto (ou crie um novo - use Projeto >> Iniciar novo projeto, e d� um nome ao seu projeto).

  Em seguida, no menu do App Inventor, acesse o Menu Conectar e clique na op��o font color="#000000">Emulador, conforme mostra a Figura 3.7:


Figura 3.7 � Conectando ao Emulador.

  Voc� receber� um aviso dizendo que o emulador est� se conectando. Iniciar o emulador pode demorar alguns minutos. Voc� pode ver telas de atualiza��o como as seguintes quando o emulador � iniciado:


Figura 3.8 � Iniciando o Emulador.

  O emulador aparecer� inicialmente com uma tela preta vazia (#1). Aguarde at� o emulador estar pronto, com um fundo de tela colorido (#2). Mesmo ap�s a exibi��o do plano de fundo, voc� deve esperar at� que o telefone emulado termine de preparar seu cart�o SD: haver� um aviso na parte superior da tela do telefone enquanto o cart�o estiver sendo preparado.

  Quando conectado, o emulador ser� iniciado e mostrar� o aplicativo que voc� abriu no App Inventor.

  Para problemas com o aiStarter, ou se o emulador n�o se conectar, acesse a Ajuda do Connection para obter informa��es sobre o que pode estar errado.


Figura 3.9 � Imagens do Emulador.

  Instala��o conclu�da! Agora voc� est� pronto para criar seu primeiro aplicativo!


  Op��o 3:

  Conectando a um telefone ou tablet com um cabo USB

  Sem WiFi? Crie aplicativos com um dispositivo Android e um cabo USB:

  Instru��es:

  Alguns firewalls dentro de escolas e organiza��es n�o permitem o tipo de conex�o WiFi necess�ria. Se o WiFi n�o funcionar, tente o USB.

  Quando voc� usa o App Inventor com um telefone ou tablet, esse dispositivo se comunica com o software App Inventor em execu��o na janela do navegador do computador. Essa comunica��o � gerenciada pelo aplicativo AI2 Companion em execu��o no dispositivo. As instru��es abaixo explicam como instalar o dispositivo. O Companion pode se comunicar com o seu computador atrav�s de uma conex�o sem fio. Esse � o m�todo fortemente recomendado pela equipe do App Inventor. N�o requer a instala��o de nenhum software adicional no seu computador.

  Existem, no entanto, alguns ambientes em que as conex�es sem fio n�o funcionam. Isso inclui alguns hot�is, centros de confer�ncia e escolas, que configuram suas redes sem fio para proibir a comunica��o de dois dispositivos na rede. Consulte Como meu dispositivo Android se co-necta por Wi-Fi? para uma breve explica��o. Alguns usu�rios do App Inventor resolveram esse problema adquirindo um roteador sem fio e configurando sua pr�pria rede local. (Al�m disso, a maioria dos Macs e alguns PCs podem servir como roteadores Wi-Fi que podem lidar com um pequeno n�mero de m�quinas.). Mas, mesmo que isso seja imposs�vel, voc� ainda pode usar o App Inventor com um telefone ou tablet se conect�-lo ao computador com um Cabo USB.

  A configura��o de uma conex�o USB pode ser complicada, especialmente em m�quinas Windows, que precisam de um driver especial para conectar-se a dispositivos Android. (Esse n�o � o caso do Mac ou Linux, que n�o precisa de drivers especiais.). Infelizmente, dispositivos diferentes podem exigir drivers diferentes e, fora de alguns modelos padr�o, a Microsoft e o Google deixaram para os fabricantes de dispositivos criar e fornecer os drivers. Como consequ�ncia, talvez voc� precise pesquisar na Web para encontrar o driver apropriado para o seu telefone. O App Inventor fornece um programa de teste que verifica se o dispositivo conectado via USB pode se comunicar com o computador. Voc� deve executar este teste e resolver quaisquer problemas de conex�o antes de tentar usar o App Inventor com USB nesse dispositivo.

  Aqui est�o as etapas para come�ar a usar o App Inventor com o cabo USB:

  Etapa 1:

  Instalar o software de configura��o do App Inventor:

  Para conectar-se ao USB, voc� precisa primeiro instalar o software de configura��o do App Inventor no seu computador. (Isso n�o � necess�rio para o m�todo Wi-Fi.). Siga as instru��es abaixo para o seu sistema operacional e volte a esta p�gina para passar para a etapa 2.

  Importante: Se voc� estiver atualizando uma instala��o anterior do software App Inventor, consulte: Como atualizar o software App Inventor.

  Voc� pode verificar se o seu computador est� executando a vers�o mais recente do software, visitando a p�gina de teste de conex�o.

  Etapa 2:

  Fa�a o download e instale o aplicativo MIT AI2 Companion no seu telefone.

  Abra o scanner de c�digo QR do seu dispositivo e digitalize o c�digo QR � esquerda abaixo para fazer o download do aplicativo complementar da Play Store. Se voc� n�o puder usar a Play Store, use o c�digo QR � direita para baixar o aplicativo complementar diretamente no seu telefone.

  Ap�s o download, siga as instru��es para instalar o aplicativo Companion no seu dispositivo. Voc� precisa instalar o MIT AI2 Companion apenas uma vez e deix�-lo no seu telefone ou tablet sempre que usar o App Inventor.

  Nota: Se voc� optar por n�o acessar a Play Store e, em vez disso, carregar o aplicativo diretamente (tamb�m conhecido como "carregamento lateral�), ser� necess�rio ativar uma op��o nas configura��es do seu dispositivo para permitir a instala��o de aplicativos de "fontes desconhecidas". Nas vers�es anteriores ao Android 4.0, v� para Configura��es >> Aplicativos e marque a caixa ao lado de "Fontes desconhecidas". Para dispositivos com Android 4.0 ou superior, v� para Configura��es >> Seguran�a ou Configura��es >> Seguran�a e tela "Bloquear", marque a caixa ao lado de Fontes desconhecidas e confirme sua escolha.

  Etapa 3:

  Inicie o aiStarter:

  O uso do emulador ou do cabo USB requer o uso de um programa chamado aiStarter. Este programa � o auxiliar que permite que o navegador se comunique com o emulador ou cabo USB. O programa aiStarter foi instalado quando voc� instalou o pacote de instala��o do App Inventor. Voc� n�o precisa do aiStarter se estiver usando apenas o companheiro sem fio. Em um Mac, o aiStarter ser� iniciado automaticamente quando voc� fizer login na sua conta e ser� executado invisivelmente em segundo plano. No Windows, haver� atalhos para o aiStarter na �rea de trabalho, no menu Iniciar, em Todos os programas e na pasta Inicializa��o. Se voc� quiser usar o emulador com o App Inventor, ser� necess�rio iniciar manualmente o aiStarter no seu computador ao fazer login. Voc� pode iniciar o aiStarter clicando no �cone na �rea de trabalho ou usando a entrada no menu Iniciar.



Tutoriais


Programas



Projetos


O Catador de Lixo Arduino para Iniciantes Programando com Arduino-12 Projetos
Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL
P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL
Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python
Projetos

Android
App Inventor 2
Arduino

Copyright 2020 - Simulados & Tutoriais - Todos os Direitos Reservados.