SlideShare uma empresa Scribd logo
Criando aplicações Desktop com
        HTML, CSS e JS
             #riojs

          Zaedy Dantas
Who?
me: {
  name: ‘Zaedy Dantas Sayão’,
  twitter: ‘@zaedysayao’,
  github: ‘javamanrj’,
  study: ‘UFRJ’,
  works: ‘BioLogica Sistemas S.A’,
  slideshare: ‘javamanrj’
}
Why not?
•   jQuery
•   Sencha Touch
•   Phonegap
•   Mobile com JS
•   Outra moda qualquer
Desktop?
Estado da arte
• Chromebook
Será?
•   iOS
•   Android
•   Windows Phone
•   BB
Mas e desktop?
• Quem usa serviço na nuvem?
• Quem SÓ usa serviço na nuvem?
• Quem não tem aplicativo instalado?
Desktop?
Mac App Store
• 1604 apps em 1 manhã
  – Muitos games
• Rumor
Why?
• A empresa tem:
  – Site
  – Cloud (SAAS)
  – Android
  – iOS
  – WP
  – BB
  – Desktop?
Why?
Why?
Conexão
Conexão




          Anatel –
          11/2011
Why?
Realidade brasileira
Games




http://hexgl.bkcore.com/
Why?
Roda?
•   IE6?
•   IE7?
•   Firefox 2?
•   Tem certeza? Daria sua vida pela resposta?
HTML, CSS e JS?
•   C
•   C++
•   QT
•   .Net
•   Java
•   Delphi
Como funciona?



 HTML
  CSS
   JS        Packager   Executável
Resources
   …
Como funciona?



 HTML
  CSS
   JS        Ponte   Código Nativo
Resources
   …
Como portar?
•   Angular.js
•   Knockout.js
•   Backbone.js
•   Agility.js
•   SproutCore
•   Ember.js
•   Batman.js
•   Cappuccino
•   Sammy.js
•   Bootstrap
Como portar?
•   Sencha Touch (MVC)
•   jQuery Mobile
•   Kendo UI
•   Dojo
•   jQTouch
•   Jo
•   XUI
•   Zepto.JS
O que posso usar?
•   SQLite
•   Recursos de Janela
•   Threads
•   Aúdio
•   Vídeo
•   Processo
•   Notificações
•   Câmera
•   Arquivos
•   Rede
•   Informações do desktop/plataforma
•   Menu
•   Tray
•   Dialogs
•   Clipboard
TideSDK
•   Free e OpenSource
•   Windows/Linux/Mac
•   Python/Ruby/Php/C/C++
•   IDE
•   Boa documentação
•   Comunidade ativa
•   Linguagens futuras (possibilidade)
    – Lua, Falcon, C# (via Mono) e Java
TideSDK
• Exemplos
  – Wunderlist:
    https://github.com/6wunderkinder/wunderlist

  – SimpLESS: https://github.com/Paratron/SimpLESS

  – Shopify Theme Tool:
    https://github.com/meeech/Shopify-Theme-Tool
TideSDK
TideSDK
• IDE
• HelloWorld
• SimpLESS
Chromium
• OpenSource browser
• Suporte a Vobis, Theora e WebM (aúdio e vídeo do
  html5)
• Suporte a AAC e MP3
• WebKit (engine que ‘pinta’ na tela): HTML, CSS,
  Imagens, XML -> conteúdo na área visual
   – Permite a renderização das páginas web
   – C++
• Portado para várias plataformas
   – Arch Linux, Debian, OS X entre outros
• Rockmelt
Chromium -> Chrome
•   Flash Player
•   Visualizador de PDF
•   GoogleUpdate
•   Estatísticas e Crash Reports
•   Impressão
•   Entre outros
Chrome Installable Web Apps
• http://developer.chrome.com/stable/apps/ab
  out_apps.html
• http://www.chromeappsnow.com/
• Free e OpenSource
• NO PUBLISH!!!! (ainda)
node-webkit
•   Baseado no Chromium e no Node.JS (V8)
•   Free e OpenSource
•   Intel
•   Windows/Linux/Mac
•   Boa documentação (inferior ao TideSDK)
•   Comunidade ativa
node-webkit
node-webkit
• Simple Ace Editor https://github.com/brads-
  tools/node-webkit-ace-editor

