Post on 10-Mar-2019
v
UNIVERSITAS BINA NUSANTARA
Jurusan Teknik InformatikaSkripsi Sarjana Komputer
Semester Ganjil tahun 2007/2008
ANALISIS DAN PERANCANGAN APLIKASI E-MARKETING PADA STUDIO LIMA
PRIVATE MUSIC LESSONS
Yolanda 0800738175Friscilla Ellennissa 0800747425Hannah Tiarma L Toruan 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 (E-Marketing) 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 sistemmelalui 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 E-Marketing yang didalamnya tersedia informasi mengenai profil perusahaan, program atau kelas yang ditawarkan oleh Studio Lima Private Music Lessonsberikut dengan detil kelas dan tampilan yang menarik serta didukung oleh fitur-fitur 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.
vi
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;
vii
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.
viii
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
x
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 . . . . . . . . . . . . . . . . . 9
xi
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
xii
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
xiii
Halaman
2.9.2 Sekolah Musik . . . . . . . . . . . . . . . 59
BAB 3 PERANCANGAN SISTEM. . . . . . . . . . . . . . . . 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
xiv
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
xv
Halaman
BAB 5 SIMPULAN DAN SARAN . . . . . . . . . . . . . . . 393
5.1 Simpulan . . . . . . . . . . . . . . . . . . . . . 393
5.2 Saran . . . . . . . . . . . . . . . . . . . . . . 396
DAFTAR PUSTAKA. . . . . . . . . . . . . . . . . . . . . . 399
DAFTAR RIWAYAT HIDUP . . . . . . . . . . . . . . . . . . 403
LAMPIRAN . . . . . . . . . . . . . . . . . . . . . . . . . 406
xvi
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
xvii
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
xviii
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
xix
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
xx
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
xxi
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
xxii
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
xxiii
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
xxiv
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
xxv
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
xxvi
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
xxvii
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
xxviii
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
xxix
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
xxx
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
xxxi
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
xxxii
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
xxxiii
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
xxxiv
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 pro-
gram / 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
xxxv
DAFTAR LAMPIRAN
Halaman
Lampiran 1 Kuesioner Pre Survei ...................................................................L1
Lampiran 2 Kuesioner Post Survei Karyawan ................................................L5
Lampiran 3 Kuesioner Post Survei Konsumen................................................L6