## SISTEM INFORMASI MONITORING EKSTRA KURIKULER SMP NEGERI 7 KOTA JAMBI BERBASIS WEB
Lailyn Puad 1 , Rike Limia Budiarti 2 , Yuli Prisdawarti 3
1 Sistem Informasi, Universitas Nurdin Hamzah Jambi
2&3 Teknik Informatika, Universitas Nurdin Hamzah Jambi Email: 1 lailynfuad@gmail.com , 2 rikelimia@gmail.com , 3 yprisdawarti@gmail.com
Abstract –  The extracurricular  system  at  SMP  Negeri  7 Jambi City  which is  currently  running  is  still  manual, that is, by means of every activity announcement, it is still notified or delivered in the school wall or directly on the  school  field  and  notification  via  WhatsApp  group.  The management  of extracurricular  activities  makes the academic  section  of  students  experience  internal  problems  which  will  make  the  process  of  managing extracurricular activities take a long time. The method used in making this system by means of data collection, system  planning,  system  analysis,  system  design  and  database.  The  system  built on  this  website  uses the  PHP programming language and MySQL database. The input needs on the Extracurricular Website of SMP Negeri 7 Jambi  City  are  extracurricular  data,  student  data,  and  registration  data.  Process  requirements  needed  are: Login  Process, Registration  Process,  and input, edit, and  delete processes.  The output  data  produced is  in the form of information that will be attached, including: registration activity reports. The purpose of making this Job Training is the creation of an extracurricular website for SMP Negeri 7 Jambi City. With the existence of a new system  that  has  been  designed  and  created  by  researchers,  it  can  help  facilitate  the  parties  involved  in developing extracurricular activities effectively.
Keywords : Extracurricular;MySQL;Registration Process;Website.

## I. PENDAHULUAN

## 1.1. Latar Belakang
SMP  Negeri  7  Kota  Jambi  merupakan  salah satu  instansi  pendidikan  di  Jambi  yang  bertujuan mewujudkan  kualitas  peserta  didiknya.  SMP  Negeri 7 Kota Jambi mempunyai siswa–siswi yang berhasil meraih berbagai prestasi baik antar sekolah, Provinsi bahkan  Nasional  yang  dapat  dilihat  dari  salah  satu pembinaan  kemampuan  yaitu  lewat  ekstrakurikuler. Ekstrakurikuler yang ada yaitu : Osis, PMR (Palang Merah  Remaja),  Kompangan,  Pramuka,  dan  Tari Kreasi.  Berbagai  ekstrakurikuler  di  buat  untuk mengasah keterampilan maupun kepemimpinan para siswa didik.
Sistem  ekstrakurikuler  yang  dijalankan  saat ini  masih  manual,  yaitu  dengan  cara  setiap pengumuman  kegiatan  masih  diberitahukan  atau disampaikan  di  madding  sekolah  ataupun  secara lansung  di  lapangan  sekolah  dan  pemberitahuan lewat grup whatsapp. Pengelolaan kegiatan ekstrakurikuler menjadikan bagian akademik kesiswaan  mengalami  kendala  dalam  yang  akan membuat    proses  pengelolaan  kegiatan  ekstra kurikuler  memakan  waktu  lama.  Sistem  informasi melalui  whatsapp  bisa  saja  tapi  dengan  banyaknya kendala  yang  dialami  seperti  memerlukan  kuota untuk  mendownload  jadwal  atau  agenda  yang diberikan dan masih banyak dikeluhkannya kapasitas memori handphone  yang  kurang memadai menjadi  salah  satu  kekurangan  jika  informasi  yang dijalankan melalui whatsapp saja.
Dari  permasalahan  yang  timbul  diatas  maka peneliti  memberikan  solusi  berupa  pembuatan system  informasi  pengelolaan  kegiatan  ekstra kurikuler  yang  akan  dijadikan  saran  informasi  bagi siswa dan bagi anak ademik untuk melihat keaktifan siswanya  dengan memanfaatkan  teknologi  yang ada sekarang.  Berdasarkan latar  belakang  tersebut  maka peneliti  tertarik  untuk  melakukan  penelitian  dalam bentuk  kerja  praktek  yang  berjudul  : “SISTEM INFORMASI
MONITORING
EKSTRA
KURIKULER  SMP  NEGERI  7  KOTA  JAMBI BERBASIS WEB”.
1.2.   Rumusan Masalah
Adapun perumusan masalah adalah “Bagaimana  merancang  dan  membangun  Website Ektrakurikuler  SMP  Negeri  7  Kota  Jambi  secara efisien dan maksimal?”

