SlideShare a Scribd company logo
2
Most read
12
Most read
17
Most read
Model, View, Controller
PENGERTIAN
01
MVP, MVC itu apa?
PENGERTIAN MVC
Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan
dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi
tiga komponen utama.
Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau
presentasi, logika aplikasi, dan data.
● Model merupakan bagian yang mengelola dan berhubungan langsung dengan
database.
● View merupakan bagian yang akan menyajikan tampilan informasi kepada
pengguna.
● Controller merupakan bagian menghubungkan model dan view dalam setiap
proses request dari user.
PENGERTIAN MVC
Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan
dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi
tiga komponen utama.
Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau
presentasi, logika aplikasi, dan data.
● Model merupakan bagian yang mengelola dan berhubungan langsung dengan
database.
● View merupakan bagian yang akan menyajikan tampilan informasi kepada
pengguna.
● Controller merupakan bagian menghubungkan model dan view dalam setiap
proses request dari user.
PENGERTIAN MVC
Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan
dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi
tiga komponen utama.
Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau
presentasi, logika aplikasi, dan data.
● Model merupakan bagian yang mengelola dan berhubungan langsung dengan
database.
● View merupakan bagian yang akan menyajikan tampilan informasi kepada
pengguna.
● Controller merupakan bagian menghubungkan model dan view dalam setiap
proses request dari user.
PENGERTIAN MVC
Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan
dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi
tiga komponen utama.
Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau
presentasi, logika aplikasi, dan data.
● Model merupakan bagian yang mengelola dan berhubungan langsung dengan
database.
● View merupakan bagian yang akan menyajikan tampilan informasi kepada
pengguna.
● Controller merupakan bagian menghubungkan model dan view dalam setiap
proses request dari user.
PENGERTIAN MVC
Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan
dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi
tiga komponen utama.
Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau
presentasi, logika aplikasi, dan data.
● Model merupakan bagian yang mengelola dan berhubungan langsung dengan
database.
● View merupakan bagian yang akan menyajikan tampilan informasi kepada
pengguna.
● Controller merupakan bagian menghubungkan model dan view dalam setiap
proses request dari user.
ALUR
02
Cara kerjanya seperti apa?
1. Bagian view akan merequest informasi untuk bisa ditampilkan kepada pengguna.
2. Request tersebut kemudian diambil oleh controller dan diserahkan bagian model untuk diproses.
3. Model akan mengolah dan mencari data informasi tersebut di dalam database;
4. Model memberikan kembali pada controller untuk ditampilkan hasilnya di view;
5. Controller mengambil hasil olahan yang dilakukan di bagian model dan menatanya di bagian view.
ALUR MVC
1. Bagian view akan merequest informasi untuk bisa ditampilkan
kepada pengguna.
2. Request tersebut kemudian diambil oleh controller dan
diserahkan bagian model untuk diproses.
3. Model akan mengolah dan mencari data informasi tersebut di
dalam database;
4. Model memberikan kembali pada controller untuk ditampilkan
hasilnya di view;
5. Controller mengambil hasil olahan yang dilakukan di bagian
model dan menatanya di bagian view.
ALUR MVC (DENGAN USER)
ANALOGI
03
Perumpamaannya seperti apa?
Kamu sebagai pelanggan
mendatangi sebuah restoran dan
duduk di suatu meja.
Ini sama halnya dengan user
mengakses sebuah website dan
meja(kamu) akan menjadi view.
PELANGGAN SEBAGAI VIEW/USER
PELAYAN SEBAGAI CONTROLLER
Kamu akan memanggil pelanggan
dan pelanggan akan mencatat
pesanan yang kamu pesan.
Ini sama halnya dengan view akan
merequest kepada controller hal
yang ingin view tampilan.
CHEF SEBAGAI MODEL
Catatan menu kamu di pelayan
akan diberikan kepada chef, dan
chef akan mencari bahan yang
diperlukan di gudang/kulkas dan
mulai mengolahnya sesuai
pesanan kamu.
Ini sama halnya dengan controller
menyerahkan request dari view
kepada model, model akan
mengambil data informasi yang
diperlukan di database untuk
kemudian diolah.
SELANJUTNYA?
MANFAAT
04
Kenapa harus MVC?
MANFAAT MVC
Pengembangan
Website Menjadi Lebih
Efisien
1
3
2
4
Uji Coba Menjadi Lebih
Sederhana
Penanganan Kesalahan
atau Bug Menjadi Lebih
Cepat dan Mudah
Pemeliharaan Lebih
Mudah Dilakukan
CREDITS: This presentation template was created by Slidesgo, including
icons by Flaticon, and infographics & images by Freepik
Menyala Abangkuh
CREDITS: This presentation template was created by Slidesgo, including
icons by Flaticon, and infographics & images by Freepik
THANKS!
Do you have any questions?

