SUMÁRIO

AULA 01..........................................................................................................................................................1
Conceitos de dispositivos móveis e mercado ...............................................................................................1
Instalação no App Inventor ...................................................................................................................5
Utilizando o Emulador ou conexão USB ...............................................................................................5
Utilizando a rede WI-FI ..........................................................................................................................6
Arquitetura ............................................................................................................................................6
Objetos ou Componentes......................................................................................................................6
Propriedades ..........................................................................................................................................7
Ações ou Comportamentos ...................................................................................................................8
Blocos e eventos ........................................................................................................................................8
Tipos de Blocos e Eventos .....................................................................................................................9
AULA 01

CONCEITOS DE DISPOSITIVOS MÓVEIS E MERCADO

Você é daquelas pessoas que não

tiram os olhos e os dedinhos da tela
de um celular? Se a resposta for
“sim”, deve ser apaixonado pelos
famosos Aplicativos, os Apps
(Applications). Os Apps, aqueles
quadradinhos espalhados na tela do
celular, conseguem conectar as
pessoas com um universo inteiro de
possibilidades através de um único
toque!

E isso é essencial, afinal, vivemos no

tempo da mobilidade! Hoje, carregar
um smartphone no bolso é quase tão
comum quanto a carteira e as
pessoas estão cada vez mais
conectadas, compartilhando, lendo, tirando fotos, gravando vídeos, conversando com os amigos,
... Por isso, investir no desenvolvimento desses APPs pode ser uma excelente opção! O que acha?

Página 1
Vamos ver algumas estatísticas do porquê os dispositivos móveis são
tão importantes, tornando-se, cada vez mais, indispensáveis para nós.

De acordo com a Revista Exame de 22 de Abril de 2016

(https://exame.abril.com.br/negocios/dino/estatisticas-de-uso-de-
celular-no-brasil-dino89091436131/) , vejamos alguns números
interessantes referentes às estatísticas de uso de smartphones no Brasil
que mostram o quanto a mobilidade está presente no dia a dia dos
brasileiros:
Figura 1-
• No final de 2014 o Brasil já era o 6º mercado mundial de smartphones, https://pixabay.com/pt/menin
a-pessoa-feminino-jovem-
superado apenas por China, EUA, Índia, Japão e Rússia; 1245713/
• No segundo trimestre de 2015 o número de brasileiros que usam o
smartphone para acessar a Internet ultrapassou a marca de 72 milhões, representando um
aumento de 23,5% em relação ao semestre anterior;
• O número de internautas brasileiros que realizam pagamentos através de seu smartphone dobrou
em um ano, passando de 21% no final de 2014 para 46% em 2015 (dados de dezembro de 2015);
• 41% dos internautas brasileiros já realizaram pelo menos uma operação de compra de
mercadorias físicas usando seu smartphone (dados de setembro de 2015);
• Crescimento do e-commerce no Brasil: em 2014 as compras por smartphone totalizaram R$15,1
bilhões, representando mais de um sexto do e-commerce brasileiro. Em novembro de 2015 essa
marca já estava próxima de 20%, indicando que praticamente um quinto das compras já é
realizado através do smartphone;
• Em pesquisa de novembro de 2015, 20% dos donos de smartphones possuíam algum aplicativo
pago, e 45% realizaram algum tipo de compra "in-app" (isto é, de dentro de um aplicativo);
• Os donos de smartphones no Brasil possuem, em média, 15 aplicativos instalados (dados
divulgados em dezembro de 2015), e o WhatsApp está presente em 93% dos aparelhos;
• 88% dos brasileiros que possuem smartphone usam o aparelho para trocar mensagens (dado de
dezembro de 2015). Embora a percentagem de jovens seja naturalmente mais alta, 70% dos
usuários com mais de 55 anos realizam operações do tipo;
• Aproximadamente 73% dos brasileiros que possuem smartphone não saem de casa sem ele e,
para os jovens, é o item mais importante a ser levado a um evento, à frente de documentos e
dinheiro (dados de junho de 2013);
• 26% dos donos de smartphones pedem comida através de aplicativos, e 20% os utilizam para
chamar táxis ou para comprar ingressos para eventos;
• O Brasil é o terceiro país no ranking dos viajantes conectados.

