25
BAB III ANALISA DAN PERANCANGAN SISTEM 3.1.
Analisa Sistem Berjalan Berdasarkan latar belakang dan rumusan masalah yang ada, untuk merancang suatu aplikasi yang baik diperlukan beberapa persiapan seperti menentukan kebutuhan dari aplikasi yang akan kita buat agar sistem dapat berjalan sesuai kriteria yang diinginkan. Salah satunya ialah merancang aplikasi Sistem Informasi Akademik Sekolah agar mudah dimengerti. Seperti yang kita ketahui penggunaan perangkat handphone kini tidaklah lagi berfungsi hanya untuk telepon atau SMS ( Short Messege Service ) saja. Banyak fitur yang bisa digunakan seperti
membuka internet,
mendengarkan musik, foto serta fitur-fitur canggih lainnya, termasuk dalam lingkungan sekolah pengaksesan sistem informasi akademik biasa nya melalui web browser dengan menggunakan perangkat seperti laptop atau komputer sehingga dinilai kurang efektif dan efisien. 3.2.
Rancangan Sistem Yang Diusulkan Perancangan sistem perangkat lunak dideskripsikan dengan model analisis menggunakan diagram usecase, Activity, Sequence dan Class, serta dilanjutkan dengan model desain. Analisis digunakan untuk pemetaan awal mengenai perilaku yang diisyaratkan sistem aplikasi kedalam elemen-elemen pemodelan. Untuk membantu perancangan dan melengkapi dokumentasi perancangan, digunakan Microsoft Visio yang mendukung perancangan dengan basis UML.
25
26
3.2.1. Use Case Diagram
Lihat Jadwal Pelajaran
Lihat Nilai
Siswa
Lihat Profil Siswa
Lihat Kalender Akademik
Memberikan Nilai Siswa
Guru
Lihat Profil Guru
Gambar 3.1 Use Case Diagram Sistem Usulan
27
Table 3.1 Use Case Lihat Jadwal Pelajaran Nama Use Case Aktor Deskripsi Tindakan
Use Case Lihat Jadwal Pelajaran Siswa Siswa Dapat Melihat Jadwal Pelajaran Siswa dapat mengetahui jadwal pelajaran
Table 3.2 Use Case Lihat Nilai Nama Use Case Aktor Deskripsi Tindakan
Use Case Lihat Nilai Siswa Siswa Dapat Melihat Nilai Siswa dapat melihat nilai hasil studi
Table 3.3 Use Case Lihat Profil Siswa Nama Use Case Aktor Deskripsi Tindakan
Use Case Lihat Profil Siswa Siswa Siswa Dapat Melihat Profil Siswa Terdapat profil masing-masing siswa
Table 3.4 Use Case Lihat Kalender Akademik Nama Use Case Aktor Deskripsi Tindakan
Use Case Lihat Kalender Akademik Guru dan Siswa Guru Dapat Melihat Kalender Akademik Guru dapat melihat kalender akademik sekolah
Table 3.5 Use Case Memberikan Nilai Siswa Nama Use Case Aktor Deskripsi Tindakan
Use Case Memberikan Nilai Siswa Guru Guru Dapat Memberikan Penilaian Kesiswa Guru dapat memberikan nilai kepada siswa
Table 3.6 Use Case Lihat Profil Guru Nama Use Case Aktor Deskripsi Tindakan
Use Case Lihat Profil Guru Guru Guru dapat melihat profil guru Guru dapat melihat profil guru
28
3.2.2. Activity Diagram Lihat Jadwal Pelajaran
Siswa start
Login
Lihat Jadwal Pelajaran
end
Gambar 3.2 Activity Diagram Lihat Jadwal Pelajaran Table 3.7 Keterangan Activity Diagram Lihat Jadwal Pelajaran Nama Deskripsi
Activity Diagram Lihat Jadwal Pelajaran Siswa login lalu pilih menu lihat jadwal pelajaran jika ingin melihat jadwal pelajaran siswa.
29
3.2.3. Activity Diagram Lihat Nilai
Siswa start
Login
Lihat Nilai
end
Gambar 3.3 Activity Diagram Lihat Nilai Table 3.8 Keterangan Activity Diagram Lihat Nilai Nama Deskripsi
Activity Diagram Lihat Nilai Siswa login lalu pilih menu lihat nilai jika ingin melihat nilai pelajaran siswa.
30
3.2.4. Activity Diagram Lihat Profil Siswa
Siswa start
Login
Lihat Profil Siswa
end
Gambar 3.4 Activity Diagram Lihat Profil Siswa Table 3.9 Keterangan Activity Diagram Lihat Profil Siswa Nama Deskripsi
Activity Diagram Lihat Profil Siswa Siswa login lalu pilih menu profil siswa jika ingin melihat profil siswa.
31
3.2.5. Activity diagram Lihat Kalender Akademik
Siswa dan Guru start
Login
Search
Lihat Kalender Akademik
Gambar 3.5 Activity Diagram Lihat Kalender Akademik Table 3.10 Keterangan Activity Diagram Lihat Kalender Akademik Nama
Activity Diagram Lihat Kalender Akademik
Deskripsi
Guru Login lalu pilih menu kalender akademik kemudian search event yang ada, barulah bisa melihat kalender akademik
32
3.2.6. Activity Diagram Memberikan Nilai Siswa
Guru start
Login
Search Nis
Search Mata Pelajaran
Memberikan nilai siswa
Gambar 3.6 Activity Diagram Memberikan Nilai Siswa Table 3.11 Keterangan Activity Diagram Memberikan Nilai Siswa Nama
Activity Diagram Memberikan Nilai Siswa
Deskripsi
Guru Login lalu pilih menu Memberikan nilai kemudian search nis dan mata pelajaran untuk memberikan nilai kepada siswa
33
3.2.7. Activity Diagram Lihat Profil Guru
Guru start
Login
Lihat Profil Guru
end
Gambar 3.7 Activity Diagram Lihat Profil Guru Table 3.12 Keterangan Activity Diagram Lihat Profil Guru Nama
Activity Diagram Lihat Profil Guru
Deskripsi
Guru Login lalu pilih lihat profil guru untuk melihat profil guru
34
3.2.8. Sequence Diagram Lihat Jadwal Pelajaran
Menu Utama Siswa
Lihat Jadwal Pelajaran
Siswa
Open() Lihat Jadwal Pelajaran Tampil Form Lihat Jadwal Pelajaran
Gambar 3.8 Sequence Lihat Jadwal Pelajaran Table 3.13 Keterangan Sequence Diagram Lihat Jadwal Pelajaran Nama
Sequence Diagram Lihat Jadwal Pelajaran
Deskripsi
Siswa masuk kedalam menu utama siswa, kemudian sistem akan merespon untuk mengambil data yang ada dan barulah muncul form lihat jadwal pelajaran dan kemudian ditampilkan untuk siswa.
35
3.2.9. Sequence Diagram Lihat Nilai
Menu Utama Siswa
Nilai
Siswa Open ()
lihat Nilai
Tampil Form Lihat Nilai
Gambar 3.9 Sequence Lihat Nilai Table 3.14 Keterangan Sequence Diagram Lihat Nilai Nama
Sequence Diagram Lihat Nilai
Deskripsi
Siswa masuk kedalam menu utama siswa, kemudian sistem akan merespon untuk mengambil data yang ada dan barulah muncul form lihat nilai yang kemudian ditampilkan ke siswa
36
3.2.10. Sequence Diagram Lihat Profil Siswa
Menu Utama Siswa
Profil Siswa
Siswa Open()
Lihat Profil Siswa
Tampil Form Lihat Profil Siswa
Gambar 3.10 Sequence Lihat Profil Siswa Table 3.15 Keterangan Sequence Diagram Lihat Profil Siswa Nama
Sequence Diagram Lihat Profil Siswa
Deskripsi
Siswa masuk kedalam menu utama siswa, kemudian sistem akan merespon untuk mengambil data yang ada dan barulah muncul form lihat profil siswa yang kemudian ditampilkan ke siswa.
37
3.2.11. Sequence Diagram Lihat Kalender akademik
Menu Utama Siswa
Search
Kalender Akademik
Siswa Open()
Entry Event
lihat Kalender Akademik
Tampilkan Form Kalender Akademiik
Gambar 3.11 Sequence Diagram Kalender akademik Table 3.16 Keterangan Sequence Diagram kalender akademik Nama
Sequence Diagram kalender akademik
Deskripsi
Siswa masuk kedalam menu utama siswa, kemudian muncul kotak search event lalu sistem akan mengambil data yang ada dan barulah muncul form data kalender akademik yang kemudian ditampilkan ke siswa
38
3.2.12. Sequence Diagram Lihat Kalender akademik
Menu Utama Guru
Search
Kalender Akademik
Guru Open()
Entry Event
lihat Kalender Akademik
Tampilkan Form Kalender Akademiik
Gambar 3.12 Sequence Diagram Kalender akademik Table 3.17 Keterangan Sequence Diagram kalender akademik Nama
Sequence Diagram kalender akademik
Deskripsi
Guru masuk kedalam menu utama guru, kemudian muncul kotak search event lalu sistem akan mengambil data yang ada dan barulah muncul form data kalender akademik yang kemudian ditampilkan ke siswa
39
3.2.13. Sequence Diagram Memberikan Nilai Siswa
Menu Utama
Guru
Search Siswa
Search Mata Pelajaran
Nilai
Open()
Masukan Keyword Nis Masukan Keyword Mata Pelajaran
Add Nilai Siswa
Gambar 3.13 Sequence Diagram Memberikan Nilai Siswa Table 3.18 Keterangan Sequence Diagram Memberikan Nilai Siswa Nama
Sequence Diagram Memberikan Nilai Siswa
Deskripsi
Guru masuk kedalam menu utama guru, kemudian muncul kotak search nis dan search mata pelajaran dan form nilai kemudian masukan nilai siswa.
40
3.2.14. Sequence Diagram Profil Guru
Menu Utama Guru
Profil Guru
Siswa Open()
Lihat Profil Guru
Tampil Form Lihat Profil Guru
Gambar 3.14 Sequence Diagram Lihat Profil Guru Table 3.19 Keterangan Sequence Diagram Lihat Profil Guru Nama
Sequence Diagram Lihat Profil Guru
Deskripsi
Guru masuk kedalam menu utama guru, kemudian sistem akan merespon untuk mengambil data yang ada dan barulah muncul form lihat profil guru yang kemudian ditampilkan ke guru
41
3.3.
Class Diagram Hari 1..* Siswa
Jadwal
-Nis -Password -Nama_Siswa -tempat_Lahir -Tgl_lahir -Alamat -Kelas -Semester -Jenis Kelamin -Agama -Foto +Tambah() +Edit() +Hapus() «signal»-Melihat Profil Siswa() «signal»-Melihat Nilai() «signal»-Melihat Jadwal Pelajaran() «signal»-Melihat Kalender Akademik()
-Id_Jadwal -Id_Hari -Nip -Id_Pelajaran -Id_Kelas +Tambah() +Edit() +Hapus()
1..* 1..*
1..*
Pelajaran 1..* 1..*
1..*
Nilai
1..* 1..*
-Id_Pelajaran -Nama_Pelajaran +Tambah() +Hapus()
Kelas
1..*
1..*
-id_hari -hari +Hapus()
-Nis -Id_Mapel -Nilai +Tambah() +Edit() +Hapus()
-Id_Kelas -Nama_Kelas +Tambah() +Hapus()
Guru
1..*
1..* 1..*
1..* Mapel
Kalender -id_kalender -tema -isi_kegiatan -tempat -pengirim -tgl_mulai -tgl_selesai -tgl_posting -jam +Tambah() +Edit() +Hapus()
1..*
-Id_Mapel -Kd_mapel -Nama_Mapel -Kkm +Tambah() +Edit() +Hapus()
-Nip -Password -Nama_Guru -Tempat_Lahir -Tgl_lahir -Alamat -Golongan -Jabatan -Hp -Jenis Kelamin -Agama -Foto +Tambah() +Edit() +Hapus() «signal»-Melihat Profil Guru() «signal»-Memberikan Nilai() «signal»-Melihat Kalender Akademik()
1..*
1..*
Gambar 3.15 Class Diagram
42
3.4.
Spesifikasi Basis Data Selanjutnya dilakukan spesifikasi basis data yang terbentuk dari class diagram
yang telah dibangun. Spesifikasi basis data yang dimaksud adalah sebagai berikut :
1. Nama Table Primary key No
: Siswa : Nis
Nama Field
Tipe data
Length
Keterangan
1
Nis
Varchar
10
Nomer Induk Siswa
2
Password
Varchar
50
Password Login
3
Nama_Siswa
Varchar
35
Nama Siswa
4
Tempat_Lahir
Varchar
35
Tempat Lahir
5
Tgl_Lahir
Date
10
Tanggal lahir
6
Alamat
Text
50
Alamat Rumah
7
Kelas
Varchar
10
Tingkat Siswa
8
Semester
Int
2
Jumlah Semester
9
Jenis_Kelamin
Varchar
15
Jenis Kelamin
10
Agama
Varchar
20
Agama Siswa
11
Foto
Varchar
40
Foto Siswa
2
Nama Table
: Guru
Primary key
: Nip
No
Nama Field
Tipe data
Length
Keterangan
1
Nip
Varchar
10
Nomer Induk Pegawai
2
Password
Varchar
50
Password Login
3
Nama_Guru
Varchar
35
Nama Guru
4
Tempat_Lahir
Varchar
35
Tempat Lahir
5
Tgl_Lahir
Date
10
Tanggal lahir
6
Alamat
50
Alamat Rumah
Text
43
7
Golongan
Varchar
10
Golongan
8
Jabatan
Int
40
Jabatan Guru
9
hp
Varchar
15
Nomer Hp Guru
9
Jenis_Kelamin
Varchar
15
Jenis Kelamin
10
Agama
Varchar
20
Agama
11
Foto
Varchar
40
Foto Guru
3
Nama Tabel
: Kalender
Primary key
: Id_Kalender
No
Nama Field
Tipe data
Length
Keterangan
1
Id_Kalender
Int
5
Kode Kalender
2
Tema
Varchar
30
Tema Kalender
3
Isi_Kegiatan
Text
50
Isi Kegiatan
4
Tempat
Varchar
20
Tempat Acara
5
Pengirim
Varchar
25
Pengirim
6
Tgl_Mulai
Date
10
Tanggal Mulai Kalender
7
Tgl_Selesai
Date
10
Tanggal Selesai Kalender
8
Tgl_Posting
Date
10
Tanggal Posting Kalender
9
Jam
Varchar
12
Jam Kegiatan
4
Nama Tabel
: Nilai
Primary key
: Nis
No
Nama Field
Tipe data
Length
Keterangan
1
Nis
Varchar
10
Nomer Induk Siswa
2
Id_Mapel
Int
10
ID mata Pelajaran
3
Nilai
Decimal
5.5
Nilai Siswa
44
5
Nama Tabel
: Mapel
Primary key
: Id_Mapel
No
Nama Field
Tipe data
Length
Keterangan
1
Id_Mapel
Int
10
Id Mata Pelajaran
2
Kd_Mapel
Varchar
5
Kode Mata Pelajaran
3
Nama_Mapel
Varchar
40
Nama Pelajaran
4
Kkm
Int
3
Keterangan Kelulusan
6
Nama Tabel
: Jadwal
Primary key
: Id_Jadwal
No
7
Nama Field
Tipe data
Length
Keterangan
1.
Id_Jadwal
Int
10
Id Jadwal
2.
Id_Hari
Int
4
Id Hari
3.
Nip
Int
10
Nomer Induk Pegawai
4.
Id_Pelajaran
Int
3
Id Pelajaran
5.
Id_Kelas
Int
3
Id Kelas
Nama Tabel
: Hari
Primary key
: Id_Hari
No
Nama Field
Tipe data
Length
Keterangan
1
Id_Hari
Int
4
Peringkat Nilai
2
Hari
Varchar
6
Nomer Induk Siswa
45
8
Nama Tabel
: Pelajaran
Primary key
: Id_Pelajaran
No
Nama Field
Tipe data
Length
Keterangan
1
Id_Pelajaran
Id
3
Kode Kalender akademik
2
Nama_Pelajaran
Varchar
50
Informasi Kalender
9
No
Nama Tabel
: Catatan_Siswa
Primary key
: Id_Kelas
Nama Field
Tipe data
Length
Keterangan
1
Id_Kelas
Int
3
Kde catatan Siswa
1
Nama_Kelas
Varchar
10
Waktu Catatan
3.5.
Perancangan Antar Muka Setelah melakukan analisah terhadap kebutuhan yang ada. Penulis akan
memulai untuk merancang aplikasi system informasi akademik sekolah yang akan dibangun. Secara umum penulis akan merancang aplikasi dengan harapan sebagai berikut : a. Merancang aplikasi yang memiliki menu user
friendly sehingga mudah
digunakan. b. Pembuatan menu dibuat lebih menarik sehingga memiliki daya tarik yang kuat.
46
3.5.1
Rancangan Layar Menu Utama
Status Bar Nama Aplikasi
Siswa Guru
Gambar 3.16 Tampilan Menu Utama
47
3.5.2
Rancangan Layar Menu Login
Status Bar Nama Aplikasi
Username
Passwoard
Gambar 3.17 Rancangan Menu Login
48
3.5.3
Rancangan Layar Menu Siswa
Status Bar Nama Aplikasi Melihat Kalender Akademik Melihat Jadwal Pelajaran Melihat Nilai Profil Siswa Logout
Gambar 3.18 Rancangan Layar Menu Siswa
49
3.5.4
Rancangan Layar Menu Guru
Status Bar Nama Aplikasi Melihat Kalender Akademik Melihat Nilai Profil Guru Logout
Gambar 3.19 Rancangan Layar Menu Guru
50
3.5.5
Rancangan Layar Beri Nilai Siswa
Status Bar Nama Aplikasi
Pilih Siswa Search
Pilih Mata Pelajaran Search
Entry Nilai
Clear Data
Gambar 3.20 Rancangan Layar Beri Nilai