MÓDULO 3: PROGRAMAÇÃO - O APP INVENTOR

EXERCÍCIOS PROGRAMA

Exercício Programa 3.1: Fale Comigo 011

Descrição do Programa

Você vai construir um aplicativo capaz de:

- ler o texto “Olá Povo! Este é meu primeiro aplicativo!”, quando o usuário clicar no botão “Fale
Comigo!”

Componentes de designer utilizados

Na aba “Designer”, vá na “Paleta” e leve os seguintes componentes para o “Visualizador”:

- “botão”, localizado em “interface do usuário”;

- “texto para falar”, localizado em “mídia”.

Blocos utilizados

Na aba “Blocos”, vá em “Blocos” e leve os seguintes blocos para o “Visualizador”:

- clique em “Botão1” para ver as opções de blocos a serem arrastados;
- Selecione o bloco “quando Botão1.Clique fazer” e arraste para o visualizador;

- Clique em Midia e depois em “TextoParaFalar1” para ver as opções de blocos;

- Selecione o bloco “chamar TextoparaFalar1.Falar mensagem” e arraste para o visualizador;

1
Exercício traduzido e adaptado de
http://appinventor.mit.edu/explore/sites/all/files/hourofcode/TalkToMePart1.pdf
- Clique em “Internos→ Texto”;
- Arraste para o visualizador o bloco de texto;
- Clique no “bloco de texto” para digitar a frase: “Olá Povo! Este é o meu primeiro
aplicativo!”

Qual a aparência esperada para o aplicativo?

A Figura 01 ilustra a aparência esperada para este aplicativo.

Figura 01: Designer esperado para o aplicativo Fale Comigo 01.

Como fica o Programa?

A Figura 02 ilustra como é uma possível configuração de blocos para compor o programa deste
aplicativo.

Figura 02: Possível programa para o aplicativo Fale Comigo 01.

 Exercício Programa 3.2: Fale Comigo 022
Descrição do Programa:

Você vai construir um aplicativo capaz de:

- ler o texto “Olá Povo! Este é meu primeiro aplicativo” quando o usuário clicar no botão “Fale
Comigo!”
- ler o texto “Pare de me sacudir!” quando o usuário sacudir o celular.

Componentes de designer utilizados

Na aba “Designer”, vá na “Paleta” e leve os seguintes componentes para o “Visualizador”:

- “botão”, localizado em “interface do usuário”;

- “texto para falar”, localizado em “mídia”.

- “SensorAcelerômetro”, localizado em “Sensores”

Blocos utilizados:

Na aba “Blocos”, vá em “Blocos” e leve os seguintes blocos para o “Visualizador”:

- “quando Botão1.Clique fazer”. Você encontra esse bloco selecionando “Botão1” na aba
“Blocos”.

- “chamar TextoparaFalar1.Falar mensagem”. Você encontra esse bloco selecionando o

componente “TextoParaFalar1” na aba “Blocos”;

2
Exercício traduzido e adaptado de
http://appinventor.mit.edu/explore/sites/all/files/hourofcode/TalkToMePart2.pdf
- bloco de texto, localizado em “Internos→ Texto”:

- “quando SensorAcelerômetro1. Sacudindo fazer”. Você encontra esse bloco selecionando o

componente “SensorAcelerômetro1” na aba “Blocos”

Qual a aparência esperada para o aplicativo?

A aparência esperada é a mesma do exercício anterior (Figura 01): um botão com o nome “Fale
Comigo!”.

Como fica o Programa?

A Figura 03 ilustra uma possível configuração de blocos para compor o programa deste aplicativo.

Figura 03: Possível programa para o aplicativo Fale Comigo 02.

 Exercício Programa 3.3: Fale Comigo 033
Descrição do Programa:

Você vai construir um aplicativo capaz de:

- ler um texto qualquer, digitado pelo usuário, quando o usuário clicar no botão “Fale Comigo!”
- ler o texto “Pare de me sacudir!” quando o usuário sacudir o celular.

Componentes de designer utilizados

Na aba “Designer”, vá na “Paleta” e leve os seguintes componentes para o “Visualizador”:

- “botão”, localizado em “Interface do Usuário”;

- “texto para falar”, localizado em “Mídia”.

- “SensorAcelerômetro”, localizado em “Sensores”.

- “CaixadeTexto”, localizado em “Interface do Usuário”

Blocos utilizados:

Na aba “Blocos”, vá em “Blocos” e leve os blocos para o “Visualizador”.

- “quando Botão1.Clique fazer”. Você encontra esse bloco selecionando “Botão1” na aba
“Blocos”.

- “chamar TextoparaFalar1.Falar mensagem”. Você encontra esse bloco selecionando o

componente “TextoParaFalar1” na aba “Blocos”;

3
Exercício traduzido e adaptado de
http://appinventor.mit.edu/explore/sites/all/files/hourofcode/TalkToMePart1.pdf
-“CaixaDeTexto1.Texto”. Você encontra esse bloco selecionando o componente “CaixaDeTexto1”
na aba “Blocos”:

- “quando SensorAcelerômetro1. Sacudindo fazer”. Você encontra esse bloco selecionando o

componente “SensorAcelerômetro1” na aba “Blocos”

Qual a aparência esperada para o aplicativo?

A aparência esperada deste aplicativo pode ser visualizada na Figura 04.

Figura 04: Designer esperado para o aplicativo Fale Comigo 03.

Como fica o Programa?

A Figura 05 ilustra uma possível configuração de blocos para compor o programa deste aplicativo.

Figura 05: Possível programa para o aplicativo Fale Comigo 03.