Tutorial produzido pelos integrantes do grupo “Neumann Tech” da Faculdade de Tecnologia da Unicamp Limeira.
Jogo exemplo: https://drive.google.com/drive/folders/18tUzcyTEEP11InPmmETKRyWlBGx2dwPT?usp=sharing
1. Para começar a atividade devemos acessar o site https://appinventor.mit.edu/ e clicar na opção “Create Apps!”, então será solicitado que realize o login, para isso deverá usar sua conta google e aceitar os termos da plataforma.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-30.png)
2. Após efetuar o login será levado para esta tela, caso ache necessário poderá alterar o idioma do site para português do Brasil.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-31.png)
3. Agora iremos iniciar o projeto, para isso clique em “Start New Project” e dê um nome a ele, nesse caso, chamaremos de “Quiz_Ingles”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-32.png)
4. Adicione uma Label na tela.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-33.png)
5. Adicione um TextBox.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-34.png)
6. Adicione mais uma Label e altere o “text” para “Pontuação”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-35.png)
7. Adicione mais uma Label.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-36.png)
8. Adicione um Button e altere o “text” dele para “Checar Resposta”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-37.png)
9. Adicione mais uma Label.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-38.png)
10. Vá para a aba Blocks.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-39.png)
11. Na Aba Variables, escolha a peça “initialize global name to” e altere o nome para “pontos”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-40.png)
12. Adicione uma peça da aba Math.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-41.png)
13. Repita o processo alterando o nome da variavel global para “questaoAtual” e a de número para “1”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-42.png)
14. Adicione mais uma variável global, mude seu nome para “perguntas”, depois adicione um bloco “make a list”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-43.png)
15. Adicione um bloco de texto e escreva a palavra “duck”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-44.png)
16. Adicione mais itens a lista.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-45.png)
17. Adicione mais blocos de texto e adicione as palavras “fog”, “code” e “dog”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-46.png)
18. Repita o processo anterior alterando o nome da variável global para “respostas” e nos blocos de texto altere para as palavras “pato”, “neblina”, “código” e “cachorro”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-47.png)
19. Na aba Screen1, escolha o bloco “when initialize do”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-48.png)
20. Na aba Label1, pegue um bloco “set Text to”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-49.png)
21. Adicione o bloco “select list item list index”
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-50.png)
22. Adicione o bloco “get” e altere para “perguntas”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-51.png)
23. Repita o processo para a “questaoAtual”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-52.png)
24. Adicione uma “set Label3 Text to” conectado a um bloco de numero com valor 0.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-53.png)
25. Volte para a tela Designer e desabilite a opção “visible” da Label4.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-54.png)
26. Na aba Button, pegue o bloco “when Click do”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-55.png)
27. Na aba Control, adicione um bloco “if then else”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-56.png)
28. Na aba Logic, pegue um bloco de igualdade e encaixe no espaço “if”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-57.png)
29. Adicione um bloco “select list item” semelhante ao anterior no primeiro espaço do bloco de igualdade, porém, altere “global perguntas” para “global resposta”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-58.png)
30. Adicione um bloco Text relacionado a TextBox1 no segundo espaço do bloco de igualdade.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-59.png)
31. Adicione uma variavel “set” no espaço then e altere a variável para “global pontos”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-60.png)
32. Adicione um bloco de soma.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-61.png)
33. Adicione um bloco “get” no primeiro espço do bloco de soma e o altere para “global pontos”, no segundo espaço, adicione um bloco de número e insira o valor 1.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-62.png)
34. Adicione um bloco “if then else” no espaço then
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-63.png)
35. Adicione um bloco de igualdade Math e altere para ≥ (maior igual).
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-64.png)
36. Adicione um “get global questaoAtual” no primeiro espaço, já no segundo, um bloco de subtração.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-65.png)
37. Adicione um bloco “length of list” conectado a um ”get global resposta” e um bloco número com valor 1.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-66.png)
38. No espaço “then” adicione um “set global questaAtual to” conectado a um bloco número com valor 1.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-67.png)
39. No espaço “else” adicione um “set global questaoAtual to”, conectado a um bloco de coma com um ”get global questaoAtual” e um bloco de número 1.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-68.png)
40. Copie todo o bloco “set Label1” e insira abaixo do “else”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-69.png)
41. Adicione um bloco “set Label3 Text” conectado a um “get global pontos”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-70.png)
42. Adicione um “set Label4 BackgroundColor to”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-71.png)
43. Adicione um bloco de cor verde.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-72.png)
44. Adicione um bloco “set Label4 Text to” conectado a um bloco de texto com a seguinte mensagem: “Resposta Correta! Responda a próxima”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-73.png)
45. Adicione um bloco “set Label4 Visible to” conectado a um bloco “true”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-74.png)
46. Repita os dois últimos passos para o espaço “else”, porém, alterando o bloco de cor para vermelho e a mensagem do bloco de texto para: “Resposta Incorreta! Tente novamente”.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-75.png)
47. Com o aplicativo pronto, clique em “Connect”, depois “AI Companion”, aparecerá um QR Code no seu monitor.,
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-76.png)
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-77.png)
48. Abra o aplicativo do seu celular e utilize a opção “scan QR code” do aplicativo.
![](https://liag.ft.unicamp.br/act-new/wp-content/uploads/sites/33/2022/06/image-78.png)