“SISTEM INFORMASI PENJADWALAN KEGIATAN BIMBINGAN

BELAJAR BERBASIS WEB PADA GAMA BATUSANGKAR”

LAPORAN PKL

Program Studi : Sistem Informasi

Jenjang Pendidikan : Strata 1 (SI)

Diajukan Oleh:

ALAHIDIN ATHORI
20101152619265

JURUSAN SISTEM INFROMASI

FAKULTAS ILMU KOMPUTER

UNIVERSITAS PUTRA INDONESIA “YPTK” PADANG

2023
HALAMAN PENGESAHAN

ii
 DAFTAR ISI

HALAMAN PENGESAHAN ....................................................................................................ii

............................................................................................................................................. ii
DAFTAR ISI ........................................................................................................................... ii
BAB I .................................................................................................................................... 1
PENDAHULUAN ................................................................................................................... 1
1.1 Latar Belakang ..................................................................... 1
1.2 Ruang Lingkup .....................................................................2
1.3 Rumusan Masalah ................................................................3
1.4 Tujuan Penelitian .................................................................3
1.5 Manfaat Penelitian ...............................................................3
BAB II ................................................................................................................................... 5
LANDASAN TEORI ................................................................................................................5
2.1 Gambaran Umum ................................................................ 5
2.1.1 Sejarah Bimbel Gama Batusangkar ..................................................... 5
2.1.2 Visi dan Misi ........................................................................................... 5
2.1.3 Struktur Organisasi Bimbingan Belajar Gama ...............................6
2.1.4 Tugas dan Wewenang Masing-masing Bagian .................................... 6
2.2 Konsep Dasar Sistem Informasi Pengertian Sistem ......... 8
2.2.1 Pengertian Sistem ................................................................................... 8
2.2.2 Pengertian Informasi ..............................................................................8
2.3 Pengertian Sistem Informasi ...............................................9
Untuk menghasilkan informais yang berkualitas maka
dibuatlah sistem informasi. Sistem informasi didefinisikan
oleh Tantra Rudy dalam buku Manajemen Proyek Sistem
Informasi (2012) sebagai berikut: “sistem informasi
merupakan cara yang terorganisis untuk mengumpulkan,
memasukan, dan memproses data dan menyimpan data
mendukung perusahaan atau organisasi untuk mencapai
tujuan”. .......................................................................................... 9
2.4 Penjadwalan ......................................................................... 9
2.5 Konsep Sistem Informasi Penjadwalan ........................... 10
BAB III ................................................................................................................................ 12
PELAKSANAAN PRAKTEK KERJA LAPANGAN ................................................................... 12

ii
 3.1 PEMBAHASAN ................................................................. 12
3.1.1 Uraian Kegiatan ................................................................................... 12
3.1.2 Metode Pengembangan Sistem ............................................................ 12
3.1.3 Penelitian Terdahulu ............................................................................13
3.1.4 Kerangka Pikir ..................................................................................... 14
3.1.5 Objek Penelitian ................................................................................... 14
3.1.6 Metode Pengumpulan Data ................................................................. 15
3.1.7 Metode Pengembangan Sistem ............................................................16
3.2 Data Kebutuhan Sistem .....................................................18
3.3 Aplikasi ............................................................................... 18
3.4 Website ................................................................................19
3.4.1. Jenis-jenis website ................................................................................ 19
3.5 Basis Data (Database) .........................................................20
3.6 Database Management System (DBMS) ............................20
3.7 Aplikasi Basis Data ............................................................ 21
3.8 Data Flow Diagram (DFD) .................................................23
3.9 Flowchart ............................................................................ 28
3.10 Hypertext Markup Language ( HTML ) .........................30
3.11 Cascading Style Sheet ( CSS ) .......................................... 30
3.12 Visual Studio Code ............................................................30
3.13 XAMPP ............................................................................. 31
BAB IV ................................................................................................................................32
PEMBAHASAN ................................................................................................................... 32
4.1 Hasil Pengamatan .............................................................. 32
4.1.1 Prosedur Sistem Jadwal Mata Pelajaran Yang sedang Berjalan .... 32
4.1.2 Prosedur Sistem Penjadwalan Mata Pelajaran Yang diusulkan .....34
4.1.3 Data Flow Diagram .............................................................................. 35
4.1.4 Diagram Flow Konteks ........................... Error! Bookmark not defined.
4.1.5 Model Data ............................................................................................ 38
4.2 Arsitektur Desain Menu .................................................... 42
4.2.1 Desain Menu Administrator ................................................................42
4.2.2 Desain Menu User Admin ....................................................................42
4.2.3 Desain Menu User Guru ...................................................................... 43
4.3 Desain Antar Muka ............................................................43
4.3.1 Implementasi .........................................................................................43

iii
BAB V ................................................................................................................................. 52
PENUTUP ........................................................................................................................... 52
5.1 Kesimpulan ......................................................................... 52
5.2 Saran ................................................................................... 52
DAFTAR PUSTAKA .............................................................................................................. 53

iv
 DAFTAR TABEL

Tabel 3. 1 Simbol pada data flow diagram beserta penjelasan ..........................................24

Tabel 3. 2 Simbol DFD ..................................................................................................... 26
Tabel 3. 3 Simbol ERD ..................................................................................................... 27
Tabel 3. 4 Tabel komponen Flowchart ..............................................................................29

1
 DAFTAR GAMBAR

GAMBAR 4. 1 Pengelolaan sistem jadwal mata pelajaran yang sedang berjalan pada
Gama Batusangkar. ............................................................................................................33
GAMBAR 4. 2 Flowmap sistem penjadwalan mata pelajaran ..........................................34
GAMBAR 4. 3 Diagram Konteks level 0 ......................................................................... 35
GAMBAR 4. 4 Data Flow Diagram ..................................................................................38
GAMBAR 4. 5 Diagram Konteks Level 1 ........................................................................ 36
GAMBAR 4. 6 Desain Menu Administrator .....................................................................42
GAMBAR 4. 7 Desain Menu User Kepala Sekolah ......................................................... 43
GAMBAR 4. 8 Desain Menu User Guru .......................................................................... 43
GAMBAR 4. 9 Antarmuka Form Login ........................................................................... 44
GAMBAR 4. 10 Antarmuka Halaman Data Pengguna .....................................................45
GAMBAR 4. 11 Antarmuka Halaman Data Guru ............................................................ 45
GAMBAR 4. 12 Antarmuka Halaman Data Kelas ........................................................... 46
GAMBAR 4. 13 Antarmuka Halaman Data Mata Pelajaran ............................................ 46
GAMBAR 4. 14 Antarmuka Halaman Export Data Mata Pelajaran .................................47
GAMBAR 4. 15 Antarmuka Halaman Hasil Export Mata Pelajaran ................................48
GAMBAR 4. 16 Antarmuka Halaman Data Jam .............................................................. 48
GAMBAR 4. 17 Antarmuka Halaman Export Data Guru ................................................ 49
GAMBAR 4. 18 Antarmuka Halaman Hasil Export Data Guru ....................................... 49
GAMBAR 4. 19 Antarmuka Halaman Data Jadwal ......................................................... 50
GAMBAR 4. 20 Antarmuka Halaman Hasil Data Cetak Jadwal ......................................51

1
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Penjadwalan mata pelajaran merupakan suatu kegiatan untuk

mengalokasikan pelajaran pada blok waktu tertentu dengan
memperhatikan batasan-batasan yang ada. Terdapat beberapa aspek
yang perlu diperhatikan berkaitan dalam penjadwalan mata pelajaran,
antara lain : terdapat jadwal dimana guru tidak tetap hanya dapat
mengajar pada jam dan hari tertentu, kewajiban jam yang harus
dipenuhi oleh setiap guru, kombinasi pelajaran, dan adanya dua jenis
mata pelajaran khusus dan umum yang dilihat dari segi tingkatan
pendidikan, untuk itu perlu pengelolaan yang baik, terhadap jadwal
mata pelajaran disebuah institusi atau lembaga pendidikan agar
proses belajar mengajar dapat terus dilaksanakan.

Seperti halnya pada Lembaga Pendidikan Gama Batusangkar,

pengelolaan jadwal pelajarannya masih dilakukan secara manual
dengan cara mengkonfirmasi jadwal kepada pengajar terlebih dahulu,
dan memeriksa satu persatu jadwal pengajar yang kosong oleh
bagian admin yang nantinya harus dikonfirmasi kembali kepada
siswa yang bersangkutan, proses yang panjang dan membutuhkan
waktu yang lama setiap kali akan melakukan penjadwalan mata
pelajaran, sehingga sering terjadinya keterlambatan informasi kepada
siswa ataupun tenaga pengajar, belum lagi kesalahan penjadwalan
yang tidak sesuai dengan hari dan jam yang telah ditetapkan sering
menimbulkan komplen dari orang tua siswa yang langsung
menelepon kepihak lembaga pendidikan Gama Batusangkar.

Untuk mengatasi hal tersebut, dirancanglah sebuah Sistem

Informasi Penjadwalan Mata Pelajaran berbasis web yang terkoneksi
dengan cepat, sehingga dapat membantu tugas admin dalam

