Rancang Bangun Sistem Informasi Pembelajaran Pada Calista Musik Palembang Berbasis Website Derick Fernandez ([email protected]) Suwirno Mawlan ([email protected]) Jurusan Sistem Informasi STMIK GI MDP Abstrak : Tujuan penelitian skripsi ini adalah untuk pengembangan sistem informasi pada Bimbingan belajar Calista Musik Palembang menggunakan website sehingga dapat mempermudah, mempercepat, dan mengurangi tingkat kesalahan dalam pengolahan data dan informasi. Metodologi yang digunakan untuk membangun aplikasi ini adalah metodologi Iterasi. Metodologi ini memiliki 4 fase antara lain: perencanaan,analisis, perancangan, implementasi. Untuk perancangan sistem penulis menggunakan XAMPP, Notepad ++ dan MySQL sebagai database. Hasil rancangan sistem informasi ini diharapkan dapat meningkatkan keaktifan belajar-mengajar, mempermudah dalam promosi produk dan jasa, pendaftaran siswa baru, pengelolaan data guru, siswa, dan kursus musik, serta forum komunikasi sesama pecinta musik. Dengan adanya sistem ini diharapkan mampu mengatasi masalah-masalah yang ada sehingga dapat meningkatkan kinerja pada Calista Musik. Kata kunci :Website,Bahasa Pemrograman My SQL, iterasi. Abstrak : The purpose of this paper is to study the development of information systems in Palembang Music Tutoring Calista use the website in order to simplify, speed up and reduce the level of error in the processing of data and information. The methodology used to build this application are Iteration methodology. This methodology has four phases are: planning, analysis, design, implementation. To design a system the author uses XAMPP, Notepad + + and MySQL as database. The result of the design of information systems is expected to increase the activity of teaching and learning, facilitate the promotion of products and services, new student enrollment, data management teacher, student, and guidance of music courses, as well as a forum for communication among music lovers. With this system is expected to overcome the existing problems so as to improve performance on Calista Music. Keywords: Website, My SQL Programming Language, iteration. 1. PENDAHULUAN Perkembangan aplikasi website yang semakin pesat, tidak dapat dipungkiri bahwa keberadaan dan manfaat website pada jaman sekarang semakin dibutuhkan, seiring dengan semakin majunya teknologi internet yang sangat mudah sekali diakses baik itu lembaga pendidikan formal dan non formal. belum mempunyai wadah untuk sharing ilmu sesama pecinta musik baik pada Calista musik maupun lingkungan luar. Berdasarkan uraian di atas, maka penulis ingin menerangkan dalam bentuk skripsi dan memberi judul “Rancang Bangun Sistem Informasi Pembelajaran Pada Calista Musik Palembang Berbasis Website”. Pada Calista Musik Palembang terdapat beberapa permasalahan yaitu bagi Sistem yang ada pada Calista musik belum mempermudah Owner, penyampaian informasi yang kurang efektif dan efisien, Hal - 1 2. LANDASAN TEORI 2.1 Konsep Sistem Untuk mempelajari suatu sistem ada baiknya terlebih dahulu kita mengetahui apakah suatu sistem itu, ada beberapa definisi mengenai sistem. Dalam bukunya, Jogiyanto (2005, h. 2) mendefinisikan “Sistem adalah kumpulan elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu.” secukupnya karena digunakan untuk mengembangkan satu bagian dari sistem baru. Perulangan pada metode ini berlanjut sampai semua bagian keseluruhan sistem telah dikembangkan. (Whitten 2004, h.39). Complete System Initiation Iteration #1 Some System Analysis Some System Design Some System implementation A Part Of the System Some System implementation Another Part Of the System Iteration #2 Some System Analysis Some System Design Iteration #3 Berdasarkan pada teori yang penulis kutip maka, dapat disimpulkan bahwa sistem adalah suatu bagian atau jaringan yang saling bekerja sama untuk mencapai suatu tujuan tertentu. 2.2 Konsep Informasi Menurut Jogiyanto (2005, h.8) ”Informasi sangat penting bagi suatu organisasi, suatu sistem yang kurang mendapat informasi akan mengalami penyusutan, kemunduran dan akhirnya mati dan definisi dari informasi itu sendiri adalah data yang diolah mejadi bentuk yang lebih berguna dan lebih berarti bagi yang menerimanya”. Selain itu, menurut Whitten (2004, h. 23) ”Informasi adalah data yang telah diproses atau diorganisasikan ulang menjadi bentuk yang lebih berarti”. 2.3 Metodologi Iterasi Metodologi pengembangan sistem adalah metode-metode, prosedur-prosedur, konsep-konsep pekerjaan, aturan-aturan yang akan digunakan untuk mengembangkan suatu sistem informasi (Jogiyanto 2005,h.59). Pada pembuatan aplikasi ini menggunakan metode iterasi. Metode iteratif disebut juga dengan proses pengembangan berulang (iterative) atau proses pengembangan bertambah (incremental). Metode ini mensyaratkan penyelesaian perencanaan, analisis, perancangan atau desain, dan implementasi Some System Analysis Some System Design Some System implementation Yet Another Part Of the System Repeat until no additional Iterations needed Sumber: Whitten, Jeffrey 2004, Metode Desain & Analisis Sistem edisi 6 Gambar 1 : The Iterative or Incremental Strategy Tahap-tahap (fase-fase) dalam pembuatan aplikasi dengan mengunakan metode iterasi yaitu sebagai berikut : 1. Perencanaan Pada tahap ini akan dilakukan perencanaan terhadap pembuatan aplikasi dimana akan dibuat permulaan sistem untuk mengidentifikasi masalah dan juga merencanakan solusi untuk pemecahan masalah yang ada. Pada tahap ini juga akan dilakukan perencanaan terhadap pembuatan aplikasi, meliputi waktu dan jadwal pembuatan aplikasi, merancang pelaksanaan tugas yang dipilih, pengumpulan data-data dan informasi yang dibutuhkan untuk pembuatan aplikasi tersebut. 2. Analisis Pada tahap analisis ini akan dilakukan analisa mengenai pemahaman yang lebih menyeluruh terhadap masalah masalah dan kebutuhan – kebutuhan perangkat keras (hardware) dan perangkat lunak (software), kebutuhan umum untuk aplikasi yang telah diketahui, serta tujuan Hal - 2 umum pembuatan aplikasi. Lingkup proyek ini dipelajari dan dianalisis untuk mengetahui lebih rinci mengenai apa yang erkerja, apa yang tidak berkerja, dan apa yang dibutuhkan. 3. Perancangan atau Design Ditahap ini akan dilakukan perancangan atau design baik tampilan aplikasi (design interface), pembuatan coding, dan perancangan arsitektur (design architecture). Menurut Munir (2009) e-Learning merupakan program aplikasi berbasis internet yang memuat semua informasi tentang informasi sebuah pendidikan yang jelas, dinamis, dan akurat serta up to date serta memberikan kemudahan bagi para pembelajar untuk melakukan pembelajaran secara online. 2.5 Komponen Pembentuk e-Learning Dengan kata lain, komponen yang membentuk e-Learning adalah: 4. Implementasi a. Infrastruktur e-Learning Tahap dalam proses pengembangan aplikasi ini yaitu implementasi sistem dimana aplikasi yang telah jadi akan diinstal dan diuji secara tersendiri. Aplikasi diuji untuk memastikan bahwa aplikasi berkerja dengan sempurna, memenuhi persyaratan dan harapan pengguna. Infrastruktur e-Learning dapat berupa personal computer (PC), jaringan komputer, internet dan perlengkapan multimedia. Termasuk didalamnya peralatan teleconference apabila kita memberikan layanan synchronous learning melalui teleconference. 5. Pemeliharaan b. Sistem dan Aplikasi e-Learning Tahap terakhir pada tahapan ini adalah sistem secara sistematis diperbaiki dan ditingkatkan.Hasil dari tahapan ini versi baru dari perangkat lunak yang telah dibuat.Perbaikan yang dilakukan tingkatannya bisasangat variatif, mulai dari memperbaiki program yang crash hingga berfungsi kembali sampai pada penambahan modul-modul program yang baru sebagai jawaban atas perubahan kebutuhan pengguna. Sistem perangkat lunak yang memvirtualisasi proses belajar mengajar konvensional. Bagaimana manajemen kelas, pembuatan materi atau konten, forum diskusi, sistem penilaian (rapor), sistem ujian online dan segala fitur yang berhubungan dengan manajemen proses belajar mengajar. Sistem perangkat lunak tersebut sering disebut dengan Learning Management System (LMS). LMS banyak yang opensource sehingga bisa kita manfaatkan dengan mudah dan murah untuk dibangun di sekolah dan universitas. 2.4 Definisi Pembelajaran e-Learning Istilah pembelajaran online (eLearning) mengandung pengertian yang sangat luas, sehingga banyak pakar yang menguraikan tentang definisi e-Learning dari berbagai sudut pandang. Salah satu definisi yang cukup dapat diterima banyak pihak misalnya menurut. Hartley (2001), eLearning merupakan suatu jenis belajar mengajar yang memungkinkan tersampaikannya bahan ajar ke siswa dengan menggunakan media internet, intranet atau media jaringan komputer lain. c. Konten e-Learning Konten dan bahan ajar yang ada pada e-Learning system (Learning Management System). Konten dan bahan ajar ini bisa dalam bentuk Multimediabased Content (konten berbentuk multimedia interaktif) atau Text-based Content (konten berbentuk teks seperti pada buku pelajaran biasa). Biasa disimpan dalam Learning Management System (LMS) sehingga dapat dijalankan oleh siswa kapanpun dan dimanapun. Hal - 3 2.6 MySQL Database MySQL merupakan sistem manajemen basis data SQL yang sangat terkenal dan bersifat open source. (Arbie , 2004, h.1). a. Word Wide Web (WWW) Word Wide Web (WWW) adalah sebuah bagian dari internet yang sangat terkenal dalam dunia internet, dengan adanya WWW seorang pengguna dapat menampilkan sebuah halaman virtual yang disebut dengan website.(Bunafit Nugroho, 2004, h.3). C Controls Kurangnya tingkat keamanan data-data yang disimpan dalam bentuk dokumen berupa arsip. E Efficiency Waktu yang dibutuhkan dalam pembuatan laporan terlalu lama. S Service Media penyampaian informasi maupun sharing ilmu masih terbatas berada di lingkungan Calista Musik. 3.2 Analisis Kebutuhan Dalam melakukan analisis kebutuhan, penulis menggunakan use case. Subsistem Pengelolaan Data Subsistem Pengguna 3. ANALISIS SISTEM BERJALAN Menginput data guru Login Menginput Data Siswa Mengubah Password Menginput data Kelas Registrasi Mengedit data guru Mengedit Data Siswa 3.1 Analisis Permasalahan Menghapus data guru Subsistem Akademik Menginput Berita Akademik Penulis melakukan analisis terhadap sistem yang ada (sistem yang berjalan) pada Calista Musik Palembang dengan cara mengumpulkan informasi dari sistem yang ada, kemudian menemukan permasalahan, penyebab dari timbulnya masalah dan efek dari permasalahan tersebut. Untuk menganalisis permasalahan, penulis menggunakan kerangka PIECES sebagai berikut: Menghapus Data Siswa Administrator Melihat data guru Melihat Data Siswa Menghapus Berita Akademik Melihat Berita Akademik Melihat data Kelas Pendaftaran Kursus Subsistem Forum Diskusi Menginput Kategori Mengedit Kategori Subsistem Pembelajaran Menghapus Kategori Menginput Kursus Melihat Kategori Mengedit Kursus Menginput Diskusi Menghapus Kursus Guru Melihat Kursus Menghapus Diskusi Melihat Diskusi Mengupload Materi Menginput komentar Mendownload Materi Mengedit komentar Menghapus Komentar Siswa Pengunjung Melihat Komentar Subsistem Katalog Penjualan Menginput Data Katalog Penjualan Mengedit Data Katalog Penjualan Menghapus Data Katalog Penjualan Melihat Data Katalog Penjualan Subsistem Buku Tamu Menginput Saran / Kritik Tabel 1 : Kerangka PIECES Melihat Saran / Kritik Manghapus Saran / Kritik P Performance Penyampaian materi pelajaran dengan cara tatap muka hanya terjadi saat berada di tempat bimbingan dan belum adanya media penyampaian materi pembelajaran atau sharing ilmu antara siswa dan guru ketika berada di luar jam bimbingan. I Information Sulitnya memperoleh informasi baik informasi siswa maupun guru. E Economics Pengeluaran biaya yang berlebihan untuk penggunaan kertas dalam pengelolaan data siswa, dan data guru. Gambar 2 : Diagram Model Use Case 4. RANCANGAN SISTEM 4.1 Diagram Konteks Diagram konteks sistem dibuat untuk menentukan lingkup proyek awal. Diagram aliran data konteks ini hanya menunjukkan antarmuka utama sistem dengan lingkungannya. Berikut diagram konteks yang diusulkan pada rancangan sistem baru yang mungkin akan diterapkan pada Calista Musik Palembang. Hal - 4 Hasil_saran/kritik Info_katalog_penjualan Info_komentar Info_Diskusi Info_kategori Info_Kelas Info_Siswa Info_guru Info_mata_pelajaran Info_berita_akademik SQL Insert : Data_pengguna Info_data_kursus 1.0 Pengguna 7 Mozilla_FireFox : Info_Data_Pengguna Administrator SQL Server : pengguna SQL Select: Data_Pengguna 7 Mozilla_FireFox : Data_Pengguna Download_Materi Info_diskusi SQL Select: Id_pengguna Info_Kategori SQL Insert: Data_Siswa_baru Info_komentar Info_jadwal_Kursus Info_berita_akademik Info_Data_Pengguna_administrator SQL Insert: Data_guru_baru Info_katalog_penjualan 7 Mozilla_FireFox : Data_Registrasi 7 Mozilla_FireFox : Data_Pengguna Info_data_Pengguna_siswa 7 Mozilla_FireFox : Info_Data_Pengguna 7 Mozilla_FireFox : Data_Pengguna 7 Mozilla_FireFox : Info_Data_Pengguna Siswa Administrator SQL Insert : Berita_Baru_Disimpan SQL Server : Berita Akademik SQL Delete : Berita_yang_dihapus 2.0 7 Mozilla_FireFox : Data_Berita_Akademik 7 Mozilla_FireFox : Info_Berita_Akademik 7 Mozilla_FireFox : Info_Berita_Akademik SQL Select: Data_Berita 7 Mozilla_FireFox : Info_Berita_Akademik 7 Mozilla_FireFox : Daftar_Kursus 7 Mozilla_FireFox : Info_Berita_Akademik SQL Insert : Pendaftaran_Kursus_Baru_Disimpan Akademik SQL Select : Data_Kursus SQL Server : Kursus SQL Insert : Data_Kursus_Baru Data_Katalog_penjualan Membuat_Komentar Membuat_Diskusi Nama_Kategori Nama_Kelas Data_Siswa Data_guru Membuat_mata_pelajaran SQL Delete : Data_Kursus_yang_Dihapus SQL Update : Perubahan_Yang_Disimpan 7 Mozilla_FireFox : Data_Kursus 7 Mozilla_FireFox : Info_Data_Kursus Data_Pengguna_siswa 7 Mozilla_FireFox : Data_Mata_Pelajaran SQL Select : Data_Kursus 3.0 7 Mozilla_FireFox : Info_Data_Mata_pelajaran 7 Mozilla_FireFox : Data_Materi Daftar_Kursus SQL Insert : Data_Mata_Pelajaran_Ditambah SQL Delete : Data_Mata_Pelajaran_Dihapus 7 Mozilla_FireFox : Info_Data_Materi Membuat_diskusi Membuat_Komentar Data_Kursus Data_Berita_Akademik Data_Pengguna_administrator Perubahan_yang_disimpan Pembelajaran Membuat_Saran / Kritik RANCANG BANGUN SISTEM INFORMASI PEMBELAJARAN PADA CALISTA MUSIK PALEMBANG BERBASIS WEBSITE 7 Mozilla_FireFox : Upload_Materi SQL Select : Data_Mata_pelajaran SQL Insert : Upload_Materi SQL Delete : Materi_Upload_dihapus 7 Mozilla_FireFox : Info_data_kursus SQL Server : Materi SQL Select : Data_Materi SQL Select : Id_Guru Membuat_Kritik / Saran SQL Server : Mata Pelajaran SQL Update : Perubahan_Yang_Disimpan 7 Mozilla_FireFox : Info_data_kursus 7 Mozilla_FireFox : Download_Materi SQL Select : Id_Siswa SQL Select : Id_Kelas Info_berita_akademik Membuat_Komentar Info_Kategori Membuat_Diskusi Info_Diskusi Upload_Materi 7 Mozilla_FireFox : Data_Guru 7 Mozilla_FireFox : Info_Guru 7 Mozilla_FireFox : Data_Siswa 7 Mozilla_FireFox : Info_Siswa 7 Mozilla_FireFox : Nama_Kelas 7 Mozilla_FireFox : Info_Kelas Info_komentar Data_Pengguna_guru Info_katalog_penjualan 4.0 Pengelolaan Data SQL Insert : Data_Guru_baru SQL Delete: Data_Guru_Dihapus SQL Update: Perubahan_Yang_Disimpan SQL Select: Data_Guru SQL Insert: Data_Siswa_baru SQL Delete: Data_Siswa_Dihapus SQL Update: Perubahan_Yang_Disimpan SQL Server : Guru SQL Server : Siswa SQL Select: Data_Siswa SQL Insert: Data_Kelas_baru SQL Server : Kelas SQL Select: Data_Kelas Guru 7 Mozilla_FireFox : Info_Kategori SQL Select: Id_pengguna 7 Mozilla_FireFox : Membuat_Diskusi SQL Insert: Kategori_yang_ditambah 7 Mozilla_FireFox : Info_Diskusi 7 Mozilla_FireFox : Membuat_Komentar 5.0 7 Mozilla_FireFox : Info_Komentar 7 Mozilla_FireFox : Nama_Kategori SQL Delete: Kategori_yang_dihapus SQL Update: Perubahan_Yang_Disimpan 7 Mozilla_FireFox : Info_Kategori 7 Mozilla_FireFox : Membuat_Diskusi Info_Data_Pengguna_guru Info_berita_akademik 7 Mozilla_FireFox : Info_Diskusi SQL Insert: Diskusi_Baru 7 Mozilla_FireFox : Membuat_Komentar 7 Mozilla_FireFox : Info_Komentar Info_data_Kursus_guru Forum Diskusi Guru Data_Registrasi Info_Kategori Pengunjung Siswa SQL Insert: Komentar_yang_ditambah 7 Mozilla_FireFox : Membuat_Komentar SQL Update: Perubahan_Yang_Disimpan 7 Mozilla_FireFox : Info_Komentar 7 Mozilla_FireFox : Info_Kategori Info_katalog_penjualan SQL Delete: Diskusi_yang_dihapus SQL Server : Forum Diskusi SQL Select: Data_Diskusi 7 Mozilla_FireFox : Membuat_Diskusi 7 Mozilla_FireFox : Info_Diskusi Membuat_Kritik / Saran Info_Diskusi Info_komentar SQL Server : Kategori SQL Select: Data_Kategori SQL Server : Forum Komentar SQL Delete: Komentar_yang_dihapus SQL Select: Data_Komentar 7 Mozilla_FireFox : Info_Diskusi Pengunjung 7 Mozilla_FireFox : Info_Kategori 7 Mozilla_FireFox : Info_Komentar Gambar 3 : Diagram Konteks Sistem yang Diusulkan 6.0 SQL Insert: Katalog_Baru 7 Mozilla_FireFox : Info_Katalog_penjualan 7 Mozilla_FireFox : Info_Katalog_penjualan SQL Delete: Katalog_yang_dihapus 7 Mozilla_FireFox : Info_Katalog_penjualan 7 Mozilla_FireFox : Data_Katalog_Penjualan 7 Mozilla_FireFox : Info_Katalog_penjualan Katalog Penjualan SQL Select: Data_Katalog_Penjualan 7.0 SQL Insert: Data_Buku_tamu_Yang_Ditambah 7 Mozilla_FireFox : Membuat_Kritik / Saran 4.2 Diagram Dekomposisi 7 Mozilla_FireFox : Membuat_Kritik / Saran 7 Mozilla_FireFox : Hasil_Kritik / Saran RANCANG BANGUN SISTEM INFORMASI PEMBELAJARAN PADA CALISTA MUSIK PALEMBANG BERBASIS WEBSITE 1.1* Login 1.2* Ubah Password 1.3* Registrasi 3.0 Subsistem Pembelajaran 2.0 Subsistem Akademik 2.1 Kelola Berita Akademik 4.0 Subsistem Pengelolaan Data 3.1 Kelola Kursus 2.1.1* Input Berita Akademik 3.1.1* Input Kursus 2.1.2* Hapus Berita Akademik 3.1.2* Edit Kursus 3.1.3* Hapus Kursus 2.1.3* Lihat Berita Akademik 2.2* Pendaftaran Kursus 3.2.1* Upload Materi 3.2.2* Download Materi 5.1 Kelola Kategori 6.1* Input Data Katalog Penjualan 7.0 Subsistem Buku Tamu 7.1* Input Saran / Kritik 5.1.1* Input Kategori 6.2* Edit Data Katalog Penjualan 7.2* Lihat Saran / Kritik 4.1.2* Edit Data Guru 5.1.2* Edit Kategori 6.3* Hapus Data Katalog Penjualan 7.3* Hapus Saran / Kritik 4.1.3* Hapus Data Guru 5.1.3* Hapus Kategori 6.4* Lihat Data Katalog Penjualan 4.1.1* Input Data Guru 3.1.4* Lihat Kursus 3.2 Kelola Materi 6.0 Subsistem Katalog Penjualan 5.0 Subsistem Forum Diskusi 4.1 Kelola Data Guru 4.1.4* Lihat Data Guru 4.2 Kelola Data Siswa 5.1.4* Lihat Kategori 5.2 Kelola Diskusi 4.2.1* Input Data Siswa 4.2.2* Edit Data Siswa 4.2.3* Hapus Data Siswa 4.2.4* Lihat Data Siswa 4.3 Kelola Kelas 4.3.1* Input data Kelas 4.3.2* Lihat data Kelas Buku Tamu SQL Delete: Data_Buku_Tamu_Yang_Dihapus SQL Server : Buku Tamu 7 Mozilla_FireFox : Membuat_Kritik / Saran Diagram dekomposisi merupakan diagram yang kegiatannya menguraikan sistem menjadi subsistem dan proses. Diagram dekomposisi yang akan diusulkan pada Calista Musik Palembang yang terdiri dari tujuh subsistem yang dimana masing-masing subsistem tersebut terbagi lagi menjadi beberapa proses. Diagram dekomposisi yang akan diusulkan dapat dilihat pada Gambar 4. 1.0 Subsistem Pengguna SQL Server : Katalog Penjualan SQL Update: Perubahan_Yang_Disimpan SQL Select: Data_Buku_Tamu Gambar 5 : Diagram Aliran Data Subsistem Fisik 4.4 Rancangan Data Merancang sistem informasi Pembelajaran pada Calista Musik Palembang berbasis Website menggunakan Entity Relantionship Diagram (ERD) versi James Marthin. Pengertian dari Entity Relationship Diagram (ERD) sendiri adalah model data yang menggunakan beberapa notasi untuk menggambarkan data dalam konteks dan hubungan yang dideskripsikan oleh data tersebut. Untuk lebih jelasnya, ERD dari dapat dilihat pada gambar 6 berikut ini: 5.2.1* Input Diskusi 5.2.2* Hapus Diskusi 5.2.3* Lihat Diskusi 5.3 Kelola Komentar 5.3.1* Input Komentar 5.3.2* Edit Komentar 5.3.3* Hapus Komentar 5.3.4* Lihat Komentar Gambar 4 : Diagram Dekomposisi 4.3 Diagram Aliran Data Subsistem Fisik Diagram aliran data subsistem fisik yang diusulkan pada rancangan sistem dapat dilihat pada gambar 5 berikut ini Hal - 5 Berita Kritik Idberita [PK] Tanggal Judul Isi Idkritik [PK] Nama Email Isi Tanggal Kategori IdKategori [PK] Nama keterangan Kursus Idkursus [PK] idmember idguru Idpelajaran [FK] Kelas Waktu Hari status topik Idtopik [PK] Idkategori [FK] judul Idpengguna [FK] lihat post Idpost [PK] Idtopik [FK] Idpengguna [FK] Urutan Isi waktu kelas Katalog Idkatalog [PK] Nama jenis Harga Keterangan guru Idguru [PK] nama panggilan jurusan Alamat Hp Telp Bb Idpengguna [FK] member Idmember [PK] nama panggilan Jurusan tempat tanggal alamat pk hp Telp Bb Agama Les Ayah Ibu Payah Pibu Hpot Bbot Email Idpengguna [FK] Kelas [PK] pelajaran Idpelajaran [PK] Nama keterangan materi Idmateri [PK] Idpelajaran [FK] Judul file 4.6 Rancangan Antarmuka Halaman ini merupakan halaman beranda, terdapat tempat Login dimana pengguna harus memasukkan Username dan password, apabila Username dan password yang dimasukkan benar maka pengguna dapat melanjutkan ke halaman Pengguna sesuai dengan levelnya. Adapun bentuk tampilan halaman login dapat dilihat pada gambar 8 di bawah ini. pengguna admin username pass Idpengguna [PK] Idpengguna [PK] userid password jabatan Gambar 6 : Entity Relationship Diagram 4.5 Relasi antar Tabel Tabel-tabel yang ada pada basis data digambarkan sebagai entitas dan saling berelasi. ditunjukkan pada gambar 7 : Gambar 8 : Tampilan Halaman Beranda 1. Halaman Input Data Guru Halaman ini merupakan halaman input data guru oleh administrator. halaman input data guru ini dapat dilihat pada gambar 9 berikut ini. Gambar 7 : Relasi Antar Tabel Gambar 9 : Tampilan Halaman Input Data Guru Hal - 6 2. Halaman Input Data Siswa 4. Halaman Input Katalog Halaman ini merupakan halaman input data siswa yang input oleh administrator. Adapun halaman input data siswa ini dapat dilihat pada gambar 10 dibawah ini. Halaman ini merupakan halaman input data katalog baru yang diinput oleh administrator. Adapun halaman input data katalog baru ini dapat dilihat pada gambar 12 dibawah ini. Gambar 10 Tampilan Halaman Input Data Siswa 3. Halaman Jadwal Kursus ` Halaman ini merupakan halaman jadwal kursus pada administrator. Adapun halaman jadwal kursus dapat dilihat pada gambar 11 dibawah ini. Gambar 11 : Tampilan Halaman Jadwal Kursus Gambar 12 : Tampilan Halaman Input Katalog 5. Halaman Input Berita Akademik Halaman input berita akademik digunakan untuk memasukkan berita yang diinput oleh administrator. Adapun halaman input berita akademik dapat dilihat pada gambar 13 dibawah ini. Gambar 13 : Tampilan Input Berita Hal - 7 5. PENUTUP 5. 1 Kesimpulan 1. Dengan adanya media belajar berbasis online, diharapkan dapat membantu siswa dalam menerima materi pelajaran dengan cara yang lebih baik dan menarik. 2. Dengan adanya website ini diharapkan dapat membantu Owner dalam mengelola data-data menjadi lebih aman, lebih efisien dan mudah diakses. 3. Dengan adanya website ini mampu memberikan informasi yang jauh lebih lengkap dan lebih cepat mengenai informasi-informasi yang berhubungan dengan berita akademik maupun kegiatankegiatan yang akan berlangsung di Calista Musik Palembang. 5.2 Saran 1. Perlunya diadakan pelatihan bagi pengguna agar dapat menggunakan sistem agar mempermudah dalam proses belajar mengajar. 2. Diharapkan sistem baru yang dibuat dapat diimplementasikan agar dapat membantu Owner mengelola dokumen dengan baik dan membantu kelancaran dalam proses kegiatan belajar mengajar dan dapat meningkatkan minat siswa dalam kegiatan belajar. 3. Perlunya dilakukan perawatan / maintenance terhadap peralatan komputer atau perangkat komputer atau perangkat elektronik pendukung lainnya secara berkala untuk menghindari terjadinya kerusakan pada sistem yang baru atau hal-hal yang tidak diinginkan lainnya. 4. Pada sistem yang Penulis bangun ini masih terdapat kelemahan dari segi keamanan data. Untuk menjaga keamanan terhadap data yang telah tersimpan di dalam database, maka disarankan agar data yang telah disimpan untuk dilakukan back-up data guna mencegah kemungkinan terjadinya kehilangan atau kerusakkan data. 5. Agar sistem ini lebih efektif maka disarankan agar program yang telah dibuat ini lebih dikembangkan lagi sesuai dengan kebutuhan. DAFTAR PUSTAKA [1] A.S Rosa, M.Shalahuddin 2011, Modul Pembelajaran Rekayasa Perangkat Lunak, Modula, Bandung. [2] Firdaus 2007, PHP dan MySQL dengan Dreamwever, Maxicom, Palembang. [3] Hartono, Jogiyanto 2005, Analisis dan Desain Sistem Informasi, Andi Offset, Yogyakarta. [4] Indrajani 2005, Bedah Kilat 1 Jam Pengantar Sistem Basis Data, Elex Media Komputindo, Jakarta. [5] Kendall, Kenneth E. & Julie E 2002, Analisis dan Perancangan Sistem, Jilid 1 Pearson Education Asia, PT. Prenhallinda, Jakarta. [6] Komputer, Wahana 2006, Menguasai Pemograman Web dengan PHP 5, Andi Offset, Yogyakarta. [7] Nugroho, Bunafit 2004, Aplikasi Pemograman Web Dinamis dengan PHP dan MySQL, Gaya Media, Yogyakarta. [8] Sutanta, Edhy 2004, Sistem Basis Data, Graha Ilmu, Yogyakarta. [9] Sutedjo, Budi 2002, Perencanaan dan Pembangunan Sistem Informasi, Andi Offset, Yogyakarta. [10] Whitten, Jeffery 2004, Systems Analysis and Design Methods, 6th Edition, Mc Graw-Hill, America. Hal - 8