BAB III

METODE PENELITIAN
3.1 Tahapan Penelitian
Pengumupulan Data

1. Studi Pustaka
2. Studi Lapangan

Perancangan Basis Data Perancangan Interface

1. Design Database 1. Design Konsep Website

2. Design Relasi 2. Design Tampilan Website

Implementasi

Penerapan Metode Waterfall

Melakukan Pengujian

1. Proses Login
2. Proses Input
3. Proses View
3. Proses Setting
4. Proses Edit
5. Proses Delete

Gambar 3.1 Metode Penelitian

3.2 Metode Pengumpulan Data

1. Study Pustaka

Study pustaka adalahsuatu metode pengumpulan data melalui

beberapa referensi ilmiah sesuai dengan pokok bahasan yang dibahas,

tidak secara langsung melalui subyek penelitian.

2. Study Lapangan

Berbeda dengan studi pustaka / literatur, studi lapangan ini dilakukan

dengan mengumpulkan data langsung dari subjek penelitian

22
 23

3.3 Analisis Sistem Yang Berjalan

Bagian ini akan menjelaskan cara kerja sistem pada sistem sekolah SD-

Muhammdiyah 02. Akan ada beberapa poin untuk dijelaskan. Berikut adalah

poin-poin tersebut :

1. Proses Pemasukan Data

Dalam mengelola data, baik data guru maupun data siswa, selama ini

memang susah menggunakan beberapa website seperti website yang

telah di keluarkan oleh pemerintah, akan tetapi dalam memajemen

data yang berguna untuk lingkungan sekolah masih banyak

menggunakan kertas sebagai media penyimpanan maupun juga

beberapa inputan. Dalam proses pemasukan data ini terdapat beberapa

bagian seperti :

a. Proses Pendaftara

b. Proses Absensi

c. Proses Penginputan Nilai

3.4 Analisa

3.4.1 Kelemahan Sistem Yang Berjalan

Berdasarkan beberapa paparan dari poin-poin diatas, dapat ditarik

kesimpulan bahwa SD-Muhammdiyah 02 Binjai belum memiliki System

secara internal untuk mengolah data,baik data dari guru maupun data dari

siswa. Sehingga saat ini masih membutuhkan kertas sebagai media

penyimpanan data dan memakan ruang tempat untuk penyimpanannya.

Belum lagi terdapat resiko kehilangan, seperti kehilangan data nilai,

 24

absensi. Untuk menuju sekolah yang lebih maju juga di butuhkan sebuah

System informasi yang mengenalkan sekolah tersebut kepada masyarakat.

Dan juga belum memenuhi kebutuhan sistem secara digital, yang mana

sistem digital di era saat ini sangatlah berguna untuk mempermudah

pekerjaan manusia.

3.4.2 Analisis Kebutuhan Sistem

Dari poin kelemahan sistem yang berjalan, dibutuhkan sebuah

media yang mampu menampilkan tentang sekolah. Tidak hanya itu,

diperlukan juga sebuah sistem yang mampu untuk memanajemen sistem di

sekolah, seperti misalnya mengatur guru untuk masuk di kelas mana dan

mengajar pelajaran apa. Begitu juga memanajemen siswa untuk mengatur

masuk di mana dan gurunya siapa saja. Dan untuk memenuhi kebutuhan

sistem di era digital di perlukan sebuah sistem yang dapat menyajikan

informasi tentang kehadiran dan juga nilai harian dari seorang siswa

terhadap orang tuanya. Hal ini juga berperan agar orang tua dapat

memantau anaknya dan mengarahkan anak tersebut jika terdapat

kejanggalan yang dapat dilihat dari absensi harian dan nilai hariannya

3.5 Rancangan Penelitian

Ada beberapa poin yang perlu diperhatikan. Inilah intinya Dalam

perancangan sistem, penulis menggunakan UML (Unified Model Language) untuk

 25

menggambarkan cara kerja sistem, yang terdiri dari use case, activity diagram dan

sequence diagram.

1. Use case

Use case adalah adalah aktivitas, atau interaksi berkelanjutan

antara aktor dan sistem. Terdapat tiga aktor dalam perancangan ini yaitu

administrator, member dan user. Untuk melihat apa yang dilakukan aktor-

aktor tersebut, Anda dapat melihat pada tabel di bawah ini:

Tabel 3.1 Aktor Pengguna Sistem

Aktor Peran

Administrator / Operator Memiliki hak akses penuh dalam mengelola

sistem. Baik mengelola data guru siswa
absensi dan juga postingan.

Guru Mengelola data absensi dan juga data nilai

berdasarkan kelas yang telah di tetapkan oleh
operator

