Hak cipta dan penggunaan kembali:
Lisensi ini mengizinkan setiap orang untuk menggubah,
memperbaiki, dan membuat ciptaan turunan bukan untuk
kepentingan komersial, selama anda mencantumkan nama
penulis dan melisensikan ciptaan turunan dengan syarat
yang serupa dengan ciptaan asli.
Copyright and reuse:
This license lets you remix, tweak, and build upon work
non-commercially, as long as you credit the origin creator
and license it on your new creations under the identical
terms.
PENGEMBANGAN WEBSITE DENGAN FITUR
PERAKITAN PC ONLINE MENGGUNAKAN
METODE ANALYTICAL HIERARCHY PROCESS
PADA PT. VINANDO
SKRIPSI
Diajukan Guna Memenuhi Persyaratan Memperoleh Gelar Sarjana Komputer (S.Kom)
Kenneth Dharmawan 14110310098
PENGEMBANGAN WEBSITE DENGAN FITUR
PERAKITAN PC ONLINE MENGGUNAKAN METODE
ANALYTICAL HIERARCHY PROCESS PADA PT.
VINANDO
ABSTRAK
Oleh: Kenneth Dharmawan
Fenomena E-commerce telah menjadikan Website sebagai alat berbisnis yang efektif. Kini semua pengusaha berlomba agar bisnisnya menjadi Online. Fenomena ini juga menjadi kesempatan bagi wirausaha baru untuk berkreasi melalui dunia maya. PT. Vinando adalah salah satunya. Sang pemilik terganggu dengan repotnya menangani bisnis dari toko berbentuk fisik. Oleh karena itu, mengembangkan toko dengan website dapat mempersingkat pembelian dan komunikasi. Hanya saja realisasi dari Website milik Vinando terhambat oleh usaha yang masih ditangani perorangan.
Penelitian ini bertujuan untuk mencari jalan keluar agar Website Vinando dapat terealisasi dengan fitur simulasi perakitan komputer sebagai fungsi utamanya. Fitur tersebut didesain dengan Analytical hierarchy process sebagai landasan teorinya.
Website dikembangkan dengan metode prototyping. Sang pemilik atau klien sendiri
berperan sebagai narasumber. Sementara itu, Unified Modelling Language akan digunakan sebagai bahasa untuk mendefiniskan struktur sistem. Kemudian, tampilan Website akan didesain dalam bentuk wireframe terlebih dahulu sebelum diimplementasi dengan pemrograman dan database.
Hasil dari penelitian adalah prototipe dari Website untuk Vinando. Prototipe ini dapat menjadi dasar bagi PT. Vinando untuk merealisasikan Website berbisnis miliknya untuk waktu kedepan.
WEBSITE DEVELOPMENT WITH AN ONLINE DESKTOP
ASSEMBLY SYSTEM FOR VINANDO COMPANY USING
ANALYTICAL HIERARCHY PROCESS METHODS
ABSTRACT
By: Kenneth Dharmawan
The e-commerce trend have turned Websites into an effective business medium. Now, every enterpreneurs wants to digitalize their business. This phenomenon also became an opportunity for young businessmen and small companies to build their success using world wide web. Vinando is one of those companies, which businesses run in computer hardware field. The owner of said company was distrubed with the inconvenience of handling the business physicaly. Therefore, expanding the vendor into a website will shorten the transaction and communication process with customers. However, the lack of resources and manpower at Vinando which is just a personal company hinder the realization of its Website.
This research aims to realizae Website for Vinando with Online desktop assembling as its main feature. Analytical hierarchy process is used as the theoretical basis behind this feature. The Website itself is developed using prototyping. And then, the owner or client act as the source material. Lastly, Unified Modelling Language is used for defining structure of the system. Other than that, the Website interface is designed in a form of wireframe at first before implemented with programming and database.
The result of this research is a protoype for Vinando Website. This protoype is expected to be used by the company in future when the client decided to build the real Website.
KATA PENGANTAR
Puji syukur dipanjatkan penulis kepada Tuhan Yang Maha Esa oleh karena penyertaan-Nya, penelitan berjalan dengan lancar. Dengan demikian, skripsi dengan judul “Pengembangan Website Dengan Fitur Perakitan PC Online Menggunakan Metode Analytical hierarchy process Pada PT. Vinando” bisa terselesaikan tepat pada waktunya. Skripsi ini diajukan untuk Program Strata 1, Program Studi Sistem Informasi, Fakultas Teknologi Informasi dan Komunikasi, Universitas Multimedia Nusantara.
Selain itu, penulis juga menyampaikan syukur dan terima kasih juga kepada pihak-pihak yang telah mendukung agar terselesaikannya skripsi ini. Rasa terima kasih itu disampaikan kepada Universitas Multimedia Nusantara terlebih dahulu yang telah memberikan kesempatan bagi penulis untuk mendapatkan ilmu yang diperlukan di dalam bidang skripsi ini beserta fasilitasnya.
Penulis juga ingin mengucapkan terima kasih kepada ibu Ririn Ikana Desanti, S.Kom., M.Kom. yang telah bersedia menjadi pembimbing yang sabar dan terbuka, di mana saran-saran selama bimbingan telah memberikan motivasi agar penelitian berjalan lebih baik.
Penulis juga tidak lupa untuk mengucapkan terima kasih kepada orang tua yang telah mendukung penuh penelitian dari sejak awal dalam doa dan juga motivasi yang membangun. Lalu juga kepada sahabat-sahabat penulis dan klien toko Vinando yang telah memberikan kesempatan bagi penulis untuk berjalannya
DAFTAR ISI
PERNYATAAN ... ii
HALAMAN PENGESAHAN ... iii
ABSTRAK ... iv
ABSTRACT ... v
KATA PENGANTAR ... vi
DAFTAR ISI ... viii
DAFTAR GAMBAR ... xii
DAFTAR TABEL ... xiv
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 3
1.3. Batasan Masalah ... 3
1.4. Tujuan dan Manfaat Penelitian ... 4
1.5. Metodologi Penelitian ... 4
BAB II LANDASAN TEORI ... 6
2.1. Landasan E-commerce ... 6
2.2.Pembuatan dan Pengembangan E-commerce ... 8
2.3. Struktur Pemrograman Aplikasi Web ... 10
2.3.1. Dasar HTML ... 11
2.3.2. Dasar CSS ... 12
2.3.3. Dasar PHP ... 13
2.4.1. Use case Diagram ... 15
2.4.2. Class Diagram ... 18
2.4.3. Activity Diagram ... 21
2.5. Algoritma AHP dan Interaksi Website ... 23
2.6. Kelebihan dan Kekurangan Algoritma AHP ... 23
2.7. Prinsip-prinsip Algoritma AHP ... 25
2.7.1. Penguraian dengan struktur hirarki ... 25
2.7.2. Perbandingan dari penilaian kriteria dan alternatif ... 26
2.7.3. Membuat matriks perbandingan. – Menentukan Prioritas ... 27
2.7.4. Melakukan definisi perbandingan pasangan di dalam matriks. – Konsistensi Logis ... 27
2.8. Pemanfaatan Algoritma AHP ... 28
2.9. Penggunaan Usability Testing ... 30
2.9.1. Metode System Usability Scale (SUS) ... 32
BAB III METODOLOGI PENELITIAN ... 34
3.1. System Development Life Cycle ... 34
3.1.1. Mengidentifikasi kriteria dan kebutuhan dasar dari website ... 35
3.1.2. Pembuatan protoytype ... 35
3.1.3. Review prototype ... 36
3.6. Pengujian dan Evaluasi Prototype ... 41
3.7. AHP di Dalam Fitur Simulasi Website ... 41
3.8. Observasi untuk Website Referensi ... 43
BAB IV ANALISIS & HASIL PENELITIAN ... 44
4.1. Analisa User Requirement ... 44
4.1.1. Analisis Workflow Dari Toko Fisik. ... 44
4.1.2. Analisis Wawancara Dengan Narasumber ... 45
4.1.3. Analisa User Requirement Terhadap Pelanggan. ... 47
4.1.5. Desain Konseptual Website ... 55
4.2. Analisis Observasi Website. ... 56
4.2.1. Observasi Kepada Website CCL Computers ... 58
4.2.2. Observasi Kepada Website Computer Planet ... 60
4.2.3. Observasi Kepada Website Origin ... 62
4.2.4. Observasi Kepada Website Dell... 64
4.2.5. Observasi Kepada Website Enterkomputer ... 65
4.2.6. Observasi Opsional Kepada Website Blibli ... 67
4.3. Analisis AHP Untuk Preferensi Pada Fitur Simulasi ... 69
4.3.1. Hirarki Untuk Preferensi Harga ... 70
4.3.2. Analisis Untuk Preferensi Harga Murah... 73
4.3.4. Analisis AHP di Dalam Fitur Simulasi ... 75
4.4. Perancangan Sistem ... 77
4.3.1. Use case Diagram... 77
4.3.2. Class Diagram ... 78
4.3.3. Activity Diagram ... 80
4.4.1. Halaman Utama atau Home ... 89
4.4.2. Halaman Pembuatan Akun ... 91
4.4.3. Halaman Profil ... 93
4.4.4. Fitur Simulasi Perakitan ... 94
4.4.5. Halaman Transaksi ... 98
4.6. Tampilan Prototype Website Vinando ... 101
4.5.1. Halaman Depan Dari Website ... 102
4.6.2. Tampilan Website Untuk Customer ... 103
4.5.3. Tampilan Website Untuk Admin ... 110
4.7. Analisis Dari Pengujian Prototype ... 114
4.7.1. Analisis pengujian System Usability Scale. ... 119
BAB V KESIMPULAN & SARAN ... 121
5.1. Kesimpulan ... 121
5.2. Saran. ... 122
DAFTAR PUSTAKA ... 124
DAFTAR GAMBAR
Gambar 2.1. Contoh arsitektur model kerja aplikasi web (Andrews, 2013) ... 11
Gambar 2 5. Struktur Hirarki (Budiarto, 2012) ... 25
Gambar 2.7. Contoh pertanyaan dengan metode SUS. ... 33
Gambar 3. 1. Model SDLC Prototyping (Pressman, 2015) ... 34
Gambar 3. 3. Katalog manual dari toko Vinando. ... 40
Gambar 4. 1. Workflow Model Bisnis Toko Fisik Vinando. ... 45
Gambar 4. 2. Hasil survey desktop custom. ... 48
Gambar 4. 3. Hasil tingkat kesulitan merakit komputer dari yang termudah yaitu 1, sampai yang tersulit yaitu 5. ... 49
Gambar 4. 4. Hasil survey cara berkomunikasi dengan toko komputer. ... 50
Gambar 4. 5. Hasil survey untuk website yang memiliki simulasi. ... 50
Gambar 4. 6. Hasil survey pendapat akan fitur simulasi online. ... 51
Gambar 4. 7. Hasil jenis kesulitan yang dialami ketika simulasi manual. ... 52
Gambar 4. 8. Hasil survey pendapat dengan pilihan simulasi preferensi. ... 53
Gambar 4. 9. Tampilan Website CCL Computer... 59
Gambar 4. 10. Tampilan Website Computer Planet. ... 61
Gambar 4. 11. Tampilan Website Origin. ... 63
Gambar 4. 12. Tampilan Website Dell. ... 64
Gambar 4. 13. Tampilan Website Enter Komputer. ... 65
Gambar 4. 14. Tampilan interface blibli.com. ... 68
Gambar 4. 15. Struktur Hirarki Biaya / Harga Termurah. ... 71
Gambar 4. 16. Use case Diagram Website Vinando ... 78
Gambar 4. 17. Class Diagram Website Vinando ... 79
Gambar 4. 18. Activity Diagram pembuatan akun. ... 81
Gambar 4. 19. Activity Diagram log in ... 82
Gambar 4. 20. Activity Diagram pemilihan metode pembayaran. ... 83
Gambar 4. 21. Activity Diagram simulasi ... 84
Gambar 4. 22. Activity Diagram transaksi hasil simulasi ... 86
Gambar 4. 24. Activity Diagram update katalog ... 88
Gambar 4. 25. Wireframe untuk halaman home. ... 89
Gambar 4. 26. Wireframe untuk halaman home setelah registrasi. ... 90
Gambar 4. 27. Wireframe untuk halaman registrasi. ... 92
Gambar 4. 28. Wireframe untuk halaman contoh daftar produk. ... 93
Gambar 4. 29. Wireframe untuk halaman profil. ... 94
Gambar 4. 30. Wireframe untuk pilihan preferensi jangkauan harga. ... 95
Gambar 4. 31. Wireframe tampilah hasil pilihan preferensi. ... 96
Gambar 4. 32. Wireframe untuk halaman simulasi ... 97
Gambar 4. 33. Wireframe untuk halaman transaksi. ... 99
Gambar 4. 34. Wireframe untuk halaman pengambilan barang. ... 100
Gambar 4. 35.Wireframe untuk halaman metode pembayaran dan konfirmasi transaksi. ... 101
Gambar 4. 36. Tampilan halaman depan prototype website. ... 102
Gambar 4. 37. Deskripsi daftar produk di prototype untuk customer... 103
Gambar 4. 38. Tampilan registrasi website... 104
Gambar 4. 39. Tampilan log in website. ... 105
Gambar 4. 40. Tampilan halaman pemilihan paket preferensi. ... 106
Gambar 4. 41. Tampilan halaman hasil preferensi. ... 106
Gambar 4. 42. Tampilan halaman pemilihan casing. ... 107
Gambar 4. 43. Tampilan halaman simulasi manual versi prototype. ... 108
Gambar 4. 44. Tampilan halaman pemilihan jasa antar ... 109
Gambar 4. 45. Tampilan halaman utama milik admin. ... 110
DAFTAR TABEL
Tabel 2. 1. Elemen dalam use case Diagram (Dennis, 2012). ... 17
Tabel 2. 2. Elemen dalam class Diagram (Dennis, 2012). ... 20
Tabel 2. 3. Elemen dalam Activity Diagram (Dennis, Wixom, 2012). ... 22
Tabel 2. 4. Tabel tingkat kepentingan (Budiarto, 2012). ... 26
Tabel 4. 1. Perbandingan fitur simulasi online di antara 5 Website observasi. .... 57
Tabel 4. 2. Perbandingan Prioritas Harga Termurah. ... 72
Tabel 4. 3. Tabel Normalisasi Harga Termurah... 72
Tabel 4. 4. Vektor Prioritas Hirarki Harga Termurah. ... 73
Tabel 4. 5. Uji Konsistensi untuk Preferensi Harga Murah. ... 74
Tabel 4. 6. Hasil Rasio Konsistensi untuk Preferensi Harga. ... 74
Tabel 4. 7. Tabel skenario akun customer. ... 115