i

NASKAH PUBLIKASI

RANCANG BANGUN SISTEM MONITORING PELANGGARAN SISWA

SMA MUHAMMADIYAH 3 YOGYAKARTA BERBASIS WEBSITE

DAN ANDROID

Disusun Oleh

Nama : Duwi paryanto

Nomor Mahasiswa : 12141367

Program Studi : Teknik Informatika

Jenjang : Strata 1

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN ILMU KOMPUTER

EL RAHMA

YOGYAKARTA

2018

ii

iii

PERNYATAAN

Dengan ini saya menyatakan bahwa Laporan Skripsi ini tidak terdapat karya yang pernah

diajukan untuk memperoleh gelar Kesarjanaan disuatu Perguruan Tinggi, dan sepanjang

pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah ditulis atau diterbitkan

oleh orang lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam

daftar pustaka.

Yogyakarta, 14 Agustus 2018

Duwi Paryanto

iv

RANCANG BANGUN SISTEM MONITORING PELANGGARAN SISWA SMAMUHAMMADIYAH 3 YOGYAKARTA BERBASIS WEBSITE

DAN ANDROIDDuwi Paryano || 12141367 || baramahesa94@gmail.com

AbstrakJika kita cermati, era teknologi informasi sedang berkembang demikian pesat di semuabidang, tidak terkecuali di bidang pendidikan. Banyak sekolah yang sudah memakaikecanggihan komputer, contohnya bagian kesiswaan yang menggunakan kecanggihankomputer dalam menangani pelanggaran siswa. SMA Muhammadiyah 3 Yogyakarta adalahsalah satu sekolah yang mempunyai masalah dalam hal manajemen pelanggaran siswakarena disekolah tersebut masih menggunakan sistem manual sehingga dalampenginputan data pelanggar sering terjadi kesalahan-kesalahan dan informasi yangdibutuhkan tidak dapat diperoleh secara cepat, akurat dan up to date, selain itu dengansistem manual yang berjalan sekarang proses pencarian data juga masih memerlukanwaktu yang sangat lama. Karena data yang di simpan masih menggunakan kertas makasangat rentan dengan kerusakan dan hilangnya data karena terselip atau tercecer. Untukmengatasi masalah tersebut perlu dirancang sebuah sistem monitoring untuk mencatatdata pelanggaran siswa. Perancangan sistem secara umum meliputi perancangandiagram dengan metode OOAD (Object Oriented Analysis and Desain), diagram alirandata dan perancangan output atau desain sistem serta perancangan terperinci meliputiperancangan basis data. Penulisan program aplikasi dengan menggunakan bahasascripting yaitu dengan menggunakan Hypertext Prepocessor (PHP).

Kata kunci : Sistem Monitoring, Pelanggaran Siswa, PHP

AbstractIf we look closely, the era of information technology is developing so rapidly in all fields, notleast in the field of education. Many schools have used computer sophistication, for examplethe student section that uses computer sophistication in handling student violations.Muhammadiyah 3 High School Yogyakarta is one of the schools that have problems in termsof student violation management because the school is still using a manual system so that ininputting violator data there are often errors and information needed cannot be obtainedquickly, accurately and up to date, besides that with a manual system that runs now the datasearch process also still requires a very long time. Because the data stored is still usingpaper, it is very vulnerable to damage and loss of data because it is tucked or scattered. Toovercome this problem, a monitoring system is needed to record student violation data.System design in general includes designing diagrams with OOAD (Object Oriented Analysisand Design) methods, data flow diagrams and output design or system design as well asdetailed design including database design. Writing an application program using a scriptinglanguage is using Hypertext Prepocessor (PHP).

Keywords: Monitoring System, Student Violation, PHP

1

A. PENDAHULUANTata tertib sekolah bukan hanya

sekedar kelengkapan dari sekolah, tetapimerupakan kebutuhan yang harusmendapatkan perhatian dari semua pihakyang terkait, terutama dari pelajar atausiswa itu sendiri, Hadianti (2008).Berdasarkan permasalah tersebut, makasekolah pada umumnya menyusun tatatertib sekolah bagi semua pihak yangterkait bagi guru, tenaga administrasimaupun siswa.

