UNIVERSITAS BINA NUSANTARA _________________________________________________________________ Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2006/2007 ANALISIS DAN PERANCANGAN PELAYANAN SISTEM KURSUS MUSIK BERBASIS WEB PADA PURWACARAKA MUSIC STUDIO (PCMS)
Ananta Dwisaputra (0600639381) Permadi (0700700111) Mohamad Rangga Benyamin (0700701070) Kelas/Kelompok : 08 PDT / 7 Abstrak Tujuan penelitian ini adalah untuk mempermudah karyawan PCMS dalam mengirimkan data secara online dimana sebelum menggunakan sistem ini masih menggunakan cara manual berupa pengiriman data dengan bantuan penggunaan jasa pengiriman. Metode penelitian yang dipakai meliputi metode kepustakaan, metode analisa (yang mencakup survey dan pengamatan) serta metode perancangan. Hasil penelitian menunjukkan bahwa PCMS membutuhkan suatu sistem baru yang dapat mempermudah karyawan PCMS dalam mengirimkan data secara online dan memperbaiki sistem manajemen yang sudah berjalan agar lebih terorganisir. Dengan adanya sistem ini kinerja karyawan PCMS dapat ditingkatkan, keakuratan data lebih terjamin, dan dapat mencegah terjadinya penyelewengan atau manipulasi data oleh pihak yang tidak bertanggung jawab.
Kata Kunci : PurwaCaraka Music Studio (PCMS), Sistem Manajemen, Jasa Pengiriman, Metode Analisa, Survey, Pengamatan, Metode Perancangan, Sistem Baru, Mengirimkan Data Secara Online, Keakuratan Data Lebih Terjamin, Penyelewengan, Manipulasi Data, Online.
iii
KATA PENGANTAR
Puji Syukur Kepada Tuhan Yang Maha Esa, karena berkat rahmat dan anugrahNya, skripsi ini dapat diselesaikan. Skripsi yang berjudul “Analisis dan Perancangan Sistem Pelayanan Kursus Musik Berbasis Web pada PurwaCaraka Music Studio (PCMS)” ini merupakan salah satu syarat kelulusan pada jenjang pendidikan S-1 (Strata1) Jurusan Teknik Informatika Universitas Bina Nusantara. Penulis menyadari, bahwa masih banyak terdapat kekurangan dalam penulisan skripsi ini, dikarenakan keterbatasan pengetahuan yang dimiliki, sehingga skripsi ini masih jauh dari sempurna. Oleh karena itu penulis menerima kritik dan saran yang membangun. Pada kesempatan ini, penulis hendak menyampaikan terima kasih yang sebesar – besarnya untuk : 1. Prof. Dr. Gerardus Polla, M., App, sc selaku Rektor Universitas Bina Nusantara. 2. Ir. Sablin Yusuf, M.Sc, M.ComSc. selaku Dekan Fakultas Ilmu Komputer Universitas Bina Nusantara. 3. H.M Subekti, BE, M.Sc, selaku Ketua Jurusan Teknik Informatika Universitas Bina Nusantara. 4. Mbak Melia Dwi Pujiastuti selaku Seketaris Bagian Manajemen Sekolah Musik PurwaCaraka Music Studio (PCMS) yang telah mengijinkan kelompok kami untuk melakukan survei dan penelitian. 5. Kepada Kedua Orang Tua penulis yang telah memberikan dukungan moral dan spritual, sehingga kami dapat menyelesaikan skripsi ini. iv
6. Karyawan Sekolah Musik PurwaCaraka Music Studio (PCMS) yang bersedia bekerjasama dan meluangkan waktunya untuk kami. 7. Seluruh staff Bina Nusantara yang telah membantu kami, khususnya dalam hal- hal teknis. Jakarta, 22 Juni 2007
Penulis
v
DAFTAR ISI Hal Halaman Judul Luar Halaman Judul Dalam……………………………………………………………i Halaman Persetujuan Hardcover……..………………………………………….ii Halaman Pernyataan Dewan Penguji Abstrak…………………………………………………………………………..iii Kata Pengantar…………………………………………………………………..iv Daftar Isi………………………………………………………………………....vi Daftar Gambar……………………………………………………………….….xii Daftar Tabel…………………………………………………………………….xiv Daftar Lampiran…………………………………………………………….......xv Daftar Grafik……………………………………………………………………xx BAB 1
PENDAHULUAN………………………………………………..1 1.1 Latar Belakang………………………………………………..1 1.2 Ruang Lingkup……………………………………………….2 1.3 Tujuan dan Manfaat………………………………………….3 1.4 Metodologi…………………………………………………...3 1.5 Sistematika Penulisan………………………………………...4
BAB 2
LANDASAN TEORI…………………………………………….6 2.1 Pendidikan……………………………………………………6 2.1.2 Pengertian Pendidikan……………………………...6 2.2 Musik………………………………………………………....6
vi
2.2.2 Pengertian Musik…………………………………...6 2.3 Internet……………………………………………………….7 2.3.1 Pengertian Internet………………………………….7 2.3.2 Fungsi Internet……………………………………..7 2.3.3 World Wide Web (WWW)…………………………9 2.3.4 Web Server……………………………………..…10 2.3.5 Istilah Internet……………………………………..11 2.3.5.1 HTML (Hypertext Markup Language)……….....11 2.3.5.2 HTTP (Hypertext Transfer Protocol)………..…11 2.4 Intranet………………………………………………………12 2.4.1 Pengertian Intranet………………………………...12 2.4.2 Keunggulan Intranet………………………………13 2.5 Sistem……………………………………………………….14 2.5.1 Pengertian Sistem…………………………………14 2.5.2 Pengertian Informasi……………………………...15 2.5.3 Pengertian Sistem Informasi………………………15 2.5.4 Pengertian Manajemen Basis Data Sistem…...…...16 2.5.5 Pengertian Rancangan Sistem..…………………...16 2.5.6 Pengertian Analisis Sistem..………………………17 2.6 Interaksi Manusia dan Komputer…………………………...18 2.6.1 Delapan Aturan Emas Perancangan User Interface…………………………………………...19 vii
2.6.2 Sepuluh Kesalahan Dalam Perancangan User Interface…………………………………………...20 2.7 Database…………………………………………………….21 2.7.1 Pengertian Database………………………………21 2.7.2 Pengertian Database System………………………21 2.7.3 Komponen Database System……………………...22 2.7.4 DBMS (Database Management System)………….23 2.7.5 RDBMS (Relational Database Management System)………24 2.8 Metode Analisis dan Perancangan…………………………..25 2.8.1 Rekayasa Piranti Lunak…………………...………25 2.8.1.1 Pengertian Piranti Lunak………………..25 2.8.1.2 Karakteristik Piranti Lunak……………..25 2.8.1.3 Pengertian Rekayasa Piranti Lunak……..26 2.8.1.4 Model Proses Perangkat Lunak…………27 2.8.2 UML (Unified Modelling Language)...…………...30 2.8.3 Jenis-Jenis UML Diagram………………………...31 2.8.3.1 Use Case Diagram.………..…………….31 2.8.3.2 Class Diagram…………………..………32 2.8.3.3 Sequence Diagram……………………....33 2.8.3.4 State Diagram………………………...…33 2.9 Teori Lainnya……………………………………………….34 2.9.1 Sejarah Teknologi Java……………………………34 2.9.2 Java Virtual Machine……………………………...35 viii
2.9.3 JSP (Java Server Page)……………………………36 2.9.4 Sejarah J2EE (Java 2 Enterprise Edition)…………38 2.9.5 J2EE (Java 2 Enterprise Edition)………………….38 2.9.6 MySQL…………………………………………....40 2.9.6.1 Pengertian MySQL……………………...40 2.9.6.2 Keunggulan MySQL……………………41 BAB 3
ANALISA DAN PERANCANGAN……………………………42 3.1 Gambaran Umum Perusahaan………………………………42 3.1.1 Riwayat Perusahaan ………………………………42 3.1.2 Visi dan Misi PCMS……...……………………….48 3.1.3 Struktur Organisasi………………………………..48 3.1.3.1 Diagram Struktur Organisasi……………48 3.1.3.2 Tugas dan Wewenang…………………...49 3.2 Sistem Yang Sedang Berjalan………………………………50 3.3 Permasalahan Yang Dihadapi……………………………….63
BAB 4
PERANCANGAN, IMPLEMENTASI DAN EVALUASI SISTEM…………………………………………………………64 4.1 Rancangan Sistem Yang Diusulkan………………………...64 4.1.1 Use Case Diagram Front Office…………………..65 4.1.2 Use Case Diagram Guest………………….……....67 4.1.3 Use Case Diagram Murid………………………....68 4.1.4 Use Case Diagram Pengajar……...………..…...…69 4.2 Class Diagram………………………………………………70 4.2.1 Class Diagram Front Office (FO)………………...70 ix
4.2.2 Class Diagram Guest……………………………...72 4.2.3 Class Diagram Murid……………………………..73 4.2.4 Class Diagram Pengajar…………………………..74 4.3 Perancangan Database………………………………………75 4.3.1 Tabel Murid ………………………………………75 4.3.2 Tabel Guru………………………………………...76 4.3.3 Tabel Jadwal Kursus………………………..……..76 4.3.4 Tabel Materi………………………………………77 4.3.5 Tabel Jadwal Mengajar……………………………77 4.3.6 Tabel Jadwal Ujian………………………………..78 4.3.7 Tabel Cabang……………………………………...78 4.3.8 Tabel Absensi Siswa……………………..………..78 4.3.9 Tabel Absensi Guru………..……………………...79 4.3.10 Tabel Keuangan………………………………….79 4.4 Sequence Diagram…………………………………………..80 4.4.1 Sequence Diagram Front Office…………………..80 4.4.2 Sequence Diagram Guest…………………………81 4.4.3 Sequence Diagram Murid…………………………82 4.4.4 Sequence Diagram Pengajar………………………82 4.5 State Diagram……………………………………………….83 4.6 Alur Program………………………………………………..84 4.7 Spesifikasi Modul / Proses………………………………….85 4.8 Perancangan Layar………………………………………….86 4.9 Implementasi Sistem………………………………………..88 x
4.9.1 Sarana Yang Diperlukan Dalam Implementasi Sistem…………………………………………......88 4.9.2 Tampilan Layar…………………………………...89 4.9.3 Brainware…………………………………………91 4.10 Evaluasi Sistem……………………………………………92 4.10.1 Kelebihan Sistem………………………………..92 4.10.2 Keterbatasan Sistem…………………………….92 4.10.3 Evaluasi Internal…………………………….......93 4.10.3.1 Evaluasi Menggunakan 8 Aturan Emas Dalam Perancangan Layar……...93 4.10.3.2 Evaluasi Menggunakan 10 Kesalahan Dalam Perancangan Layar…..………………………………95 4.10.4 Evaluasi Eksternal………………………………98 BAB 5
KESIMPULAN DAN SARAN……………………………….103 5.1 Kesimpulan………………………………………………..103 5.2 Saran……………………………………………………....104
DAFTAR PUSTAKA………………………………………………………...105 RIWAYAT HIDUP…………………………………………………………..107
xi
DAFTAR TABEL
Tabel 4.1 : Spesifikasi Tabel Murid......................................................................75 Tabel 4.2 : Spesifikasi Tabel Guru………………………………………………76 Tabel 4.3 : Spesifikasi Tabel Jadwal Kursus………………………………….…76 Tabel 4.4 : Spesifikasi Tabel Materi……………………………………………..77 Tabel 4.5 : Spesifikasi Tabel Jadwal Mengajar…………………………….........77 Tabel 4.6 : Spesifikasi Tabel Jadwal Ujian……………………………………...78 Tabel 4.7 : Spesifikasi Tabel Cabang……………………………………………78 Tabel 4.8 : Spesifikasi Tabel Absensi Siswa…………………………………….78 Tabel 4.9 : Spesifikasi Tabel Absensi Guru……………………………………..79 Tabel 4.10 : Spesifikasi Tabel Keuangan………..………………………………79 Tabel 4.11 : Sequence Diagram Front Office……………………………………81 Tabel 4.12 : Sequence Diagram Guest…………………………….......................81 Tabel 4.13 : Sequence Diagram Murid…………………………………………..82 Tabel 4.14 : Sequence Diagram Pengajar………………………………………..83 Tabel 4.15 : State Diagram………………………………………………………84 Tabel 4.16 : Alur Program……………………………………………….………85 Tabel 4.17 : Pseudocode / Modul…………………………………………..……86 Tabel 4.18 : Perancangan Layar……………………………………………........87 Tabel 4.19 : Tampilan Layar…………………………………………………….91
xiv
DAFTAR GAMBAR Gambar 2.1 : Model Waterfall…………………………………………………….28 Gambar 2.2 : Use Case Diagram………………………………………………….31 Gambar 2.3 : Class Diagram...................................................................................32 Gambar 2.4 : Sequence Diagram………………………………………………....33 Gambar 2.5 : State Diagram……………………………………………………....34 Gambar 2.6 Aplikasi multitier ……………………………………………………38 Gambar 2.7 J2EE server dan container…………………………………………...40 Gambar 3.1 Struktur Organisasi PCMS…………………………………………..48 Gambar 3.2 Flowchart Sistem Pengiriman Laporan Bulanan yang Sedang Berjalan pada PCMS…………………………………………...…….52 Gambar 3.3 Flowchart Sistem Permintaan Melaksanakan Ujian di PCMS Cabang……………………………………………………………….55 Gambar 3.4 Flowchart untuk Melakukan Pemesanan Buku di PCMS…………..58 Gambar 3.5 Flowchart Penyelenggaraan Event di PCMS……………………….60 Gambar 3.6 Flowchart Sistem Merchandise di PCMS…………………………..62 Gambar 4.1 : Use Case Diagram Front Office…………………………………...66 Gambar 4.2 : Use Case Diagram Guest..................................................................67 Gambar 4.3 : Use Case Diagram Murid………………………………………….68 Gambar 4.4 : Use Case Diagram Pengajar………………………………….........69 Gambar 4.5 : Class Diagram Front Office.............................................................71 Gambar 4.6 : Class Diagram Guest………………………………………………72 Gambar 4.7 : Class Diagram Murid……………………………………………...73
xii
Gambar 4.8 : Class Diagram Pengajar…………………………………………..74
xiii
DAFTAR LAMPIRAN
L.1 : Sequence Diagram Seluruh Pengajar……………………………………………..L-1 L.2 : Sequence Diagram Menginput Laporan…………………………………………..L-1 L.3 : Sequence Diagram Menginput Absensi…………………………………………..L-2 L.4 : Sequence Diagram Lihat Pengajar………………………………………………..L-2 L.5 : Sequence Diagram Lihat Seluruh Siswa…………………………………………L-3 L.6 : Sequence Diagram Lihat Laporan Bulanan………………………………………L-3 L.7 : Sequence Diagram Lihat Absensi………………………………………………...L-4 L.8 : Sequence Diagram Input Pengajar………………………………………………..L-4 L.9 : Sequence Diagram Input Data Siswa……………………………………………..L-5 L.10 : Sequence Diagram Delete Siswa………………………………………………..L-5 L.11 : Sequence Diagram Delete Pengajar……………………………………………..L-6 L.12 : Sequence Diagram Edit Pengajar……………………………………………….L-6 L.13 : Sequence Diagram Edit Data Siswa…………………………………………….L-7 L.14 : Sequence Diagram Download Laporan Bulanan……………………………….L-7 L.15 : Sequence Diagram Download Absensi………………………………………...L-8 L.16 : Sequence Diagram Logout……………………………………………………..L-8 L.17 : Sequence Diagram Lihat About Us…………………………………………….L-9 L.18 : Sequence Diagram Daftar Online……………………………………………...L-9 L.19 : Sequence Diagram Lihat Kurikulum…………………………………………..L-10 L.20 : Sequence Diagram Lihat Program……………………………..………………L-10 L.21 : Sequence Diagram Lihat Sejarah………………………………………………L-11
xv
L.22 : Sequence Diagram Lihat Profil Siswa………………………………………..L-11 L.23 : Sequence Diagram Lihat Belajar Online……………………………………..L-12 L.24 : Sequence Diagram Jadwal Kursus…………………………………………...L-12 L.25 : Sequence Diagram Jadwal Ujian…………………………………………….L-13 L.26 : Sequence Diagram Edit Profil Siswa………………………………………...L-13 L.27 : Sequence Diagram Murid Logout……………………………………………L-14 L.28 : Sequence Diagram Edit Profil Pengajar……………………………………...L-14 L.29 : Sequence Diagram Lihat Kantor Cabang…………………………………….L-15 L.30 : Sequence Diagram Lihat Siswa………………………………………………L-15 L.31 : Sequence Diagram Lihat Profil Pengajar…………………………………….L-16 L.32: Sequence Diagram Pengajar Logout………………………………………….L-16 L.33 : State Diagram Data_Bean……………………………………………………L-17 L.34 : State Diagram Download…………………………………………………….L-17 L.35 : State Diagram Interface_AboutUs…………………………………………...L-18 L.36 : State Diagram Interface_Absensi…………………………………………….L-18 L.37 : State Diagram Interface_AddPengajar……………………………………….L-19 L.38 : State Diagram Interface_AddSiswa………………………………………….L-19 L.39 : State Diagram Interface_BelajarOnline……………………………………...L-20 L.40 : State Diagram Interface_DaftarOnline………………………………………L-20 L.41 : State Diagram Interface_FrontOffice………………………………………..L-21 L.42 : State Diagram Interface_JadwalAjar………………………………………...L-21 L.43: State Diagram Interface_JadwalKelas………………………………………..L-22 L.44 :State Diagram Interface_KantorCabang……………………………………...L-22
xvi
L.45 : State Diagram Interface_Kurikulum…………………………………………L-23 L.46 : State Diagram Interface_LapBulanan………………………………………..L-23 L.47 : State Diagram Interface_LihatPengajar……………………………………...L-24 L.48 : State Diagram Interface_LihatSiswa………………………………………...L-24 L.49 : State Diagram Interface_LihatSiswaFo……………………………………...L-25 L.50 : State Diagram Interface_Logout…………………………………………….L-25 L.51 : State Diagram Interface_Pengajar…………………………………………...L-26 L.52 : State Diagram Interface_ProfilGuru…………………………………………L-26 L.53 : State Diagram Interface_ProfilSiswa………………………………………..L-27 L.54 : State Diagram Interface_Program…………………………………………...L-27 L.55 : State Diagram Interface_Sejarah……………………………………………L-28 L.56 : State Diagram Interface_Ujian……………………………………………...L-28 L.57 : State Diagram Login………………………………………………………...L-29 L.58 : Alur Program Home………………………………………………………...L-29 L.59 : Alur Program Siswa Umum………………………………………………....L-30 L.60 : Alur Program Guru ( Pengajar ) Umum………………………………….…L-30 L.61 : Alur Program Front Office Umum………………………………………….L-31 L.62 : Alur Program Login Baru…………………………………………………..L-31 L.63 : Alur Program Program……………………………………………………..L-32 L.64 : Alur Program Kurikulum…………………………………………………..L-32 L.65 : Alur Program Profil Guru………………………………………………….L-33 L.66 : Alur Program Sejarah……………………………………………………...L-33 L.67 : Alur Program About Us…………………………………………………....L-33
xvii
L.68 : Alur Program Siswa Lengkap……………………………………………...L-34 L.69 : Alur Program Guru ( Pengajar ) Lengkap………………………………….L-35 L.70 : Alur Program Front Office Lengkap……………………………………….L-36 L.71 : Modul Data Bean..........................................................................................L-37 L.72 : Modul Servlet Login……………………………………………………….L-39 L.73 : Modul Servlet Isi…………………………………………………………..L-40 L.74 : Perancangan Layar Home............................................................................L-42 L.75 : Perancangan Layar Sejarah..........................................................................L-43 L.76 : Perancangan Layar Program........................................................................L-44 L.77 : Perancangan Layar Kurikulum....................................................................L-45 L.78 : Perancangan Layar Daftar Online................................................................L-46 L.79 : Perancangan Layar About Us.......................................................................L-47 L.80 : Perancangan Layar Profil Guru (Pengajar)..................................................L-48 L.81 : Perancangan Layar Halaman Siswa.............................................................L-49 L.82 : Perancangan Layar Jadwal Kelas Siswa......................................................L-50 L.83 : Perancangan Layar Belajar Online..............................................................L-51 L.84 : Perancangan Layar Jadwal Ujian.................................................................L-52 L.85 : Perancangan Layar Halaman Pengajar........................................................L-53 L.86 : Perancangan Layar Kantor Cabang.............................................................L-54 L.87 : Perancangan Layar Jadwal Mengajar Guru.................................................L-55 L.88 : Perancangan Layar Lihat Siswa (Pengajar).................................................L-56 L.89 : Perancangan Layar Front Office..................................................................L-57 L.90 : Perancangan Layar Laporan Bulanan (Front Office)...................................L-58
xviii
L.91 : Perancangan Layar Absensi (Front Office)................................................L-59 L.92 : Perancangan Layar Seluruh Siswa (Front Office)......................................L-60 L.93 : Perancangan Layar Add Siswa (Front Office)............................................L-61 L.94 : Perancangan Layar Seluruh Pengajar (Front Office)..................................L-62 L.95 : Perancangan Layar Add Pengajar (Front Office)........................................L-63 L.96 : Tampilan Layar Home…………………………………………………….L-64 L.97 : Tampilan Layar Sejarah…………………………………………………..L-65 L.98 : Tampilan Layar Program…………………………………………………L-66 L.99 : Tampilan Layar Kurikulum………………………………………………L-67 L.100 : Tampilan Layar Profil Guru (Pengajar)………………………………...L-68 L.101 : Tampilan Layar Daftar Online………………………………………….L-69 L.102 : Tampilan Layar About Us………………………………………………L-70 L.103 : Tampilan Layar Home Siswa……………………………………………L-71 L.104 : Tampilan Layar Jadwal Kelas Siswa…………………………………….L-72 L.105 : Tampilan Layar Belajar Online Siswa…………………………………..L-73 L.106 : Tampilan Layar Ujian Siswa…………………………………………….L-74 L.107 : Tampilan Layar Profil Siswa…………………………………………….L-75 L.108 : Tampilan Layar Home Pengajar…………………………………………L-76 L.109 : Tampilan Layar Kantor Cabang………………………………………….L-77 L.110 : Tampilan Layar Jadwal Mengajar Pengajar……………………………...L-78 L.111 : Tampilan Layar Lihat Siswa Pengajar……………………………………L-79 L.112 : Tampilan Layar Home Front Office………………………………………L-80 L.113 : Tampilan Layar Laporan Bulanan………………………………………...L-81
xix
L.114 : Tampilan Layar Laporan Bulanan Sudah Tersimpan……………………..L-82 L.115 : Tampilan Layar Download Laporan Bulanan…………………………….L-83 L.116 : Tampilan Layar Absensi………………………………………………….L-84 L.117 : Tampilan Layar Download Absensi………………………………………L-85 L.118 : Tampilan Layar Seluruh Siswa……………………………………………L-86 L.119 : Tampilan Layar Add Siswa……………………………………………….L-87 L.120 : Tampilan Layar Seluruh Pengajar………………………………………..L-88 L.121 : Tampilan Layar Add Pengajar……………………………………………L-89 Keterangan Singkat Tentang Purwacaraka……………………………………….L-90 Analisa Wawancara………………………………………………………………L-90 Kuesioner Evaluasi External……………………………………………………...L-95
xx
DAFTAR GRAFIK
Grafik 4.1 : Grafik Tampilan Website Keseluruhan………………………………..98 Grafik 4.2 : Grafik Kekonsistenan Tampilan Website……………………………..99 Grafik 4.3 : Grafik Kemudahan Penggunaan Website…………………………......99 Grafik 4.4 : Grafik Tingkat Bantuan Situs Dalam Mencari dan Memperoleh Informasi…………………………………………………….………..100 Grafik 4.5 : Grafik Kemudahan Dalam Melakukan Pencarian Informasi dan Pengiriman Data Secara Online………………………………...……100 Grafik 4.6 : Grafik Kelebihan Yang Ada Pada Situs PCMS...................................101 Grafik 4.7 : Grafik Cara Penggunaan Situs Bagi Administrator…………………..101 Grafik 4.8 : Grafik Kemudahan Penggunaan Situs Bagi Administrator Dalam Melakukan Peng-update-an Dan Pengisian Informasi………………..102
xxi