• WarTrail- Performance!
http://delphitools.info/WarTrail/index.html
http://delphitools.info/2012/12/13/desktop-html5-
apps-game-changer-node-webkit/

• Smart Mobile Studio
AppJS
•   Projeto promissor mas ainda imaturo
•   Usa Node.JS
•   Documentação confusa e espalhada
•   Windows/Linux/Mac
•   Links úteis:
    –   http://appjs.org/
    –   http://appjs.delightfulsoftware.com/
    –   http://appjs.delightfulsoftware.com/example-apps/
    –   https://github.com/sihorton/appjs-appPackager
    –   https://github.com/studiochris/starter-for-appjs
AppJS
Sencha Desktop Packager
• Baseado no Chromium
• Pago!
  – $499 sem suporte
  – $695 com suporte
• Windows/Linux/Mac
• Inferior a TideSDK e node-webkit
  – Não recomendo (ao menos ainda)
• Boa documentação mas api limitada
Sencha Desktop Packager
Sencha Desktop Packager
Chromium Embedded Framework
                (CEF)
•   https://code.google.com/p/chromiumembedded/
•   Framework para embarcar o Chromium em outras aplicações
•   OpenSource e Free
•   Baseado no Chromium
•   C/C++
•   Integrado a outras linguagens
    –   .Net
    –   Mono
    –   Delphi
    –   Java
    –   Python
    –   PHP
• Windows/Mac
Outras apps
• TweetDeck – show code
• Brackets (V8 e CEF)
• Adobe Edge Code
Acabou?
• Phonegap!
Phonegap
• Imaturo (apenas desktop)
• Roadmap
• Sincronizado com mobile (objetivo ainda não
  alcançado)
• Windows/Linux/Mac + Mobile
• http://cordova.apache.org/
• https://github.com/apache/cordova-mac
• https://github.com/apache/cordova-windows
Phonegap
Nativo
• Use quando quiser
E os problemas?
• Migração de uma app mobile/web quase
  nunca é automática
  – Mas não costuma ser demorada
• Segurança
  – Licença
O que eu recomendo?
1. TideSDK
2. node-webkit
3. Whatever
  1. Mas fique de olho em todos, principalmente no
     Phonegap!
Curiosidades
• Tela de login do Linux Mint
  – Feita em HTML5
• Gnome já usa javascript
Dúvidas?
Slides e fontes
• http://www.slideshare.net/javamanrj/
• https://github.com/javamanrj/riojs-
  conference
Thanks!

Mais conteúdo relacionado

Mais procurados

Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Criciúma Dev
 
ASP.NET Core em Linux - Canal .NET Dev Week
ASP.NET Core em Linux - Canal .NET Dev WeekASP.NET Core em Linux - Canal .NET Dev Week
ASP.NET Core em Linux - Canal .NET Dev Week
Renato Groff
 
C# 7.0 e .NET Core - Canal .NET Dev Week
C# 7.0 e .NET Core - Canal .NET Dev WeekC# 7.0 e .NET Core - Canal .NET Dev Week
C# 7.0 e .NET Core - Canal .NET Dev Week
Renato Groff
 
.NET Core e C# 7.0 - InterCon 2016
.NET Core e C# 7.0 - InterCon 2016.NET Core e C# 7.0 - InterCon 2016
.NET Core e C# 7.0 - InterCon 2016
Renato Groff
 
Do Monolítico aos Micro Serviços no Azure
Do Monolítico aos Micro Serviços no AzureDo Monolítico aos Micro Serviços no Azure
Do Monolítico aos Micro Serviços no Azure
balta.io - Develop your career
 
Tecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
Tecnologias em 2021: no que ficar de olho? | WTT2021 - MackenzieTecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
Tecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
Renato Groffe
 
Servidor de Build e Integração Contínua
Servidor de Build e Integração ContínuaServidor de Build e Integração Contínua
Servidor de Build e Integração Contínua
Rodrigo Kono
 
