GNOME.Asia 2015 : Developing HTML5 Applications for GNOME
-
Upload
syai-mif -
Category
Technology
-
view
440 -
download
2
Transcript of GNOME.Asia 2015 : Developing HTML5 Applications for GNOME
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
Gnome
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