NATIVE VS

HYBRID MOBILE
APPS
Mata Kuliah Hybrid Web Development (DT116)

Aditya Rizki Yudiantika, M.Eng.

*Specialist Criteria
 NMAD
• NMAD (Native Mobile Application Development) dibangun menggunakan
bahasa pemrograman yang didukung oleh teknologi mobile OS.
• Awalnya fungsi dari telepon seluler/cellphone/HP hanya untuk telepon dan
berkirim pesan singkat (SMS)
• Nokia memulai tren mobile OS dengan beberapa aplikasi didalamnya yang disebut
native application.
• Native apps ini dibangun hanya menggunakan teknologi & tools yang didukung oleh
vendor OS seperti Google (Android), Apple (iPhone), dan Microsoft (Mobile
Phone)

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Sejarah NMAD (1)
Tahun Keterangan
1973 • Martin Cooper di Motorola membuat cellphone pertama kali, tetapi beberapa tahun
kemudian tidak ada perkembangan dan pengguna
1996 • Palm OS dibuat sebagai asisten pribadi, aplikasi yang populer saat itu calculator, date book,
dan notepad
• Microsoft meluncurkan Windows CE untuk pocket PC merupakan cikal bakal Windows
phone
2000 • Ericsson seri R380 menggunakan symbian OS, kemudian populer digunakan oleh Nokia
• Sun Microsystem mengeluarkan platform untuk mini device yaitu J2ME

2002 • Blackberry meluncurkan smartphone pertamanya

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Sejarah NMAD (2)
Tahun Keterangan
2007 • Apple merilis iPhone dengan iOS
• Open Handset Alliance (OHA) termasuk Google, HTC, and Sony terbentuk
2008 • OHA merilis Android 1.0
2010 • Microsoft merilis Windows phone
2014 • Apple iOS 8, Android 5.0 (Lollipop), Windows phone 8.1

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Faculty of Computer Science
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Pro & Kontra NMAD
Kelebihan
1. Performa lebih baik, menyesuaikan ekosistem teknologi vendor
2. Pengembangan lebih mudah, butuh satu basis bahsa pemrograman tertentu
3. Lebih mudah untuk monetize melalui aplikasi store

Kekurangan
1. Waktu & biaya pengembangan lebih lama
2. Keterbatasan aturan pengembangan sesuai ekosistem

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Market share (OS, worldwide)
Berdasarkan data dari IDC (the
International Data Corporation)
berikut ini data market share dari 3
vendor smartphone utama (beserta
prediksi 3 tahun kedepan).

Source:
https://www.idc.com/promo/smartphone-
market-share/os

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Market share (Vendor, worldwide)
Berdasarkan data dari IDC (the
International Data Corporation)
berikut ini data market share dari
beberapa vendor yang populer.

Source:
https://www.idc.com/promo/smartphone-
market-share/os

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 HMAD
• HMAD (Hybrid Mobile Application Development): aplikasi mobile yang dibangun
dengan teknologi yang memungkinkan untuk didistribusikan ke multi platform
• Hybrid application memungkinkan dibangun menggunakan teknologi yang
sederhana seperti HTML5, CSS, dan Javascript
• Hybrid application: menggabungkan native apps dan web apps
• Meskipun teknologi hybrid development memungkinkan untuk diporting ke
beberapa vendor, namun pada implementasinya tidaklah mudah.
• Sekitar 20% kode program perlu penyesuaian dengan target vendor sesuai
dengan ekosistem yang ada

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Sejarah HMAD
Tahun Keterangan
2008 • Lee Barney, menulis di blog tentang kemungkinan komunikasi antara Objective C
dan Javascript. Ia menulis buku “Developing Hybrid Applications for the iPhone”.
2009 • Apple meluncurkan iPhone 2 dengan komponen WebView yang didukung SQLite
database
• Nitobi (telah diakuisisi Adobe) juga mengembangkan PhoneGap, yang mana lebih
populer karena kemampuannya pada iOS dan Android
2010+ • Tahun-tahun berikutnya banyak platform bermunculan untuk mengembangkan hybrid
apps

Faculty of Computer Science

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

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Pro & Kontra HMAD
Kelebihan
1. Pengembangan menggunakan platform-independent
2. Teknologi pengembangan mudah: HTML & Javascript
3. Lebih efisien waktu dan biaya

Kekurangan
1. Fitur pengembangan terbatas, menyesuaikan dengan API setiap platform

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 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. Surender Vikram Singh, Native App Development vs. Hybrid App Development,
https://hackernoon.com/native-app-development-vs-hybrid- app-development-
dd83122a738c
3. Rushi Trivedi, Top 5 hybrid Mobile App Frameworks in 2019,
https://www.websoptimization.com/blog/hybrid-mobile-app-frameworks/
4. Where the Web and the Desktop Meet: An Interview with Lee Barney,
https://www.informit.com/articles/article.aspx?p=1353400

Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
 Tugas
Buatlah dua karya infografis untuk menjawab pertanyaan-pertanyaan berikut secara singkat,
padat, dan jelas. Desain poster tersebut sebagus mungkin dengan menggunakan tools seperti MS
Power Point, Canva, Photoshop, Corel Draw, atau semacamnya. Infografis dikumpulkan
dalam bentuk PDF melalui Waskita LMS.
1. Dalam dunia pengembangan aplikasi mobile, selain dikenal native apps dan hybrid apps,
juga dikenal istilah cross-platform apps dan progressive web apps. Berikan
penjelasan yang mudah dipahami atas dua istilah tersebut, disertai referensinya.
2. Buat perbandingan dari sisi jenis bahasa pemrograman/framework apa saja yang digunakan
oleh keempat jenis pengembangan aplikasi mobile tersebut beserta contoh aplikasinya.

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)