Bab 4 Hasil dan Pembahasan

Bab 4 Hasil dan Pembahasan Setelah

melakukan

perancangan

terhadap

sistem

dan

menetapkan metode yang akan digunakan, maka pada bab ini akan dilakukan pembahasan mengenai bagian-bagian dari sistem dan analisa terhadap hasil yang telah didapatkan dari pembuatan aplikasi Properti Berbasis Web.

4.1 Pembuatan Sistem User 4.1.1 Halaman home Merupakan halaman home dari user. Pada halaman utama terdapat 3 kategori pertanyaan, yang masing-masing berisi pertanyaan dari tiap kategori. Terdapat juga menu yang akan menampung pilihan pertanyaan yang telah dipilih oleh user dan juga menu untuk administrator untuk melakukan maintenance data, serta link untuk kurs dollar. Keseluruhan halaman home, dapat dilihat pada Gambar 4.1

Gambar 4.1 Tampilan home

35

36

Berikut kode program untuk menampilkan link menu dan kategori dari setiap pertanyaan, dapat dilihat pada kode program 4.1 Kode Program 4.1 Kode View untuk menampilkan menu dan link kategori 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.

Home

@{Html.RenderAction("CartSummary", "ShoppingCart");}

Admin

@{Html.RenderAction("Menu", "Store");}
@RenderBody()

Kode perintah

@{Html.RenderAction

berfungsi untuk

mengambil isi dari ChartSummary yang berada dalam folder ShoppingChart. Sedangkan kode perintah @RenderBody() berfungsi untuk melakukan render body dari kode yang terdapat pada file.css. Kode Program 4.2 Kode Controller untuk halaman home 1. 2. 3. 4.

using using using using

System.Collections.Generic; System.Linq; System.Web.Mvc; MVC.Models;

5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23.

namespace MVC.Controllers { public class HomeController : Controller { EntitiesDB storeDB = new EntitiesDB(); public ActionResult Index() { var quest = GetTopQuestion(5); return View(quest); } private List GetTopQuestion(int count) { return storeDB.Questions .OrderByDescending(a => a.AnswerResults.Count()) .Take(count) .ToList(); } } }

37

Pada Kode Program 4.2, terdapat beberapa fungsi yang akan melakukan control terhadap database. Yaitu storeDB = new EntitiesDB

EntitiesDB

yang merupakan inisialisasi dari class

EntitiesDB, dan return stored yang merupakan pengembalian dari database berupa list. Kode Program 4.3 Kode Model untuk halaman home 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13.

using System.Data.Entity; namespace MVC.Models { public class EntitiesDB : DbContext { public DbSetQuestions{ get; set; } public DbSetCategorys{ get; set; } public DbSetQuestionCategorys{ get; set; } public DbSetCarts{ get; set; } public DbSetGuests{ get; set; } public DbSetResults{ get; set; } } }

Kode Program 4.3, merupakan database context yang mengambil setiap field pada database. Class EntitiesDB inilah yang menjadi class perantara antara aplikasi dan database. 4.1.2 Halaman browse kategori Pada halaman browse kategori, terdapat pertanyaan dari setiap kategori. Kategori yang ada yaitu kategori building, water, dan energy. Keseluruhan tampilan dapat dilihat pada Gambar 4.2, 4.3, dan 4.4

38

Gambar 4.2 Tampilan halaman browse kategori building

Gambar 4.2 merupakan halaman browse kategori building. User dapat memilih pertanyaan yang sesuai dengan objek yang akan ditawarkan.

Gambar 4.3 Tampilan halaman browse kategori water

Gambar 4.3 merupakan halaman browse kategori water. User dapat memilih pertanyaan yang sesuai dengan objek yang akan ditawarkan.

39

Gambar 4.4 Tampilan halaman browse kategori energy

Gambar 4.4 merupakan halaman browse kategori energy. User dapat memilih pertanyaan yang sesuai dengan objek yang akan ditawarkan. Berikut Kode Program untuk menampilkan list data pertanyaan, dapat dilihat pada Kode Program 4.4 Kode Program 4.4 Kode View untuk menampilkan list pertanyaan 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

@model MVC.Models.Category @{ViewBag.Title = "Browse Question";}

<em>@Model.Name Question

@foreach (var quest in Model.Questions) {
<span>@quest.Title
}

40

Kode Program 4.5 Kode Controller untuk menampilkan list pertanyaan 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19.

public ActionResult Browse(string categori) { var categoryModel = storeDB.Categorys.Include("Questions") .Single(g => g.Name == categori); return View(categoryModel); } public ActionResult Details(int id) { var question = storeDB.Questions.Find(id); return View(question); } [ChildActionOnly] public ActionResult Menu() { var categori = storeDB.Categorys.ToList(); return PartialView(genres); } } }