1
penginputan, pencarian, ataupun pengelolaan jadwal pelajaran,
sehingga baik siswa ataupun tenaga pengajar dapat lebih mudah dan
cepat dalam mengakses informasi penjadwalan pelajaran, yang
akhirnya dapat menghemat waktu, dan biaya yang harus
dikeluarkan.(Simarangkir, 2021)

Berdasarkan latar belakang yang telah yang telah di uraikan,

maka dibuatlah penelitian dengan judul “SISTEM INFORMASI
PENJADWALAN KEGIATAN BIMBINGAN BELAJAR
BERBASIS WEB PADA GAMA BATUSANGKAR”

1.2 Ruang Lingkup

Ruang Lingkup Perancangan Sistem Informasi Penjadwalan

Mata Pelajaran. Agar pembahasan dalam penelitian tidak
menyimpang dari permasalahan yang ada, penulis hanya membatasi
pada hal-hal berikut :
1. Penjadwalan sistem informasi penjadwalan belajar mengajar
sebagai aplikasi untuk menyusun jadwal pelajaran di Gama
Batusangkar dan sebagi media informasi bagi Bimbel Gama,
guru atau pengajar dan siswa mengenai jadwal belajar
mengajar di Gama Batusangkar.
2. Sistem informasi penjadwalan ini hanya bisa di akses oleh
Admin dan User pada Gama Batusangkar, dengan
menggunakan username dan password yang telah terdaftar.
3. Sistem yang dibuat hanya sebatas sistem penjadwalan
belajar mengajar, bukan sebagai sistem akademik secara
keseluruhan.

2
1.3 Rumusan Masalah

Berdasarkan latar belakang diatas, maka diperoleh rumusan

masalah sebagai berikut :

1. Bagaimana penyusunan jadwal pelajaran yang efektif dan

efesien pada Gama Batusangkar?

2. Bagaimana membangun sistem informasi penjadwalan mata

pelajaran yang baik sesuai dengan kebutuhan di Gama
Batusangkar?

3. Bagaimana merancang sistem yang dapat mengatasi

keterlambatan informasi jadwal pelajaran yang sering terjadi
di Gama Batusangkar?

1.4 Tujuan Penelitian

Beberapa hal yang menjadi tujuan dari penulis untuk melakukan

penelitian di Smart Center Pekanbaru adalah:
1. Untuk memperbaiki dan mempermudah pengelolaan jadwal mata
pelajaran di Gama Batusangkar.
2. Mengurangi resiko terjadinya kekeliruan dalam pengelolaan jadwal
pelajaran.
3. Menyajikan informasi secara cepat, tepat dan akurat.

1.5 Manfaat Penelitian

Adapun Manfaat yang diharapkan dari penulisan ini adalah:
1. Dapat mempermudah admin dalam melakukan pengelolaan jadwal
belajar mengajar yang efektif dan efesien pada Gama Batusangkar
2. Dapat Mempermudah siswa dan tenaga pengajar dalam mengakses
jadwal pelajaran, sehingga tidak lagi terjadi keterlambatan informasi
jadwal belajar mengajar di Gama Batusangkar.

3
3. Dapat Menghemat waktu dan tenaga admin dalam menjalankan
pekerjannya.

4
 BAB II

LANDASAN TEORI

2.1 Gambaran Umum

2.1.1 Sejarah Bimbel Gama Batusangkar

Bimbingan belajar Gama berdiri sejak tahun 1997 sampai

sekarang yang di Pimpin oleh Bapak Ari Susanto. Pada awal berdiri
bimbel Gama berada di Padang dengan berjalannya waktu bimbel
Gama membuka beberapa cabang di setiap daerah salah satunya di
Batusangkar yang di Pimpin oleh Mr. Viki Pria Dinata. Bimbel
Gama yang berada di daerah batusangkar memliki 15 orang staff.

Pada awalnya bimbingan belajar Gama memiliki satu bidang

study yaitu Bahasa Inggris, namun seiring berjalannya waktu dan
peminat bimbingan belajar Gama ini semakin banyak dan mulai
melebarkan sayap dengan membuka bidang study lain yang akan di
UN kan. Program bimbel di Gama di buka mulai dari kelas 6 SD, 7-
8-9 SMP, 10 IPA, 11-12 IPA/IPS. (Zhou et al., 2020a)

2.1.2 Visi dan Misi

Gama memiliki satu visi dan misi yaitu quality is our

prioritas yang berarti kualitas adalah prioritas kami.

5
2.1.3 Struktur Organisasi Bimbingan Belajar Gama

Direktur

Kepala Keuangan

Wakil Kepala
Keuangan

Akademik

Kepala Marketing Kepala Cabang

Staff Marketing

Front Office

Guru

Cleaning Service

Gambar 2. 1 Struktur Organisasi Gama

2.1.4 Tugas dan Wewenang Masing-masing Bagian

a. Direktur
Uraian tugas:
1) Mengelolah bisnis.
2) Pemimpin semua karyawan.
3) Menetapkan dan merumuskan strategi bisnis.
4) Memilih karyawan- karyawan yang dapat membatu pekerjaan.
5) Meningkatkan kinerja bisnis.
b. Kepala keuangan
Uraian tugas:
1) Mengkoordinasi pengendalian kegiatan managemen keuangan.
2) Melakukan analisis terhadap laporan keuangan.
3) Melaksanakan pengendalian dan pengawasan bidang keuangan.

6
 4) Mengkoordinasikan penyusunan rencana kerja dan anggaran.
5) Mengusulkan Sistem dan prosedur akutansi dan keuangan yang
memadai untuk pengenmbangan sistem informasi dan pelaporan
kenguangan.
6) Melaksanakan perencanaan dan pengendalian anggaran bulanan
tahunan.
7) Menyiapkan laporan kegiatan devisi secara benar dan tepat waktu.
c. Kepala cabang
Uraian tugas:
1) Kepala cabang merupakan perpanjangan tangan direksi di setiap
wilayah.
2) Menyusun rencana kerja.
3) Kepala cabang bertanggung jawab penuh terhadap kegiatan
operasional.
d. Staff marketing
Uraian tugas:
1) Merencanakan strategi pemasaran.
2) Memberikan pelayanan sesuai dengan standar.
3) Membangun hubungan komunikasi yang baik dengan banyak pihak.
e. Front office.
Uraian tugas:
1) Menyambut tamu yang datang dan memberikan informasi serta
arahan terkait kunjungan.
2) Mengatur jadwal jika ada yang penting.
3) Mengelola arsip dan melakukan kegiatan administrasi sederhana.
4) Menerima dan meneruskan surat yang masuk.
f. Guru.
Uraian tugas:
1) Bertanggung jawab terhadap kelancaran pelajaran di ajarkan.
2) Memberikan pelajaran kepada siswa dengan satuan pelajaran
yangtelah diterapkan.
3) Menyusun pelajaran berdasarkan kurikulum sekolah.

7
 g. Cleaning service
Uraian tugas:
1) Menyapu dan mengepel ruangan dan loby
2) Membersihkan meja, kursi, kaca.
3) Membersihkan kamar mandi.
4) Membersihkan halaman.

2.2 Konsep Dasar Sistem Informasi Pengertian Sistem

2.2.1 Pengertian Sistem

Menurut Jogiyanto dalam artikel yang ditulis oleh Rudi dkk
disebutkan bahwa Sistem adalah kumpulan dari elemen – elemen yang
berinteraksi untuk mencapai suatu tujuan tertentu. Menurut Kadir dalam
artikel yang ditulis oleh Rudi dkk disebutkan bahwa Sistem adalah
sekumpulan elemen yang saling terkait atau terpadu yang dimaksudkan
untuk mencapai suatutujuan. Berdasarkan pendapat para ahli tersebut maka
dapat disimpulkan sistem adalah kumpulan elemen-elemen yang saling
bekerja sama dan berinteraksi untuk memproses masukan kemudian saling
berhubungan untuk mencapai suatu sasaran tertentu (Zhou et al., 2020a).

2.2.2 Pengertian Informasi

Menurut Kadir dalam sebuah artikel disebutkan bahwa Sistem
informasi adalah mengumpulkan, memproses, menyimpan, menganalisis,
dan menyebarkan informasi untuk tujuan yang spesifik (Hamidah, 2016).
Menurut Mc.Leod dalam sebuah artikel dikatakan bahwa Sistem Informasi
adalah suatu system dalam suatu organisasi yang mempertemukan
kebutuhan pengolahan transaksi harian, mendukung orerasi, bersifat
manajerial, dan kegiatan strategi dari suatu organisasi dan menyediakan
pihak luar tertentu dengan laporan-laporan yang dibutuhkan (Hermawan et
al., n.d.).

8
2.3 Pengertian Sistem Informasi
Untuk menghasilkan informais yang berkualitas maka dibuatlah sistem
informasi. Sistem informasi merupakan cara yang terorganisis untuk
mengumpulkan, memasukan, dan memproses data dan menyimpan data
mendukung perusahaan atau organisasi untuk mencapai tujuan.

Sistem informasi merupakan perangkat prosedur yang

