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?

</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
</Ecosistema>
</Ecosistema>
  • Ionic Lab
$ ionic serve --lab
</Ecosistema>
  • Ionic icones
</Ecosistema>
  • ngCordova

http://ngcordova.com/docs/plugins/

</Ecosistema>
  • Notificações
</Ecosistema>
  • Templates
$ ionic start myApp tabs
</Ecosistema>
  • Upload do app
$ ionic upload
</Ecosistema>
  • Emulando App
cd myApp
$ ionic serve
</Ecosistema>
  • Criando Paginas
$ ionic g page chat

Conclusão

  • Tirar uma ideia do papel

  • Escrever os requisitos de um App

  • Tipos de Aplicativos

  • Ecossistema ionic

Onde aprender mais?

Obrigada

  • dannyserena@gmail.com
     

https://blog.lfdev.tk

https://www.facebook.com/GdgLF/

https://slides.com/danielleteixeira

https://github.com/dannyserena/

Made with Slides.com