UNIVERSITAS BINA NUSANTARA
Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008
ANALISIS DAN PERANCANGAN APLIKASI E-MARKETING PADA STUDIO LIMA PRIVATE MUSIC LESSONS Yolanda Friscilla Ellennissa Hannah Tiarma L Toruan
0800738175 0800747425 0800749310
Abstrak Semakin berkembangnya teknologi informasi pada saat ini memberikan media baru untuk kegiatan pemasaran. Media baru tersebut adalah Internet, sehingga untuk dapat memasarkan suatu produk baik dalam bentuk barang maupun jasa melalui Internet, diperlukan sebuah situs web pemasaran (EMarketing) yang bertujuan untuk dapat memperkenalkan produk, memperluas pangsa pasar, dan meningkatkan minat konsumen untuk membeli secara offline dan memesan secara online. Tujuan dari penelitian ini adalah untuk menganalisis masalah yang dihadapi oleh perusahaan dan merancang aplikasi E-Marketing pada Studio Lima Private Music Lessons yang diharapkan mampu memperluas penyebaran informasi mengenai program atau kelas yang ditawarkan dan meningkatkan jangkauan pemasaran perusahaan. Metode penelitian yang digunakan adalah metode analisis dan perancangan. Analisis dilakukan dengan cara mengamati sistem yang sedang berjalan, yang didalamnya termasuk cara kerja sistem pemasaran yang berjalan, menganalisis akan kebutuhan sistem melalui survei, wawancara, dan penyebaran kuisioner serta melakukan studi pustaka. Sedangkan metode perancangan dilakukan dengan merancang struktur menu, UML (Unified Modeling Language), tampilan layar, database dan juga spesifikasi proses. Hasil yang dicapai pada penelitian ini adalah sebuah aplikasi EMarketing yang didalamnya tersedia informasi mengenai profil perusahaan, program atau kelas yang ditawarkan oleh Studio Lima Private Music Lessons berikut dengan detil kelas dan tampilan yang menarik serta didukung oleh fiturfitur yang memudahkan pelanggan. Simpulan yang dapat diambil adalah dengan adanya aplikasi E-Marketing ini dapat memberikan keuntungan bagi perusahaan dalam kemudahan memasarkan produk serta meneliti minat pasar. Kata Kunci : Analisis, Perancangan, Aplikasi, E-Marketing.
v
PRAKATA
Puji syukur dan terimakasih kepada Tuhan Yang Maha Esa atas kasih, berkat, dan karunia yang telah dilimpahkan-Nya, sehingga penulis dapat menyelesaikan Skripsi yang berjudul “Analisis dan Perancangan Aplikasi E-Marketing pada Studio Lima Private Music Lessons” ini dengan baik. Skripsi ini disusun untuk memenuhi persyaratan dalam menyelesaikan Jenjang Studi Strata Satu (S1), Fakultas Ilmu
Komputer, Jurusan Teknik Informatika,
Universitas Bina Nusantara. Pada kesempatan ini, penulis ingin menyampaikan rasa hormat dan terima kasih kepada semua pihak yang telah memberikan bantuannya, adapun ucapan terima kasih ini ditujukan kepada : 1. Bapak Prof. Dr. Drs. Gerardus Polla, M.App.Sc, selaku Rektor Universitas Bina Nusantara, yang telah memberikan kesempatan kepada penulis meraih pendidikan yang lebih tinggi; 2. Bapak Fredy Purnomo, S.Kom., M.Kom, selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara, yang telah meluangkan waktu untuk memberikan saran serta penjelasan sehingga skripsi ini dapat terselesaikan; 3. Bapak Tri Djoko Wahjono, Ir, M.Sc, selaku dosen pembimbing, yang telah meluangkan banyak waktu untuk memberikan dorongan, bantuan, pemahaman, masukan dan dengan sabar memberikan bimbingan yang sangat berarti dalam pembuatan skripsi ini dari awal sampai akhir; vi
4. Ibu Nia Anggreani A. Suprayogi N, M.Ed.Adm selaku Direktur Akademik Studio Lima Private Music Lessons, yang telah memberikan kesempatan kepada penulis untuk mengerjakan tugas skripsi di perusahaannya; 5. Ibu Yessy selaku Manajer Marketing Studio Lima, yang telah membantu memberikan masukan-masukan dan ide-ide serta pengarahan yang berguna dalam pembuatan skripsi ini; 6. Ibu Endang Ayu Mulyasari selaku Manajer Operasional dan Keuangan Studio Lima, yang telah memberikan waktu dan perhatian selama pembuatan skripsi ini; 7. Ibu Lidya dan Bapak Endi Suhendi selaku Customer Service Studio Lima, yang telah memberikan segala dukungan dan informasi yang dibutuhkan dalam pembuatan skripsi ini; 8. Segenap pimpinan dan staff Studio Lima Private Music Lessons yang telah memberikan petunjuk dan informasi-informasi yang penulis butuhkan selama penulisan skripsi ini; 9. Saudara-saudara anggota tim penyusun skripsi yang telah sama-sama berjuang untuk penulisan skripsi ini, untuk doa, dukungan, partisipasi, dan motivasi sehingga skripsi ini dapat diselesaikan tepat pada waktunya; 10. Orang tua dan keluarga, yang telah memberikan dukungan moral dan materiil, teman-teman serta semua pihak yang tidak dapat penulis sebutkan satu persatu yang telah memberikan dukungan, semangat, dan doa.
vii
Kami menyadari bahwa skripsi ini masih jauh dari sempurna, baik dalam segi materi maupun penyajiannya. Oleh karena itu, segala kritik dan saran yang membangun demi penyempurnaan skripsi ini sangat penulis harapkan. Akhir kata, penulis berharap agar skripsi ini tidak hanya bermanfaat bagi penulis tetapi juga bagi semua pihak yang membutuhkan, sehingga hasil yang diperoleh dapat lebih disempurnakan dan lebih berguna dimasa mendatang.
Jakarta, Januari 2008
Penulis
viii
DAFTAR ISI Halaman Halaman Judul Luar. . . . . . . . . . . . . . . . . . . . . .
i
Halaman Judul Dalam . . . . . . . . . . . . . . . . . . . . .
ii
Halaman Persetujuan Hardcover . . . . . . . . . . . . . . . . .
iii
Halaman Pernyataan Dewan Penguji . . . . . . . . . . . . . . .
iv
Halaman Dedikasi . . . . . . . . . . . . . . . . . . . . . .
v
ABSTRAK . . . . . . . . . . . . . . . . . . . . . . . . .
vi
PRAKATA . . . . . . . . . . . . . . . . . . . . . . . . .
vii
DAFTAR ISI . . . . . . . . . . . . . . . . . . . . . . . .
x
DAFTAR TABEL . . . . . . . . . . . . . . . . . . . . . .
xvi
DAFTAR GAMBAR . . . . . . . . . . . . . . . . . . . . .
xx
DAFTAR LAMPIRAN. . . . . . . . . . . . . . . . . . . . .
xxxv
BAB 1 PENDAHULUAN . . . . . . . . . . . . . . . . . . .
1
1.1 Latar Belakang . . . . . . . . . . . . . . . . . .
1
1.2 Ruang Lingkup . . . . . . . . . . . . . . . . . .
3
1.3 Tujuan dan Manfaat . . . . . . . . . . . . . . . .
4
1.4 Metodologi . . . . . . . . . . . . . . . . . . . .
5
1.4.1 Metode Analisis . . . . . . . . . . . . . . .
5
1.4.2 Metode Pengembangan Perangkat Lunak . . . . .
6
1.5 Sistematika Penulisan . . . . . . . . . . . . . . .
7
BAB 2 LANDASAN TEORI
. . . . . . . . . . . . . . . . . x
9
Halaman 2.1 Internet . . . . . . . . . . . . . . . . . . . . . .
9
2.1.1 Pengertian Internet . . . . . . . . . . . . . .
9
2.1.2 World Wide Web (WWW) . . . . . . . . . . .
10
2.2 Interaksi Manusia dan Komputer . . . . . . . . . . . .
12
2.2.1 Pengertian Interaksi Manusia dan Komputer . . . .
12
2.2.2 Tujuan Interaksi Manusia dan Komputer . . . . .
13
2.2.3 Perancangan Interaktif dengan Delapan Aturan Emas
13
2.3 Siklus Perancangan Web . . . . . . . . . . . . . . .
15
2.4 Pengembangan Website . . . . . . . . . . . . . . .
17
2.5 Tools . . . . . . . . . . . . . . . . . . . . . . .
21
2.5.1 Database . . . . . . . . . . . . . . . . . .
21
2.5.2 PHP, MySQL dan Apache Server . . . . . . . .
21
2.6 Rekayasa Perangkat Lunak . . . . . . . . . . . . . .
23
2.6.1 Model Waterfall . . . . . . . . . . . . . . .
24
2.6.2 The Unified Modeling Language (UML) . . . . .
26
2.6.2.1 Class Diagram. . . . . . . . . . . . .
26
2.6.2.2 Use Case Diagram . . . . . . . . . . .
27
2.6.2.3 Sequence Diagram . . . . . . . . . . .
28
2.6.2.4 Activity Diagram . . . . . . . . . . .
30
2.6.2.5 Statechart Diagram . . . . . . . . . . .
32
2.6.2.6 Object Diagram . . . . . . . . . . . .
32
xi
Halaman 2.6.2.7 Collaboration Diagram . . . . . . . . .
33
2.6.2.8 Component Diagram . . . . . . . . . .
34
2.6.2.9 Deployment Diagram . . . . . . . . . .
35
2.7 Pemasaran . . . . . . . . . . . . . . . . . . . .
36
2.7.1 Pengertian Pemasaran . . . . . . . . . . . . .
36
2.7.2 Konsep Pemasaran . . . . . . . . . . . . . .
36
2.7.3 Pemasaran Vs. Penjualan . . . . . . . . . . .
37
2.8 E-Marketing . . . . . . . . . . . . . . . . . . . .
38
2.8.1 E-Business, E-Commerce, E-Marketing . . . . . .
38
2.8.2 Pengertian E-Marketing dan Internet Marketing . .
39
2.8.3 Internet Marketing Mix . . . . . . . . . . . .
40
2.8.4 Direct Marketing . . . . . . . . . . . . . . .
41
2.8.5 Alasan Menggunakan E-Marketing . . . . . . .
41
2.8.6 Lima Komponen Internet Marketing . . . . . . .
43
2.8.7 Pemasaran Melalui Internet . . . . . . . . . .
44
2.8.8 Metode Umum Dalam Menawarkan Produk di Internet
45
2.8.9 Strategi E-Marketing . . . . . . . . . . . . .
45
2.8.10 Tren Masa Depan Internet . . . . . . . . . . .
49
2.8.11 Tujuh Tahap Internet Marketing . . . . . . . .
50
2.9 Musik . . . . . . . . . . . . . . . . . . . . . .
57
2.9.1 Pengertian Musik . . . . . . . . . . . . . .
57
xii
Halaman 2.9.2 Sekolah Musik . . . . . . . . . . . . . . . BAB 3 PERANCANGAN SISTEM. . . . . . . . . . . . . . . .
59 61
3.1 Gambaran Umum Perusahaan. . . . . . . . . . . . .
61
3.2 Struktur Organisasi . . . . . . . . . . . . . . . . .
67
3.3 Analisis Sistem yang Berjalan. . . . . . . . . . . . . .
75
3.4 Permasalahan yang Dihadapi. . . . . . . . . . . . . .
78
3.5 Usulan Pemecahan Masalah. . . . . . . . . . . . . .
80
3.6 Perancangan Struktur Menu. . . . . . . . . . . . . .
81
3.7 UML. . . . . . . . . . . . . . . . . . . . . . .
83
3.7.1 Class Diagram . . . . . . . . . . . . . . . .
84
3.7.2 Use Case Diagram. . . . . . . . . . . . . . .
85
3.7.3 Sequence Diagram . . . . . . . . . . . . . .
93
3.7.4 Activity Diagram . . . . . . . . . . . . . . .
122
3.7.5 Statechart Diagram . . . . . . . . . . . . . .
143
3.7.6 Collaboration Diagram . . . . . . . . . . . . .
167
3.7.7 Component Diagram
. . . . . . . . . . . . .
183
3.7.8 Deployment Diagram . . . . . . . . . . . . .
183
3.7.9 Object Diagram. . . . . . . . . . . . . . . .
184
3.8 Perancangan Layar . . . . . . . . . . . . . . . . .
186
3.8.1 Perancangan Layar Umum . . . . . . . . . . .
186
3.8.2 Perancangan Layar Anggota. . . . . . . . . . .
199
xiii
Halaman 3.8.3 Perancangan Layar Admin . . . . . . . . . . .
213
3.9 Rancangan Basis Data . . . . . . . . . . . . . . .
234
3.10 Spesifikasi Proses . . . . . . . . . . . . . . . . .
244
3.11 Analisis Hasil Kuisioner. . . . . . . . . . . . . . .
287
BAB 4 IMPLEMENTASI DAN EVALUASI . . . . . . . . . . .
304
4.1 Implementasi . . . . . . . . . . . . . . . . . . .
304
4.1.1 Perangkat Keras . . . . . . . . . . . . . . . .
304
4.1.2 Perangkat Lunak . . . . . . . . . . . . . . . .
305
4.1.3 Sumber Daya Manusia . . . . . . . . . . . . . .
306
4.1.4 Web Hosting . . . . . . . . . . . . . . . . .
307
4.2 Jadwal Implementasi . . . . . . . . . . . . . . . .
308
4.3 Cara Penginstalasian . . . . . . . . . . . . . . . .
308
4.4 Cara Penggunaan Website . . . . . . . . . . . . . .
310
4.5 Tampilan Layar. . . . . . . . . . . . . . . . . . .
311
4.5.1 Tampilan Layar Umum . . . . . . . . . . . . .
311
4.5.2 Tampilan Layar Anggota. . . . . . . . . . . . .
329
4.5.3 Tampilan Layar Admin . . . . . . . . . . . . .
353
4.6 Evaluasi Sistem . . . . . . . . . . . . . . . . . .
375
4.6.1 Analisis Post Kuesioner Karyawan . . . . . . . . .
375
4.6.2 Analisis Post Kuesioner Konsumen. . . . . . . . .
377
4.6.3 Evaluating The Marketing Program. . . . . . . . .
388
xiv
Halaman BAB 5 SIMPULAN DAN SARAN . . . . . . . . . . . . . . .
393
5.1 Simpulan . . . . . . . . . . . . . . . . . . . . .
393
5.2 Saran . . . . . . . . . . . . . . . . . . . . . .
396
DAFTAR PUSTAKA. . . . . . . . . . . . . . . . . . . . . .
399
DAFTAR RIWAYAT HIDUP . . . . . . . . . . . . . . . . . .
403
LAMPIRAN . . . . . . . . . . . . . . . . . . . . . . . . .
406
xv
DAFTAR TABEL Halaman Tabel 2.1 Penjualan Vs. Pemasaran ................................................................38 Tabel 3.1 Harga Kursus Musik ...................................................................... 65 Tabel 3.2 Harga Kursus Seni ..........................................................................66 Tabel 3.3 Harga Kursus Kebugaran ................................................................67 Tabel 3.4 Tabel agenda ...................................................................................234 Tabel 3.5 Tabel berita .....................................................................................234 Tabel 3.6 Tabel bukutamu .............................................................................. 235 Tabel 3.7 Tabel download .............................................................................. 235 Tabel 3.8 Tabel forum .................................................................................... 236 Tabel 3.9 Tabel gallery ...................................................................................236 Tabel 3.10 Tabel group ................................................................................. 237 Tabel 3.11 Tabel hasil_polling ...................................................................... 237 Tabel 3.12 Tabel jadwal_ujian ...................................................................... 238 Tabel 3.13 Tabel link ....................................................................................238 Tabel 3.14 Tabel ms_admin .......................................................................... 239 Tabel 3.15 Tabel ms_kelas ............................................................................ 239 Tabel 3.16 Tabel ms_level .............................................................................240 Tabel 3.17 Tabel ms_murid ...........................................................................240 Tabel 3.18 Tabel ms_pengajar .......................................................................241 Tabel 3.19 Tabel ms_program .......................................................................241 xvi
Halaman Tabel 3.20 Tabel ms_user ............................................................................. 242 Tabel 3.21 Tabel pendaftaran ........................................................................ 242 Tabel 3.21 Tabel pendaftaran (Lanjutan) ...................................................... 243 Tabel 3.22 Tabel pendaftaran_detail ............................................................. 243 Tabel 3.23 Tabel tips_musik ........................................................................ 244 Tabel 3.24 Tingkat penggunaan Internet dalam satu minggu ........................287 Tabel 3.25 Tingkat ketertarikan dalam mengakses informasi lewat Internet ............................................................................... 288 Tabel 3.26 Internet menjadi kebutuhan dalam berkomunikasi ......................289 Tabel 3.27 Frekuensi mendengar tentang nama Studio Lima Private Music Lessons ............................................ 290 Tabel 3.28 Tingkat penyebaran informasi program Studio Lima Private Music Lessons ............................................ 291 Tabel 3.29 Cara konsumen memperoleh informasi mengenai Studio Lima Private Music Lessons ............................................ 292 Tabel 3.30 Cara yang disukai konsumen dalam mendapatkan informasi ..... 293 Tabel 3.31 Kelengkapan informasi yang diberikan oleh Studio Lima Private Music Lessons ............................................ 294 Tabel 3.32 Kesulitan yang dialami konsumen saat mencari sebuah sekolah musik .............................................................................. 295 Tabel 3.33 Tingkat penyampaian Informasi yang up-to date ....................... 296 xvii
Halaman Tabel 3.34 Tingkat kepahaman akan informasi program ............................... 297 Tabel 3.35 Tingkat Pelayanan Studio Lima Private Music Lessons .............. 298 Tabel 3.36 Manfaat penyampaian informasi program melalui website ......... 299 Tabel 3.37 Unsur tampilan yang menarik konsumen mengunjungi sebuah situs pemasaran .................................................................300 Tabel 3.38 Hal yang konsumen harapkan untuk ditonjolkan dalam sebuah situs pemasaran ................................................................301 Tabel 4.1 Jadwal Kegiatan Implementasi ......................................................308 Tabel 4.2 Evaluasi Hasil Ujicoba .................................................................. 376 Tabel 4.3 Tingkat perolehan informasi program / kelas yang lengkap dan akurat ............................................................... 378 Tabel 4.4 Tingkat kemudahan penggunaan website Studio Lima Private Music Lessons ..............................................379 Tabel 4.5 Tampilan website Studio Lima Private Music Lessons .................380 Tabel 4.6 Tingkat kelengkapan menu pada website Studio Lima Private Music Lessons ..............................................381 Tabel 4.7 Tingkat manfaat fasilitas website Studio Lima Private Music Lessons ..............................................382 Tabel 4.8 Tingkat bantuan dari pesan kesalahan .......................................... 383 Tabel 4.9 Tingkat kecepatan beradaptasi dengan website Studio Lima Private Music Lessons ............................................. 384 xviii
Halaman Tabel 4.10 Tingkat kemudahan dalam memasarkan program / kelas dan event Studio Lima Private Music Lessons ........................... 385 Tabel 4.11 Tingkat ketertarikan terhadap program / kelas yang ditawarkan setelah melihat website Studio Lima Private Music Lessons ................................................................. 386 Tabel 4.12 Kemungkinan user berkunjung kembali ke website Studio Lima Private Music Lessons ............................................. 387 Tabel 4.13 Evaluating The Marketing Program ........................................... 388 Tabel 4.13 Evaluating The Marketing Program (Lanjutan) ......................... 389 Tabel 4.13 Evaluating The Marketing Program (Lanjutan) . ........................ 390 Tabel 4.13 Evaluating The Marketing Program (Lanjutan) .......................... 391 Tabel 4.13 Evaluating The Marketing Program (Lanjutan) ......................... 392
xix
DAFTAR GAMBAR Halaman Gambar 2.1 Class Diagram ............................................................................27 Gambar 2.2 Use Case Diagram ..................................................................... 28 Gambar 2.3 Sequence diagram ......................................................................29 Gambar 2.4 Activity Diagram ....................................................................... 31 Gambar 2.5 Statechart Diagram .................................................................... 32 Gambar 2.6 Object Diagram ...........................................................................33 Gambar 2.7 Collaboration diagram ............................................................... 34 Gambar 2.8 Component Diagram ..................................................................34 Gambar 2.9 Deployment Diagram .................................................................35 Gambar 2.10 A Simple Framework for Internet Marketing Strategy Development ............................................................. 46 Gambar 2.11 Enam Langkah dalam Melihat Kesempatan Bisnis yang Ada .......................................................................50 Gambar 3.1 Grade System .............................................................................63 Gambar 3.2 Struktur Organisasi .................................................................... 68 Gambar 3.3 Struktur Menu Umum (non-member) ....................................... 81 Gambar 3.4 Struktur Menu Anggota (member) ............................................ 82 Gambar 3.5 Struktur Menu Admin ................................................................82 Gambar 3.6 Class diagram .............................................................................84 Gambar 3.7 Use Case Diagram Admin ......................................................... 85 xx
Halaman Gambar 3.8 Use Case Diagram Anggota .......................................................86 Gambar 3.9 Use Case Diagram Umum ......................................................... 87 Gambar 3.10 Use Case Daftar Online ........................................................... 87 Gambar 3.11 Use Case Data Pengajar ...........................................................88 Gambar 3.12 Use Case Data Murid ...............................................................89 Gambar 3.13 Use Case Jadwal Ujian ............................................................ 90 Gambar 3.14 Use Case Forum .......................................................................91 Gambar 3.15 Use Case Buku Tamu .............................................................. 92 Gambar 3.16 Sequence Lihat Agenda ........................................................... 93 Gambar 3.17 Sequence Lihat Berita ..............................................................94 Gambar 3.18 Sequence Lihat Gallery ............................................................95 Gambar 3.19 Sequence Lihat Tips Musik ..................................................... 96 Gambar 3.20 Sequence Lihat Hasil Polling ...................................................97 Gambar 3.21 Sequence Lihat Buku Tamu .....................................................98 Gambar 3.22 Sequence Download ................................................................ 99 Gambar 3.23 Sequence Links ........................................................................100 Gambar 3.24 Sequence Lihat Kelas ..............................................................101 Gambar 3.25 Sequence Daftar Online ...........................................................102 Gambar 3.26 Sequence Lihat Jadwal Ujian ...................................................103 Gambar 3.27 Sequence Forum (Murid) .........................................................104 Gambar 3.28 Sequence Forum (Pengajar) .....................................................105 xxi
Halaman Gambar 3.29 Sequence Tambah Agenda .......................................................106 Gambar 3.30 Sequence Tambah Berita ......................................................... 107 Gambar 3.31 Sequence Tambah Gallery .......................................................108 Gambar 3.32 Sequence Hapus Agenda ......................................................... 109 Gambar 3.33 Sequence Hapus Berita ............................................................ 110 Gambar 3.34 Sequence Hapus Gallery ..........................................................111 Gambar 3.35 Sequence Hapus Data Murid ................................................... 112 Gambar 3.36 Sequence Tambah Data Murid ................................................ 113 Gambar 3.37 Sequence Tambah Data Pengajar ............................................ 114 Gambar 3.38 Sequence Hapus Data Pengajar ............................................... 115 Gambar 3.39 Sequence Ubah Berita ..............................................................116 Gambar 3.40 Sequence Ubah Agenda ...........................................................117 Gambar 3.41 Sequence Ubah Gallery ........................................................... 118 Gambar 3.42 Sequence Ubah Data Murid .....................................................119 Gambar 3.43 Sequence Ubah Data Pengajar .................................................120 Gambar 3.44 Sequence Ubah Password ........................................................ 121 Gambar 3.45 Activity diagram Admin .......................................................... 122 Gambar 3.46 Activity diagram Anggota (Member) ...................................... 123 Gambar 3.47 Activity diagram Murid ........................................................... 124 Gambar 3.48 Activity diagram Pengajar ....................................................... 125 Gambar 3.49 Activity diagram Tampilan ......................................................126 xxii
Halaman Gambar 3.50 Activity diagram User ..............................................................126 Gambar 3.51 Activity diagram User Umum ..................................................127 Gambar 3.52 Activity diagram Agenda .........................................................128 Gambar 3.53 Activity diagram Berita ........................................................... 129 Gambar 3.54 Activity diagram Buku Tamu .................................................. 130 Gambar 3.55 Activity diagram Gallery ......................................................... 131 Gambar 3.56 Activity diagram Group ...........................................................132 Gambar 3.57 Activity diagram Jadwal Ujian ................................................ 133 Gambar 3.58 Activity diagram ms_admin .....................................................134 Gambar 3.59 Activity diagram ms_kelas ...................................................... 135 Gambar 3.60 Activity diagram ms_level ...................................................... 136 Gambar 3.61 Activity diagram ms_murid .....................................................137 Gambar 3.62 Activity diagram ms_pengajar ................................................ 138 Gambar 3.63 Activity diagram ms_program .................................................139 Gambar 3.64 Activity diagram ms_user ........................................................ 140 Gambar 3.65 Activity diagram Tips_Musik ..................................................141 Gambar 3.66 Activity diagram Forum ...........................................................142 Gambar 3.67 Statechart diagram Admin ....................................................... 143 Gambar 3.68 Statechart diagram Anggota (Member) ................................... 144 Gambar 3.69 Statechart diagram Murid ........................................................ 145 Gambar 3.70 Statechart diagram Pengajar .................................................... 146 xxiii
Halaman Gambar 3.71 Statechart diagram Tampilan ................................................... 147 Gambar 3.72 Statechart diagram User ...........................................................147 Gambar 3.73 Statechart diagram User Umum ...............................................148 Gambar 3.74 Statechart diagram Agenda ......................................................149 Gambar 3.75 Statechart diagram Berita .........................................................150 Gambar 3.76 Statechart diagram Buku Tamu ............................................... 151 Gambar 3.77 Statechart diagram Download ..................................................152 Gambar 3.78 Statechart diagram Forum ........................................................153 Gambar 3.79 Statechart diagram Gallery ...................................................... 154 Gambar 3.80 Statechart diagram Group ........................................................ 155 Gambar 3.81 Statechart diagram Hasil Polling ............................................. 156 Gambar 3.82 Statechart diagram Jadwal Ujian ............................................. 157 Gambar 3.83 Statechart diagram Links ......................................................... 158 Gambar 3.84 Statechart diagram ms_admin ..................................................159 Gambar 3.85 Statechart diagram ms_kelas ................................................... 160 Gambar 3.86 Statechart diagram ms_level ....................................................161 Gambar 3.87 Statechart diagram ms_murid .................................................. 162 Gambar 3.88 Statechart diagram ms_pengajar ..............................................163 Gambar 3.89 Statechart diagram ms_program .............................................. 164 Gambar 3.90 Statechart diagram ms_user .....................................................165 Gambar 3.91 Statechart diagram Tips Musik ................................................ 166 xxiv
Halaman Gambar 3.92 Collaboration diagram Lihat Agenda ...................................... 167 Gambar 3.93 Collaboration diagram Lihat Berita ......................................... 168 Gambar 3.94 Collaboration diagram Lihat Kelas ......................................... 168 Gambar 3.95 Collaboration diagram Lihat Gallery ...................................... 169 Gambar 3.96 Collaboration diagram Lihat Buku Tamu ................................169 Gambar 3.97 Collaboration diagram Tambah Berita .................................... 170 Gambar 3.98 Collaboration diagram Lihat Hasil Polling ..............................170 Gambar 3.99 Collaboration diagram Lihat Jadwal Ujian ..............................171 Gambar 3.100 Collaboration diagram Lihat Tips Musik ...............................171 Gambar 3.101 Collaboration diagram Daftar Online .................................... 172 Gambar 3.102 Collaboration diagram Download ..........................................172 Gambar 3.103 Collaboration diagram Forum (Murid) .................................. 173 Gambar 3.104 Collaboration diagram Forum (Pengajar) .............................. 173 Gambar 3.105 Collaboration diagram Links ................................................. 174 Gambar 3.106 Collaboration diagram Hapus Agenda ...................................174 Gambar 3.107 Collaboration diagram Hapus Berita ..................................... 175 Gambar 3.108 Collaboration diagram Hapus Data Murid .............................175 Gambar 3.109 Collaboration diagram Hapus Data Pengajar .........................176 Gambar 3.110 Collaboration diagram Hapus Gallery ................................... 176 Gambar 3.111 Collaboration diagram Tambah Agenda ................................177 Gambar 3.112 Collaboration diagram Tambah Data Murid ..........................178 xxv
Halaman Gambar 3.113 Collaboration diagram Tambah Data Pengajar ......................178 Gambar 3.114 Collaboration diagram Tambah Gallery ................................ 179 Gambar 3.115 Collaboration diagram Ubah Agenda .................................... 179 Gambar 3.116 Collaboration diagram Ubah Berita .......................................180 Gambar 3.117 Collaboration diagram Ubah Data Murid .............................. 181 Gambar 3.118 Collaboration diagram Ubah Data Pengajar .......................... 181 Gambar 3.119 Collaboration diagram Ubah Gallery .....................................182 Gambar 3.120 Collaboration diagram Ubah Password ................................. 182 Gambar 3.121 Component diagram aplikasi e-Marketing Studio Lima ........183 Gambar 3.122 Deployment diagram aplikasi e-Marketing Studio Lima ....... 184 Gambar 3.123 Object diagram .......................................................................185 Gambar 3.124 Perancangan Layar Halaman Utama Umum ......................... 187 Gambar 3.125 Perancangan Layar Kelas .......................................................188 Gambar 3.126 Perancangan Layar Penjelasan Kelas .................................... 189 Gambar 3.127 Perancangan Layar Registrasi Kelas ......................................190 Gambar 3.128 Perancangan Layar Registrasi Pilih dan Tambah Kelas ........ 191 Gambar 3.129 Perancangan Layar Konfirmasi Registrasi ............................ 192 Gambar 3.130 Perancangan Layar Agenda ................................................... 192 Gambar 3.131 Perancangan Layar Download ............................................... 193 Gambar 3.132 Perancangan Layar Buku Tamu .............................................194 Gambar 3.133 Perancangan Layar FAQ ........................................................195 xxvi
Halaman Gambar 3.134 Perancangan Layar Tentang Kami .........................................196 Gambar 3.135 Perancangan Layar Pengajar ..................................................196 Gambar 3.136 Perancangan Layar Gallery ....................................................197 Gambar 3.137 Perancangan Layar Kontak Kami .......................................... 198 Gambar 3.138 Perancangan Layar Halaman Utama Anggota (setelah login) .........................................................199 Gambar 3.139 Perancangan Layar Kelas .......................................................200 Gambar 3.140 Perancangan Layar Penjelasan Kelas .................................... 201 Gambar 3.141 Perancangan Layar Registrasi Kelas ......................................202 Gambar 3.142 Perancangan Layar Registrasi Pilih dan Tambah Kelas ........ 203 Gambar 3.143 Perancangan Layar Konfirmasi Registrasi ............................ 204 Gambar 3.144 Perancangan Layar Jadwal Ujian .......................................... 204 Gambar 3.145 Perancangan Layar Group Forum ......................................... 205 Gambar 3.146 Perancangan Layar Balasan Group Forum ............................ 206 Gambar 3.147 Perancangan Layar Agenda ................................................... 207 Gambar 3.148 Perancangan Layar Download ............................................... 207 Gambar 3.149 Perancangan Layar Buku Tamu .............................................208 Gambar 3.150 Perancangan Layar FAQ ........................................................209 Gambar 3.151 Perancangan Layar Tentang Kami .........................................210 Gambar 3.152 Perancangan Layar Pengajar ..................................................210 Gambar 3.153 Perancangan Layar Gallery ....................................................211 xxvii
Halaman Gambar 3.154 Perancangan Layar Kontak Kami .......................................... 212 Gambar 3.155 Perancangan Layar Ubah Password Anggota ........................213 Gambar 3.156 Perancangan Layar Login Admin .......................................... 214 Gambar 3.157 Perancangan Layar Data Admin ............................................ 214 Gambar 3.158 Perancangan Layar Data User ................................................215 Gambar 3.159 Perancangan Layar Data Pengajar ......................................... 216 Gambar 3.160 Perancangan Layar Kelas - Detail Program .......................... 217 Gambar 3.161 Perancangan Layar Program ...................................................218 Gambar 3.162 Perancangan Layar Kelas .......................................................219 Gambar 3.163 Perancangan Layar Level .......................................................220 Gambar 3.164 Perancangan Layar Registrasi Kelas ......................................221 Gambar 3.165 Perancangan Layar Murid ..................................................... 222 Gambar 3.166 Perancangan Layar Jadwal Ujian ...........................................223 Gambar 3.167 Perancangan Layar Group Forum ..........................................224 Gambar 3.168 Perancangan Layar Balasan Group Forum ............................ 225 Gambar 3.169 Perancangan Layar Agenda ................................................... 226 Gambar 3.170 Perancangan Layar Download ............................................... 227 Gambar 3.171 Perancangan Layar Buku Tamu .............................................228 Gambar 3.172 Perancangan Layar Misc Berita .............................................229 Gambar 3.173 Perancangan Layar Misc Links ..............................................230 Gambar 3.174 Perancangan Layar Misc Tips ................................................231 xxviii
Halaman Gambar 3.175 Perancangan Layar Misc Gallery ...........................................232 Gambar 3.176 Perancangan Layar Hasil Polling ...........................................232 Gambar 3.177 Perancangan Layar Ubah Password Admin ...........................233 Gambar 3.178 Grafik pie chart tingkat penggunaan Internet dalam satu minggu ....................................................288 Gambar 3.179 Grafik pie chart tingkat ketertarikan dalam mengakses informasi lewat Internet .......................................289 Gambar 3.180 Grafik pie chart Internet menjadi kebutuhan dalam berkomunikasi ............................................................. 290 Gambar 3.181 Grafik pie chart frekuensi mendengar tentang nama Studio Lima Private Music Lessons ....................................... 291 Gambar 3.182 Grafik pie chart tingkat penyebaran informasi program Studio Lima Private Music Lessons .......................................292 Gambar 3.183 Grafik pie chart cara konsumen memperoleh informasi mengenai Studio Lima Private Music Lessons ...................... 293 Gambar 3.184 Grafik pie chart cara yang disukai konsumen dalam mendapatkan informasi .......................................................... 294 Gambar 3.185 Grafik pie chart tingkat kelengkapan informasi yang diberikan oleh Studio Lima Private Music Lessons ......295 Gambar 3.186 Grafik pie chart kesulitan yang dialami konsumen saat mencari sebuah sekolah musik ....................................... 296 xxix
Halaman Gambar 3.187 Grafik pie chart tingkat penyampaian informasi yang up-to date ................................................................................ 297 Gambar 3.188 Grafik pie chart tingkat kepahaman akan informasi program .................................................................298 Gambar 3.189 Grafik pie chart tingkat pelayanan Studio Lima Private Music Lessons ...................................... 299 Gambar 3.190 Grafik pie chart manfaat penyampaian informasi program melalui website ........................................................ 300 Gambar 3.191 Unsur tampilan yang menarik konsumen mengunjungi sebuah situs pemasaran .......................................................... 301 Gambar 3.192 Hal yang konsumen harapkan untuk ditonjolkan dalam sebuah situs pemasaran ............................................... 302 Gambar 4.1 Tampilan Layar Halaman Utama Umum ...................................312 Gambar 4.2 Tampilan Layar Berita ...............................................................313 Gambar 4.3 Tampilan Layar Tips Musik Hari Ini .........................................314 Gambar 4.4 Tampilan Layar Message Box Polling .......................................314 Gambar 4.5 Tampilan Layar Kelas ................................................................315 Gambar 4.6 Tampilan Layar Search Kelas ....................................................316 Gambar 4.7 Tampilan Layar Hasil Search Kelas .......................................... 316 Gambar 4.8 Tampilan Layar Penjelasan Kelas ............................................. 317 Gambar 4.9 Tampilan Layar Registrasi Kelas ...............................................317 xxx
Halaman Gambar 4.10 Tampilan Layar Registrasi Pilih Kelas .................................... 318 Gambar 4.11 Tampilan Layar Registrasi Tambah Kelas ...............................319 Gambar 4.12 Tampilan Layar Konfirmasi Registrasi ....................................320 Gambar 4.13 Tampilan Layar Agenda .......................................................... 321 Gambar 4.14 Tampilan Layar Download ...................................................... 322 Gambar 4.15 Tampilan Layar Message Box Download ............................... 323 Gambar 4.16 Tampilan Layar Buku Tamu ....................................................324 Gambar 4.17 Tampilan Layar FAQ ...............................................................325 Gambar 4.18 Tampilan Layar Tentang Kami ................................................326 Gambar 4.19 Tampilan Layar Pengajar ........................................................ 327 Gambar 4.20 Tampilan Layar Gallery ...........................................................328 Gambar 4.21 Tampilan Layar Kontak Kami ................................................. 329 Gambar 4.22 Tampilan Layar Halaman Login Anggota ............................... 330 Gambar 4.23 Tampilan Layar Halaman Utama Anggota ..............................332 Gambar 4.24 Tampilan Layar Berita .............................................................333 Gambar 4.25 Tampilan Layar Tips Musik Hari Ini .......................................334 Gambar 4.26 Tampilan Layar Message Box Polling .....................................334 Gambar 4.27 Tampilan Layar Kelas ..............................................................335 Gambar 4.28 Tampilan Layar Search Kelas ..................................................336 Gambar 4.29 Tampilan Layar Hasil Search Kelas ........................................ 336 Gambar 4.30 Tampilan Layar Penjelasan Kelas ........................................... 337 xxxi
Halaman Gambar 4.31 Tampilan Layar Registrasi Kelas .............................................338 Gambar 4.32 Tampilan Layar Registrasi Pilih Kelas .................................... 339 Gambar 4.33 Tampilan Layar Registrasi Tambah Kelas ...............................340 Gambar 4.34 Tampilan Layar Konfirmasi Registrasi .................................... 340 Gambar 4.35 Tampilan Layar Jadwal Ujian ...................................................341 Gambar 4.36 Tampilan Layar Group Forum ..................................................342 Gambar 4.37 Tampilan Layar Balasan Group Forum .................................... 343 Gambar 4.38 Tampilan Layar Agenda ........................................................... 344 Gambar 4.39 Tampilan Layar Download ....................................................... 345 Gambar 4.40 Tampilan Layar Message Box Download ................................ 346 Gambar 4.41 Tampilan Layar Buku Tamu .....................................................347 Gambar 4.42 Tampilan Layar FAQ ................................................................348 Gambar 4.43 Tampilan Layar Tentang Kami .................................................349 Gambar 4.44 Tampilan Layar Pengajar ..........................................................350 Gambar 4.45 Tampilan Layar Gallery ............................................................351 Gambar 4.46 Tampilan Layar Kontak Kami .................................................. 352 Gambar 4.47 Tampilan Layar Ubah Password ...............................................352 Gambar 4.48 Tampilan Layar Login Admin .................................................. 353 Gambar 4.49 Tampilan Layar User (Admin) ................................................. 354 Gambar 4.50 Tampilan Layar User (User) .....................................................355 Gambar 4.51 Tampilan Layar User (Pengajar) ...............................................356 xxxii
Halaman Gambar 4.52 Tampilan Layar Kelas (Detail Program) .................................. 357 Gambar 4.53 Tampilan Layar Kelas (Program) ............................................. 358 Gambar 4.54 Tampilan Layar Kelas (Kelas) ..................................................359 Gambar 4.55 Tampilan Layar Kelas (Level) ..................................................360 Gambar 4.56 Tampilan Layar Kelas (Registrasi Kelas) .................................361 Gambar 4.57 Tampilan Layar Kelas (Detail Registrasi Kelas) ...................... 362 Gambar 4.58 Tampilan Layar Kelas (Murid) .................................................363 Gambar 4.59 Tampilan Layar Kelas (Jadwal Ujian) ...................................... 364 Gambar 4.60 Tampilan Layar Group Forum ..................................................365 Gambar 4.61 Tampilan Layar Forum ............................................................. 366 Gambar 4.62 Tampilan Layar Agenda ........................................................... 367 Gambar 4.63 Tampilan Layar Download ....................................................... 368 Gambar 4.64 Tampilan Layar Buku Tamu .....................................................369 Gambar 4.65 Tampilan Layar Misc Berita .....................................................370 Gambar 4.66 Tampilan Layar Misc Links ......................................................371 Gambar 4.67 Tampilan Layar Misc Tips ........................................................372 Gambar 4.68 Tampilan Layar Misc Gallery....................................................373 Gambar 4.69 Tampilan Layar Hasil Polling ...................................................374 Gambar 4.70 Tampilan Layar Ubah Password Admin ...................................374 Gambar 4.71 Grafik pie chart tingkat perolehan informasi program / kelas yang lengkap dan akurat ................................. 378 xxxiii
Halaman Gambar 4.72 Grafik pie chart tingkat kemudahan penggunaan website Studio Lima Private Music Lessons ......................................... 379 Gambar 4.73 Grafik pie chart tampilan website Studio Lima Private Music Lessons ......................................... 380 Gambar 4.74 Grafik pie chart tingkat kelengkapan menu pada website Studio Lima Private Music Lessons ......................................... 381 Gambar 4.75 Grafik pie chart tingkat manfaat fasilitas website Studio Lima Private Music Lessons ......................................... 382 Gambar 4.76 Grafik pie chart tingkat bantuan dari pesan kesalahan ............ 383 Gambar 4.77 Grafik pie chart tingkat kecepatan beradaptasi dengan website Studio Lima Private Music Lessons ......................................... 384 Gambar 4.78 Grafik pie chart tingkat kemudahan dalam memasarkan program / kelas dan event Studio Lima Private Music Lessons ... 385 Gambar 4.79 Grafik pie chart tingkat ketertarikan terhadap program / kelas yang ditawarkan setelah melihat website Studio Lima Private Music Lessons ......................................... 386 Gambar 4.80 Grafik pie chart kemungkinan user berkunjung kembali ke website Studio Lima Private Music Lessons ........ 387
xxxiv
DAFTAR LAMPIRAN Halaman Lampiran 1 Kuesioner Pre Survei ...................................................................L1 Lampiran 2 Kuesioner Post Survei Karyawan ................................................L5 Lampiran 3 Kuesioner Post Survei Konsumen................................................L6
xxxv