## 1.3.   Tujuan Penelitian
Adapun  tujuan  dari  penelitian  ini  adalah untuk  membuat  sebuah  Website  Ekstrakurikuler yang diharapkan dapat membantu dalam pengolahan data dengan lebih cepat dan akurat.

## II. TINJAUAN PUSTAKA

## 2.1. Website
Menurut  Jugiyanto  HM  (dalam  Suhartini, 2017)  Aplikasi  merupakan  penerapan,  menyimpan
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
sesuatu  hal,  data,  masalah,  aktivitas  dalam  suatu media.  Menurut  Bekti  (2015:35)  menyimpulkan bahwa  :  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 maupn  dinamis  yang membentuk  satu rangkaian  bangunan  yang  saling  terkait,  yang masing-masing  dihubungkan  dengan  jaringan- jaringan  halaman  (Fahira  Farah,  Setiawan  Cut  Irna, 2020:36).
Menurut  Abdulloh,  (2016:1)  Website  atau disingkat  web,  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  internet.  Lebih  jelasnya, website  merupakan  halaman-halaman  yang  berisi informasi  yang  ditampilkan  oleh    browser  seperti Mozila  Firefox,  Google  Chrome  atau  yang  lainnya (Josi, 2017:50).
Menurut Hidayatullah dan Kawistara
(2015:3)  website  adalah  suatu system yang ditemukan  oleh  Tim  Barnes  Lee  untuk  menyusun arsip-arsip risetnya, sehingga memudahkan pencarian  informasi  yang  dibutuhkan  (Farah  & Setiawan, 2020:36).
Berdasarkan  pendapat  para  ahli  diatas  dapat disimpulkan  bahwa  website  merupakan  kumpulan halaman-halaman yang digunakan untuk menampilkan  informasi  dalam  bentuk  data  digital baik berupa text, gambar, video, audio, dan  animasi lainnya yang disediakan melalui jalur internet.

## 2.2. Ekstrakurikuler
Ekstrakurikuler dalam Panduan Teknis Kegiatan  Ekstrakurikuler  (2016)  yang  diterbitkan Direktorat  Pembinaan  Sekolah  Dasar  adalah kegiatan  pendidikan  yang  dilakukan  oleh  peserta didik  di  luar  jam  belajar  kurikulum  standar  sebagai perluasan  dari  kegiatan  kurikulum  dan  dilakukan  di bawah  bimbingan  sekolah  dengan  tujuan  untuk mengembangkan  kepribadian,  bakat,  minat  dan kemampuan  peserta  didik  yang  lebih  luas  atau  di luar  minat  yang  dikembangkan  oleh  kurikulum (Yarhamna dkk, 2019:13).
Menurut Sudirman
(2015:43)
“Ekstrakurikuler  dalam  pendidikan  dimaksudkan sebagai jawaban atas tuntutan dari kebutuhan peserta didik, membantu mereka yang kurang, memperkarya lingkungan  belajar  dan  memberikan  stimulasi kepada  mereka  agar  lebih  kreatif”  (Saputro  dkk, 2017:49-53).
Menurut  Kamus  Besar  Bahasa  Indonesia Ekstrakurikuler  adalah  berada  diluar  program  yang tertulis  di  dalam  kurikulum,  seperti  latihan kepemimpinan dan pembinaan siswa KBBI Daring,
s.v.  “Ekstrakurikuler”,  diakses  24  September  2021, <https://kbbi.web.id/ekstrakurikuler>.
Dari definisi-definisi tersebut dapat disimpulkan  bahwa  ekstrakurikuler  adalah  kegiatan yang  dilakukan  diluar  jam  belajar  sebagai  jawaban atas  tuntutan  dari  kebutuhan  peserta  didik  seperti latihan kepemimpinan dan pembinaan siswa.

