O documento discute as opções para desenvolvimento de aplicativos móveis, incluindo nativo, híbrido e multiplataforma. Apresenta as vantagens e desvantagens de cada abordagem, além de frameworks populares como Cordova, React Native e Xamarin. Oferece também recursos adicionais sobre a transição de desenvolvimento web para mobile.

1. APPSHÍBRIDOS
De web para o celular sem dor

2. • Desenvolvedor poliglota
• Extensa experiência em aplicações web
• Focado em comportamentos em JS desde a era “DHTML"
• Evangelista de mobile first
• Entusiasta de frameworks para apps multiplataforma
• Criador e mantenedor do site “m.” do hotelurbano.com
• Cofundador na Ignitio
ABOUTALLANBAPTISTA

3. • Devs Mobile ganham mais dinheiro;
• Demanda para devs mobile está altíssima;
• Com o passar do tempo mais e mais pessoas estão utilizando algum tipo de
dispositivo mobile;
• Apps mobile são mais mais inteligentes que apps para desktop;
• Vender nas Apps Stores é um dos mais visíveis pontos de contato para
qualquer app;
• Pode reutilizar skills já consolidadas de web.
• Mais motivos: https://speakerdeck.com/thiagocortat/keynote-presenting-
the-market-of-mobile-development
Eu deveria me importar com o mobile?
PORQUE

4. PERGUNTASASEFAZER:
(perca o medo de aprender algo completamente novo e escolha um caminho)
• Qual sua plataforma de desenvolvimento? (windows, mac, etc)
• Que tipo de apps atrai seu interesse? (empresarial, social, games, etc)
• Quais suas skills atuais? (forte background em web, java, C, C#, etc)
Para começar a desenvolver apps mobile?
OQUEÉPRECISO

5. Para começar a desenvolver apps mobile?
OQUEÉPRECISO
SUASOPÇÕES:
(ou pelo menos as mais populares)
• iOS nativo (Objective-C ou Swift)
• Android nativo (Java)
• Windows nativo (C# ou HTML5)
• Multiplataforma nativo ou híbrido (HTML5, C#, C, Ruby, etc)

6. HÍBRIDOXNATIVO

7. Negativos
• Típicamente mais caro para desenvolver.
• Custo aumenta para cada plataforma.
• Reescrita de código em cada plataforma.
• Aumenta tempo de desenvolvimento.
• Distribuído por app stores (tempo de
aceitação, divisão de receita com a store).
• Mais difícil de encontrar mão de obra
qualificada
Positivos e Negativos de cada abordagem
PONTOS
NATIVO
Positivos
• Melhor performance possível;
• Acesso TOTAL à features do device;
• Melhores ferramentas de desenvolvimento
e suporte;
• Distribuído em app stores (alta chance de
visibilidade com custo baixo);
• Linkedin e Facebook são exemplo de apps
que eram híbridos e decidiram virar nativos.

8. Negativos
• Performance não chega perto da nativa;
• Esforço e tempo necessário para
implementar look & feel nativo;
• Nem todos os sistemas operacionais são
suportados;
• Risco de ser rejeitado pela apple se o
app não parecer nativo o bastante.
HÍBRIDO
Positivos
• Você pode reutilizar skills web já adquiridas;
• Uma única base de código para múltiplas plataformas;
• Custo e tempo de desenvolvimento reduzido;
• Design responsivo permite atende a qualquer
tamanho de tela facilmente;
• Acessar algumas features nativas do device (camera,
geolocation, multitouch, acelerômetro e giroscópio,
contatos, notificações, sons e vibração, etc);
• Também distribuído em app stores.
Positivos e Negativos de cada abordagem
PONTOS

9. MULTIPLATAFORMAS

10. Para desenvolvimento multiplataformas?
QUAISSÃOASOPÇÕES
• Xamarin (Nativo, C#)
• Rubymotion (Nativo, Ruby)
• NativeScript (Nativo, Javascript)
• ReactNative (Nativo, Javascript)
• Corona (Nativo, Lua)
• Appcelerator Titanium (+/- Nativo, HTML5)
• Trigger.io (Híbrido, HTML5)
• Rhomobile (Híbrido, HTML5)
• Mosync (Híbrido, HTML5)
• Cordova/Phonegap (Híbrido, HTML5)
MULTI
PLATAFORMAS

11. As opções ao utilizar cordova/phonegap?
QUAISSÃO
• Sencha Touch (ExtJS)
• Ionic (Angular)
• Onsen UI (Angular)
• JQuery mobile (JQuery)
• Reapp (React)
• Kendo UI (JQuery)
• ChocolateChip UI (JQuery)
• Famous (JS + Canvas)
• Qualquer aplicação HTML5 (HTML + CSS + JS)
CORDOVA
PHONEGAP

12. ()
DEMOS

13. GITHUB
https://github.com/m4n3z40/simple-hotel-finder

14. • Amazon
• Ebay
• Apple`s app
store
Posso chegar com o framework híbridos? (Cases)
ATÉONDE
• Evernote
• Gmail
• Instagram
• Khan Academy
• Twitter
• Uber
• Mafia Wars
• BrowserQuest

15. PERGUNTAS

16. CONTATOS
• http://fb.me/allan.baptista
• http://linkedin.com/in/allanbaptista
• http://github.com/m4n3z40
• http://twitter.com/NeverFunnyGuy
• allan@ignit.io

17. • http://www.joshmorony.com/6-reasons-you-should-switch-from-web-to-mobile-development/
• http://www.joshmorony.com/making-the-switch-from-web-development-to-mobile-app-development/
• http://www.smashingmagazine.com/2014/10/21/providing-a-native-experience-with-web-technologies/
• https://developer.salesforce.com/page/
Native,_HTML5,_or_Hybrid:_Understanding_Your_Mobile_Application_Development_Options
• https://www.yauh.de/top-mobile-apps-you-didnt-know-where-built-on-html5/
• http://www.pushtechnology.com/2014/04/23/html5-vs-native-vs-hybrid-mobile-apps/
RESOURCES

18. VLWFLW