Tive uma ideia,

como desenvolver um aplicativo mobile?

Danielle Teixeira

Engenheira da Computação
- Esp. Banco de Dados
- Esp. Desenvolvimento para Aplicativos Mobile
Analista de Requisitos
Membro
- GDG Lauro de Freitas
- LFDEV
- WTMSSA
- PHPBA
Prêmio
- Proteste Inovação 2015

Danielle Teixeira

Fazer uma breve introdução de como tirar uma ideia do papel e implementar uma aplicação mobile.

</Objetivo>

Como tirar sua ideia do papel
Prototipagem de App
Plataformas de desenvolvimento
Ferramentas para desenvolver
Framework Ionic
Referências

</Agenda>

Como tirar a ideia do papel?

Faça um esboço da ideia
Converse com pessoas diferentes
Participe de eventos relacionados a área da ideia
Avalie sua ideia e habilidade de executar

“O que você sabe não tem valor, o valor está no que você faz com o que sabe."

Bruce Lee

Conceber hipótese

Validar de forma

rápida e barata

Desenvolver e Implantar

Startup Enxuta - Eric Ries

Concepção de Projeto

Resumindo: 1- Identifique o problema

2- Estude a "concorrência"e atraia parceiros

3- Teste durante o desenvolvimento do projeto

4- Avalie os testes e promova mudanças de rumo

5- Hora do lançamento!

Ciclo de Desenvolvimento

Ckeck-list de desenvolvimento

Liste os requisitos do APP
Desenhe o protótipo do APP
Ferramentas de protótipos
Escolha uma linguagem de programação confortável
Desenvolva por etapas

Que são requisitos de software?

São características e propriedades que o sistema deve possuir, como deve se comportar, além de suas restrições de operação.

</Requisitos>

Registre os Requisitos do Sistema:

RF01 - criar campo email e senha;
RN02 - Ao clicar no campo de senha, animar coruja;
RNF03 - Requisitos de portabilidade. o sistema deverá rodar em qualquer plataforma.

</Requisitos>

Baixa fidelidade

</Prototipos>

Média fidelidade

Alta fidelidade

Mockingbot

</Ferramentas>

Nativa
- Android, IOS, Whindows Phone
Híbrida
- HTML, Java Script, CSS...

</Plataformas>

App Nativo

Desenvolvidos para uma plataforma utilizando a linguagem e as APIs nativas do dispositivo;
Bibliotecas do Sistema Operacional do dispositivo;

</Plataformas>

App Híbrido

</Plataformas>

HTML5 que se parece com nativo;
Web envolvido por uma camada nativa
Acesso direto às APIs nativas
Ambiente de desenvolvimento web familiar

Híbrida

Site empacotado pelo Cordova
Acessa WebView
Acesso nativo a funcionalidades do S.O.

</Plataformas>

E aí, como faço um app?

App Makr - Criar
Appinventor
...

</Plataformas>

Híbrida

</Plataformas>

Curva de aprendizado menor que o nativo;
Distribuição para múltiplas plataformas utilizando-se um único código
Baixo custo;
Desenvolvimento rápido;

</Como-Funciona>

</Como-Funciona>

Encapsula a aplicação em HTML, Javascript/typescript e CSS em um escopo nativo, com isso podemos acessar as funções do dispositivo.

</Como-Funciona>

Framework front-end web
Executa no browser
Completo para CRUDs
Separação lógica, alta abstração
Customização de componentes HTML
Mantido pela Google

</Como-Funciona-ionic>

</Cases>

</Ambiente-Ionic>

</Ecosistema>

Ionic CLI
Componentes
Ionic Push
Ionic Platform
Ionic View
Ionic Lab

</Ecosistema>

Ionic CLI

$ npm install -g cordova ionic
$ ionic start minhaAplicacao tabs
$ cd minhaAplicacao 
$ ionic serve
$ ionic build ios android
$ ionic emulate ios android