BUILDING BLOCKS
OF HMAD
Mata Kuliah Hybrid Web Development (DT116)
Faculty of Computer Science
Department of Information Systems
Class : Regular, Transfer &
International
Aditya Rizki Yudiantika, M.Eng.
Specialist Program
- Digital Business
- Financial Technology
- Creative Multimedia
*Specialist Criteria
 ARSITEKTUR
• Setiap mobile OS mempunyai arsitektur yang
berbeda
• Setiap aplikasi yang berjalan di OS tersebut
membutuhkan komunikasi dengan perangkat-
perangkat seperti kamera, sensor, dll.
• Kita perlu memahami building blocks target
HMAD apps yang kita gunakan
• Pada materi ini kita akan secara spesifik
membahas arsitektur dari Android OS

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 ANDROID OS LAYER
• Android OS dibangun oleh Google berbasis Linux kernel
• Setiap aplikasi yang dibangun di Android mempunyai kemampuan
berkomunikasi dengan Android application framework
• Kode tersebut berjalan di Android runtime menggunakan Dalvik virtual
machine
• Dalam mengembangkan aplikasi native, kita bisa menggunakan library-
library yang disediakan SDK seperti WebKit, SQLite.

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 ANDROID OS LAYER

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 ANDROID OS RELEASES

Android 13 - Tiramisu
Upcoming - 2022

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 JAVA
• Setelah developer memprogram di Java, kode
tersebut dikompilasi menjadi bytecode.
• Supaya bisa berjalan di berbagai platform, maka
dikonversi ke cpu-specific format, outputnya
berupa package dalam bentuk file JAR
• Selanjutnya file JAR didistribusikan ke client
• Supaya client bisa menjalankan JAR, harus ada
Java virtual machine (JVM)

Faculty of Computer Science

Department of Information Systems &
Bachelor Information Systems (International
Class)
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI
 DALVIK
• Java direkomendasikan sebagai Bahasa utama untuk pengembangan
aplikasi native Android karena menggunakan Dalvik virtual
machine
• Bytecode dari hasil compile disimpan dalam format
DEX/ODEX atau Dalvik executable
• Dalvik runtime (Apache licensed) digunakan Google untuk
menjalankan aplikasi di Android
• Selanjutnya Google menggunakan alternative runtime dengan nama
ART (Android runtime)
• ART digunakan pada versi Android di atas Lolipop

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 APACHE CORDOVA
• Apache Cordova adalah API berbasis JS untuk mengakses fitur
perangkat seperti camera, sensor, memory, dll.
• API ini dapat dikombinasikan dengan framework seperti
PhoneGap atau Ionic.
• Sehingga dengan Apache Cordova dan framework JS memungkinkan
develop mobile apps tanpa menggunakan Java, Objective C, dan C#
• Cordova menyediakan JS API untuk berkomunikasi dengan
Cordova Native library
• Apache Cordova bersifat open source

Faculty of Computer Science

Department of Information Systems &
Bachelor Information Systems (International
Class)
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI
 PERBANDINGAN WEB APPS & HYBRID MOBILE APPS
Web Applications
Aplikasi ini membutuhkan browser untuk
menampilkan UI dan HTTP request untuk
berkomunikasi dengan server
JS pada aplikasi ini tidak dapat berkomunikasi
dengan hardware client karena issue security
dari browser
Tampilan UI bisa beragam
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI
Hybrid Mobile Applications
Aplikasi perlu diinstal pada device. Aplikasi
bisa berjalan offline atau online menggunakan
internet.
JS pada aplikasi ini dapat berkomunikasi
dengan hardware client melalui Apache
Cordova
Tampilan UI lebih ringan dan menyesuaikan
pada ukuran layar device
Faculty of Computer Science
Department of Information Systems &
Bachelor Information Systems (International
 TEKNOLOGI

HTML5 Integrated APIs (video, audio, geolocation, 2D Canvas, Local storage,

web socket)
Data format XML, JSON
JS JQuery, Angular, React, Vue
Server-side Web service (SOAP, WCF), Rest-based service
Responsive CSS Bootstrap, Skeleton, OnsenUI
HMAD & Packaging Ionic, PhoneGap, AppBuilder, KendoUI, Angular UI

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 REFERENSI
1. Mahesh Panhale, Beginning Hybrid Mobile Application Development,
Apress[2016]
2. Android Platform Architecture. https://developer.android.com/guide/platform
3. Android 13. https://en.wikipedia.org/wiki/Android_13

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Thank You 

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
Class)