App Inventor: Eu escolho você!

APP Inventor
Anrã Fernandes
Mestre em Ciência da Computação - UFJF
GDG Três Rios / GDG Vassouras
Eu escolho você!!

Mestre em Ciência da Computação
(Engenharia de Software / Banco de Dados)
Professor Universitário e de Curso Técnico
Organizador do GDG Três Rios e Vassouras
Oi, eu sou o Anrã!

O mercado Móvel...
Há tempo que o celular não é mais o mesmo que
conhecemos tempos atrás!!

O mercado Móvel...
CELULARES FICAM UM POUCO
MAIS INTELIGENTES

O mercado Móvel...
PONTO DE RUPTURA
(2007)

O mercado Móvel...
MELHOR EXPERIÊNCIA WEB
MÓVEL DE TODOS OS TEMPOS
LANÇAMENTO DO IPHONE (2007)

O mercado Móvel...
E partir daí, as surpresas continuaram...

O mercado Móvel...
http://mobileintelligence.corpbusiness.com.br/8edicao/index.php?menu=apresentacao

O mercado Móvel...
E isso, tem mudado os hábitos e
comportamento das pessoas...
CUIDADO!
Você pode se ver em um ou mais dos
comportamentos que serão
apresentados!!!

O mercado Móvel...
Seus encontros com os amigos, nunca mais
foram os mesmos!!!

O mercado Móvel...
Nem na rua, você se “desliga” do
celular!!!

O mercado Móvel...
O que falar do banheiro
então...

O mercado Móvel...
E no trabalho??

O mercado Móvel...
Na Sala de Aula...

O mercado Móvel...
O crescimento do mercado mobile foi tão grande e aconteceu
tão rápido, que vários desafios surgiram e vem aparecendo
no mercado.
o Revolução no mercado e tendências de TI
o Nova visão de gestão de projetos
o Nova visão na concepção de produtos
o Nova visão no desenvolvimento de sistemas
o Novo perfil de desenvolvedores

O mercado Móvel...
Desenvolvimento
Arquitetura x Plataforma
Custo x Produtividade
Padrões de projetos
Boas práticas
Integração
Equipe
Disponibilidade / Store Apps
Linguagem / Framework

O mercado Móvel...
O mercado EXIGE entrega APPs cada vez mais
rápido e com o custo mais baixo.

O mercado Móvel...
nOVAS AlternATIvaS...

Linha de Produção de Apps
O que é uma Linha de Produção de Aplicativos?

Blz, Anrã!
Mas o que nos motiva a
usar uma Linha de
Produção de Aplicativos?
O que é que eu
ganho com isso?

o A necessidade de diversificar e liberar produtos
rapidamente e eficientemente;
o Reduzir o tempo para o mercado;
o Tratar a diversidade de produtos de software do
mercado global.
o Facilidade no desenvolvimento de produtos com
alto grau de similaridade entre si;
o Facilidade na reutilização de artefatos de
softwares, já que nessa abordagem o reuso é
planejado e executado de forma sistemática;
o Ganhos em termos de redução de custo, esforço,
melhoria da qualidade e produtividade;

Linha de Produção de Aplicativos precisa ser desenvolvida
partindo de conceitos que levem a generalização de aplicações e
que permitam instanciações para aplicações específicas.
Aplicações (Produtos) gerados podem se diferenciar em termos de:
o Comportamento;
o Configuração física;
o Atributos de qualidade;
o Plataforma;
entre outros.

O conceito de Linha de Produtos tem sido aplicado nos mais
diversos cenários da área de software.

Exemplos de dois frameworks utilizados para gerar Aplicativos
móveis seguindo este conceito.

Massa Anrã!!
Mas são só vantagens ???

As aplicações criadas através destas
“abordagens” estão longe de serem
bonitas (personalizáveis), entretanto,
são funcionais.

O que é o App Inventor?
Oba! Vamos conhecer
o APP INVETOR
agora!!

O App Inventor é uma plataforma para
criação de aplicativos Android baseada na
web, que provê uma interface visual com o
objetivo de permitir que qualquer pessoa,
mesmo sem um profundo conhecimento de
codificação, possa construir aplicativos
Android.

