SlideShare uma empresa Scribd logo
1 de 29
Baixar para ler offline
Como se faz uma aplicação móvel
Biblioteca Orlando Ribeiro
28 Fevereiro 2015 | 15:00 -17:30
Humberto Neves | Ardozia
Quem sou
• Humberto Neves
• fundador da Ardozia
• Responsável pelo desenvolvimento dos produtos
• conferências
• workshops
hjneves humberto.neves@ardozia.com
mobile até hoje
“Every once in a while a revolutionary product comes
along that changes everything.”
apps, uma nova face da internet
App Store: 1.300.000
1400apps/dia
Receita Global: $8.000.000.000
Android/iOS: 37% / 63%
apps, uma nova face da internet
Processo de desenvolvimento das Apps
Ferramentas de desenvolvimento
Ferramentas de desenvolvimento - exemplos
Vamos fazer uma app?
Lista de Tarefas
Usando o App Inventor do MIT
Para Android
http://ai2.appinventor.mit.edu
Componentes
Componentes da
App
Propriedades Objecto
Seleccionado
imagemTextLabel Botões
Listas
Imagem
Layout
Blocos
Programação
Área de
Programação
Ambiente de simulação
Olá Mundo
demo
Olá Mundo
demo
Objectivo:
Quando se carregar no Button1,
deve apresentar na Label2
a seguinte mensagem -
“Olá “ + texto da caixa TextBox1
Olá Mundo
Tarefas - criação de elementos na lista
demo
Tarefas - criação de elementos na lista
demo
Tarefas - criação de elementos na lista
demo
Tarefas - Listas “A Fazer” e “Feitas”
Tarefas - Listas A Fazer e Feitas
quando se carrega em mostrarAFazer:
Esconde ListaFeitas e mostra ListaFazer.
quando se carrega em mostrarFeitas:
Esconde ListaAFazer e mostra ListaFeitas
Tarefas - Listas A Fazer e Feitas
demo
Tarefas - Completar uma tarefa
Completar uma tarefa
Quando se clica numa tarefa da
lista ListaFazer
Tarefas - Re-iniciar uma tarefa
Re-iniciar uma tarefa
Quando se clica numa tarefa da
lista ListaFeitas
Tarefas - Re-iniciar uma tarefa
demo
Tarefas - persistência
Como guardar as tarefas já
introduzidas de forma
permanente?
gravar obter
Tarefas - persistência
Quais os momentos de gravação
das tarefas?
• quando se cria
• quando se finaliza
• quando se re-inicia
demo
Tarefas - UI e UX
Aspectos a melhorar no interface e na utilização:
• aspecto geral das lista
• melhor identificação da lista em visualização
• apagar o texto após inserir nova tarefa
• não inserir tarefas “vazias”
• apagar tarefas
demo
obrigado
facebook.com/ardozia
www.ardozia.com
próximo evento - Como fazer um livro
interactivo digital, 14 Março, Biblioteca
Coruchéus

Mais conteúdo relacionado

Destaque

Como fazer um livro interactivo digital
Como fazer um livro interactivo digitalComo fazer um livro interactivo digital
Como fazer um livro interactivo digitalHumberto Neves
 
Devmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia
 
Maturidade no desenvolvimento de software: CMMI e MPS-BR
Maturidade no desenvolvimento de software: CMMI e MPS-BR Maturidade no desenvolvimento de software: CMMI e MPS-BR
Maturidade no desenvolvimento de software: CMMI e MPS-BR Devmedia
 
Livros eletrônicos interativos com html5 e e pub3
Livros eletrônicos interativos com html5 e e pub3Livros eletrônicos interativos com html5 e e pub3
Livros eletrônicos interativos com html5 e e pub3Intel Software Brasil
 
pequenos toques grandes aprendizagens
pequenos toques grandes aprendizagenspequenos toques grandes aprendizagens
pequenos toques grandes aprendizagensHumberto Neves
 
