Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website SMK Yayasan Bakti Prabumulih
Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website SMK Yayasan Bakti Prabumulih
1 Maret 2019
P-ISSN 1410-5063, E-ISSN: 2579-3500
Akreditasi Ristekdikti, No: 21/E/KPT/2018
http://ejournal.bsi.ac.id/ejurnal/index.php/paradigma DOI: 10.31294/p.v20i2
Cara Sitasi: Wijaya, K., & Christian, A. (2019, Maret). Implementasi Metode Model View Controller (MVC)
Dalam Rancang Bangun Website SMK Yayasan Bakti Prabumulih. (S. Dalis, Ed.) Paradigma - Jurnal Komputer
dan Informatika, 21(1), 95-102. doi:10.31294/p.v21i1.5092
Abstract - Website or site may be defined as a collection of pages displaying text data, still or motion picture
data, animation data, sound, video and or all of them, both static and dynamic, forming a series of
interconnected buildings in which each linked to the network pages (hyperlinks). The school website has a very
important role in education. SMK Bakti Prabumulih Foundation is one of the private schools that have two
majors, automotive motorcycle and computer engineering and networking techniques, but this school does not
have a website so many people who do not know yet remember this school is still new. In making this website the
author also apply the MVC method as an option in the development of the system. The View Controller (MVC)
model is a concept introduced by the inventor of Smalltalk (Trygve Reenskaug) to create one type of network
data into another data type along with processing (model), isolating from the process of manipulation
(controller) and view to be represented on a user interface. This application is made using the programming
language Personal Hypertext Preprocessor (PHP) as a programming language and design editor Macromedia
Dreamweaver, and MySQL as its database so it can help penginputan data quickly, precisely and efficiently.
.
tentang sekolah masih manual yaitu masih peristiwa ataupun catatan-catatan yang jaraknya
menggunakan brosur, spanduk dan juga harus datang telah jauh dari sumber orisinil” (Nazir, 2011:50)..
langsung ke sekolah. Dengan penyampaian Data Sekunder merupakan data pendukung informasi
informasi yang demikian masih memiliki primer yang diperoleh berupa dokumen-dokumen
kekurangan, antara lain penyampaian informasi yang tentang sekolah, buku bacaan, internet maupun
terbatas, kurang efektif dan efisien. Maka untuk observasi.
membantu mempermudah dalam penyampaian
informasi dan meningkatkan kualitas sekolah, 1.2 Teknik Pengumpulan Data
Penulis akan membuat Website sekolah di SMK
Yayasan Bakti Prabumulih agar masyarakat mudah Dalam pengumpulan data untuk proses penelitian
dalam mencari informasi tentang sekolah ini. digunakan beberapa cara yaitu :
a. Observasi
Pengumpulan data dengan melakukan
Dalam pembuatan Website ini Penulis juga pengamatan secara langsung terhadap objek dan
menerapkan metode MVC sebagai pilihan dalam
menganalisa masalah yang ada disana.
pengembangan sistemnya. Model View Controller
(MVC) adalah sebuah konsep yang diperkenalkan b. Wawancara
oleh penemu Smalltalk (Trygve Reenskaug) untuk Pengumpulan data dengan cara melakukan
membuat satu jenis data jaringan menjadi jenis data komunikasi dan wawancara secara langsung
lainnya bersama dengan pemrosesan (model), dengan Pihak SMK Yayasan Bakti Prabumulih.
mengisolasi dari proses manipulasi (controller) dan c. Studi Pustaka
tampilan (view) untuk direpresentasikan pada sebuah Pengumpulan data dengan menggunakan atau
user interface (Deacon, 2009).
mengumpulkan sumber tertulis, dengan cara
METODOLOGI PENELITIAN membaca, mempelajari dan mencatat hal-hal
penting yang berhubungan dengan masalah
Penelitian ini menggunakan metode deskriptif yang sedang dibahas.
kualitatif bertujuan untuk mendeskripsikan apa-apa d. Dokumentasi
yang saat ini berlaku. Di dalamnya terdapat upaya Mengumpulkan dan mempelajari data dari
mendeskripsikan, mencatat, analisis dan
sumber lain yang berhubungan dengan
menginterpretasikan kondisi yang sekarang ini terjadi
atau ada. Dengan kata lain penelitian deskriptif pengamatan langsung yang berupa foto atau
kualitatif ini bertujuan untuk memperoleh informasi- video.
informasi mengenai keadaan yang ada (Sitokdana
dan Tanaamah, 2016:135). Sedangkan pada 1.3 Metode Pengembangan Sistem
penelitian ini penulis menggunakan metode deskriptif
kualitatif. metode deskriptif merupakan suatu metode Model-View-Controller (MVC) adalah sebuah konsep
dalam meneliti status kelompok manusia, suatu yang diperkenalkan oleh penemu Smalltalk (Trygve
objek, suatu set kondisi, suatu sistem pemikiran Reenskaug) untuk membuat satu jenis paket data
ataupun suatu kelas peristiwa pada masa sekarang jaringan menjadi jenis data lainya bersama dengan
(Nazir, 2011:54). pemrosesan (model), dari proses manipulasi
Dalam hal terkait penelitian ini, sebagai prosedur (controller) dan tampilan (view) untuk
pemecahan masalah yang diselidiki adalah dengan dipresentasikan pada sebuah user interface (Deacon,
menggambarkan keadaan subjek atau objek yang 2009).
berupa orang, lembaga, masyarakat dan yang lainnya
berdasarkan fakta, karena pencarian informasi
berdasarkan data yang akurat dalam merancang
sistem yang diperlukan.
96 Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website...
Paradigma – Jurnal Informatika dan Komputer, XXI No. 1 Maret 2019
P-ISSN 1410-5063, E-ISSN: 2579-3500
LOGIN
KELOLA MENU
pengunjung
Pada bagian pembahasan ini penulis menyajikan
KELOLA GALERI
KELOLA PESAN
bahasan tentang apa yang akan kita temui pada
KELOLA SUB MENU website SMK Yayasan Bakti Prabumulih, menu
KELOLA SISWA
KELOLA GURU
dan langkah-langkah didalam pengoperasian dan
Admin
KELOLA PENGUMUMAN
MELIHAT BERANDA
serta proses menampilkan. Untuk menjalankan
MELIHAT PROFIL website SMK Yayasan Bakti Prabumulih dapat
MELIHAT DATA GURU
dilakukan sebagai berikut:
MELIHAT GALERI
MELIHAT KONTAK
menampilkan area kerja.
SEKOLAH
MELIHAT PENGUMUMAN
2. Buka xampp klik start pada apache dan
Gambar 2. Use Case Daigram MySQl.
Menu Login Admin 3. Buka web browser mozila firefox.
Username
Beranda
Profil
Password
4. Dibagian addres bar
Data guru Membuat artikel
Galeri
Data siswa
Edit
Cek Judul
ketikhttp://localhost/WEB/
Pesan
Kontak kami
Mengisi Menu Admin
Isi
gambar 5. Kemudian akan masuk kehalaman utama,
Menghapus
Menu
Mengisi
Mengubah masuk sebagai admin maka dibagian
Halaman Halaman Menghapus
Sejarah
Artikel
Galeri
Galeri
address bar ketik
Visi dan misi Pesan
Pengumuman
Mengisi
Sub menu
Siswa Gambar http://localhost/WEB/admin.
Mengubah Guru
menghapus Pengumuman Pesan Mengisi
Mengubah
6. Kemudian akan masuk kehalaman login
Mengisi Kritik dan saran Menghapus
Siswa
Melihat
Menghapus Balas
user, masukkan username dan password.
mengubah Hapus
Data Siswa
Submenu
Mendisi Guru
Pengumuman Visi Misi
Mengubah
menghapus Data guru Data Sejarah
pengumuman pengumuman
Mendisi
Mengubah Mengisi Mengisi
menghapus Mengubah Mengubah
Menghapus Menghapus
Menambah menu
Gambar 7. Tampilan halaman admin
No Yes menu ditambah
98 Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website...
Paradigma – Jurnal Informatika dan Komputer, XXI No. 1 Maret 2019
P-ISSN 1410-5063, E-ISSN: 2579-3500
Gambar 16. Tampilan data fasilitas Gambar 20. Tampilan data guru
100 Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website...
Paradigma – Jurnal Informatika dan Komputer, XXI No. 1 Maret 2019
P-ISSN 1410-5063, E-ISSN: 2579-3500
Ahmad. 2011. Sistem Informasi Manajemen Bramwell A. Kasaedja, Rizal Sengkey, ST,. MT,
Perusahaan. Jakarta : PT Elek Media Oktavian A. Lantang, ST., MT. 2014. Rancang
Komputindo. Bangun Web Service Perpustakaan Universitas
Sam Ratulangi. Manado : e-journal Teknik
Elektro dan Komputer. Issn :2301-8402.
EMS, Tim. 2014. Teori Dan Praktik PHP-MySQL
Untuk Pemula. Jakarta : PT Elek Media
Komputindo. Fahrudin Bambang. 2016. Penerapan Algoritma
Back Tracking Pada Permainan Capsa
Banting. Medan : Jurnal Riset Komputer
Enterprise Jubille. 2016. Belajar Sendiri Desain (Jurikom), Vol.3 No.6. Issn : 2407-389.
Web Dengan Dreamweaver. Jakarta : PT Elek
media komputindo.
Hidayat Arief, Bayu surarso. 2012. Penerapan
arsitektur Model View Controller (MVC)
Fathurrahman. 2014. Membuat Website Mudah Dan Dalam Rancang Bangun Sistem Kuis Online
Praktis Dengan Weebly. Jakarta : PT Elex Adatif. Yogyakarta : Seminar Nasional
Media Komputindo. Teknologi Informasi & Komunikasi 2012
(Sentika 2012). Issn : 2089-9815.
Kadir, Abdul. 2013. Buku Pintar Programmer
Pemula PHP. Yogyakarta : MediaKom. I Gede Yudita Eka Prasetya. 2011. Desain Dan
Implementasi Sistem Informasi Perpustakaan
Kadir, Abdul. 2013. Pemrograman Database Berbasis Web Dengan MVC (Model View
102 Implementasi Metode Model View Controller (MVC) Dalam Rancang Bangun Website...