際際滷

際際滷Share a Scribd company logo
Web tehnologije
u desktop
developmentu

Darko Kukovec
@DarkoKukovec
Hibridne aplikacije
 Web tehnologije + nativni wrapper
 Mobilne hibridne aplikacije



PhoneGap
Custom

 Desktop
Za邸to hibridne
desktop aplikacije?
Razvoj za vi邸e platformi






Java
.NET + mono
QT
Hibridne aplikacije
Wrapperi
Adobe Air






Spor
Ogranieni developer toolsi
HTML5 + ActionScript
Distribucija: Izvr邸na datoteka
Qt




custom wrapper
HTML5 + nativni kod







C++
Python
JavaScript

Distribucija: Izvr邸na datoteka
Chrome Apps
 HTML5 + Chrome APIs


50+ API-ja

 Distribucija: Chrome Web Store
app.js






webkit + node.js
spori razvoj
HTML5 + node.js
Distribucija: izvr邸na datoteka
node-webkit
 Chromium + node.js
 brzi razvoj (Intel)



Chromium 30
node.js 0.10.18

 HTML5 + node.js
 Distribucija: izvr邸na datoteka
node-webkit

Getting started
Hello world!



to je potrebno za izradu aplikacije




node-webkit
manifest
HTML, JS
Pokretanje i testiranje
 pokretanje



nw je u pathu
nw .

 testiranje



Chromedriver
Selenium
Debuggiranje





Chrome Developer Tools
DevTools jail
remote debugging
Sublime Text 2 konzola
Pakiranje i distribucija
 package.nw ili package.json u istoj mapi kao
i node-webkit izvr邸na datoteka
 pakiranje u izvr邸nu datoteku




Windows i Linux

napraviti node-webkit paket

Windows: copy /b nw.exe+app.nw app.exe

Linux: cat /usr/bin/nw app.nw > app && chmod +x app
OS X

kopirati aplikaciju u Contents/Resources mapu
unutar node-webkit aplikacije
Nativni elementi
 file dialozi


datoteke i mape

 otvaranje URL-a u defaultnom browseru
 otvaranje datoteke u defaultnoj aplikaciji ili u
file manageru
 menu bar / status bar
 pristup clipboardu
 kiosk mode
Tech stuff
Node.js promjene
 global  window
 Chromium konzola umjesto node.js konzole
 konflikti




node.js require i require.js

Rje邸enje: preimenovati window.require prije
uitavanja require.js
node.js crypto i blink crypto
Node.js moduli
 defaultni


require

 JavaScript



instalirati lokalno
node_modules

 C/C++




nw-gyp
ovisi o platformi
ovisi o verziji node-webkita
DOM promjene
 iframe




onemoguene sigurnosne znaajke
omoguen node.js
Developer Tools
Za邸tita koda
 v8 snapshot





mo転e sakriti dio (nekoliko desetaka kB) koda u
binarnu datoteku
radi se za svaku platformu posebno
malo sporiji od obinog koda
uitava se prije obinog koda
Tko koristi
node-webkit

I koje njegove mogunosti koristi
Tko koristi node-webkit
 Infinum :)





3 projekta (Windows i OSX)
Crypto

oko 50x br転i od Adobe Air
Pristup optikim medijima

detekcija i itanje
Tko koristi node-webkit
 Gifrocket


kreiranje gif animacija iz videa

 Ambiance


code editor s modulima (npm)

 Arduinoscope



osciloskop za Arduino
pristup hardwareu

 Everytime



video bookmarking
komunicira sa VLC playerom
to se mo転e napraviti?
 Node.js + Chromium
Hvala na pa転nji

More Related Content

Web tehnologije u desktop developmentu