## 2.3. Sekolah
Gorton,  mengemukakan  bahwa  “Sekolah adalah  suatu  sistem  organisasi,  dimana  terdapat sejumlah  orang  yang  bekerjasama  dalam  rangka mencapai  tujuan  sekolah”.  Sekolah  merupakan satuan  pendidikan  yang  memiliki  fungsi  mendasar, yaitu  sebagai  wahana  atau  tempat  berlangsung  nya proses  pembelajaran, proses  penanaman  dan pengembangan  potensi-potensi  individu  manusia, sehingga  akan  membentuk  insan  manusia  yang mulia.
Philip  Robinson  menyebut  sekolah  sebagai organisasi,  yaitu  unit  sosial  yang  secara  senaa dibentuk  untuk  tujuan  tertentu.  Sekolah  sengaja diciptakan untuk tujuan tertentu, yaitu memudahkan penajaran sejumlah pengetahuan.
Menurut  Kamus  Besar  Bahasa  Indonesia sekolah adalah bangunan atau lembaga untuk belajar dan  mengajar  serta  tempat  menerima  dan  memberi pelajaran.
Dari definisi tersebut peneliti dapat menyimpulkan bahwa sekolah adalah sebuah wadah atau  lembaga  dimana  disana  terjadi  proses  interaksi bersama  untuk  belajar  serta  tempat  menerima  dan memberi pelajaran.

## III. HASIL DAN PEMBAHASAN

## 3.1. Perancangan Sistem
Pada  tahap  ini  hasil  perancangan  berkaitan erat  dengan  hasil  tahap  analisis  karena  pada  tahap analisis  telah  ditemukan  fungsi-fungsi  dan  metode yang  digunakan,  sehingga software dan hardware serta antarmuka yang diharapkan. Hasil perancangan program  harus  sesuai  dengan  perancangan  metode dalam perancangan yaitu:

## 3.1.1.  Diagram Konteks
Diagram  konteks adalah langkah awal  dalam pembuatan  arus  data  dalam  menggambarkan  proses alur  Website  Ekstrakurikuler  secara  lengkap  yang harus diketahui terlebih dahulu konteks diagramnya. Dalam diagram konteks ini ada 3 entity yaitu admin, siswa  dan  kepala  sekolah.  Bentuk  diagram  konteks adalah sebagai berikut:
A. Admin B. Siswa C. Kepala Sekolah Login, Input Data Siswa, Input Data Pendaftaran, Input Data Kegiatan, Input Data Berita, Input Data Testimoni Login Data Pendaftaran Data Kegiatan Data Berita Data Testimoni Veriikasi Verifikasi Info Data Siswa Info Data Pendaftaran Info Data Kegiatan Info Data Berita Info Data Testimoni Verifikasi Laporan Data Pendaftaran Laporan Data Siswa 0 Sistem Informasi Penjadwalan Esktrakurikuler pada SMP Negeri 7 Kota Jambi Login
Gambar 1. Diagram Konteks