O App Inventor foi originalmente criado
no Google Labs, mas atualmente
pertence ao MIT Labs, do Massachussets
Institute of Technology, USA, que vem
empregando metodologias orientadas
por eventos em diversos aplicativos de
natureza educacional.
O código do App Inventor é aberto, e
qualquer pessoa pode criar um ambiente
de desenvolvimento dele derivado.

http://www.appinven tor.mit.edu/
Basta que o usuário tenha um computador conectado a internet e um
browser que ele pode acessar a plataforma e começar a trabalhar.

Por que o APP
inventor é tão
fácil então?
O desenvolvimento “tradicional” de aplicativos para Android ou
qualquer outra plataforma, requer conhecimento de linguagens de
programação específica, por exemplo, o Java.
Isso torna o desenvolvimento de Apps mais difícil para não
desenvolvedores.

Porque o APP Inventor
permite desenvolver
aplicativos sem
conhecimento destes
conceitos!
Só que NÃO é tão
simples assim!! :)
Lógica é
fundamental!!!

Mesmo assim...
o Não há necessidade de uma sintaxe formal.
o Componentes e funções estão em "gavetas". Basta
encontrar, arrastar e soltar.

o Você não pode fazer coisas que não fazem sentido.
o Bem menos abstrato que muitas linguagens.
o Entre outras...
Que
legal!!!

E o que
podemos criar
com ele?
o Aplicativos Educacionais
o com Vídeos, imagens, texto-para-voz
o Aplicativos de localização
o Jogos
o Controladores de Robôs
o Aplicativos para a Web
o Aplicativos pessoais

Posso fazer tudo então?!!
Sou o cara! Sou F***!
Não é bem
assim!!!!

o O APP Inventor não é um substituto para o Java (a linguagem
de programação de aplicativos Android).
o Não é uma ferramenta para criar jogos e aplicativos
comerciais.
o As aplicações criadas estão longe de ser bonitas.
Entretanto,
elas são funcionais!

Vamos conhecer o APP Inventor:

Ok!!! Como
posso começar
Anrã?
Passo 1:
Ter uma conta de e-mail no G-mail.
Passo 2:
Para trabalhar com o APP Inventor é
aconselhável utilizar o Firefox ou
Chrome.
Passo 3:
Abra o endereço:
http://appinventor.mit.edu/explore/

http://ai2.appinventor.mit.edu/

Se for a primeira vez que você acessa a Plataforma, você
terá que confirmar seu e-mail e sua tela inicial aparecerá
da seguinte maneira:

Para começar:

Nosso primeiro APP
Component Designer

APP Inventor vai trabalhar essencialmente com três partes:
1. Component Designer -> É usado para selecionar
componentes para a aplicação e ajustar suas
propriedades.
2. Blocks Editor -> É usado para criar
comportamento para os componentes, que são os
blocos.
3. Celular com sistema operacional Android ou os
emuladores que fazem parte do App Inventor.

O Component
Designer é
dividido em 4
partes!

Palette - é onde ficam todos os componentes
utilizáveis num aplicativo. Esta paleta é dividida
em seções para facilitar a localização dos
componentes.
Para utilizá-los, basta arrastar e posicionar
na Viewer.
Nem todos os componentes da paleta são
visíveis, por exemplo, os componentes utilizados
para manipular e acessar recursos do celular,
como web, sensores não são visíveis.

O Viewer (Visualizador) permite
o usuário organizar cada um dos
seus objetos, montando o
aplicativo como ele deve ser.
Uma janela de exibição simula a
tela de um smartphone com o
sistema operacional Android, por
exemplo.

Components - estão localizados
todos os componentes adicionados
na tela do programa.
Properties – Mostram
as propriedades
associadas a cada
componente da tela do
APP.

Usaremos os seguintes
componentes para construir o
nosso aplicativo:

Legal!!
Tô gostando!!Mas e as ações do APP?
Como fazer o APP fazer
alguma coisa?

No APP Inventor, toda a programação ocorre no Block
Designer.

Block - Local onde estão
dispostos todos os blocos
utilizados para programação.
o Buit-in - blocos de
comandos mais gerais
(operações lógicas,
matemáticas e de controle).