SMA Muhammadiyah 3 Yogyakartatelah menerapkan sistem poinpelanggaran untuk mengatasipermasalahan pelanggaran terhadap tatatertib. SMA Muhammadiyah 3Yogyakarta memberikan poin pada setiappelanggaran tata tertib. Poin yangdicantumkan berbeda-beda sesuai dengantingkat pelanggaran yang dilakukan. SMAMuhammadiyah 3 Yogyakarta memberibatasan poin pelanggaran, yaitu 100. Jikasiswa telah mencapai poin 100 makasiswa akan dikeluarkan dari SMAMuhammadiyah 3 Yogyakarta.

Penerapan poin pelanggaran untukmenegakkan tata tertib sekolahmemberikan dampak positif. Dampakpositif yang muncul dengan adanya poinpelanggaran akan membuat siswa menjadilebih patuh pada peraturan sekolah atauguru, intropeksi dan berjanji tidak akanmelanggar peraturan lagi, menjagaketerlibatan sekolah, dan membantumendisiplinkan siswa. Tentu dalampelaksanaan penerapan poin pelanggaranini dibutuhkan wadah untuk menampungdata-data poin pelanggaran setiap siswa.

Maka dari itu penulis mengambiljudul “Rancang Bangun SistemMonitoring Pelanggaran Siswa SMAMuhammadiyah 3 Yogyakarta BerbasisWebsite dan Android”.B. TINJAUAN PUSTAKA

Uraian tinjauan pustaka diarahkanuntuk menyusun kerangka pemikiran ataukonsep yang digunakan dalam penelitian.

1. Patmi Kasih, Yuni Lestari (2012),sistem yang dibuatdapat menentukansiswa yang bermasalah dan dinilaipantas untuk mendapatkan bimbingankonseling serta penangananselanjutnya

2. Sarifudin Siswanto (2013), sistemyang dibangun dapat mengirim secaraotomatis informasi mengenai presensisiswa, pelanggaran siswa, prestasisiswa serta informasi keuangan siswaterhadap wali murid, sehinggaperkembangan kondisi siswa disekolah dapat di monitor secarabersama antara sekolah dan juga walimurid secara langsung

3. Nita Diana Rahmawati (2015), sistemyang dibangun dapat memberikaninformasi kepada orang tua secaralangsung dengan cepat dan tepat,membantu guru BK dalampenginputan data, pencarian data, danperekapan pelanggaran siswa

C. LANDASAN TEORI1. Sistem Monitoring

Mercy (2005), monitoringdidefinisikan sebagai siklus kegiatan yangmencakup pengumpulan, peninjauanulang, pelaporan, dan tindakan atasinformasi suatu proses yang sedangdiimplementasikan2. Framework Codeigniter

CodeIgniter adalah sebuahframework PHP yang bersifat OpenSource dan dapat digunakan untukmempercepat pengembang dalammembuat sebuah aplikasi web. Dilengkapibanyak library dan helper yang bergunadi dalamnya dan tentunya mempermudahproses development.3. Database

Menurut Connoly dan Begg (2002),pengertian basis data yaitu kumpulankoleksi data-data yang salingberhubungan secara logika yang isinyadidesain untuk memenuhi kebutuhaninformasi dari suatu perusahaan

2

4. MySQLDatabase MySQL merupakan

program database server yang berbasisRelation Database Management System(RDBMS) dan menggunakan perintahSQL (Standard Query Language) untukmengirim dan menerima data.5. UML (Unified Modeling Language)

Menurut Adi Nugroho (2009) UML(Unified Modelling Language) bahasapermodelan untuk sistem/perangkat lunakyang berparadigma berorientasi.Kelebihan UML antara lain Uniformit,Understandability, Stability, Reusability.6. Diagram UML

Adi Nugroho (2009) menambahkanUML (Unified Modeling Language)menjelaskan beberapa diagram yangdigunakan untuk memodelkan sistem.Tipe-tipe diagram UML menurut AdiNugroho, yaitu :

