UNIVERSITAS BINA NUSANTARA ANALISIS DAN PERANCANGAN APLIKASI E-MARKETING PADA STUDIO LIMA PRIVATE MUSIC LESSONS

Transkripsi

1 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 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 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 E- Marketing 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

2 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

3 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

4 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

5 DAFTAR ISI Halaman Halaman Judul Luar Halaman Judul Dalam Halaman Persetujuan Hardcover Halaman Pernyataan Dewan Penguji i ii iii iv Halaman Dedikasi v ABSTRAK PRAKATA DAFTAR ISI vi vii x DAFTAR TABEL xvi DAFTAR GAMBAR DAFTAR LAMPIRAN xx xxxv BAB 1 PENDAHULUAN Latar Belakang Ruang Lingkup Tujuan dan Manfaat Metodologi Metode Analisis Metode Pengembangan Perangkat Lunak Sistematika Penulisan BAB 2 LANDASAN TEORI x

6 2.1Internet Pengertian Internet World Wide Web (WWW) Interaksi Manusia dan Komputer Pengertian Interaksi Manusia dan Komputer Tujuan Interaksi Manusia dan Komputer Perancangan Interaktif dengan Delapan Aturan Emas Siklus Perancangan Web Pengembangan Website Tools Database PHP, MySQL dan Apache Server Rekayasa Perangkat Lunak Model Waterfall The Unified Modeling Language (UML) Class Diagram Use Case Diagram Sequence Diagram Activity Diagram Statechart Diagram Object Diagram xi

7 Collaboration Diagram Component Diagram Deployment Diagram Pemasaran Pengertian Pemasaran Konsep Pemasaran Pemasaran Vs. Penjualan E-Marketing E-Business, E-Commerce, E-Marketing Pengertian E-Marketing dan Internet Marketing Internet Marketing Mix Direct Marketing Alasan Menggunakan E-Marketing Lima Komponen Internet Marketing Pemasaran Melalui Internet Metode Umum Dalam Menawarkan Produk di Internet Strategi E-Marketing Tren Masa Depan Internet Tujuh Tahap Internet Marketing Musik Pengertian Musik xii

8 2.9.2 Sekolah Musik BAB 3 PERANCANGAN SISTEM Gambaran Umum Perusahaan Struktur Organisasi Analisis Sistem yang Berjalan Permasalahan yang Dihadapi Usulan Pemecahan Masalah Perancangan Struktur Menu UML Class Diagram Use Case Diagram Sequence Diagram Activity Diagram Statechart Diagram Collaboration Diagram Component Diagram Deployment Diagram Object Diagram Perancangan Layar Perancangan Layar Umum Perancangan Layar Anggota xiii

9 3.8.3 Perancangan Layar Admin Rancangan Basis Data Spesifikasi Proses Analisis Hasil Kuisioner BAB 4 IMPLEMENTASI DAN EVALUASI Implementasi Perangkat Keras Perangkat Lunak Sumber Daya Manusia Web Hosting Jadwal Implementasi Cara Penginstalasian Cara Penggunaan Website Tampilan Layar Tampilan Layar Umum Tampilan Layar Anggota Tampilan Layar Admin Evaluasi Sistem Analisis Post Kuesioner Karyawan Analisis Post Kuesioner Konsumen Evaluating The Marketing Program xiv

10 BAB 5 SIMPULAN DAN SARAN Simpulan Saran DAFTAR PUSTAKA DAFTAR RIWAYAT HIDUP LAMPIRAN xv

11 DAFTAR TABEL Halaman Tabel 2.1 Penjualan Vs. Pemasaran...38 Tabel 3.1 Harga Kursus Musik Tabel 3.2 Harga Kursus Seni...66 Tabel 3.3 Harga Kursus Kebugaran...67 Tabel 3.4 Tabel agenda Tabel 3.5 Tabel berita Tabel 3.6 Tabel bukutamu Tabel 3.7 Tabel download Tabel 3.8 Tabel forum Tabel 3.9 Tabel gallery Tabel 3.10 Tabel group Tabel 3.11 Tabel hasil_polling Tabel 3.12 Tabel jadwal_ujian Tabel 3.13 Tabel link Tabel 3.14 Tabel ms_admin Tabel 3.15 Tabel ms_kelas Tabel 3.16 Tabel ms_level Tabel 3.17 Tabel ms_murid Tabel 3.18 Tabel ms_pengajar Tabel 3.19 Tabel ms_program xvi