terorganisasi dengan sistematik, bila dilaksanakan akan menyediakan
informasi yang dapat dimanfaatkan dalam proses pembuatan laporan
“. Menurut Yakub “sistem informasi merupakan suatu kumpulan dari
komponen-komponen dalam organisasi yang berhubungan dengan
proses penciptaan aliran informasi”. Menurut Bambang Hartono
(2013) menguraikan “sistem iformasi adalah seperangkat komponen
yang saling berhubungan yang bekerja untuk mengumpulkan dan
menyimpan data serta mengolahnya menjadi informasi untuk
digunakan”.

Berdasarkan uraian diatas dapat disimpulkan bahwa sistem

informasi merupakan penerapan sistem di dalam organisasi untuk
mendukung informasi yang dibutuhkan oleh semua tingkat
manajemen (Zhou et al., 2020a).

2.4 Penjadwalan

Menurut Pinedo (1995:1), penjadwalan adalah proses

pengambilan keputusan yang berkenaan dengan pengalokasian
sumber daya terbatas untuk tugas-tugas dari waktu ke waktu yang
memiliki tujuan untuk mengoptimasi dari satu atau lebih tujuan.

Sumber daya dan tugas pada sebuah organisasi dapat berupa

berbagai macam bentuk. Sumber daya dapat berupa mesin di
bengkel, landasan pacu di bandara, kru di lokasi konstruksi, unit
pengolahan dalam lingkungan komputasi, dan sebagainya. Tugas

9
dapat berupa operasi-operasi dalam proses produksi, tinggal landas
dan pendaratan pada bandara, tahapan-tahapan dalam proyek
konstruksi, eksekusi program komputer, dan sebagainya.

Setiap tugas mungkin memiliki tingkat prioritas tertentu,

kecepatan waktu mulai tertentu dan tanggal jatuh tempo tertentu.
Tujuan juga dapat berupa berbagai macam bentuk. Tujuan
penjadwalan organisasi yang satu mungkin untuk meminimalkan
waktu yang dibutuhkan untuk menyelesaikan suatu tugas, sedang
tujuan penjadwalan organisasi yang lain adalah untuk mengurangi
jumlah tugas yang selesai setelah tanggal jatuh tempo. (Hermawan et
al., n.d.)

2.5 Konsep Sistem Informasi Penjadwalan

Sistem informasi penjadwalan mata pelajaran merupakan

sistem yang digunakan untuk menyusun jadwal dan memberikan
akses informasi dari jadwal yang telah dibuat tersebut kepada user
yang membutuhkan. Dalam sistem penjadwalan ini membutuhkan
komponen-komponen penting yang akan dijadwalkan yaitu
banyaknya Kelas, guru, dan slot waktu yang tersedia untuk setiap
kelas dalam waktu minggu hari efectif.

Dimana guru dapat mengajar bebearapa mata pelajaran dan

mata pelajaran bisa diajar oleh beberapa guru. Slot waktu adalah
waktu belajar mengajar yang digunakan dalam satu minggu hari
efektif, yaitu hari senin sampai dengan hari sabtu. Ketiga komponen
tersebut memiliki batasan dan syarat (Constraint) tertentu dalam
penjadwalan.

Dalam penjadwalan dikenal dua macam constraint, yaitu hard

constraint dan soft constraint. Hard constraint adalah batasan atau
persyaratan yang wajib untuk dipenuhi dan tidak boleh dilanggar.
Menurut Qalbi Aliklas (2019:273 dikutip Petrovic & Burke),
sedangkan soft constraint adalah batasan yang masih memberi

10
toleransi terhadap pelanggaran, namun sebisa mungkin untuk
meminimalisir pelanggaran. Berikut hard constraint yang harus
dipenuhi dalam penjadwala mata pelajaran di Gama Batusangkar:
1. Tidak boleh menjadwalkan lebih dari satu guru pada waktu dan kelas
yang sama.
2. Satu guru tidak boleh dijadwalkan pada kelas yang berbeda di waktu
yang sama.
3. Satu guru tidak boleh mengajar dua kali tatap muka pada hari dan
kelas yang sama.

Sedangkan untuk soft constraint dalam penjadwalan mata pelajaran

di Gama Batusangkar adalah Guru dijadwalkan untuk mengajar setiap hari

selama satu minggu hari efektif, yaitu senin sampai dengan sabtu. Agar

mendapatkan hasil jadwal yang baik, maka sebaiknya batasan dan

constraint diatas tidak boleh dilanggar. Karena penjadwalan yang baik

adalah penjadwalan yang tidak mengandung bentrok antar komponen

yang dijadwalkan, dalam hal ini adalah kelas, mata pelajaran, guru, dan

waktu.(Zhou et al., 2020b)

11
 BAB III

PELAKSANAAN PRAKTEK KERJA LAPANGAN

3.1 PEMBAHASAN

3.1.1 Uraian Kegiatan

Selama melaksanakan kegiatan praktik kerja lapangan (PKL) pada Gama

Batusangkar, dalam proses PKL mahasiswa di bimbing dan di arahkan oleh
pembimbing lapangan yang ada di Gama Batusangkar, dan di tempatkan di
ruang perpustakaan. mahasiswa melakukan kegiatan wawancara terhadap
bapak kepala bimbel gama mengenai izin memulai PKL dan meminta projek
untuk di kerjakan selama PKL yang berguna bagi Gama Batusangkar, dan
melakukan observasi terhadap lingkungan bimbel. Pada ruangan
perpustakaan mahasiswa melaksanakan kegiatan awal merancang projek
yang diberikan dan membantu guru dalam menanggani masalah pada
komputer yang error yang ada di Gama Batusangkar.

3.1.2 Metode Pengembangan Sistem

Metodologi pengembangan sistem informasi berarti suatu metode yang
digunakan untuk melakukan pengembangan sistem informasi berbasis
komputer. Metode System Development Life Cycle atau sering disingkat
dengan SDLC merupakan pengembangan yang berfungsi sebagai sebuah
mekanisme untuk mengidentifikasikan perangkat lunak. Pengembangan
sistem informasi yang berbasis komputer dapat merupakan tugas kompleks
yang membutuhkan banyak sumber daya dan dapat memakan waktu
untuk menyelesaikannya. Proses pengembangan sistem melewati beberapa
tahapan dari mulai sistem itu direncanakan sampai dengan sistem tersebut di
terapkan, dioperasikan, dan dipelihara.Daur atau siklus hidup dari
pengembangan sistem merupakan suatu bentuk yang digunakan untuk
menggambarkan tahapan utama dan langkah-langkah di dalam tahapan
tersebut dalam proses pengembangannya.

12
 Tahapan dalam pengembangan sistemdinamakan System Development
Life Cycle karena pada setiap tahapan sistem akan dikerjakan secara berurut
menurun dari perencanaan, analisis, desain, implementasi dan perawatan.
Hal ini dapat digambarkan sebagai berikut (Hermawan et al., n.d.) :

Gambar 3.1 Siklus Hidup Pengembangan Sistem

3.1.3 Penelitian Terdahulu

Penelitian yang dilakukan oleh Fajar Kurniawan tahun 2012, dengan

judul Sistem Penyusunan Jadwal Pelajaran Berbasis Web di Sekolah
Menengah Kejuruan Negeri 1 Pacitan. Penelitian tersebut menghasilkan
sistem penyusunan jadwal pelajaran sekolah dalam bentuk aplikasi web
menggunakan bahasa pemprograman PHP serta MYSQL sebagai
databasenya. Peneliti juga menggunakan CSS dan Jquery untuk mendukung
tampilan dari perangkat lunak ini sehingga menghasilkan tampilan yang
interaktif.
Penelitian yang dilakukan oleh Eka Putri Anggraini tahun 2011, dengan
judul Sistem Pengaturan Penjadwalan Mata Pelajaran Pada Sekolah
Menengah Kejuruan Negeri 10 Padang Menggunakan Bahasa Pemprograman
PHP dan Database MYSQL. Penelitian tersebut menghasilkan sistem
penyusunan jadwal pelajaran sekolah dalam bentuk aplikasi web dimana
pengajar dan siswa dapat melihat laporan jadwal melalui website.
Perbedaan penelitian yang akan dilakukan oleh penulis saat ini dengan
penelitian sebelumnya adalah, dimana pada penelitian sebelumnya jadwal
yang dibuat dalam bentuk jadwal satu minggu dan digunakan berulang-
ulang selama satu semester serta laporan yangdihasilkan dalam bentuk tabel.

13
Pada penelitian yang akan dilakukan oleh penulis, jadwal yang akan dibuat
berubah-ubah setiap minggunya agar target jumlah pertemuan setiap
pelajaran dapat tercapai serta laporan yang akan dihasilkan nantinya dalam
bentuk matriks.

3.1.4 Kerangka Pikir

Kerangka pikir pada penelitian ini dinyatakan dalam bentuk skema

sederhana menurut pokok-pokok penelitian dan hubungannya. Kerangka
pikir dalam skema ini diharapkan dapat menggambarkan isi penelitian dan
identifikasinya. Sehingga pengolahan sumber data menjadi terarah. Kerangka
pikir dari penelitian ini seperti yang di tunjukkan pada gambar 2.2.

Gambar 3.2 Karangka Pikir

3.1.5 Objek Penelitian

Objek penelitian yang dipilih oleh penulis adalah Lembaga Bimbingan