o Screen1 - todos os objetos
que você inseriu no
programa e ações que
podem ser realizadas sobre
cada um destes
componentes.

Block - Local onde estão dispostos todos os blocos
utilizados para programação.
Aqui ficam os nossos blocos
de código!

Além das ações, os objetos possuem também
eventos.
Um aplicativo basicamente executa ações
quando um evento acontece.
Como que estas
ações são
inicializadas?

Verdade! Quando o
usuário clica em um botão,
por exemplo, é um evento
que está acontecendo.

Temos vários tipos de eventos no APP Inventor:
- Sensor events
- App (Screen) launch events
- Animation events
- timer events
and others.

Evento + Ação

Que massa Anrã!!!
Posso começar a
programar então??

Claro!!!!!
Nosso APP irá apenas receber um nome (Zé) e quando o
usuário clicar no botão, aparecerá uma mensagem!!
Só isso!!

Então...

A mensagem que queremos que seja exibida é a
seguinte:
“Que a força esteja contigo Zé”

Assim está o nosso
aplicativo.
Como testar??

Para testar...

Testando usando o MIT AI2 Companion.
Para isso, precisaremos instalá-lo em nosso celular.

50 anos depois...

Depois de instalado...

Vamos fazer o nosso App falar esta saudação!!
Bacana!! Mas tem
como melhor esta
apresentação?
Que a Força
esteja contigo
Zé.

No botão Designer -> Selecione a Guia Media -> componente
TextToSpeech

Próximo Passo -> ir para a opção Blocks

Hora de construir (melhorar) nosso código...
O que temos...
O que precisamos ter...

Como podemos fazer isso?
1)
2)

3)

4)
Agora é só testar!!!

Publicação no Google Play
Posso publicar meu APP
no Google Play para meus
amiguinhos baixar?

1º Passo: Ter um conta de desenvolvedor Google.
Esta conta possibilitará seu acesso a Google Play
e custa USD 25 (pagamento único).

2º Passo: Acessar o endereço:
https://play.google.com/apps/publish/signup/
Será através dele que você fará o upload do seu
aplicativo!

3º Passo: Feito o cadastro e
autorizado o pagamento você
estará apto a "subir" seu
aplicativo.

Tá bom!!
Mas onde está meu
aplicativo??
Como “subo” ele?
4º Passo: Gerar o .apk do nosso aplicativo
(AppInventor gera o arquivo da aplicação
através do menu Build / Save .apk to my
computer)

5º Passo: Cuidar da versão do nosso Aplicativo!!
Toda vez que fizer o
UPLOAD do mesmo
aplicativo, a Version Name
tem que ser diferente.

Ainda não...
Faltam mais
algumas coisas!!
Tudo pronto Anrã ?
Agora precisamos
acertar mais alguns
detalhes que o Google
vai nos pedir!

1º : Pelo menos duas telas do seu aplicativo!

2º : Fazer a descrição do seu aplicativo!!

3º : Informar um ícone para a sua aplicação.

4º : Categorizar a sua aplicação.

5º : Informar seu e-mail de contato.

6º : Por último, informar o valor do seu app!
GRATUITO -> você não poderá optar por cobrar este
app no futuro.
PAGO -> o mínimo é USD 2 e máximo USD 200 ...
Se optar por PAGO, o Google cria um Google Wallet no
qual você poderá acompanhar os RENDIMENTOS de
seu aplicativo.

Agora é só Publicar!!!
Importante:
O tempo para o seu aplicativo aparecer no Google Play e
seus amiguinhos poderem baixar é de mais ou menos 3
horas...

Concluindo...
Muito bem!
Chegar lá você
vai, jovem
padawan.
Te vejo
por aí!

Obrigado ;)
anrafel.fernandes@gmail.com
/AnraFernandes
/AnrafelFernandes
/+AnrafelFernandesPereira

App Inventor: Eu escolho você!

Mais conteúdo relacionado

Mais procurados (10)

Destaque (13)

Semelhante a App Inventor: Eu escolho você! (20)

Último (20)

App Inventor: Eu escolho você!