workshop ardozia - como se faz uma aplicação móvel

29
Como se faz uma aplicação móvel Biblioteca Orlando Ribeiro 28 Fevereiro 2015 | 15:00 -17:30 Humberto Neves | Ardozia

Upload: humberto-neves

Post on 20-Jul-2015

134 views

Category:

Software


2 download

TRANSCRIPT

Page 1: Workshop Ardozia - Como se faz uma aplicação móvel

Como se faz uma aplicação móvel

Biblioteca Orlando Ribeiro 28 Fevereiro 2015 | 15:00 -17:30

Humberto Neves | Ardozia

Page 2: Workshop Ardozia - Como se faz uma aplicação móvel

Quem sou

• Humberto Neves

• fundador da Ardozia

• Responsável pelo desenvolvimento dos produtos

• conferências

• workshops

hjneves [email protected]

Page 3: Workshop Ardozia - Como se faz uma aplicação móvel

mobile até hoje

“Every once in a while a revolutionary product comes along that changes everything.”

Page 4: Workshop Ardozia - Como se faz uma aplicação móvel

apps, uma nova face da internet

App Store: 1.300.0001400 apps/dia

Receita Global: $8.000.000.000

Android/iOS: 37% / 63%

Page 5: Workshop Ardozia - Como se faz uma aplicação móvel

apps, uma nova face da internet

Page 6: Workshop Ardozia - Como se faz uma aplicação móvel

Processo de desenvolvimento das Apps

Page 7: Workshop Ardozia - Como se faz uma aplicação móvel

Ferramentas de desenvolvimento

Page 8: Workshop Ardozia - Como se faz uma aplicação móvel

Ferramentas de desenvolvimento - exemplos

Page 9: Workshop Ardozia - Como se faz uma aplicação móvel

Vamos fazer uma app?

Page 10: Workshop Ardozia - Como se faz uma aplicação móvel

Lista de Tarefas

Usando o App Inventor do MIT Para Android

http://ai2.appinventor.mit.edu

Page 11: Workshop Ardozia - Como se faz uma aplicação móvel

Componentes

Componentes da App

Propriedades Objecto Seleccionado

Page 12: Workshop Ardozia - Como se faz uma aplicação móvel

imagemTextLabel Botões

ListasImagem

Layout

Blocos Programação

Área de Programação

Page 13: Workshop Ardozia - Como se faz uma aplicação móvel

Ambiente de simulação

Page 14: Workshop Ardozia - Como se faz uma aplicação móvel

Olá Mundo

demo

Page 15: Workshop Ardozia - Como se faz uma aplicação móvel

Olá Mundo

demo

Page 16: Workshop Ardozia - Como se faz uma aplicação móvel

Objectivo: Quando se carregar no Button1,

deve apresentar na Label2

a seguinte mensagem - “Olá “ + texto da caixa TextBox1

Olá Mundo

Page 17: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - criação de elementos na lista

demo

Page 18: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - criação de elementos na lista

demo

Page 19: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - criação de elementos na lista

demo

Page 20: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - Listas “A Fazer” e “Feitas”

Page 21: Workshop Ardozia - Como se faz uma aplicação móvel

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

Page 22: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - Listas A Fazer e Feitas

demo

Page 23: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - Completar uma tarefa

Completar uma tarefa Quando se clica numa tarefa da lista ListaFazer

Page 24: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - Re-iniciar uma tarefa

Re-iniciar uma tarefa Quando se clica numa tarefa da lista ListaFeitas

Page 25: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - Re-iniciar uma tarefa

demo

Page 26: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - persistência

Como guardar as tarefas já introduzidas de forma permanente?

gravar obter

Page 27: Workshop Ardozia - Como se faz uma aplicação móvel

Tarefas - persistência

Quais os momentos de gravação das tarefas?

• quando se cria

• quando se finaliza

• quando se re-inicia

demo

Page 28: Workshop Ardozia - Como se faz uma aplicação móvel

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 tarefasdemo

Page 29: Workshop Ardozia - Como se faz uma aplicação móvel

obrigado

facebook.com/ardozia

www.ardozia.com

próximo evento - Como fazer um livro interactivo digital, 14 Março, Biblioteca Coruchéus