6a. Use Case DiagramUse Case Diagram digunakan untukmemodelkan fungsionalital sistem atauperangkat lunak dilihat dari penggunayang ada diluar sistem (Actor).6b. Sequence DiagramSquence Diagram memperlihatkaninteraksi sebagai diagram dua matra(dimensi). Matra vertikal adalah sumbuwaktu, waktu bertambah dari atas kebawah.6c. Activity DiagramDiagram aktivitas (Activity Diagram)sesungguhnya merupakan bentuk khususdari state macheine yang bertujuanmemodelkan komputasi-komputasi danaliran-aliran kerja yang terjadi di dalamsistem/perangkat lunak yang sedangdikembangkan7. Kamus Data Tabel

Salah satu komponen kunci dariDBMS adalah kamus data (datadictionary), yang mencakup informasimengenai struktur database Setiap elemendata yang disimpan dalam database,seperti nomor pelanggan, memilikicatatan di kamus data yangmendeskripsikan elemen tersebut.8. Apliaksi Mobile

Menurut Edy Irwansyah (2014)aplikasi mobile adalah aplikasi perangkatlunak yang dibuat khusus untukdijalankan di dalam tablet dan jugasmartphone9. Android

Menurut Safaat (2011) Androidadalah sistem operas iuntuk teleponseluler berbasis Linux. Androidmenyediakan platform yang bersifat opensource bagi para pengembang untukmenciptakan sebuah aplikasi10. Eclipse

Eclipse adalah sebuah IDE(Integrated Development Environment)untuk mengembangkan perangkat lunakdan dapat dijalankan di semua platform(platformindependent).

D. RANCANGAN PENELITIAN1. Perancangan

Perancangan sistem monitoringpelangggaran siswa yang dibangun inimenggunakan UML (Unified ModellingLanguage)) sebagai bahasa pemodelan.1a. Use Case Diagram

Gambar 4.1 Use case diagram

1b. Activity DiagramActivity diagram merupakan

gambaran aliran kejadian dan modeldiagram yang menjelaskan langkah demilangkah use case

3

Gambar 4.3 Activity diagrammanajemen poin pelanggaran

User Admin mengakses halamanmanajemen poin yang merupakan masterutama dalam penghitungan poin setiappelanggaran

Gambar 4.4 Activity diagram inputpelanggaran siswa

User yang dalam hal ini adalah Gurumelakukan pengelolaan pelanggaran yangsedang atau sudah terjadi pada pelajartertentu

1c. Sequence DiagramPada sequence diagam manajemen

poin, user yang sudah tervalidasi padaaktivitas login mengakses halamanmanajemen poin yang merupakan masterutama dalam penghitungan poin setiappelanggaran

Gambar 4.5 Sequence diagrammanajemen poin pelanggaran

Guru mencatat jenis pelanggaran yangterjadi. Pengelolaan data pelanggaran iniakan diupdate pada tabel pelanggaran

Gambar 4.6 Sequence diagram inputpelanggaran siswa

1c. Relasi antar tabel

Gambar 4.7 Relasi antar tabel

2. Rancangan User InterfaceAntarmuka sangat memegang peranan

penting dalam pembuatan sebuah sistem,karena dari antarmuka inilah penggunadapat melakukan serangkaian kegiatanyang terkait dengan sistem yang telahdibuat

2a. Rancangan Login Admin

4

Gambar 4.8 Rancangan tampilan loginAdmin

2b. Rancangan Tampilan Admin

Gambar 4.9 Rancangan tampilan awaladmin

2c. Rancangan Tampilan Keadaan PoinSiswa

Gambar 4.13 Rancangan tampilankeadaan poin siswa

2d. Rancangan Tampilan Laporan PoinPelanggaran

Gambar 4.14 Rancangan tampilanlaporan poin pelanggaran

2e. Rancangan Tampilan User

Gambar 4.17 Rancangan tampilan users

SistemMonitoringPelanggaranSiswa

5

2e. Rancangan Tampilan Login Siswa

Gambar 4.19 Rancangan tampilan loginsiswa

2f. Rancangan Tampilan Menu UtamaSiswa

Gambar 4.20 Rancangan tampilanmenu utama siswa

2g. Rancangan Tampilan HistoryPelanggaran

Gambar 4.21 Rancangan tampilanhistory pelanggaran

E. HASIL DAN PEMBAHASAN

1. Alat-alat yang digunakan untukmembuat sistem antara lain

a. PHP Framework :Codeiginter

