universitas bina nusantara analisis dan perancangan...

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


Tabel 3.29 Cara konsumen memperoleh informasi mengenai


Tabel 3.30 Cara yang disukai konsumen dalam mendapatkan informasi ..... 293

Tabel 3.31 Kelengkapan informasi yang diberikan oleh


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


Tabel 4.7 Tingkat manfaat fasilitas website


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.140 Perancangan Layar Penjelasan Kelas .................................... 201


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.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.163 Perancangan Layar Level .......................................................220


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.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


Gambar 4.74 Grafik pie chart tingkat kelengkapan menu pada website


Gambar 4.75 Grafik pie chart tingkat manfaat fasilitas website


Gambar 4.76 Grafik pie chart tingkat bantuan dari pesan kesalahan ............ 383

Gambar 4.77 Grafik pie chart tingkat kecepatan beradaptasi dengan website


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


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

universitas bina nusantara analisis dan perancangan...

Documents