Orang Tua / Wali Siswa Melihat data absensi dan juga data nilai anak
(siswa) yang terpengaruhi dari data input saat
pertama kali mendaftar.

Users Melihat langding page yang menyajikan

informasi mengenai sekolah dan juga
postingan-postingan yang telah di posting
oleh admin.
 26

Sedangkan untuk menggabarkan interaksi aktor dengan sistem dapa dilihat

pada gambar berikut ini :

Gambar 3.2 Use Case

2. Diagram Activity

Diagram activity merupakan gambaran alur suatu sistem. Dalam

rancangan aplikasi ini terdapat beberapa activity yakni sebagai berikut :

 27

a. Diagram Activity Admin

Gambar 3.3 Diagram Activity Admin

Administrator memiliki akses yang paling banyak dari pada users

yang lainnya, Administrator ini lah yang memanagement data sehingga

sistem dapat berjalan dengan baik. Lebih jelasnya administrator ini

melakukan tugas seperti menginput data siswa, menginput data guru,

menginput data group kelas, menginput data kelas dan juga menginput

data mata pelajaran yang mana data-data tersebut akan saling berkaitan

yang nantinya akan di atur pada menu setting.

 28

b. Diagram Activity Guru

Gambar 3.4 Diagram Activity Guru

Sistem yang disediakan untuk guru adalah sistem yang mampu

mengelola absensi dan nilai dari beberapa siswa yang di ajarkannya

berdasarkan kelas yang dimiliki siswa tersebut.

 29

c. Diagram Activity Orang Tua Siswa

Gambar 3.5 Diagram Activity Orang Tua

Peran orang tua dalam sistem ini yakni agar dapat melihat

perkembangan anaknya dari sisi absensi dan nilai harian berdasarkan

inputan guru pada setiap masing-masing mata pelajaran.

d. Diagram Activity User

Gambar 3.6 Diagram User

User dapat melihat informasi mengenai profile sekolah SD-

Muhammadiyah 02 Binjai dan juga dapat melihat kegiatan-kegiatan
 30

yang ada disekolah berdasarkan postingan yang sebelumnya di input

oleh administrator.

3. Class Diagram

Class diagram menggambarkan struktur dan deskripsi kelas, paket,

dan objek serta hubungan di antara mereka. Desain class diagram pada

sistem ini ditunjukkan pada gambar berikut:

Gambar 3.7 Class Diagram

4. Squences Diagram

Sequence diagram ini adalah diagram yang menggambarkan

kolaborasi dinamis antara sejumlah object. Kegunaannya untuk

menunjukkan rangkaian pesan yang dikirim antara object juga

 31

interaksi antara object. Sesuatu yang terjadi pada titik tertentu dalam

eksekusi sistem. Berikut ini adalah sequence diagram rancangan :

a. Squences Diagram Login

Gambar 3.8 Squence Login

 32

b. Squences Diagram Proses Input

Gambar 3.9 Squence Proses Input Data

c. Squence Diagram Proses Lihat Data (View)

Gambar 3.10 Squence Proses View Data

 33

d. Squence Diagram Proses Setting

Gambar 3.11 Squence Proses Setting

e. Squence Proses Edit

Gambar 3.12 Squence Proses Edit Data

 34

f. Squence Proses Delete

Gambar 3.13 Squence Delete Data

3.6 Perancangan Database

Database adalah wadah yang berisi informasi tentang satu atau lebih

objek. Informasi disimpan dalam tabel yang sering saling terkait. Dalam

perancangan sistem ini dibutuhkan 12 tabel, antara lain:

1. Tabel Users

Nama database : school

Nama tabel : users

Primary key : id
 35

Tabel 3.2 Tabel Users

No Field Name Type Size
1 id Int 11
(Primary_Key)
2 name Varchar -
3 username Varchar -
4 Email Varchar -

5 Position Varchar -

6 Password Varchar -

2. Tabel Students

Nama database : school

Nama tabel : students

Primary key : id

Tabel 3.3 Tabel Students

No Field Name Type Size
1 id Int 11
(Primary_Key)
2 name Vachar -
3 kelamin Int -
4 agama Varchar 10
5 tempat_lahir Varchar -
6 tanggal_lahir Date -

7 address Varchar -

8 status_anak Varchar

9 anak_ke Int 2
 36

10 jumlah_saudara Int 2

11 Hobi Varchar -

3. Tabel Teachers

Nama database : school

Nama tabel : teachers

Primary key : id

Tabel 3.4 Tabel Guru

No Field Name Type Size
1 id Int 11
2 name Vachar -
3 kelamin Varchar -
4 address Varchar -
5 tempat_lahir Varchar -
6 tanggal_lahir Varchar -
7 nik Int 12
8 status_kerja Varchar -
9 nip Int 15

