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.
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 Jo...
the History of HTML5
● 2004, Web Hipertext Application Technology Working
Group (WHATWG) set out to develop HTML5
● 2008, ...
HTML5?
a core technology markup language of the
Internet used for structuring and presenting
content for the World Wide We...
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 ...
Architecture HTML5 Application
Developing Simple HTML5
Application
<!doctype html>
<html>
<head>
<meta content="text/html; charset=utf-8">
<title>WhatsApp</title>
<script type="text/javascr...
config.xml
cont...
<widget xmlns = "http://www.w3.org/ns/widgets"
id = "com.maleo.whatsapp"
version = "0.0.1" //version
height = "600...
HTML5 Application Runner
Maleo
source code -> https://github.com/BlankOn/maleo
reposatory BlankOn -> http://arsip.blankonl...
HTML5 Applications in
BlankOn
Manokwari
GeoBlankOn-Peta
HangOnMan
Source Code HTML5 Applications
● Manokwari :
https://github.com/BlankOn/manokwari
● GeoBlankOn :
https://github.com/BlankO...
The End
contact :
syaimif@di.blankon.in
@syaimif
Upcoming SlideShare
Loading in …5
×

GNOME.Asia 2015 : Developing HTML5 Applications for GNOME

913 views

Published on

Dipresentasikan pada event GNOME ASIA SUMMIt 2015 di Balairung Universitas Indonesia, Depok, Indonesia

Published in: Technology
  • Be the first to comment

  • Be the first to like this

GNOME.Asia 2015 : Developing HTML5 Applications for GNOME

  1. 1. Developing HTML5 Applications for GNOME by Muhammad M. Syaikhuddin @syaimif Depok, May 2015
  2. 2. 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
  3. 3. 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
  4. 4. 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)
  5. 5. CSS? ● CSS stands for Cascading Style Sheets ● CSS defines how HTML elements are to be displayed
  6. 6. JS or Javascript? the programming language of HTML and the Web. Programming makes computers do what you want them to do
  7. 7. Web and Applications HTML5
  8. 8. Why HTML5 Application? ● Everyone can developing ● there is HTML5 Application Runner (Maleo) ● Everyone can contribute to BlankOn or Gnome
  9. 9. Architecture HTML5 Application
  10. 10. Developing Simple HTML5 Application
  11. 11. <!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
  12. 12. config.xml
  13. 13. 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
  14. 14. HTML5 Application Runner Maleo source code -> https://github.com/BlankOn/maleo reposatory BlankOn -> http://arsip.blankonlinux.or. id/blankon/pool/main/m/maleo/
  15. 15. HTML5 Applications in BlankOn
  16. 16. Manokwari
  17. 17. GeoBlankOn-Peta
  18. 18. HangOnMan
  19. 19. Source Code HTML5 Applications ● Manokwari : https://github.com/BlankOn/manokwari ● GeoBlankOn : https://github.com/BlankOn/Peta ● SuperMario : https://github.com/syaimif/FullScreenMario
  20. 20. The End contact : syaimif@di.blankon.in @syaimif

×