Media Pengembangan Web & App | by APPKEY

Pembuatan WebsiteWeb ProgrammingPengertian, Fungsi dan Jenis-jenis MVC Pada Framework

Pengertian, Fungsi dan Jenis-jenis MVC Pada Framework

-

Last Updated on June 3, 2022 by

Kali ini kita akan membahas mengenai framework lagi. Framework atau kerangka kerja ini digunakan para programmer maupun developer untuk membuat atau mengembangkan sebuah website.

Kerangka kerja ini berguna untuk mengembangkan website dengan lebih cepat, tersusun serta terstruktur sehingga pekerjaan lebih cepat selesai. Memilih menggunakan framework dalam mengerjakan suatu project, artinya developer tidak perlu lagi membuat script dari awal.

Pada framework sudah terdapat core script yang bertujuan untuk melakukan mapping class dan function yang sudah Anda buat sebelumnya. Jadi Anda tinggal membuat class dan function yang Anda butuhkan saja dalam proses pengembangan tersebut.

Penggunaan framework dalam kegiatan pengembangan website juga memiliki keuntungan lainnya, yaitu mempermudah Anda dalam melakukan maintenance saat terjadi error ataupun masalah lainnya.

Fungsi MVC Pada Framework

 

kerangka-MVC

Untuk mengembangkan website lebih baik lagi, pada beberapa framework ada istilah yang dikenal dengan nama MVC. MVC atau juga bisa disebut sebagai Model View Controller adalah software architectural design pattern dalam pemrograman yang digunakan untuk memisahkan business logic dengan UI (User Interface) atau tampilan yang dilihat oleh user.

Architectural design pattern ini maksudnya menggambarkan pola hubungan elemen utama dari perangkat lunak (MVC) yang membantu mencapai tujuan dibuatnya suatu sistem.

Model View Controller merupakan pola pengembangan yang cukup populer dan digunakan pada beberapa framework terkenal. Beberapa contoh jenis web framework yang menggunakan konsep Model View Controller yaitu,

  1. Ruby on Rails  dan Sinatra yang menggunakan bahasa pemrograman Ruby
  2. Zend, CodeIgniter, Laravel dan Yii yang menggunakan bahasa pemrograman PHP
  3. Express, Backbone dan Angular yang menggunakan bahasa pemrograman JS
  4. Django, Turbogears2 dan Flask yang menggunakan bahasa pemrograman Python
  5. Dan lain lainnya
Artikel Terkait  Apa itu DHCP? Cara Kerja dan Fungsinya

Konsep MVC

Sebelumnya, sudah dibahas beberapa web framework yang menggunakan konsep MVC. Konsep ini cukup populer dalam pembangunan aplikasi dan website. Lalu sebenarnya seperti apa konsep dari MVC itu?

Jadi konsep MVC itu memisahkan aplikasi berdasarkan 3 komponen utamanya. Sama seperti kepanjangan dari MVC sendiri yaitu, Model View Controller. Berikut ini merupakan penjelasan dari masing-masing komponen yang terdapat pada Model View Cotroller.

Model

Memiliki fungsi untuk manajemen data, model juga merupakan komponen yang nantinya akan melakukan manipulasi data yang berhubungan dengan logika serta bisa melakukan perintah insert, select, update dan delete.

Model bisa juga disebut sebagai “otak” pada seluruh komponen ini, karena berinteraksi langsung dengan database untuk mengorganisasikan data. Contoh database yang digunakan seperti MySQL ataupun contoh lainnya.

Model juga bisa melakukan komunikasi langsung dengan controller, terkadang model juga dapat meng-update tampilan atau view yang hanya bisa dilakukan pada beberapa web framework tertentu.

View

Digunakan untuk menampilkan data dalam format-format tertentu yang sudah dipilih sebelumnya. View bertugas untuk menampilkan tampilan dari logika. Bagian ini merupakan template yang berupa file HTML yang bisa juga disebut halaman web yang ditampilkan sesuai dengan perintah dari controller.

Tampilan yang disajikan berhubungan dengan UI sehingga hasil yang tampilkan yang dihasilkan adalah hasil akhir yang biasanya dilihat oleh pengguna bukan lagi struktur kode atau script yang biasa dilihat oleh developer.

Bagian ini hanya menerima perintah dari controller tanpa bisa mengakses atau berinteraksi langsung dengan bagian model ataupun database.

Controller

Kegunaan dari controller ini adalah menerima permintaan kemudian memilihkan model dan juga view yang akan ditampilkan pada client. Bisa dikatakan, bagian ini yang menjembatani antara model dan view.

Bagian controller berfungsi untuk menerima permintaan data dari user kemudian menentukan model dan view apa yang akan dihasilkan sebagai hasil akhirnya. Controller juga bisa mengatur routing url apa yang akan digunakan.