## 3.1.2.  Diagram Level Nol
Penggambaran  sistem  DFD  level  –  0 (Overview  Diagram) merupakan  penjabaran  dari konteks  diagram,  hanya  saja  pada  level  ini  sudah menjurus  kepada  suatu  proses  dan  merupakan gabungan  secara  keseluruhan  yang  melibatkan semua  kesatuan luar  secara  lengkap.  Pada  level  –  0 ini dapat digambarkan hubungan antara sistem yang dikembangkan dengan tiga entry yaitu admin, siswa dan  kepala  sekolah.  Admin  dapat  melakukan  proses input  data  siswa,  data  kegiatan,  data  pendaftaran, data  berita,  dan  data  testimoni,  sedangkan  siswa menginputkan  data  pendaftaran  kegiatan  dan  dapat menerima  informasi  pendaftaran.  Kepala  sekolah hanya  bisa  menerima  laporan  pendaftaran  kegiatan. Bentuk diagram level 0 adalah sebagai berikut :
A. Admin Tabel Siswa Tabel Kegiatan Tabel Berita Tabel Testimoni D2 D3 D4 D5 Input Data Siswa Input Data Pendaftaran Input Data kegiatan Input Data Berita Input Data Testimoni D6 Tabel Pendaftaran Data Siswa Data Kegiatan Data Siswa B. Siswa Data Pendaftaran Informasi Pendaftaran C. Kepala Sekolah Laporan Data Siswa Laporan Data Pendaftaran Data Siswa Data Kegiatan Data Pendaftaran Data Berita Data Testimoni 2.0 Pengolahan Data Master 3.P Penjadwalan Ekstrakurikuler 4.0 Laporan Data Kegiatan 1.0 P Login Verifikasi User Password Tabel Admin D1 Login Verifikasi User Password User Password Informasi Pendaftaran Data Pendaftaran
Gambar 2. Diagram Level Nol

## 3.1.3.  Diagram Level 1 Proses 2
Pada Level 1 Proses 2 ini dapat digambarkan hubungan  antara  sistem  yang  dikembangkan  yaitu olah  data  siswa,  olah  data  kegiatan,  olah  data pendaftaran, olah data berita dan olah data testimoni. Bentuk  diagram  level  1  proses  2  adalah  sebagai berikut :
A. Admin Tabel Siswa Tabel Pendaftaran Tabel Kegiatan D1 Data Siswa Data Siswa D2 D3 Tabel Berita Tabel Testimoni D3 D3 Data Pendaftaran Data Kegiatan Data Berita Data Pendaftaran Data Kegiatan Data Berita Data Testimoni 2.1 P Olah Data Siswa 2.2 P Olah Data Siswa 2.3 P Olah Data Siswa 2.4 P Olah Data Siswa 2.5 P Olah Data Siswa Data Testimoni
Gambar 3. Diagram Level 1 Proses 2

## 3.1.4.  Diagram Level 1 Proses 3
Pada level 1 proses 3, digambarkan hubungan antara  sistem  yang  dikembangkan  yaitu  olah  data siswa, olah data kegiatan, dan olah data pendaftaran. Bentuk diagram level 1 proses level 3 adalah sebagai berikut :
Tabel Siswa D1 Tabel Pendaftaran D1 Tabel Kegiatan D1 3.1 P Olah Data Siswa 3.2 P Olah Data Kegiatan 3.3 P Olah Data Pendaftaran Data Kegitan Data Pendaftaran Data Siswa B. Siswa Data SIswa Data Kegiatan Data Pendaftaran
Gambar 4. Diagram Level 1 Proses 3

## 3.1.5.  Diagram Level 1 Proses 4
Pada level 1 proses 3, ini menguraikan proses pengolahan  data  siswa,  data  kegiatan,  data pendaftaran, data testimony dan data berita yang ada pada diagram level 1 Proses 3. Bentuk diagram level 1 proses 4 sebagai berikut :
Tabel Siswa D1 Tabel Pendaftaran D3 Tabel Kegiatan D2 4.1 P Proses Laporan Siswa 4.2 P Olah Data Kegiatan 4.3 P Olah Data Pendaftaran Data Kegiatan Data Pendaftaran Data Siswa C. Kepsek 4.4 P Olah Data Testimoni 4.5 P Olah Data Berita Tabel Testimoni D4 Tabel Berita D5 Data Testimoni Data Berita A. Admin Data Siswa Laporan Data Siswa Data Kegiatan Data Pendaftaran Laporan Data Pendaftaran B. Siswa Informasi Pendaftaran Data Testimoni Data Berita
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I

