Pelita Informatika Budi Darma, Volume : VII, Nomor: 2, Agustus 2014 ISSN : 2301-9425

SISTEM INFORMASI PENJUALAN BUKU BERBASIS WEB

MENGGUNAKAN MODEL VIEW CONTROLLER(MVC)
(Studi Kasus Toko Buku Naga Timbul Pakam)
Moris Candra Sitorus (0911577)

Mahasiswa Jurusan Teknik Informatika STMIK Budi Darma Medan

Jl. Sisingamangaraja No. 338 Simpang Limun Medan
www.stmik-budidarma.ac.id // Email : Moris.sitorus@ymail.com

ABSTRAK
Toko Buku Naga Timbul selama ini melakukan publikasi perusahaan dan promosi produknya kepada
masyarakat luas dengan mengunakan selebaran dan juga media masa yang berisikan gambar, keterangan dan
harga produk barang yang kemudian disebarkan kepada masyarakat. Toko buku Naga Timbul ingin lebih
mengoptimalkan penjualan ataupun pemesanan produknya kepada masyarakat luas dengan mengunakan media
internet yang semakin marak saat ini, bila dibandingkan dengan promosi langsung melalui selebaran, dan
media masa maka hal ini lebih memiliki keunggulan dalam hal waktu dan jangkauan promosi yang tidak
mengenal batasan.
Untuk perancangannya sendiri dapat dilakukan dengan menggunakan metode Model View Controller
(MVC) adalah sebuah metode untuk membuat sebuah aplikasi dengan memisahkan data (model) dari tampilan
(view) dan cara bagaimana memprosesnya (controller). Dalam implementasinya kebanyakan framework dalam
aplikasi website adalah berbasis arsitektur MVC. MVC memisahkan pengembangan aplikasi berdasarkan
komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka penguna dan bagian
yang menjadi control dalam sebuah aplikasi web.

Kata kunci : Penjualan Buku , Web, Metode Model View Controller (MVC)

1. Pendahuluan halnya toko konvensional atau tidap perlu menyewa

1.1. Latar Belakang Masalah
Pada umumnya penjualan buku di lakukan
secara konvensional. Sama halnya dengan toko buku
Naga Timbul merupakan toko yang khusus bergerak
dalam bidang penjualan buku. Dalam hal ini toko
Buku Naga Timbul juga membutuhkan suatu
kemudahan untuk memperlancar dan mendukung
kegiatan di bagian penjualan buku. Toko buku
tersebut rencananya mengunakan internet sebagai
salah satu sarana untuk mendukung kegiatan
promosi dan penjualan buku mereka dengan
membuat salah satu website. Toko Buku Naga
Timbul selama ini melakukan publikasi perusahaan
dan promosi produknya kepada masyarakat luas
dengan mengunakan selebaran dan juga media masa
yang berisikan gambar, keterangan dan harga produk
barang yang kemudian disebarkan kepada
masyarakat.
Penjualan buku yang dilakukan secara
konvensional tidak terlalu banyak membantu
penjualan itu sendiri, dikarenakan sulitnya dalam
berpromosi. Tidak jarang juga pengusaha akan
berpromosi secara langsung mendatangi calon
pembelinya, seperti datang kesekolah- sekolah
ataupun kerumah- rumah. Yang sudah pasti akan
memakan biaya yang cukup besar sedangkan
penjualannya belum tentu berhasil. Itulah mengapa
cara konvensional dalam penjualan buku ini mulai
ditinggalkan para pengusaha, selain itu pengusaha
juga tidak perlu banyak mengeluarkan biaya untuk
membangun sebuah toko yang berbentuk fisik seperti
tempat untuk berjualan .
Untuk perancangannya sendiri dapat dilakukan
dengan menggunakan metode Model View
Controller (MVC) adalah sebuah metode untuk
membuat sebuah aplikasi dengan memisahkan data
(model) dari tampilan (view) dan cara bagaimana
memprosesnya (controller). Dalam implementasinya
kebanyakan framework dalam aplikasi website
adalah berbasis arsitektur MVC. MVC memisahkan
pengembangan aplikasi berdasarkan komponen
utama yang membangun sebuah aplikasi seperti
manipulasi data, antarmuka penguna dan bagian
yang menjadi control dalam sebuah aplikasi web.
2 Rumusan Masalah
Berdasarkan latar belakang yang telah diuraikan
di atas, maka dapat dirumuskan beberapa masalah
yang akan dibahas disebagai berikut:
1. Bagaimana proses penjualan buku pada toko
buku Naga Timbul?
2. Bagaimana penerapan metode model view
controller(MVC) terhadap penjualan buku pada
toko buku Naga Timbul?
3. Bagaimana merancang sebuah sistem informasi
penjualan buku berbasis web?
3 Batasan Masalah
Adapun yang menajadi batasan masalah adalah:
1. Membangun sistem informasi penjualan buku
berbasis web dengan mengunakan metode
Model View Controller (MVC)