Página 2
Em resumo, o mercado é muito promissor e precisamos estar atentos às tendências enquanto
profissionais de desenvolvimento de sistemas.

Página 3
 Marcelo sonha em ter um aplicativo em seu
celular para fazer exatamente aquilo que ele
quer! Geralmente o Marcelo e todos os
demais usuários de aplicativos móveis têm
que se contentar com Apps desenvolvidos
por terceiros e pior... ainda precisam pagar
pelos programas específicos que possuem
apenas versões pagas nas lojas.
Felizmente, para os usuários do Sistema
Operacional Android em smartphones e tablets esse sonho está mais próximo da realidade
porque a Google desenvolveu uma interface visual para permitir que qualquer pessoa possa
programar seus próprios aplicativos, mesmo sem saber construir uma linha de código, acredita?
O App Inventor pode ajudar você, o Marcelo e todos os demais usuários a realizar esse sonho,
mesmo que nunca tenham programado! Essa ferramenta é ideal para pessoas que desejam criar
aplicativos e iniciar no mundo da programação Android.
Gostou? Então, vamos mergulhar no assunto dessa aula para aprender a programar seus próprios
aplicativos. Vamos lá?

Página 4
Será que é difícil desenvolver sistemas para dispositivos como
smartphones, tablets, dentre outros?
Uma das ferramentas para desenvolvimento de sistemas para
dispositivos móveis, como o smartphone e o tablet, é o App
Inventor.
O App Inventor é um ambiente de programação visual, de código
aberto, originalmente desenvolvido pela Google e atualmente
mantido pelo Massachusetts Institute of Technology (MIT). Essa
ferramenta permite que pessoas com conhecimentos básicos de programação criem aplicativos
para o sistema operacional Android.
O App Inventor possui uma interface gráfica amigável, pois permite aos usuários criar interfaces
gráficas e programar aplicativos arrastando e soltando blocos.
Já, o Sistema Operacional Android possui código aberto e foi desenvolvido com o objetivo de ser
executado em plataformas móveis (tablets, smartphones, TVs, entre outros). Existem muitos
dispositivos Android disponíveis e eles podem ter diferentes tipos de sensores, tais como GPS,
câmera e acelerômetro.

Instalação no App Inventor

O App Inventor é um ambiente baseado na Web e, portanto, não é necessário instalá-lo no

computador, basta ter uma conta Google para utilizá-lo. Se você ainda não tiver uma conta,
cadastre se no link: https://accounts.google.com/SignUp?hl=pt-BR.
Você pode acessar o App Inventor por meio do link: http://appinventor.mit.edu/explore/.
Para depurar e visualizar as aplicações construídas no App Inventor é preciso de um emulador ou
conexão USB. Também é possível usar um dispositivo móvel Android conectado à rede WI-FI.
Depurar significa testar, corrigir, esmiuçar ou detalhar. Portanto, depurar um aplicativo significa
analisar minuciosamente sua execução, validando o código e variáveis utilizadas.

Utilizando o Emulador ou conexão USB

Um emulador é um programa que reproduz o comportamento de outro programa ou

equipamento. Com o emulador do App Inventor podemos testar e ver como nosso aplicativo irá
se comportar num smartphone, antes baixar e instalar o aplicativo no aparelho.

