Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web

Analisis Framework MVC 3.0 dan Active Record
pada Aplikasi Properti Berbasis Web

SKRIPSI

Diajukan kepada
Fakultas Teknologi Informasi
Untuk memperoleh Gelar Sarjana Komputer

Oleh :
Tri Yulianto T.
NIM : 672007236

Program Studi Teknik Informatika
Fakultas Teknologi Informasi
Universitas Kristen Satya Wacana
Salatiga
November 2011

i


ii

Pernyataan
Skripsi yang berikut ini :
Judul

: Analisis Framework MVC 3.0 dan Active
Record pada Aplikasi Properti Berbasis Web

Pembimbing : Jasson Prestiliano, ST., M.Cs
Ramos Somya, S.Kom
adalah benar hasil karya saya :

Nama : Tri Yulianto T.
Nim : 672007236

Saya menyatakan tidak mengambil sebagian atau seluruhnya dari hasil
karya orang lain, kecuali sebagaimana tertulis pada daftar pustaka.
Pernyataan ini dibuat dengan yang sebenar-benarnya sesuai dengan
ketentuan yang berlaku pada penulisan karya ilmiah.


Salatiga, November 2010

Tri Yulianto T.

iii

Kata Pengantar
Puji syukur ke hadirat Tuhan Yesus Kristus atas berkat,
rahmat, serta bimbingan-Nya sehingga penulis mampu menyelesaikan
skripsi yang berjudul “Analisis Framework MVC 3.0 dan Active
Record pada Aplikasi Properti Berbasis Web ”, yang diajukan sebagai

persyaratan dalam menyelesaikan Strata Satu Program Studi Teknik
Informatika pada Fakultas Teknologi Informasi Universitas Kristen
Satya Wacana.
Dalam pembuatannya, skripsi ini dapat selesai penulisannya
berkat dorongan, bimbingan, dan bantuan dari berbagai pihak, oleh
karena


itu

pada

kesempatan

ini,

perkenankanlah

penulis

menyampaikan terima kasih kepada :
1.

Bapak Andeka Rocky Tanaamah, SE., M.Cs., selaku Dekan
Fakultas Teknologi Informasi Universitas Kristen Satya Wacana
Salatiga.

2.


Bapak Dian W. Chandra, S.Kom., M.Cs., sebagai Ketua Program
Studi Teknik

Informatika

Fakultas

Teknologi Informasi

Universitas Kristen Satya Wacana.
3.

Bapak Adriyanto Juliastomo Gundo, S.Si., M.Pd., selaku
Koordinator KP/TA Fakultas Teknologi Informasi, Universitas
Kristen Satya Wacana

4.

Bapak Jasson Prestiliano, ST., M.Cs., selaku pembimbing

pertama, atas kesabarannya dalam memberikan bimbingan,
motivasi dan pengarahan kepada penulis selama penyusunan
skripsi ini.

iv

5.

Bapak Ramos Somya, S.Kom., selaku pembimbing kedua, yang
telah membimbing dengan sabar dan memberikan banyak
masukan serta membantu dalam menyelesaikan skripsi ini.

6.

Keluarga di rumah, Papa dan Koko yang telah memberikan
dukungan dan doa yang sangat berarti bagi penulis.

7.

Wak Cuk yang dengan dukungan dan dorongan, baik materiil

dan doa.

8.

Stefanny yang memberikan dorongan untuk terus maju dan
dukungannya serta kesetiaanya untuk menemani dan membantu
penulis.

9.

Koh Aylwin, yang dengan senantiasa memberikan pengajaran
dan membantu penulis.

10.

Teman-teman seangkatan yaitu Adit, Novi, Yosua Alan, Dani.G
untuk dukungan dan bantuannya.

11.


Dan pihak-pihak lain yang tidak bisa disebutkan satu per satu.

Penulis menyadari bahwa penulisan skripsi ini masih jauh dari
sempurna, oleh karena itu penulis berterima kasih apabila ada kritik
dan saran demi penyempurnaan skripsi ini.
Akhir kata, penulis berharap agar laporan ini dapat bermanfaat
bagi pembaca sekalian. TUHAN memberkati.

Salatiga, 30 November 2011

Tri Yulianto T.
Penulis.

v

Daftar Isi
Halaman Judul............................................................................... i
Halaman Pengesahan ..................................................................... ii
Halaman Pernyataan ...................................................................... iii
Kata Pengantar .............................................................................. iv