Sistem Informasi Penjualan Buku Berbasis Web Menggunakan Model View Controller(MVC) 153
(Studi Kasus Toko Buku Naga Timbul Pakam). Oleh : Moris Candra Sitorus
Pelita Informatika Budi Darma, Volume : VII, Nomor: 2, Agustus 2014 ISSN : 2301-9425

2. Sistem informasi yang ditampilkan terdiri dari oleh webserver, dan akan ditampilkan pada
judul buku, harga dan yang digunakan sebagai browser.
sumber informasi Dengan metode ini, bagian tampilan, logika
3. Pembayaran penjualan buku di transfer langsung serta query database diletakkan secara terpisah
melalui bank yang telah terterai pada web namun tetap sinkron sehingga pembuatan aplikasi
menjadi lebih terstruktur dan sederhana.
1.4. Tujuan dan Manfaat Penelitian Model digunakan dalam menuliskan script
Adapun tujuan penelitian skripsi dapat database, Controller untuk mengembangkan logika
dijelaskan sebagai berikut: pemrogramannya, sedangkan View berfungsi dalam
1. Untuk menjelaskan proses penjualan buku pada menampilkan layout dari aplikasi yang dibangun.
toko buku Naga Timbul Konsep ini membantu memisahkan antara akses data
2. Untuk mengetahui cara kerja dan penerapan (data access) dengan logika bisnis (Bussiness logic),
metode model view controller (MVC) terhadap yaitu :
penjualan buku pada Toko Buku Naga Timbul 1. Model
3. Untuk menghasilkan sistem informasi penjualan Model perlu dibuat sebelum mulai memisahkan view
buku berbasis web. untuk mendapatkan informasi yang akan kita
Manfaat yang diperoleh dari penelitian ini, tampilkan. Bagian user digunakan untuk pengunjung
adalah: sedangkan bagian member digunakan untuk member.
1. Dapat mempermudah para konsumen untuk Bagian Admin untuk digunakan Administrator.
berbelanja kapan saja cukup dengan Tabel 1 : Model
mengaksesnya melalui internet. No. Model Keterangan
2. Mempermudah pemasaran buku dari yang 1 User Digunakan untuk
sebelumnya. pengunjung
2 Member Digunakan untuk
2. Landasan Teori member
2.1. Model View Controller 3 Admin Digunakan untuk
Perancangan sistem informasi ini admintrasi
menggunakan metode Model View Controller
(MVC). MVC adalah suatu pola yang membagi Model mewakili data dan aturan yang berkaitan
aplikasi menjadi 3 bagian, yaitu Model, View dan dengan akses dan perubahan terhadap data. Pola
Controller serta memisahkan antar bagian dan MVC memiliki Layer yang disebuut dengan Model
membuat tata interaksi di antaranya. yang mempresentasikan data yang digunakan oleh
Adapun metode MVC dapat dilihat pada aplikasi sebagai proses bisnis yang diasosiasikan
gambar 1 berikut ini : terhadapnya. Dengan memilahnya sebagai bagian
yang terpisah, seperti penampungan data,
persistence, serta proses manipulasi, terpisah dari
bagian lain aplikasi.
Terdapat beberapa kelebihan dalam pendekatan ini.
Pertama, membuat detail dari data dan operasinya
dapat ditempatkan pada area yang ditentukan
(Model) dibanding tersebar dalam keseluruhan
lingkup aplikasi. Hal ini akan menguntungkan dalam
Gambar 1 : Proses Metode MVC proses maintenance aplikasi. Kedua, dengan
Sumber : http://arruhio.wordpress.com/2013/04 pemisahan total antara data dengan implementasi
/20/126/ Interface, komponen Model dapat digunakan kembali
oleh aplikasi lain yang memiliki kegunaan yang
Penjelasan proses gambar di atas terdiri dari 5 hampir sama. Berikut ini merupakan contoh dari
langkah, yaitu : penerapan metode MVC pada bagian Model pada
1. Komputer melakukan request ke Controller. perancangan aplikasi sebuah website.
2. Lalu Controller melakukan interaksi dengan
Model, membuat suatu permintaan. Tabel 2 : Penerapan Metode MVC pada bagian
3. Kemudian Model melakukan pemrosesan, lalu Model
memberikan data yang diminta ke bagian Judul pengar Pener Sam Hala Har
Controller. buku ang bit pul man ga
4. Controller akan melakukan analisa hasil (jika Mari
dimungkinkan membutuhkan data lainnya, lalu memb 9 9 - - 9
akan membuat permintaan lainnya ke bagian aca
Model yang lain). Cerita-
5. Terakhir, data akan dikirim ke bagian View, cerita 9 9 - - 9
yang kemudian dilakukan manipulasi nusant
Sistem Informasi Penjualan Buku Berbasis Web Menggunakan Model View Controller(MVC) 154
(Studi Kasus Toko Buku Naga Timbul Pakam). Oleh : Moris Candra Sitorus
Pelita Informatika Budi Darma, Volume : VII, Nomor: 2, Agustus 2014 ISSN : 2301-9425

