i
Analisis
F ramework
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
iii
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
iv
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
v
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.
vi
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
1.5 Sistematika Penulisan ... ..3
Bab II Tinjauan Pustaka ... ..5
2.1 Penelitian Sebelumnya ... ..6
2.2 ArsitekturMVC ... ..6
2.3 Razor View Engine... ..9
2.4 ActiveRecord ... 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.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
vii
3.3.3 Desain halaman admin ... 27
3.3.3.1 Desain halaman manage data ... 28
3.4 Desain Tabel ... 29
3.4.1 DatabaseDiagram ... 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 ListChart ... 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
viii
Gambar 3.3 ActivityDiagramUser... 17
Gambar 3.4 Activity Diagram Admin ... 18
Gambar 3.5 Sequence DiagramUser ... 19
Gambar 3.6 SequenceDiagram Admin... 20
Gambar 3.7 Class Diagram Sistem ... 21
Gambar 3.8 Deployment Diagram ... 22
Gambar 3.9 DesainHalaman Home ... 23
Gambar 3.10 Desain Halaman User Information / Biodata ... 24
Gambar 3.11 DesainHalamanKategoriBangunan ... 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 ListChart ... 42
Gambar 4.6 Halaman LoginUser ... 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
ix
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 untukhalaman Home ... 36
Kode Program 4.3 Kode Model untukhalaman 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 ListChart ... 42
Kode Program 4.9 Kode Model untuk menampilkan ListChart .... 43
Kode Program 4.10 Kode Controller untuk menampilkan ListChart ... 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 Ma nageData... 52
x
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
xi
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 sepa rating between pa rt 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.