12 Tabel 3.20 Tabel ms_user Tabel 3.21 Tabel pendaftaran Tabel 3.21 Tabel pendaftaran (Lanjutan) Tabel 3.22 Tabel pendaftaran_detail Tabel 3.23 Tabel tips_musik Tabel 3.24 Tingkat penggunaan Internet dalam satu minggu Tabel 3.25 Tingkat ketertarikan dalam mengakses informasi lewat Internet Tabel 3.26 Internet menjadi kebutuhan dalam berkomunikasi Tabel 3.27 Frekuensi mendengar tentang nama Studio Lima Private Music Lessons Tabel 3.28 Tingkat penyebaran informasi program Studio Lima Private Music Lessons Tabel 3.29 Cara konsumen memperoleh informasi mengenai Studio Lima Private Music Lessons Tabel 3.30 Cara yang disukai konsumen dalam mendapatkan informasi Tabel 3.31 Kelengkapan informasi yang diberikan oleh Studio Lima Private Music Lessons Tabel 3.32 Kesulitan yang dialami konsumen saat mencari sebuah sekolah musik Tabel 3.33 Tingkat penyampaian Informasi yang up-to date xvii

13 Tabel 3.34 Tingkat kepahaman akan informasi program Tabel 3.35 Tingkat Pelayanan Studio Lima Private Music Lessons Tabel 3.36 Manfaat penyampaian informasi program melalui website Tabel 3.37 Unsur tampilan yang menarik konsumen mengunjungi sebuah situs pemasaran Tabel 3.38 Hal yang konsumen harapkan untuk ditonjolkan dalam sebuah situs pemasaran Tabel 4.1 Jadwal Kegiatan Implementasi Tabel 4.2 Evaluasi Hasil Ujicoba Tabel 4.3 Tingkat perolehan informasi program / kelas yang lengkap dan akurat Tabel 4.4 Tingkat kemudahan penggunaan website Studio Lima Private Music Lessons Tabel 4.5 Tampilan website Studio Lima Private Music Lessons Tabel 4.6 Tingkat kelengkapan menu pada website Studio Lima Private Music Lessons Tabel 4.7 Tingkat manfaat fasilitas website Studio Lima Private Music Lessons Tabel 4.8 Tingkat bantuan dari pesan kesalahan Tabel 4.9 Tingkat kecepatan beradaptasi dengan website Studio Lima Private Music Lessons xviii

14 Tabel 4.10 Tingkat kemudahan dalam memasarkan program / kelas dan event Studio Lima Private Music Lessons Tabel 4.11 Tingkat ketertarikan terhadap program / kelas yang ditawarkan setelah melihat website Studio Lima Private Music Lessons Tabel 4.12 Kemungkinan user berkunjung kembali ke website Studio Lima Private Music Lessons Tabel 4.13 Evaluating The Marketing Program Tabel 4.13 Evaluating The Marketing Program (Lanjutan) Tabel 4.13 Evaluating The Marketing Program (Lanjutan) Tabel 4.13 Evaluating The Marketing Program (Lanjutan) Tabel 4.13 Evaluating The Marketing Program (Lanjutan) xix

15 DAFTAR GAMBAR Halaman Gambar 2.1 Class Diagram...27 Gambar 2.2 Use Case Diagram Gambar 2.3 Sequence diagram...29 Gambar 2.4 Activity Diagram Gambar 2.5 Statechart Diagram Gambar 2.6 Object Diagram...33 Gambar 2.7 Collaboration diagram Gambar 2.8 Component Diagram...34 Gambar 2.9 Deployment Diagram...35 Gambar 2.10 A Simple Framework for Internet Marketing Strategy Development Gambar 2.11 Enam Langkah dalam Melihat Kesempatan Bisnis yang Ada...50 Gambar 3.1 Grade System...63 Gambar 3.2 Struktur Organisasi Gambar 3.3 Struktur Menu Umum (non-member) Gambar 3.4 Struktur Menu Anggota (member) Gambar 3.5 Struktur Menu Admin...82 Gambar 3.6 Class diagram...84 Gambar 3.7 Use Case Diagram Admin xx