10 phone_no Int 15
11 email Varchar -

4. Tabel Groups

Nama database : school

Nama tabel : groups

Primary key : id
 37

Tabel 3.5 Tabel Group Kelas

No Field Name Type Size
1 id Int 11
2 name Vachar -

5. Tabel Levels

Nama database : school

Nama tabel : levels

Primary key : id

Tabel 3.6 Tabel Kelas

No Field Name Type Size
1 id Int 11
2 name Vachar -
3 id_group Int 11

6. Tabel Studies

Nama database : school

Nama tabel : studies

Primary key : id

Tabel 3.7 Tabel Mata Pelajaran

No Field Name Type Size
1 id Int 11
2 name Vachar -
 38

7. Tabel Set Students

Nama database : school

Nama tabel : set_students

Primary key : id

Tabel 3.8 Tabel Setting Students

No Field Name Type Size
1 id Int 11
2 id_student Int 11
3 id_kelas Int 11

8. Tabel Set Teachers

Nama database : school

Nama tabel : set_teachers

Primary key : id

Tabel 3.9 Tabel Setting Teachers

No Field Name Type Size

1 id Int 11

2 Id_teacher Int 11

3 id_study Int 11

4 id_kelas Int 11

9. Tabel Absens

Nama database : school

Nama tabel : absens

Primary key : id
 39

Tabel 3.10 Tabel Absens

No Field Name Type Size
1 id Int 11
2 id_student Int 11
3 id_study Int 11
4 absen Varchar -

10. Tabel Scores

Nama database : school

Nama tabel : scores

Primary key : id

Tabel 3.11 Tabel Scores

No Field Name Type Size
1 id Int 11
2 id_student Int 11
3 id_study Int 11
4 nilai Varchar -

11. Tabel Posts

Nama database : school
Nama tabel : posts
Primary key : id
Tabel 3.12 Tabel Posts
No Field Name Type Size
1 id Int 11
2 title Varchar -
3 content Text -
4 created_by Varchar -
 40

3.7 Perancangan Antar Muka

Perancangan antarmuka bertujuan untuk memudahkan interaksi antara

pengguna dengan sistem yang akan dirancang. Didesain sesederhana mungkin

agar pengguna tidak kebingungan saat menggunakan sistem.

1. Perancangan Tampilan Admin

a. Login

Gambar 3.14 Rancangan Login Admin

b. Dashboard

Gambar 3.15 Rancangan Dashboard

 41

c. Siswa

Gambar 3.16 Rancangan Form Input Siswa

d. Guru

Gambar 3.17 Rancangan Kelola Data Guru

 42

e. Input Data Guru

Gambar 3.18 Rancangan Input Data Guru

f. Group

Gambar 3.19 Rancangan Kelola Data Group

 43

g. Input Group

Gambar 3.20 Rancangan Input Group

h. Kelas

Gambar 3.21 Rancangan Kelola Data Kelas

 44

i. Input Kelas

Gambar 3.22 Rancangan Form Input Kelas

j. Mata Pelajaran

Gambar 3.23 Rancangan Kelola Data Pelajaran

 45

k. Input Pelajaran

Gambar 3.24 Rancangan Form Input Pelajaran

l. Setting Siswa

Gambar 3.25 Rancangan Form Setting Siswa

 46

m. Input Edit Data Guru

Gambar 3.26 Rancangan Form Edit Data Guru

n. Setting Guru

Gambar 3.27 Rancangan Settingan Guru

 47

o. Postingan

Gambar 3.28 Rancangan List Postingan

p. Input Postingan

Gambar 3.29 Rancangan Form Input Postingan

 48

2. Rancangan Tampilan Guru

a. Rancangan Absensi Perkelas

Gambar 3.30 Rancangan Form Absensi Perkelas

b. Rancagan Form Absensi

Gambar 3.31 Rancangan Form Absensi

 49

c. Rancangan Nilai Perkelas

Gambar 3.32 Rancangan Tampilan Perkelas

d. Rancangan Form Input Nilai

Gambar 3.33 Rancangan Form Input Nilai

 50

3. Rancangan Tampilan Parent

a. Rancangan Nilai Permata Pelajaran

Gambar 3.34 Tampilan Nilai Permata Pelajaran

b. Rancangan Data Absensi Siswa

Gambar 3.35 Tampilan Data Absensi Siswa

 51

c. Rancangan Data Nilai

Gambar 3.36 Rancangan Tampilan Nilai

 52

4. Rancangan Tampilan Postingan

Gambar 3.37 Rancangan Form Postingan