b. JS Library : Jqueryc. CSS Framework : Boostrapd. Database : MySqle. Text Editor : Notepad ++,

Atomf. Web server : XAMPP

v3.2.2g. Emulator android : Nox

Playerh. Eclipse

2. Tampilan Sistem AdminSistem monitoring pelanggaran inidapat di akses pada alamathttp://simpel.smamuh3jogja.sch.id/admin

2a. Tampilan Login Admin

Gambar 5.1.Tampilan login admin2b. Tampilan halaman awal admin

Halaman awal admin adalah halamanyang pertama muncul setelah adminberhasil login.

Gambar 5.2 Tampilan halaman awaladmin

Nomer Induk Siswa__________________________Kata Sandi__________________________Sign In

Logo

Beranda

Beranda

________________________________________________________________________________________________________________________________________________________________________________________________________________________________

Kontak

Pengaturan

Nama siswa

Pelanggaran bulan ini

----------------------------------------------------

History pelanggaran

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

6

2c. Tampilan Halaman Keadaan PoinSiswa

Halaman ini menampilkan data total poinpelanggaran yang dilakukan siswa besertafungsi untuk menambah poin pelanggaran

Gambar 5.5 Tampilan halamankeadaan poin siswa

2d. Tampilan halaman laporan poinpelanggaran

Halaman ini menampilkan total poin yangdiperoleh siswa atas pelanggaran yangdilakukannya, yang juga terdapat menuexport laporan pelanggaran per kategori,kelas dan bulan

Gambar 5.7 Tampilan halaman laporanpoin pelanggaran

2e. Tampilan halaman users

Halaman ini menampilkan data user yangmemuat username dan password sebagaiakses ke dalam sistem

Gambar 5.11 Tampilan halaman users

3. Tampilan Sistem User SiswaHalaman ini dapat diakses dengan

Android. File apk bisa didownload padaalamathttp://simpel.smamuh3jogja.sch.id/simpel.apk

3a. Tampilan Login SiswaHalaman login user siswa adalah halamanyang berfungsi untuk menjaga kerahasiaanprogram yang telah dibuat agar tidaksetiap orang bisa mengoperasikan halamanuser siswa

Gambar 5.12 Tampilan login user siswa

7

3b. Tampilan awal user siswa

Tampilan halaman awal aplikasi setelahberhasil login sebagai user siswa. Menuyang ditampilkan antara lain total poinpelanggaran siswa yang sedang login dantop 10 pelanggar teratas

Gambar 5.13 Tampilan awal user siswa

3c. Tampilan History PelanggaranTampilan ini digunakan untuk

menampilkan riwayat pelanggaran siswayang sedang login dan top 10 pelanggar

Gambar 5.14 Tampilan historypelanggaran

F. KESIMPULAN DAN SARAN

1. Kesimpulan

a. Perangkat lunak SistemMonitoring Pelanggaran SiswaSMA Muhammadiyah 3Yogyakarta berbasis Websitedan Android telah berhasildibangun. Perangkat lunak inidapat menjadisistem yang dapatdigunakan untuk mengelola datapoin pelanggaran dan prestasisiswa di SMAMuhammadiyah 3Yogyakarta.

b. Perangkat lunak ini telah dibuatsecara menarik denganmenggunakan elemen-elemenseperti teks, gambar, dantombol sehingga mudah diaksesdan dimengerti olehpengguna.

c. Versi android untuk user siswamenjadikan kemudahan dalammengakses sistem

d. Pengelolaan data pada prosespencatatan poin pelanggaranmenjadi lebih mudah dancepatdengan adanya tombol Insert,Update, Edit, dan Delete. Sertaadanya tabel yangmenampilkandata-data dari masing-masingform menambah mudahnyapengelolaandata pelanggaran.

e. Sistem dapat secara otomatismenampilkan sisa poin yangberkurang karena siswamendapatkan prestasi

f. Perangkat lunak ini dapatmencetak laporan-laporan yangdibutuhkan sekolahuntukkeperluan pendidikan.

g. Kerja admin maupun guru BKlebih mudah, cepat dan efisien.

h. Data-data berhasil tersimpandalam database sistem

i. Keamanan sistem dan data akanlebih aman dengan adanyavalidasi login untuk dapatmasuk menggunakan sistem.Hanya pengguna yang diberi