O que é nodejs, cases e vantagens
O que é nodejs, cases e vantagensO que é nodejs, cases e vantagens
O que é nodejs, cases e vantagens
Rodrigo Matheus
 
Node.js e Express
Node.js e ExpressNode.js e Express
Node.js e Express
Dan Vitoriano
 
Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1
Rodrigo Kono
 
Abertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET CoreAbertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET Core
Rodrigo Kono
 
Groovy e Grails 2
Groovy e Grails 2Groovy e Grails 2
Groovy e Grails 2
Sérgio Neves Sacenti
 
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobile
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobileXamarin + TDD - Reagindo rápido à mudanças no mundo mobile
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobile
akamud
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps Modernas
Dan Vitoriano
 
Canal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com BlazorCanal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com Blazor
Gustavo Bellini Bigardi
 
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
Letticia Nicoli
 
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
Renato Groff
 
Deployment no Azure
Deployment no AzureDeployment no Azure
Deployment no Azure
Rodrigo Kono
 
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
Renato Groff
 
ASP.NET Core com Linux, Docker e Azure
ASP.NET Core com Linux, Docker e AzureASP.NET Core com Linux, Docker e Azure
ASP.NET Core com Linux, Docker e Azure
Giovanni Bassi
 

Mais procurados (20)

Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
Desenvolvimento Mobile Multiplataforma: Uma abordagem ágil e de alto desempen...
 
ASP.NET Core em Linux - Canal .NET Dev Week
ASP.NET Core em Linux - Canal .NET Dev WeekASP.NET Core em Linux - Canal .NET Dev Week
ASP.NET Core em Linux - Canal .NET Dev Week
 
C# 7.0 e .NET Core - Canal .NET Dev Week
C# 7.0 e .NET Core - Canal .NET Dev WeekC# 7.0 e .NET Core - Canal .NET Dev Week
C# 7.0 e .NET Core - Canal .NET Dev Week
 
.NET Core e C# 7.0 - InterCon 2016
.NET Core e C# 7.0 - InterCon 2016.NET Core e C# 7.0 - InterCon 2016
.NET Core e C# 7.0 - InterCon 2016
 
Do Monolítico aos Micro Serviços no Azure
Do Monolítico aos Micro Serviços no AzureDo Monolítico aos Micro Serviços no Azure
Do Monolítico aos Micro Serviços no Azure
 
Tecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
Tecnologias em 2021: no que ficar de olho? | WTT2021 - MackenzieTecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
Tecnologias em 2021: no que ficar de olho? | WTT2021 - Mackenzie
 
Servidor de Build e Integração Contínua
Servidor de Build e Integração ContínuaServidor de Build e Integração Contínua
Servidor de Build e Integração Contínua
 
O que é nodejs, cases e vantagens
O que é nodejs, cases e vantagensO que é nodejs, cases e vantagens
O que é nodejs, cases e vantagens
 
Node.js e Express
Node.js e ExpressNode.js e Express
Node.js e Express
 
Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1Dia 01 - Workshop ASP.NET CORE 1.1
Dia 01 - Workshop ASP.NET CORE 1.1
 
Abertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET CoreAbertura - Workshop ASP.NET Core
Abertura - Workshop ASP.NET Core
 
Groovy e Grails 2
Groovy e Grails 2Groovy e Grails 2
Groovy e Grails 2
 
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobile
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobileXamarin + TDD - Reagindo rápido à mudanças no mundo mobile
Xamarin + TDD - Reagindo rápido à mudanças no mundo mobile
 
AMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps ModernasAMP Roadshow SP 2019 - Web Apps Modernas
AMP Roadshow SP 2019 - Web Apps Modernas
 
Canal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com BlazorCanal Coding Night - Sua primeira aplicação com Blazor
Canal Coding Night - Sua primeira aplicação com Blazor
 
.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?.NET 6: O que há de novo e o que está por vir?
.NET 6: O que há de novo e o que está por vir?
 
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
Docker de ponta a ponta: do Desenvolvimento à Nuvem - UNICID - Novembro-2019
 
