ANALISA DAN PERANCANGAN WEBSITE BERBASIS MULTIMEDIA PADA PERUSAHAAN MILLENNIUM DANATAMA INTERNATIONAL - Binus e-Thesis

  _________________________________________________________________

  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 Kunci : Informasi, Service, Pemasaran, dan Edukasi

  

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.

  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 Penulis

  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

  2.2. Interaksi Manusia dan Komputer ............................................ 15

  2.3 Teori analisa SWOT (Strengts, Weaknesses, Oppurtunities, Threats) ................................................................................. 23

  2.7.2 Teori How To Get Price ..................................... 41

  3.4.1. Permasalahan client ................................................... 50

  3.4. Analisis Permasalahan Sistem Yang Berjalan ...................... 50

  3.3 Analisa Sistem Berjalan .................................................. 47

  3.2 Struktur Organisasi dan Uraian Tugas ............................ 45

  3.1 Gambaran Umum Perusahaan ....................................... 44

  

BAB 3 ANALISA DAN PERANCANGAN ....................................... 44

  2.7.3 MillenniumTrader .............................................. 42

  2.7.1 Pengertian Valuta Asing (Forex) ......................... 40

  2.4 UML (Unified Modelling Language) .................................... 24

  2.7 Teori-teori khusus .............................................................. 40

  2.6.4 API ...................................................................... 40

  2.6.3 PHP dan MySQL ................................................. 36

  2.6.2 APACHE .............................................................. 35

  2.6.1 HTML, Internet, dan World Wide Web (WWW) ............................................................................. 32

  2.6 Perangkat Lunak ................................................................. 32

  2.5 PROTOTYPING ................................................................. 30

  3.4.2. Permasalahan perusahaan ......................................... 58

  3.5 Usulan Pemecahan Masalah .................................................. 61

  4.1 Implementasi ......................................................................... 148

  5.2 Saran ....................................................................................... 225

  5.1 Simpulan ................................................................................ 224

  

BAB 5 KESIMPULAN DAN SARAN..................................................... 224

  4.4. Evaluasi ................................................................................. 214

  4.3 Fitur-Fitur Unggulan ............................................................. 198

  4.2 Tampilan Layar ADMIN dan SWAP .................................... 161

  BAB 4 IMPLEMENTASI DAN EVALUASI ....................................... 148

  3.6 Perancangan Sistem ............................................................... 62

  3.6.7 Spesifikasi Proses ................................................. 141

  3.6.6 Perancangan Layar ................................................ 110

  3.6.5 Perancangan Hirarki Menu ................................... 104

  3.6.4 Perancangan Database .......................................... 101

  3.6.3 Perancangan Sequence Diagram ............................ 93

  3.6.2 Perancangan Activity Diagram ............................... 68

  3.6.1 Perancangan Use Case Diagram ............................ 62

  DAFTAR PUSTAKA RIWAYAT HIDUP LAMPIRAN – LAMPIRAN FOTOCOPY SURAT SURVEI

  

DAFTAR TABEL

Tabel 2.1 Tabel MIDI dengan WAVE ........................................................ 13Tabel 3.1 Tabel Hasil Penyebaran Kuesioner Awal .................................... 50Tabel 3.2 cfd_cu ......................................................................................... 101Tabel 3.3 cfd_en ......................................................................................... 101Tabel 3.4 cfd_eq ......................................................................................... 102Tabel 3.5 cfd_me ........................................................................................ 102Tabel 3.6 login ............................................................................................ 102Tabel 3.7 news ............................................................................................ 103Tabel 3.8 swap ............................................................................................ 103Tabel 3.9 Pop Up Menu “About” ............................................................... 105Tabel 3.10 Pop Up Menu “Forex” ............................................................... 105Tabel 3.11 Pop Up Menu “Future” .............................................................. 106Tabel 3.12 Pop Up Menu “Mini” ................................................................. 107Tabel 3.13 Pop Up Menu “Online” ............................................................. 108Tabel 3.14 Pop Up Menu “Education” ....................................................... 109

  

DAFTAR GAMBAR

