Tugas 3 Perancangan Perangkat Lunak (A)

-

Nama : Tsaqif Deniar B.

NRP : 5025211151

Kelas : PPL (A)

Tugas 3

Software Architecture


Implementasi Pola Arsitektur Model-View-ViewModel (MVVM) pada Sistem Informasi Akademik Universitas Darussalam Gontor Berbasis Mobile

Referensi Dokumen

Makalah ini membahas implementasi pola arsitektur Model-View-ViewModel (MVVM) pada Sistem Informasi Akademik (SIA) berbasis mobile di Universitas Darussalam Gontor. Tujuan dari penggunaan MVVM adalah untuk memisahkan logika bisnis dan tampilan, sehingga meningkatkan maintainability dan testability aplikasi.

Latar Belakang

SIA Universitas Darussalam Gontor membutuhkan aplikasi mobile yang memudahkan mahasiswa dan dosen dalam mengakses informasi akademik. Tantangan yang dihadapi meliputi kebutuhan untuk menjaga konsistensi data dan meningkatkan responsivitas aplikasi.

Model-View-ViewModel (MVVM)

Pola arsitektur MVVM memisahkan aplikasi menjadi tiga komponen utama:

  • Model: Menyimpan data dan logika bisnis.

  • View: Bertanggung jawab untuk tampilan dan interaksi pengguna.

  • ViewModel: Menjembatani antara View dan Model dengan mengelola data yang ditampilkan dan memproses input dari pengguna.

Implementasi

Implementasi MVVM pada SIA mobile dilakukan dengan menggunakan framework tertentu (misalnya, Xamarin atau Flutter) yang mendukung pola MVVM. Berikut adalah detail dari masing-masing komponen dalam arsitektur MVVM:

Model

Model bertanggung jawab untuk mengelola data yang berasal dari database atau sumber data lainnya. Model ini juga mengandung logika bisnis yang diperlukan untuk memproses data tersebut.

View

View adalah antarmuka pengguna yang menampilkan data dan menerima input dari pengguna. Dalam implementasi ini, View terdiri dari halaman-halaman antarmuka pengguna yang menampilkan informasi akademik, seperti jadwal kuliah, nilai, dan informasi lainnya.

ViewModel

ViewModel mengelola data yang ditampilkan oleh View dan memproses input dari pengguna. ViewModel berkomunikasi dengan Model untuk mengambil data dan memperbarui tampilan sesuai dengan perubahan data.

Software Design

Pola Arsitektur MVVM


Analisis

Implementasi MVVM pada SIA mobile memiliki beberapa keuntungan, antara lain:

  • Separation of Concerns: Memisahkan logika bisnis dan tampilan membuat kode lebih mudah dipahami dan dikelola.

  • Testability: Logika bisnis yang berada di ViewModel dapat diuji secara terpisah dari tampilan.

  • Maintainability: Perubahan pada tampilan atau logika bisnis dapat dilakukan tanpa mempengaruhi komponen lain.

Kesimpulan

Implementasi pola arsitektur MVVM pada SIA mobile Universitas Darussalam Gontor berhasil meningkatkan maintainability dan testability aplikasi. Pemisahan antara Model, View, dan ViewModel memungkinkan pengembangan dan pemeliharaan aplikasi yang lebih efisien.

Referensi

Referensi yang digunakan dalam makalah ini mencakup literatur tentang pola arsitektur MVVM, studi kasus implementasi MVVM dalam aplikasi mobile, dan sumber-sumber teknis lainnya yang relevan.


Referensi : 

Comments

Post a Comment

Popular posts from this blog

Pemrograman Perangkat Bergerak (D) - Pertemuan 5

-
Image
Nama      : Tsaqif Deniar Bhakti NRP         :  5025211151 Kelas      : Pemrograman Perangkat Bergerak (D) Tugas Pertemuan 5 Kalkulator Sederhana      Aplikasi kalkulator sederhana dikembangkan menggunakan Kotlin pada Android Studio 2024.3.1.14, dirancang untuk melakukan operasi aritmatika dasar seperti penjumlahan, pengurangan, perkalian, dan pembagian. Antarmuka pengguna memanfaatkan ConstraintLayout dan GridLayout untuk menyusun dua kolom input angka (EditText), empat tombol operasi, serta area hasil perhitungan (TextView). Implementasi Data Binding digunakan untuk menghubungkan elemen antarmuka (XML) dengan logika aplikasi (Kotlin), memastikan sinkronisasi data yang efisien. Aplikasi juga mencakup validasi input untuk mencegah kesalahan seperti pembagian dengan nol atau karakter non-numerik, dengan pesan Toast sebagai umpan balik interaksi. Proyek ini bertujuan mengeksplorasi konsep dasar pengembangan Android...
Read more

Pemrograman Perangkat Bergerak (D) - Pertemuan 2

-
Image
Nama      : Tsaqif Deniar Bhakti NRP         :  5025211151 Kelas      : Pemrograman Perangkat Bergerak (D) Tugas Pertemuan 2 Dasar Dasar Jetpack Compose      Jetpack Compose adalah framework UI modern yang dikembangkan oleh Google untuk membangun antarmuka pengguna (UI) pada aplikasi Android. Dengan pendekatan deklaratif, Jetpack Compose memungkinkan pengembang untuk mendeskripsikan bagaimana UI seharusnya terlihat berdasarkan state tertentu, dan framework ini secara otomatis akan memperbarui tampilan ketika state berubah. Berbeda dengan metode tradisional yang menggunakan XML untuk mendesain layout, Jetpack Compose sepenuhnya berbasis Kotlin, sehingga semua kode UI ditulis dalam satu file Kotlin tanpa perlu file XML terpisah. Framework ini juga menyediakan komponen-komponen dasar seperti Text, Button, Row, Column, dan lainnya yang mudah digunakan untuk membangun tata letak yang responsif dan interaktif. Selain i...
Read more

Evaluasi Tengah Semester PPB (D) - Tsaqif Deniar

-
Image
Nama : Tsaqif Deniar B. NRP : 5025211151 Kelas : Pemrograman Perangkat Bergerak D Evaluasi Tengah Semester Proyek Front End Aplikasi Mobile Deskripsi Aplikasi -- Catat Disini – Catat Disini adalah aplikasi pencatatan keuangan pribadi yang dirancang untuk membantu pengguna mengelola pemasukan dan pengeluaran secara efisien. Aplikasi ini menyediakan fitur untuk mencatat setiap transaksi, melihat total saldo, serta memantau laporan keuangan berdasarkan kategori dan waktu. Dengan antarmuka yang sederhana dan intuitif, pengguna dapat dengan mudah menambahkan, mengelompokkan, dan melacak transaksi harian mereka. Fitur penyimpanan lokal memastikan data tetap aman di perangkat, sehingga pengguna dapat mengaksesnya kapan saja tanpa memerlukan koneksi internet. Fitur Aplikasi Catat Disini Halaman Dashboard Menampilkan ringkasan keuangan pengguna, termasuk total saldo, total pemasukan, dan total pengeluaran dalam periode tertentu (misalnya bulanan). Memberikan gambaran umum tentang kondis...
Read more