Belajar Gama Batusangkar yang beralamat di Jl. Soekarno-Hatta No.419-465,
Limo Kaum, Lima Kaum, Kabupaten Tanah Datar, Sumatera Barat 27213,
Indonesia. Lembaga ini bernaung dalam Yayasan Gama Batusangkar yang
berpusat di Kota Padang. Yayasan ini bergerak di bidang jasa bimbingan
belajar untuk tingkat SD, SMP, SMA, SMK & Alumni.

14
3.1.6 Metode Pengumpulan Data
3.1.6.1 Interview Atau Wawancara
Interview atau wawancara dilakukan untukmendapatkan data-data
yang diperlukan dalam penelitian ini, penulis melakukan wawancara
langsung dengan bagian akademik sebagai bahan identifikasi masalah.
Pihak yang terkait yaitu bagian akademik yang menjadi petugas
pembuat jadwal. Dari hasil wawancara diperoleh data sebagai berikut:
a. Jadwal sekali dibuat hanya untuk periode satu bulan.
b. Satu kelas menempati waktu dan ruangan yang sudah ditetapkan
sebelum jadwal dibuat.
c. Pengajar ditempatkan pada mata pelajaran yang akan diajarnya
sebelum jadwal dibuat. Satu mata pelajaran bisa diajar lebih dari
satu pengajar.
d. Pengajar dapat mengajar di beberapa lokasi.
e. Waktu belajar dalam sehari dimulai pukul
08.00 sampai 20.00 dengan pembagian waktu seperti pada tabel
3.1.
f. Seorang pengajar hanya boleh mengajar dalam satu kelas pada
waktu yang sama.
g. Pengajar hanya dapat mengajar pada waktu pengajar tersebut
bersedia yang sudah ditentukan sebelum jadwal dibuat.
h. Target jumlah pertemuan setiap mata pelajaran pada satu tingkat
belajar diharapkan sesuai dengan target jumlah yang sudah di
tentukan setiap bulan oleh bagian akademik.

3.1.6.2 Observasi
Observasi dilakukan dengan cara melihat secara langsung terhadap
kegiatan yang sedang berjalan atau dilakukan oleh bagian akademik.
Mulai dari pengumpulan data waktu kesediaan pengajar, jumlah target
pertemuan setiap mata pelajaran, hingga memasukkan data jadwal satu
persatu ke dalam software.

15
3.1.7 Metode Pengembangan Sistem

Sistem informasi penjadwalan KBM sebagai media informasi yang akan

dirancang menggunakan metode pengembangan sistem System Development
Life Cycle (SDLC), namun terdapat satu tahapan yang tidak diikutsertakan di
dalam pengembangan sistem ini, yaitu tahap pemeliharaan/perawatan sistem.

3.1.7.1 Perencanaan Sistem

Kegiatan yang dilakukan pada tahap perencanaan sistem meliputi
sebagai berikut ini:
a. Mendefinisikan masalah.
Berdasarkan kegiatan yang telah dilakukan pada tahap
perencanaan sistem, maka definisi permasalahan yaitu tidak
mudahnya penyampaian informasi laporan jadwal kepada
pengajar dan siswa.
b. Menentukan tujuan sistem.
Tujuan sistem baru ini adalah untuk mempermudah proses
penyampaikan informasi jadwal kegiatan belajar mengajar kepada
pengajar dan siswa melalui web.

3.1.7.2 Analisis Sistem

Kegiatan yang dilakukan pada tahap perencanaan sistem meliputi
sebagai berikut ini :
a. Identifikasi masalah.
Tahap analisis diawali dengan mengidentifikasi masalah yang
sering terjadi pada proses pembuatan jadwal. Flowchart
pembuatan jadwal yang terjadi di Ganesha operation Semarang
ditunjukkan seperti pada gambar 3.1.

16
 Gambar 3.3 Flowchart Pembahasan Jadwal

b. Mendefinisikan kebutuhan informasi

Data yang dibutuhkan dalam penelitian ini adalah :
1. Data perusahaan, berupa nama perusahaan, alamat perusahaan,
nomor telepon, dan jumlah ruangan disetiap lokasinya.
2. Data kelas, berupa tingkat kelas, jumlahpertemuan tiap minggu,
nama kelas, waktubelajar, mata pelajaran, dan silabus
3. Data pengajar, alamat pengajar, nomor telepon, mata pelajaran
yang diampu dan waktu bersedia mengajar
3.1.7.3 Desain Sistem
Tahap perancangan sistem kegiatan yang dilakukan yaitu
membuat pemodelan proses, membuat pemodelan data, dan membuat
desain tampilan antar muka (interface).
Pemodelan proses sistem informasi pengjadwalan KBM sebagai
media informasi berbasis web secara garis besar dibagi menjadi tahap
diagram bisnis use case yang menerangkan secara garis besar aktor
yang terlibat dalam sistem, diagram sistem use case merupakan
gambaran lebih detil tentang apa yang dilakukan oleh aktor dan
diagram activity menunjukkan langkah-langkah yang dilakukan oleh
aktor di dalam sistem.

3.1.7.4 Implementasi Sistem

Perangkat keras yang diperlukan untuk merancang sistem

17
 informasi penjadwalan KBM adalah sebuah komputer dengan
spesifikasi Processor Intel Dual Core 2.4 Ghz, memory 2Gb dan
harddisk 320GB. Perangkat lunak yang digunakan adalah Eclipse
Helios, XAMPP, Rational Rose 2002 dan SmartDraw 2007. Metode
Pengujian yang digunakan adalah pengujian kotak hitam (black box
testing) yaitu dengan cara memberi input dari pengguna kepada
sistem yang sudah berjalan dan mengamati hasil output dari
sistem.(Hermawan et al., n.d.)

3.2 Data Kebutuhan Sistem

Agar menghasilkan jadwal mata pelajaran yang baik, maka sistem
informasi penjadwalan mata pelajaran membutuhkan data-data yang
berkaitan dengan penjadwalan, seperti : data kelas, data mata
pelajaran, data guru, data waktu, dan data tugas guru.
Pada Gama Batusangkar, data tugas guru adalah data pembagian
mengajar guru yang diperoleh dari hasil rapat guru sebelum
pembuatan jadwal. Data tugas mengajar guru meliputi nama guru,
mata pelajaran, kelas, hari mengajar, dan jam pelajaran. Dengan
pembagian tugas mengajar, maka semua guru mendapatkan hak dan
kewajiban sesuai dengan kebutuhan mengajar masing masing guru

3.3 Aplikasi
Aplikasi menurut Dhanta dikutip dari Sanjaya (Zhou et al., 2020b)
adalah software yang dibuat oleh suatu perusahaan komputer untuk
mengerjakan tugas-tugas tertentu, misalnya Microsoft Word, Microsoft Excel.
Aplikasi berasal dari kata application yang artinya penerapan lamaran
penggunaan.

Maka aplikasi merupakan sebuah transformasi dari sebuah permasalahan

atau pekerjaan berupa hal yang sulit difahami menjadi lebih sederhana,
mudah dan dapat dimengerti oleh pengguna. Sehingga dengan adanya
aplikasi, sebuah permasalahan akan terbantu lebih cepat dan tepat.

18
 Aplikasi memiliki banyak jenis. Diantaranya aplikasi dekstop yang
beroperasi secara offline dan aplikasi web yang beroperasi secara online.
Aplikasi web merupakan sebuah aplikasi yang mengunakan teknologi
browser untuk menjalankan aplikasi dan diakses melalui jaringan komputer.

3.4 Website
Website merupakan kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks, gambar diam atau gerak, animasi, suara, dan
atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait, yang masing-
masing masing dihubungkan dengan jaringan-jaringan halaman.

Website dapat diartikan sekumpulan halaman yang terdiri dari beberapa

laman yang berisi informasi dalam bentuk data digital baik berupa text,
gambar, video, audio, dan animasi lainnya yang disediakan melalui jalur
koneksi internet.

3.4.1. Jenis-jenis website

Beberapa jenis-jenis website sebagai berikut :

1. Website Statis adalah suatu website yang mempunyai halaman

yang tidak berubah. Yang artinya adalah untuk melakukan sebah
perubahan pada suatu halaman hanya bisa dilakukan secara
manual yitu dengan cara mengedit kode-kode yang menjadi
struktur dari website itu sendiri.

2. Website Dinamis adalah merupakan suatu website yang secara

strukturnya diperuntukan untuk update sesering mungkin.
Biasanya selain dimana utamanya yang bisa diakses oleh para
pengguna (user) pada umumnya, juga telah disediakan halaman
backend yaitu untuk mengedit kontent dari website tersebut.
Contoh dari website dinamis seperti web berita yang didalamnya
terdapat fasilitas berita.

3. Website Interaktif adalah suatu website yang memang pada saat

19
 ini memang terkenal. Contohnya website interaktif seperti forum
dan blog. Di website ini para pengguna bisa berinteraksi dan juga
beradu argument mengenai apa yang menjadi pemikiran mereka.

3.5 Basis Data (Database)

Basis data adalah kumpulan informasi yang disimpan didalam komputer

secara sistematik sehingga dapat diperiksa menggunakan suatu program
komputer untuk memperoleh informasi dari basis data tersebut.