Gambar 2.1 Alur Get Forex Price ...................................................................... 41Gambar 3.1 Struktur Organisasi ........................................................................ 45Gambar 3.2 Alur Sistem Berjalan MDI ............................................................ 47Gambar 3.3 Use Case Forex Trading Diagram 1 ............................................. 63Gambar 3.4 Use Case Forex Trading Diagram 2 .............................................. 64Gambar 3.5 Use Case On Line Registration .................................................... 65Gambar 3.6 Use Case DDE .............................................................................. 66Gambar 3.7 Use Case With Draw .................................................................... 67Gambar 3.8 Activity Diagram Menu “About” ................................................. 68Gambar 3.9 Activity Diagram Menu “Forex” .................................................. 69Gambar 3.10 Activity Diagram Menu “Features” .............................................. 70Gambar 3.11 Activity Diagram Menu “Mini” .................................................... 71Gambar 3.12 Activity Diagram Menu “On Line” .............................................. 72Gambar 3.13 Activity Diagram Menu “Education” ........................................... 73Gambar 3.14 Activity Diagram Menu “The Company” ..................................... 74Gambar 3.15 Activity Diagram Menu “Our Service” ........................................ 74Gambar 3.16 Activity Diagram Menu “News & Analysis” ............................... 75Gambar 3.17 Activity Diagram Menu “Corporate News” ................................. 75Gambar 3.18 Activity Diagram Menu “Contact Us” ......................................... 76Gambar 3.19 Activity Diagram Menu “Privacy Notice” ................................... 76Gambar 3.20 Activity Diagram Menu “Forex at MPF” ..................................... 77Gambar 3.21 Activity Diagram Menu “Forex Conditions” ............................... 77Gambar 3.22 Activity Diagram Menu “Forex Spreads” .................................... 78Gambar 3.23 Activity Diagram Menu “Forex SWAP” ...................................... 78Gambar 3.24 Activity Diagram Menu “Types of Order” ................................... 79Gambar 3.25 Activity Diagram Menu “Spot Gold & Silver” ............................ 79Gambar 3.26 Activity Diagram Menu “Risk Conditions” ................................. 80Gambar 3.27 Activity Diagram Menu “Features at MPF” ................................. 80Gambar 3.28 Activity Diagram Menu “Spreads & Conditions” ........................ 81Gambar 3.29 Activity Diagram Menu “Mini Forex” ......................................... 81Gambar 3.30 Activity Diagram Menu “Mini Features” ..................................... 82Gambar 3.31 Activity Diagram Menu “Mini Spreads and Conditions” ............. 82Gambar 3.32 Activity Diagram Menu “Opening Demo Account” .................... 83Gambar 3.33 Activity Diagram Menu “Opening Live Account” ....................... 83Gambar 3.34 Activity Diagram Menu “Minimum Deposit” .............................. 84Gambar 3.35 Activity Diagram Menu “Documents” ......................................... 84Gambar 3.36 Activity Diagram Menu “FAQ” ................................................... 85Gambar 3.37 Activity Diagram Menu “Software Download” ........................... 85Gambar 3.38 Activity Diagram Menu “Mobile Terminal” ................................ 86Gambar 3.39 Activity Diagram Menu “WAP” .................................................. 86Gambar 3.40 Activity Diagram Menu “User Guides” ....................................... 87Gambar 3.41 Activity Diagram Menu “Forex History” ..................................... 87Gambar 3.42 Activity Diagram Menu “What is Forex?” ................................... 88Gambar 3.43 Activity Diagram Menu “Future Exchange” ................................ 88Gambar 3.44 Activity Diagram Menu “Equitess Future” .................................. 89Gambar 3.45 Activity Diagram Menu “Fundamental” ...................................... 89Gambar 3.46 Activity Diagram Menu “Technical” ............................................ 90Gambar 3.47 Activity Diagram Menu “Glossary” ............................................. 90Gambar 3.48 Activity Diagram Menu “On Line Registration” .......................... 91Gambar 3.49 Activity Diagram Menu “ Download Software” .......................... 92Gambar 3.50 Activity Diagram Menu “Konversi nama mata uang” ................. 92Gambar 3.51 Sequence Diagram “About” ......................................................... 93Gambar 3.52 Sequence Diagram “Forex” .......................................................... 94Gambar 3.53 Sequence Diagram Menu “Feature” ........................................... 95Gambar 3.54 Sequence Diagram Menu “Mini.................................................... 96Gambar 3.55 Sequence Diagram Menu “Online” ............................................ 97Gambar 3.56 Sequence Diagram Menu “Education” ....................................... 99Gambar 3.57 Sequence Diagram Online Registration ...................................... 100Gambar 3.58 Hirarki Menu “Layar Utama” .................................................... 104Gambar 3.59 Hirarki Menu “About” ............................................................... 104Gambar 3.60 Hirarki Menu “Forex” ................................................................ 105Gambar 3.61 Hirarki Menu “Future” .............................................................. 106Gambar 3.62 Hirarki Menu “Mini” ................................................................. 107Gambar 3.63 Hirarki Menu “Online” .............................................................. 108Gambar 3.64 Hirarki Menu “Education” ........................................................ 109Gambar 3.65 Perancangan Layar Halaman Utama/Index ................................ 110Gambar 3.66 Perancangan Layar “About Î The Company” .......................... 111Gambar 3.67 Perancangan Layar “About Î Our Service” ............................. 112Gambar 3.68 Perancangan Layar “About Î News & Analysis” .................... 113Gambar 3.69 Perancangan Layar “About Î Contact Us” ............................... 114Gambar 3.70 Perancangan Layar “About Î Privacy Notice” ......................... 115Gambar 3.71 Perancangan Layar “Forex Î Forex at MPF” ........................... 116Gambar 3.72 Perancangan Layar “Forex Î Forex Conditions” ..................... 117Gambar 3.73 Perancangan Layar “Forex Î Spreads” ..................................... 118Gambar 3.74 Perancangan Layar “Forex Î SWAP” ...................................... 119Gambar 3.75 Perancangan Layar “Forex Î Types of Order” ......................... 120Gambar 3.76 Perancangan Layar “Forex Î Spot Gold & Silver” .................. 121Gambar 3.77 Perancangan Layar “Forex Î Risk Disclosure” ........................ 122Gambar 3.78 Perancangan Layar “Future Î Futures at MPF” ....................... 123Gambar 3.79 Perancangan Layar “Future Î Spreads & Conditions” ............. 124Gambar 3.80 Perancangan Layar “Mini Î Mini forex” .................................. 125Gambar 3.81 Perancangan Layar “Opening Î Opening Demo and Live Account”

  ............................................................................................................................... 126