16 Gambar 3.8 Use Case Diagram Anggota...86 Gambar 3.9 Use Case Diagram Umum Gambar 3.10 Use Case Daftar Online Gambar 3.11 Use Case Data Pengajar...88 Gambar 3.12 Use Case Data Murid...89 Gambar 3.13 Use Case Jadwal Ujian Gambar 3.14 Use Case Forum...91 Gambar 3.15 Use Case Buku Tamu Gambar 3.16 Sequence Lihat Agenda Gambar 3.17 Sequence Lihat Berita...94 Gambar 3.18 Sequence Lihat Gallery...95 Gambar 3.19 Sequence Lihat Tips Musik Gambar 3.20 Sequence Lihat Hasil Polling...97 Gambar 3.21 Sequence Lihat Buku Tamu...98 Gambar 3.22 Sequence Download Gambar 3.23 Sequence Links Gambar 3.24 Sequence Lihat Kelas Gambar 3.25 Sequence Daftar Online Gambar 3.26 Sequence Lihat Jadwal Ujian Gambar 3.27 Sequence Forum (Murid) Gambar 3.28 Sequence Forum (Pengajar) xxi

17 Gambar 3.29 Sequence Tambah Agenda Gambar 3.30 Sequence Tambah Berita Gambar 3.31 Sequence Tambah Gallery Gambar 3.32 Sequence Hapus Agenda Gambar 3.33 Sequence Hapus Berita Gambar 3.34 Sequence Hapus Gallery Gambar 3.35 Sequence Hapus Data Murid Gambar 3.36 Sequence Tambah Data Murid Gambar 3.37 Sequence Tambah Data Pengajar Gambar 3.38 Sequence Hapus Data Pengajar Gambar 3.39 Sequence Ubah Berita Gambar 3.40 Sequence Ubah Agenda Gambar 3.41 Sequence Ubah Gallery Gambar 3.42 Sequence Ubah Data Murid Gambar 3.43 Sequence Ubah Data Pengajar Gambar 3.44 Sequence Ubah Password Gambar 3.45 Activity diagram Admin Gambar 3.46 Activity diagram Anggota (Member) Gambar 3.47 Activity diagram Murid Gambar 3.48 Activity diagram Pengajar Gambar 3.49 Activity diagram Tampilan xxii

18 Gambar 3.50 Activity diagram User Gambar 3.51 Activity diagram User Umum Gambar 3.52 Activity diagram Agenda Gambar 3.53 Activity diagram Berita Gambar 3.54 Activity diagram Buku Tamu Gambar 3.55 Activity diagram Gallery Gambar 3.56 Activity diagram Group Gambar 3.57 Activity diagram Jadwal Ujian Gambar 3.58 Activity diagram ms_admin Gambar 3.59 Activity diagram ms_kelas Gambar 3.60 Activity diagram ms_level Gambar 3.61 Activity diagram ms_murid Gambar 3.62 Activity diagram ms_pengajar Gambar 3.63 Activity diagram ms_program Gambar 3.64 Activity diagram ms_user Gambar 3.65 Activity diagram Tips_Musik Gambar 3.66 Activity diagram Forum Gambar 3.67 Statechart diagram Admin Gambar 3.68 Statechart diagram Anggota (Member) Gambar 3.69 Statechart diagram Murid Gambar 3.70 Statechart diagram Pengajar xxiii