Dari Kode Program 4.5, pencarian kategori dilakukan berdasarkan string per-kategori. Sedangkan untuk detail dari setiap kategori dilakukan dengan mengambil nilai dari Id setiap kategori. Dalam pengambilan value dari kategori, proses dilakukan dengan menggabungkan model class question dan class kategory. Class question dan kategori dapat dilihat pada Kode Program 4.6 dan 4.7 Kode Program 4.6 Kode Model untuk menampilkan list pertanyaan 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.

namespace MVC.Models { public partial class Category { public int CategoryId { get; set; } public string Name { get; set; } public string Description { get; set; } public List Questions { get; set; } } }

41

Kode Program 4.7 Kode Model untuk menampilkan list pertanyaan 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25.

namespace MVC.Models { [Bind(Exclude = "QuestionId")] public class Question { [ScaffoldColumn(false)] public int QuestionId { get; set; } [DisplayName("Categori")] public int CategoryId { get; set; } [DisplayName("QuestCategori")] public int QuestionCategoryId { get; set; } [Required(ErrorMessage = "An Question Title is required")] [StringLength(160)] public string Title { get; set; } [Required(ErrorMessage = "Nominal is required")] [Range(0.01, 10000000.00, ErrorMessage = "Nominal must be between 0.01 and 1000000.00")] public decimal Nominal { get; set; } [DisplayName("Display Art URL")] [StringLength(1024)] public string DisplayArtUrl { get; set; } public virtual Category Categori {get; set; } public virtual QuestionCategory QuestionCategory { get; set; } public virtual List AnswerResults { get; set; } } }

Kode Program 4.6 dan 4.7, merupakan class penjembatan antara aplikasi dan database. Class category terdiri dari 3 parameter, dan 1 parameter sebagai penghubung dengan class question. Sedangkan class question menangani value dari class question database. Fungsi dari required errormessage yaitu untuk menampilkan informasi jika terjadi kegagalan atau kesalahan dalam aplikasi. Sedangkan scaffoldColumn merupakan auto generate pada saat men-generate class tersebut. ScaffoldColumn sendiri merupakan sebuah template untuk pemodelan interface.

4.1.3 Halaman list chart Halaman list chart merupakan halaman untuk menampung setiap pilihan dari user. Pada halaman ini juga nilai total dari

42

setiap pilihan dijumlahkan. Keseluruhan halaman dapat dilihat pada Gambar 4.5

Gambar 4.5 Tampilan halaman list chart

Berikut Kode Program untuk menampung pilihan dari user serta fungsi total, dapat dilihat pada Kode Program 4.8 Kode Program 4.8 Kode View untuk menampilkan list chart 1. 2. 3. 4. 5. 6. 7. 8. 9.

