AGRUPAMENTO DE ESCOLAS DE MONTEMOR-O-VELHO

TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO – 9º ANO

ANO LETIVO 2023/2024

FICHA DE TRABALHO Nº 1
REGISTO, INTERFACE E 1ª APP
“PROGRAMAÇÃO NOCODE - THUNKABLE”
NOME: Nº:
OBJETIVOS:
 Conhecer os conceitos do mundo da programação
 Conhecer o ambiente de trabalho da aplicação
 Construir a 1ª App Mobile

1. Aceder ao site https://thunkable.com/

A página está em inglês e se tem alguma dificuldade em perceber, pode traduzir para
português, contudo é aconselhável que a utilize em Inglês.
2. De seguida, deves proceder ao registo na plataforma utilizando o email institucional. Os
passos a seguir são os seguintes:
Na Página Principal  Clicar em Signup (Conforme imagem acima)
Seleciona e introduz o teu email institucional
Preenche com os teus dados pessoas, tendo em atenção o seguinte:

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 1 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
 De seguida, deves escolher a opção conforme janela abaixo:

E por fim estamos perante a Janela de Trabalho da plataforma:

Se pretenderes alterar o aspeto da visualização dos projetos, basta clicar no botão

indicado na imagem acima.
3. De seguida, vamos criar um Projeto Novo 
Clicar no Botão “Create New Project” e deves
preencher os seguintes campos:
Nome: Olá Mundo PrimeiroÚltimoNome 9X
(Por exemplo: Olá Mundo Virgínia Couceiro
9A)
Categoria: Educação (Education)
E no final, clicar no Botão Create.

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 2 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
4. De seguida é apresentado o Ambiente de Trabalho da plataforma:

4
1

Assim, a janela acima é constituída pelos seguintes elementos:

1 Painel dos ecrãs (Screens) que a App tem
2 Painel dos objetos disponíveis para arrastar para o ecrã (Screen1)
3 Ecrã1 (Screen1) onde vão ser inseridos os objetos gráficos e outros que vão
integrar a nossa App
4 Painel com as propriedades do objeto que estiver ativo no momento (selecionado)

Ainda em relação ao Painel Central (3) este:

 Representa o ecrã da App e a App pode ser constituída por vários ecrãs. O atual
chama-se Screen1
 Por cima existe um pequeno painel com 5 botões e se passar com o rato sobre cada
um deles verá os seus nomes.

Select (Seta)
Serve para movimentar os objetos gráficos que colocarmos no Screen. Não pode
experimentar ainda porque ainda não tem nenhum objeto no seu Screen.
PAN (mão)
Serve para mover o Painel e centrá-lo no ecrã.
Zoom IN (+) e Zoom Out (-)
Servem para aumentar e diminuir o painel Screen.
Focus
Serve para centrar o Screen.

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 3 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
Em relação ao Painel de Propriedades:
 Mostra sempre as propriedades do objeto que estiver
ativo.
 Neste momento é Screen1. (também é um objeto
gráfico)
 Screen1 é o seu nome (muito importante)
 BackgroundColor é a propriedade da cor de fundo.
Altera a teu gosto …
 As restantes veremos mais à frente…

5. E agora vamos dar continuidade à construção da App Olá Mundo!

Objetivo:
a. 1ª App móvel (dispositivos móveis)
b. Objetos Gráficos: Título e Texto
Ações:
a. No Painel do Objetos, à esquerda, arrastar o objeto Label para o topo do Painel
Central (Screen1).
b. Utiliza o controlo Select para centrar a Label.
c. A Label fica ativa quando apresenta contornos vermelhos.

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 4 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
 d. Agora vamos proceder à alteração de algumas da Propriedades deste objeto
(Label1 - Nome deste objeto).
 Text: AEMOV TIC – Olá Mundo!...
 Color: Escolha uma cor a gosto.

O resultado final deve ficar semelhante ao apresentado abaixo

NOTA:
1. Se ecrã com cor clara, Objetos com cor escura.
2. Se ecrã com cor Escura, Objetos com cor clara.
e. De seguida, vamos adicionar outra Label, por baixo da anterior e onde deve constar
o texto conforme apresentado na imagem:

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 5 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
6. PUBLICAR A APP
Tem como principal objetivo a visualização da aplicação num dispositivo real, que podem ser
os seguintes:
 Android (Phone ou tablet)
 Apple (iphone ou iPad)
 Browser

Conforme comando apresentados a seguir:

 COMECEMOS PELA WEB

E para isso basta clicar com o botão esquerdo do rato do botão mostrado acima (Web Preview).

 NO TELEMÓVEL OU TABLET

Antes de testar temos primeiro de instalar o seguinte:

 App Thunkable Live da Apple

 Android Store

Depois de instalada, devemos abrir a App e efetuar o login com o email institucional. De
seguida, a app deve surgir de imediato e depois é Testar.

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 6 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA
TAREFA COMPLEMENTAR (DE CARÁCTER OBRIGATÓRIO)

Agora, deves repetir o exercício acima mas com as seguintes informações:

 Alterar a cor de fundo do Screen1

 Label 1 (deves alterar as propriedades a teu gosto)
 Primeiro e Último Nome – 9º A
 Label 2 (deves alterar as propriedades a teu gosto)
 Deves fazer uma apresentação de ti próprio (Nome, idade, localidade onde moras,
hobbys, comida favorita,…)

No final não te esqueças de entregar na Classroom da disciplina de TIC na publicação para

esse efeito o link gerado pela plataforma, clicando no botão assinalado na imagem abaixo.

BOM TRABALHO …

FICHA DE TRABALHO Nº 1 – APP MOBILE Página 7 de 7

DISCIPLINA DE TIC – 9º ANO GRUPO 550 - INFORMÁTICA