Deployment no Azure
Deployment no AzureDeployment no Azure
Deployment no Azure
 
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
Linux, Docker, Open Source e Tecnologias Microsoft - Dezembro/2017
 
ASP.NET Core com Linux, Docker e Azure
ASP.NET Core com Linux, Docker e AzureASP.NET Core com Linux, Docker e Azure
ASP.NET Core com Linux, Docker e Azure
 

Semelhante a Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013

Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
javamanrj
 
Sapo Sessions - Web Mobile
Sapo Sessions - Web MobileSapo Sessions - Web Mobile
Sapo Sessions - Web Mobile
Bruno Carreira
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
Stefan Horochovec
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
Adriel Café
 
Html5
Html5Html5
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2 DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
Vic Fernandes
 
Descomplicando o Android
Descomplicando o AndroidDescomplicando o Android
Descomplicando o Android
Heider Lopes
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
tdc-globalcode
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Marcelo Marques Gonçalves
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
Valmir Justo
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
Marcelo Quinta
 
Titanium appacelerator
Titanium appaceleratorTitanium appacelerator
Titanium appacelerator
Davi Felipe Russi
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
Leandro Nunes
 
Best pratices para desenvolvimento mobile
Best pratices para desenvolvimento mobileBest pratices para desenvolvimento mobile
Best pratices para desenvolvimento mobile
nipjc
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Wennder Santos
 
RIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à InovaçãoRIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à Inovação
Leonardo Braga
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Diego Cavalca
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
Rodrigo Peleias
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Loiane Groner
 
OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)
Ricardo Rufino
 

Semelhante a Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013 (20)

Phonegap - self RJ
Phonegap - self RJPhonegap - self RJ
Phonegap - self RJ
 
Sapo Sessions - Web Mobile
Sapo Sessions - Web MobileSapo Sessions - Web Mobile
Sapo Sessions - Web Mobile
 
Write once, run "everywhere"
Write once, run "everywhere"Write once, run "everywhere"
Write once, run "everywhere"
 
Mobile Apps Cross-Platform
Mobile Apps Cross-PlatformMobile Apps Cross-Platform
Mobile Apps Cross-Platform
 
Html5
Html5Html5
Html5
 
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2 DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
DC2012 - First steps with Firemonkey and iOS apps in Delphi XE2
 
Descomplicando o Android
Descomplicando o AndroidDescomplicando o Android
Descomplicando o Android
 
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
TDC2018SP | Trilha Modern Web - Blazor - C# rodando no navegador padrao, sem ...
 
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
Aplicativos hibridos-com-ionic-voce-tambem-pode-comecar-a-desenvolver-agora-t...
 
Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.Desenvolvimento web - conceitos, tecnologia e tendências.
Desenvolvimento web - conceitos, tecnologia e tendências.
 
Jquery Mobile
Jquery MobileJquery Mobile
Jquery Mobile
 
Titanium appacelerator
Titanium appaceleratorTitanium appacelerator
Titanium appacelerator
 
Lightning Talk: Webdev who?
Lightning Talk: Webdev who?Lightning Talk: Webdev who?
Lightning Talk: Webdev who?
 
Best pratices para desenvolvimento mobile
Best pratices para desenvolvimento mobileBest pratices para desenvolvimento mobile
Best pratices para desenvolvimento mobile
 
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)Curso: Desenvolvimento de aplicativos híbridos (dia 1)
Curso: Desenvolvimento de aplicativos híbridos (dia 1)
 
RIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à InovaçãoRIA e Flex - Dando formas à Inovação
RIA e Flex - Dando formas à Inovação
 
Seminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec CafelândiaSeminário de Desenvolvimento Mobile - Etec Cafelândia
Seminário de Desenvolvimento Mobile - Etec Cafelândia
 
Netbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 PortuguesNetbeans Slides Fy2009 Portugues
Netbeans Slides Fy2009 Portugues
 
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
Iniciando com desenvolvimento híbrido de aplicações mobile com HTML5
 
OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)OpenDevice IoT - 2016 (LowLevel)
OpenDevice IoT - 2016 (LowLevel)
 