19 Gambar 3.71 Statechart diagram Tampilan Gambar 3.72 Statechart diagram User Gambar 3.73 Statechart diagram User Umum Gambar 3.74 Statechart diagram Agenda Gambar 3.75 Statechart diagram Berita Gambar 3.76 Statechart diagram Buku Tamu Gambar 3.77 Statechart diagram Download Gambar 3.78 Statechart diagram Forum Gambar 3.79 Statechart diagram Gallery Gambar 3.80 Statechart diagram Group Gambar 3.81 Statechart diagram Hasil Polling Gambar 3.82 Statechart diagram Jadwal Ujian Gambar 3.83 Statechart diagram Links Gambar 3.84 Statechart diagram ms_admin Gambar 3.85 Statechart diagram ms_kelas Gambar 3.86 Statechart diagram ms_level Gambar 3.87 Statechart diagram ms_murid Gambar 3.88 Statechart diagram ms_pengajar Gambar 3.89 Statechart diagram ms_program Gambar 3.90 Statechart diagram ms_user Gambar 3.91 Statechart diagram Tips Musik xxiv

20 Gambar 3.92 Collaboration diagram Lihat Agenda Gambar 3.93 Collaboration diagram Lihat Berita Gambar 3.94 Collaboration diagram Lihat Kelas Gambar 3.95 Collaboration diagram Lihat Gallery Gambar 3.96 Collaboration diagram Lihat Buku Tamu Gambar 3.97 Collaboration diagram Tambah Berita Gambar 3.98 Collaboration diagram Lihat Hasil Polling Gambar 3.99 Collaboration diagram Lihat Jadwal Ujian Gambar Collaboration diagram Lihat Tips Musik Gambar Collaboration diagram Daftar Online Gambar Collaboration diagram Download Gambar Collaboration diagram Forum (Murid) Gambar Collaboration diagram Forum (Pengajar) Gambar Collaboration diagram Links Gambar Collaboration diagram Hapus Agenda Gambar Collaboration diagram Hapus Berita Gambar Collaboration diagram Hapus Data Murid Gambar Collaboration diagram Hapus Data Pengajar Gambar Collaboration diagram Hapus Gallery Gambar Collaboration diagram Tambah Agenda Gambar Collaboration diagram Tambah Data Murid xxv

21 Gambar Collaboration diagram Tambah Data Pengajar Gambar Collaboration diagram Tambah Gallery Gambar Collaboration diagram Ubah Agenda Gambar Collaboration diagram Ubah Berita Gambar Collaboration diagram Ubah Data Murid Gambar Collaboration diagram Ubah Data Pengajar Gambar Collaboration diagram Ubah Gallery Gambar Collaboration diagram Ubah Password Gambar Component diagram aplikasi e-marketing Studio Lima Gambar Deployment diagram aplikasi e-marketing Studio Lima Gambar Object diagram Gambar Perancangan Layar Halaman Utama Umum Gambar Perancangan Layar Kelas Gambar Perancangan Layar Penjelasan Kelas Gambar Perancangan Layar Registrasi Kelas Gambar Perancangan Layar Registrasi Pilih dan Tambah Kelas Gambar Perancangan Layar Konfirmasi Registrasi Gambar Perancangan Layar Agenda Gambar Perancangan Layar Download Gambar Perancangan Layar Buku Tamu Gambar Perancangan Layar FAQ xxvi

22 Gambar Perancangan Layar Tentang Kami Gambar Perancangan Layar Pengajar Gambar Perancangan Layar Gallery Gambar Perancangan Layar Kontak Kami Gambar Perancangan Layar Halaman Utama Anggota (setelah login) Gambar Perancangan Layar Kelas Gambar Perancangan Layar Penjelasan Kelas Gambar Perancangan Layar Registrasi Kelas Gambar Perancangan Layar Registrasi Pilih dan Tambah Kelas Gambar Perancangan Layar Konfirmasi Registrasi Gambar Perancangan Layar Jadwal Ujian Gambar Perancangan Layar Group Forum Gambar Perancangan Layar Balasan Group Forum Gambar Perancangan Layar Agenda Gambar Perancangan Layar Download Gambar Perancangan Layar Buku Tamu Gambar Perancangan Layar FAQ Gambar Perancangan Layar Tentang Kami Gambar Perancangan Layar Pengajar Gambar Perancangan Layar Gallery xxvii

