commit to user
12
BAB III DESAIN DAN PERANCANGAN
3.1. Perancangan
Perancangan sistem informasi ini digambarkan dengan SRS dan diagram- diagram UML yang dibuat dengan menggunakan software Rational Rose. UML
terdiri atas 8 diagram, tetapi penulis hanya melibatkan 4 diagram, antara lain, Use Case Diagram, Class Diagram, Activity Diagram dan Sequence Diagram.
Kemudian database yang dibutuhkan dalam perancangan sistem informasi ini, dan digambarkan dengan Entity Relational Diagram.
3.2 System Requirement Specification SRS
Tabel SRS adalah tabel yang berisi aktifitas yang dapat dilakukan oleh user terhadap sistem.
3.2.1 SRS Fungsional
Tabel 3.1 SRS Fungsional Kode
Deskripsi SRS-TF01
Admin dapat mengubah data profile. SRS-TF02. Admin dapat mengelola data guru.
SRS-TF03. Admin dapat mengelola data siswa. SRS-TF04. Admin dapat mengelola data pengajaran
SRS-TF05. Admin dapat mengelola data mata pelajaran. SRS-TF06. Admin dapat mengelola data kelas.
SRS-TF07. Admin dapat mengelola data tahun ajar. SRS-TF08. Admin dapat melihat data nilai.
SRS-TF09. Admin dapat melihat transkip nilai. SRS-TF10
Admin dapat mencetak transkip nilai SRS-TF11. Guru dapat mengelola data profile.
SRS-TF12. Guru dapat melihat data guru. SRS-TF13. Guru dapat melihat data siswa.
SRS-TF14. Guru dapat mengelola data nilai. SRS-TF15. Guru dapat melihat transkip nilai.
SRS-TF16 Guru dapat mencetak transkip nilai
commit to user 13
SRS-TF17. Siswa dapat mengelola data profile. SRS-TF18. Siswa dapat melihat data guru.
SRS-TF19. Siswa dapat melihat data siswa. SRS-TF20
Siswa dapat mengelola data nilai. SRS-TF21
Siswa dapat melihat transkip nilai. SRS-TF22
Siswa dapat mencetak transkip nilai
3.2.2 SRS Non-Fungsional
Tabel 3.2 Tabel SRS Non-Fungsional Kode
Deskripsi SRS-TNF01
Admin, guru dan siswa dapat melakukan login SRS-TNF02
Admin, guru dan siswa dapat melakukan logout
3.3. Diagram Unified Modeling Language UML
Diagram UML yang digunakan dalam pembuatan sistem informasi ini adalah Use Case Diagram, Class Diagram, Activity Diagram dan Sequence
Diagram.
3.3.1. Use Case Diagram
Use Case Diagram merupakan gambaran dari tabel SRS dalam bentuk diagram. Use Case Diagram juga memperlihatkan interaksi antara Use Case
Actor dan mewakili fungsionalitas sistem, kebutuhan sistem dari sudut pandang user, serta menjelaskan aktivitas yang bisa dilakukan oleh user terhadap sistem,
dan digambarkan sebagai berikut : a.
Data Profile. Diagram use case data Profile dapat dilihat pada gambar 3.1 :
commit to user 14
Gambar 3.1. Use Case Diagram Data Profile b.
Data Guru Diagram use case data guru dapat dilihat pada gambar 3.2 :
Gambar 3.2. Use Case Diagram Data Guru c.
Use Case Data Siswa Diagram use case siswa dapat dilihat pada gambar 3.3 :
Gambar 3.3. Use Case Diagram Data Siswa
commit to user 15
d. Use Case Diagram Data Pengajaran
Diagram use case data pengajaran dapat dilihat pada gambar 3.4 :
Gambar 3.4. Use Case Diagram Data Pengajaran e.
Use Case Diagram Data Mata Pelajaran Diagram use case data mata pelajaran dapat dilihat pada gambar 3.5 :
Gambar 3.5. Use Case Diagram Data Mata Pelajaran f.
Use Case Diagram Data Kelas Diagram use case data kelas dapat dilihat pada gambar 3.6 :
commit to user 16
Gambar 3.6. Use Case Diagram Data Kelas g.
Use Case Diagram Data Tahun Ajar Diagram use case data tahun ajar dapat dilihat pada gambar 3.7 :
Gambar 3.7. Use Case Diagram Data Tahun Ajar.
h. Use Case Diagram Data Nilai
Diagram use case data nilai dapat dilihat pada gambar 3.8 :
commit to user 17
Gambar 3.8. Use Case Diagram Data Nilai.
3.3.2 Class Diagram
Class diagram dapat digunakan untuk memberikan pandangan global atas sebuah sistem, yang dapat dilihat dari class-class yang ada dan relasinya satu
dengan yang lainnya. Class diagram yang digunakan dapat digambarkan sebagai berikut :
a. Class Boundary
Diagram class boundary dapat dilihat pada gambar 3.9 :
Gambar 3.9. Class Boundary
b. Class Control
Diagram class control dapat dilihat pada gambar 3.10 :
Gambar 3.10. Class Control
commit to user 18
c. Class Entity
Diagram class entity dapat dilihat pada gambar 3.11 :
Gambar 3.11. Class Entity
commit to user 19
3.3.3 Activity Diagram
a. Activity Admin
Gambar 3.12. Activity Admin
commit to user 20
b. Activity Guru
Gambar 3.13. Activity Guru
c. Activity Siswa.
Gambar 3.14. Activity Siswa
commit to user 21
3.3.4. Sequence Diagram
Sequence Diagram digunakan untuk menggambarkan perilaku pada sebuah proses. Kegunaannya untuk menunjukkan rangkaian pesan yang
dikirim antar objek, Sequence diagram dapat digambarkan sebagai berikut : a.
Sequence Diagram Login Diagram sequence login dapat dilihat pada gambar 3.15 :
Gambar 3.15 Sequence Diagram Login b.
Sequence Diagram Insert Guru Diagram sequence insert guru dapat dilihat pada gambar 3.16 :
commit to user 22
Gambar 3.16. Sequence Diagram Insert Guru
commit to user 23
c. Sequence Diagram Update Guru
Diagram sequence update guru dapat dilihat pada gambar 3.17 :
Gambar 3.17. Sequence Diagram Update Guru
commit to user 24
d. Sequence Diagram View Siswa
Diagram sequence view siswa dapat dilihat pada gambar 3.18 :
Gambar 3.18. Sequence Diagram View Siswa
e. Sequence Diagram insert Siswa
Diagram sequence insert siswa dapat dilihat pada gambar 3.19:
commit to user 25
Gambar 3.19. Sequence Diagram Insert Siswa
commit to user 26
f. Sequence Diagram Update Siswa
Diagram sequence update siswa dapat dilihat pada gambar 3.20 :
Gambar 3.20. Sequence Diagram Update Siswa.
g. Sequence Diagram View Pengajaran
Diagram sequence view pengajaran dapat dilihat pada gambar 3.21 :
commit to user 27
Gambar 3.21. Sequence Diagram View Pengajaran. h.
Sequence Diagram Insert Pengajaran Diagram sequence insert pengajaran dapat dilihat pada gambar 3.22 :
commit to user 28
Gambar 3.22. Sequence Diagram Insert Pengajaran.
i. Sequence Diagram Update Pengajaran
Diagram sequence update pengajaran dapat dilihat pada gambar 3.23 :
Gambar 3.23. Sequence Diagram Update Pengajaran
commit to user 29
j. Sequence Diagram Insert Mata Pelajaran
Diagram sequence insert mata pelajaran dapat dilihat pada gambar 3.24.
Gambar 3.24. Sequence Diagram Insert Mata Pelajaran.
k. Sequence Diagram Update Mata Pelajaran
Diagram sequence Update mata pelajaran dapat dilihat pada gambar:
Gambar 3.25. Sequence Diagram Update Mata Pelajaran.
commit to user 30
l. Sequence Diagram Insert Kelas
Diagram sequence insert kelas dapat dilihat pada gambar 3.26.
Gambar 3.26. Sequence Diagram Insert Kelas m.
Sequence Diagram Update Kelas Diagram sequence update kelas dapat dilihat pada gambar 3.27
Gambar 3.27. Sequence Diagram Update Kelas.
commit to user 31
n. Sequence Diagram Update Tahun Ajar
Diagram sequence update tahun ajar dapat dilihat pada gambar 3.28.
Gambar 3.28. Sequence Diagram Update Tahun Ajar. o.
Sequence Diagram Update Semester Diagram sequence update semester dapat dilihat pada gambar 3.29.
Gambar 3.29. Sequence DiagramUpdate Semester.
commit to user 32
p. Sequence Diagram View Nilai
Diagram sequencet view nilai dapat dilihat pada gambar 3.30.
Gambar 3.30. Sequence DiagramView Nilai.
commit to user 33
q. Sequence Diagram Insert Nilai
Diagram sequencet insert nilai dapat dilihat pada gambar 3.31.
Gambar 3.31. Sequence DiagramInsert Nilai.
r. Sequence Diagram Update Nilai
Diagram sequencet update nilai dapat dilihat pada gambar 3.32.
Gambar 3.32. Sequence DiagramUpdate Nilai.
commit to user 34
s. Sequence Diagram View Transkrip Nilai
Diagram sequencet view transkrip nilai dapat dilihat pada gambar 3.33.
Gambar 3.33. Sequence DiagramView Transkrip Nilai.
3.4. Analisa dan Perancangan Database
3.4.1 Entity Relationship Diagram ERD
Entity Relationship Diagram menggambarkan hubungan antar entitas yang ada pada sistem ini. Entity Relationship Diagram dapat dilihat pada gambar 3.38.
commit to user 35
Gambar 3.34 Entity Relationship Diagram
commit to user 36
3.4.2 Skema Diagram
Gambar 3.35 Skema Diagram
3.4.3 Rancangan Database
Dalam pembuatan system ini diperlukan adanya suatu basis data yang digunakan untuk menyimpan seluruh informasi dan data. Perancangan basis data
untuk sistem penilaian adalah sebagai berikut:
1. Tabel Users
Key : id_user Tabel 3.3 Tabel Anggota
Field Type
Id_user TinyInt4
commit to user 37
Username varchar 32
Password varchar 32
Ni Varchar20
Level enu
m ‘1’, ‘2’,’3’
2. Tabel Admin
Primary Key : nip Tabel 3.4 Tabel Admin
Field Type
Nip varchar 20
Nama_lengkap varchar 50
Jenis_kelamin enum ‘Laki-Laki’,
‘Perempuan’ Agama
enum ‘Islam, ‘Kristen’, ‘Khatolik’,’Hindu,’Budha’
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar 10
commit to user 38
3. Tabel Guru
Primary Key : nip Tabel 3.5 Tabel Guru
Field Type
Nip varchar 20
Nama_lengkap varchar 50
Jenis_kelamin enum ‘Laki-Laki’, ‘Perempuan’
Agama enum ‘Islam, ‘Kristen’,
‘Khatolik’,’Hindu,’Budha’ Alamat
Text Tempat_lahir
Text Tanggal_lahir
varchar 10
4. Tabel Siswa
Primary Key : nis Tabel 3.6 Tabel Siswa
Field Type
Nis varchar 20
Nama_lengkap varchar 50
Jenis_kelamin enum ‘Laki-Laki’,
‘Perempuan’ Agama
enum ‘Islam, ‘Kristen’, ‘Khatolik’,’Hindu,’Budha’
commit to user 39
Alamat Text
Tempat_lahir Text
Tanggal_lahir varchar 10
Id_kelas TinyInt4
Id_angkatan TinyInt4
5. Tabel Angkatan
Primary Key : id_angkatan Tabel 3.7 Tabel Angkatan
Field Type
Id_angkatan TinyInt4
Angkatan varchar 9
6. Tabel Mengajar
Primary Key : id_mengajar Tabel 3.8 Tabel Mengajar
Field Type
id_mengajar int11
Id_mapel TinyInt4
Nip varchar 20
Id_kelas TinyInt4
Id_tahun_ajar TinyInt4
Batas_tuntas Float100,2
commit to user 40
7. Tabel Mapel
Primary Key : id_mapel Tabel 3.9 Tabel Mapel
Field Type
Id_mapel TinyInt4
Nama_mapel Varchar20
8. Tabel Tahun_Ajar
Primary Key : id_tahun_ajar Tabel 3.10 Tabel Tahun_Ajar
Field Type
id_tahun_ajar TinyInt4
tahun_ajar varchar 10
9. Tabel Semester
Primary Key : id_semester Tabel 3.11 Tabel Semester
Field Type
id_semester TinyInt1
Status varchar 1
commit to user 41
10. Tabel Kelas
Primary Key : id_kelas
Tabel 3.12 Tabel Kelas
Field Type
Id_kelas TinyInt3
Kelas Varchar 20
Nip Varchar 20
11. Tabel Test
Primary Key : id_test Tabel 3.13 Tabel Test
Field Type
id_test TinyInt4
nama_test varchar 10
12. Tabel Nilai
Primary Key : id_nilai Tabel 3.14 Tabel Nilai
Field Type
id_nilai Int11
Nis varchar 20
jenis_test TinyInt4
id_test TinyInt4
commit to user 42
Nilai float
100,2
id_mapel TinyInt4
Id_semester TinyInt1
id_tahun_ajar TinyInt4
Id_kelas TinyInt2
3.5. Desain Tampilan
3.5.1. Tampilan Halaman Login
Untuk masuk ke sistem informasi Penilaian user harus login terlebih dahulu dengan username dan password yang sesuai dengan hak akses dari masing-
masing User. Terdapat tiga hak akses user yang dapat login ke sistem informasi, yaitu admin, guru, dan siswa. Gambar 3.40 berikut ini adalah gambar tampilan
halaman login .
Gambar 3.36. Gambar Tampilan Halaman Login
3.5.2. Tampilan Halaman Utama
Halaman utama adalah halaman yang dapat diakses setelah user melakukan aktivitas login. Halaman ini berisi sambutan kepada user. Gambar berikut ini
adalah tampilan halaman utamanya.
commit to user 43
Gambar 3.36 Gambar Tampilan Halaman Utama
Gambar 3.37. Gambar Tampilan Halaman Utama untuk Admin
Gambar 3.38. Gambar Tampilan Halaman Utama untuk Guru dan Siswa.
3.5.3. Halaman Profile
Halaman ini menampilkan data diri dari user. Di halaman ini terdapat tombol ubah untuk merubah data profile. Gambar berikut ini adalah tampilan
halaman profile.
Logout Semester
Logout Kelas
Pengajaran Guru
Sistem Pengolahan Nilai Pondok Pesantren Nurul Huda
Profile
Siswa
Mata Pelajaran
Tahun Ajar
Nilai
KONTENT
Guru
Sistem Pengolahan Nilai Pondok Pesantren Nurul Huda
Profile
Siswa Nilai
KONTENT
commit to user 44
Gambar 3.39. Gambar Tampilan Halaman Detail Profile
Gambar 3.40. Gambar Tampilan Halaman Update Profile
3.5.4. Halaman Guru
Halaman ini menampilkan data Guru yang terdapat di Podok Pesantre Nurul Huda. Di halaman ini terdapat tombol view untuk melihat detail data guru dan
tombol tambah data yang hanya dapat digunakan admin untuk menambah data Guru. Gambar berikut ini adalah tampilan halaman guru.
Profile
Username :
Password :
NI :
Nama :
Jenis Kelamin : Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
:
Profile Update
Username :
Password :
NI :
Nama :
Jenis Kelamin : Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
:
update
batal
commit to user 45
Gambar 3.41. Gambar Tampilan Halaman Guru.
Gambar 3.42 Gambar Tampilan Halaman Detail Guru.
Guru
NO NIP
NAMA JENIS KELAMIN
ALAMAT ACTION
Tambah data
Guru View
Batal Update
Username : Password :
NIP
: Nama
: Jenis Kelamin :
Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
:
commit to user 46
Gambar 3.43. Gambar Tampilan Halaman Tambah Guru.
Gambar 3.44. Gambar Tampilan Halaman Update Guru.
Guru Tambah Data
batal
NIP :
Nama :
Jenis Kelamin : Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
:
Simpan
Guru Update
batal
Username : Password
: NIP
: Nama
: Jenis Kelamin :
Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir :
Simpan
commit to user 47
3.5.5. Halaman Siswa.
Halaman ini menampilkan data siswa yang terdapat di Pondok Pesantren Nurul Huda. Untuk melihat data siswa, kita harus memilih kelas dan angkatan
terlebih dahulu. Di halaman ini terdapat tombol view untuk melihat detail data pengajaran dan tombol tambah data yang hanya dapat digunakan admin untuk
menambah data siswa. Gambar berikut ini adalah tampilan halaman siswa.
Gambar 3.45. Gambar Tampilan Halaman Siswa.
Gambar 3.45 Gambar Tampilan Halaman Siswa.
Gambar 3.46. Gambar Tampilan Halaman Detail Siswa.
Siswa View
Batal Update
Username : Password :
NIS
: Nama
: Jenis Kelamin :
Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
: Kelas
: Tahun Ajar
:
Siswa
NO NIS
NAMA JENIS
KELAMIN ALAMAT
KELAS ACTION
Tambah data
lihat
commit to user 48
Gambar 3.47. Gambar Tampilan Halaman Tambah Siswa.
Gambar 3.48. Gambar Tampilan Halaman Update Siswa.
Siswa Tambah Data
batal
NIP :
Nama :
Jenis Kelamin : Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir : Jabatan
:
Simpan
Siswa Update
Batal
Username :
Password :
NIS :
Nama :
Jenis Kelamin : Agama
: Alamat
: Tempat Lahir :
Tanggal Lahir :
Simpan
commit to user 49
3.5.6. Halaman Pengajaran
Halaman ini berfungsi untuk memberi jadwal kepada guru untuk mengajar mata pelajaran yang ditentukan. Untuk melihat data pengajaran admin harus
memilih kelas dan angkatan terlebih dahulu. Di halaman ini terdapat tombol view untuk melihat detail data pengajaran dan tombol tambah data yang hanya dapat
digunakan admin untuk menambah data pengajaran. Gambar berikut ini adalah tampilan halaman pengajaran.
Gambar 3.49. Gambar Tampilan Halaman Pengajaran.
.
Gambar 3.50. Gambar Tampilan Halaman Tambah Pengajaran
Pengajaran
NO KODE MAPEL
MAPEL NIP
GURU ACTION
Tambah data
Kelas :
Tahun Ajar :
lihat
Mata Pelajaran :
: Guru Mapel :
Pengajaran Tambah Data
Kembali Simpan
commit to user 50
Gambar 3.51. Gambar Tampilan Halaman Update Pengajaran.
3.5.7. Halaman Mata Pelajaran
Halaman ini menampilkan data mata pelajaran yang diajarkan. Di halaman ini terdapat tombol tambah data yang hanya dapat digunakan
admin untuk menambah data mata pelajaran, tombol update untuk dan tombol update untuk mengubah data mata pelajaran. Gambar berikut ini
adalah tampilan halaman mata pelajaran.
Gambar 3.52. Gambar Tampilan Halaman Mata Pelajaran.
Mata Pelajaran :
: Guru Mapel :
Pengajaran Update
Kembali Simpan
Mata Pelajaran
NO KODE MAPEL
MAPEL ACTION
Tambah data
commit to user 51
Gambar 3.53. Gambar Tampilan Halaman Tambah Mata Pelajaran.
Gambar 3.54. Gambar Tampilan Halaman Update Mata Pelajaran.
3.5.8. Halaman Kelas
Halaman ini menampilkan data kelas yang diajarkan terdapat di PonPres Nurul Huda. Di halaman ini terdapat tombol tambah data yang hanya dapat
digunakan admin untuk menambah data kelas, tombol update untuk dan tombol update untuk mengubah data kelas. Gambar berikut ini adalah tampilan halaman
kelas.
Mata Pelajaran :
: Kode Mapel :
Mata Pelajaran Tambah Data
Kembali Simpan
Mata Pelajaran :
: Kode Mapel :
Mata Pelajaran Update
Kembali Simpan
commit to user 52
Gambar 3.55. Gambar Tampilan Kelas.
Gambar 3.48 Gambar Tampilan Halaman Kelas.
Gambar 3.56. Gambar Tampilan Halaman Tambah Kelas.
Kelas
NO KODE KELAS
KELAS ACTION
Tambah data
Kelas :
Kode Kelas :
Kelas Tambah Data
Kembali Simpan
commit to user 53
Gambar 3.57. Gambar Tampilan Halaman Update Kelas.
3.5.9. Halaman Tahun Ajar
Halaman ini berfungsi untuk mengatur tahun ajar yang aktif. Gambar berikut ini adalah tampilan halaman tahun ajar.
Gambar 3.58. Gambar Tampilan Halaman Tahun ajar.
Mata Pelajaran :
: Kode Mapel :
Mata Pelajaran Update
Kembali Simpan
TAHUN AJAR ACTION
Tahun Ajar
Kembali
commit to user 54
3.5.10. Halaman Semester
Halaman ini berfungsi untuk mengatur semester yang aktif. Gambar 3.37. berikut ini adalah tampilan halamam semester.
Gambar 3.59. Gambar Tampilan Halaman Semester.
3.51 Halaman Nilai
Halaman nilai berfungsi untuk memberi nilai kepada siswa bagi admin dan guru dan menampillkan data nilai yang telah diproses system bagi siswa. Untuk
melihat data pengajaran admin harus memilih kelas, mata pelajaran, jenis ujian danm ujian terlebih dahulu. Di halaman ini terdapat tombol tambah data yang
hanya dapat digunakan admin dan guru mata pelajaran untuk menambah data nilai, tombol update data yang hanya dapat digunakan admin dan guru mata
pelajaran untuk mengubah data nilai dan tombol hapus yang digunakan untuk menghapus data nilai, . Gambar berikut ini adalah tampilan halaman nilai.
SEMESTER STATUS
ACTION
1 Tidak aktif
aktifkan 2
Aktif Non aktifkan
Semester
Kembali
commit to user 55
Gambar 3.60. Gambar Tampilan Halaman Nilai untuk Admin.
Gambar 3.61. Gambar Tampilan Halaman Nilai untuk Guru.
Mata Pelajaran : :
NO NIS
NAMA NILAI
UJIAN ACTION
Kelas :
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
Ujan :
Mata Pelajaran : :
NO NIS
NAMA NILAI
UJIAN ACTION
Tambah data
Kelas :
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
Ujan :
commit to user 56
Gambar 3.62. Gambar Tampilan Halaman Nilai untuk Siswa.
Gambar 3.63. Gambar Tampilan Halaman Tambah Nilai
Nilai :
Nama :
Nilai Tambah Data
Kembali Simpan
NO Mata Pelajaran
UJIAN NILAI
Mata Pelajaran : :
lihat
Nilai
Jenis Ujian :
commit to user 57
.
.
Gambar 3.64. Gambar Tampilan Halaman Update Nilai
Gambar 3.65. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Admin dan Guru.
Nilai :
Nama :
Nilai Update
Kembali Simpan
commit to user 58
Gambar 3.66. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Gasal untuk Siswa.
Gambar 3.67. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untuk Admin dan Guru.
commit to user 59
Gambar 3.68. Gambar Tampilan Halaman Transkrip Nilai Teori Semester Genap untuk Siswa.
commit to user 60
BAB IV IMPLEMENTASI DAN HASIL PENGUJIAN
4.1 Implementasi Antarmuka
Sistem pengolahan nilai merupakan sebuah sistem yang bertujuan untuk meringankan pekerjaan guru mata pelajaran dalam mengolah nilai. Untuk dapat
berfungsi secara normal, sistem memiliki kebutuhan dari sisi server dan sisi client. a.
Kebutuhan sistem dari sisi server Kebutuhan sistem untuk membangun sistem pengolahan nilai dengan
karakteristik yang diinginkan dibutuhkan komputer dengan beberapa software, antara lain :
Web Server XAMPP Framework CodeIgniter
Mozilla Firefox untuk browser
b. Kebutuhan sistem dari sisi client
Kebutuhan sistem dari sisi client agar sistem pengolahan nilai dapat berfungsi secara normal adalah komputer yang memiliki konektivitas internet.
Di dalam sistem pengolahan nilai ini terdapat tiga entitas yaitu admin, guru dan siswa. Masing-masing entitas memiliki menu yang berbeda-beda.
Berikut ini adalah tampilan dari sistem pengolahan nilai.
4.1.1. Halaman Login
Halaman login digunakan user untuk masuk ke dalam sistem. Implementasi halaman login dapat dilihat pada Gambar 4.1:
Kategori