Daftar Isi ....................................................................................... vi
Daftar Gambar............................................................................... viii
Daftar Kode Program .................................................................... ix
Daftar Tabel .................................................................................. x
Abstract ......................................................................................... xi
Bab I Pendahuluan ....................................................................... ..1
1.1 Latar Belakang ............................................................... ..1
1.2 Rumusan Masalah .......................................................... ..2
1.3 Tujuan dan Manfaat ....................................................... ..2
1.4 Batasan Masalah ............................................................ ..3
1.5 Sistematika Penulisan .................................................... ..3
Bab II Tinjauan Pustaka ............................................................... ..5
2.1 Penelitian Sebelumnya ................................................... ..6
2.2 Arsitektur MVC ............................................................. ..6
2.3 Razor View Engine ......................................................... ..9
2.4 Active Record ................................................................. 10
2.4.1Active Record Pattern……………………………...11
2.5 Properti .......................................................................... 12
Bab III Metode Perancangan Sistem ............................................. 13
3.1 Model Perancangan Sistem ............................................ 13

3.1.1 Kebutuhan Hardware dan Software ....................... 15
3.2 Desain Sistem ................................................................ 15
3.2.1 Use Case Diagram ................................................ 16
3.2.2 Activity Diagram ................................................... 17
3.2.3 Sequence Diagram ................................................ 19
3.2.4 Class Diagram ...................................................... 21
3.2.5 Deployment Diagram ............................................ 22
3.3 Desain Antarmuka ......................................................... 22
3.3.1 Desain halaman home ............................................ 23
3.3.2 Desain halaman analisa ......................................... 23
3.3.2.1 Desain halaman biodata…………………...24
3.3.2.2 Desain halaman kategori bangunan……… 24
3.3.2.3 Desain halaman kategori energi………….. 25
3.3.2.4 Desain halaman kategori air……………… 26
vi

3.3.3 Desain halaman admin ......................................... 27
3.3.3.1 Desain halaman manage data .................... 28
3.4 Desain Tabel .................................................................. 29
3.4.1 Database Diagram ................................................ 32

3.5 Analisis Sistem .............................................................. 34
Bab IV Hasil dan Pembahasan ...................................................... 35
4.1 Pembuatan Sistem User ................................................. 35
4.1.1 Halaman Home ...................................................... 35
4.1.2 Halaman Browse Kategori ..................................... 37
4.1.3 Halaman List Chart ............................................... 41
4.1.4 Halaman Login ...................................................... 45
4.1.5 Halaman Manage Data .......................................... 50
4.2 Pengujian Sistem ........................................................... 54
4.3 Analisis Aplikasi............................................................ 59
4.4 Analisis Performansi ...................................................... 60
Bab V Penutup ............................................................................. 63
5.1 Kesimpulan.................................................................... 63
5.2 Saran ............................................................................. 64
Daftar Pustaka ........................................................................ 65
Lampiran 1 ............................................................................. 67
Lampiran 2 ............................................................................. 68

vii


Daftar Gambar
Gambar 2.1 Model Arsitektur MVC............................................. 6
Gambar 2.2 Active Record Pattern ............................................... 11
Gambar 3.1 Waterfall Model ........................................................ 13
Gambar 3.2 Use Case Diagram .................................................... 16
Gambar 3.3 Activity Diagram User ............................................... 17
Gambar 3.4 Activity Diagram Admin ........................................... 18
Gambar 3.5 Sequence Diagram User ............................................ 19
Gambar 3.6 Sequence Diagram Admin......................................... 20
Gambar 3.7 Class Diagram Sistem ............................................... 21
Gambar 3.8 Deployment Diagram ............................................... 22
Gambar 3.9 Desain Halaman Home ............................................. 23
Gambar 3.10 Desain Halaman User Information / Biodata .......... 24
Gambar 3.11 Desain Halaman Kategori Bangunan ...................... 25
Gamabr 3.12 Desain Halaman Kategori Energi............................ 26
Gambar 3.13 Desain Halaman Kategori Air ................................. 27
Gambar 3.14 Desain Halaman Admin.......................................... 28
Gambar 3.15 Desain Halaman Manage Data................................ 28
Gambar 3.16 Relasi Tabel ........................................................... 33
Gambar 4.1 Halaman Home .......................................................... 35
Gambar 4.2 Halaman Browse Kategori Building........................... 38
Gambar 4.3 Halaman Browse Kategori Water .............................. 38
Gambar 4.4 Halaman Browse Kategori Energy............................. 39
Gambar 4.5 Halaman List Chart ................................................... 42
Gambar 4.6 Halaman Login User ................................................. 45
Gambar 4.7 Halaman Create New Account ................................... 46
Gambar 4.8 Halaman User Informarion / Biodata......................... 46
Gambar 4.9 Tampilan ASP.NET Configuration ............................ 48
Gambar 4.10 Halaman Manage Data ............................................ 50
Gambar 4.11 Halaman Create New Question ................................ 51
Gambar 4.12 Halaman Edit Question............................................ 51
Gambar 4.13 Halaman Delete Question ........................................ 52
Gambar 4.14 Report hasil analisis kecepatan ................................ 60
Gambar 4.15 Report hasil analisis alokasi memori ........................ 61