More Related Content

PPTX
ppt buah pepaya
PPTX
Kebudayaan ngandong
PPTX
berfikir-kritis-dampak-sosial-informatika-1.pptx
PPTX
PPT SEJARAH TIK
PPTX
5 penyakit non infeksius 2 defisiensi hara
PPTX
Pelatihan Microsoft Office.pptx
PPTX
Metabolisme Mikroba Pada Tempe
PDF
Cara pengawetan fungi 2
ppt buah pepaya
Kebudayaan ngandong
berfikir-kritis-dampak-sosial-informatika-1.pptx
PPT SEJARAH TIK
5 penyakit non infeksius 2 defisiensi hara
Pelatihan Microsoft Office.pptx
Metabolisme Mikroba Pada Tempe
Cara pengawetan fungi 2

What's hot (7)

PPTX
Alat dan mesin penanaman
DOCX
Makalah sorgum
PPTX
Teori belajar bermakna
DOCX
Makalah pancasila dalam sejarah bangsa
PPTX
Tugas uts pancasila kel 3
PDF
Coklat dan Kakao
PPTX
Ketahanan nasional
Alat dan mesin penanaman
Makalah sorgum
Teori belajar bermakna
Makalah pancasila dalam sejarah bangsa
Tugas uts pancasila kel 3
Coklat dan Kakao
Ketahanan nasional
Ad

Similar to Pengenalan MVC, Model View Controller, Framework (20)

PPTX
Materi pembelajaran MVC (model View Controller)
PPTX
MVC_Model_View_Controller.pptx
PPTX
MVC_Model_View_Controller untuk kelas 12.pptx
PPTX
Materi Pembelajaran pemrograman MVC.pptx
PDF
Software architectural pattern - MVC
PPTX
ASP MVC
PPTX
PPTX
Materi Konsep MVC (Model View Controller).pptx
PPTX
Tugas7 ku-0316-dody alfad-1511510669
PDF
2. distributed system
PDF
Jeni Web Programming Bab 7 Mvc Intro
PPT
Tugas 7 - Rekayasa Web
PDF
Frame work php
PPTX
Tugas7 rekayasa web Ajat Sudrajat
PDF
Edwinprassetyo-1100631028-tugas1
PPTX
Tugas 3 rekayasa web
PPTX
Tugas individu rekweb4
PDF
Codeigneter | Annisa Nur Fitriyani
PDF
Modul mvc part 1
Materi pembelajaran MVC (model View Controller)
MVC_Model_View_Controller.pptx
MVC_Model_View_Controller untuk kelas 12.pptx
Materi Pembelajaran pemrograman MVC.pptx
Software architectural pattern - MVC
ASP MVC
Materi Konsep MVC (Model View Controller).pptx
Tugas7 ku-0316-dody alfad-1511510669
2. distributed system
Jeni Web Programming Bab 7 Mvc Intro
Tugas 7 - Rekayasa Web
Frame work php
Tugas7 rekayasa web Ajat Sudrajat
Edwinprassetyo-1100631028-tugas1
Tugas 3 rekayasa web
Tugas individu rekweb4
Codeigneter | Annisa Nur Fitriyani
Modul mvc part 1
Ad

