Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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,369 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

×