## 3.2. Antarmuka
Tahap  implementasi  perangkat  lunak  pada penelitian  ini,  system  dibangun  menggunakan bahasa  pemrograman PHP  dengan  menggunkan
Database MySQL .PHP merupakan bahasa pemrograman  yang  digunakan  untuk  membuat aplikasi  berbasis  website.  Sebagai  sebuah  aplikasi, website  tersebut  hendeknya  memiliki  sifat  dinamis dan  interaktif.  Memiliki  sifat  dinamis  artinya, website  tersebut  bisa  berubah  tampilan  kontennya sesuai  kondisi  tertentu  (misalnya,  menampilkan produk yang berbeda-beda untuk setiap pengunjung).  Interaktif  artinya,  website  tersebut dapat  memberi feedback bagi user (misalnya, menampilkan hasil pencarian produk). Adapun hasil impelementasi  dari  Website  Ekstrakurikuler  SMP Negeri 7 Kota Jambi, adalah sebagai berikut:

## 1. Tampilan Login
Pada  tampilan form login  terdapat  2  kotak teks ,  yaitu user  name dan password . Username akan  diisi  dengan  nama  admin yang  terdaftar  untuk  menggunakan  aplikasi ini .  Login juga  berguna  untuk  mencegah orang lain yang bukan bagiannya tidak dapat untuk  menghapus,  mengedit  dan  menambah data  atau  pun  menjalankan  aplikasi  ini. Adapun  tampilan  login  adalah  sebagai berikut.
Gambar 1. Tampilan Login

## 2. Tampilan Data Siswa
Form ini merupakan data siswa yang telah di input kedalam  sistem  yang  menampilkan data-data siswa yang ada pada sekolah secara ringkas.  Adapun  tampilan  data  siswa  adalah sebagai berikut.
Gambar 2. Tampilan Data Dokter

## 3. Tampilan Data Pendaftaran
Form ini  merupakan  data  siswa  yang  telah terdaftar  mengikuti  kegiatan  ekstra  kurikuler dan  memuat  laporan  yang  bisa  ditampilkan oleh admin. Adapun tampilan data pendaftaran adalah sebagai berikut.
Gambar 3. Tampilan Data Pendaftaran

## 4. Tampilan Data Kegiatan
Form ini  memuat  kegiatan-kegiatan  yang telah  di  input  oleh  admin  ke  dalam system sehingga  memunculkan  data-data  kegiatan tersebut  Adapun  tampilan  data  kegiatan sebagai berikut.
Gambar 4. Tampilan Data Kegiatan

## 5. Tampilan Data Berita
Tampilan  ini  data  berita  memuat  berita terpopuler atau informasi kegiatan yang telah dilaksanakan  kemudian  di  dokumentasikan melalui  halaman  kegiatan,  kritik  dan  saran. Adapun  tampilan  data  berita  adalah  sebagai berikut.

## 6. Tampilan Data Kritik dan Saran
Tampilan  ini  berfungsi  untuk  menampilkan komentar  siswa  yang  telah  masuk  kedealam sistem. Adapun tampilan data kritik dan saran adalah sebagai berikut.
Gambar 8. Tampilan Data Kritik dan Saran

## IV. PENUTUP

## 4.1. Kesimpulan
Berdasarkan  hasil  implementasi  dan  analisis kinerja Website Ekstra kurikuler SMP Negeri 7 Kota Jambi maka dapat disimpulkan sebagai berikut:
1. Sistem yang dibangun pada Website Ekstrakurikuler SMP Negeri 7 Kota Jambi ini mengunakan  bahasa  pemograman  PHP  dan database MySQL.
2. Dengan adanya system ini dapat mempermudah  dalam  proses  pendataan kegiatan ekstra kurikuler SMP Negeri 7 Kota Jambi  dan  memudahkan  pihak  akademik kesiswaan  dalam  mengelola  data  kegiatan ekstra  kurikuler  dan  dapat  mempermudah siswa  dalam  mendaftar  kegiatan  serta mengetahui  informasi  jadwal  kegiatan  yang ada.