Recently uploaded (20)

PPTX
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
DOCX
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
PDF
Lembar Kerja Mahasiswa Konsep Sistem Operasi
PPTX
Model Lintas minat dan pendalaman materi
PPT
Teknologi-Pangan-Pertemuan-820728132309-.ppt
PPTX
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
PPTX
Paparan Penyesuaian Juknis BOSP Tahun 2025
PPTX
XI BAB 7 SISTEM PERNAPASAN pada kelas xi
PPTX
Keragaman kerajinan tangan mancanegara.pptx
PPTX
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
DOCX
Modul Ajar Deep Learning PAI & BP Kelas 12 SMA Terbaru 2025
PPTX
PPT SURAT AL FIL LOMBA MAPSI SEKOLAH DASAR
PPTX
materi pencegahan perkawinan usia anak.pptx
DOCX
Modul Ajar Deep Learning PKN Kelas 10 SMA Terbaru 2025
DOCX
LKPD_Bab_1_Informatika_Kelas_9. : Informatika dan Keterampilan Generikdocx
PDF
Deck Rumah Pendidikan untuk Mendukung Program Prioritas Kemendikdasmen.pdf
DOCX
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
DOCX
Modul Ajar Deep Learning Bahasa Inggris Kelas 12 SMA Terbaru 2025
DOCX
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025
PDF
ANALISIS CP NO 046 TAHUN 2025 FASE C.pdf
MATERI MPLS TENTANG KURIKULUM DAN KEGIATAN PEMBELAJARAN
Modul Ajar Deep Learning PKWU Rekayasa Kelas 12 SMA Terbaru 2025
Lembar Kerja Mahasiswa Konsep Sistem Operasi
Model Lintas minat dan pendalaman materi
Teknologi-Pangan-Pertemuan-820728132309-.ppt
Modul 4 Asesmen-dalam-Pembelajaran-Mendalam.pptx
Paparan Penyesuaian Juknis BOSP Tahun 2025
XI BAB 7 SISTEM PERNAPASAN pada kelas xi
Keragaman kerajinan tangan mancanegara.pptx
Rancangan Kegiatan Kokurikuler SMP N 1 Karanggede
Modul Ajar Deep Learning PAI & BP Kelas 12 SMA Terbaru 2025
PPT SURAT AL FIL LOMBA MAPSI SEKOLAH DASAR
materi pencegahan perkawinan usia anak.pptx
Modul Ajar Deep Learning PKN Kelas 10 SMA Terbaru 2025
LKPD_Bab_1_Informatika_Kelas_9. : Informatika dan Keterampilan Generikdocx
Deck Rumah Pendidikan untuk Mendukung Program Prioritas Kemendikdasmen.pdf
Modul Ajar Deep Learning PJOK Kelas 10 SMA Terbaru 2025
Modul Ajar Deep Learning Bahasa Inggris Kelas 12 SMA Terbaru 2025
Modul Ajar Deep Learning PJOK Kelas 12 SMA Terbaru 2025
ANALISIS CP NO 046 TAHUN 2025 FASE C.pdf

