Skip to main content

Tugas 10 - Pemrograman Berbasis Kerangka Kerja (A)

Dalam pembuatan Web App, model direpresentasikan sebagai struktur data. Model berisi class yang mengandung function yang membantu menjalankan fungsi CRUD (Create, Read, Update dan Delete) terhadap suatu database.

Model View Controller atau yang dapat disingkat MVC adalah sebuah pola arsitektur dalam membuat sebuah aplikasi dengan cara memisahkan kode menjadi tiga bagian yang terdiri dari:

1. Model

Bagian yang bertugas untuk menyiapkan, mengatur, memanipulasi, dan mengorganisasikan data yang ada di database.

2. View

Bagian yang bertugas untuk menampilkan informasi dalam bentuk Graphical User Interface (GUI).

3. Controller

Bagian yang bertugas untuk menghubungkan serta mengatur model dan view agar dapat saling terhubung.


Alur Model View Controller

Setelah kamu mengetahui penjelasan dan komponen dari MVC, sekarang kita akan membahas alur proses dari MVC. Berikut ini adalah alur prosesnya.

1. Proses pertama adalah view akan meminta data untuk ditampilkan dalam bentuk grafis kepada pengguna.

2. Permintaan tersebut diterima oleh controller dan diteruskan ke model untuk diproses.

3. Model akan mencari dan mengolah data yang diminta di dalam database

4. Setelah data ditemukan dan diolah, model akan mengirimkan data tersebut kepada controller untuk ditampilkan di view.

5. Controller akan mengambil data hasil pengolahan model dan mengaturnya di bagian view untuk ditampilkan kepada pengguna.Alur Kerja MVC


Manfaat dari MVC

Ada beragam manfaat ketika kamu menerapkan MVC ini dalam pembuatan aplikasi kamu. Berikut ini adalah manfaatnya : 

1. Proses pengembangan aplikasi menjadi lebih efisien

    Penggunaan MVC dapat mempercepat pengembangan aplikasi karena kode dapat dikerjakan oleh beberapa developer. Contohnya dalam kasus pengembangan aplikasi web, bagian model dan controller dapat dikerjakan oleh back-end developer sedangkan bagian view dapat dilakukan oleh front-end developer.

2. Penulisan kode menjadi lebih rapi

Karena dibagi menjadi tiga bagian, maka penulisan kode akan jadi lebih rapi dan memudahkan developer lain untuk mengembangkan kode tersebut.

3. Dapat melakukan testing dengan lebih mudah

    Untuk memastikan seluruh aplikasi bekerja sesuai dengan rencana maka langkah testing atau uji coba wajib dilakukan. Dengan menggunakan model view controller ini, maka proses uji coba dapat dilakukan pada setiap bagian.

4. Perbaikan bug atau error lebih cepat untuk diselesaikan

    Penggunaan MVC dapat memudahkan developer untuk memperbaiki error atau bug yang terjadi. Developer dapat fokus untuk menemukan dan memperbaiki masalah yang terjadi karena kode dituliskan pada bagian-bagian terpisah.

5. Mempermudah pemeliharaan

    Konsep MVC ini dapat mempermudah pemeliharaan aplikasi, karena script atau kode yang lebih rapi dan terstruktur sehingga mempermudah developer dalam proses pemeliharaan aplikasi.


Referensi : 



Comments

Popular posts from this blog

EAS - Pemrograman Web (A)

Nama: Nadya Permata Sari NRP: 5025201015 Penjelasan Soal EAS Sebuah lembaga kursus ingin membuat aplikasi e-learning. Aplikasinya mempunyai modul : admin halaman admin tutors admin partners admin Admission admin contact login Sedangkan menu yang ada di aplikasi adalah : Home Courses Tutors Partners Admission Contact Sign Up Berdasarkan hal di atas:  Jelaskan perbedaan front end dan Back End Kompetensi apa saja yang harus dikuasai oleh Front End Engineer, dan Back End Developer Buatlah struktur tabel dari aplikasi Desainkan bentuk masing-masing menu Implementasikan keseluruhan modul Buat video presentasi dan dokumentasikan keseluruhan program ke dalam blog. Tuliskan komen di halaman EAS ini link blog Anda JAWABAN:  1.Front end dan back end merupakan komponen penting dalam suatu perangkat lunak atau website. Secara mudah, front end adalah apa yang kita dapat lihat sementara back end adalah apa yang tidak bisa kita lihat secara langsung.  Front end merupakan bagian dari apli...

Tugas 5 - Pemrograman Web (A)

Pada tugas ke-5 ini, kami berlatih untuk menggunakan bootstrap. Link deploy dan source code terletak di bawah. Berikut dokumentasi website yang telah dibuat:  Link Deploy :  Click Me Link Github :  Click Me Nama    : Nadya Permata Sari NRP      : 5025201015  

Tugas 7 - Pemrograman Web (A)

Pada tugas ke-7 ini, kami diminta untuk membuat sebuah sistem CRUD Pendaftaran Siswa Baru. Link source code terletak di bawah. Berikut dokumentasi dalam website yang telah dibuat: Link Github :  Click Me Nama    : Nadya Permata Sari NRP      : 5025201015