Model View Controller (MVC)

Pengantar MVC
• MVC merupakan konsep arsitektur aplikasi
yang memisahkan model data, user interface,
dan business logic sebagai komponen yang
berbeda, sehingga modifikasi komponen
menjadi lebih mudah.
 Komponen MVC
• Arsitektur MVC membagi aplikasi menjadi 3
bagian besar, yaitu model, view dan controller,
kemudian membuat interaksi antar ketiganya.
 Model
• Model mempresentasikan data yang
digunakan oleh aplikasi.
• Dengan pemisahan antara data dan interface.
Komponen model dapat digunakan kembali
oleh bagian aplikasi lain yang memiliki
kegunaan yang sama.
• Model dapat direalisasikan dengan memakai
sembarang komponen web antara lain :
– Class java, servlet, javaBeans, JSP, atau komponen
akses data (JDBC atau EJB)
 View
• View merupakan implementasi presentasi/user
interface yang menampilkan data business yang
diolah pada user atau komponen yang akan
berinteraksi dengan user.
• View ini termasuk komponen yang paling sering
berubah. Bahkan pada aplikasi web yang canggih,
komponen view ini bisa dimodifikasi sendiri oleh
user tanpa mempengaruhi business logic dari
aplikasi.
• Umumnya komponen view berupa halaman jsp.
 Controller
• Controller merupakan pengontrol aliran request.
• Data request akan diteruskan ke komponen lain
yang mengolah data.
• Controller juga menentukan komponen aplikasi
manakah yang akan diesekusi, serta menentukan
transisi view mana yang akan ditampilkan.
• Dengan menggunakan komponen controller yang
terpisah ini, view dapat didesain tanpa harus
memperhatikan komponen lainnya.
• Umumnya komponen controller berupa servlet.
Request – response MVC

Response
HTML,RS
SI,XML,
etc

Request HTTP,CLI, etc Demand

Data
 Membuat MVC sederhana#1
• Alur program :
View :
- index.jsp
- Satu.jsp
8
- Lihat.jsp

5 6 7

3
Model :
1 Welcome page: 2 Controller :
Index.jsp 4 - Matakuliah
- MkServlet
- proses
 Membuat MVC sederhana#2
• Menggunakan Java editor NetBeans, buat
project aplikasi web baru

– Pada Menubar, pilih File -> New Project

1 2

3
Membuat MVC sederhana#4

Menentukan direktori project

6
Membuat MVC sederhana#5

Memilih Server Apache Tomcat 7.0.11

8
Membuat MVC sederhana#6

9
 Membuat MVC sederhana #7
1. Selanjutnya membuat menambah gambar pada jsp:
2. Tambahkan folder images pada WEB-PAGES
3. Copy file gambar yang akan digunakan ke dalam direktori WEB-PAGES
yang ada pada folder webimages
 Membuat MVC sederhana #8

4. Selanjutnya
menambahkan file gambar
dalam project dengan cara
klik kanan pada project
lalu pilih Properties

1
2

3
Cari file gambar yang akan digunakan
4

5
6
 Membuat MVC sederhana #9

5. Tambahkan sebuah servlet dengan nama

3
4

5
 Membuat MVC sederhana #10
6. Ubah kode program menjadi :
 Membuat MVC sederhana #11
4. Tambahkan file java class dengan nama Matakuliah.java dan
proses.java pada Source Packages
 Membuat MVC sederhana #12
4. Pada MkServlet.java yang merupakan controller, tambahkan pada protected void
processRequest(HttpServletRequest request, HttpServletResponse response) throws
ServletException, IOException {}
 Membuat MVC sederhana #13
4. Ubah kode program pada index.jsp menjadi :
 Membuat MVC sederhana #14
4. Index.jsp mengambil link dari class Matakuliah :
 Membuat MVC sederhana#15
3. Tambahkan file satu.jsp dan lihat.jsp pada WEB-Pages :
Hasil #1 (halaman index.jsp)
Hasil #2 (halaman satu.jsp)
Hasil #3 (halaman lihat.jsp)