## 4.2. Saran
Berikut  ini  beberapa  saran  yang  dapat menjadi bahan pertimbangan dalam upaya pengembangan  aplikasi  ini  di  masa  yang  akan datang, yaitu:
1. Pengembangan  dari  sisi  bahasa  pemograman yaitu  dari  PHP  ke  bahasa  pemograman Mobile dan Android.
2. Sistem  ini  terus  dikembangankan  dengan penambahan  fitur  yang  bermanfaat  seperti pemantauan dari orang tua agar dapat melihat apa saja kegiatan anak-anak disekolah dengan desain  yang  lebih  menarik  bagi  pengguna. Selain  itu  penambahan  fitur  seperti  kegiatan pemilihan  osis  bisa  dilakukan  secara  online dengan  menampilkan  persentase  diagram atau hasil pada website ini.
3. Website Ekstrakurikuler ini dapat dikembangkan  lagi  agar  lebih  optimal  dalam membantu  kinerja  pihak  akademik  sekolah pada SMP Negeri 7 Kota Jambi.

## DAFTAR REFERENSI
Abdullah,  Rohi.  2016. “Web  Programming  is Easy” .  Jakarta:  Penerbit  PT  Elex  Media Komputindo. Bekti, H.B. 2015. “Mahir Membuat Website dengan Adobe Dreamweaver CS6, CS5 dan Jquery” .
Yogyakarta: C.V Andi Offset. Farah,  Fahira.,  Setiawan  Cut  Irna.  2020. “Analisis Kualitas Website Pikiran-Rakyat.Com Sebagai Portal Berita Dengan Menggunakan
Metode  Importance  Performance  Analysis”.
E-Proceeding  of  Management :  Vol  7,  No.  2 Agustus 2020. Hidayatullah,  P  &  Khawistara,  J.  K.  2015. “Pemrograman Web” . Bandung: Informatika Bandung.
Josi, Ahmad. 2017. “Penerapan Metode Prototiping Dalaman Pembangunan Website Desa (Studi Kasus Desa sugihan Kecamatan Rambang)” . Vol. 9. No.1.
KBBI  Daring,  s.v.  “ Ekstrakurikuler ”,  diakses  24 September 2021,
https://kbbi.web.id/
ekstrakurikuler.
KBBI Daring, s.v. “ Sekolah ”, diakses 23 September 2021,https://kbbi.web.id/sekolah.
Saputro,  Ruliyanto  Ratno;  Sukidin,  S.;  Ani,  Hety Mustika. “Manajemen  Ekstrakurikuler  Non- Akademik  Siswa  di  SMA  Muhammadiyah  3 Jember” . Jurnal Edukasi, 2017, 4.3: 49-53. Sudirman,  Anwar.  2015. “Management  of  Student Development” . Riau: Yayasan Indragiri. Suhartini.  2017. “Aplikasi  Alat  BANTU  Belajar Bahasa Inggris Sekolah Dasar Menggunakan Adobe Flash Cs.6 (Studi Kasus: Sdit Fathona Baturaja)” .  Jurnal  Sistem  Informasi  Dan Komputererisasi  Akuntansi  (Jsk).  Vol.  01. No. 01, Hal. 71-80, ISSN : 2579-4477. Yarhamna,  Yarhamna,  et  al.  2019. “Pengujian Praktikalitas Model Kegiatan Ekstrakurikuler Pendidikan Agama Islam Berbasis
Pendekatan  Saintifik  Untuk  Sekolah  Dasar”.
Ta'dib 22.1 (2019): 13-18.s

## IDENTITAS PENULIS
Nama : Lailyn Puad NIK/NIDN : 1017129001 TTL : Jambi, 17 Desember 1990 Gol/Pangkat : IIIC Jab. Fungsional  : Lektor Email : lailynfuad@gmail.com
L L P P 2 2 M M S S T T M M I I K K N N U U R R D D I I N N H H A A M M Z Z A A H H J J A A M M B B I I
Nama : Rike Limia Budiarti NIK/NIDN : 1006128802 TTL : Jambi, 06 Desember 1988 Gol/Pangkat : IIIC Jab. Fungsional  : Lektor Email : rikelimia@gmail.com