viii

Daftar Kode Program
Kode Program 2.1 Menampilkan Teks HelloWord dengan Code
Nugget ......................................................................................... 10
Kode Program 2.2 Menampilkan Teks HelloWord dengan Razor
View Engine................................................................................. 10
Kode Program 4.1 Kode View untuk menampilkan Menu dan Link
Kategori ....................................................................................... 36
Kode Program 4.2 Kode Controller untuk halaman Home ............ 36
Kode Program 4.3 Kode Model untuk halaman Home .................. 37
Kode Program 4.4 Kode View untuk menampilkan List Pertanyaan
..................................................................................................... 39
Kode Program 4.5 Kode Controller untuk menampilkan List
Pertanyaan.................................................................................... 40
Kode Program 4.6 Kode Model untuk menampilkan List Pertanyaan
..................................................................................................... 40
Kode Program 4.7 Kode Model untuk menampilkan List Pertanyaan
..................................................................................................... 41
Kode Program 4.8 Kode View untuk menampilkan List Chart ...... 42
Kode Program 4.9 Kode Model untuk menampilkan List Chart .... 43
Kode Program 4.10 Kode Controller untuk menampilkan List Chart
..................................................................................................... 44
Kode Program 4.11 Kode View untuk halaman Login ................... 47
Kode Program 4.12 Kode Controller untuk halaman Login .......... 48
Kode Program 4.13 Kode Model untuk halaman Login ................. 49
Kode Program 4.14 Kode View untuk halaman Manage Data ....... 52
Kode Program 4.15 Kode Controller untuk halaman Manage Data
..................................................................................................... 53

ix

Daftar Tabel
Tabel 3.1 Tabel Question .............................................................. 29
Tabel 3.2 Tabel QuestionCategories ............................................. 29
Tabel 3.3 Tabel Question .............................................................. 30
Tabel 3.4 Tabel Charts ................................................................. 30
Tabel 3.5 Tabel Results ................................................................ 31
Tabel 3.6 Tabel Guest ................................................................... 31
Tabel 4.1 Tabel pengujian Blackbox halaman Login ..................... 54
Tabel 4.2 Tabel pengujian Blackbox halaman Menu User ............. 55
Tabel 4.3 Tabel pengujian Blackbox halaman Menu Admin .......... 57

x

Abstact
Model View Controller (MVC) architecture is a pattern that
build project effectively. It can be done by separating Model, View,
and Controller of the project. The purpose of separating between part
of view and implementation is to decrease dependency between part
on the application. In this paper, a web base application implementing
the MVC with property web application. The result from this study is
implementing MVC and Active Record. It has a trouble from this
study, because compatibility from MVC cannot support to Active
Record. From analysis, MVC get a good performance in performance
of speed and memory allocation unit.
Keywords : MVC 3.0, Active Record, Property.
Model View Controller (MVC) adalah pola yang membangun
aplikasi secara efektif. Hal ini dapat dilakukan dengan memisahkan
antara Model, View, dan Controller aplikasi. Tujuan dari memisahkan
antara bagian antarmuka dan sistem adalah untuk mengurangi
ketergantungan antara bagian pada aplikasi. Dalam penelitian ini,
aplikasi web MVC diimplementasikan pada aplikasi web properti.
Hasil dari penelitian ini adalah menerapkan MVC dan Active Record.
Terdapat kekurangan dari penelitian ini, karena kompatibilitas dari
MVC tidak dapat mendukung untuk Active Record. Dari hasil analisis,
MVC memiliki kinerja yang baik dalam segi kecepatan dan alokasi
memori yang digunakan.
Keywords : MVC 3.0, Active Record, Properti.

xi

Dokumen yang terkait

Institutional Repository | Satya Wacana Christian University: Aplikasi Sistem Informasi Penjualan Sayur Organik Berbasis Web Menggunakan Framework Bootstrap

0 0 1

Institutional Repository | Satya Wacana Christian University: Aplikasi Kuliner Salatiga Berbasis Web Menggunakan Framework Laravel

0 1 1

Institutional Repository | Satya Wacana Christian University: Perancangan dan Implementasi Pariwisata Kota Pati Berbasis Web Menggunakan Framework YII

0 0 1

Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi 1001 Dongeng Berbasis Web dan Multimedia

0 0 13

Institutional Repository | Satya Wacana Christian University: Perancangan Aplikasi 1001 Dongeng Berbasis Web dan Multimedia

0 0 65

Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web T1 672007236 BAB I

0 0 4

Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web T1 672007236 BAB II

0 0 8

Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web T1 672007236 BAB IV

0 0 28

Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web T1 672007236 BAB V

0 0 2

Institutional Repository | Satya Wacana Christian University: Analisis Framework MVC 3.0 dan Active Record pada Aplikasi Properti Berbasis Web

0 0 2