8

hak akses yang dapatmasuk kedalam sistem.

2. Sarana. Sistem ini belum mendukung

otomatisasi dalampemberitahuan dari androidkepada orangtua terkaitpelanggaran ataupun prestasisiswa, maka perlupengembangan sehinggaorangtua tidak perlu untukmengakses terlebih dulu sistemini di internet secara berkala.

b. Sistem yang dikembangkanbelum dilengkapi dengan menusurat panggilan orangtua jikasiswa telah mencapai batasmaksimal poin. Sistemsebaiknya dilengkapi menusetting surat panggilan orang tuasupaya sistem lebih kompleks.

c. Sistem dengan versi androidhanya pada login siswa,sehingga dalampengembangannya dapat dibuatversi android secarakeseluruhan.

G. DAFTAR PUSTAKA

Kasih, P., Lestari, Y., 2012. AplikasiPenghitung Poin PelanggaranSiswa Sebagai Sistem PendukungKeputusan bagi Badan KonselingSekolah dengan Simple AdditiveWeighting pada SMK N 1 TanahGrogot. Grogot. KalimantanTimur.

Siswanto, S., 2013, SMS GatewaySebagai Sistem Monitoring SiswaSMK Budi Utomo Kepanjen.Malang. Jawa Timur.

Rahmawati, N, D., 2015. SistemInformasi Monitoring PelanggaranSiswa Berbasis Sms Gateway diSMK Swagaya 2 Purwokerto.Banyumas. Jawa Tengah.

Adil, R. 2009, Sistem Informasi Via SMSGateway Antara Pihak Kepolisiandengan Pengemudi, Telkomnika,Vol. 7 No. 2, Agustus 2009, pp119-128.

Dewanto, 2007, Aplikasi SMS Gatewaydengan Koreksi KesalahanMenggunakan Fuzzy StringMatching, Prosiding SeminarNasional Aplikasi TeknologiInformasi 2007 (SNATI2007),Yogyakarta 16 Juni 2007.

Arief, M. Rudyanto. 2011, PemrogramanWeb Dinamis Menggunakan PHP& MySQL, Andi, Yogyakarta.

Smith, M. 2005, Information TechnologyPortfolio, Public DisclosureCommission, USA. Tozer, E.1996, Strategic IS/IT Planning,Professional Edition, BetterworthHeinemann, Boston, USA.

Mercy Corps, 2005, Design, Monitoringand Evaluation Guidebook.

A.S Rosa dan Salahuddin M, 2011. ModulPembelajaran Rekayasa PerangkatLunak (Terstruktur danBerorientasi Objek), Modula,Bandung.

Huda, Miftahul & Bunafit Komputer.(2010), Membuat AplikasiDatabase dengan Java, MySQLdan Netbeans. PT. Elex MediaKomputindo, Jakarta.

Daqiqil, Ibnu Id, M.Ti. 2011. FrameworkCodeigniter: sebuah panduan danbest practice. Pekanbaru.

Wardana., 2010, Menjadi Master PHPdengan Framework CodeIgniter,ELEXMEDIA, Jakarta.

Arief M Rudianto. 2012. PemrogramanWeb Dinamis menggunakan PHPdan MySQL. C.V ANDIOFFSET. Yogyakarta.

9

Abdul Kadir, 2003, Pengenalan SistemInformasi, Andi, Yogyakarta.

Eka Choliviana, Ramadian Agus Triyono, danSukadi, Pembuatan SistemInformasi Pendaftaran Siswa BaruPada Madrasah IbtidaiyahMuhammadiyah Wonoanti III.FTI UNSA, Vol. 9, No. 2, hal. 1-9, ISSN. 1979-9330, 2012.

Connolly, Thomas & Begg, Carolyn. (2002).Database Systems :A PracticalApproach to Design,implementation and management.Third Edition. Addision Wesley,England.

Nugroho A. 2009, Rekayasa Perangkat LunakMenggunakan UML & Java.Yogyakarta: Andi Offset.

Nazruddin Safaat H, 2011, Android(Pemograman Aplikasi MobileSmartphone dan Tablet PCBerbasis Android). Informatika,Bandung