23 Gambar Perancangan Layar Kontak Kami Gambar Perancangan Layar Ubah Password Anggota Gambar Perancangan Layar Login Admin Gambar Perancangan Layar Data Admin Gambar Perancangan Layar Data User Gambar Perancangan Layar Data Pengajar Gambar Perancangan Layar Kelas - Detail Program Gambar Perancangan Layar Program Gambar Perancangan Layar Kelas Gambar Perancangan Layar Level Gambar Perancangan Layar Registrasi Kelas Gambar Perancangan Layar Murid Gambar Perancangan Layar Jadwal Ujian Gambar Perancangan Layar Group Forum Gambar Perancangan Layar Balasan Group Forum Gambar Perancangan Layar Agenda Gambar Perancangan Layar Download Gambar Perancangan Layar Buku Tamu Gambar Perancangan Layar Misc Berita Gambar Perancangan Layar Misc Links Gambar Perancangan Layar Misc Tips xxviii

24 Gambar Perancangan Layar Misc Gallery Gambar Perancangan Layar Hasil Polling Gambar Perancangan Layar Ubah Password Admin Gambar Grafik pie chart tingkat penggunaan Internet dalam satu minggu Gambar Grafik pie chart tingkat ketertarikan dalam mengakses informasi lewat Internet Gambar Grafik pie chart Internet menjadi kebutuhan dalam berkomunikasi Gambar Grafik pie chart frekuensi mendengar tentang nama Studio Lima Private Music Lessons Gambar Grafik pie chart tingkat penyebaran informasi program Studio Lima Private Music Lessons Gambar Grafik pie chart cara konsumen memperoleh informasi mengenai Studio Lima Private Music Lessons Gambar Grafik pie chart cara yang disukai konsumen dalam mendapatkan informasi Gambar Grafik pie chart tingkat kelengkapan informasi yang diberikan oleh Studio Lima Private Music Lessons Gambar Grafik pie chart kesulitan yang dialami konsumen saat mencari sebuah sekolah musik xxix

25 Gambar Grafik pie chart tingkat penyampaian informasi yang up-to date Gambar Grafik pie chart tingkat kepahaman akan informasi program Gambar Grafik pie chart tingkat pelayanan Studio Lima Private Music Lessons Gambar Grafik pie chart manfaat penyampaian informasi program melalui website Gambar Unsur tampilan yang menarik konsumen mengunjungi sebuah situs pemasaran Gambar Hal yang konsumen harapkan untuk ditonjolkan dalam sebuah situs pemasaran Gambar 4.1 Tampilan Layar Halaman Utama Umum Gambar 4.2 Tampilan Layar Berita Gambar 4.3 Tampilan Layar Tips Musik Hari Ini Gambar 4.4 Tampilan Layar Message Box Polling Gambar 4.5 Tampilan Layar Kelas Gambar 4.6 Tampilan Layar Search Kelas Gambar 4.7 Tampilan Layar Hasil Search Kelas Gambar 4.8 Tampilan Layar Penjelasan Kelas Gambar 4.9 Tampilan Layar Registrasi Kelas xxx

26 Gambar 4.10 Tampilan Layar Registrasi Pilih Kelas Gambar 4.11 Tampilan Layar Registrasi Tambah Kelas Gambar 4.12 Tampilan Layar Konfirmasi Registrasi Gambar 4.13 Tampilan Layar Agenda Gambar 4.14 Tampilan Layar Download Gambar 4.15 Tampilan Layar Message Box Download Gambar 4.16 Tampilan Layar Buku Tamu Gambar 4.17 Tampilan Layar FAQ Gambar 4.18 Tampilan Layar Tentang Kami Gambar 4.19 Tampilan Layar Pengajar Gambar 4.20 Tampilan Layar Gallery Gambar 4.21 Tampilan Layar Kontak Kami Gambar 4.22 Tampilan Layar Halaman Login Anggota Gambar 4.23 Tampilan Layar Halaman Utama Anggota Gambar 4.24 Tampilan Layar Berita Gambar 4.25 Tampilan Layar Tips Musik Hari Ini Gambar 4.26 Tampilan Layar Message Box Polling Gambar 4.27 Tampilan Layar Kelas Gambar 4.28 Tampilan Layar Search Kelas Gambar 4.29 Tampilan Layar Hasil Search Kelas Gambar 4.30 Tampilan Layar Penjelasan Kelas xxxi