Cara Kerja MVC

Alur kerja dari konsep Model View Controller sangat mudah dan banyak sekali yang bisa Anda temukan di internet.
Contoh pada kasus nyata, saat Anda ingin menikmati suatu fitur pada sebuah website Anda akan diminta login terlebih dahulu. Saat Anda mengklik button login maka proses Model View Cotroller sudah bisa terjadi.

Anda akan mengirimkan permintaan data form untuk login kepada controller melalui web browser Anda. Kemudian controller akan memerintahkan model untuk mengirimkan data yang diinginkan, model akan memberikan respon balik terhadap controller.

Kemudian, controller akan meneruskan respon dari model kepada view untuk ditampilkan pada browser. Setelah Anda mengisi data untuk login dan menekan tombol send maka, controller akan mengirim data tersebut kepada model untuk disimpan pada database. Setelah penyimpanan data berhasil, controller akan menampilkan view kepada pengguna bahwa data telah berhasil disimpan dan begitu seterusnya.

MVC Laravel

Sampai saat ini popularitas php dalam dunia pengembangan website masih cukup tinggi. Contohnya, php tidak hanya bisa digunakan dengan aplikasi XAMPP tetapi banyak juga digunakan pada bahasa pemrograman framework tertentu dan juga menganut konsep MVC.

Contoh Model View Controller php yang dikenal banyak programer ada cukup banyak, salah satu contohnya yaitu Model View Cotroller Laravel.

Contoh singkat penggunaan fitur Model View Controller  dengan Laravel, seperti :

Buat Controller

Awalnya Kita buat controller dengan menggunakan perintah “php artisan make” yang bisa dilakukan di cmd pada Local Disk (C:). Misalnya Kita simpan dengan nama LatihanController, jadi perintah yang kalian tuliskan akan menjadi “php artisan make:controller LatihanController”.

Simpan Pada Folder

File Latihan Controller.php akan tersimpan pada folder app/Http/Controller/LatihanController.php

kemudian lanjutkan tulis beberapa kode.

Function Index

Pada controller Latihan Controller.php akan ada satu fungsi, yaitu function index ();

Akan ada beberapa variabel yang sudah dituliskan sebelumnya untuk ditampilkan pada blade view.

Misalkan saat ini kita sedang membuat tampilan dari judul lagu pertahun yang dikeluarkan seorang penyanyi. Jadi variabelnya akan berhubungan dengan hal tersebut.

Return View

Pada bagian bawah kode, Kalian akan menemukan return view. Kemudian variable terakhir itu di return ke view dengan nama kumpulanalbum.blade.php. Karena pada controller, format file tidak ditulis dengan lengkap, hanya ‘kumpulanalbum’ saja.

File View

Kemudian buat nama file view dengan nama kumpulanalbum.blade.php lalu disimpan pada folder resource/view/kumpulanalbum.blade.php dan dilanjutkan dengan menuliskan kode html terkait dengan tampilan yang diinginkan.

Menampilkan Variabel

Untuk dapat menampilkan variabel yang sudah dibuat sebelumnya pada controller, harus diapit dengan simbol berikut {{  }} dan diawali dengan tanda $ sehingga menjadi {{$judul}}, contohnya {{$namaalbum}}.

Menampilkan Pada Browser

Untuk menampilkannya pada browser, Anda harus mengupdate file file routes/web.php kemudian langsung akses lewat browser Anda dengan url http://blog.localhost/kumpulanalbum yang hasilnya bisa dilihat pada browser Anda.

Artikel Terkait  Tips Menjadi Pengembang Perangkat Lunak yang Hebat

Keuntungan Menggunakan MVC

 

Konsep ini tidak akan diterapkan pada beberapa web framework jika tidak ada keuntungan yang dihasilkan dari menggunakan konsep MVC ini. Beberapa contoh keuntungan penggunaannya adalah:

Memudahkan kolaborasi dalam pengembangan aplikasi

Model View Cotroller  yang bisa memisahkan aplikasi berdasarkan 3 komponen akan mempermudah terjadinya kolaborasi saat mengerjakan pengembangan suatu website. Komponen model dan view dapat dikerjakan oleh sang developer dan bagian view bisa dikerjakan oleh web designer untuk menghasilkan UI(User Interface yang menarik).

Kegiatan proses development jadi lebih cepat

Selain framework yang sudah memiliki core script dan ditambah dengan adanya Model View Controller yang memungkinkan untuk melakukan kolaborasi pekerjaan di waktu yang sama akan mempercepat selesainya proses development.

Kemudahan dalam memperbaharui kode aplikasi

