i
UNIVERSITAS BINA NUSANTARA
_________________________________________________________________ Jurusan Teknik Informatika
Skripsi Sarjana Komputer Semester Genap tahun 2004/2005
ANALISA DAN PERANCANGAN WEBSITE BERBASIS MULTIMEDIA PADA PERUSAHAAN MILLENIUM DANATAMA INTERNASIONAL
Ardi Setyadi 0300477680
E. Pandu Winasih 0500558603
Renno Dwina Somantri 0500601236
Kelas / Kelompok : 10 MCT / 07 Abstrak
Tujuan penelitian, ialah melakukan analisa sistem pemasaran yang sedang berjalan pada perusahaan MDI dimana perusahaan MDI ini bergerak pada bidang finansial securitas yang membutuhkan suatu media informasi interaktif dan menarik yang akan digunakan untuk membantu proses pemasaran produk dan jasa serta memperkenalkan dan memasyarakatkan program online trading milik perusahaan ke para client/calon client. Untuk itu diperlukan sebuah aplikasi website berbasis multimedia yang berguna untuk menyediakan informasi kepada para pelanggan perusahaan dan memberikan edukasi kepada client/calon client tentang program tersebut. Metode Penelitian yang digunakan untuk mengembangkan website ini dilakukan dengan metode studi kepustakaan, wawancara, dan kuesioner yang dibagikan kepada para responden. Selain itu digunakan juga metode perancangan yaitu perancangan Unified Model Language (UML), perancangan database, perancangan struktur menu, dan perancangan layar. Hasil Yang Dicapai adalah website ini diharapkan dapat menjadi salah satu solusi pemecahan masalah diantaranya yaitu membantu perusahaan dalam memasarkan produk dan jasanya, tercapainya suatu sistem yang aktif dan dapat memberikan efisiensi dan akurasi data dalam penggunaan aplikasi nya.
Simpulan yang didapatkan adalah bahwa aplikasi website berbasis multimedia ini membantu perusahaan MDI di bidang pemasaran, pelayanan customer dan edukasi program ke customer.
KATA PENGANTAR
Puji syukur kami panjatkan kepada Tuhan Yang Maha Esa atas rahmat dan karunia yang telah diberikan kepada kami, sehingga kami dapat menyelesaikan penulisan skripsi dengan judul “Analisa dan Perancangan Website berbasis Multimedia pada PT Millennium Danatama Internasional”.
Adapun maksud dari penyusunan skripsi ini adalah sebagai salah satu syarat bagi mahasiswa untuk menyelesaikan jenjang pendidikan Strata-1 pada universitas Bina Nusantara.
Kami menyadari bahwa skripsi ini masih kurang sempurna dan memiliki beberapa kekurangan. Oleh karena itu, kami mengharapkan saran dan kritik yang membangun dari para pembaca sehingga di masa yang akan datang kekurangan-kekurangan tersebut dapat diperbaiki.
Pada kesempatan ini kami juga ingin menyampaikan banyak terima kasih kepada pihak-pihak yang telah terlibat dan memberikan bantuannya sehingga skripsi ini dapat diselesaikan dengan baik, yaitu :
1. Bapak Sablin Yusuf, Ir., M.Sc., M.Comp.Sc. selaku ketua jurusan Teknik Informatika Universitas Bina Nusantara yang telah memberikan pengarahan dan petunjuk dalam penyusunan skripsi ini.
2. Bapak Felix Oktarianto S.Kom, M.M, selaku dosen pembimbing yang telah memberikan pengarahan, bimbingan, petunjuk, masukan, serta kritik bagi penulis selama penyusunan skripsi ini dari awal hingga akhir.
iii
3. Bapak Andrew Halim selaku direktur operasional pada perusahaan Millennium Danatama Internasional yang telahmemberikan izin kepada kami untuk melakukan penelitian di perusahaan Millenium Danatama Internasional 4. Kedua orang tua serta saudara-saudara yang telah memberikan semangat doa,
dan dukungan yang baik secara moral maupun materil kepada kami.
5. Kepada teman-teman kami (Alve, Mela, dkk.) dan semua pihak yang tidak dapat kami sebutkan namanya satu-persatu yang telah memberikan bantuan dan motivasi kepada kami.
Akhir kata kami berharap semoga skripsi ini dapat berguna bagi pihak-pihak yang membutuhkan serta dapat dijadikan sebagai bahan masukan dan sumbangan bagi perkembangan ilmu pengetahuan dan teknologi informasi.
Jakarta, Juni 2005
DAFTAR ISI
Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan
Halaman Persetujuan Hardcover Halaman Pernyataan Dewan Penguji
Abstrak ………... i
Kata Pengantar ………....…. ii
Daftar Isi ………...……. iv
Daftar Tabel ………...……. vii
Daftar Gambar ………....…….viii
Daftar Lampiran ... xvi
BAB 1 PENDAHULUAN ... 1
1.1 Latar Belakang ... 1
1.2 Ruang Lingkup ... 2
1.3 Tujuan dan Manfaat ... 3
1.4 Metodologi Penelitian ... 4
1.5 Sistematika Penulisan ... 5
BAB 2 LANDASAN TEORI ... 7
2.1. Konsep Dasar Multimedia ... 8
v
2.3 Teori analisa SWOT (Strengts, Weaknesses, Oppurtunities,
Threats) ... 23
2.4 UML (Unified Modelling Language) ... 24
2.5 PROTOTYPING ... 30
2.6 Perangkat Lunak ... 32
2.6.1 HTML, Internet, dan World Wide Web (WWW) ... 32
2.6.2 APACHE ... 35
2.6.3 PHP dan MySQL ... 36
2.6.4 API ... 40
2.7 Teori-teori khusus ... 40
2.7.1 Pengertian Valuta Asing (Forex) ... 40
2.7.2 Teori How To Get Price ... 41
2.7.3 MillenniumTrader ... 42
BAB 3 ANALISA DAN PERANCANGAN ... 44
3.1 Gambaran Umum Perusahaan ... 44
3.2 Struktur Organisasi dan Uraian Tugas ... 45
3.3 Analisa Sistem Berjalan ... 47
3.4. Analisis Permasalahan Sistem Yang Berjalan ... 50
3.4.1. Permasalahan client ... 50
3.5 Usulan Pemecahan Masalah ... 61
3.6 Perancangan Sistem ... 62
3.6.1 Perancangan Use Case Diagram ... 62
3.6.2 Perancangan Activity Diagram ... 68
3.6.3 Perancangan Sequence Diagram ... 93
3.6.4 Perancangan Database ... 101
3.6.5 Perancangan Hirarki Menu ... 104
3.6.6 Perancangan Layar ... 110
3.6.7 Spesifikasi Proses ... 141
BAB 4 IMPLEMENTASI DAN EVALUASI ... 148
4.1 Implementasi ... 148
4.2 Tampilan Layar ADMIN dan SWAP ... 161
4.3 Fitur-Fitur Unggulan ... 198
4.4. Evaluasi ... 214
BAB 5 KESIMPULAN DAN SARAN... 224
5.1 Simpulan ... 224
5.2 Saran ... 225 DAFTAR PUSTAKA
RIWAYAT HIDUP
LAMPIRAN – LAMPIRAN FOTOCOPY SURAT SURVEI
vii
DAFTAR TABEL
Tabel 2.1 Tabel MIDI dengan WAVE ... 13
Tabel 3.1 Tabel Hasil Penyebaran Kuesioner Awal ... 50
Tabel 3.2 cfd_cu ... 101 Tabel 3.3 cfd_en ... 101 Tabel 3.4 cfd_eq ... 102 Tabel 3.5 cfd_me ... 102 Tabel 3.6 login ... 102 Tabel 3.7 news ... 103 Tabel 3.8 swap ... 103
Tabel 3.9 Pop Up Menu “About” ... 105
Tabel 3.10 Pop Up Menu “Forex” ... 105
Tabel 3.11 Pop Up Menu “Future” ... 106
Tabel 3.12 Pop Up Menu “Mini” ... 107
Tabel 3.13 Pop Up Menu “Online” ... 108
DAFTAR GAMBAR
Gambar 2.1 Alur Get Forex Price ... 41
Gambar 3.1 Struktur Organisasi ... 45
Gambar 3.2 Alur Sistem Berjalan MDI ... 47
Gambar 3.3 Use Case Forex Trading Diagram 1 ... 63
Gambar 3.4 Use Case Forex Trading Diagram 2 ... 64
Gambar 3.5 Use Case On Line Registration ... 65
Gambar 3.6 Use Case DDE ... 66
Gambar 3.7 Use Case With Draw ... 67
Gambar 3.8 Activity Diagram Menu “About” ... 68
Gambar 3.9 Activity Diagram Menu “Forex” ... 69
Gambar 3.10 Activity Diagram Menu “Features” ... 70
Gambar 3.11 Activity Diagram Menu “Mini” ... 71
Gambar 3.12 Activity Diagram Menu “On Line” ... 72
Gambar 3.13 Activity Diagram Menu “Education” ... 73
Gambar 3.14 Activity Diagram Menu “The Company” ... 74
Gambar 3.15 Activity Diagram Menu “Our Service” ... 74
ix
Gambar 3.17 Activity Diagram Menu “Corporate News” ... 75
Gambar 3.18 Activity Diagram Menu “Contact Us” ... 76
Gambar 3.19 Activity Diagram Menu “Privacy Notice” ... 76
Gambar 3.20 Activity Diagram Menu “Forex at MPF” ... 77
Gambar 3.21 Activity Diagram Menu “Forex Conditions” ... 77
Gambar 3.22 Activity Diagram Menu “Forex Spreads” ... 78
Gambar 3.23 Activity Diagram Menu “Forex SWAP” ... 78
Gambar 3.24 Activity Diagram Menu “Types of Order” ... 79
Gambar 3.25 Activity Diagram Menu “Spot Gold & Silver” ... 79
Gambar 3.26 Activity Diagram Menu “Risk Conditions” ... 80
Gambar 3.27 Activity Diagram Menu “Features at MPF” ... 80
Gambar 3.28 Activity Diagram Menu “Spreads & Conditions” ... 81
Gambar 3.29 Activity Diagram Menu “Mini Forex” ... 81
Gambar 3.30 Activity Diagram Menu “Mini Features” ... 82
Gambar 3.31 Activity Diagram Menu “Mini Spreads and Conditions” ... 82
Gambar 3.32 Activity Diagram Menu “Opening Demo Account” ... 83
Gambar 3.33 Activity Diagram Menu “Opening Live Account” ... 83
Gambar 3.34 Activity Diagram Menu “Minimum Deposit” ... 84
Gambar 3.36 Activity Diagram Menu “FAQ” ... 85
Gambar 3.37 Activity Diagram Menu “Software Download” ... 85
Gambar 3.38 Activity Diagram Menu “Mobile Terminal” ... 86
Gambar 3.39 Activity Diagram Menu “WAP” ... 86
Gambar 3.40 Activity Diagram Menu “User Guides” ... 87
Gambar 3.41 Activity Diagram Menu “Forex History” ... 87
Gambar 3.42 Activity Diagram Menu “What is Forex?” ... 88
Gambar 3.43 Activity Diagram Menu “Future Exchange” ... 88
Gambar 3.44 Activity Diagram Menu “Equitess Future” ... 89
Gambar 3.45 Activity Diagram Menu “Fundamental” ... 89
Gambar 3.46 Activity Diagram Menu “Technical” ... 90
Gambar 3.47 Activity Diagram Menu “Glossary” ... 90
Gambar 3.48 Activity Diagram Menu “On Line Registration” ... 91
Gambar 3.49 Activity Diagram Menu “ Download Software” ... 92
Gambar 3.50 Activity Diagram Menu “Konversi nama mata uang” ... 92
Gambar 3.51 Sequence Diagram “About” ... 93
Gambar 3.52 Sequence Diagram “Forex” ... 94
Gambar 3.53 Sequence Diagram Menu “Feature” ... 95
xi
Gambar 3.55 Sequence Diagram Menu “Online” ... 97
Gambar 3.56 Sequence Diagram Menu “Education” ... 99
Gambar 3.57 Sequence Diagram Online Registration ... 100
Gambar 3.58 Hirarki Menu “Layar Utama” ... 104
Gambar 3.59 Hirarki Menu “About” ... 104
Gambar 3.60 Hirarki Menu “Forex” ... 105
Gambar 3.61 Hirarki Menu “Future” ... 106
Gambar 3.62 Hirarki Menu “Mini” ... 107
Gambar 3.63 Hirarki Menu “Online” ... 108
Gambar 3.64 Hirarki Menu “Education” ... 109
Gambar 3.65 Perancangan Layar Halaman Utama/Index ... 110
Gambar 3.66 Perancangan Layar “About Î The Company” ... 111
Gambar 3.67 Perancangan Layar “About Î Our Service” ... 112
Gambar 3.68 Perancangan Layar “About Î News & Analysis” ... 113
Gambar 3.69 Perancangan Layar “About Î Contact Us” ... 114
Gambar 3.70 Perancangan Layar “About Î Privacy Notice” ... 115
Gambar 3.71 Perancangan Layar “Forex Î Forex at MPF” ... 116
Gambar 3.72 Perancangan Layar “Forex Î Forex Conditions” ... 117
Gambar 3.74 Perancangan Layar “Forex Î SWAP” ... 119
Gambar 3.75 Perancangan Layar “Forex Î Types of Order” ... 120
Gambar 3.76 Perancangan Layar “Forex Î Spot Gold & Silver” ... 121
Gambar 3.77 Perancangan Layar “Forex Î Risk Disclosure” ... 122
Gambar 3.78 Perancangan Layar “Future Î Futures at MPF” ... 123
Gambar 3.79 Perancangan Layar “Future Î Spreads & Conditions” ... 124
Gambar 3.80 Perancangan Layar “Mini Î Mini forex” ... 125
Gambar 3.81 Perancangan Layar “Opening Î Opening Demo and Live Account” ... 126
Gambar 3.82 Perancangan Layar “Online Î Minimum Deposit” ... 127
Gambar 3.83 Perancangan Layar “Online Î Documents” ... 128
Gambar 3.84 Perancangan Layar “Online Î FAQ” ... 129
Gambar 3.85 Perancangan Layar “Online Î Software Download” ... 130
Gambar 3.86 Perancangan Layar “Opening Î Mobile Terminal” ... 131
Gambar 3.87 Perancangan Layar “Opening Î WAP” ... 132
Gambar 3.88 Perancangan Layar “Education Î User Guides” ... 133
Gambar 3.89 Perancangan Layar “Education Î Forex History” ... 134
Gambar 3.90 Perancangan Layar “Education Î What is Forex ?” ... 135
Gambar 3.91 Perancangan Layar “Education Î Future Exchanges” ... 136
Gambar 3.92 Perancangan Layar “Education Î Equitis and Future” ... 137
xiii
Gambar 3.94 Perancangan Layar “Education Î Technicals” ... 139
Gambar 3.95 Perancangan Layar “Education Î Glossary” ... 140
Gambar 4.1 Layar Utama (index) ... 148
Gambar 4.2 Harga Real-Time ... 150
Gambar 4.3 Halaman Content untuk “About” Æ Company Profile ... 152
Gambar 4.4 Halaman Content untuk “About” ... 153
Gambar 4.5 Halaman Content untuk “Forex” ... 156
Gambar 4.6 Halaman Login ... 161
Gambar 4.7 Halaman menu.php ... 161
Gambar 4.8 Halaman select_swap.php ... 163
Gambar 4.9 Halaman insert_swap.php ... 166
Gambar 4.10 Halaman Update_swap.php ... 169
Gambar 4.11 Halaman delete_swap.php ... 172
Gambar 4.12 Halaman News.php ... 173
Gambar 4.13 Halaman insert_news.php ... 173
Gambar 4.14 Halaman update_news.php ... 174
Gambar 4.15 Halaman update_news.php ... 174
Gambar 4.16 Halaman delete_news.php ... 175
Gambar 4.17 Halaman update_news.php ... 175
Gambar 4.18 Halaman select_cfd_eq.php ... 176
Gambar 4.19 Halaman insert_cfd_eq.php ... 177
Gambar 4.21 Halaman delete_cfd_eq.php ... 179
Gambar 4.22a Halaman select_cfd_cu.php ... 180
Gambar 4.22b Halaman insert_cfd_cu.php ... 181
Gambar 4.23 Halaman update_cfd_cu.php ... 182
Gambar 4.24a Halaman update_cfd_cu_proses.php ... 183
Gambar 4.24b Halaman delete_cfd_cu.php ... 184
Gambar 4.25 Halaman select_cfd_me.php ... 185
Gambar 4.26 Halaman insert_cfd_me.php ... 186
Gambar 4.27 Halaman insert_cfd_me.php ... 187
Gambar 4.28 Halaman delete_cfd_me.php ... 188
Gambar 4.29 Halaman select_cfd_en.php ... 189
Gambar 4.30 Halaman insert_cfd_en.php ... 190
Gambar 4.31 Halaman update_cfd_en.php ... 191
Gambar 4.32 Halaman delete_cfd_en.php ... 192
Gambar 4.33 Halaman Demo Account ... 198
Gambar 4.34 Lanjutan 1 Halaman Demo Account ... 199
Gambar 4.35 Lanjutan 2 Halaman Demo Account ... 200
Gambar 4.36 Halaman Live Account ... 201
Gambar 4.37 Halaman Live Account ... 204
Gambar 4.38 Lanjutan Halaman Live Account ... 204
xv
Gambar 4.40 Gambar Animasi tutorial MillenniumTrader dengan Captive 1
... 213
Gambar 4.41 Gambar Animasi tutorial MillenniumTrader dengan Captive 2 ... 213
Gambar 4.42 Grafik Kuesioner No. 1 ... 216
Gambar 4.43 Grafik Kuesioner No.2 ... 217
Gambar 4.44 Grafik Kuesioner No. 3 ... 218
Gambar 4.45 Grafik Kuesioner No. 4 ... 219
Gambar 4.46 Grafik Kuesioner No. 5 ... 220
Gambar 4.47 Grafik Kuesioner No. 6 ... 221
Gambar 4.48 Grafik Kuesioner No. 7 ... 222
DAFTAR LAMPIRAN
Daftar Riwayat Hidup ... L1 Kuesioner Awal ... L4 Kuesioner Evaluasi Sistem ... L7
