desktop.js

Talk in 3 parts:
1. Why 2GIS needs desktop app
2. Review of js-to-desktop frameworks, such as QtWebKit, CEF, node-webkit, Atom Shell
3. 2GIS v4 desktop app

Transcript

1. Offline.js Сальников Станислав
2. 2gis.ru
3. Desktop App
4. Содержание • Зачем нам ПК версия? • Обзор фреймворков • 2GIS.exe 4
5. Зачем нам ПК версия?
6. Зачем нам ПК версия? • Офлайн • 3D карта 6
7. 9 млн пользователей
8. Зачем нам WUITS в офлайне? • Скорость разработки • Общий код Web UI Technology Stack — JS + HTML + CSS 8
9. Есть готовый UI
10. Примеры десктоп приложений c WUITS • A Wizard's Lizard, Lost Decade [NodeWebkit] • Steam, Valve [CEF] • Brackets, Adobe [CEF] • Spotify, Spotify [CEF] • Atom, GitHub [Atom Shell] 10
11. Фреймворки
12. Фреймворки • QtWebKit, Trolltech → Digia, 2008 • Chromium Embedded Framework, Marshall Greenblat, 2009 • node-webkit, Intel, 2011 • Atom Shell, Github, 2014 12
13. Кусочки • ОС • C++ модули • Карта — UI модуль • Браузер 13
14. QtWebKit
15. QtWebKit Qt OS C++ modules QtScene Browser — QtWebKit Map 15
16. Signals & Slots (Qt) s t u f f M a n a g e r . d o T h e S t u f f = f u n c t i o n ( ) { s t u f f G o e s H e r e ( ) d o T h e S t u f f D o n e. e m i t ( ) ; } s t u f f M a n a g e r . d o T h e S t u f f D o n e = n e w Q S i g n a l ( ) ; 0 1 . 0 2 . 0 3 . 0 4 . 0 5 . 16
17. Signals & Slots (JS) f u n c t i o n s t u f f C a l l b a c k ( ) { . . . } s t u f f M a n a g e r . d o T h e S t u f f ( ) ; s t u f f M a n a g e r . d o T h e S t u f f D o n e .c o n n e c t( s t u f f C a l l b a c k ) ; s t u f f M a n a g e r . d o T h e S t u f f D o n e .d i s c o n n e c t( s t u f f C a l l b a c k ) ; 0 1 . 0 2 . 0 3 . 0 4 . 17
18. CEF
19. CEF CEF OS C++ modules Browser — Chromium Map — NPAPI 19
20. node-webkit
21. node-webkit Browser — Chromium Map — NPAPI Node OS C++ modules 21
22. Atom Shell
23. Atom Shell Browser — Chromium Map — NPAPI Node OS C++ modules 23
24. Сравнение Различие QtWebKit CEF node-webkit Atom Shell Control C++ C++ JS JS Map Scene elem NPAPI NPAPI NPAPI C—JS Binding JSBridge By hands Node module Node module Crossplatform + +/- + + Future +/- + + + 24
25. Тонкости реализации
26. Приложение • Оболочка • Данные • UI 26
27. Данные
28. Данные • Хранение, обновление • Поиск • Форматы 28
29. Карта
30. Carto vs Leaflet
31. Особенности QtWebKit
32. Особенности QtWebKit • KeyCode на кириллице • Signal & Slot модель • Анимации • Etc 32
33. Будущее QtWebEngine
34. WUITS в Desktop App • Текстовые редакторы • Встраивание контента из интернета • Перенос части существующего онлайн приложения • Игры 34
35. Do JavaScript even offline
36. Вопросы?
37. Сальников Станислав s.salnikov@2gis.ru @drzhbe 37