Página 5
Usamos o emulador ou conexão USB quando for preciso depurar ou testar o aplicativo no
computador. Para isso, é necessário instalar o programa aiStarter no computador que pode ser
obtido em versão Windows ou Mac no próprio portal do App Inventor.
A instalação é simples: baixe o aiStarter para o Sistema Operacional por meio do link:
http://appinventor.mit.edu/explore/ai2/setup-emulator.html. Localize o arquivo
MIT_Appinventor_Tools_2.3.0 (~80 MB) no computador e execute-o. Siga os passos para a
instalação.
IMPORTANTE: No caso ter alguma dúvida nos tópicos Instalação no App Inventor ou Utilizando o
Emulador ou conexão USB assista o vídeo da explicação da APP Inventor - Instalando e
Configurando o emulador. Esse vídeo ensina como fazer o primeiro acesso ao App Inventor e
sobre como instalar o emulador. Acessado em 07/04/2018.

Utilizando a rede WI-FI

Para a depuração e teste via WI-FI é necessário instalar o aplicativo AI2Companion num
dispositivo móvel Android, que pode ser obtido e instalado no site do Google Play. Após instalar
o aplicativo podemos usá-lo para ler um código QR que será gerado pela implementação no App
Inventor.

Arquitetura

App Inventor implementa de forma visual uma linguagem de programação orientada a objetos.
Com essa premissa, todos os objetos ou componentes, uma caixa de texto ou um sensor GPS por
exemplo, têm propriedades, ações (comportamentos) e eventos próprios associados aos
mesmos. Mas o que são esses componentes?

Objetos ou Componentes

Os componentes no App Inventor podem ser de dois tipos:

Página 6
Visíveis: também chamados de “interface de usuário”, são aqueles que aparecem na tela do
aplicativo. Por exemplo, botões, imagens, caixas de texto, etc.

Invisíveis: são aqueles que não precisam ser mostrados na tela aplicativo, mas estão em plena
função. Por exemplo o GPS ou o acelerômetro.
É interessante saber que a maioria dos objetos visíveis podem tornar-se invisíveis a partir de sua
propriedade de ocultar e mostrar o componente na tela. Veremos isso mais adiante.

Propriedades

Os tipos de objetos visíveis e invisíveis são definidos por um conjunto de propriedades específicas
que definem seu comportamento e aparência (caso seja visível). Por exemplo, um botão tem
propriedades como cor, altura, largura, alinhamento, etc. Portanto, é possível alterar a aparência
de um botão na tela, aumentando ou diminuindo seu tamanho e trocando sua cor. A Figura a
seguir mostra a propriedade "BackgroundColor" do botão sendo alterado para amarela.

Página 7
Ações ou Comportamentos

O comportamento de um objeto define como ele deve responder a eventos ou iniciar suas
atividades. Para isso são usados métodos e procedimentos.
Um método é um conjunto de blocos que, ordenados de forma lógica, efetuam uma operação.
Assim como ocorre com o Scratch, o App Inventor utiliza as cores para os métodos e eventos dos
objetos. Ele usa a metáfora de quebra-cabeças visando que sejam evitadas combinações inválidas
no código. Observe a figura a seguir: O bloco “when” significa que, quando o botão chamado
“Botao_Escreve” for clicado, algo deverá ocorrer. Algo, neste caso, é o conjunto de eventos
disparados quando o botão for clicado, por exemplo trocar o texto do objeto "Aviso" para “Hello
World!!!”.

Blocos e eventos

Página 8
Tipos de Blocos e Eventos

No App Inventor, existem blocos que esperam informações e blocos que entregam informações.
Nos exemplos abaixo, o bloco “set Aviso.Text to” espera uma informação. Já o bloco “Hello
World!!!” entrega uma informação. É possível perceber visualmente quem recebe e quem
entrega informações pelo formato do bloco.

Existem blocos que transformam e combinam informações. Por exemplo, o bloco "join", recebe
duas informações, processa e depois entrega uma informação. Mais especificamente, este bloco
junta dois textos, de forma que se "Hello World" e "!!!" fossem colocados do lado direito, o
resultado seria "Hello World!!!".

No App Inventor, os eventos podem ser gerados por:

Respostas às ações do usuário: por exemplo, quando o usuário pressiona um botão
na tela do dispositivo.

Eventos Externos: por exemplo, quando um sensor é acionado sem a intervenção do

usuário. O GPS e o acelerômetro são funções do dispositivo que funcionam
automaticamente sem o usuário necessariamente interagir com o aplicativo.
Eventos Internos: por exemplo, toda vez que o temporizador atingir seu intervalo de
tempo.
Inicialização: para iniciar algumas atividades antes que a aplicação seja mostrada ao
usuário. O evento mais comum desse tipo ocorre quando uma janela é aberta.

Animação: permitem, por exemplo, reagir a colisões que ocorrem entre os objetos
e as bordas da tela.
O App Inventor trata de forma individualizada os diferentes eventos. Um aplicativo App Inventor
é, basicamente, um conjunto de blocos que responde a diferentes eventos.

Página 9
A primeira atividade consiste, em entender como executar uma ação, sendo esta consequência
de uma ação anterior, ou seja, quando um botão for carregado, o texto apresentado numa label
vai alterar.
A aplicação consiste em dois botões, botão A e botão B, e numa label, na qual, inicialmente vai
estar o texto "Nenhum Botão Pressionado". Quando se pressionar o botão A, o texto da Label
vai mudar para "Botão A pressionado" e no B "Botão B pressionado".

http://escoladerobotica.ipcb.pt/?page_id=479

Página 10
Para aprofundamento dos temas discutidos nesta aula, seguem abaixo algumas dicas de filmes,
livros e artigos que se relacionam com o conteúdo estudado. Estas dicas são muito importantes
para você!

Vídeos:

Assista o vídeo da explicação da Tela Inicial, que pode ser acessado pelo link. Esse site ensina
como fazer a primeira tela do Aplicativo no App Inventor. Acessado em 07/04/2018.

Assista o vídeo da explicação Meu primeiro app. Hello World! que pode ser acessado pelo link.
Esse vídeo ensina como fazer a primeira tela do Aplicativo no App Inventor. Acessado em
05/03/2018.

Assista o vídeo Meu primeiro app. Hello World! Que pode ser acessado pelo link
https://www.youtube.com/watch?v=jAHOsUHTEzM&feature=youtu.be. Acessado em
05/03/2018.

Assista o vídeo Testando o App no celular. Que pode ser acessado pelo link
https://www.youtube.com/watch?v=eNM8BiYNsQw&feature=youtu.be. Acessado em
05/03/2018.

Livros:

WOLBER, David; ABELSON, Hal; SPERTUS, Ellen; LOONEY, Liz. App Inventor: Create Your Own
Android Apps. O’Reilly Media. 2011

PRAYAGA, Lakshmi; HAWTHORNE, Jeffrey; WHITESIDE, Alex. Android™ App Inventor for the
Absolute Beginner. Cengage Learning PTR. 2014

Página 11
BURTON, Michael; FELKER, Donn. Desenvolvimento de Aplicativos Android™ para Leigos -
Tradução da 2ª Edição. Editora Alta Books. 2014

Internet das Coisas - Cursos Online. Code IoT. Disponível em http://codeiot.org.br/. Acesso em
05/03/2018.

Robot@Escola - Cursos Online. Tutorial de Programação Android - Lição 1. Disponível em

http://escoladerobotica.ipcb.pt/?page_id=439 - Acesso em 05/03/2018.

Robot@Escola - Cursos Online. Tutorial de Programação Android - Lição 3. Disponível em

http://escoladerobotica.ipcb.pt/?page_id=479 - Acesso em 05/03/2018.

Blog da Prof Andrea Garcia - Cursos Online. Curso gratuito de Desenvolvimento de APP para
Android. Disponível em https://profandreagarcia.com/2013/12/11/curso-gratuito-de-
desenvolvimento-de-app-para-android/ - Acesso em 05/03/2018.

Página 12