Jika Anda ingin memperbaiki tampilan maka Anda bisa langsung meminta UI designer untuk melakukannya. Jika Anda ingin memperbaiki controller atau model, Anda juga bisa melakukannya karena komponennya sudah terpisah dan tidak akan mengganggu komponen lain secara langsung.

Memudahkan maintenance pada aplikasi

Saat ditemukan adanya error pada web pun, penyelesaiannya akan lebih mudah. Karena sudah terorganisasi ke masing-masing bagian. Menemukan bagian yang error akan lebih mudah karena kode dan script sudah terstruktur dengan rapi.

Setelah mengetahui konsep dari Model View Controller, cara kerja, fungsi dan jenisnya. Jadi apakah Anda ingin menggunakan web framework yang menggunakan konsep Model View Controller dalam men-develop project website Anda?

Jika Anda tertarik untuk tahu lebih banyak tentang pengembangan website dan aplikasi, kunjungi Web App sekarang juga!


Jasa Pembuatan Aplikasi, Website dan Internet Marketing | PT APPKEY
PT APPKEY adalah perusahaan IT yang khusus membuat aplikasi Android, iOS dan mengembangkan sistem website. Kami juga memiliki pengetahuan dan wawasan dalam menjalankan pemasaran online sehingga diharapkan dapat membantu menyelesaikan permasalahan Anda.

Jasa Pembuatan Aplikasi

Jasa Pembuatan Website

Jasa Pembuatan Paket Aplikasi

Jasa Pembuatan Internet Marketing

Mau posting artikel iklan?

Yuk klik dan ikuti ketentuan layanan dari kami, dapatkan penawaran paket dengan harga terbaik!

Subscribe Sekarang

Dapatkan beragam informasi menarik tentang Website, Aplikasi, Desain, Video dan API langsung melalui email Anda. Subscribe sekarang dan terus belajar bersama kami!

Kategori

Blog Post Ranking 10

Contoh PHP Curl : 10 Hal Luar Biasa yang dapat Anda Kembangkan dengan Curl

Meningkatnya jumlah aplikasi yang pindah ke web telah membuat "HTTP Scripting" lebih sering diminta dan diinginkan. Untuk dapat secara...

Encoding Adalah : Proses Komunikasi Encoding dan Decoding

Jika kita dapat melihat percakapan antar komputer, mungkin akan terlihat seperti ini: "010110111011101011010010110". Bahasa ini disebut dengan biner, encoding...

Looping Adalah Algoritma Perulangan: Berikut Contohnya

Jika anda sudah mendalami atau sedang mendalami dunia pemrograman terdapat sebuah konsep yang dapat memudahkan anda dalam menyusun struktur...

Rekomendasi 7 Aplikasi Pembuat Animasi 3D Terbaik. Ayo Cek!

Apakah Anda bercita-cita untuk menjadi seorang animator profesional? Belajar membuat animasi kini sudah menjadi hal mudah yang bisa dilakukan...

Metadata Adalah? Fungsi dan Jenis-Jenis Metadata

Pernah mendengar istilah metadata? Mungkin, kita sering mendengar istilah metadata. Tetapi, banyak dari kita yang belum tahu arti dari metadata...

Ini Cara Mudah Membuat Redirect PHP | Seri Belajar PHP

Fungsi redirect PHP sangat banyak digunakan dalam kehidupan berwebsite alias mengelola website. Script redirect PHP banyak dipergunakan oleh user...

Cara Membuat Aplikasi di Playstore dengan Mudah

Membuat aplikasi di Playstore bisa Anda lakukan dengan mudah. Terdapat beberapa situs yang bisa membantu Anda untuk membuat aplikasi...

4 Cara Mengatasi Autentikasi Google Play Store dengan Cepat dan Mudah

Apakah Anda sedang mengalami masalah autentikasi Google Play Store? Permasalahan autentikasi Google Play Store adalah permasalahan umum sering dialami...

Cara Mudah Menambahkan Lokasi Alamat Bisnis Anda di Google Maps

Saat ingin hunting tempat makan atau tempat nongkrong terbaru, tak jarang beberapa dari Anda biasanya mendapatkan informasi terkini melalui...

Rekomendasi 10 Aplikasi Coding Android Terbaik

Ketersediaan aplikasi coding Android memang banyak dicari oleh orang-orang yang sedang atau akan memulai untuk membuat aplikasi android. Jika...

Bisnis

Online Service

Peluang Bisnis

Model Bisnis

Entrepreneurship

Uang

Ketrampilan

Outsourcing

Monetize

Pemasaran

SEO

Internet Marketing

Dasar Pemasaran

Strategi Pemasaran

Situs Web Analitik

Iklan

Teknologi

Teknologi Terbaru

AI

Komputer

Jaringan

Paling Sering dibaca
Mungkin Anda Menyukainya