ara Sampul Tidak diperlukan

Pandu
an
berhit
9 9 - - 9
ung
yang
benar
Data-data yang ada di dalam adalah sebuah Model
dari informasi yang dicari, tetapi dalam bentuk
umum dan universal. Data tersebut akan disajikan
sebagai informasi melalui View dan Controller.
2. View
Proses selanjutnya setelah model dibuat, yaitu
diperlukan beberapa kode yang akan
menampilkan informasi tersebut. Sejauh ini, file
dengan akhiran .php telah berfungsi dengan baik
untuk melakukan penelitian ini. Namun, desain
yang sudah ada agak kaku, class output HTML
disertakan dan layar yang diingkan dipanggil
untuk ditampilkan. Melalui penggunan view,
dapat membuka layar tersebut sampai dengan
tingkat admin sebagai pilihan.Keseluruhan
output dalam file tunggal mulai ditinggalkan,
sebagai gantinya dibuat folder secara terpisah
untuk masing-masing view. Folder tersebut akan
memuat sub folder tmpl untuk template. Setiap
view dapat menyertakan beberapa template, akan
tetapi perlu sebuah objek view untuk mengelola
template tersebut.
View mengandung kleseluruhan detail adri
implementasi user interface. View juga
menerjemahkan isi dari Model. View mendefenisikan
bagaimana data dari Model akan ditampilkan. Jika
data dari Model berubah, View harus meng-update
tampilan yang dibutuhkan. Yang dilakukan dengan
Push Model (View mendaftarkan diri ke Model untuk
mendapat notifikasi perubahan data), atau Pull
Model (View bertanggung jawab memanggil Model
ketika butuh mengambil data terbaru). Disini juga
komponen grafis menyediakan representasi proses
internal aplikasi dan menuntun alur interaksi user
terhadap aplikasi. Hanya View yang merupakan layer
yang berintraksi dengan user. Penggunaan Layer
View memiliki kelebihan di antaranya adalah,
mempermudah penggabungan divisi desain dalam
development team. Berkonsentrasi pada style, look
dan feel. Dan juga memiliki Layer View yang
terpisah memungkinkan ketersediaan Multiple
Interface dalam aplikasi. Secara keseluruhan
memiliki tampilan yang berbeda namun
mengeksekusi komponen Model sesuai
fungsionalitas yang diharapkan. Berikut contoh
penerapan metode MVC dibagian View pada
perancangan aplikasi.
Tabel 4.2 Penerapan Metode MVC pada
bagian View
Judul buku Bagian Keterangan
Mari Pengarang Diperlukan
Membaca Penerbit Diperlukan
Halaman Tidak diperlukan
Harga Diperlukan
Metode MVC merupakan sebuah metode yang
digunakan untuk merancang sebuah website
sehingga menjadi website yang menyajikan
informasi yang sesuai dengan kebutuhan user. Pada
metode ini, bagian View merupakan bagian untuk
menyajikan informasi dari data yang telah
disesuaikan dengan kebutuhan informasi user,
informasi yang akan disajikan lebiih spesifik karena
sudah berdasarkan keinginan dari user yang akan
mencari data.
3. Controller
Controller bekerja berdasarkan task apa
yang telah diminta dan berdasarkan task tersebut
maka controller mengambil data dari model dan
mengirimkan data dari model tersebut ke view. Jadi
tugas controller adalah bekerja berdasarkan inputan
user yang kemudian dikenal dengan nama task,
memanggil metode pada model untuk memanipulasi
data pada tabel, dan mengirimkan data dari model ke
view untuk ditampilkan pada browser.
Controller menerjemahkan interaksi user
dengan View ke dalam aksi terhadap Model. Dalam
aplikasi client GUI, intraksi pengguna dapat
berbentuk klik pada button atau pemilihan menu.
Layer ini menyediakan detail alur program dan
transisi layer, bertanggung jawab akan penampungan
events yang dibuat oleh user dari View dan
melakukan update terhadap komponen Model
menggunakan data yang dimasukkan oleh user.
Kelebihan penggunaan Layer Controller secara
terpisah adalah, untuk menampung detail dari transisi
layer, komponen View dapat di desain tanpa harus
memperhatikan bagian lain secara berlebih. Dan
juga, melakukan update terhadap komponen Model,
detail tersebut dihapus dari layer presentasi. Berikut
contoh dari penerapan metode MVC dibagian
Controller pada perancangan aplikasi.
Tabel 3 : Penerapan Metode MVC pada bagian
Controller
Judul pengara Pener Samp Halam Harg
buku ng bit ul an a
Mari
memba 9 9 - - 9
ca
Cerita-
cerita
9 9 - - 9
nusanta
ra
Pandua
n
berhitun 9 9 - - 9
g yang
benar
Pada tabel di atas bagian-bagian yang
berwarna merupakan penerapan MVC pada bagian

