HTML5 On Linux Desktop

Ahmad Harisharis@blankon.idahmadharis@gnome.org

@princeofgiri

Lisensi: CC-BY-SACopyright (c) 2016, Ahmad Haris

This workshop material consist of introduction to Maleo, simple debian packaging and basic Cordova

HTML5 application runnerBuilt using Gtk+ Webkit port in ValaGithub.com/BlankOn/maleo

Maleo

Installing Maleo

Installing dependecies:bzr devscripts build-essential fakeroot debhelper gnupg pbuilder dh-make dpkg-dev ubuntu-dev-tools

Fetch from BlankOn bzr repositoriesbzr clone http://dev.blankonlinux.or.id/browser /tambora/maleo

Installing Maleo

Preparing build dependencies, check build dependenciesdpkg-checkbuilddeps

Installing dependenciescdbs gnome-common libglib2.0-dev libgtk-3-dev libxml2-dev automake1.11 valac libvala-0.30-dev libjavascriptcoregtk-4.0-dev

Get from http://pendekar.blankon.in/~dotovr/xenial/

Installing Maleo

Build Maleodpkg-buildpackage -rfakeroot

Installdpkg -i maleo

Hello Taiwan

index.htmlconfig.xml

Hello Taiwan

Hello Taiwan

Hello Taiwan

Hello Taiwan

HelloTaiwan Example Hello to Taiwan princeofgiri (cc by sa version 2.0)

Hello Taiwan

Creating Debian Package

Preparing debian folder, consist of : changelog, compat, control, copyright, install, rules and source/format

Preparing .desktop file

Preparing your icon

Preparing Build to Android

Installing android sdk

Installing nvmcurl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.4/install.sh | bash

Installing nodejsnvm install stable

Installing cordovanpm install cordova -g

Creating Cordova Project

$ cordova create hellotaiwan-android com.princeofgiri.hello HelloTaiwan$ cordova platform add android$ cordova build android$ cordova run android

Challenge!

Choose 1 html5 application and build it!