GNOME.Asia 2015 : Developing HTML5 Applications for GNOME

transcript

Developing HTML5 Applications for GNOME

by Muhammad M. Syaikhuddin@syaimif

Depok, May 2015

about me● Release Manager of BlankOn Project● Student of Technical Faculty of Universitas

Pesantren Tinggi Darul Ulum Jombang● IT Staff at Nusacomtech● Linux Enthusiast● BlankOn User since 2012

the History of HTML5● 2004, Web Hipertext Application Technology Working

Group (WHATWG) set out to develop HTML5● 2008, First version of HTML5 is published● Jan, 2010. Youtube offers HTML5 video player● 2014, HTML5 was released as a stable W3C

Recommendation

HTML5?a core technology markup language of the Internet used for structuring and presenting content for the World Wide Web. (http://en.wikipedia.org/wiki/HTML5)

CSS?● CSS stands for Cascading Style Sheets ● CSS defines how HTML elements are to be

displayed

JS or Javascript?the programming language of HTML and the Web. Programming makes computers do what you want them to do

Web and Applications HTML5

Why HTML5 Application?

● Everyone can developing● there is HTML5 Application Runner (Maleo)● Everyone can contribute to BlankOn or

Architecture HTML5 Application

Developing Simple HTML5 Application

<!doctype html><html><head> <meta content="text/html; charset=utf-8"> <title>WhatsApp</title> <script type="text/javascript"> window.location = "https://web.whatsapp.com/" </script></head></html>

index.html

config.xml

cont...<widget xmlns = "http://www.w3.org/ns/widgets" id = "com.maleo.whatsapp" version = "0.0.1" //version height = "600" width = "800"></widget> //create window application<icon src="whatsapp.svg"/> //icon application<content src="index.html"/> //content application

HTML5 Application RunnerMaleo

source code -> https://github.com/BlankOn/maleoreposatory BlankOn -> http://arsip.blankonlinux.or.

id/blankon/pool/main/m/maleo/

HTML5 Applications in BlankOn

Manokwari

GeoBlankOn-Peta

HangOnMan

Source Code HTML5 Applications

● Manokwari : https://github.com/BlankOn/manokwari ● GeoBlankOn : https://github.com/BlankOn/Peta ● SuperMario :https://github.com/syaimif/FullScreenMario

The Endcontact :syaimif@di.blankon.in@syaimif