Basis data adalah kumpulan data yang saling berhubungan secara logis
dan didesain untuk mendapatkan data yang dibutuhkan oleh suatu organisasi.
Data adalah fakta-fakta mentah kemudian dikelola sehingga menghasilkan
informasi yang penting bagi sebuah perusahaaan atau organisasi.

3.6 Database Management System (DBMS)

DBMS adalah sebuah sistem perangkat lunak yang mengizinkan

pengguna untuk mendefinisikan, membuat, memelihara, dan mengontrol
akses ke dalam basis data. Berikut ini Fasilitas yang disediakan oleh DBMS
adalah:

1. Mengizinkan pengguna untuk mendfinisikan basis data, dengan melalui

Data Definition Language (DDL). DDL mengizinkan pengguna untuk
menentukan tipe, struktur, serta kendala data yang nantinya akan
disimpan ke dalam basis data.

2. Mengizinkan pengguna untuk melakukan menambah, mengubah,

menghapus dan mengambil data dari basis data tersebut, dengan
menggunakan Data Manipulation Language (DML). Standard bahasa dari
DBMS ialah Structured Query Language (SQL).

3. Menyediakan akses kontrol ke dalam basis data, seperti :

a. Sistem keamanan, yang dapat mencegah pengguna yang tidak diberi

kuasa untuk mengakses basis data.

b. Sistem integritas, yang dapat menjaga konsistensi dari data yang

20
 tersimpan.

c. Sistem kontrol konkurensi, yang mengizinkan berbagi akses dengan

basis data.

d. Sistem kontrol pemulihan, jika terjadi kegagalan perangkat keras atau

perangkat lunak maka sistem kontrol pemulihan ini dapat
mengembalikan basis data ke keadaan yang konsisten dari yang
sebelumnya.

3.7 Aplikasi Basis Data

Aplikasi basis data sering digunakan oleh para pembuat aplikasi sebagai
media pengolahan basis data. Aplikasi basis data yang sering digunakan
dalam pengolahan basis data yaitu MySQL dan phpMyAdmin sebagai
berikut :

1. MySQL Salah satu aplikasi basis data yang sering digunakan untuk
mengolah dan menata file-file. MySQL merupakan turunan salah satu
konsep utama basis data yang sudah ada sebelumnya SQL yaitu
pngoperasian basisdata.

2. phpMyAdmin adalah tool open source yang ditulis dalam bahasa PHP
untuk menangani administrasi MySQL, berbasis World Wide Web.

3.8 Aliran Sistem Informasi

Aliran Sistem Informasi (ASI) sangat berguna untuk mengetahui

permasalahan yang ada pada suatu perusahaan. Dari sini dapat diketahui
apakah sistem informasi tersebut masih layak dipakai atau tidak, serta masih
manual atau sudah terkomputerisasi. Jika sistem informasi tidak layak
dipakai maka perlu adanya perubahan dalam pengolahan datanya sehingga
menghasilkan sistem informasi yang cepat dan akurat supaya menghasilkan
suatu keputusan yang lebih baik.

21
 Tabel 2. 1 Simbol Bagan Alir Dokumen

No Simbol Keterangan

Simbol Proses Menunjukan kegiatan proses

1
dari operasi program komputer

Simbol Kegiatan Manual

2 Menunjukan Pekerjaan Manual

Menunjukan Dokumen inpit dan

Simbol Dokumen
3 output baik untuk proses
manual, mekanik atau komputer

Simbol Arsip Menggambarkan penyimpanan

4 data baik dalam bentuk arsip
atau file komputer.

Simbol Hardisk Menunjukan input/output yang

5
menggunakan hardisk

Simbol Keyboard Menggunakaninput/output

6
dengan menggunakan Keyboard

Simbol Garis Alir

7 Menunjukan arus dari proses

Menunjukan penghubung ke
Simbol Penghubung
8 halaman yang masih sama atau
ke halaman lain

22
 Menunjukan multi dokumen
Simbol Multi dokumen
input dan output baik untuk
9
proses manual, mekanik atau
komputer

Simbol Input Menunjukan dokumen input

10
menggunakan pekerjaan manual

Menunjukan proses pengambilan

11 Simbol Decision
keputusan atau penyeleksian
data

Simbol Display Menunjukan output yang

12
ditampilkan di monitor

3.9 Data Flow Diagram (DFD)

DFD merupakan suatu model yang dapat memberikan suatu tampilan

secara visual, yang mana pada model tersebut dapat menggambarkan suatu
aliran data maupun informasi pada sebuah sistem. Di dalam gambaran DFD
tersebut akan menyatakan dari mana atau dari siapa orang yang telah terlibat
pada proses suatu sistem yang dapat mendatangkan beberapa informasi, dan
kemudian akan dikirimkan kemana atau kepada siapa informasi tersebut
dapat diperlkan untuk bisa diakses maupun disimpan.

Menggambarkan DFD biasanya menggunakan beberapa notasi untuk bisa

menggambarkan suatu alur dari data sebutah sistem, yang mana dalam
penggunaannya akan sangat bisa membantuk untuk dapat memahami sistem
tersebut dengan logika, jelas dan juga terstruktur. Dengan menggunakan
DFD juga bisa dapat menjadi suatu alat bantu untuk Anda menjelaskan serta

23
menggambarkan suatu sistem yang tengah berjalan secara logis.

Data-Flow Diagram juga dikenal sebagai grafik aliran data atau grafik
gelembung. Sebuah DFD berfungsi untuk memperjelas kebutuhan sistem dan
mengidentifikasi perubahan besar pada sistem. DFD menampilkan aliran data
yang melalui sistem. DFD adalah alat pemodelan penting yang
memungkinkan pengembang perangkat lunak untuk menggambarkan sistem
sebagai jaringan proses fungsional.

Simbol-simbol yang digunakan pada DFD adalah sebagai berikut :

Tabel 3. 1 Simbol pada data flow diagram beserta penjelasan

Simbol Keterangan

Fungsi diwakili menggunakan lingkaran.

Simbol ini disebut proses atau gelembung
dan melakukan beberapa pengolahan data
masukan.

Simbol Fungsi
Sebuah persegi mendefinisikan sumber
atau tujuan data sistem. Entitas eksternal
mewakili entitas yang memasok atau
menerima informasi dari sistem tetapi
Entitas eksternal bukan merupakan bagian dari sistem.

Tanda panah digunakan sebagai simbol

aliran data. Simbol aliran data merupakan
OR aliran data yang terjadi antara dua proses
atau antara suatu entitas eksternal dan
Simbol aliran data proses ke arah tanda panah aliran data.

24
 Simbol penyimpanan data yang diwakili
menggunakan dua garis sejajar. Sebuah
file logika dapat mewakili salah satu
simbol penyimpanan data, dimana dapat
mewakili baik struktur data, atau file fisik
pada disk. Setiap penyimpanan data
terhubung ke proses melalui simbol aliran
data. Arah aliran data tanda panah
menunjukkan apakah data sedang dibaca
Simbol penyimpanan data dari atau ditulis ke dalam penyimpanan
data

Simbol ini digunakan untuk mewakili

proses pengambilan data dan produksi
selama interaksi manusia dan komputer

Simbol output

3.10 Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu model logika data atau proses yang
dibuat untuk menggambarkan darimana asal data dan kemana tujuan data
yang keluar dari sistem, dimana data disimpan. Proses apa yang
menghasilkan data tersebut dan interaksi antara data yang tersimpan dan
proses yang dikenakan pada data tersebut.

25
 Tabel 3. 2 Simbol DFD

NO SIMBOL KETERANGAN

Kesatuan Luar Sesuatu yang berada diluar sistem,

tetapi dia memberikan data ke
dalam sistem atau memberikan data
1
dari sistem, disimbolkan dengan
suatu kota notasi

berfungsi mentransformasikan satu

Proses
atau beberapa data masukan
2 menjadi satu atau beberapa data
keluaran sesuai dengan spesifikasi
yang diinginkan.

Arus data mengalir diantara proses,

data store dan menunjukan arus
Arus Data
3 data dari data yang berupa masukan
untuk sistem atau hasil proses
sistem

Simpanan data merupakan tempat

Simpanan Data
4 penyimpanan data pengikat data
yang ada dalam sistem

26
3.11 Entity Rlationship Diagram

entity relationship diagram (ERD) adalah suatu model jaringan yang

menggunakan susunan data yang disimpan dari sistem secara acak. ERD
berfungsi untuk menjelaskan hubungan antara file.

Tabel 3. 3 Simbol ERD

Simbol Keterangan

Entity. Simbol yang menyatakan

himpunan entitas ini bisa berupa: suatu
elemen lingkungan, sumber daya, atau
interaksi, yang begitu pentingnya bagi
perusahaan sehingga didokumentasikan
dengan data.

Relationship. Simbol ini menyatakan

relasi yang digunakan untuk
menunjukkan hubungan yang ada antara
entity yang satu dengan entity yang
lainnya.

Attribute. Simbol terminal ini untuk

menunjukkan nama-nama atribut yang
ada pada entity.

Primary Key Attribute. Simbol atribut

yang digaris bawahi, berfungsi sebagai
key (kunci) di antara nama-nama atribut
yang ada pada suatu entity.

27
 Link. Simbol berupa garis ini digunakan
sebagai penghubung antara himpunan
relasi dengan himpunan entitas dan
himpunan entitas dengan atribunya.

