JS di Destop

Post on 08-Jul-2015

558 views 2 download

description

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

Transcript of JS di Destop

JS di DestopPertemuan @JakartaJS, 28 Januari 2014

Mohammad Anwari@aksimdamt

JS di DestopPertemuan @JakartaJS, 28 Januari 2014

Mohammad Anwari@aksimdamt

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

Direktur Eksekutif Proyek BlankOnPendiri KodeKreatif

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

Gjs

Berbasis Spidermonkey dari MozillaMerekat ke GObject

Mesin JS

libGjs

Spidermonkey GObject

Gjs

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();

Gjs

GNOME Shell

Mesin JS

libGjs

Spidermonkey GObject

Gjs

GNOME Shell

Gtk+/Clutter

© gnome.org

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();

Seed

Berbasis JSC dari AppleMerekat ke GObject

Mesin JS

libseed

JSC GObject

Seed

Seed

MaleoManokwari

Mesin JS

libseed

JSC GObject

Seed

Maleo

WebkitGtk

Manokwari

Tantangan

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

Ingin lihat orang bikin aplikasi destop dengan mudah

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

Mohammad Anwari@aksimdamt

GANTI JUDUL

PRESENTASI

Macrochepalon maleo

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

Maleo

“Runner” aplikasi HTML5

libseed

JSC GObject

Seed

Maleo

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

Aplikasi Maleo

Maleo

config.xml

HTML5CSSJS

Maleo

Jembatan ke sistem

Maleo

config.xml

HTML5CSSJS

Maleo

Seed JSC NodeJS

Status

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

Rencana

● Jembatan ke sistem dengan API yang sudah populer

● SDK

Mau turut?

https://github.com/BlankOn/maleoMIT