Como fazer um livro interactivo digital
Como fazer um livro interactivo digitalComo fazer um livro interactivo digital
Como fazer um livro interactivo digitalHumberto Neves
 
UPU 2015 Get Discovered By the Right Readers--Keywords
UPU 2015 Get Discovered By the Right Readers--KeywordsUPU 2015 Get Discovered By the Right Readers--Keywords
UPU 2015 Get Discovered By the Right Readers--KeywordsBowker
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Intel Software Brasil
 
Publicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e TabletsPublicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e Tabletsdualpixel
 
TecDig - Iniciando o Photoshop
TecDig - Iniciando o PhotoshopTecDig - Iniciando o Photoshop
TecDig - Iniciando o Photoshopprofclaubordin
 
Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016profclaubordin
 

Destaque (12)

Como fazer um livro interactivo digital
Como fazer um livro interactivo digitalComo fazer um livro interactivo digital
Como fazer um livro interactivo digital
 
Devmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end FoundationDevmedia - Conhecendo o framework front-end Foundation
Devmedia - Conhecendo o framework front-end Foundation
 
Maturidade no desenvolvimento de software: CMMI e MPS-BR
Maturidade no desenvolvimento de software: CMMI e MPS-BR Maturidade no desenvolvimento de software: CMMI e MPS-BR
Maturidade no desenvolvimento de software: CMMI e MPS-BR
 
Livros eletrônicos interativos com html5 e e pub3
Livros eletrônicos interativos com html5 e e pub3Livros eletrônicos interativos com html5 e e pub3
Livros eletrônicos interativos com html5 e e pub3
 
pequenos toques grandes aprendizagens
pequenos toques grandes aprendizagenspequenos toques grandes aprendizagens
pequenos toques grandes aprendizagens
 
Como fazer um livro interactivo digital
Como fazer um livro interactivo digitalComo fazer um livro interactivo digital
Como fazer um livro interactivo digital
 
UPU 2015 Get Discovered By the Right Readers--Keywords
UPU 2015 Get Discovered By the Right Readers--KeywordsUPU 2015 Get Discovered By the Right Readers--Keywords
UPU 2015 Get Discovered By the Right Readers--Keywords
 
ePub3 e Html5
ePub3 e Html5ePub3 e Html5
ePub3 e Html5
 
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
Desenvolvimento Apps multiplataforma para dispositivos móveis usando HTML5
 
Publicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e TabletsPublicações Digitais | eBooks e Tablets
Publicações Digitais | eBooks e Tablets
 
TecDig - Iniciando o Photoshop
TecDig - Iniciando o PhotoshopTecDig - Iniciando o Photoshop
TecDig - Iniciando o Photoshop
 
Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016Utfprfazpesquisa claudia bordinrodrigues_nov2016
Utfprfazpesquisa claudia bordinrodrigues_nov2016
 

Semelhante a Como criar uma aplicação móvel simples de lista de tarefas usando App Inventor

Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Jornalismo Digital
 
Open Source 1
Open Source 1Open Source 1
Open Source 17004
 
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"Hi Interactive
 
Desenvolvendo Windows Store Apps
Desenvolvendo Windows Store AppsDesenvolvendo Windows Store Apps
Desenvolvendo Windows Store AppsThiago Coelho
 
Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Comunidade Tá safo!
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsJanynne Gomes
 
C.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoC.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoTiago Barros
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXNelson Vasconcelos
 
Modelos de Negócio com Software Livre e como ganhar dinheiro com isso
Modelos de Negócio com Software Livre e como ganhar dinheiro com issoModelos de Negócio com Software Livre e como ganhar dinheiro com isso
Modelos de Negócio com Software Livre e como ganhar dinheiro com issoLuiz Henrique Rauber Rodrigues
 
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Leonardo Turbiani
 
Fundamento de Sistemas de Informacao - Aula 24
Fundamento de Sistemas de Informacao - Aula 24Fundamento de Sistemas de Informacao - Aula 24
Fundamento de Sistemas de Informacao - Aula 24Ismar Silveira
 