3.12 Flowchart

Flowchart (diagram alir) adalah suatu jenis diagram yang

merepresentasikan algoritma atau langkah-langkah instruksi yang berurutan
dalam suatu sistem, Flowchart biasanya digunakan sebagai bukti
dokumentasi untuk menjelaskan gambaran logis sebuah sistem yang akan
dibangun kemudian diberikan kepada programmer, dengan begitu, flowchart
dapat membantu untuk memberikan solusi terhadap masalah yang bisa saja
terjadi dalam membangun sistem. Pada dasarnya, flowchart digambarkan
dengan menggunakan simbol- simbol. Setiap simbol mewakili suatu proses
tertentu, adapun untuk menghubungkan satu proses ke proses selanjutnya
selanjutnya digambarkan dengan menggunakan garis penghubung.

Karena adanya flowchart ini, setiap urutan proses dapat digambarkan

secara jelas, maka dari itu ketika ada penambahan proses baru dapat
dilakukan dengan mudah menggunakan flowchart ini, jika flowchart sudah
selesai dibuat, maka giliran programmer yang akan menerjemahkan desain
logis tersebut kedalam bentuk program dengan berbagai bahasa
pemrograman yang telah disepakati.

Secara umum struktur flowchar dibagi tiga, yaitu:

a. Struktur Sederhana (Squence Structure).

Diagram yang alurnya mengalir secara berurutan dari atas ke bawah

atau dengan kata lain tidak adanya percabangan ataupun perulangan.
b. Struktur Percabangan (Branching Structure)
Diagram yang alurnya ada atau banyak terjadi alih kontrol
berupa percabangan dan terjadi apabila kita dihadapkan pada
suatu kondisi dengan dua pilihan BENAR atau SALAH.

28
c. Struktur Perulangan (Looping Structure)
Pemutaran kembali, terjadi kendali mengalihkan arus diagram
alur kembali keatas, sehingga beberapa alur berulang beberapa
kali.

Tabel 3. 4 Tabel komponen Flowchart

Simbol Nama Fungsi

Terminator Permulaan atau akhir

program

Garis Alir Arah aliran Program

(Flow Line)

Preparation Proses inisialisasi/proses

pengolahan data

Proses Proses perhitungan/proses

pengolahan data

Simbol Nama Fungsi

Input/Output Data Proses Input/Output data

Parameter, informasi
Permulaan sub
Predefined Process program/proses menjalankan
(Sub Program) sub program
Perbandingan pernyataan,
Decision penyeleksian data yang
memberikan pilihan untuk
Langkah selanjutnya
Perhubungan bagian-bagian
On Page Connector flowchart yang berada pada
satu halaman

29
 Penghubung bagian-bagian
Off Page flowchart yang berada pada
Connector halaman berbeda

Menunjukkan langkah yang

Display menampilkan informasi.

3.13 Hypertext Markup Language ( HTML )

HTML adalah singkatan dari hypertext markup language bahasa

pemrograman ini terdiri dari tag dan aturan- aturan yang memungkinkan
anda membuat dokumen hypertext. Halaman web adalah dokumen hypertext.

3.14 Cascading Style Sheet ( CSS )

CSS atau cascading style sheet adalah sekumpulan kode pemrograman

web yang berfungsi untuk mengendalikan beberapa komponen di dalam web
sehingga menjadi tampak seragam, berstruktur, dan teratur

CSS (cascading style sheet) merupakan salah satu Bahasa pemrograman

web yang digunakan untuk mempercantik halaman web dan mengendalikan
beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan
seragam.

3.15 Visual Studio Code

Visual Studio Code adalah Sofware yang sangat ringan, namun kuat
editor kode sumbernya yang berjalan dari desktop. Muncul dengan built-in
dukungan untuk JavaScript, naskah dan Node.js dan memiliki array beragam
ekstensi yang tersedia untuk bahasa lain, termasuk C ++, C # , Python, dan
PHP.

Hal ini didasarkan sekitar Github ini Elektron, yang merupakan versi
cross- platform dari Atom komponen kode-editing, berdasarkan JavaScript
dan HTML5. Editor ini adalah fitur lengkap lingkungan pengembangan
terpadu (IDE) dirancang untuk pengembang yang bekerja dengan teknologi

30
 cloud yang terbuka Microsoft. Visual Studio Code menggunakan open
source NET perkakas untuk memberikan dukungan untuk ASP.NET C #
kode, membangun alat pengembang Omnisharp NET dan compiler Roslyn.
Antarmuka yang mudah untuk bekerja dengan, karena didasarkan pada gaya
explorer umum, dengan panel di sebelah kiri, yang menunjukkan semua file
dan folder Anda memiliki akses ke panel editor di sebelah kanan, yang
menunjukkan isi dari file yang telah dibuka. Dalam hal ini, editor telah
dikembangkan dengan baik, dan menyenangkan pada mata. Ia juga memiliki
fungsi yang baik, dengan intellisense dan autocomplete bekerja dengan baik
untuk JSON, CSS, HTML, {kurang}, dan Node.js.

Visual Studio Code telah dirancang untuk bekerja dengan alat-alat yang
ada, dan Microsoft menyediakan dokumentasi untuk membantu pengembang
bersama, dengan bantuan untuk bekerja dengan ASP.NET 5, Node.js, dan
Microsoft naskah, serta alat-alat yang dapat digunakan untuk membantu
membangun dan mengelola aplikasi Node.js. Visual Studio Code benar-
benar sedang ditargetkan pada pengembang JavaScript yang ingin alat
pengembangannya lengkap untuk scripting server-side mereka dan yang
mungkin ingin usaha dari Node.js untuk kerangka berbasis NET. Visual
Studio Code, adalah belum solid, lintas platform kode Editor ringan, yang
dapat digunakan oleh siapa saja untuk membangun aplikasi untuk Web.

3.16 XAMPP

