Successfully reported this slideshow.
Création d’une application 
avec Node-Webkit 
1
Application Web 
Mise en place 
facile 
Centralisé 
Multi-plateforme 
Code de base 
unique 
2
Application native 
Pas de serveur 
Installation 
rapide 
Aucune 
connexion 
internet requise 
Fonctionnalité 
native 
3
Application native 
4
Pong 
5 
Web ? Natif ?
Node-webkit 
6
Node-webkit 
7
Node-webkit 
8
Node-Webkit 
Node.js Webkit-engine 
9
Node.js 
10
Node.js 
Système de 
module NMP 
(Node Package 
Manager) 
Utilisation du 
JavaScript 
11
Webkit 
HTML CSS JS 
12
Node-Webkit 
Application Package.json Run 
13
Node-Webkit : application 
HTML/CSS Javascript media 
14
Node-Webkit : package.json 
Configuration de 
l’application 
15
Node-Webkit : package.json 
16
Node-Webkit : package.json 
plugin (boolean) 
java (boolean) 
page-cache 
(boolean) 
title (string) 
width/height 
(int) 
...
Node-Webkit : Executable 
18 
Renommer en 
app.nw 
Zipper vos 
fichiers (app.zip)
Node-Webkit : Executable 
cat /usr/bin/nw 
app.nw > app 
&& chmod +x 
app 
copy /b 
nw.exe+app.nw 
app.exe 
cp app.nw 
nw/...
Node-Webkit : Executable 
20
Phaser 
21
Phaser 
Mobile 
Framework de 
jeu 2D 
Moteur physique 
inclus 
22
Phaser : game state 
preload create 
update render 
23
Phaser 
Sprite Titlesprite 
Titlemap Collision 
24
Phaser : input 
Clavier Souris 
Multi-touch Manette 
25
Références 
http://phaser.io/ 
https://github.co 
m/rogerwang/no 
de-webkit 
26 
https://github.co 
m/kandran/pong
Merci de votre attention 
27
Upcoming SlideShare
Loading in …5
×

Création d’application facile en html via node-webkit

1,270 views

Published on

Réaliser des applications portables sur les différents systèmes d’exploitation peut sembler difficile. En effet, il peut y avoir des différences entre les divers codes. Une solution web permet une homogénéité du résultat, mais nous prive du mode complètement hors-ligne et des fonctionnalités apportées par un code natif. Node-webkit nous permet de combiner au maximum les avantages de chaque type.

Présentation réalisé par SAEZ Jonathan.

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Création d’application facile en html via node-webkit

  1. 1. Création d’une application avec Node-Webkit 1
  2. 2. Application Web Mise en place facile Centralisé Multi-plateforme Code de base unique 2
  3. 3. Application native Pas de serveur Installation rapide Aucune connexion internet requise Fonctionnalité native 3
  4. 4. Application native 4
  5. 5. Pong 5 Web ? Natif ?
  6. 6. Node-webkit 6
  7. 7. Node-webkit 7
  8. 8. Node-webkit 8
  9. 9. Node-Webkit Node.js Webkit-engine 9
  10. 10. Node.js 10
  11. 11. Node.js Système de module NMP (Node Package Manager) Utilisation du JavaScript 11
  12. 12. Webkit HTML CSS JS 12
  13. 13. Node-Webkit Application Package.json Run 13
  14. 14. Node-Webkit : application HTML/CSS Javascript media 14
  15. 15. Node-Webkit : package.json Configuration de l’application 15
  16. 16. Node-Webkit : package.json 16
  17. 17. Node-Webkit : package.json plugin (boolean) java (boolean) page-cache (boolean) title (string) width/height (int) toolbar (boolean) icon (string) position (string) fullscreen – (boolean) frame (boolean) version keywords maintainers contributors bugs licenses repositories 17
  18. 18. Node-Webkit : Executable 18 Renommer en app.nw Zipper vos fichiers (app.zip)
  19. 19. Node-Webkit : Executable cat /usr/bin/nw app.nw > app && chmod +x app copy /b nw.exe+app.nw app.exe cp app.nw nw/Contents/Re sources/ 19
  20. 20. Node-Webkit : Executable 20
  21. 21. Phaser 21
  22. 22. Phaser Mobile Framework de jeu 2D Moteur physique inclus 22
  23. 23. Phaser : game state preload create update render 23
  24. 24. Phaser Sprite Titlesprite Titlemap Collision 24
  25. 25. Phaser : input Clavier Souris Multi-touch Manette 25
  26. 26. Références http://phaser.io/ https://github.co m/rogerwang/no de-webkit 26 https://github.co m/kandran/pong
  27. 27. Merci de votre attention 27

×