27 Gambar 4.31 Tampilan Layar Registrasi Kelas Gambar 4.32 Tampilan Layar Registrasi Pilih Kelas Gambar 4.33 Tampilan Layar Registrasi Tambah Kelas Gambar 4.34 Tampilan Layar Konfirmasi Registrasi Gambar 4.35 Tampilan Layar Jadwal Ujian Gambar 4.36 Tampilan Layar Group Forum Gambar 4.37 Tampilan Layar Balasan Group Forum Gambar 4.38 Tampilan Layar Agenda Gambar 4.39 Tampilan Layar Download Gambar 4.40 Tampilan Layar Message Box Download Gambar 4.41 Tampilan Layar Buku Tamu Gambar 4.42 Tampilan Layar FAQ Gambar 4.43 Tampilan Layar Tentang Kami Gambar 4.44 Tampilan Layar Pengajar Gambar 4.45 Tampilan Layar Gallery Gambar 4.46 Tampilan Layar Kontak Kami Gambar 4.47 Tampilan Layar Ubah Password Gambar 4.48 Tampilan Layar Login Admin Gambar 4.49 Tampilan Layar User (Admin) Gambar 4.50 Tampilan Layar User (User) Gambar 4.51 Tampilan Layar User (Pengajar) xxxii

28 Gambar 4.52 Tampilan Layar Kelas (Detail Program) Gambar 4.53 Tampilan Layar Kelas (Program) Gambar 4.54 Tampilan Layar Kelas (Kelas) Gambar 4.55 Tampilan Layar Kelas (Level) Gambar 4.56 Tampilan Layar Kelas (Registrasi Kelas) Gambar 4.57 Tampilan Layar Kelas (Detail Registrasi Kelas) Gambar 4.58 Tampilan Layar Kelas (Murid) Gambar 4.59 Tampilan Layar Kelas (Jadwal Ujian) Gambar 4.60 Tampilan Layar Group Forum Gambar 4.61 Tampilan Layar Forum Gambar 4.62 Tampilan Layar Agenda Gambar 4.63 Tampilan Layar Download Gambar 4.64 Tampilan Layar Buku Tamu Gambar 4.65 Tampilan Layar Misc Berita Gambar 4.66 Tampilan Layar Misc Links Gambar 4.67 Tampilan Layar Misc Tips Gambar 4.68 Tampilan Layar Misc Gallery Gambar 4.69 Tampilan Layar Hasil Polling Gambar 4.70 Tampilan Layar Ubah Password Admin Gambar 4.71 Grafik pie chart tingkat perolehan informasi program / kelas yang lengkap dan akurat xxxiii

29 Gambar 4.72 Grafik pie chart tingkat kemudahan penggunaan website Studio Lima Private Music Lessons Gambar 4.73 Grafik pie chart tampilan website Studio Lima Private Music Lessons Gambar 4.74 Grafik pie chart tingkat kelengkapan menu pada website Studio Lima Private Music Lessons Gambar 4.75 Grafik pie chart tingkat manfaat fasilitas website Studio Lima Private Music Lessons Gambar 4.76 Grafik pie chart tingkat bantuan dari pesan kesalahan Gambar 4.77 Grafik pie chart tingkat kecepatan beradaptasi dengan website Studio Lima Private Music Lessons Gambar 4.78 Grafik pie chart tingkat kemudahan dalam memasarkan program / kelas dan event Studio Lima Private Music Lessons Gambar 4.79 Grafik pie chart tingkat ketertarikan terhadap program / kelas yang ditawarkan setelah melihat website Studio Lima Private Music Lessons Gambar 4.80 Grafik pie chart kemungkinan user berkunjung kembali ke website Studio Lima Private Music Lessons xxxiv

30 DAFTAR LAMPIRAN Halaman Lampiran 1 Kuesioner Pre Survei...L1 Lampiran 2 Kuesioner Post Survei Karyawan...L5 Lampiran 3 Kuesioner Post Survei Konsumen...L6 xxxv