Analisis dan perancangan Sistem Penawaran Jasa Berbasis Web pada PT. Sinergy Catur Sahabat SKRIPSI Oleh : Andrew Dwi Novena (0800736390) Widodo Sumitro (0800737651) Martinus Chandra (0900796945) Kelas / Kelompok : 08 PAT / 02 Universitas Bina Nusantara Jakarta 2009 i
Analisis dan perancangan Sistem Penawaran Jasa Berbasis Web pada PT. Sinergy Catur Sahabat SKRIPSI Diajukan sebagai salah satu syarat untuk gelar kesarjanaan pada Jurusan Teknik Informatika Jenjang Pendidikan Strata-1 Oleh : Andrew Dwi Novena (0800736390) Widodo Sumitro (0800737651) Martinus Chandra (0900796945) Kelas / Kelompok : 08 PAT / 01 Universitas Bina Nusantara Jakarta 2009 ii
Analisis dan perancangan Sistem Penawaran Jasa Berbasis Web pada PT. Sinergy Catur Sahabat SKRIPSI Disusun oleh : Andrew Dwi Novena Widodo Sumitro Martinus Chandra 0800736390 0800737651 0900796945 Disetujui oleh : Pembimbing Syaeful Karim, Ir., M.Sc. D1526 Universitas Bina Nusantara Jakarta 2009 iii
PRAKATA Puji syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa atas segala rahmat dan karunia-nya, sehingga skripsi dengan judul Analisis Dan Perancangan Sistem Penawaran Jasa Berbasiskan Web pada PT. Sinergy Catur Sahabat dapat kami selesaikan dengan lancar dan tepat waktu. Adapun penulisan skripsi ini merupakan salah satu syarat kelulusan dalam jenjang pendidikan strata-1 (satu) jurusan Teknik Informatika di Universitas Bina Nusantara. Dalam kesempatan ini, kami ingin mengucapkan terima kasih kepada pihak-pihak yang ikut berperan serta dalam proses penyelesaian skripsi ini, antara lain : 1. Bapak Prof. Dr. Ir. Harjanto Prabowo, MM. selaku rektor Universitas Bina Nusantara yang telah memberikan kesempatan kepada kami untuk menimba ilmu di Universitas Bina Nusantara. 2. Bapak Ir. Sablin Yusuf, M.Sc., M.Comp.Sc. selaku Dekan fakultas Ilmu Komputer 3. Bapak Freddy Purnomo, S.Kom, M.Com, selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara. 4. Bapak Syaeful Karim,Ir.,M.S.c. selaku dosen pembimbing skripsi kelas 08 PAT yang memberikan waktu, bimbingan, dan saran-saran dalam menyelesaikan skripsi ini. 5. Bapak Hendra Asikin selaku Direktur Utama PT. Sinergy Catur Sahabat yang telah memberikan kesempatan bagi kami untuk melakukan survey skripsi pada vi
PT. Sinergy Catur Sahabat dan seluruh staff perusahaan yang ikut membantu dalam penelitian dan pengumpulan informasi. 6. Dosen-dosen pengajar di Universitas Bina Nusantara yang telah memberikan ilmu baik secara langsung maupun tidak langsung yang menjadi pedoman dalam penulisan skripsi ini. 7. Para orang tua yang telah memberikan dorongan dan semangat untuk menyelesaikan skripsi ini. 8. Sahabat-sahabat kami selalu siap untuk membantu dalam segi ilmu dan memberikan semangat, doa untuk terselesaikannya skripsi kami. 9. Seluruh pihak yang tidak dapat disebutkan satu persatu yang secara langsung maupun tidak langsung terlibat dalam penyusunan laporan skripsi ini sehingga laporan skripsi ini dapat diselesaikan. Kami menyadari bahwa isi dari skripsi ini masih jauh dari sempurna baik dalam penyajiannya maupun pembahasannya karena keterbatasan kemampuan dan juga waktu kami. Oleh karena itu saran dan kritik yang bersifat membangun sangat kami harapkan untuk menjadi lebih baik lagi di masa mendatang. Akhir kata, kami berharap semoga skripsi ini bermanfaat bagi segenap pembaca dan juga bermanfaat bagi perkembangan ilmu komputer di Universitas Bina Nusantara pada khususnya dan dunia pendidikan Indonesia pada umumnya. Jakarta, Juni 2009 Penulis vii
DAFTAR ISI Halaman Halaman Judul Luar... i Halaman Judul Dalam... ii Halaman Persetujuan Hardcover... iii Halaman Pernyataan Dewan Penguji... iv Abstrak... v Prakata... vi Daftar Isi... viii Daftar Tabel... xv Daftar Gambar... xvii Daftar Lampiran... xxii BAB 1 PENDAHULUAN... 1 1.1 Latar Belakang... 1 1.2 Ruang Lingkup... 2 1.3 Tujuan dan Manfaat... 2 1.4 Metodologi... 3 1.4.1 Metode Analisis. 3 1.4.1.1 Tahap Pengumpulan Data 3 1.4.1.2 Tahap Analisis. 4 viii
1.4.2 Metode Perancangan. 4 1.5 Sistematika Penulisan... 5 BAB 2 LANDASAN TEORI... 7 2.1 Pengertian Analisis Sistem... 7 2.2 Rekayasa Perangkat Lunak... 7 2.3 UML (Unified Modelling Language)... 8 2.4 Pengertian Perancangan Sistem... 8 2.5 Internet... 9 2.5.1 Pengertian internet... 9 2.5.2 Sejarah Singkat Internet... 9 2.5.3 Manfaat Internet... 12 2.6 WWW (World Wide Web) 13 2.7 Website. 14 2.7.1 Pengertian Website 14 2.7.2 Unsur-unsur Website 15 2.8 Penawaran Jasa 21 2.8.1 Pengertian Penawaran Jasa.. 21 2.8.2 Jenis Penawaran 21 2.8.3 Faktor-faktor yang Mempengaruhi Penawaran 21 2.9 Interaksi Manusia dan Komputer.. 22 ix
2.10 Database. 24 2.10.1 Pengertian Database. 24 2.10.2 Komponen Database. 24 2.10.3 File Database. 26 BAB 3 ANALISIS DAN PERANCANGAN SISTEM... 28 3.1 Sejarah Organisasi... 28 3.2 Struktur Organisasi dan Uraian Tugas... 29 3.2.1 Struktur Organisasi... 29 3.2.2 Uraian Tugas... 30 3.3 Sistem yang Sedang Berjalan... 31 3.4 Analisis Kuesioner... 33 3.5 Analisis Permasalahan... 43 3.6 Usulan Pemecahan Masalah... 43 3.7 Perancangan Sistem.. 44 3.7.1 UML(Unified Modelling Language). 44 3.7.1.1 Use Case Diagram.. 44 3.7.1.2 Activity Diagram 53 3.7.1.3 Sequence Diagram.. 56 3.7.1.3.1 Sequence Registrasi 56 3.7.1.3.2 Sequence Contact Us... 57 x
3.7.1.3.3 Sequence Login User... 58 3.7.1.3.4 Sequence Login as Admin 59 3.7.1.3.5 Sequence View Table TabUser. 60 3.7.1.3.6 Sequence Add Table TabUser.. 61 3.7.1.3.7 Sequence Update Table TabUser.. 62 3.7.1.3.8 Sequence Delete Table TabUser 63 3.7.1.3.9 Sequence Logout as Admin. 64 3.7.1.4 Statechart Diagram.. 65 3.7.2 Perancangan Database. 68 3.7.2.1 ERD(Entity Relational Diagram). 68 3.7.3 Rancangan Layar. 74 3.7.3.1 Halaman Home. 74 3.7.3.2 Halaman About Us 75 3.7.3.3 Halaman Contact Us. 76 3.7.3.4 Halaman FAQ.. 77 3.7.3.5 Halaman Register. 78 3.7.3.6 Halaman Login. 79 3.7.3.7 Halaman Add to Cart 80 3.7.3.8 Halaman Transaction 81 3.7.3.9 Halaman History.. 82 xi
3.7.3.10 Halaman Question... 83 3.7.3.11 Halaman Home Admin 84 3.7.3.12 Halaman Admin Kind Users 85 3.7.3.13 Halaman Users Admin. 86 3.7.3.14 Halaman Question Admin.. 87 3.7.3.15 Halaman Product Admin... 88 3.7.3.16 Halaman Transaction Admin.. 89 3.7.3.17 Halaman Kind FAQ Admin. 90 3.7.3.18 Halaman FAQ Admin.. 91 3.7.4 Spesifikasi Proses 92 3.7.4.1 Spesifikasi Proses Login as Admin.. 92 3.7.4.2 Spesifikasi Proses Update Master Admin. 93 3.7.4.3 Spesifikasi Proses View Master User 94 3.7.4.4 Spesifikasi Proses View Master User Detail. 95 3.7.4.5 Spesifikasi Proses Add Master User. 95 3.7.4.6 Spesifikasi Proses Update Master User. 97 3.7.4.7 Spesifikasi Proses Delete Master User.. 98 3.7.4.8 Spesifikasi Proses View Master Contact Us.. 99 3.7.4.9 Spesifikasi Proses Reply Contact Us. 100 3.7.4.10 Spesifikasi Proses View Transaction. 101 xii
3.7.4.11 Spesifikasi Proses Check Transaction.. 102 3.7.4.12 Spesifikasi Proses Logout as Admin. 103 3.7.4.13 Spesifikasi Proses Login as User 104 3.7.4.14 Spesifikasi Proses Logout as User. 105 3.7.4.15 Spesifikasi Proses View About Us 105 3.7.4.16 Spesifikasi Proses Send Message.. 105 3.7.4.17 Spesifikasi Proses Register as User 107 BAB 4 IMPLEMENTASI DAN EVALUASI... 109 4.1 Implementasi... 109 4.1.1 Spesifikasi Kebutuhan Sistem yang Diusulkan... 109 4.1.2 Strategi Implementasi..... 110 4.1.3 Prosedur Umum Penggunaan Website... 110 4.1.4 Arsitektur Antara Sistem, Client,dan Admin(PT. Sinergy Catur Sahabat). 111 4.2 Tampilan Layar... 112 4.3 Evaluasi... 154 4.3.1 Evaluasi Sistem Ditinjau Dari Sisi Software dan Hardware... 154 4.3.2 Evaluasi Hasil Kuesioner... 155 xiii
BAB 5 KESIMPULAN DAN SARAN... 163 5.1 Kesimpulan... 163 5.2 Saran... 163 DAFTAR PUSTAKA... 165 RIWAYAT HIDUP 167 LAMPIRAN... 170 xiv
DAFTAR TABEL Halaman Tabel 3.1 Tabel Hasil Analisis Kuesioner No. 1... 33 Tabel 3.2 Tabel Hasil Analisis Kuesioner No. 2... 34 Tabel 3.3 Tabel Hasil Analisis Kuesioner No. 3... 35 Tabel 3.4 Tabel Hasil Analisis Kuesioner No. 4. 36 Tabel 3.5 Tabel Hasil Analisis Kuesioner No. 5...... 37 Tabel 3.6 Tabel Hasil Analisis Kuesioner No. 6... 38 Tabel 3.7 Tabel Hasil Analisis Kuesioner No. 7...... 39 Tabel 3.8 Tabel Hasil Analisis Kuesioner No. 8... 40 Tabel 3.9 Tabel Hasil Analisis Kuesioner No. 9... 41 Tabel 3.10 Tabel Hasil Analisis Kuesioner No. 10... 42 Tabel 3.11 Tabel Use Case Registration Process... 45 Tabel 3.12 Tabel Use Case Add Process... 48 Tabel 3.13 Tabel Use Case Edit Process... 50 Tabel 3.14 Tabel Use Case Delete Process... 52 Tabel 3.15 Tabel Penjelasan ERD(Entity Relational Diagram)... 69 Tabel 3.16 Tabel Kind User.... 70 Tabel 3.17 Tabel User... 70 Tabel 3.18 Tabel Kind FAQ... 71 Tabel 3.19 Tabel FAQ... 71 xv
Tabel 3.20 Tabel Product... 72 Tabel 3.21 Tabel Question... 72 Tabel 3.22 Tabel Transaction.... 73 Tabel 3.23 Tabel Transaction Detail... 73 Tabel 4.1 Tabel Evaluasi Hasil Kuesioner No. 1... 155 Tabel 4.2 Tabel Evaluasi Hasil Kuesioner No. 2... 156 Tabel 4.3 Tabel Evaluasi Hasil Kuesioner No. 3. 157 Tabel 4.4 Tabel Evaluasi Hasil Kuesioner No. 4. 158 Tabel 4.5 Tabel Evaluasi Hasil Kuesioner No. 5.. 159 Tabel 4.6 Tabel Evaluasi Hasil Kuesioner No. 6.. 160 Tabel 4.7 Tabel Evaluasi Hasil Kuesioner No. 7.. 160 Tabel 4.8 Tabel Evaluasi Hasil Kuesioner No. 8.. 161 Tabel 4.9 Tabel Evaluasi Hasil Kuesioner No. 9 162 xvi
DAFTAR GAMBAR Halaman Gambar 3.1 Struktur Organisasi Perusahaan... 29 Gambar 3.2 Pie chart asal pengenalan PT. Sinergy Catur Sahabat... 33 Gambar 3.3 Pie chart Kesulitan Informasi dari PT. Sinergy Catur Sahabat... 34 Gambar 3.4 Pie chart Kepuasan Produk PT. Sinergy Catur Sahabat... 35 Gambar 3.5 Pie chart Kelengkapan Pelayanan Informasi. 36 Gambar 3.6 Pie chart Penggunaan Internet... 37 Gambar 3.7 Pie chart Penggunaan Internet dalam Pemasaran... 38 Gambar 3.8 Pie chart Pengenalan pelayanan jasa... 39 Gambar 3.9 Pie chart Kunjungan ke Website pelayanan jasa... 40 Gambar 3.10 Pie chart Pendapat tentang pelayanan jasa... 41 Gambar 3.11 Pie chart Kegunaan Website pelayanan jasa untuk Pemasaran.. 42 Gambar 3.12 Use Case Diagram Sistem Pemasaran. 44 Gambar 3.13 Use case Registration Process. 45 Gambar 3.14 Use case Add process. 47 Gambar 3.15 Use case Update Process. 49 Gambar 3.16 Use case Delete Process.. 51 Gambar 3.17 Activity Diagram Proses Registrasi.. 53 Gambar 3.18 Activity Diagram Proses Pemesanan Product.. 54 Gambar 3.19 Activity Diagram Proses Contact Us.. 55 xvii
Gambar 3.20 Sequence Diagram Proses Registrasi. 56 Gambar 3.21 Sequence Diagram Contact Us. 57 Gambar 3.22 Sequence Diagram Login User.. 58 Gambar 3.23 Sequence Login as Admin... 59 Gambar 3.24 Sequence View Table tabuser. 60 Gambar 3.25 Sequence View Table tabuser. 61 Gambar 3.26 Sequence Update Table msuser... 62 Gambar 3.27 Sequence Delete Table msuser... 63 Gambar 3.28 Sequence Logout as Admin... 64 Gambar 3.29 Statechart Diagram untuk Class Admin.. 65 Gambar 3.30 Statechart Diagram untuk Class User. 66 Gambar 3.31 Statechart Diagram untuk Class Non User.. 66 Gambar 3.32 Statechart Diagram untuk Edit, Add, Delete 67 Gambar 3.33 ERD (Entity Relational Diagram)... 68 Gambar 3.34 Rancangan Halaman Home. 74 Gambar 3.35 Rancangan Halaman About Us.. 75 Gamabr 3.36 Rancangan Halaman Contact Us.. 76 Gambar 3.37 Rancangan Halaman FAQ.. 77 Gambar 3.38 Rancangan Halaman Register 78 Gambar 3.39 Rancangan Halaman Login 79 Gambar 3.40 Rancangan Halaman Add to Cart. 80 Gambar 3.41 Rancangan Halaman Transaction.. 81 Gambar 3.42 Rancangan Halaman History 82 xviii
Gambar 3.43 Rancangan Halaman Question.. 83 Gambar 3.44 Rancangan Halaman Admin.. 84 Gambar 3.45 Rancangan Halaman Admin Kind Users. 85 Gambar 3.46 Rancangan Halaman Users Admin. 86 Gambar 3.47 Rancangan Halaman Question Admin. 87 Gambar 3.48 Rancangan Halaman Product Admin.. 88 Gambar 3.49 Rancangan Halaman Transaction Admin 89 Gambar 3.50 Rancangan Halaman Kind FAQ Admin... 90 Gambar 3.51 Rancangan Halaman FAQ Admin... 91 Gambar 4.1 Arsitektur Program. 111 Gambar 4.2 Tampilan Layar Home.. 112 Gambar 4.3 Tampilan Layar About Us 113 Gambar 4.4 Tampilan Layar Contact Us 114 Gambar 4.5 Tampilan Layar FAQ page 1.. 115 Gambar 4.6 Tampilan Layar FAQ page 2. 116 Gambar 4.7 Tampilan Layar Register. 117 Gambar 4.8 Tampilan Layar Login User.. 118 Gambar 4.9 Tampilan Layar Home User 119 Gambar 4.10 Tampilan Layar Profile User. 120 Gambar 4.11 Tampilan Layar Edit Profile User. 121 Gambar 4.12 Tampilan Layar Add to Cart. 122 Gambar 4.13 Tampilan Layar Transaction 123 xix
Gambar 4.14 Tampilan Layar History. 124 Gambar 4.15 Tampilan Layar Detail History. 125 Gambar 4.16 Tampilan Layar About Us pada User 126 Gambar 4.17 Tampilan Layar Contact Us pada user 127 Gambar 4.18 Tampilan Layar Question pada user.. 128 Gambar 4.19 Tampilan Layar FAQ page 1 pada User. 129 Gambar 4.20 Tampilan Layar FAQ page 2 pada user.. 130 Gambar 4.21 Tampilan Layar Home pada Admin 131 Gambar 4.22 Tampilan Layar Kind Member.. 132 Gambar 4.23 Tampilan Layar Add Kind Member. 133 Gambar 4.24 Tampilan Layar Member 134 Gambar 4.25 Tampilan Layar Profile Member.. 135 Gambar 4.26 Tampilan Layar Add Member by Admin. 136 Gambar 4.27 Tampilan Layar Edit Profile Member by Admin.. 137 Gambar 4.28 Tampilan Layar Question pada Admin 138 Gambar 4.29 Tampilan Layar Question Reply oleh Admin. 139 Gambar 4.30 Tampilan Layar Question Answered oleh Admin.. 140 Gambar 4.31 Tampilan Layar Product. 141 Gambar 4.32 Tampilan Layar Add Product. 142 Gambar 4.33 Tampilan Layar Edit Product 143 Gambar 4.34 Tampilan Layar Transaction. 144 Gambar 4.35 Tampilan Layar Detail Transaction. 145 xx
Gambar 4.36 Tampilan Layar Edit Transaction. 146 Gambar 4.37 Tampilan Layar Kind FAQ 147 Gambar 4.38 Tampilan Layar Insert Kind FAQ. 148 Gambar 4.39 Tampilan Layar FAQ page 1 pada Admin. 149 Gambar 4.40 Tampilan Layar FAQ page 2 pada Admin. 150 Gambar 4.41 Tampilan Layar FAQ Detail. 151 Gambar 4.42 Tampilan Layar Insert FAQ. 152 Gambar 4.43 Tampilan Layar Edit FAQ. 153 Gambar 4.44 Pie chart pendapat mengenai website keseluruhan... 155 Gambar 4.45 Pie chart manfaat website... 156 Gambar 4.46 Pie chart penjelasan sample produk melalui website... 157 Gambar 4.47 Pie chart cepat tidaknya pemesanan melalui website dibandingkan cara manual... 158 Gambar 4.48 Pie chart kepuasan konsumen pada website... 159 Gambar 4.49 Pie chart penggunaan detail report pada website... 159 Gambar 4.50 Pie chart penggunaan kata pada website... 160 Gambar 4.51 Pie chart interface yang terdapat pada website... 161 Gambar 4.52 Pie chart sistem pemesanan produk yang terdapat pada website... 162 xxi
DAFTAR LAMPIRAN Halaman Lampiran I Lampiran II Lampiran III Kuesioner Pra Survei... L1 Kuesioner Post Survei... L3 Wawancara... L5 xxii