Gambar 3.82 Perancangan Layar “Online Î Minimum Deposit” .................. 127Gambar 3.83 Perancangan Layar “Online Î Documents” .............................. 128Gambar 3.84 Perancangan Layar “Online Î FAQ” ........................................ 129Gambar 3.85 Perancangan Layar “Online Î Software Download” ................ 130Gambar 3.86 Perancangan Layar “Opening Î Mobile Terminal” .................. 131Gambar 3.87 Perancangan Layar “Opening Î WAP” ..................................... 132Gambar 3.88 Perancangan Layar “Education Î User Guides” ....................... 133Gambar 3.89 Perancangan Layar “Education Î Forex History” ..................... 134Gambar 3.90 Perancangan Layar “Education Î What is Forex ?” .................. 135Gambar 3.91 Perancangan Layar “Education Î Future Exchanges” ............... 136Gambar 3.92 Perancangan Layar “Education Î Equitis and Future” .............. 137Gambar 3.93 Perancangan Layar “Education Î Fundamentals” .................... 138Gambar 3.94 Perancangan Layar “Education Î Technicals” ......................... 139Gambar 3.95 Perancangan Layar “Education Î Glossary” ............................ 140Gambar 4.1 Layar Utama (index) ................................................................ 148Gambar 4.2 Harga Real-Time ........................................................................ 150Gambar 4.3 Halaman Content untuk “About” Æ Company Profile .............. 152Gambar 4.4 Halaman Content untuk “About” ................................................ 153Gambar 4.5 Halaman Content untuk “Forex” ................................................ 156Gambar 4.6 Halaman Login ........................................................................... 161Gambar 4.7 Halaman menu.php ..................................................................... 161

  ....................................................... 163

Gambar 4.8 Halaman select_swap.phpGambar 4.9 Halaman insert_swap.php ........................................................... 166Gambar 4.10 Halaman Update_swap.php ........................................................ 169Gambar 4.11 Halaman delete_swap.php .......................................................... 172Gambar 4.12 Halaman News.php ..................................................................... 173Gambar 4.13 Halaman insert_news.php ........................................................... 173Gambar 4.14 Halaman update_news.php ......................................................... 174Gambar 4.15 Halaman update_news.php ......................................................... 174Gambar 4.16 Halaman delete_news.php .......................................................... 175Gambar 4.17 Halaman update_news.php ......................................................... 175Gambar 4.18 Halaman select_cfd_eq.php ........................................................ 176Gambar 4.19 Halaman insert_cfd_eq.php ........................................................ 177Gambar 4.20 Halaman update_cfd_eq.php ...................................................... 178Gambar 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 ....................................................... 185Gambar 4.26 Halaman insert_cfd_me.php ....................................................... 186Gambar 4.27 Halaman insert_cfd_me.php ....................................................... 187Gambar 4.28 Halaman delete_cfd_me.php ...................................................... 188Gambar 4.29 Halaman select_cfd_en.php ........................................................ 189Gambar 4.30 Halaman insert_cfd_en.php ........................................................ 190Gambar 4.31 Halaman update_cfd_en.php ...................................................... 191Gambar 4.32 Halaman delete_cfd_en.php ....................................................... 192Gambar 4.33 Halaman Demo Account ............................................................. 198Gambar 4.34 Lanjutan 1 Halaman Demo Account .......................................... 199Gambar 4.35 Lanjutan 2 Halaman Demo Account .......................................... 200Gambar 4.36 Halaman Live Account ............................................................... 201

  ............................................................ 204

Gambar 4.37 Halaman Live Account

  ........................................... 204

Gambar 4.38 Lanjutan Halaman Live Account

  ....................................................... 210

Gambar 4.39 Halaman Jurnal TransaksiGambar 4.40 Gambar Animasi tutorial MillenniumTrader dengan Captive 1

  ............................................................................................................................... 213 Gambar

  4.41 Gambar Animasi tutorial MillenniumTrader dengan Captive 2 ............................................................................................................................... 213