Pertemuan 2 - Ekosistem Hybrid Web Development

EKOSISTEM HYBRID WEB
DEVELOPMENT
Mata Kuliah Hybrid Web Development (DT116)
Aditya Rizki Yudiantika, M.Eng.
Faculty of Computer Science Specialist Program

- Digital Business
Department of Information Systems - Financial Technology
Class : Regular, Transfer & - Creative Multimedia
*Specialist Criteria
International
Sejarah HWD
Faculty of Computer Science

Hybrid Web Development Sem. Genap 2022/2023 | D3 TI Department of Information Systems &
Bachelor Information Systems (International
Ekosistem HWD Saat Ini
Pada materi kali ini kita akan membahas 3 ekosistem utama yang digunakan oleh 3
vendor besar dalam pengembangan aplikasi mobile:
1. Apple Ecosystems
2. Google Ecosystems
3. Microsoft Ecosystems

Apple Ecosystems
• Apple merupakan platform besar dengan adanya beberapa produk seperti iPhone,
iPad, dan MacBook
• Keuntungan dari produk ini adalah adanya kesamaan ecosystems dan
single store distribution
• Apple menyediakan beberapa API yang dibutuhkan oleh pengembang seperti
untuk access native device seperti camera, location, dll.
• Pengembangan semakin mudah dengan menggunakan Objective C dan
Xcode IDE

Google Ecosystems
• Pengembangan aplikasi pada platform Google berbeda dengan Apple
• Developer tidak dapat porting aplikasi ke Google dan Apple sekaligus
• Android merupakan OS yang bersifat open-source, sehingga
memunculkan banyak variasi dari manufactured device
• Dengan banyaknya variasi device, maka para developer di Google memiliki
tantangan karena perbedaan ukuran layar, resolusi, juga fitur di setiap device
• Android juga menggunakan bahasa pemrograman yang populer dan telah lama
digunakan yaitu Java
Department of Information Systems &
Class)
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI
Microsoft Ecosystems
• Ekosistem pada Microsoft kurang lebih sama dengan Apple
• Beberapa perangkat pada ekosistem ini seperti: Windows Desktop,
Windows Phone dan Microsoft Surface
• Platform untuk development menggunakan .NET Framework dan XNA
• VB.NET dan C# merupakan bahasa pemrograman yang umum digunakan
• Ekosistem ini tidak sepopuler Apple dan Google karena pengguna
smartphone berbasis Windows Mobile tidak banyak

Perkembangan Ekosistem
• Perkembangan perangkat elektronik saat ini tidak hanya terbatas pada mobile
atau tablet.
• Beberapa perangkat seperti smart TV, smart watch, dan smart home (iOT
devices) mulai muncul.
• Pengembang sistem operasi dan sistem informasi pada tipe-tipe tersebut semakin
kompleks.

Jumlah Webview Perangkat Mobile
• Berapa banyak
orang yang
browsing
website
menggunakan
perangkat
mobile?

Responsive Design vs Mobile First Design
• Ukuran layar menjadi konsen penting dalam HWD.
• CSS Framework seperti Bootstrap dan Foundation menyediakan
kemampuan untuk mendesign dan membangun web responsive.
• Web view merupakan komponen yang penting dalam mobile device
• Responsive design: mengembangkan desain mulai dari layar berukuran
terbesar (desktop) ke yang terkecil (smartphone).
• Mobile first design: mengembangkan desain mulai dari layar berukuran
terkecil (smartphone) ke yang terbesar (desktop).

Adaptive Design
• Pada responsive design dan mobile first design, desain web
dikembangkan hanya dengan satu versi (membaca viewport meta)
• Pada adaptive design, design web dikembangkan dengan dua versi, versi desktop
dan versi mobile (membaca mobile agent, kemudian redirect ke versi mobile).
• Biasanya ditandai dengan format URL seperti m.namaweb.com untuk
membedakan dengan versi desktop namaweb.com
• Kurang efektif karena membutuhkan lebih banyak resource

Department of Information Systems &
Class)
Hybrid Web Development Sem. Genap 2022/2023 | D3 TI
Javasript
• Bahasa pemrograman populer yang dapat berjalan di browser saat ini:
Javascript
• Bisa kita bayangkan ketika browser dalam web view mempunyai
kemampuan untuk berkomunikasi dengan native API
• Akan sangat efektif menggunakan Javascript untuk akses ke device
features
• Cara inilah yang disebut dengan Hybrid application development
• HTML, CSS, dan Javascript dapat dijadikan ke dalam suatu package yang
bisa dipasang ke berbagai perangkat mobile layaknya aplikasi native
Hybrid Application Framework
• Javascript dapat dijalankan pada
browser, bagaimana JS bisa
berkomunikasi dengan device?
• Hybrid application framework, seperti:
Icenium, Ionic, dan Angular UI
memungkinkan JS berkomunikasi dengan
device
• Library yang mendukung untuk hal ini
adalah Apache Cordova

Sebutkan kelebihan dan
kekurangan HWD!

Kelebihan & Kekurangan HWD
Kelebihan Kekurangan
• Pengembangan lebih mudah • Antarmuka terbatas
ketimbang native apps • Sulit menggunakan kapasitas
• Loading cepat maksimum platform
• Multi platform
• Biaya pengembangan lebih
terjangkau

Thank You 

Class)

Pertemuan 2 - Ekosistem Hybrid Web Development

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Pertemuan 2 - Ekosistem Hybrid Web Development

Diunggah oleh

Hak Cipta:

Format Tersedia

EKOSISTEM HYBRID WEB

Aditya Rizki Yudiantika, M.Eng.

Faculty of Computer Science Specialist Program

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Faculty of Computer Science

Anda mungkin juga menyukai