Mais de javamanrj

Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
javamanrj
 
Desenvolvendo Jogos com HTML5
Desenvolvendo Jogos com HTML5Desenvolvendo Jogos com HTML5
Desenvolvendo Jogos com HTML5
javamanrj
 
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
javamanrj
 
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
javamanrj
 
Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013
javamanrj
 
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
javamanrj
 
PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013
javamanrj
 
Palestra Sencha Touch + Phonegap
Palestra Sencha Touch + PhonegapPalestra Sencha Touch + Phonegap
Palestra Sencha Touch + Phonegap
javamanrj
 
Palestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + PhonegapPalestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + Phonegap
javamanrj
 
Workshop ExtJS4
Workshop ExtJS4Workshop ExtJS4
Workshop ExtJS4
javamanrj
 

Mais de javamanrj (10)

Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
Como fazer uma aplicação com Sencha Touch e Phonegap - Mobile Conf 2014
 
Desenvolvendo Jogos com HTML5
Desenvolvendo Jogos com HTML5Desenvolvendo Jogos com HTML5
Desenvolvendo Jogos com HTML5
 
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
Nas entranhas do WebKit e do V8 - The Developers Conference 2013 SP - TDC2013
 
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
Nas entranhas do WebKit (e V8) - SampaJS 3.1 - 2013
 
Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013Física em Games - The Developers Conference - TDC2013
Física em Games - The Developers Conference - TDC2013
 
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013Phonegap - Presente e Futuro - The Developers Conference - TDC2013
Phonegap - Presente e Futuro - The Developers Conference - TDC2013
 
PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013PHP Presta? Então prove! - The Developers Conference - TDC2013
PHP Presta? Então prove! - The Developers Conference - TDC2013
 
Palestra Sencha Touch + Phonegap
Palestra Sencha Touch + PhonegapPalestra Sencha Touch + Phonegap
Palestra Sencha Touch + Phonegap
 
Palestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + PhonegapPalestra sobre Sencha Touch + Phonegap
Palestra sobre Sencha Touch + Phonegap
 
Workshop ExtJS4
Workshop ExtJS4Workshop ExtJS4
Workshop ExtJS4
 