Xmpp adalah sebuah paket kumpulan software yang terdiri dari Apache,
MySQL, PhpMyadmin, PHP, Perl, Filezilla, dan lainlain. Menurut Purbadian
(2016:1), berpendapat bahwa “XAMPP merupakan suatu software yang
bersifat open source yang merupakan pengembangan dari LAMP (Linux,
Apache, MySQL, PHP dan Perl.

Berdasarkan pengertian diatas dapat disimpulkan bahwa Xampp

merupakan tool pembantu pengembangan paket perangkat lunak berbasis
open source yang menggabungkan Apache web server, MySQL, PHP dan
beberpa modul lainnya di dalam satu paket aplikasi.

31
 BAB IV

PEMBAHASAN

4.1 Hasil Pengamatan

Setelah melakukan pengamatan langsung pada Gama Batusangkar

mengenai proses sistem penjadwalan mata pelajaran yang dijalankan, saat
ini Gama Batusangkar belum memiliki aplikasi sistem penjadwalan mata
pelajaran berbasis web secara otomatis yang dapat dikelola sendiri, pada
saat ini Gama Batusangkar masih melakukan penyususan sistem
penjadwalan mata pelajaran secara manual menggunakan Microsoft
Exceel oleh bagian kurikulum, dalam penyusunan jadwal mata pelajaran
bagian kurikulum masih terkendala waktu dengan banyaknya siswa dan
jurusan yang ada pada Gama Batusangkar bagian kurikulum harus sangat
teliti saat penyusunan jadwal agar tidak adanya jam kosong yang tidak
terpakai saat pelajaran di mulai dan agar tidak adanya guru mengajar di
jam yang sama pada kelas yang sama, bagian kurikulum juga
menghindarkan adanya siswa yang salah jadwal mata pelajaran sehinggah
menyebabkan siswa tersebut salah masuk jurusan.
Dengan adanya aplikasi penjadwalan mata pelajaran berbasis web,
guru dan siswa dapat membuka aplikasi jadwal pelajaran dimanapun
berada, selain itu ketika ada laporan oleh guru atau siswa mengenai
kesalahan jadwal mata pelejaran bagian kurikulum juga bisa mengatasi
kesalahan saat penyususan jadwal mata pelajaran dengan mengatasi
adanya laporan masuk yang lebih efisien waktu sehingga bagian
kurikulum bisa menyempurnakan sistem penjadwalan mata pelajaran
dengan efectif.

4.1.1 Prosedur Sistem Jadwal Mata Pelajaran Yang sedang Berjalan

Gambar 4.1 Flowmap sistem penjadwalan mata pelajaran yang sedang

berjalan Pada gambar 4.1 adalah flowmap sistem yang sedang berjalan
berikut ini adalah penjelasanya.

32
 1. Pertama pihak kurikulum mengumpulkan data siswa dan data guru yang
ada pada Gama Batusangkar kemudian pihak kurikulum membuat data
kelas dan data guru.

2. Setelah selesai membuat data kelas dan data guru pihak kurikulum
membuat jadwal mengajar guru.

3. Selanjutnya pihak kurikulum mencetak jadwal pada sebuah kertas untuk

di bagikan kepada guru dan diberikan kepada kepala Gama untuk
memintah persetujuan.

4. Setelah jadwal tersusun dan tidak ada jam bentrok pihak kurikulum
menbagikan jadwal kepada guru dan siswa yang ada di Gama
Batusangkar.

Sewa Bagian Kurikulum Guru Kepala Cabang

Data Siswa Data Data Data Laporan

Siswa Guru Guru n

Buat Buat
Data Data
Kelas Guru

Data Data
Kelas Guru

Susuna
n

Jadwal Jadwal
Pelajaran Pelajara
Jadwal
Pelajara

Susunan
Jadwal

Laporan

GAMBAR 4. 1 Pengelolaan sistem jadwal mata pelajaran yang sedang

berjalan pada Gama Batusangkar.

33
4.1.2 Prosedur Sistem Penjadwalan Mata Pelajaran Yang diusulkan
Flowmap sistem penjadwalan mata pelajaran yang diusulkan Pada
gambar 4.1 adalah flowmap sistem penjadwalan mata pelajaran yang sedang
diusulkan, Proses penjadwalan ini dilakukan secara otomatis oleh sistem
dengan cara mengimput data guru data siswa dan data jadwal yang kemudian
dialokasikan ke dalam waktu yang tersedia pada setiap kelas sehingga
menghasilkan jadwal mata pelajaran.

Admin Siswa Guru Kepala Gama

START Jadwal pelajaran

Jadwal pelajaran
Memasukan data
jadwal pelajaran
dandata mengajar

Jadwal pelajaran

Menghasilkan jadwal
pelajaran dan jadwal
mengajar

Mencetak jadwal
pelajaran dan
jadwal mengajar

GAMBAR 4. 2 Flowmap sistem penjadwalan mata pelajaran

34
4.1.3 Data Flow Diagram
Data Flow Diagram atau dalam bahasa indonesia disebut dengan diagram
aliran data merupakan diagram yang mempresentasikan aliran informasi pada
sebuah sistem, DFD memiliki level yaitu Diagram Flow Konteks sebagai
berikut:

Admin Kepala Cabang

Data Master SISTEM Laporan jadwal

PENJADWALAN
BELAJAR MENGAJAR
Melapor Perubahan
Jadwal

Guru Siswa

Jadwal Mata Pelajaran Jadwal Mata Pelajaran

GAMBAR 4. 3 Diagram Konteks level 0

35
 Data Guru
Data Guru
Data Mapel Data Mapel dbgama
Data Kelas Data Kelas
Admin Input Data Data Agenda
Data Agenda Data
File Pembelajaran Master Data File
Wewenang Pembelajaran
Data Aksess Wewenang
Akses

Permintaan perubahan
jadwal
Data Guru
Laporan Jadwal Mata Pelajaran Data Mapel
Data Kelas
Data Agenda
Data File
Pembelajaran
Wewenang
Akses

Kepala Gama

Jadwal Mata Pelajaran

Jadwal Mata
Proses
Pelajaran
Penjadwalan

Jadwal Mata
Pelajaran

Jadwal Mata
Pelajaran
Jadwal Mata
Pelajaran

Siswa

Penyesuaian Jadwal Mata Jadwal Mata

Pelajaran Penyesuaian Pelajaran
Penjadwalan Guru

Pengajuan perubahan
jadwal

GAMBAR 4. 4 Diagram Konteks Level 1

36
Keterangan gambar :

1. Semua user pada sistem penjadwalan belajar mengajar hanya bisa mengakses
informasi setelah melakukan login dengan menggunakan username dan
password yang sudah di daftarkan oleh Administrator pada sistem. Setelah
berhasil melakukan login, user dapat mengakses informasi sesuai dengan
kebutuhan.

2. Administrator pada sistem penjadwalan mata pelajaran memiliki hak untuk

menambah ataupun menghapus data kelas, data mata pelajaran, data guru, data
jadwal mengajar guru yang nantinya akan diolah oleh sistem untuk
menghasilkan jadwal belajar mengajar.

4.1.5 Diagram Flow Diagram

Data Flow Diagram digunakan untuk menggambarkan sistem secara
logika yang akan menunjukkan bagaimana fungsi-fungsi sistem informasi
akan bekerja. Gambaran itu tidak tergantung pada perangkat lunak (software),
perangkat keras (hardware), struktur data atau organisasi file. Keuntungan
menggunakan DFD adalah memudahkan pemakai (user) yang kurang
menguasai di bidang komputer untuk mengerti sistem yang akan bekerja atau
dikembangkan.

37
 1.0
Data agenda
Melakukan siswa
akademi Input data
pengolahan
k siswa
data siswa

2.0
Input data guru Olah data
guru
Menginput Data
guru

guru

3.0 Data
data siswa kelasl
jadwal
Jadwal Data guru
Input nilai Data
pelajaran
siswa

Data guruData
Laporan
jadwal,Guru,
siswa nilai 4.0
siswa
nilai Data nilai

Laporan
jadwalGuru, Data nilai
siswa,

Menerima laporan nilai,

jadwal,
mapel
Data
Melakukan pendaftaran online 5.0 siswa
Da
Data
Data mata nil
lapora jadwal
Kepala cabag pelajaranta
n
ai

Menerima laporan data

siswa

GAMBAR 4. 5 Data Flow Diagram

4.1.6 Entity Relationship Diagram (ERD)

Entity Relationship Diagram (ERD) merupakan hubungan penerjemah

yang berisi komponen-komponen himpunan entitas dan himpunan relasi
yang dilengkapi dengan atribut-atribut dimana untuk menghubungkan entity
tersebut digunakan keyfield (primary key atribut) dari masing-masing entity.
Adapun bentuk Entity Relationhip Diagram (ERD) dari sistem yang
dirancang dapat dilihat pada gambar berikut.

4.1.5 Model Data

Pada penelitian ini perancangan basis data menggunakan Entity

Relationship Diagram (ERD). Model data Entity Relationship Diagram (ERD)
dikembangkan untuk memudahkan desain database dengan memungkinkan
spesifikasi skema perusahaan yang mewakili struktur logis keseluruhan
database. ERD merupakan model data berorientasi sistem, sedangkan DFD
merupakan model yang berorientasi pada proses. ERD memiliki tiga

38
komponen utama, yaitu: entitas data, relasi antar entitas, dan atribut yang
terkait.

1. Entitas. Ini adalah proses paling dasar dari sebuah organisasi tentang data
mana yang akan dipertahankan. Setiap entitas memiliki identitas yang
unik, yang membedakannya dari entitas lain. Suatu entity adalah deskripsi
dari semua entitas dimana definisi umum dan hubungan umum dan atribut
yang berlaku. Hal ini diwakili oleh sebuah kotak persegi panjang dengan
nama entitas yang ditulis di dalamnya.

2. Relasi. Entitas saling terhubung satu sama lain dengan sebuah relasi. Hal
ini menunjukkan bagaimana dua entitas yang saling terkait. Sebuah notasi
belah ketupat dengan nama relasi mewakili seperti yang tertulis di
dalamnya.

3. Atribut. Setiap entitas memiliki seperangkat atribut yang terkait

dengannya.

4. Atribut adalah properti atau karakteristik dari suatu entitas yang menarik
bagi organisasi. Hal ini diwakili oleh sebuah kotak berbentuk oval dengan
nama atribut yang ditulis di dalamnya.

39
 Berikut adalah Entitas dan Atribut pada sistem penjadwalan gama
batusangkar :
Tabel 4. 1 Daftar entitas dan atribut

No Entitas Atribut Type

1. agenda kodeagenda Int(5)

tanggal Date
waktu varchar(200)
kodeguru Varchar(25)
kodemapel Varchar(100)
kelas Varchar(15)
materi Text
jumlahsiswa Varchar(3)
tidakhadir Varchar(3)
ijin Varchar(3)
photo Varchar(500)

2 file id Int(15)
kodeguru Varchar(35)
nama_file Varchar(100)
file Varchar(500)

40
3 guru kodeguru Varchar(25)
password Varchar(255)
nama Varchar(40)
tempatlahir Varchar(40)
tanggallahir Date
alamat Varchar(45)
email Varchar(255)
nohp Varchar(15)
photo Varchar(500)
nip Varchar(35)
login_session_key Varchar(255)
email_satatus Varchar(255)
password_expire_date Datetime
password_reset_key Varchar(255)
User_role_id Int(11)

4 kelas Id_kelas Int(15)

kelas Varchar(35)

5 mapel kodemapel Int(5)

namamapel Varchar(100)

6 roles role_id Int(11)

role_name Varchar(255)

7 roles_permission permission_id Int(11)

role_id Int(11)
page_name Varchar(25)
action_name Varchar(25)

41
4.2 Arsitektur Desain Menu
4.2.1 Desain Menu Administrator

Berikut adalah desain menu administrator dari aplikasi penjadwalan pada

Gama Batusangkar dapat dilihat pada gambar 4.6 sebagai berikut:

Home Data G u r u

Data K e l a s

Input Data
Menu Tambah A d m i n
Administrator
Tambah G u r u
Tambah user

Administrator Login Administrator

Mata
Pelajaran
Export Mata
Pelajaran

Agenda

Jam Pembelajaran

Jadwal Kegiatan Akademik

Kegiatan Jurusan

Hasil Jadwal

Home Jadwal Mengajar

Menu
Halaman Jadwal Guru &
Edit Profil
Kelas
Jadwal Bimbel
Administrator
Login
Guru

GAMBAR 4. 6 Desain Menu Administrator

4.2.2 Desain Menu User Admin

Berikut adalah desain menu user kepala sekolah dari aplikasi penjadwalan
pada gambar 4.7 Gama Batusangkar dapat dilihat sebagai berikut:

Home
Cetak Jadwal
Menu
Login
Admin Administrator Edit Profil Jadwal

Jadwal Kelas
Pembagian
Jadwal
Jadwal Guru

42
 GAMBAR 4. 7 Desain Menu User Guru

4.2.3 Desain Menu User Guru

Berikut adalah desain menu user guru dari aplikasi penjadwalan
pada Gama Batusangkar dapat dilihat pada gambar 4.8 sebagai berikut:
GAMBAR 4. 8 Desain Menu User Guru

Home
Menu Halaman
Guru Login
User Profil Cetak Jadwal

Jadwal Kelas
Pembagian
Jadwal
Jadwal Mengajar

4.3 Desain Antar Muka

Desain Antaramuka (Interface Design) atau Desain Antarmuka
Pengguna (User Interface Design) atau rekayasa antarmuka pengguna
(User Interface Engineering) adalah desain untuk komputer, peralatan,
mesin, perangkat komunikasi mobile, aplikasi perangkat lunak, dan situs
web yang berfokus pada pengalaman pengguna (User Experience) dan
interaksi. Tujuan dari Desain Antarmuka Pengguna adalah untuk
membuat interaksi pengguna sesederhana dan seefisien mungkin, dalam
hal mencapai tujuan pengguna—atau apa yang sering disebut dengan
user-centered design.
4.3.1 Implementasi

Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang

dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk
menginstal, menguji dan memulai sistem baru atau sistem yang diperbaiki,
Aplikasi sistem penjadwalan mata pelajaran diimplementasikan
menggunakan bahasa pemrograman PHP, javascript dengan library jQuery,
Manajemen database (DBMS) menggunakan MySQL dan text editor visual
studio code.

Berikut merupakan implementasi dari sistem penjadwalan mata pelajaran :

43
4.3.1.1 Form Login
Berikut merupakan form login dari aplikasi penjadwalan pada
Gama Batusangkar dapat dilihat pada gambar 4.9 sebagai berikut:

GAMBAR 4. 9 Antarmuka Form Login

4.3.1.2 Antarmuka Halaman Utama Admin

Berikut merupakan halaman utama User Admin dari aplikasi
penjadwalan pada Gama Batusangkar dapat dilihat pada gambar 4.10
sebagai berikut:

44
 GAMBAR 4. 10 Antarmuka Halaman Data Pengguna

4.3.1.3 Antarmuka Halaman Data Guru Pada Menu Admin

Berikut merupakan halaman data guru dari aplikasi penjadwalan
pada Gama Batusangkar dapat dilihat pada gambar 4.11 sebagai berikut:

GAMBAR 4. 11 Antarmuka Halaman Data Guru

45
 4.3.1.4 Antarmuka Halaman Data Kelas Pada Menu Admin
Berikut merupakan halaman Data Kelas pengguna dari aplikasi
penjadwalan pada Gama Batusangkar dapat dilihat pada gambar 4.12
sebagai berikut:

GAMBAR 4. 12 Antarmuka Halaman Data Kelas

4.3.1.5 Antarmuka Halaman Data Mata Pelajaran Pada Menu

Admin
Berikut merupakan halaman Data Mata Pelajaran dari aplikasi
penjadwalan pada Gama Batusangkar dapat dilihat pada gambar 4.13
sebagai berikut:

GAMBAR 4. 13 Antarmuka Halaman Data Mata Pelajaran

46
 4.3.1.6 Antarmuka Halaman Export Mata Pelajaran Pada Menu
Admin
Berikut merupakan halaman Export Mata Pelajaran dari
aplikasi penjadwalan pada Gama Batusangkar dapat dilihat pada
gambar 4.14 sebagai berikut:

GAMBAR 4. 14 Antarmuka Halaman Export Data Mata Pelajaran

47
 4.3.1.7 Antarmuka Halaman Hasil Export Mata Pelajaran Pada
Menu Admin
Berikut merupakan halaman Hasil Export Mata Pelajaran dari
aplikasi penjadwalan pada Gama Batusangkar dapat dilihat pada
gambar 4.14 sebagai berikut:

GAMBAR 4. 15 Antarmuka Halaman Hasil Export Mata Pelajaran

4.3.1.8 Antarmuka Halaman Data Jam Pada Menu Admin

Berikut merupakan halaman Data Jam dariaplikasi penjadwalan
pada Gama Batusangkar dapat dilihat pada gambar 4.16 sebagai
berikut:

GAMBAR 4. 16 Antarmuka Halaman Data Jam

48
 4.3.1.9 Antarmuka Halaman Export Data Guru Pada Menu Admin
Berikut merupakan halaman Export Data Guru dari aplikasi penjadwalan pada
Gama Batusangkar dapat dilihat pada gambar 4.17 sebagai berikut:

GAMBAR 4. 17 Antarmuka Halaman Export Data Guru

4.3.1.10 Antarmuka Halaman Hasil Export Data Guru Pada

Menu Admin
Berikut merupakan halaman Hasil Export Data Guru
dari aplikasi penjadwalan pada Gama Batusangkar dapat
dilihat pada gambar 4.18 sebagai berikut:

GAMBAR 4. 18 Antarmuka Halaman Hasil Export Data Guru

49
4.3.1.11 Antarmuka Halaman Data Jadwal Pada Menu Admin
Berikut merupakan halaman Data Jadwal dari
aplikasi penjadwalan pada Gama Batusangkar dapat dilihat
pada gambar 4.19 sebagai berikut:

GAMBAR 4. 19 Antarmuka Halaman Data Jadwal

50
 4.3.1.12 Antarmuka Halaman Hasil Data Cetak Jadwal Mata
Pelajaran Pada Menu Admin
Berikut merupakan halaman Data Cetak Jadwal
pada menu admin dari aplikasi penjadwalan pada Gama
Batusangkar dapat dilihat pada gambar 4.20 sebagai berikut:

GAMBAR 4. 20 Antarmuka Halaman Hasil Data Cetak Jadwal

51
 BAB V

PENUTUP

5.1 Kesimpulan
Berdasarkan perancangan sistem penjadwalan mata pelajaran pada
Gama Batusangkar, dapat disimpulkan bahwa hasil pengembangan sistem
perangkat lunak yang telah dirancang, memberikan kemudahan dalam
penyusunan jadwal mata pelajaran dan memenuhi kebutuhan bagi
penggunanya, Sistem penjadwalan mata pelajaran ini memiliki fasilitas
pengolahan data yang bermanfaat meminimalkan waktu dalam
pengimputan data jadwal sehingga dapat memberikan kemudahan,
memperlancar dan menaikan kualitas pendidikan pada Gama Batusangkar
dalam penyusunan jadwal mata pelajaran.

5.2 Saran
Berdasarkan kesimpulan di atas, maka saran yang dapat
disimpulkan sebagaiberikut:
1. Diharapkan pengembangan terhadap sistem penjadwalan
mata pelajaran dapat lebih di perluas tidak hanya terbatas
pada kegiatan pengolahan jadwal mata pelajaran saja tetapi
juga membahas mengenai desain sistem agar lebih mudah di
pahami dan di pelajari oleh pengguna.
2. Sistem penjadwalan mata pelajaran ini belum dilengkapi
dengan fasilitas back up data secara otomatis, pada sistem ini
back up data dilakukan dengan mencetak jadwal.

52
 DAFTAR PUSTAKA

Nadhilah, Hasyyati. 2018, Sistem Informasi Penjadwalan Mata

Pelajaran di SMK Negeri 1 Percut Sei Tuan, Teknik Informatika dan Ilmu
Pengetahuan Alam Universitas Sumatera Utara. Medan.
Ni Luh Wiwik Sri Rahayu Ginantra. 2020. IMPLEMENTASI
ALGORITMA GENETIKA BERBASIS WEB PADA SISTEM
PENJADWALAN MENGAJAR DI SMK DWIJENDRA DENPASAR.
Jurnal STMIK STIKOM
Indonesia, VOL.,05, NO.01.

M. Rizal Fahmi. Dkk, 2015. SISTEM INFORMASI

PENJADWALAN MATA PELAJARAN PADA MADRASAH
TSANAWIYAH AR ROHMAN
Rahma Azmi Aziz, 2019, PENGEMBANGAN SISTEM
PENJADWALAN MATA

PELAJARAN BERBASIS WEB, Jurnal Manajemen Informatika,

Fakultas Teknik, Universitas Negeri Surabaya. VOL 09 NO. 01.
Ridho Pamungkas, 2016, RANCANG BANGUN APLIKASI
PENJADWALAN

KULIAH PADA STKIP WIDYA YUWANA, Jurnal Magister Teknik

Informatika STMIK AMIKOM Yogyakarta, ISSN : 2302-3805.
SRI MULYANI Metode Analisis dan Perancangan Sistem Bandung,
Abdi Sistematika, 2016 Ed. 2, Cet.1: X, 267 hlm, 25 cm ISBN 978-979-
19906-
2-2.

KENCONG. Program Studi Manajemen Informatika,

Universitas Muhammadiyah Jember.

53
54