js di destop

of 21 /21
JS di Destop Pertemuan @JakartaJS, 28 Januari 2014 Mohammad Anwari @aksimdamt

Upload: mohammad-anwari

Post on 08-Jul-2015

557 views

Category:

Technology


2 download

DESCRIPTION

Dipaparkan dalam pertemuan @JakartaJS, 28 Januari 2014 di kantor KasKus

TRANSCRIPT

Page 1: JS di Destop

JS di DestopPertemuan @JakartaJS, 28 Januari 2014

Mohammad Anwari@aksimdamt

Page 2: JS di Destop

JS di DestopPertemuan @JakartaJS, 28 Januari 2014

Mohammad Anwari@aksimdamt

Bukan typo, tapi sesuai padanan istilahyang tertuang dalam Instruksi Presiden no 2/2001

Page 3: JS di Destop

Direktur Eksekutif Proyek BlankOnPendiri KodeKreatif

Page 4: JS di Destop

Lisensi: CC-by-SAGambar-gambar hak cipta pemiliknya

Page 5: JS di Destop

Gjs

Berbasis Spidermonkey dari MozillaMerekat ke GObject

Mesin JS

libGjs

Spidermonkey GObject

Gjs

Page 6: JS di Destop

const Gtk = imports.gi.Gtk;

const GLib = imports.gi.GLib;

// Initialize the gtk

Gtk.init(null, 0);

let mwindow = new Gtk.Window ({type : Gtk.WindowType.TOPLEVEL});

let label = new Gtk.Label ({label : "Hello World"});

// Set the window title

mwindow.title = "Hello World!";

mwindow.connect ("destroy", function(){Gtk.main_quit()});

// Add the label

mwindow.add (label);

// Show the widgets

label.show ();

mwindow.show();

Gtk.main();

Page 7: JS di Destop

Gjs

GNOME Shell

Mesin JS

libGjs

Spidermonkey GObject

Gjs

GNOME Shell

Gtk+/Clutter

Page 8: JS di Destop

© gnome.org

Page 9: JS di Destop

const Gtk = imports.gi.Gtk;

const GLib = imports.gi.GLib;

// Initialize the gtk

Gtk.init(null, 0);

mwindow = new Gtk.Window ({type : Gtk.WindowType.TOPLEVEL});

label = new Gtk.Label ({label : "Hello World"});

// Set the window title

mwindow.title = "Hello World!";

mwindow.signal.destroy.connect (function(){Gtk.main_quit()});

// Add the label

mwindow.add (label);

// Show the widgets

label.show ();

mwindow.show();

Gtk.main();

Page 10: JS di Destop

Seed

Berbasis JSC dari AppleMerekat ke GObject

Mesin JS

libseed

JSC GObject

Seed

Page 11: JS di Destop

Seed

MaleoManokwari

Mesin JS

libseed

JSC GObject

Seed

Maleo

WebkitGtk

Manokwari

Page 12: JS di Destop

Tantangan

Jarang (lihat) aplikasi destop lokalMembuat aplikasi Gtk+/Clutter lebih sulit

Ingin lihat orang bikin aplikasi destop dengan mudah

Page 13: JS di Destop

Maleo, main JS di DestopPertemuan @JakartaJS, 28 Januari 2014

Mohammad Anwari@aksimdamt

GANTI JUDUL

PRESENTASI

Page 14: JS di Destop

Macrochepalon maleo

http://en.wikipedia.org/wiki/File:Stavenn_Maleo.jpg CC-by-SA

Page 15: JS di Destop

Maleo

“Runner” aplikasi HTML5

libseed

JSC GObject

Seed

Maleo

WebkitGtkYang belum ada padanan Indonesianya,ditulis dalam kutip atau dalam bentuk huruf miring

Page 16: JS di Destop

Aplikasi Maleo

Maleo

config.xml

HTML5CSSJS

Maleo

Page 17: JS di Destop

Jembatan ke sistem

Maleo

config.xml

HTML5CSSJS

Maleo

Seed JSC NodeJS

Page 18: JS di Destop
Page 19: JS di Destop

Status

● Debut di BlankOn 8 (2012)● oelam, port ke OSX oleh @diorahman

Page 20: JS di Destop

Rencana

● Jembatan ke sistem dengan API yang sudah populer

● SDK

Page 21: JS di Destop

Mau turut?

https://github.com/BlankOn/maleoMIT