Node-Webkit

Creare applicazioni desktop con Node-Webkit di Cristian Bellomo

Transcript

1. Come creare applicazioni desktop usando le tecnologie del web node-webkit CRISTIAN BELLOMO cristian.deepeye@gmail.com
2. node-webkit nw.js
3. CHE COS’È NODE-WEBKIT? Un sistema che permette di creare applicazioni desktop cross-platform usando le tecnologie del web
4. CHE COS’È NODE-WEBKIT? • E’ un progetto open source • Basato su Chromium e node.js • Creato e sviluppato da Intel Sorgenti, binari e documentazione su: https://github.com/nwjs/nw.js
5. CHE COS’È NODE-WEBKIT? Una versione modificata del browser Chromium
6. node-webkit <!DOCTYPE html> <html> <head> <title>Titolo</title> </head> <body> <div>Ciao mondo!</div> </body> </html> HTML5, CSS, javascript CHE COS’È NODE-WEBKIT?
7. node-webkit … <script> var fs = require(‘fs’), files = fs.readdirSync(‘/‘); files.forEach(function(file) { document.write(file); }); </script> … Integra le librerie di node.js CHE COS’È NODE-WEBKIT?
8. CHE COS’È NODE-WEBKIT? Permette di accedere a funzionalità di sistema normalmente non disponibili in un browser: •Menu per le finestre •Notifiche •Tray icon •Clipboard •File dialog •Shortcuts •Trasparenza finestre •ecc.
9. CASI D’USO Multimedia Atraci Popcorn Time Soundnode
10. CASI D’USO IDE e editor di testi Haroopad Light Table Code Assistant for Typescript
11. CASI D’USO Intel XDK
12. CASI D’USO Client per messaggistica e videochiamate Sqwiggle M2S SUM
13. CASI D’USO Videogiochi Game Dev Tycoon
14. CASI D’USO Le applicazioni sono cross-platform
15. CASI D’USO I videogiochi e le applicazioni vengono tranquillamente accettate dall’AppStore, da Steam, ecc.
16. CASI D’USO Gli unici limiti: • fantasia • competenza nello sviluppo di web app Altri esempi di applicazioni scritte con node-webkit su: https://github.com/nwjs/nw.js/wiki/List-of-apps-and- companies-using-node-webkit
17. Vediamo un po’ di codice…
18. FINE