Construindo aplicações Desktop com HTML, CSS e JS - Rio.JS Conference 2013

  • 1. Criando aplicações Desktop com HTML, CSS e JS #riojs Zaedy Dantas
  • 2. Who? me: { name: ‘Zaedy Dantas Sayão’, twitter: ‘@zaedysayao’, github: ‘javamanrj’, study: ‘UFRJ’, works: ‘BioLogica Sistemas S.A’, slideshare: ‘javamanrj’ }
  • 3. Why not? • jQuery • Sencha Touch • Phonegap • Mobile com JS • Outra moda qualquer
  • 5. Estado da arte • Chromebook
  • 6. Será? • iOS • Android • Windows Phone • BB
  • 7. Mas e desktop? • Quem usa serviço na nuvem? • Quem SÓ usa serviço na nuvem? • Quem não tem aplicativo instalado?
  • 9. Mac App Store • 1604 apps em 1 manhã – Muitos games • Rumor
  • 10. Why? • A empresa tem: – Site – Cloud (SAAS) – Android – iOS – WP – BB – Desktop?
  • 11. Why?
  • 12. Why?
  • 14. Conexão Anatel – 11/2011
  • 15. Why?
  • 18. Why?
  • 19. Roda? • IE6? • IE7? • Firefox 2? • Tem certeza? Daria sua vida pela resposta?
  • 20. HTML, CSS e JS? • C • C++ • QT • .Net • Java • Delphi
  • 21. Como funciona? HTML CSS JS Packager Executável Resources …
  • 22. Como funciona? HTML CSS JS Ponte Código Nativo Resources …
  • 23. Como portar? • Angular.js • Knockout.js • Backbone.js • Agility.js • SproutCore • Ember.js • Batman.js • Cappuccino • Sammy.js • Bootstrap
  • 24. Como portar? • Sencha Touch (MVC) • jQuery Mobile • Kendo UI • Dojo • jQTouch • Jo • XUI • Zepto.JS
  • 25. O que posso usar? • SQLite • Recursos de Janela • Threads • Aúdio • Vídeo • Processo • Notificações • Câmera • Arquivos • Rede • Informações do desktop/plataforma • Menu • Tray • Dialogs • Clipboard
  • 26. TideSDK • Free e OpenSource • Windows/Linux/Mac • Python/Ruby/Php/C/C++ • IDE • Boa documentação • Comunidade ativa • Linguagens futuras (possibilidade) – Lua, Falcon, C# (via Mono) e Java
  • 27. TideSDK • Exemplos – Wunderlist: https://github.com/6wunderkinder/wunderlist – SimpLESS: https://github.com/Paratron/SimpLESS – Shopify Theme Tool: https://github.com/meeech/Shopify-Theme-Tool
  • 30. Chromium • OpenSource browser • Suporte a Vobis, Theora e WebM (aúdio e vídeo do html5) • Suporte a AAC e MP3 • WebKit (engine que ‘pinta’ na tela): HTML, CSS, Imagens, XML -> conteúdo na área visual – Permite a renderização das páginas web – C++ • Portado para várias plataformas – Arch Linux, Debian, OS X entre outros • Rockmelt
  • 31. Chromium -> Chrome • Flash Player • Visualizador de PDF • GoogleUpdate • Estatísticas e Crash Reports • Impressão • Entre outros
  • 32. Chrome Installable Web Apps • http://developer.chrome.com/stable/apps/ab out_apps.html • http://www.chromeappsnow.com/ • Free e OpenSource • NO PUBLISH!!!! (ainda)
  • 33. node-webkit • Baseado no Chromium e no Node.JS (V8) • Free e OpenSource • Intel • Windows/Linux/Mac • Boa documentação (inferior ao TideSDK) • Comunidade ativa
  • 35. node-webkit • Simple Ace Editor https://github.com/brads- tools/node-webkit-ace-editor • WarTrail- Performance! http://delphitools.info/WarTrail/index.html http://delphitools.info/2012/12/13/desktop-html5- apps-game-changer-node-webkit/ • Smart Mobile Studio
  • 36. AppJS • Projeto promissor mas ainda imaturo • Usa Node.JS • Documentação confusa e espalhada • Windows/Linux/Mac • Links úteis: – http://appjs.org/ – http://appjs.delightfulsoftware.com/ – http://appjs.delightfulsoftware.com/example-apps/ – https://github.com/sihorton/appjs-appPackager – https://github.com/studiochris/starter-for-appjs
  • 37. AppJS
  • 38. Sencha Desktop Packager • Baseado no Chromium • Pago! – $499 sem suporte – $695 com suporte • Windows/Linux/Mac • Inferior a TideSDK e node-webkit – Não recomendo (ao menos ainda) • Boa documentação mas api limitada
  • 41. Chromium Embedded Framework (CEF) • https://code.google.com/p/chromiumembedded/ • Framework para embarcar o Chromium em outras aplicações • OpenSource e Free • Baseado no Chromium • C/C++ • Integrado a outras linguagens – .Net – Mono – Delphi – Java – Python – PHP • Windows/Mac
  • 42. Outras apps • TweetDeck – show code • Brackets (V8 e CEF) • Adobe Edge Code
  • 44. Phonegap • Imaturo (apenas desktop) • Roadmap • Sincronizado com mobile (objetivo ainda não alcançado) • Windows/Linux/Mac + Mobile • http://cordova.apache.org/ • https://github.com/apache/cordova-mac • https://github.com/apache/cordova-windows
  • 47. E os problemas? • Migração de uma app mobile/web quase nunca é automática – Mas não costuma ser demorada • Segurança – Licença
  • 48. O que eu recomendo? 1. TideSDK 2. node-webkit 3. Whatever 1. Mas fique de olho em todos, principalmente no Phonegap!
  • 49. Curiosidades • Tela de login do Linux Mint – Feita em HTML5 • Gnome já usa javascript
  • 51. Slides e fontes • http://www.slideshare.net/javamanrj/ • https://github.com/javamanrj/riojs- conference