Pengenalan MVC, Model View Controller, Framework

  • 3. PENGERTIAN MVC Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi tiga komponen utama. Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau presentasi, logika aplikasi, dan data. ● Model merupakan bagian yang mengelola dan berhubungan langsung dengan database. ● View merupakan bagian yang akan menyajikan tampilan informasi kepada pengguna. ● Controller merupakan bagian menghubungkan model dan view dalam setiap proses request dari user.
  • 4. PENGERTIAN MVC Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi tiga komponen utama. Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau presentasi, logika aplikasi, dan data. ● Model merupakan bagian yang mengelola dan berhubungan langsung dengan database. ● View merupakan bagian yang akan menyajikan tampilan informasi kepada pengguna. ● Controller merupakan bagian menghubungkan model dan view dalam setiap proses request dari user.
  • 5. PENGERTIAN MVC Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi tiga komponen utama. Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau presentasi, logika aplikasi, dan data. ● Model merupakan bagian yang mengelola dan berhubungan langsung dengan database. ● View merupakan bagian yang akan menyajikan tampilan informasi kepada pengguna. ● Controller merupakan bagian menghubungkan model dan view dalam setiap proses request dari user.
  • 6. PENGERTIAN MVC Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi tiga komponen utama. Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau presentasi, logika aplikasi, dan data. ● Model merupakan bagian yang mengelola dan berhubungan langsung dengan database. ● View merupakan bagian yang akan menyajikan tampilan informasi kepada pengguna. ● Controller merupakan bagian menghubungkan model dan view dalam setiap proses request dari user.
  • 7. PENGERTIAN MVC Model, View, Controller (MVC) merupakan sebuah pola desain yang digunakan dalam pengembangan perangkat lunak untuk memisahkan logika aplikasi menjadi tiga komponen utama. Pola ini memungkinkan pengembang untuk memisahkan antara tampilan atau presentasi, logika aplikasi, dan data. ● Model merupakan bagian yang mengelola dan berhubungan langsung dengan database. ● View merupakan bagian yang akan menyajikan tampilan informasi kepada pengguna. ● Controller merupakan bagian menghubungkan model dan view dalam setiap proses request dari user.
  • 9. 1. Bagian view akan merequest informasi untuk bisa ditampilkan kepada pengguna. 2. Request tersebut kemudian diambil oleh controller dan diserahkan bagian model untuk diproses. 3. Model akan mengolah dan mencari data informasi tersebut di dalam database; 4. Model memberikan kembali pada controller untuk ditampilkan hasilnya di view; 5. Controller mengambil hasil olahan yang dilakukan di bagian model dan menatanya di bagian view. ALUR MVC
  • 10. 1. Bagian view akan merequest informasi untuk bisa ditampilkan kepada pengguna. 2. Request tersebut kemudian diambil oleh controller dan diserahkan bagian model untuk diproses. 3. Model akan mengolah dan mencari data informasi tersebut di dalam database; 4. Model memberikan kembali pada controller untuk ditampilkan hasilnya di view; 5. Controller mengambil hasil olahan yang dilakukan di bagian model dan menatanya di bagian view. ALUR MVC (DENGAN USER)
  • 12. Kamu sebagai pelanggan mendatangi sebuah restoran dan duduk di suatu meja. Ini sama halnya dengan user mengakses sebuah website dan meja(kamu) akan menjadi view. PELANGGAN SEBAGAI VIEW/USER
  • 13. PELAYAN SEBAGAI CONTROLLER Kamu akan memanggil pelanggan dan pelanggan akan mencatat pesanan yang kamu pesan. Ini sama halnya dengan view akan merequest kepada controller hal yang ingin view tampilan.
  • 14. CHEF SEBAGAI MODEL Catatan menu kamu di pelayan akan diberikan kepada chef, dan chef akan mencari bahan yang diperlukan di gudang/kulkas dan mulai mengolahnya sesuai pesanan kamu. Ini sama halnya dengan controller menyerahkan request dari view kepada model, model akan mengambil data informasi yang diperlukan di database untuk kemudian diolah.
  • 17. MANFAAT MVC Pengembangan Website Menjadi Lebih Efisien 1 3 2 4 Uji Coba Menjadi Lebih Sederhana Penanganan Kesalahan atau Bug Menjadi Lebih Cepat dan Mudah Pemeliharaan Lebih Mudah Dilakukan
  • 18. CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik Menyala Abangkuh
  • 19. CREDITS: This presentation template was created by Slidesgo, including icons by Flaticon, and infographics & images by Freepik THANKS! Do you have any questions?