analisis dan perancangan sistem monitoring pelanggaran …repository.upnvj.ac.id/1890/1/awal.pdf ·...
TRANSCRIPT
ANALISIS DAN PERANCANGAN SISTEM
MONITORING PELANGGARAN SISWA PADA SMK
SETIA NEGARA
SKRIPSI
LUQMANUL HAKIM
1210512076
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI
2017
ANALISIS DAN PERANCANGAN SISTEM
MONITORING PELANGGARAN SISWA PADA SMK
SETIA NEGARA
SKRIPSI
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh
Gelar Sarjana Komputer
LUQMANUL HAKIM
1210512076
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” JAKARTA
FAKULTAS ILMU KOMPUTER
PROGRAM STUDI SISTEM INFORMASI
2017
ii
iii
iv
v
ABSTRAK
Nama : Luqmanul Hakim
Program Studi : Sistem Informasi
Judul : Analisis dan Perancangan Sistem Monitoring Pelanggaran Siswa
Pada SMK Setia Negara
Penelitian ini dilakukan untuk merancang dan membuat sistem monitoring
pelanggaran siswa pada SMK Setia Negara. Karena, pencatatan pelanggaran siswa
yang dicatat guru dengan menggunakan form menyulitkan guru Bimbingan dan
Penyuluhan (BP) dalam pembuatan laporan karena data pelanggaran yang dicatat
pada form harus dicatat kembali kedalam buku besar dan penjumlahan poin yang
tidak dihitung secara otomatis menyebabkan lamanya dalam pembuatan laporan.
Serta orangtua kurang dalam memperoleh informasi mengenai perilaku anaknya
di Sekolah karena tidak adanya informasi monitoring secara online. Metode
perancangan yang digunakan dalam penelitian ini adalah Prototype. Data
dianalisis menggunakan metode PIECES (Perfomance, Information, Economics,
Efficiency, Services). Sedangkan desain menerapkan metode OOAD (Object
Oriented Analysis and Design). Hasil yang diharapkan dari penelitian ini adalah
sebuah sistem informasi monitoring pelanggaran siswa pada SMK Setia Negara
yang dapat mengatasi kendala pengolahan data pelanggaran siswa dan pembuatan
laporan, sistem ini dapat mempermudah guru BP dalam pengolahan data
pelanggaran siswa dan pembuatan laporan serta mempermudah orangtua dalam
memperoleh informasi mengenai perilaku anaknya di sekolah.
Kata kunci : Monitoring, Pelanggaran, Prototype, PIECES, UML
vi
ABSTRACT
Name : Luqmanul Hakim
Study Program : Information System
Title : Analysis and Monitoring System Design Violation of Students
at SMK Setia Negara
This research was conducted to design and create a monitoring violations system
of students at SMK Setia Negara. Because, records of student violations recorded
by teachers using a form is difficult for teachers Guidance and Counseling (GC) to
make reports because the data violations that recorded on the form must be
recorded back into the ledger book and the sum of points that are not calculated
automatically causes taking a lot of time for making reports. As well as parents
are difficult to get information about the children’s behavior at school because
there is no monitoring information system. The design method in this study is
Prototype. Data were analyzed using PIECES (Performance, Information,
Economics, Efficiency, Services). The design of applying the methods OOAD
(Object Oriented Analysis and Design). The expected outcome of this research is
a violation of the student information monitoring system at SMK Setia Negara.
The implications are expected from this system is to process data and make report
violations of students easly and facilitate parents to get information about their
children's behavior at school.
Keyword: Monitoring, Pelanggaran, Prototype, PIECES, UML
vii
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala
karunia-Nya sehingga skripsi ini berhasil diselesaikan. Judul yang dipilih
dalam penelitian ini yang dilaksanakan sejak September 2016 ini ialah Analisis
Dan Perancangan Sistem Monitoring Pelanggaran Siswa Pada SMK Setia
Negara. Penelitian ini dilaksanakan untuk menyelesaikan tugas akhir dalam
perkuliahan pada Program Studi Sistem Informasi Fakultas Ilmu Komputer
Universitas Pembangunan Nasional Veteran Jakarta. Terima kasih penulis
ucapkan kepada:
1. Bapak Dr. Nidjo Sandjojo, M.,Sc selaku Dekan Fakultas Ilmu Komputer.
2. Bapak Henki Bayu Seta, S.Kom., M.TI sebagai dosen pembimbing.
3. Bapak Bambang Triwahyono, S.Kom., M.Si sebagai Kepala Program Studi
Sistem Informasi.
4. Pihak SMK Setia Negara dan Bapak Fauzi yang telah memberikan
kesempatan dalam melakukan penelitian.
5. Orangtua dan keluarga saya yang selalu mendoakan dan memberikan
dukungan untuk penulis.
6. Kepada teman-teman Awsy Skateboarding dan Sistem Informasi angkatan
2012 khususnya Lokal C yang selalu memberikan semangat dan bantuannya
sehingga skripsi ini dapat terselesaikan.
Jakarta, 31 Januari 2017
Penulis
viii
DAFTAR ISI
HALAMAN JUDUL ..................................................................................................... i
PERNYATAAN ORISINALITAS ............................................................................... ii
PERNYATAAN PERSETUJUAN PUBLIKASI ........................................................ iii
PENGESAHAN ............................................................................................................. iv
ABSTRAK ...................................................................................................................... v
ABSTRACT ................................................................................................................... vi
KATA PENGANTAR ................................................................................................... vii
DAFTAR ISI ................................................................................................................... viii
DAFTAR TABEL .......................................................................................................... x
DAFTAR GAMBAR ..................................................................................................... xi
DAFTAR SIMBOL ........................................................................................................ xiii
DAFTAR LAMPIRAN ................................................................................................. xvii
BAB I PENDAHULUAN
I.1 Latar Belakang Masalah ....................................................................................... 1
I.2 Rumusan Masalah ................................................................................................. 2
I.3 Batasan Masalah .................................................................................................... 2
I.4 Maksud dan Tujuan ............................................................................................... 2
I.5 Luaran yang Diharapkan ....................................................................................... 3
I.6 Manfaat Penelitian ................................................................................................. 3
I.7 Sistematika Penulisan ............................................................................................ 3
BAB II LANDASAN TEORI
II.1 Sistem ..................................................................................................................... 5
II.2 Informasi ................................................................................................................ 5
II.3 Sistem Informasi .................................................................................................... 5
II.4 Teori Analisis dan Pengembangan Sistem ........................................................... 6
II.5 Unified Modeling Language (UML) ..................................................................... 10
II.6 XAMPP .................................................................................................................. 13
II.7 Apache ................................................................................................................... 14
II.8 MySQL .................................................................................................................. 15
II.9 Personal Home Page (PHP) .................................................................................. 15
II.10 Adobe Dreamweaver ............................................................................................. 15
II.11 Website .................................................................................................................. 16
II.12 Monitoing ............................................................................................................... 17
II.13 Penelitian Relevan ................................................................................................. 17
BAB III METODOLOGI PENELITIAN
III.1 Alur Penelitian ....................................................................................................... 20
III.2 Kegiatan Penelitian ................................................................................................ 21
III.3 Waktu dan Tempat Penelitian ............................................................................... 23
III.4 Alat Bantu Penelitian ............................................................................................. 23
III.5 Jadwal Kegiatan Penelitian ................................................................................... 24
ix
BAB IV HASIL DAN PEMBAHASAN
IV.1 Profil SMK Setia Negara ...................................................................................... 25
IV.2 Analisis Sistem Berjalan ....................................................................................... 29
IV.3 Rancangan Sistem ................................................................................................. 33
IV.4 Rancangan Perangkat Lunak ................................................................................ 36
IV.5 Rancangan Infrastruktur ....................................................................................... 71
IV.6 Implementasi Antarmuka dan Uji Coba .............................................................. 72
IV.7 Dokumentasi ......................................................................................................... 75
BAB V PENUTUP
V.1 Kesimpulan ............................................................................................................ 82
V.2 Saran ...................................................................................................................... 82
DAFTAR PUSTAKA ..................................................................................................... 83
RIWAYAT HIDUP
LAMPIRAN
x
DAFTAR TABEL
Tabel 1 Jadwal Kegiatan ....................................................................................... 24
Tabel 2 Dokumen Masukan Sistem Berjalan ......................................................... 30
Tabel 3 Dokumen Keluaran Sistem Berjalan ........................................................ 31
Tabel 4 Kebutuhan Fungsional Sistem Perangkat Lunak ....................................... 32
Tabel 5 Struktur Tabel ........................................................................................... 37
Tabel 6 Rancangan Masukan ................................................................................. 39
Tabel 7 Rancangan Keluaran ................................................................................. 39
Tabel 8 Rancangan Simpanan ............................................................................... 40
Tabel 9 Daftar Istilah Aktor/Pelaku Sistem ............................................................ 41
Tabel 10 Definisi Use case .................................................................................... 42
Tabel 11 Spesifikasi Use Case Diagram Login ...................................................... 44
Tabel 12 Spesifikasi Use Case Diagram Pencatatan Pelanggaran Siswa ................. 45
Tabel 13 Spesifikasi Use Case Diagram Histori Pelanggaran Siswa ....................... 46
Tabel 15 Spesifikasi Use Case Diagram Pembuatan Laporan Pelanggaran Siswa ... 47
Tabel 16 Spesifikasi Use Case Diagram Kelola User ............................................. 48
Tabel 17 Spesifikasi Use Case Diagram Kelola Web ............................................. 50
Tabel 18 Spesifikasi Perangkat Keras Server ......................................................... 71
Tabel 19 Spesifikasi Perangkat Lunak Server VPS ................................................ 71
Tabel 20 Spesifikasi Perangkat Keras Client ......................................................... 71
Tabel 21 Uji Coba ................................................................................................. 72
xi
DAFTAR GAMBAR
Gambar 1 Model Prototype ..................................................................................................... 9
Gambar 2 Alur Penelitian ......................................................................................................... 20
Gambar 3 Struktur Organisasi SMK Setia Negara ................................................................. 27
Gambar 4 Usecase Sistem Berjalan Monitoring Pelanggaran Siswa .................................... 29
Gambar 5 Model Objek Rancangan Database ........................................................................ 36
Gambar 6 Use Case Sistem Usulan Monitoring Pelanggaran Siswa ..................................... 41
Gambar 7 Use Case Diagram Login ....................................................................................... 43
Gambar 8 Use Case Diagram Pencatatan Pelanggaran Siswa ............................................... 45
Gambar 9 Use Case Diagram Histori Pelanggaran Siswa ...................................................... 46
Gambar 10 Use Case Diagram Pembuatan Laporan Pelanggaran Siswa .............................. 47
Gambar 11 Use Case Diagram Kelola User ........................................................................... 48
Gambar 12 Use Case Diagram Kelola Web ........................................................................... 50
Gambar 13 Activity Diagram Login ....................................................................................... 51
Gambar 14 Activity Diagram Pencatatan Pelanggaran Siswa ............................................... 52
Gambar 15 Activity Diagram Histori Pelanggaran Siswa ........................................................ 53
Gambar 16 Activity Diagram Pembuatan Laporan Pelanggaran Siswa ................................ 54
Gambar 17 Activity Diagram Kelola User .............................................................................. 55
Gambar 18 Activity Diagram Kelola Web ............................................................................. 56
Gambar 19 Sequence Diagram Login ..................................................................................... 57
Gambar 20 Sequence Diagram Pencatatan Pelanggaran Siswa ............................................... 58
Gambar 21 Sequence Diagram Histori Pelanggaran Siswa ................................................... 59
Gambar 22 Sequence Diagram Pembuatan Laporan Pelanggaran Siswa ............................. 60
Gambar 23 Sequence Diagram Kelola User ............................................................................ 61
Gambar 24 Sequence Diagram Kelola Web ........................................................................... 62
Gambar 25 Rancangan Arsitektur Sistem ............................................................................... 63
Gambar 26 Struktur Menu Halaman Index ............................................................................. 63
Gambar 28 Struktur Menu Admin .......................................................................................... 63
Gambar 29 Struktur Menu Guru .............................................................................................. 64
Gambar 30 Struktur Menu Guru BP ....................................................................................... 64
Gambar 31 Struktur Menu Siswa dan Orangtua ..................................................................... 64
Gambar 32 Rancangan Layout Halaman Index ...................................................................... 64
Gambar 33 Rancangan Layout Input Pelanggaran Siswa ...................................................... 65
Gambar 34 Rancangan Layout Input Data Guru .................................................................... 66
Gambar 35 Rancangan Layout Input Data Siswa .................................................................. 67
Gambar 36 Rancangan Layout Peraturan ............................................................................... 68
Gambar 37 Rancangan Layout Konsultasi .............................................................................. 69
Gambar 38 Rancangan Layout Laporan Guru BP .................................................................. 70
Gambar 39 Rancangan Infrastruktur Jaringan ........................................................................ 71
Gambar 40 Halaman Index ...................................................................................................... 75
Gambar 41 Halaman Siswa dan Orangtua .............................................................................. 76
Gambar 42 Halaman Admin .................................................................................................... 76
Gambar 43 Halaman Guru ....................................................................................................... 77
Gambar 44 Halaman Guru BP ................................................................................................. 77
xii
Gambar 45 Halaman Input Pelanggaran Siswa ...................................................................... 78
Gambar 46 Halaman Konsultasi .............................................................................................. 78
Gambar 47 Halaman Tambah Atau Ubah Peraturan ............................................................... 79
Gambar 48 Halaman Kelola Data Guru .................................................................................. 79
Gambar 49 Halaman Kelola Data Siswa ................................................................................. 80
Gambar 50 Tampilan Laporan .................................................................................................. 81
xiii
DAFTAR SIMBOL
a. Simbol Unified Modeling Language (UML)
1) Use Case Diagram
No. Nama Simbol Penjelasan
1. Use Case
Use case merupakan fungsionalitas
yang disediakan sistem sebagai unit-
unit yang saling bertukar pesan antar
unit atau aktor.
2. Actor
Actor adalah orang, proses, atau sistem
lain yang berinteraksi dengan sistem
informasi yang akan dibuat di luar sistem informasi yang akan dibuat itu
sendiri, jadi walaupun simbol dari
aktor adalah gambar orang, tapi aktor
belum tentu merupakan orang.
3. Association
Association merupakan komunikasi
antara aktor dan use case yang
berpartisipasi pada use case atau use case yang memiliki interaksi dengan
aktor.
4. Extend <<extend>>
------------------>
Extend adalah relasi use case
tambahan ke sebuah use case, dimana use case yang ditambahkan dapat
berdiri sendiri walau tanpa use case
tambahan itu.
5. Include <<include>>
------------------>
Include adalah relasi use case tambahan ke sebuah use case, di mana
use case yang ditambahkan
memerlukan use case ini untuk menjalankan fungsinya atau sebagai
syarat dijalankan use case ini.
2) Class Diagram
No. Nama Simbol Penjelasan
1. Kelas
nama_kelas
+atribut
+operasi()
Kelas adalah sebuah spesifikasi yang
jika diinstansiasi akan menghasilkan
sebuah objek dan merupakan inti dari
pengembangan dan desain berorientasi objek. Kelas menggambarkan keadaan
(atribut/ properti) suatu sistem,
sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut
(layanan/metoda/fungsi). Kelas- kelas
yang ada pada struktur sistem harus
dapat melakukan fungsi-fungs sesuai dengan kebutuhan sistem.
Use case
xiv
2. Asosiasi
Asosiasi merupakan relasi antar kelas
dengan makna umum, asosiasi
biasanya juga disertai dengan
multiplicity.
3. Dependency --------------->
Dependency merupakan relasi
antarkelas dengan makna
kebergantungan antar kelas.
4. Aggregation
Aggregation merupakan relasi antar kelas dengan makna semua-bagian
(whole-part).
3) Activity Diagram
No. Nama Simbol Penjelasan
1. Status awal
Status awal merupakan simbol yang
menandakan awal mula pada
aktivitas sistem.
2. Aktivitas
Aktivitas merupakan suatu kegiatan
yang dilakukan oleh sistem.
3. Percabangan
Percabangan merupakan suatu
bentuk komunikasi dimana jika ada
pilihan aktivitas lebih dari satu.
4. Penggabungan
Komunikasi penggabungan dimana
lebih dari satu akitivitas
digabungkan menjadi satu
5. Status akhir
Status akhir merupakan simbol
untuk menandakan berakhirnya
suatu sistem.
6. Swimlane
nama swimlane
Memisahkan organisasi bisnis yang
bertanggung jawab terhadap
aktivitas yang terjadi.
aktivitas
xv
4) Sequence Diagram
No. Nama Simbol Penjelasan
1. Aktor
Aktor adalah orang, proses,
atau sistem lain yang
berinteraksi dengan sistem
informasi yang akan dibuat
di luar sistem informasi
yang akan dibuat itu sendiri,
jadi walaupun simbol dari
aktor adalah gambar orang,
tapi aktor belum tentu
merupakan orang.
2. Lifeline
|
|
|
|
|
Menyatakan kehidupan
suatu objek.
3. Objek
nama objek : nama kelas Menyatakan objek yang
berinteraksi dengan orang.
4. Waktu aktif
Menyatakan objek dalam
keadaan aktif dan
berinteraksi, semua yang
terhubung dengan watu aktif
ini adalah sebuah tahapan
yang dilakukan didalamnya.
5. Pesan pesan
Menyatakan suatu objek
membuat objek lain, arah
panah mengarah pada objek
yang dibuat.
xvi
5) Simbol Flow Chart
No. Nama Simbol Penjelasan
1. Terminator
Simbol terminator (mulai/selesai)
merupakan tanda bahwa sistem
akan dijalankan atau berakhir.
2. Proses
Simbol yang digunakan untuk
melakukan pemrosesan data baik
oleh user maupun komputer
(sistem).
3. Verifikasi
Simbol yang digunakan untuk
memutuskan apakah valid atau
tidak validnya suatu kejadian.
4. Data
Simbol yang digunakan untuk
mendeskripsikan data yang
digunakan. Laporan: Simbol yang
digunakan untuk menggambarkan
laporan.
xvii
DAFTAR LAMPIRAN
Lampiran A Dokumen Masukan Berjalan
Lampiran A1 Masukan Kartu Pelanggaran
Lampiran A2 Masukan Buku Besar
Lampiran A3 Masukan Form Pelanggaran
Lampiran B Dokumen Keluaran Berjalan
Lampiran B1 Keluaran Laporan Poin Siswa
Lampiran C Dokumen Simpanan
Lampiran C1 Struktur File Siswa Lampiran C2 Struktur File Guru
Lampiran C3 Struktur File Pelanggaran
Lampiran C4 Struktur File Peraturan
Lampiran C5 Struktur File Konsultasi
Lampiran D Rancangan Masukan
Lampiran D1 Rancangan Masukan Form Login Lampiran D2 Rancangan Masukan Form Input Pelanggaran Siswa
Lampiran E Rancangan Keluaran
Lampiran F1 Rancangan Keluaran Laporan Pelanggaran Siswa dan Jumlah Poin
Lampiran F Rancangan Simpanan
Lampiran F1 Rancangan Simpanan Data User
Lampiran F2 Rancangan Simpanan Data Pelanggaran Siswa
Lampiran F3 Rancangan Simpanan Data Pelanggaran
Lampiran F4 Rancangan Simpanan Data Konsultasi