PEMROGRAMAN WEB DAN PERANGKAT BERGERAK

KELAS XII
BAB I

Mengenal
Model View Controller (MPC)
Seiring dengan perkembangan jaman yang semakin pesat, kebutuhan akan teknologi informasi juga
semakin meningkat. Berbagai aspek kehidupan tidak bisa lepas dari teknologi informasi. Salah
satunya adalah website yang mampu menyajikan data atau informasi. Website dibuat dari kumpulan
kode program untuk membuat tampilan halaman web dan query yang digunakan untuk menangani
basis data.

Pernahkah kamu membuat sebuah aplikasi? Suatu aplikasi akan mengalami perkembangan atau
perubahan sesuai dengankeinginan klien. Biasanya tampilan halaman web yang diatur
menggunakan kode program HTML dan CSS, sedangkan query basis data menggunakan php atau
yang lainya. Karena sering dilakukan perubahan kode program, untuk merubah font atau element
lain, mungkin kamu akan mengalami kebingungan karena kedua unsur pembentuk web bercampur.
Oleh karena itu, untuk mengatasinya kamu dapat menerapkan prinsip pembagian fokus (separation
of concern). Secara singkat, SoC atau separation of concern merupakan teknik dimana kita
mengelompokan kode ke dalam beberapa bagian. Ada bagian kode yang khusus menangani basis
data dan bagian kode yang menangani tampilan website.

MVC atau Model View Controller, merupakan salah satu implementasi prinsip SoC. Dalam MVC, kita
membagikan bentuk aplikasi dalam tiga bagian utama. Ingin mengetahui lebih lengkap apa itu MVC
dan bagian utama dari MVC? Pelajari bab ini dengan penuh semangat!

Memehami Konsep MVC

1. Pengertian MVC
Dalam dunia programming sering sekali kita mendengarkan istilah MVC. Istilah MVC semakin
familiar seiring dengan perkembangan framework PHP seperti Yii, Codeibniter, laravel dan
lain-lain. Namun tahukah kamu apa itu MVC?
Model View Controller merupakan suatu konsep dalam pembangunan aplikasi web. MVC
memisahkan perkembangan aplikasi berdasarkan komponen utama yang membangun
aplikasi seperti manipulasi data, user interface, dan bagian yang menjadi kontrol aplikasi.
Terdapat tiga jenis komponen yang membangun suatu MVC dalam suatu aplikasi yaitu:
a. Model, merupakan bagian berhubungan dengan database untuk memanipulasi dta
seperti query insert, update, delete, dan search. Pada bagian ini juga digunakan untuk
menangani validasi dari bagian controller, namun tidak dapat berubungan langsung
dengan bagian view.
 b. View, merupakan bagian yang menangani tampilan interface halaman web seperti kotak
teks, dropdown, dll. Bagian ini biasanya berupa file template HTML dan CSS, yang diatur
oleh controller. View berfungsi untuk menerima dan mempresentasikan data kepada
user. View tidak memiliki akses langsung terhadap bagian model.
c. Controller, merupakan bagian yang mengatur antara bagian model dan bagian view,
controller berfungsi untuk menerima request dan data dari user kemudian menentukan
apa yang akan di proses oleh aplikasi. Namun, terkadang permintaan dari user tidak
selalu memerlukas aksi dari model. Misalnya seperti menampilkan halaman form untuk
registrasi user.

Kegiatan 1.1
Judul kegiatan: Konsep MVC untuk pembuatan email

Jenis kegiatan: Tugas Mandiri

Tujuan kegiatan:

Peserta didik dapat menganalisis view pada pembuatan email dengan tepat

Peserta didik dapat membuat alur konsep MVC saat pembuatan email dengan terampil

Langkah-langkah kegiatan:

1. Bacalah teks ini! Saat membuat akun e-mail, kamu akan melihat tampilan sign-up atau
register yang berisi form untuk input data seperti nama, tanggal lahir, jenis kelamin, e-mail,
dan password. Kemudian kamu mengisi form tersebut, lalu mengklik gignup atau register.
Maka disini view akan memanggil controller dan controller memanggil model, kemudian
model mengecek apakah data yang kamu inputkan sudah sesuai dengan kriteria pendaftaran
seperti sudah mengisi nama, e-mail, username, password dan lain sebagainya. Kemudian
model mengembalikan ke view, dan kamu akan melihat tampilan berhasil atau tidak untuk
mendaftar akun e-mail.
2. Lakukanlah analisis terhadap situasi diatas, bagisn manakah yang merupakan bagian view
saat proses pembuatan e-mail!
Bagian view:.......................................................
3. Kemudian identifikasi bagian lainya dari konsep MVC dalam proses pembuatan e-mail
tersebut. Tunjukan bagian model dan controller!
Bagian model:.......................
Bagian controller:.................................
4. Buatlah alur konsep MVC dalam proses pembuatan e-mail tersebut!
Alur konsep MVC:..................................
5. Setelah kamu melakukan analisis dan identifikasi bagian bagian MVC, berikanlah kesimpulan
dari hasil kerjamu mengenai penerapan MVC saat proses pembuatan e-mail!
Kesimpulan:................................

Permasalahan dan penyelesaian

1.1 Permasalahan, ketika soni mengunjungi perpustakaan, ia diharuskan untuk mengisi buku
tamu. Kebetulan buku tamu di perpustakaan tersebut menggunakan aplikasi web. Di dalam
perpustakaan terdapat satu komputer yang digunakan untuk mengisi data kunjungan.
Tampak tampilan form untuk mengisi data kunjungan seperti nama, kelas, dan keperluan.
Kemudian soni mengisi data tersebut dan menyimpanya, lalu sistem memberikan tampilan
 bahwa data yang dikirimkan soni berhasl disimpan. Dari konteks tersebut, bagian manakah
yang menunjukan konsep MVC?
Penyelesaian , konsep MVC dalam situasi di atas yang sangat berperan sebagai view adalah
form buku tamu yang dilihat oleh soni saat pertama kali melihat tampilan aplikasi tersebut.
Bagian model ditunjukan saat soni mengklik tombol simpan untuk menyimpan data
pengisian buku tamu data tersebut tersimpan di dalam database. Kemudian bagian
kontroller ditunjukan oleh pesan data berhasil disimpan, yang merupakan penghubung
antara view dan model.
Bagaimana pendaoatmu (minimal 30 kata)...........................................................................
Apa alasannya (minimal 20 kata).................................................................
Berikan contoh lainya: ................................................................

1.2 permasalahan, sistem web konvensional masih mencampur kode program mengenai logika
proses dan bagian antar muka atau user interface. Tampilan user interface pada web
konvensional hanya dapat digunakan dalam satu proses logika, hal ini akan membuat proses
pemeliharaan sistem lebih rumit karena harus mengedit setia file. Padahal pada setiap file
tersebut, kode program tercampur antara script server dan script tampilan. Bagaimana cara
untuk mebgatasi masalah tersebut supaya saat pemeliharaan tersebut mudah untuk
dilakukan
penyelesaian, Karena sistem web konvensional mencampurkan semua script pemrograman
dan hal ini membuat struktur kode program yang tidak jelas. Oleh karena itu saat
pembangunan sistem tersebut, seharusnya programer menggunakan metode MVC. Kode
program penyusun sistem akan dipecah menjadi tiga bagian yaitu model. View, dan
controller. Hal ini dapat membantu programer saat melakukan proses pemeliharaan sistem,
karena programer hanya memperbaiki pada bagian tertentu dalam sistem tanpa melihat
semua file pembangunan sistem.
Bagaimana pendapatmu (minimal 30 kata):............................................
Apa alasannya (minimal 20 kata):...................................................

TUGAS BERBENTUK DOKUMEN WORD ATAU PDF

DIKUMPULKAN DIKIRIM KE E-MAIL :
irlanisme@gmail.com