Sistem Informasi Penjualan Buku Berbasis Web Menggunakan Model View Controller(MVC) 155
(Studi Kasus Toko Buku Naga Timbul Pakam). Oleh : Moris Candra Sitorus
Pelita Informatika Budi Darma, Volume : VII, Nomor: 2, Agustus 2014
Controller. Secara umum, analisis kebutuhan
pengguna pada pembangunan aplikasi e-commerce
ini mempunyai dua pengguna (user), dimana masing-
masing bagian tersebut mempunyai fasilitas-fasilitas
yang berbeda-beda. Kedua bagian tersebut adalah
Admin dan Pelanggan Pengunjung.
3. Perancangan
1. Use Case
Use case merupakan fungsionalitas dari suatu
sistem, sehingga user atau aplikasi dapat mengerti
mengenai aplikasi yang akan dibangun. Use Case
aplikasi dapat dilihat dalam gambar 2.
Gambar 2 : Use Case Website Penjualan Buku
2. Sequence Diagram
Sequence diagram menggambarkan interaksi
sebagai diagram dua matra (dimensi). Matra vertikal
adalah sumbu waktu, waktu bertambah dari atas ke
bawah. Matra horizontal memperlihatkan peran
pengklasifikasi yang panah yang menggambarkan
aliran pesan antar peran pengklasifikasi digambarkan
dalam urutan waktu kejadiannya dari atas ke bawah.
Sequence diagram dari website penjualan sepatu
dapat dilihat pada gambar 3 berikut ini.
Gambar 3 : Squence Diagram
4. Kesimpulan
Berdasarkan sistem informasi penjualan
buku berbasis web menggunakan metode Model
View Controller pada toko buku Naga Timbul
Pakam, ada beberapa kesimpulan yang dapat
dikemukakan sebagai hasil dari proses penelitian,
yaitu :
1. Sistem informasi penjualan buku berbasis web
ini dapat digunakan sebagaimedia informasi
Sistem Informasi Penjualan Buku Berbasis Web Menggunakan Model View Controller(MVC)
(Studi Kasus Toko Buku Naga Timbul Pakam). Oleh : Moris Candra Sitorus
ISSN : 2301-9425
yang akhirnya akan menambah informasi
tentang buku-buku yang akan di beli ataupun
dikoleksi.
2. Penerapan metode Model View Controller
(MVC) terhadap penjualan buku adalah sebuah
metode untuk membuat sebuah aplikasi dengan
memisahkan data (model) dari tampilan (view)
dan cara bagaimana memprosesnya (controller).
3. Untuk perancangannya sendiri dapat dilakukan
dengan menggunakan metode Model View
Controller (MVC).
5. Saran
Saran yang diberikan untuk mendukung kinerja
sistem informasi berbasis web pada sistem ini adalah
sebagai berikut :
1. Perlu adanya peningkatan dan pengembangan
lebih lanjut terhadap sistem, yang akan di
jalankan.
2. Selain dengan media komputer diharapkan juga
sistem ini dapat di akses dengan menggunakan
media lain seperti Handpone, dan lain-lain.
Daftar Pustaka
1. Prof. Dr. Jogiyanto HM, MBA,Akt. Sistem
Teknologi Informasi, C.V Andi, Yogyakarta,
2003.
2. Heri Hidayat, Cara Instan Menguasai
Pemograman Web, Agogos Publishing , Jakarta
Barat, 2011
3. http://wiwinhartanto.student.fkip.uns.ac.id
4. http://www.pemustaka.com
5. http://www.baliorange.web.id. Pengertian
Website
6. http://www.articlecenter.org. Pengenalan
MySQL
7. http://achmatim.net Jenis- Jenis MySQL
8. http://bimoweb.com . Koneksi MySQL engan
PHP
9. http://arif.stmikdb.ac.id.Pengertian Macromedia
Dreamwever
10. http://news.palcomtech.com
11. http://arruhio.com. Proses Metode MVC
156