<scriptsrc="/Scripts/jquery-1.4.4.min.js" type="text/javascript"> <script type="text/javascript"> $(function () { $(".RemoveLink").click(function () {var recordToDelete = $(this).attr("data-id"); if (recordToDelete != '') { $.post("/ShoppingCart/RemoveFromCart", { "id": recordToDelete }, }); });

………………………………. ………………………………. 10. 11. 12. 13. 14. 15. 16. 17. 18.

if (data.ItemCount == 0) { $('#row-' + data.DeleteId).fadeOut('slow'); } else { $('#item-count-' + data.DeleteId).text(data.ItemCount); } $('#cart-total').text(data.CartTotal); $('#update-message').text(data.Message); $('#cart-status').text('Cart (' + data.CartCount + ')'); }

19. 20. 21. 22. 23.

<em>Review your list

@Html.ActionLink("Checkout >>>", "Address", "Checkout")

43

Kode Program 4.8 Kode View untuk menampilkan list chart

………………………. ………………………. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33.

@foreach (var item in Model.CartItems) { @Html.ActionLink(item.Quest.Title, "Details", "Store", new { id = item.QuestionId }, null) @item.Quest.Nominal @item.Count Remove from list} @Html.ActionLink("Log off", "LogOff", "Account")

Fungsi Kode Program 4.8 adalah untuk melakukan handle data dari pilihan user, terdapat script yang berfungsi untuk interface. Sedangkan fungsi dari setiap kode

@

yaitu untuk

mengambil nilai dari model yang nantinya akan ditampilkan melalui view. Class model untuk menampilkan list chart dapat dilihat pada Kode Program 4.9 Kode Program 4.9 Kode Model untuk menampilkan list chart 1. 2. 3. 4. 5. 6. 7.

8. 9. 10. 11. 12. 13. 14. 15. 16. 17.

namespace MVC.Models { public partial class ShoppingCart { EntitiesDB storeDB = new EntitiesDB(); string ShoppingCartId { get; set; } public const string CartSessionKey = "CartId"; ……………………………………… ……………………………………… ……………………………………… public static ShoppingCart GetCart(HttpContextBase context) { foreach (Cart item in shoppingCart) { item.CartId = userName; } storeDB.SaveChanges(); } } }

44

Dari Kode Program 4.9, terdapat beberapa fungsi. 1. Fungsi add to chart. Berfungsi untuk menerima inputan dari user dan selanjutnya ditampung kedalam chart. 2. Fungsi remove chart. Berfungsi untuk menghapus chart dari list. Proses penghapusan juga mengembalikan nilai dari jumlah list yang ada, setelah list terhapus. 3. Fungsi empty chart. Berfungsi jika list chart dalam keadaan null atau empty. 4. Fungsi getCount. Berfungsi untuk melakukan penjumlahan item dari setiap question yang telah dipilih oleh user. 5. Fungsi getTotal. Berfungsi untuk melakukan penjumlahan nilai nominal dari setiap question yang telah dipilih oleh user. 6. Fungsi createOrder. Berfungsi untuk identifikasi semua pilihan dari user, sehingga setiap pilihan dalam list dapat ter-autentikasi. 7. Fungsi migrateChart. Berfungsi untuk autentikasi username dari setiap list pilihan user. Sedangkan untuk controller dari list chart dapat dilihat pada Kode Program 4.10 Kode Program 4.10 Kode Controller untuk menampilkan list chart 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11.

public class ShoppingCartController : Controller { EntitiesDB storeDB = new EntitiesDB(); public ActionResult Index() { var cart = ShoppingCart.GetCart(this.HttpContext); var viewModel = new CartViewModel { CartItems = cart.GetCartItems(), CartTotal = cart.GetTotal()}; return View(viewModel);} ………………………………. ………………………………. ………………………………. 12. var cart = ShoppingCart.GetCart(this.HttpContext); 13. ViewData["CartCount"] = cart.GetCount(); 14. return PartialView("CartSummary");

45

Dari Kode Program 4.10 terdapat 3 fungsi utama, yaitu fungsi add to chart, remove from chart, dan cartSummary. Fungsi add to chart yaitu memasukan question yang telah dipilih oleh user kedalam list, fungsi remove from chart, yaitu menghapus chart yang terdapat dalam list, dan chart summary yang berfungsi untuk mengambil semua nilai total termasuk nominal dan quantity. Semua fungsi tersebut berhubungan dengan database, sehingga semua transaksi akan mengupdate database.

4.1.4 Halaman Login Pada halaman login, user diharuskan memasukkan username dan password. Jika user tidak memiliki account, maka user dapat melakukan registrasi. Setelah user memiliki account, maka login dapat berhasil, lalu user akan diminta memasukkan data diri yang meliputi nama, alamat, kota, provinsi, kode pos, nomor telepon, dan alamat email. Keseluruhan halaman dapat dilihat pada Gambar 4.6, Gambar 4.7, dan Gambar 4.8

Gambar 4.6 Tampilan halaman Login User

46

Gambar 4.7 Tampilan halaman Create New Account

Gambar 4.7 merupakan halaman create new account, dimana terdapat 4 field yang harus diisi oleh user. Meliputi username, email address, password, dan confirm password.

Gambar 4.8 Tampilan halaman User Information

Berikut Kode Program view untuk halaman login, dapat dilihat pada Kode Krogram 4.11

47

Kode Program 4.11 Kode View untuk halaman Login 1. 2. 3. 4.

@model MVC.Models.LogOnModel @{ViewBag.Title = "Log On";}
Log On

Please enter your username and password. @Html.ActionLink("Register", "Register") if you don't have an account.

5.

<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"> <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive. a. min.js")" type="text/javascript">

6.

7.

@Html.ValidationSummary(true, "Login was unsuccessful. Please correct the errors and try again.")

8. 9. 10. 11.

@using (Html.BeginForm()) {

Account Information

12. 13. 14. 15. 16. 17. 18.

@Html.LabelFor(m => m.UserName)

@Html.TextBoxFor(m => m.UserName) @Html.ValidationMessageFor(m => m.UserName)

19. 20. 21. 22. 23. 24. 25.

@Html.LabelFor(m => m.Password)

@Html.PasswordFor(m => m.Password) @Html.ValidationMessageFor(m => m.Password)

26. 27. 28. 29. 30. 31. 32. 33.

@Html.CheckBoxFor(m => m.RememberMe) @Html.LabelFor(m => m.RememberMe)

}

Dari Kode Program 4.11, merupakan kode interface untuk login user dan login administrator, hanya proses login yang membedakan, yaitu username dan password. Sedangkan proses autentikasi username dan password tidak melalui query database atau sejenisnya, melainkan menggunakan fitur dari ASP.NET, yaitu ASP.NET Configuration yang dapat dilihat pada Gambar

48

4.9. Dari sini akan tercatat secara otomatis, username dan password pada saat melakukan registrasi. Sebagai administrator, configurasi dapat

dilakukan untuk menambah

user, atau

menghapus user yang dilakukan secara manual.

Gambar 4.9 Tampilan ASP.NET Configuration

Berikut kode Controller dan Model untuk proses Login dapat dilihat pada Kode Program 4.12 Kode Program 4.12 Kode Controller untuk halaman Login 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12.

13. 14. 15. 16. 17.

namespace MVC.Controllers { public class AccountController : Controller { public IFormsAuthenticationService FormsService { get; set; } public IMembershipService MembershipService { get; set; } protected override void Initialize(RequestContext requestContext) { if (FormsService == null) { FormsService = new FormsAuthenticationService(); } if (MembershipService == null) { MembershipService = new AccountMembershipService(); } base.Initialize(requestContext); } ……………………………. ……………………………. ……………………………. [Authorize] public ActionResult ChangePassword() { ViewBag.PasswordLength = MembershipService.MinPasswordLength; return View();

49

Dari Kode Program 4.12, terdapat beberapa fungsi utama yaitu, logon, logoff, register, dan change password. Fungsi login sebagai validasi user yang masuk ke dalam sistem perbedaan validasi berdasarkan username dan password. Fungsi logoff untuk keluar dari sistem, dan menghapus seluruh session yang ada. Fungsi register digunakan untuk melakukan registrasi terhadap user baru yang belum memiliki account sebelumnya, dan change password digunakan untuk mengganti password yang telah ada dengan password yang baru. Terdapat juga peringatan jika terjadi kesalahan dalam melakukan login dan perubahan password.

Kode Program 4.13 Kode Model untuk halaman Login 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19.

20. 21. 22. 23. 24. 25. 26.

namespace MVC.Models { #region Models public class ChangePasswordModel { [Required] [DataType(DataType.Password)] [Display(Name = "Current password")] public string OldPassword { get; set; } [Required] [ValidatePasswordLength] [DataType(DataType.Password)] [Display(Name = "New password")] public string NewPassword { get; set; } [DataType(DataType.Password)] [Display(Name = "Confirm new password")] [Compare("NewPassword", ErrorMessage = "The new password and confirmation password do not match.")] public string ConfirmPassword { get; set; } } ……………………………….. ……………………………….. ……………………………….. public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context) { ModelClientValidationStringLengthRule(FormatErrorMessage(me tadata.GetDisplayName()), _minCharacters, int.MaxValue) }; } } #endregion }

50

Dari Kode Program 4.13, fungsi utama yaitu melakukan verifikasi terhadap setiap username dan password serta password baru pada saat penggantian password. Terdapat validasi terhadap setiap password yang harus memiliki minimal 7 karakter dan dalam 7 karakter tersebut terdiri dari alphabet, numerik dan simbol. Jika tidak sesuai dengan kriteria, maka peringatan akan muncul berdasarkan kesalahan dari user. Untuk kode lengkap dapat dilihat pada lampiran.

4.1.5 Halaman manage data Pada

halaman

manage

data,

khususnya

untuk

administrator, terdapat 3 pilihan menu yaitu create new, edit dan delete. Halaman keseluruhan dapat dilihat pada Gambar 4.9

Gambar 4.10 Tampilan halaman manage data

Dari halaman manage data, administrator dapat melakukan insert data baru dengan memilih link create new. Sedangkan link edit dan delete berfungsi untuk melakukan edit data yang telah ada untuk diperbaharui dan delete untuk menghapus data yang ada.

51

Halaman create new, edit dan delete dapat dilihat pada Gambar 4.10, Gambar 4.11, Gambar 4.12

Gambar 4.11 Tampilan halaman create new question

Gambar 4.10 merupakan halaman create new question. Terdapat 5 field yang harus diisi, antara lain category, question category, title, nominal, dan display art url.

Gambar 4.12 Tampilan halaman edit question

52

Gambar 4.11 merupakan halaman edit question. Terdapat 5 field yang dapat diubah antara lain category, question category, title, nominal, dan display art url.

Gambar 4.13 Tampilan halaman delete question

Gambar 4.12 merupakan halaman delete confirmation. Terdapat button delete sebagai tanda user menyetujui penghapusan data. Berikut Kode Program view untuk halaman manage data. Kode Program 4.14 Kode View untuk halaman manage data 1. 2.

@model IEnumerable<MVC.Models.Question> @using MVC.Helpers

3. 4.

@{ViewBag.Title = "Store Manager - All Questions"; }

5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.

Index

@Html.ActionLink("Create New ", "Create")
@foreach (var item in Model) { 18. 19.

…………………………. …………………........

53

Dari Kode Program 4.14, dapat dilihat beberapa fungsi, antara lain yaitu fungsi truncate dan IEnumerable. Fungsi truncate digunakan untuk membatasi nilai dari row tabel. Sedangkan IEnumerable digunakan untuk mengambil nilai tertentu dari form @Html.

Sedangkan untuk kode controller dapat dilihat pada Kode Program 4.15

Kode Program 4.15 Kode Controller untuk halaman manage data 1.

namespace MVC.Controllers { 2. [Authorize(Roles = "Administrator")] 3. public class StoreManagerController : Controller 4. { 5. EntitiesDB storeDB = new EntitiesDB(); 6. public ActionResult Index() 7. { 8. var albums = storeDB.Questions .Include("Categori").Include("QuestionCategory") .ToList(); 9. return View(albums); 10. } ……………………………… ……………………………. ……………………………. 11. 12. 13. 14.

[HttpPost] public ActionResult Delete(int id, FormCollection collection) { var album = storeDB.Questions.Find(id);

15. 16. 17. 18. 19. 20.

storeDB.Questions.Remove(album); storeDB.SaveChanges(); return View("Deleted"); } } }

Dari Kode Program 4.15, terlihat bahwa dalam halaman ini, autentikasi diberikan kepada administrator sebagai hak dalam melakukan

manage

"Administrator")]

data,

dengan

adanya

[Authorize(Roles

=

54

4.2 Pengujian Sistem Untuk pengujian aplikasi properti berbasis web ini menggunakan metode blackbox. Pengujian dilakukan oleh bagian pemasaran Damai Putra Group bagian pengolahan data, dan dua orang staff pegawai sebagai guest. Rincian pengujian dapat dilihat pada Tabel 4.1 berikut : a. Pengujian Login untuk melakukan pengecekan apakah fungsional dari halaman Login telah berjalan dengan baik. Dari pengujian yang dilakukan didapat kesimpulan bahwa halaman Login telah berjalan dengan baik.

Tabel 4.1 Pengujian Blackbox halaman Login Aktivitas

Input

Output

dan Event

Status Pengujian

Login user Username dengan klik dan tombol Password login

a. Jika berhasil maka masuk halaman user information dengan hak akses sebagai user b. Jika password salah maka akan muncul peringatan password salah c. Jika username salah maka akan muncul peringatan username salah

Valid

Login admin

a. Jika berhasil maka masuk halaman

Valid

Username dan

55

dengan klik Password tombol login

manage data dengan hak akses sebagai admin b. Jika password salah maka akan muncul peringatan password salah c. Jika username salah maka akan muncul peringatan username salah

b. Pengujian untuk halaman menu-menu yang dapat diakses oleh user meliputi pilihan kategori, dan lihat album. Dari pengujian yang dilakukan didapat kesimpulan bahwa menu-menu yang ada telah berjalan dengan baik.

Tabel 4.2 Pengujian Blackbox halaman menu user Aktivitas

Input

Output

dan

Status Pengujian

Event Pilih kategori Building

Jika berhasil maka masuk halaman pertanyaan dari kategori building.

Valid

Pilih kategori Water

Jika berhasil maka masuk halaman pertanyaan dari kategori water .

Valid

56

Pilih kategori Energy

Jika berhasil maka masuk halaman pertanyaan dari kategori energy.

Valid

Lihat album dengan klik link album Lihat list chart

Jika berhasil maka akan masuk ke halaman album.

Valid

Pilihan kategori dari setiap pertanyaan

Jika berhasil maka akan masuk halaman list chart.

Valid

Create new user

Username, password, email address

Valid

Change password

Current password dan new password

a. Jika berhasil maka akan masuk ke halaman home. b. Jika gagal maka akan muncul informasi kesalahan format inputan username, password, dan email address. a. Jika berhasil maka akan masuk ke halaman home. b. Jika gagal maka akan muncul informasi kesalahan format inputan password.

Valid

c. Pengujian untuk halaman menu-menu yang dapat diakses oleh admin meliputi view data, insert data, edit data, delete data, pilihan kategori, dan lihat album. Dari pengujian yang dilakukan didapat kesimpulan bahwa menu-menu yang ada telah berjalan dengan baik.

57

Tabel 4.3 Pengujian Blackbox halaman menu admin Aktivitas

Input

Output

dan Event

Status Pengujian

View data

Username dan a. Jika berhasil password maka masuk halaman manage data. b. Jika gagal akan muncul informasi username atau password salah.

Valid

Insert data

Memasukkan a. Jika berhasil Category, maka masuk QuestCategor halaman manage y, Title, data. Nominal dan b. Jika gagal akan DisplayArtUrl muncul informasi kesalahan dalam format inputan data.

Valid

Edit Data

Memasukkan a. Jika berhasil Category, maka masuk QuestCategor halaman manage y, Title, data. Nominal dan b. Jika gagal akan DisplayArtUrl muncul informasi kesalahan dalam format inputan data. Jika berhasil maka akan masuk ke halaman delete confirmation.

Valid

Delete data

Valid

58

Pilih kategori Building

Jika berhasil maka masuk halaman pertanyaan dari kategori building.

Valid

Pilih kategori Water

Jika berhasil maka masuk halaman pertanyaan dari kategori water.

Valid

Pilih kategori Energy

Jika berhasil maka masuk halaman pertanyaan dari kategori energy.

Valid

Lihat album dengan klik link album

Jika berhasil maka akan masuk ke halaman album.

Valid

Berdasarkan pengujian yang telah dilakukan didapatkan hasil bahwa aplikasi ini sudah berjalan secara fungsional dan mengeluarkan informasi sesuai dengan yang diharapkan.

59

4.3 Analisis Aplikasi Sistem yang dibangun merupakan sebuah aplikasi web properti yang menitikberatkan informasi kepada user mengenai nilai jual dari fitur bangunan yang user miliki. Selain itu aplikasi ini juga memberikan informasi kepada pihak pengelola mengenai data dari penjual (khususnya member dari Valencia Residence) sehingga pihak pengelola telah memiliki gambaran letak, bentuk dan fitur dan juga nilai jual dari bangunan tersebut. Dari fitur-fitur yang dimiliki, user akan mendapatkan keuntungan nilai jual dari harga semestinya. Ada tiga aspek yang mempengaruhi dari nilai jual bangunan yang dimiliki. Aspek pertama adalah fitur bangunan. Sebagai contoh bentuk bangunan secara default tidak memiliki kolam ikan pada badian depan atau belakang bangunan. Dengan adanya penambahan kolam ikan tersebut, maka nilai jual bangunan akan bertambah sesuai dengan nilai jual dari bagian pemasaran. Aspek kedua adalah fitur air. Sebagai contoh sumber air yang digunakan bersumber dari PDAM (Perusahaan Daerah Air Minum). Dengan penambahan sumber air berupa sumur, maka nilai jual akan bertambah sesuai dengan nilai jual dan spesifikasi teknis alat pompa. Aspek ketiga adalah fitur energi. Sebagai contoh sumber tegangan listrik berasal dari PLN (Perusahaan Listrik Negara) dengan daya tertentu. Jika sumber tegangan dari PLN padam, maka akan mengganggu aktifitas dari pemilik rumah. Dengan adanya fitur energi lain yaitu berupa generator, maka akan membatu pemilik rumah dalam beraktifitas.

60

Dari ketiga fitur tersebut, akan mempengaruhi nilai jual dari bangunan serta menjawab pemikiran dan persepsi masyarakat terhadap tingginya nilai jual dari bangunan.

4.4 Analisis Performansi Hasil analisis performa dari MVC 3.0 yang dilakukan dengan testing berdasarkan aspek kecepatan (time/milisecond) dan aspek memori (kilobyte). Berikut hasil analisis performa kecepatan dari MVC 3.0.

Gambar 4.14 Report hasil analisis kecepatan

Dari Gambar 4.14, terdapat grafik yang menunjukkan penggunaan resource dari processor saat menjalankan perintahperintah berdasarkan permintaan user. Rata-rata penggunaan resource dalam 1detik mencapai kurang lebih 50% dari total resource yang ada. Dari tabel, ditunjukkan bahwa proses dalam menjalankan perintah untuk menampilkan halaman home adalah sebesar 6.877 milisecond, untuk menampilkan halaman login

61

adalah sebesar 1.255 milisecond, dan proses menjalankan layout web sebesar 2.530 milisecond

Gambar 4.15 Tampilan hasil analisis alokasi memori

Dari Gambar 4.15, terdapat grafik yang menunjukkan penggunaan resource dari processor saat menjalankan perintahperintah berdasarkan permintaan user. Rata-rata penggunaan

62

resource dalam 1detik mencapai kurang lebih 50% dari total resource yang ada. Dari tabel, ditunjukkan bahwa alokasi memori dalam menjalankan perintah proses doublequery adalah sebesar 39.85% dari total keseluruhan, untuk proses update dan save data adalah sebesar 8.68%, dan proses untuk singlequery sebesar 6.14%. Sedangkan untuk alokasi dari tipe data yang ada yaitu string, char, dan int adalah 14.95%, 7.96% dan 4.71%.

Copyright © 2024 ADOC.PUB. All rights reserved.
About Us | Privacy Policy | Terms of Service | Copyright | Contact Us | Cookie Policy

Sign In

Email

Password

Remember me Forgot password?

Our partners will collect data and use cookies for ad personalization and measurement. Learn how we and our ad partner Google, collect and use data. Agree & close
Title Question Title Category
@Html.ActionLink("Edit", "Edit", new { id=item.QuestionId }) | @Html.ActionLink("Delete", "Delete", new { id=item.QuestionId }) 17. @Html.Truncate(item.Title, 25) @Html.Truncate(item.QuestionCategory.TitleCategory, 25)

Bab 4 Hasil dan Pembahasan

Recommend Documents

<em>@Model.Name Question

<em>Review your list

Log On

Index