Selama ini proses administrasi Primagama Cabang Tajem Yogyakarta meliputi proses pendaftaran, pengolahan data siswa, data nilai, data pembayaran, data materi, data paket dan data tutor masih dilakukan secara manual sehingga memakan waktu yang lama dan kemungkinan kesalahan pengolahan data sangat mungkin terjadi. Dari latar belakang tersebut, Penulis membangun sebuah Sistem Informasi Pelayanan Administrasi Bimbingan Belajar untuk menyelesaikan masalah yang terjadi.
Sistem informasi ini dibuat menggunakan bahasa pemograman PHP dan DBMS MySQL. Sistem informasi ini berfungsi melayani proses pendaftaran siswa secara online, mengolah data siswa, jadual, nilai, pembayaran, berita oleh admin atau staff primagama, mempermudah siswa dalam mendapatkan informasi jadual dan nilai secara online serta fungsi sms gateway untuk mengirimkan informasi nilai kepada orang tua siswa.
All this time Administration process in Primagama Branch Tajem Yogyakarta includes registration process, student data processing, school grades data, payment data, schedule data, material data, data packet and data tutors still processed manually and takes a long time so that possibility of data processing error is likely to occur. Therefore, The writer created an
information system on tutoring administration service to solve the problem that occur .
This information system was created using PHP programming language and BDMS MySQL. The functions of this information systems are to serve students registration process by online, student data process, schedules, school grades, payment, news by admin or Primagama staff, to facilitate students in getting schedule information, to get the grade by online and also to send grade information to parents by SMS Gateway. .
SISTEM INFORMASI PELAYANAN ADMINISTRASI BIMBINGAN BELAJAR PRIMAGAMA BERBASIS WEB
DAN SMS GATEWAY
Studi Kasus di Bimbingan Belajar Primagama Cabang Tajem Yogyakarta
SKRIPSI
Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Komputer
Program Studi Teknik Informatika
Oleh :
Meyn Apriani Kainama 105314002
PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN TEKNIK INFORMATIKA
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS SANATA DHARMA
YOGYAKARTA
SERVICE ADMINISTRATION INFORMATION SYSTEM PRIMAGAMA TUTORING WEB AND SMS GATEWAY BASED
Case Studies in Guidance Learn Primagama Brance of Tajem Yogyakarta
THESIS
Presented as Partial Fullfillment of the Requirements To Obtain the Sarjana Komputer Degree
In Informatics Engineering
By :
Meyn Apriani Kainama 105314002
INFORMATION ENGINEERING STUDY PROGRAM
DEPARTMENT OF INFORMATICS ENGINEERING
FACULTY OF SCIENCE AND TECHNOLOGY
SANATA DHARMA UNIVERSITY
vii
HALAMAN PERSEMBAHAN
Karya ini saya persembahkan kepada :
Tuhan Yesus Kristus, sumber kekuatan dan hidup, yang selalu menguatkan saat lemah, selalu memberikan jalan keluar terbaik saat mengalami masalah. Sang Juruslamat yang Agung.
Orang Tua Tercinta, Pieter Kainama dan Louissa Kainama, Terima Kasih karena selalu memberikan dukungan dan mendoakan serta sabar mengarahkan hingga bisa menyelesaikan semuanya.
Kakak-kakakku Christine Pasewang, Margaritha Kainama, Willem Kainama, Reyn Kainama, Yusuf Pasewang, Sarah Kainama, Ria Kainama, yang selalu memberikan dukungan dan mendoakan.
Keponakan-keponakanku Jescka, Aditya, Kezia, Milano, Alen, Carlo, Putri, Dylan, Derba, dan Nadine, yang selalu menghibur saat sulit menyelesaikan skripsi.
Dede Mavendra, Terima Kasih karena selalu mendukung, menyemangati, menemani, memberikan solusi sehingga bisa menyelesaikan semuanya.
viii
HALAMAN MOTO
Orang-orang yang menabur dengan mencucurkan air mata,
akan menuai dengan bersorak-sorai. Orang yang berjalan maju
dengan menangis sambil menabur benih, pasti pulang dengan sorak sorai sambil membawa berkas-berkasnya
(Mazmur 126 : 5-6)
Setiap masalah yang datang menyapa bukan untuk
menjatuhkan, tetapi untuk menguji seberapa mampu kamu
bertahan.
Orang yang gagal selalu mencari jalan untuk menghindari
kesulitan, sementara orang yang sukses selalu menerjang
ix
ABSTRAK
Selama ini proses administrasi Primagama Cabang Tajem Yogyakarta meliputi proses pendaftaran, pengolahan data siswa, data nilai, data pembayaran, data materi, data paket dan data tutor masih dilakukan secara manual sehingga memakan waktu yang lama dan kemungkinan kesalahan pengolahan data sangat mungkin terjadi. Dari latar belakang tersebut, Penulis membangun sebuah Sistem Informasi Pelayanan Administrasi Bimbingan Belajar untuk menyelesaikan masalah yang terjadi.
Sistem informasi ini dibuat menggunakan bahasa pemograman PHP dan DBMS MySQL. Sistem informasi ini berfungsi melayani proses pendaftaran siswa secara online, mengolah data siswa, jadual, nilai, pembayaran, berita oleh admin atau staff primagama, mempermudah siswa dalam mendapatkan informasi jadual dan nilai secara online serta fungsi sms gateway untuk mengirimkan informasi nilai kepada orang tua siswa.
x
ABSTRACT
All this time Administration process in Primagama Branch Tajem Yogyakarta includes registration process, student data processing, school grades data, payment data, schedule data, material data, data packet and data tutors still processed manually and takes a long time so that possibility of data processing error is likely to occur. Therefore, The writer created an information system on tutoring
administration service to solve the problem that occur .
This information system was created using PHP programming language and BDMS MySQL. The functions of this information systems are to serve students registration process by online, student data process, schedules, school grades, payment, news by admin or Primagama staff, to facilitate students in getting schedule information, to get the grade by online and also to send grade information to parents by SMS Gateway. .
xi
KATA PENGANTAR
Puji dan Syukur Penulis panjatkan kepada Tuhan yang Maha Essa Karena atas rahmatNya penulis dapat menyelesaikan tugas akhir ini sebagai salah satu matakuliah wajib dan merupakan syarat akademik pada jurusan Teknik Informatika Universitas Sanata Dharma Yogyakarta.
Pada kesempatan ini penulis ingin mengucapkan terima kasih kepada pihak-pihak yang telah membantu dari awal pembuatan tugas akhir ini sampai tugas akhir ini bisa selesai. Ucapan terima kasih penulis sampaikan di antaranya adalah :
1. Ibu Agnes Maria Polina, S.Kom., M.Sc., sebagai Dosen Pembimbing tugas akhir.
2. Bapak Marjono sebagai staff Primagama Cabang Tajem Yogyakarta, yang telah membantu dalam Proses Penelitian di Primagama.
3. Orang Tua, Pieter Kainama Dan Louissa Kainama atas dukungan moral, spiritual dan finasial dalam penyusunan tugas akhir.
4. Kakak-Kakakku, atas dukungan moral, spiritual dan finasial dalam penyusanan tugas akhir.
5. Siswa dan Staff Primagama Cabang Tajem Yogyakarta atas dukungan dan kerjasamanya selama uji coba tugas akhir.
6. Dede Mavendra atas dukungan dan bantuannya selama proses penyusunan tugas akhir ini.
7. Pihak-pihak yang tidak bisa disembutkan satu per satu yang telah membantu penyusunan tugas akhir ini.
Penulis,
xii
DAFTAR ISI
HALAMAN PERSETUJUAN ……….…….i
HALAMAN PENGESAHAN ...……….……….……ii
PERNYATAAN KEASLIAN KARYA………...iii
LEMBAR PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS……….….…...iv
HALAMAN PERSEMBAHAN.………..……...v
HALAMAN MOTTO……….……...vi
ABSTRAK………...……….………..vii
ABSTRACT………...…………....viii
KATA PENGANTAR……….………ix
DAFTAR ISI……….…x
DAFTAR GAMBAR……….xiii
DAFTAR TABEL………....….xvii
BAB I PENDAHULUAN………..1
1.1Latar Belakang… ..………...1
1.2Rumusan Masalah………....3
1.3Tujuan………...3
1.4Batasan Masalah ………...3
1.5Metodologi Penelitian.………4
1.6Sistimatika Penulisan………...5
BAB II LANDASAN TEORI………....………...7
2.1 Sistem Informasi……….……....7
2.2 Sistem Informasi Berbasis Web………..7
xiii
2.3 SMS Gateway……….………...10
2.3.1 Pengertian………....10
2.3.2 Cara Kerja SMS Gateway………....11
2.4. Tahap Pengembangan Rekayasa Perangkat Lunak Waterfall……….….11
2.5 Notasi Permodelan Sistem……….………....13
2.5.1 Use Case Diagram………..13
2.5.2 Data Flow Diagram………....14
2.5.3 ER Diagram………....15
2.6 Administrasi Bimbingan Belajar……….………..17
2.6.1 Pengertian Administrasi……….17
2.6.2 Pengertian Bimbingan Belajar………...17
BAB III ANALISA DAN PENGEMBANGAN SISTEM……….18
3.1 Analisa Sistem………..18
3.1.1 Gambaran Sistem Lama…..………..18
3.1.2 Gambaran Sistem yang Dikembangkan..………..19
3.1.3 Proses Bisnis……….19
3.1.4 Analisis Kebutuhan Sistem………...21
3.1.5 Permodelan Proses………23
3.2 Perancangan Sistem……….35
3.2.1 Perancangan Basis Data………35
3.2.2 Perancangan User Interface………..45
BAB IV IMPLEMENTASI SISTEM………68
4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak………...68
4.2 Implementasi Basis Data……….…68
4.3 Implementasi Sistem………72
xiv
5.1 Analisa Hasil Perangkat Lunak………..……...97
5.2 Analisa Hasil Uji Coba Terhadap Pengguna………....…….98
5.2.1 Form Kuisioner………98
5.2.2 Hasil dan Pembahasan……….98
BAB VI PENUTUP………...112
6.1 Kesimpulan………..………112
6.2 Saran………..………..113
DAFTAR PUSTAKA………...……….114
xv
DAFTAR GAMBAR
Gambar 2.1 Alur Komponen Sistem Informasi………..………..……7
Gambar 2.2 Use Case………..………13
Gambar 2.3 Aktor………..………..…13
Gambar 2.4 Simbol Data Flow Diagram………..……...14
Gambar 3.1 Use Case Diagram Siswa………..………...21
Gambar 3.2 Use Case Diagram Admin/Staff……….……….22
Gambar 3.3 Diagram Konteks………..………...23
Gambar 3.4 Diagram Berjenjang……….……….………...24
Gambar 3.5 Overview DFD………..………...25
Gambar 3.6 DFD Level 2 Proses 1………..………26
Gambar 3.7 DFD Level 2 Proses 2………..………27
Gambar 3.8 DFD Level 2 Proses 3………..………28
Gambar 3.9 DFD Level 2 Proses 4………..………29
Gambar 3.10 DFD Level 2 Proses 5………..………..30
Gambar 3.11 DFD Level 2 Proses 6………..………..31
Gambar 3.12 DFD Level 2 Proses 7………..………..32
Gambar 3.13 DFD Level 2 Proses 8………..………..33
Gambar 3.14 DFD Level 3 Proses 9………..………..34
Gambar 3.15 ER Diagram………..……….35
Gambar 3.16 Logical Design………….……….36
Gambar 3.17 Interface Halaman Utama……….………....45
Gambar 3.18 Interface Halaman Profil……….……….46
Gambar 3.19 Interface Halaman Utama Administrasi………….………..47
xvi
Gambar 3.21 Interface Halaman Utama jadual….……….…...49
Gambar 3.22 Interface Halaman Utama Nilai………..………..50
Gambar 3.23 Interface Halaman Registrasi Siswa……….………51
Gambar 3.23 Interface Halaman Rekapan Data Siswa………...52
Gambar 3.24 Interface Halaman Rekapan Data Pendaftaran……….53
Gambar 3.25 Interface Halaman Laporan Data Siswa………...53
Gambar 3.26 Interface Halaman Rekapan Data Nilai………....54
Gambar 3.27 Interface Halaman Insert Data Nilai……….…………...55
Gambar 3.28 Interface Halaman Laporan Data Nilai………56
Gambar 3.29 Interface Halaman Rekapan Data Jadual ………...…..………...56
Gambar 3.30 Interface Halaman Input Data Jadual..…..………..57
Gambar 3.31 Interface Halaman Laporan Data Jadual…………..………..…....….58
Gambar 3.32 Interface Halaman Rekapan Data Berita……….….58
Gambar 3.33 Interface Input Data Berita……….…..59
Gambar 3.34 Interface Rekap Data Login……….…60
Gambar 3.35 Interface Halaman Edit Data Siswa……….61
Gambar 3.36 Interface Halaman Edit Data Nilai………...62
Gambar 3.37 Interface Halaman Edit Data Jadual ………...63
Gambar 3.38 Interface Halaman Data Paket……….64
Gambar 3.39 Interface Halaman Edit Data Paket……….…65
Gambar 3.40 Interface Halaman Data Materi………...66
Gambar 3.41 Interface Halaman Update Data Materi………..67
Gambar 4.1 Halaman Login……….72
Gambar 4.2 Halaman Utama………....70
Gambar 4.3 Halaman Administrasi………..71
xvii
Gambar 4.5 Form Registrasi Siswa………..………...74
Gambar 4.6 Halaman Rekapan Data Siswa………..…...75
Gambar 4.7 Halaman Utama Rekapan Data Pembayaran………...76
Gambar 4.8 Halaman Update Rekapan Data Pembayaran………..……77
Gambar 4.9 Halaman Cetak Nota Pembayaran………...78
Gambar 4.10 Halaman Rincian Rekapan Data Pembayaran………..…….78
Gambar 4.11 Halaman Laporan Siswa………....79
Gambar 4.12 Halaman Utama Rekapan Data Nilai………...……..80
Gambar 4.13 Halaman Update Rekapan Data Nilai……….…...80
Gambar 4.14 Halaman Rekapan Data Nilai……….…...80
Gambar 4.15 Halaman Laporan Nilai……….…...81
Gambar 4.16 Halaman Utama Rekapan Data ………...….…82
Gambar 4.17 Halaman Edit Rekapan Data ………83
Gambar 4.18 Halaman Insert Data ………84
Gambar 4.19 Halaman Laporan ………84
Gambar 4.20 Tampilan Data Berita………...85
Gambar 4.21 Tampilan Insert Berita……….……86
Gambar 4.22 Halaman Rekapan Data Login……….……87
Gambar 4.23 Halaman Rekapan Data Paket……….…….87
Gambar 4.24 Halaman Edit Data Paket……….88
Gambar 4.25 Halaman Rekapan Data Materi ………...89
Gambar 4.26 Halaman Edit Data Materi………...…90
Gambar 4.27 Halaman Pendaftaran………...…91
Gambar 4. 28 Halaman Utama Nilai………...…..92
Gambar 4.29 Halaman Nilai………..92
xviii
Gambar 5.1 Tabel Hasil Pertanyaan 1 Siswa………..……….96
Gambar 5.2 Tabel Hasil Pertanyaan 2 Siswa………...97
Gambar 5.3 Tabel Hasil Pertanyaan 3 Siswa………...98
Gambar 5.4 Tabel Hasil Pertanyaan 4 Siswa………..……….99
Gambar 5.5 Tabel Hasil Pertanyaan 5 Siswa………..………...100
Gambar 5.6 Tabel Hasil Pertanyaan 6 Siswa………..………...101
Gambar 5.7 Tabel Hasil Pertanyaan 1 Admin/Staff………...………...102
Gambar 5.8 Tabel Hasil Pertanyaan 2 Admin/Staff………...………...103 Gambar 5.9 Tabel Hasil Pertanyaan 3 Admin/Staff………...………...104
Gambar 5.10 Tabel Hasil Pertanyaan 4 Admin/Staff………..…...…………...105
Gambar 5.11 Tabel Hasil Pertanyaan 5 Admin/Staff………...106
xix
DAFTAR TABEL
Tabel 3.1 Tabel Siswa………..………37
Tabel 3.2 Tabel Jadual ……….……….………..38
Tabel 3.3 Tabel Paket………..………39
Tabel 3.4 Tabel Materi………..………..39
Tabel 3.5 Tabel Berita……….……….……….. 40
Tabel 3.6 Tabel Nilai……….……… 40
Tabel 3.7 Tabel Pembayaran……….……….41
Tabel 3.8 Tabel Siswa_smntr……….………42
Tabel 3.9 Tabel Tab_user……….………..43
Tabel 3.10 Tabel Tutor……….………..43
Tabel 5.1 Grafik Hasil Pertanyaan 1 Siswa……….………..96
Tabel 5.2 Grafik Hasil Pertanyaan 2 Siswa……….………..97
Tabel 5.3 Grafik Hasil Pertanyaan 3 Siswa……….………..98
Tabel 5.4 Grafik Hasil Pertanyaan 4 Siswa……….…………..99
Tabel 5.5 Grafik Hasil Pertanyaan 5 Siswa……….…………..100
Tabel 5.6 Grafik Hasil Pertanyaan 6 Siswa………..………….101
Tabel 5.7 Grafik Hasil Pertanyaan 1 Admin/Staff..………..………….103
Tabel 5.8 Grafik Hasil Pertanyaan 2 Admin/Staff..………..………….104
Tabel 5.9 Grafik Hasil Pertanyaan 3 Admin/Staff..………..………….105
Tabel 5.10 Grafik Hasil Pertanyaan 4 Admin/Staff..………..……...…………106
Tabel 5.11 Grafik Hasil Pertanyaan 5 Admin/Staff..……….………...……….107
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
Kemajuan jaman mempengaruhi segala aspek kehidupan salah satunya berdampak pada kemajuan Teknologi Informasi. Dengan adanya kemajuan Teknologi Informasi membuat manusia memanfaatkan kemajuan Teknologi ini untuk dapat membantu aktivitas sehari-hari. Teknologi Informasi ini dapat direalisasikan pada bidang pendidikan, kesehatan, maupun pemerintahan.
Teknologi Informasi dapat pula direalisasikan untuk meningkatkan pelayanan yang baik di masyarakat. Contohnya pelayanan administrasi Bimbingan Belajar Primagama yang selama ini masih dilakukan secara manual seperti pendaftaran siswa baru dan proses administrasi untuk siswa. Calon siswa yang ingin mendaftar masuk Primagama harus mengurus langsung dikantor Primagama dan membutuhkan waktu yang cukup lama untuk melengkapi data-data serta konfirmasi dari pihak Primagama. Masalah yang terjadi ini menjadi tidak efisien. Sebagai contoh calon siswa yang ingin mendaftar harus mengisi formulir pendaftaran siswa dan formulir her-registrasi siswa menurut jenjang sekolah. Setelah itu akan diproses untuk menentukan jadual bimbingan siswa. Siswa harus kembali ke Primagama untuk melihat jadual bimbingan. Proses administrasi siswa yang ingin melakukan pembayaran biaya bimbingan belajar akan diberikan sehelai kertas kuitansi sebagai bukti pembayaran. Permasalahan akibat proses yang masih manual bisa berdampak dalam segala hal, seperti laporan administrasi yang terlambat, pelayanan yang tidak efisien terhadap siswa serta lamanya proses administrasi biaya bimbingan belajar.
2
3
1.2Rumusan Masalah
a. Bagaimana membangun sebuah Sistem Informasi Pelayanan Administrasi Bimbingan Belajar Primagama Berbasis Web dan SMS Gateway?
b. Apakah Sistem Informasi ini dapat memberikan informasi yang dibutuhkan siswa, mempercepat pendaftaran dan pembayaran bagi siswa serta mudah digunakan bagi siswa?
c. Apakah Sistem Informasi ini dapat membantu mempercepat pelayanan administrasi bagi staff Primagama dan mudah digunakan
1.3Tujuan
Tujuan dari tugas akhir ini adalah membangun suatu Sistem Informasi Pelayanan Administrasi Bimbingan Belajar Primagama Berbasis Web dan SMS Gateway.
1.4Batasan Masalah
Adapun batasan dalam topik tugas akhir ini adalah :
a. Sistem informasi administrasi bimbingan belajar berdasar studi kasus di Primagama Cabang Tajem Yogyakarta
4
c. Sistem informasi administrasi bimbingan belajar ini berbasis Web dan SMS Gateway dan dibuat dengan software Java Netbeans, PHP dan basis data dibuat dengan MySQL.
1.5. Metodologi Penelitian
Metodelogi penelitian yang digunakan adalah studi kasus dengan langkah-langkah sebagai berikut :
1. Survei Awal
Melakukan pengamatan (observasi) sistem pendaftaran calon siswa ke Primagama dan proses administrasi di Primagama Cabang Tajem Yogyakarta, serta mengamati sistem yang masih manual serta permasalahan yang terjadi
2. Membangun perangkat lunak Sistem Informasi Pelayanan Administrasi Bimbingan Belajar Primagama Berbasis Web dan SMS Gateway dengan menggunakan Metode Waterfall (Kristanto, 2004) :
a. Defenisi dan Analisis Kebutuhan (Requirements Analysis and Definition)
Melakukan wawancara dan observasi di Primagama Cabang Tajem Yogyakarta, untuk mengetahui permasalahan pengelohan pendaftaran dan administrasi secara manual. Dalam tahap ini dilakukan pengumpulan data yang berhubungan dengan pendaftaran dan administrasi serta analisis kebutuhan pengguna.
5
c. Implementasi Sistem
Implementasi hasil desain kedalam program dengan menggunakan bahasa pemograman PHP dan basis data MySQL sebagai media penyimpanan datanya.
d. Uji coba sistem
Melakukan pengujian sistem secara keseluruhan dan menilai apakah hasil sudah sesuai dengan perancangan yang diinginkan dan melihat segala kesalahan yang mungkin terjadi.
3. Uji coba terhadap pengguna
Melakukan uji coba di Primagama Cabang Tajem Yogyakarta, meliputi :
1. Staff Administrasi di Primagama Cabang Tajem Yogyakarta 2. Siswa di Primagama Cabang Tajem Yogyakarta
3. Beberapa calon siswa yang ingin mendaftar di Primagama Cabang Tajem Yogyakarta
1.6Sistematika Penulisan
Sistematika penulisan tugas akhir ini adalah sebagai berikut : BAB I : PENDAHULUAN
6
BAB II : LANDASAN TEORI
Pada bab ini membahas tentang landasan teori yang digunakan sebagai pendukung dalam penulisan tugas akhir ini, meliputi Sistem Informasi, Sistem Informasi Berbasis Web, SMS Gateway, Administrasi Bimbingan Belajar, Tahap Pengembangan Rekayasa Perangkat Lunak Waterfall, Notasi Permodelan Sistem dan Administrasi Bimbingan Belajar.
BAB III : ANALISIS DAN PERANCANGAN SISTEM
Pada bab ini berisi penjelasan lebih terperinci mengenai analisia sistem, gambaran sistem lama dan gambaran sistem yang dikembangkan.
BAB IV : IMPLEMENTASI SISTEM
Bab ini berisi penerapan sistem yang dibuat berdasar dengan perancangan yang telah dilakukan antara spesifikasi perangkat keras dan perangkat lunak, implementasi basis data, implementasi sistem. BAB V : ANALISIS HASIL
Pada bab ini berisi analisa hasil perangkat lunak, analisa hasil uji coba terhadap pengguna, kelebihan dan kekurangan sistem.
BAB VI : PENUTUP
7
BAB II
LANDASAN TEORI
2.1 Sistem Informasi
Menurut Alter (1992), dalam Kadir (2008), Sistem informasi adalah kombinasi antara prosedur kerja, informasi, orang dan teknologi informasi yang terorganisasikan untuk mencapai tujuan dalam sebuah organisasi. Sistem informasi dapat memberikan manfaat baik bagi internal organisasi maupun pihak luar (misalnya pelanggan).
Komponen dari sistem informasi dapat dilihat pada gambar berikut ini :
Gambar 2.1 Alur Komponen Sistem Informasi
Dari keempat komponen sistem di atas terlihat bahwa sistem informasi merupakan satu kesatuan unsur (manusia dan peralatan) yang bekerja sama untuk melaksanakan pengolahan informasi mulai dari mengumpulkan, pengolahan, penyimpanan, sampai pada pendistribusiannya.
2.2 Sistem Informasi Berbasis Web
Sistem informasi berbasis web adalah suatu sistem informasi yang diakses menggunakan penjelajah web melalui suatu jaringan seperti internet atau intranet. World Wide Web atau WWW atau juga dikenal dengan WEB adalah salah satu layanan yang didapat oleh pemakai komputer yang terhubung ke internet. Web ini menyediakan informasi bagi pemakai komputer yang terhubung ke internet dari
sekedar informasi “sampah” atau informasi yang tidak berguna sama sekali sampai
informasi yang serius, dari informasi yang gratisan sampai informasi yang komersial. Website atau situs dapat diartikan sebagai kumpulan halaman-halaman
Hardware Sistem software data
8
yang digunakan untuk menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan atau gabungan dari semuanya itu baik yang bersifat statis maupun dinamis yang membentuk satu rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).
2.2.1 Unsur-Unsur Website atau Situs
Untuk menyediakan keberadaan sebuah website , maka harus tersedia unsur unsur penunjangnya, adalah sebagai berikut:
1. Nama domain (Domain name/URL – Uniform Resource Locator)
Pengertian nama domain atau biasa disebut dengan Domain Name atau URL adalah alamat unik di dunia internet yang digunakan untuk mengidentifikasi sebuah website, atau dengan kata lain domain name adalah alamat yang digunakan untuk menemukan sebuah website pada dunia internet.
Nama domain diperjual belikan secara bebas di internet dengan status sewa tahunan. Nama domain sendiri mempunyai identifikasi ekstensi/akhiran sesuai dengan kepentingan dan lokasi keberadaan website tersebut. Contoh nama domain ber-ekstensi internasional adalah com, net, org, info, biz, name, ws. Contoh nama domain ber-ekstensi lokasi Negara Indonesia adalah co.id (untuk nama domain website perusahaan), ac.id (nama domain website pendidikan), go.id (nama domain website instansi pemerintah), or.id (nama domain website organisasi).
2. Rumah tempat website (Web hosting)
9
dilakukan dari perusahaan-perusahaan penyewa web hosting yang banyak dijumpai baik di Indonesia maupun luar negeri.
3. Bahasa Program (Scripts Program)
Bahasa yang digunakan untuk menerjemahkan setiap perintah dalam website yang pada saat diakses. Jenis bahasa program sangat menentukan statis, dinamis atau interaktifnya sebuah website. Semakin banyak ragam bahasa program yang digunakan maka akan terlihat website semakin dinamis, dan interaktif serta terlihat bagus.
Beragam bahasa program saat ini telah hadir untuk mendukung kualitas website. Jenis bahasa program yang banyak dipakai para desainer website antara lain HTML, ASP, PHP, JSP, Java Scripts, Java applets. Bahasa dasar yang dipakai setiap situs adalah HTML sedangkan PHP, ASP, JSP dan lainnya merupakan bahasa pendukung yang bertindak sebagai pengatur dinamis, dan interaktifnya situs. Bahasa program ASP, PHP, JSP atau lainnya bisa dibuat sendiri. Bahasa program ini biasanya digunakan untuk membangun portal berita, artikel, forum diskusi, buku tamu, anggota organisasi, email, mailing list dan lain sebagainya yang memerlukan update setiap saat.
4. Desain website
Setelah melakukan penyewaan domain name dan web hosting serta penguasaan bahasa program (scripts program), unsur website yang penting dan utama adalah desain. Desain website menentukan kualitas dan keindahan sebuah website. Desain sangat berpengaruh kepada penilaian pengunjung akan bagus tidaknya sebuah website.
10
memerlukan biaya yang tertinggi dari seluruh biaya pembangunan situs dan semuanya itu tergantung kualitas designer.
2.3 SMS GATEWAY
2.3.1 Pengertian
SMS Gateway adalah sebuah perangkat lunak atau platform yang menawarkan layanan transmit SMS, mentransformasikan pesan ke jaringan seluler dari media lain, atau sebaliknya, yang kemudian dipergunakan oleh penyedia jasa untuk mengatur SMS yang akan dikirim dan diterima. Hal ini memungkinkan pengiriman atau penerimaan pesan SMS dengan atau tanpa menggunakan handphone. SMS Gateway bekerja dengan cara menghubungkan handphone dengan sebuah komputer. Komunikasi antara handphone dengan komputer dilakukan dengan menggunakan bahasa pemograman serial pon.
11
2.3.2 Cara Kerja SMS Gateway
Cara kerja SMS Gateway terbilang cukup mudah. Sebagai contoh saat seseorang ingin melakukan registrasi pada suatu aplikasi tertentu yang terhubung dengan layanan SMS Gateway, sebenarnya untuk mendapatkan balasan bahwa orang tersebut telah teregristrasi, maka orang itu harus melewati tahapan, antara lain :
1. Tahap Pengiriman Pesan
Pada tahap ini SMS yang dikirim akan melewati jaringan seluler, pesan tersebut kemudian ditangkap dan diterima oleh layanan SMS Gateway. Pesan tersebut kemudian diproses di dalam sistem aplikasi SMS Gateway.
2. Tahap membalas pesan secara otomatis
Di dalam sistem aplikasi, pesan akan dihubungkan dengan database server. Di dalam database server inilah semua pesan balasan telah disiapkan. Program secara otomatis akan mengambil data di dalam database server lalu mengirimkan pesan balasan kepada orang yang mengirimkan SMS itu.
2.4 Tahap Pengembangan Rekayasa Perangkat Lunak Waterfall
Dalam pengembangannya Metode Waterfall memiliki beberapa tahapan sebagai berikut :
12
sistem. Dokumen inilah yang akan menjadi acuan system analyst untuk menterjemahkan kedalam bahasa pemrograman.
2. Desain Sistem dan Perangkat Lunak (System and Software Design)
Proses desain akan menterjemahkan syarat kebutuhan kesebuah perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat coding. Proses ini berfokus pada : struktur data, arsitektur perangkat lunak, representasi interface, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan dokumen yang disebut software requirement. Dokumen inilah yang akan digunakan programmer untuk melakukan aktivitas pembuatan sistemnya.
3. Implementasi Sistem
Coding merupakan penerjemahan design dalam bahasa yang bisa dikenali oleh komputer. Dilakukan oleh programmer yang akan meterjemahkan transaksi yang diminta oleh user. Tahapan inilah yang merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam artian penggunaan computer akan dimaksimalkan dalam tahapan ini. Setelah pengkodean selesai maka akan dilakukan uji coba terhadap sistem yang telah dibuat tadi. Tujuan uji coba adalah menemukan kesalahan-kesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki.
4. Uji Coba Sistem
13
2.5 NOTASI PERMODELAN SISTEM
2.5.1Use Case Diagram
2.5.1.1 Pengertian
Use case diagram ialah sebuah grafis yang menggambarkan interaksi antara sistem dan pengguna. Dengan kata lain use case diagram secara grafis mendeskripsikan siapa yang akan menggunakan sistem dan dalam cara apa pengguna (user) mengharapkan interaksi dengan sistem itu. Use case secara naratif digunakan untuk secara tekstual menggambarkan sekuensi langkah-langkah dari setiap interaksi.
2.5.1.2 Simbol Utama Use Case dan Aktor
Use case jika digambarkan secara grafik berbentuk elips seperti dibawah ini :
Gambar 2.2 Use Case
Aktor adalah sebuah entitas manusia atau mesin yangberinteraksi dengan sistem untuk melakukan pekerjaan-pekerjaan tertentu.
Gambar 2.3 Aktor
AKTOR
14
2.5.2 Data Flow Diagram (DFD)
2.5.2.1 Pengertian
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan proses kerja suatu sistem. 2.5.2.2 Simbol Data Flow Diagram
a. User / terminator : Kesatuan diluar sistem (external entity) yang memberikan input ke sistem atau menerima output dari sistem berupa orang, organisasi, atau sistem lain.
b. Proses : Aktivitas yang mengolah input menjadi output.
c. Data Flow : Aliran data pada sistem (antar proses, antara terminator dan proses, serta antara proses dan data store).
d. Data Store : Penyimpanan data pada database, biasanya berupa tabel.
Gambar 2.4 Simbol Data Flow Diagram
Terminator Proses
15
2.5.3 ER Diagram
2.5.3.1 Pengertian Model E-R
Menurut Kadir (2008), Model E-R adalah suatu model yang digunakan untuk menggambarkan data dalam bentuk entitas, atribut, dan hubungan antarentitas, huruf E sendiri menyatakan entitas dan R menyatakan hubungan (dari kata relationship). Model ini dinyatakan dalam bentuk diagram. Itulah sebabnya model E-R acapkali juga disebut sebagai diagram E-R. Perlu diketahui bahwa model seperti ini tidak mencerminkan bentuk fisik yang nantinya akan disimpan dalam database, melainkan hanya bersifat konseptual. Itulah sebabnya model E-R tidak bergantung pada produk DBMS yang akan digunakan.
2.5.3.2 Komponen dalam ER Diagram
a. Entitas
Entitas adalah suatu objek yang dapat dibedakan dari lainnya dan dapat diwujudkan dalam basis data.
b. Hubungan (relasi/Relationship)
Suatu hubungan adalah hubungan dua jenis entitas dan direpresentasikan sebagai garis lurus yang menghubungkan dua entitas
c. Atribut
16
2.5.3.2 Kardinalitas Rasio
Menjelaskan jumlah maksimum hubungan antara satu entitas dengan entitas lainnya.
a. One to One (1 : 1)
Setiap anggota entitas A hanya boleh berhubungan dengan satu anggota entitas B, begitu pula sebaliknya
b. One to Many (1 : M)
Setiap anggota entitas A dapat berhubungan dengan lebih dari satu anggota entitas B tetapi tidak sebaliknya.
c. Many to Many (M : M)
17
2.6 ADMINISTRASI BIMBINGAN BELAJAR
2.6.1 Pengertian Administrasi
Administrasi berarti tata usaha yang mencakup setiap pengaturan yang rapi dan sistematis serta penentuan fakta-fakta serta tertulis dengan tujuan memperoleh pandangan yang menyeluruh serta hubungan timbal balik antara satu fakta dengan fakta lainnya.
2.6.2 PengertianBimbingan Belajar
18
BAB III
ANALISA DAN PERANCANGAN SISTEM
3.1 Analisa Sistem
3.1.1 Gambaran Sistem Lama
Proses administrasi Primagama Cabang Tajem Yogyakarta masih dilakukan secara manual. Proses pendaftaran yang masih manual ini dilakukan dengan cara setiap calon siswa yang ingin mendaftar harus datang langsung ke kantor Primagama dan mengisi formulir pendaftaran siswa serta formulir her-registrasi siswa menurut jenjang sekolah pada beberapa helai kertas. Setelah itu akan diproses untuk menentukan jadual bimbingan siswa tersebut. Siswa harus kembali ke Primagama untuk melihat jadual bimbingan. Setelah itu siswa yang ingin melakukan pembayaran biaya bimbingan belajar akan diberikan sehelai kertas kuitansi sebagai bukti pembayaran.
Dari uraian singkat ini dapat dianalisa beberapa kekurangan dari sistem yang lama adalah:
1. Penyimpanan data pendaftaran dan pembayaran masih menggunakan media penyimpanan manual. Informasi yang diperlukan sering kurang efektif. 2. Proses administrasi yang masih manual dan membutukan proses yang lama
19
3.1.2 Gambaran Sistem yang Dikembangkan
Sistem yang dibuat untuk Primagama Cabang Tajem Yogyakarta ini adalah sebuah sistem yang digunakan untuk menangani beberapa hal seperti berikut: 1. Menangani proses pendaftaran online
2. Menangani proses pembayaran
3. Menangani proses pengolahan data siswa, data nilai, data pembayaran, data jadual, data tutor, data materi, data berita secara online
4. Memberikan informasi jadual bimbingan dan nilai kepada siswa secara online
5. Memberikan informasi tentang laporan administrasi kepada staff Primagama
Penggunaan SMS Gateway digunakan saat pengiriman nilai kepada orangtua siswa Primagama sehingga mempermudah kontrol orang tua terhadap siswa.
3.1.3 Proses Bisnis
Proses bisnis adalah suatu kumpulan aktivitas atau pekerjaan terstruktur yang saling terkait untuk menyelesaikan suatu masalah tertentu atau yang menghasilkan produk atau layanan. Berikut ini adalah proses bisnis Primagama Cabang Tajem Yogyakarta :
20
2. Calon siswa dapat melakukan pendaftaran secara online di website Primagama dengan memilih menu pendaftaran. Calon siswa akan di arahkan untuk menginputkan data identitas diri.
3. Calon siswa yang sudah mendaftar akan diberikan bukti pendaftaran berupa id siswa sementara yang akan digunakan untuk melakukan registrasi ulang di kantor Primagama.
4. Admin akan melakukan validasi data jika calon siswa tersebut datang dan melakukan registrasi ulang.
5. Calon siswa dapat melakukan pembayaran dan memilih jadwal bimbingan pada saat melakukan registrasi ulang.
6. Admin akan memilih ruang kelas yang sesuai dengan jenjang dan kuota yang tersedia.
7. Siswa tersebut akan diberikan id siswa selama mengikuti bimbingan belajar di Primagama.
8. Siswa dapat melihat informasi jadwal dengan mengakses website Primagama.
9. Jika siswa tersebut sudah mengikuti proses bimbingan selama kurun waktu yang ditentukan, maka siswa tersebut wajib melakukan beberapa test.
10.Hasil nilai test akan diinputkan oleh admin kedalam website Primagama.
21
3.1.4 Analisis Kebutuhan Sistem
3.1.4.1 Use Case Diagram
Siswa
Gambar 3.1 Use case digram Siswa
Melihat informasi jadual
depen
<< depends on Login Siswa
Pendaftaran
Melihat informasi berita
Mendapat informasi pembayaran
22
Admin /staff
Gambar 3.2 Use case digram Admin/Staff
<< depends on Login Admin
Mengolah data pendaftaran online
Mengelola data siswa
Mengolah data berita
Mengolah ruang kelas
Mengolah jadual
Mengolah data Nilai
Mengolah data Materi
Mengolah data Tutor
23
3.1.5 Permodelan Proses
3.1.5.1 Diagram Konteks
Gambar 3.3 Digram Konteks
Username & password Data Diri
Data Nilai Data jadual
Daftar data diri
Username & password Data pendaftaran Data Pembayaran
Data Siswa, Data Berita, Data Nilai, Data jadual, Data Materi, Data Tutor 0
Sistem informasi pelayanan administrasi Primagama berbasis
web dan sms Gateway
Laporan Siswa Laporan Nilai Laporan Jadual
Siswa Admin/Staf
24
3.1.5.2Diagram Berjenjang
0
Sistem Informasi Pelayanan Administrasi Primagama Berbasis Web dan Sms Gateway
25
26
3.1.5.4 DFD Level 2 Proses 1
1.1p
Tambah Pendaftaran
Siswa
Konfirmasi data pendaftaran sudah terdaftar
Nama, TTL, alamat, email, namaOrtu, emailOrtu, alamatOrtu,
no tlp, program,
Siswa_smntr
Data Siswa sementara
1
30
3.1.5.8DFD Level 2 Proses 5
5.1p
Tambah Data Berita
5.2p
Hapus Data Berita
5.3p
Lihat Data Berita
5
Admin/staff Berita
Data berita
idberita
Data berita
Data berita
Data berita terhapus
Data berita Idberita, judul deskripsi,
file_gambar Idberita
Idberita
31
3.1.5.9DFD Level 2 Proses 6
6
Admin/staff Materi
6.1p
Tambah Data Materi
6.2p
Hapus Data Materi
6.3p
Lihat Data Materi
Data Materi Data Materi
idMateri
Data Materi Data Materi
idMateri
Data Materi
Terhapus idMateri
32
3.1.5.10 DFD Level 2 Proses 7
33
3.1.5.11 DFD Level 2 Proses 8
idtutor
34
3.1.5.12 DFD Level 2 Proses 9
9
Admin/staff Paket
6.1p
Lihat Data Paket
6.2p
Edit Data Paket
Data Paket
idpaket
Data paket
idPaket
Data paket Teredit idpaket
35
3.2. Perancangan Sistem
3.2.1 Perancangan Basis Data
36
3.2.1.1.2 Logical Design
PK idPaket
37
3.2.1.1.3 Physical Design
Tabel Siswa
Nama Field Type Keterangan
idSiswa Int Field untuk id siswa, merupakan primary key tabel siswa
Nama Varchar(30) Field untuk nama siswa
TTL Date Field untuk tempat tanggal lahir siswa
Kelas Int Field untuk kelas siswa Asal_skl Varchar(50) Field untuk asal sekolah siswa Jurusan Varchar(20) Field untuk jurusan
No_tlp Int Field untuk nomor telepon Alamat Varchar(30) Field untuk alamat
Email Varchar(30) Field untuk email
namaOrtu Varchar(30) Field untuk nama orang tua alamatOrtu Varchar(30) Field untuk alamat orang tua
38
idPaket Varchar(30) Field untuk idPaket, merupakan Foreign key dari table paket jumlahBayar Varchar(30) Field untuk jumlah bayar
Program Varchar(30) Field untuk program tglMulai Varchar(30) Field untuk tanggal mulai tglBayar Varchar(30) Field untuk tanggal bayar
tglReg Varchar(30) Field untuk tanggal registrasi tglSelesai Varchar(30) Field untuk tanggal selesai
bayar Varchar(30) Field untuk bayar Sisa Varchar(30) Field untuk sisa
Jambimbingan Varchar(30) Field untuk jam bimbingan Haribimbingan Varchar(30) Field untuk Hari Bimbingan
Ruang Varchar(30) Field untuk ruang
idSiswa_smntr Varchar(30) Field untuk idSiswa_smntr merupakan foreign key dari table siswa_smntr
39
Tabel jadual
Nama Field Type Keterangan
idjadwal int(11) Field untuk id jadual
merupakan primary key
Hari Varchar(30) Field untuk hari
Nama_kelas Varchar(30) Field untuk nama kelas
kelasS Varchar(30) Field untuk kelas
Periode Varchar(30) Field untuk periode
Tanggal Varchar(30) Field untuk tanggal
Jam Varchar(30) Field untuk jam
idmateri Varchar(30) Field untuk id materi, merupakan foreign key dari table materi
IdTutor Varchar(30) Field untuk id Tutor,
merupakan foreign key dari table Tutor
Jumlah Int(11) Field untuk jumlah
Ruang Varchar(30) Field untuk ruang
40
Tabel Paket
Nama Field Type Keterangan
idpaket Varchar(30) Field untuk id paket
merupakan primary key dari tabel paket
jenisPaket Varchar(30) Field untuk jenis Paket NamaPaket Varchar(30) Field untuk nama paket
biaya Varchar(30) Field untuk biaya
Tabel 3.3 Tabel Paket
Tabel Materi
Nama Field Type Keterangan
idMateri Varchar(30) Field untuk id siswa
merupakan Primary key dari tabel Materi
41
Tabel Berita
Nama Field Type Keterangan
idberita Int(100) Field untuk id berita
merupakan primary key dari tabel berita
judul Varchar(1000) Field untuk judul
deskripsi Varchar(1000) Field untuk deskripsi File_gambar Varchar(100) Field untuk file gambar
Tabel 3.5 Tabel Berita
Tabel Nilai
Nama Field Type Keterangan
Nomor int(11) Field untuk nomor
merupakan primary key dari tabel nilai
nilai Varchar(30) Field untuk nilai
tgltest Varchar(30) Field untuk tanggal test
idSiswa Varchar(30) Field untuk id materi
42
idMateri Varchar(30) Field untuk id materi merupakan foreign key dari tabel materi Keterangan Varchar(30) Field untuk keterangan
Tabel 3.6 Tabel Nilai
Tabel Angsuran
Nama Field Type Keterangan
idPembayaran int(100) Field untuk id pembayaran merupakan primary key dari tabel nilai
idSiswa Varchar(100) Field untuk id siswa
nama Varchar(100) Field untuk nama
Jenis_angsuran Varchar(100) Field untuk jenis angsuran Jumlah_angsuran Varchar(100) Field untuk jumlah
angsuran
Sisa_angsuran Varchar(100) Field untuk sisa angsuran Tanggal_angsuran Varchar(100) Field untuk tanggal
43
Tabel Siswa_smntr
Nama Field Type Keterangan
idSiswa_smntr Int Field untuk id siswa, merupakan primary key tabel siswa
Nama Varchar(30) Field untuk nama siswa
Tempat/tglLahir Date Field untuk tempat tanggal lahir siswa
Kelas Int Field untuk kelas siswa Asal_sekolah Varchar(50) Field untuk asal sekolah siswa
Jurusan Varchar(20) Field untuk jurusan No_tlp Int Field untuk nomor telepon Alamat Varchar(30) Field untuk alamat
Email Varchar(30) Field untuk email
namaOrtu Varchar(30) Field untuk nama orang tua alamatOrtu Varchar(30) Field untuk alamat orang tua
tlpOrtu Varchar(30) Field untuk telepon orang tua emailOrtu Varchar(30) Field untuk email orang tua dataSaudara Varchar(30) Field untuk data saudara Pembayaran1 Varchar(30) Field untuk pembayaran
44
jumlahBayar Varchar(30) Field untuk jumlah bayar Program Varchar(30) Field untuk program tglMulai Varchar(30) Field untuk tanggal mulai tglBayar Varchar(30) Field untuk tanggal bayar
tglReg Varchar(30) Field untuk tanggal registrasi tglSelesai Varchar(30) Field untuk tanggal selesai
Tabel 3.8 Tabel Siswa_smntr
Tabel tab_user
Nama Field Type Keterangan
User_id Int Field untuk user id, merupakan primary key tabel tab_user username Varchar(30) Field untuk nama username password Varchar(50) Field untuk password User_nama Varchar(50) Field untuk kelas user nama User_akses Varchar(50) Field untuk asal user akses
45
Tabel Tutor
Nama Field Type Keterangan
idTutor int(11) Field untuk id tutor
merupakan primary key dari tabel tutor
nama Varchar(50) Field untuk nama
Alamat Varchar(50) Field untuk alamat
noHp Varchar(50) Field untuk nomor hp
Email Varchar(50) Field untuk email
Tabel 3.10 Tabel Tutor
Tabel Data
Nama Field Type Keterangan
idData int(11) Field untuk Id Data
merupakan primary key dari tabel Data
idMateri Varchar(50) Field untuk id materi merupakan Foreign Key dari tabel materi
idpaket Varchar(50) Field untuk id paket
46
3.2.2 Perancangan User Interface
3.2.2.1 Perancangan User Interface berbasis web
3.2.2.1.1 Halaman Utama
Gambar 3.17 Interface Halaman Utama
HEADER
home
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
BERITA Login
Username
47
3.2.2.1.2 Halaman Profil
Gambar 3.18 Interface Halaman Profil
HEADER
Profil
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
BERITA Login
Username
48
3.2.2.1.3 Halaman Utama Administrasi
Gambar 3.19 Interface Halaman Utama Administrasi
49
3.2.2.1.4 Halaman Pilihan Pendaftaran
Save
Akselerasi Prestasi/Reguler
Eksklusif
Mendaftar sebagai Siswa Primagama Tajem jenjang
Program Bimbingan
Fasilitas Program
Sistem Pembayaran
50
3.2.2.1.5 Halaman Utama Jadual
Gambar 3.21 Interface Halaman Utama Jadual
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
BERITA Login
Username
51
3.2.2.1.6 Halaman Utama Nilai
Gambar 3.22 Interface Halaman Utama Nilai
REKAP NILAI SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA Id Siswa :
Nama : TTL : Kelas : Asal Sekolah : Jurusan :
Rata-rata = Total Nilai =
LOGO
ID SISWA MATERI NILAI TANGGAL KET
52
3.2.2.1.7 Halaman Registrasi Siswa
Gambar 3.23 Interface Halaman Registrasi Siswa REGISTRASI SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Id Siswa : Tanggal Registrasi :
53
3.2.2.1.8 Halaman Rekapan data Siswa
Gambar 3.23 Interface Halaman Rekapan Data Siswa
DATA SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
54
3.2.2.1.9 Halaman Rekapan data Pembayaran
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.24 Interface Halaman Rekapan Data Pembayaran
3.2.2.1.10 Halaman Laporan Data Siswa
DATA PEMBAYARAN PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
LAPORAN SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Program
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
55
Gambar 3.25 Interface Halaman Laporan Data Siswa
3.2.2.1.11 Halaman Rekap Data Nilai
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.26 Interface Halaman Rekapan Data Nilai
DATA NILAI PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
56
3.2.2.1.12 Halaman Insert Data Nilai
Gambar 3.27 Interface Halaman Insert Data Nilai
HEADER
FORM INPUTAN DATA NILAI SISWA
57
3.2.2.1.13 Halaman Laporan Data Nilai
Gambar 3.28 Interface Halaman Laporan data Nilai
3.2.2.1.14 Halaman Rekapan Data Jadual
Gambar 3.29 Interface Halaman Rekapan data Jadual
LAPORAN NILAI PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari data (IdSiswa/tanggal/materi)
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Cari
CETAK
REKAP DATA JADUAL PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 OPSI HAPUS | EDIT
LOGO
58
3.2.2.1.15 Halaman Input Data Jadual
Gambar 3.30 Interface Halaman Input Data Jadual
HEADER
FORM INPUTAN DATA JADUAL
Hari/Tanggal Kelas Jam
59
3.2.2.1.16 Halaman Laporan Data Jadual
Gambar 3.31 Interface Halaman Laporan data Jadual
3.2.2.1.17 Halaman Rekapan Data Berita
Gambar 3.32 Interface Halaman Rekapan Data Berita
LAPORAN JADUAL PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8
LOGO
CETAK
REKAP DATA BERITA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 OPSI HAPUS
LOGO
60
3.2.2.1.18 Halaman Input Data Berita
Gambar 3.33 Interface Halaman Input data Berita
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
FORM INPUTAN DATA BERITA
Judul Deskripsi
File No File Selected.
Upload Reset
61
3.2.2.1.19 Halaman Rekap Data Login
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.34 Interface Halaman Rekap data Login
DATA LOGIN PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan User Id
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Opsi
HAPUS LOGO
Menu Utama Back
62
3.2.2.1.20 Halaman Edit data Siswa
BAB IV
IMPLEMENTASI SISTEM
Gambar 3.35 Interface Halaman Edit Data Siswa
FORM EDIT DATA SISWA
63
3.2.2.1.21 Halaman Edit data Nilai
BAB IV
IMPLEMENTASI SISTEM
Gambar 3.36 Interface Halaman Edit Data Nilai
FORM EDIT DATA NILAI
ID siswa
Nomor : ID Siswa : ID Materi :
Nilai :
Tanggal Test : Keterangan :
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
64
3.2.2.1.22 Halaman Edit data Jadual
BAB IV
IMPLEMENTASI SISTEM
Gambar 3.37 Interface Halaman Edit Data Jadual
FORM EDIT DATA JADUAL
ID siswa
Id jadual :
Hari :
Kelas :
Jam :
Ruang :
Periode : Id Matpel : Jumlah :
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
65
3.2.2.1.23 Halaman Rekapan Data Paket
Gambar 3.38 Interface Halaman Rekapan Data Paket
DATA PAKET PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Opsi
UPDATE LOGO
66
3.2.2.1.24 Halaman Edit Data Paket
Gambar 3.39 Interface Halaman Edit Data Paket
FORM EDIT DATA PAKET
ID siswa
Id Paket :
Nama Paket : :
Biaya :
EDIT BACK EXIT
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
67
3.2.2.1.25 Halaman Rekapan Data Materi
Gambar 3.40 Interface Halaman Rekapan Data Materi
DATA MATERI PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Opsi
UPDATE | HAPUS
LOGO
68
3.2.2.1.26 Halaman Update Data Materi
Gambar 3.40 Halaman Update Data Materi
FORM EDIT DATA MATERI
ID siswa
Id Materi :
Nama Materi : :
EDIT BACK EXIT
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
69
BAB IV
IMPLEMENTASI SISTEM
4.1 Spesifikasi Perangkat Keras dan Perangkat Lunak
Perangkat keras yang digunakan untuk membangun sistem adalah : Processor : Intel Pentium
Hardisk : 320 GB Memory : 1 GB
Perangkat lunak yang digunakan untuk membangun sistem adalah : System operasi : Windows 7 32 Bit
Bahasa Pemograman : PHP
DBMS : MySQL
Tools SMS : Gammu
4.2 Implementasi Basis Data
Dalam proses pembuatan aplikasi ini didukung dengan pengembangan basis data menggunakan MySQL. Basis data yang dibangun terdiri dari tabel-tabel sebagai berikut :
CREATE DATABASE IF NOT EXISTS `primagama` ;
CREATE TABLE `berita` (
`idberita` int(100) NOT NULL AUTO_INCREMENT, `judul` varchar(1000) DEFAULT NULL,
`deskripsi` varchar(1000) NOT NULL, `file_gambar` varchar(100) DEFAULT NULL, PRIMARY KEY (`idberita`)
70
CREATE TABLE `jadwal` (
`hari` varchar(30) DEFAULT NULL, `kelasS` varchar(30) DEFAULT NULL, `jam` varchar(30) DEFAULT NULL, `ruang` varchar(30) DEFAULT NULL, `periode` varchar(30) DEFAULT NULL, `idmateri` varchar(30) NOT NULL, `idPaket` varchar(30) NOT NULL,
`idjadwal` int(11) NOT NULL AUTO_INCREMENT, `jumlah` int(11) NOT NULL,
`nama_kelas` varchar(30) DEFAULT NULL, PRIMARY KEY (`idjadual`),
KEY `idmateri` (`idmateri`), KEY `idPaket` (`idPaket`)
) ENGINE=MyISAM AUTO_INCREMENT=26 DEFAULT CHARSET=latin1;
CREATE TABLE `kelas` (
`noKelas` int(11) NOT NULL AUTO_INCREMENT, `ruang` varchar(30) DEFAULT NULL,
`jumlah` varchar(30) DEFAULT NULL, PRIMARY KEY (`noKelas`)
) ENGINE=InnoDB AUTO_INCREMENT=4 DEFAULT CHARSET=latin1;
CREATE TABLE `materi` ( `idMateri` varchar(30) NOT NULL,
`namaMateri` varchar(30) DEFAULT NULL, PRIMARY KEY (`idMateri`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
CREATE TABLE `nilai` (
`nilai` varchar(30) DEFAULT NULL, `tgltest` varchar(30) DEFAULT NULL, `idSiswa` varchar(30) NOT NULL, `idMateri` varchar(30) NOT NULL, `jenisNilai` varchar(30) DEFAULT NULL, `keterangan` varchar(30) DEFAULT NULL, `nomor` int(11) NOT NULL AUTO_INCREMENT, PRIMARY KEY (`nomor`),
KEY `idMateri` (`idMateri`), KEY `idSiswa` (`idSiswa`)
71
CREATE TABLE `paket` ( `idPaket` varchar(30) NOT NULL, `jenisPaket` varchar(30) DEFAULT NULL, `namaPaket` varchar(30) DEFAULT NULL, `biaya` varchar(30) DEFAULT NULL, `idMateri` varchar(30) NOT NULL, PRIMARY KEY (`idPaket`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
CREATE TABLE `Angsuran` (
`tanggal_angsuran` date DEFAULT NULL, `idSiswa` varchar(100) NOT NULL, `nama` varchar(100) DEFAULT NULL,
`jenis_angsuran` varchar(100) DEFAULT NULL, `jumlah_angsuran` varchar(100) DEFAULT NULL, `sisa_angsuran` varchar(100) DEFAULT NULL,
`idpembayaran` int(100) NOT NULL AUTO_INCREMENT, PRIMARY KEY (`idpembayaran`)
) ENGINE=InnoDB AUTO_INCREMENT=2 DEFAULT CHARSET=latin1;
CREATE TABLE `siswa` (
`nama` varchar(30) DEFAULT NULL, `ttl` varchar(30) DEFAULT NULL, `kelas` varchar(30) DEFAULT NULL, `asal_skl` varchar(30) DEFAULT NULL, `jurusan` varchar(30) DEFAULT NULL, `no_tlp` varchar(30) DEFAULT NULL, `alamat` varchar(30) DEFAULT NULL, `email` varchar(30) DEFAULT NULL, `namaOrtu` varchar(30) DEFAULT NULL, `alamatOrtu` varchar(30) DEFAULT NULL, `tlpOrtu` varchar(30) DEFAULT NULL, `emailOrtu` varchar(30) DEFAULT NULL, `dataSaudara` varchar(30) DEFAULT NULL, `pembayaran1` varchar(30) DEFAULT NULL, `idPaket` varchar(30) NOT NULL,
`jumlahBayar` varchar(40) DEFAULT NULL, `program` varchar(30) DEFAULT NULL, `tglMulai` date DEFAULT NULL, `tglBayar` date DEFAULT NULL, `tglSelesai` date DEFAULT NULL, `tglReg` date DEFAULT NULL,
`idSiswa` varchar(8) NOT NULL DEFAULT '', `bayar` varchar(30) DEFAULT NULL, `sisa` varchar(30) DEFAULT NULL,
`jambimbingan` varchar(30) DEFAULT NULL, `haribimbingan` varchar(30) DEFAULT NULL, `ruang` varchar(30) NOT NULL,
`idSiswa_smntr` varchar(100) NOT NULL, PRIMARY KEY (`idSiswa`),
KEY `idPaket` (`idPaket`)
72
CREATE TABLE `siswa_smntr` ( `nama` varchar(30) DEFAULT NULL, `ttl` varchar(30) DEFAULT NULL, `kelas` varchar(30) DEFAULT NULL, `asal_skl` varchar(30) DEFAULT NULL, `jurusan` varchar(30) DEFAULT NULL, `no_tlp` varchar(30) DEFAULT NULL, `alamat` varchar(30) DEFAULT NULL, `email` varchar(30) DEFAULT NULL, `namaOrtu` varchar(30) DEFAULT NULL, `alamatOrtu` varchar(30) DEFAULT NULL, `tlpOrtu` varchar(30) DEFAULT NULL, `emailOrtu` varchar(30) DEFAULT NULL, `dataSaudara` varchar(30) DEFAULT NULL, `pembayaran1` varchar(30) DEFAULT NULL, `idPaket` varchar(30) NOT NULL,
`jumlahBayar` varchar(40) DEFAULT NULL, `program` varchar(30) DEFAULT NULL, `tglMulai` date DEFAULT NULL, `tglBayar` date DEFAULT NULL, `tglSelesai` date DEFAULT NULL, `tglReg` date DEFAULT NULL,
`idSiswa_smntr` varchar(12) NOT NULL DEFAULT '', PRIMARY KEY (`idSiswa_smntr`),
KEY `idPaket` (`idPaket`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;
CREATE TABLE `tab_user` (
`user_id` int(11) NOT NULL AUTO_INCREMENT,
`username` varchar(50) COLLATE latin1_general_ci NOT NULL, `password` varchar(50) COLLATE latin1_general_ci NOT NULL, `user_nama` varchar(50) COLLATE latin1_general_ci NOT NULL,
`user_akses` enum('admin','siswa','umum') COLLATE latin1_general_ci NOT NULL DEFAULT 'umum',
PRIMARY KEY (`user_id`)
) ENGINE=MyISAM AUTO_INCREMENT=31 DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci;
CREATE TABLE `tutor` (
`idTutor` varchar(30) NOT NULL, `nama` varchar(30) DEFAULT NULL, `alamat` varchar(30) DEFAULT NULL, `email` varchar(30) DEFAULT NULL, `noHp` varchar(30) DEFAULT NULL, PRIMARY KEY (`idTutor`)
73
4.3 Implementasi Sistem
4.3.1 Halaman Login
Tampilan ini merupakan tampilan saat user ingin melakukan login. Halaman ini dikhususkan untuk siswa dan admin atau staff. Jika user ingin
melakukan login, silakan menginputkan username dan password pada textfield yang sudah disediakan.
74
4.3.2 Admin/ Staff
4.3.2.1 Tampilan Halaman Utama
Tampilan ini merupakan tampilan pertama saat admin atau staff mengakses website tersebut. Pada halaman ini terdapat pilihan menu untuk memudahkan user dalam mengakses.
75
4.3.2.2 Tampilan Halaman Administrasi
Tampilan ini merupakan halaman administrasi. Halaman administrasi ini mempunyai beberapa menu. Menu-menu tersebut merupakan data-data yang khusus diolah oleh admin.
76
4.3.2.3 Tampilan Registrasi Siswa
4.3.2.3.1 Tampilan Awal Registrasi Siswa
Tampilan ini merupakan tampilan awal dari halaman registrasi siswa. Halaman registrasi siswa ini berfungsi untuk mengolah data registrasi ulang siswa Primagama
Gambar 4.4 Halaman Awal Registrasi Siswa
4.3.2.3.2 Tampilan Form Registrasi Siswa
Tampilan ini merupakan form untuk menampilkan data siswa saat melakukan registrasi ulang. Form ini di kelola oleh administrasi. Proses awalnya admin menginputkan id siswa setelah itu aplikasi akan memproses dengan menampilkan data berdasarkan id siswa tersebut. Berikut query yang digunakan :
if (!empty($_GET['cari'])) {
$myreg = "select sm.idSiswa_smntr, sm.nama, sm.ttl, sm.kelas, sm.asal_skl, sm.jurusan, sm.no_tlp, sm.alamat, sm.email, m.namaOrtu, sm.alamatOrtu, sm.tlpOrtu, sm.emailOrtu, sm.dataSaudara, sm.pembayaran1, sm.idPaket, sm.tglMulai, sm.tglBayar, sm.tglSelesai, sm.tglReg, sm.program, p.biaya
from siswa_smntr sm, paket p where sm.idPaket = p.idPaket
77
Gambar 4.5 Form Registrasi Siswa
4.3.2.4 Tampilan Rekapan Data Siswa
Tampilan ini merupakan tampilan rekapan data siswa yang sudah melakukan registrasi ulang di kantor primagama. Pada halaman ini Admin dapat mengedit data siswa. Fungsi tersebut bertujuan untuk membantu admin jika terjadi kesalahan dalam penginputan data. Selain itu juga dalam halaman ini admin diberikan kemudahan mencari data siswa dengan fungsi cari berdasarkan id siswa. Berikut ini contoh query untuk pencarian data siswa berdasarkan id siswa yang diinputkan.
if (!empty($_GET['idSiswa'])) {
$myquery = "select s.idSiswa, s.nama, s.ttl, s.kelas, s.asal_skl, s.jurusan, s.no_tlp,
s.alamat, s.email, s.namaOrtu, s.alamatOrtu, s.tlpOrtu, s.emailOrtu, s.dataSaudara, s.pembayaran1, s.program, s.tglReg, s.tglMulai, s.tglBayar, s.tglSelesai, p.idPaket, p.namaPaket, p.biaya, s.jambimbingan, s.haribimbingan from siswa s, paket p where s.idPaket = p.idPaket
and s.idSiswa='" . $_GET['idSiswa'] . "' order by idSiswa ASC"; } else {
$myquery = "select siswa.*, paket.* from siswa, paket where paket.idPaket = siswa.idPaket order by idSiswa ASC";
78
Gambar 4.6 Halaman Rekapan data Siswa
4.3.2.5 Tampilan Rekapan Data Pembayaran
4.3.2.5.1 Tampilan utama Rekapan Data Pembayaran
Pada halaman ini, merupakan halaman rekapan data pembayaran. Halaman ini berfungsi untuk mengolah pembayaran siswa dengan beberapa opsi yaitu pembayaran, cetak nota, rincian pembayaran.