Fundamentos de Sistemas de Informacao - Aula #14 2009_2
Fundamentos de Sistemas de Informacao - Aula #14 2009_2Fundamentos de Sistemas de Informacao - Aula #14 2009_2
Fundamentos de Sistemas de Informacao - Aula #14 2009_2Ismar Silveira
 
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos Letticia Nicoli
 
Rchaves developers in a devices & services world - 201404 - final
Rchaves   developers in a devices & services world - 201404 - finalRchaves   developers in a devices & services world - 201404 - final
Rchaves developers in a devices & services world - 201404 - finalRichard Chaves
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidiaFábio Costa
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidiaFábio Costa
 

Semelhante a Como criar uma aplicação móvel simples de lista de tarefas usando App Inventor (20)

App Inventor: Eu escolho você!
App Inventor: Eu escolho você!App Inventor: Eu escolho você!
App Inventor: Eu escolho você!
 
Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1Planejamento de produtos digitais - 1
Planejamento de produtos digitais - 1
 
Open Source 1
Open Source 1Open Source 1
Open Source 1
 
Responsive – Diferentes Técnicas e Abordagens
Responsive – Diferentes Técnicas e AbordagensResponsive – Diferentes Técnicas e Abordagens
Responsive – Diferentes Técnicas e Abordagens
 
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"
Apresentação EDIT. "Responsive Diferentes Técnicas e Abordagens"
 
.NET e C# - Introdução Geral
.NET e C# - Introdução Geral.NET e C# - Introdução Geral
.NET e C# - Introdução Geral
 
Desenvolvendo Windows Store Apps
Desenvolvendo Windows Store AppsDesenvolvendo Windows Store Apps
Desenvolvendo Windows Store Apps
 
Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!Criando aplicações em Android brincando de quebra-cabeça!
Criando aplicações em Android brincando de quebra-cabeça!
 
Windows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de appsWindows 8 - Introdução ao desenvolvimento de apps
Windows 8 - Introdução ao desenvolvimento de apps
 
C.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en DiseñoC.E.S.A.R - Prototipación Electronica en Diseño
C.E.S.A.R - Prototipación Electronica en Diseño
 
Deep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UXDeep Dive Material Design, e um pouquinho sobre mobile UX
Deep Dive Material Design, e um pouquinho sobre mobile UX
 
Modelos de Negócio com Software Livre e como ganhar dinheiro com isso
Modelos de Negócio com Software Livre e como ganhar dinheiro com issoModelos de Negócio com Software Livre e como ganhar dinheiro com isso
Modelos de Negócio com Software Livre e como ganhar dinheiro com isso
 
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
Apresentação Meetup Faccilita Corretor Google Brasil - 01/03/2016
 
Fundamento de Sistemas de Informacao - Aula 24
Fundamento de Sistemas de Informacao - Aula 24Fundamento de Sistemas de Informacao - Aula 24
Fundamento de Sistemas de Informacao - Aula 24
 
Como desenvolver-software
Como desenvolver-softwareComo desenvolver-software
Como desenvolver-software
 
Fundamentos de Sistemas de Informacao - Aula #14 2009_2
Fundamentos de Sistemas de Informacao - Aula #14 2009_2Fundamentos de Sistemas de Informacao - Aula #14 2009_2
Fundamentos de Sistemas de Informacao - Aula #14 2009_2
 
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos
Mobile DevOps: O caminho do sucesso para desenvolvimento de aplicativos
 
Rchaves developers in a devices & services world - 201404 - final
Rchaves   developers in a devices & services world - 201404 - finalRchaves   developers in a devices & services world - 201404 - final
Rchaves developers in a devices & services world - 201404 - final
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
 
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
2015 1 ciencia_da_computacao_1_sistemas_aplicacoes_multimidia
 

Como criar uma aplicação móvel simples de lista de tarefas usando App Inventor