28
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
4.1.1. Analisis Kebutuhan
A. Kebutuhan Pengguna
Dalam Sistem Perancangan Absensi terdapat tiga pengguna yang dapat saling berinteraksi dalam lingkungan sistem, yaitu: Bagian Admin, Bagian Guru dan Bagian Siswa. Ketiga pengguna tersebut memiliki karakteristik interaksi dengan sistem yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut :
A1 Skenario Kebutuhan Bagian Admin a) Admin dapat login ke sistem
b) Admin dapat melihat absensi siswa c) Admin dapat mengelola absensi siswa
d) Membuat jadwal pelajaran/mengganti pelajaran A2 Skenario Kebutuhan Guru
a) Guru dapat login ke sistem
b) Guru dapat mengelola data absensi siswa c) Guru dapat melihat jadwal mengajar A3 Skenario Kebutuhan Bagian Siswa
a) Siswa dapat login ke sistem
b) Siswa dapat melakukan Absensi menggunakan sistem c) Siswa dapat melihat jadwal pelajaran dan jam masuk
A. Kebutuhan Sistem
1) Pengguna harus melakukan login terlebih dahulu untuk dapat mengakses sistem ini dengan memasukkan username serta password agar privasi masing-masing pengguna tetap terjaga keamanannya.
2) Pengguna harus melakukan logout setelah selesai menggunakan aplikasi. 4.1.2. Rancangan Diagram Use Case
Use Case diagram berfungsi untuk menggambarkan hubungan interaksi antara sistem dan user ( admin, guru, siswa) dibawah ini adalah use case yang diusulkan oleh penulis, adalah sebagai berikut :
A. Use Case Admin
Gambar IV.1 Use Case Diagram Admin
Tabel IV.1
Deskripsi Use Case Login
Use Case Name Login
Requirements Admin dapat melakukan login
Goal Admin berhasil login
Pre-Conditions Admin mengisi username dan password Post-Conditions Admin masuk ke menu utama
Failed end Condition Admin gagal melakukan login
Actor Admin
Main Flow / Basic Path 1. Admin masuk ke halaman login 2. Admin mengisi username dan password
di halaman login
Tabel IV.2
Deskripsi Use Case Akses Halaman Utama
Use Case Name Akses halaman utama
Requirements Admin masuk ke halaman utama
Goal Admin dapat memilih tindakan di halaman utama Pre-Conditions Admin telah melakukan login
Post-Conditions Admin dapat mengakses data guru, data siswa, data absensi siswa dan jadwal pelajaran
Failed end Condition Admin tidak bisa mengakses data guru, data siswa, data absensi siswa dan jadwal pelajaran
Actors Admin
Main Flow / Basic Path 1. Admin melakukan login 2. Admin memilih menu Beranda
3. Admin bisa mengakses data guru dengan klik pilihan menu data guru
4. Admin bisa mengakses data siswa dengan klik pilihan menu data siswa
5. Admin bisa mengakses data absensi siswa dengan klik pililhan menu data absensi siswa 6. Admin bisa mengakses jadwal pelajaran dengan klik pilihan menu jadwal pelajaran
Alternate Flow / Invariant A A1. Sistem dapat menampilkan halaman yang ingin di akses
Tabel IV.3
Deskripsi Use Case Akses Data Guru
Use Case Name Akses Data guru
Requirements Admin mengelola data guru
Goal Admin dapat mengelola data guru
Pre-Conditions Admin telah melakukan login
Post-Conditions Admin dapat menginput data guru, menghapus, mengedit dan mencetak data guru
Failed end Condition Admin tidak bisa menginput data guru,
menghapus, mengedit dan mencetak data guru
Actors Admin
Main Flow / Basic Path 1. Admin melakukan login
2. Admin memilih menu Data Guru
3. Admin bisa menambah guru dengan klik tombol Tambah Guru
4. Admin bisa menyimpan nama guru dengan klik tombol Simpan di halaman tambah guru
6. Admin bisa mencetak data guru dengan klik tombol Cetak
Alternate Flow / Invariant A A1. Sistem dapat menampilkan nama guru yang sudah di tambahkan atau yang sudah di edit
Tabel IV.4
Deskripsi Use Case Akses Data Siswa
Use Case Name Akses Data Siswa
Requirements Admin mengelola data siwa
Goal Admin dapat mengelola data siswa Pre-Conditions Admin telah melakukan login
Post-Conditions Admin dapat menginput data siswa, menghapus, mengedit dan mencetak data guru
Failed end Condition Admin tidak bisa menginput data siswa,
menghapus, mengedit dan mencetak data siswa
Actors Admin
Main Flow / Basic Path 1. Admin melakukan login
2. Admin memilih menu Data siswa
3. Admin bisa menambah siswa dengan klik tombol Tambah siswa
4. Admin bisa menyimpan nama siswa dengan klik tombol Simpan di halaman tambah siswa 5. Admin bisa menghapus dan mengedit data siswa
6. Admin bisa mencetak data siswa dengan klik tombol Cetak
Alternate Flow / Invariant A A1. Sistem dapat menampilkan nama siswa yang sudah di tambahkan atau yang sudah di edit
Tabel IV.5
Deskripsi Use Case Akses Data Absensi Siswa
Use Case Name Akses Data absensi siswa Requirements Admin melihat absensi siswa
Goal Admin dapat melihat absensi siswa
Pre-Conditions Admin telah melakukan login Post-Conditions Admin dapat melihat absensi
siswa,mencetak data siswa
Failed end Condition Admin tidak bisa melihat absensi siswa,
Actor Admin
Main Flow / Basic Path 1. Admin melakukan login
2. Admin memilih menu data absensi siswa
3. Admin melihat data absensi siswa 4. Admin bisa mencetak data absensi
Tabel IV.6
Deskripsi Use Case Akses Jadwal Pelajaran
Use Case Name Akses Jadwal pelajaran
Requirements Admin mengelola jadwal pelajaran
Goal Admin dapat mengelola jadwal
pelajaran
Pre-Conditions Admin telah melakukan login Post-Conditions Admin dapat menginput jadwal
pelajaran, menghapus, mengedit dan mencetak jadwal pelajaran
Failed end Condition Admin tidak bisa menginput jadwal pelajaran, menghapus, mengedit dan mencetak jadwal pelajaran
Actor Admin
Main Flow / Basic Path 1. Admin melakukan login 2. Admin memilih menu jadwal
pelajaran
3. Admin bisa menambah jadwal pelajaran dengan klik tombol tambah jadwal
4. Admin bisa menyimpan jadwal pelajaran dengan klik simpan di halaman tambah jadwal
5. Admin bisa menghapus dan mengedit jadwal pelajaran
6. Admin bisa mencetak jadwal pelajaran dengan klik tombol Cetak
Alternate Flow/Invariant A A1 Sistem dapat menampilkan mata pelajaran yang sudah ditambahkan atau yang sudah diedit
Invarian B B1 Admin memilih kelas
B2 Admin menginput nama guru, nama mata pelajaran
Tabel IV.7
Deskripsi Use Case Logout
Use Case Name Logout
Requirements Admin sudah masuk ke sistem
Goal Admin berhasil logout
Pre-Conditions Menu menu pengolahan data aktif
Post-Conditions Menu menu pengolahan data tidak aktif
Failed end Condition Sistem tidak bisa diakses
Actors Admin
Main Flow / Basic Path 1. Admin memilih menu Logout
B. Use Case Siswa
Gambar IV.2 Use Case Diagram Siswa
Tabel IV.8
Deskripsi Use Case Login
Use Case Name Login
Requirements Siswa dapat melakukan login
Goal Siswa berhasil login
Pre-Conditions Siswa mengisi username dan password Post-Conditions Siswa masuk ke menu utama
Failed end Condition Siswa gagal melakukan login
Actor Siswa
Main Flow / Basic Path 1. Siswa masuk ke halaman login
2. Siswa mengisi username dan password di halaman login
Tabel IV.9
Deskripsi Use Case Akses Halaman Utama
Use Case Name Akses halaman utama
Requirements Siswa masuk ke halaman utama
Goal Siswa dapat memilih tindakan di halaman utama Pre-Conditions Siswa telah melakukan login
Post-Conditions Siswa dapat melakukan absensi dan mengakses jadwal pelajaran
Failed end Condition Siswa tidak bisa mengakses Absensi, data siswa dan jadwal pelajaran
Actors Siswa
Main Flow / Basic Path 1. Siswa melakukan login 2. Siswa memilih menu Beranda
3. Siswa bisa mengakses Absensi dengan klik pilihan menu Absen
4. Siswa bisa mengakses jadwal pelajaran dengan klik pilihan menu jadwal pelajaran
Alternate Flow / Invariant A A1. Sistem dapat menampilkan halaman yang ingin di akses
Tabel IV.10
Deskripsi Use Case Absen
Use Case Name Absen
Requirements Siswa dapat melakukan absen siswa
Goal Siswa berhasil melakukan absen siswa
Pre-Conditions Siswa telah melakukan login Post-Conditions Siswa dapat melakukan absen Failed end Condition Siswa tidak dapat melakukan absen
Actor Siswa
Main Flow / Basic Path 1. Siswa melakukan login 2. Siswa memilih menu absen
Tabel IV.11
Deskripsi Use Case Akses Jadwal Pelajaran
Use Case Name Akses Jadwal pelajaran
Requirements Siswa melihat jadwal pelajaran
Pre-Conditions Siswa telah melakukan login
Post-Conditions Siswa dapat melihat, mencetak jadwal pelajaran
Failed end Condition Siswa tidak dapat melihat, mencetak jadwal pelajaran
Actor Siswa
Main Flow / Basic Path 1. Siswa melakukan login 2. Siswa memilih menu jadwal
pelajaran
3. Siswa melihat jadwal pelajaran 4. Siswa mencetak jadwal pelajaran
dengan klik cetak pdf
Tabel IV.12
Deskripsi Use Case Logout
Use Case Name Logout
Requirements Siswa sudah masuk ke system
Goal Siswa berhasil logout
Pre-Conditions Menu menu pengolahan data aktif Post-Conditions Menu menu pengolahan data tidak aktif Failed end Condition Sistem tidak bisa diakses
Actors Siswa
Main Flow / Basic Path 1. Siswa memilih menu Logout
C. Use Case Guru
Gambar IV.3 Use Case Diagram Guru
Tabel IV.13
Deskripsi Use Case Login
Use Case Name Login
Requirements Guru dapat melakukan login
Goal Guru berhasil login
Pre-Conditions Guru mengisi username dan password Post-Conditions Guru masuk ke menu utama
Failed end Condition Gdmin gagal melakukan login
Actor Guru
Main Flow / Basic Path 1. Guru masuk ke halaman login 2. Guru mengisi username dan password
di halaman login
Tabel IV.14
Deskripsi Use Case Akses Halaman Utama
Use Case Name Akses halaman utama
Requirements Guru masuk ke halaman utama
Goal Guru dapat memilih tindakan di halaman utama Pre-Conditions Guru telah melakukan login
Post-Conditions Guru dapat mengakses data guru, data siswa, absensi siswa dan mengakses jadwal mengajar Failed end Condition Guru tidak bisa mengakses data guru, data siswa,
absensi siswa dan jadwal mengajar
Actors Guru
Main Flow / Basic Path 1. Guru melakukan login 2. Guru memilih menu Beranda
3. Guru bisa mengakses data guru dengan klik pilihan menu data guru
4. Guru bisa mengakses data siswa dengan klik pilihan menu data siswa
5. Guru bisa mengakses data absensi siswa dengan klik pilihan menu absensi siswa
6. Guru bisa mengakses jadwal mengajar dengan klik pilihan menu jadwal mengajar
Alternate Flow / Invariant A A1. Sistem dapat menampilkan halaman yang ingin di akses
Tabel IV.15
Deskripsi Use Case Akses Data Guru
Use Case Name Akses Data guru Requirements Guru melihat data guru
Goal Guru dapat melihat data guru
Pre-Conditions Guru telah melakukan login
Post-Conditions Guru hanya dapat melihat data guru
Failed end Condition Guru tidak bisa melihat data guru, menginput data guru, menghapus, mengedit dan mencetak data guru
Actors Guru
Main Flow / Basic Path 1. Guru melakukan login
2. Guru memilih menu Data Guru 3. Guru hanya bisa melihat data guru 4. guru bisa mencetak data guru dengan klik tombol Cetak pdf
Alternate Flow / Invariant A A1. Sistem dapat menampilkan data guru yang sudah di pilih
Tabel IV.16
Deskripsi Use Case Akses Data Siswa
Use Case Name Akses Data Siswa Requirements Guru melihat data siwa
Goal Guru dapat melihat data siswa
Pre-Conditions Guru telah melakukan login
Post-Conditions Guru dapat melihat dan mencetak data siswa Failed end Condition Guru tidak bisa melihat, menginput data siswa,
menghapus, mengedit dan mencetak data siswa
Actors Guru
Main Flow / Basic Path 1. Guru melakukan login
2. Guru memilih menu Data siswa
3. Guru bisa mencetak data siswa dengan klik tombol Cetak pdf
Alternate Flow / Invariant A A1. Sistem dapat menampilkan nama siswa yang sudah di pilih
Tabel IV.17
Deskripsi Use Case Akses Absensi Siswa
Use Case Name Akses absensi siswa
Requirements Guru melihat data absensi siswa Goal Guru dapat melihat data absensi siswa Pre-Conditions Guru telah melakukan login
Post-Conditions Guru dapat memilih kelas absensi siswa Failed end Condition Guru tidak bisa memilih kelas absensi
Actor Guru
Main Flow / Basic Path 1. Guru melakukan login
2. Guru memilih menu data absensi siswa
3. Guru melihat data absensi siswa 4. Guru bisa mencetak data absensi
siswa dengan klik tombol Cetak
Tabel IV.18
Deskripsi Use Case Akses Jadwal Mengajar
Use Case Name Akses Jadwal mengajar Requirements Guru melihat jadwal mengajar
Goal Guru dapat melihat jadwal mengajar
Pre-Conditions Guru telah melakukan login
Post-Conditions Guru dapat melihat jadwal mengajar, Guru bisa mencetak jadwal mengajar dengan klik tombol Cetak
Failed end Condition Guru tidak dapat melihat jadwal mengajar, Guru tidak bisa mencetak jadwal mengajar dengan klik tombol Cetak
Main Flow / Basic Path 1. Guru melakukan login
2. Guru memilih menu jadwal mengajar 3. Guru melihat jadwal mengajar 5.Guru bisa mencetak jadwal mengajar
dengan klik tombol Cetak
Tabel IV.19
Deskripsi Use Case Setting Akun
Use Case Name Setting Akun
Requirements Guru memperbarui Akun
Goal Guru dapat memperbarui Akun
Pre-Conditions Guru telah melakukan login Post-Conditions Guru mengisi password terbaru Failed end Condition Guru tidak dapat memperbarui akun
Actors Guru
Main Flow / Basic Path 1. Guru melakukan login
2. Guru memilih menu Setting Akun 3. Guru mengisi username
4. Guru mengisi password lama 5. Guru mengisi password baru 6. Guru konfirmasi Password 7. Guru klik Simpan
Tabel IV.20
Deskripsi Use Case Logout
Use Case Name Logout
Goal Guru berhasil logout
Pre-Conditions Menu menu pengolahan data aktif Post-Conditions Menu menu pengolahan data tidak aktif Failed end Condition Sistem tidak bisa diakses
Actors Guru
Main Flow / Basic Path 1. Guru memilih menu Logout
2. Sistem menampilkan konfirmasi logout
4.1.3 Rancangan Diagram Activity
Diagram aktivitas menggambarkan berbagai alur aktivitas dalam sistem yang sedang dirancang, bagaimana masing-masing alur berawal, desicion yang mungkin terjadi dan bagaimana mereka berakhir.
A. Diagram Aktivitas Admin
Gambar IV.4 Activity Diagram Admin
B. Diagram Aktivitas Siswa
Gambar IV.5 Activity Diagram Siswa
C. Diagram Aktivitas Guru
Gambar IV.6 Activity Diagram Guru
4.1.4 Rancangan Dokumen Sistem Usulan
A. Dokumen Masukan
1. Nama Dokumen : Form input siswa
Fungsi : Untuk menambahkan data siswa Sumber : Siswa
Tujuan : Admin
Media : Online
Jumlah : 1 Halaman
Frekuensi : Setiap masuk siswa baru Bentuk : Lihat lampiran B-1 2. Nama Dokumen : Form input guru
Fungsi : Untuk menmbahkan data guru
Sumber : Guru
Tujuan : Admin
Media : Online
Jumlah : 1 Halaman
Frekuensi : Setiap masuk guru baru Bentuk : Lihat lampiran B-2
3. Nama Dokumen : Form input jadwal pelajaran
Fungsi : Untuk menambahkan jadwal pelajaran
Sumber : Admin
Tujuan : Siswa
Media : Online
Jumlah : 1 Halaman
Frekuensi : Setiap tahun ajaran baru Bentuk : Lihat lampiran B-3
B. Dokumen Keluaran
1. Nama Dokumen : Data absensi siswa
Fungsi : Untuk melihat data absensi siswa
Sumber : Admin
Tujuan : Guru
Media : Online
Jumlah : 1 Halaman
Frekuensi : Setiap siswa melakukan absensi Bentuk : Lihat lampiran C-1
4.1.5 Rancangan Prototype
A. Prototype Admin 1. Login Admin
Gambar IV.7 Login Admin
2. Home Admin
Gambar IV.8 Login Home Admin
3. Data Guru
Gambar IV.9 Data Guru
4. Data Siswa
Gambar IV.10 Data Siswa
5. Data Absensi Siswa
Gambar IV.11 Data Absensi Siswa
6. Jadwal Pelajaran Gambar IV.12 Jadwal Pelajaran B. Prototype Guru 1. Login Guru Gambar IV.13 Login Guru
2. Home Guru Gambar IV.14 Home Guru 3. Data Guru Gambar IV.15 Data Guru
4. Data Siswa
Gambar IV.16 Data Siswa
5. Data Absensi Siswa
Gambar IV.17 Data Absensi Siswa
6. Jadwal Mengajar Gambar IV.18 Jadwal Mengajar 7. Setting Akun Gambar IV.19 Setting Akun
C. Prototype Siswa 1. Login Siswa Gambar IV.20 Login Siswa 2. Home Siswa Gambar IV.21 Home Siswa
3. Absen Gambar IV.22 Absen 4. Jadwal Pelajaran Gambar IV.23 Jadwal Pelajaran
4.2. Perancangan Perangkat Lunak
Perancangan perangkat lunak yaitu tahapan lanjutan agar di ketahui bagaimana gambaran dan proses suatu sistem di bentuk.
4.2.1. Entity Relationship Diagram (ERD)
Gambar IV.24
4.2.2 Logical Record Structure (LRS)
Gambar IV.25
Logical Record Structure (LRS) Absensi Siswa
4.2.3. Spesifikasi File
1. Spesifikasi File Admin Nama File : Admin
Akronim : Admin
Fungsi : Login dan mengelola ruang admin
Organisasi File : Indexed Sequential
Akses File : Random Media : Hard disk
Panjang Record : 62 Byte Kunci Field : id_admin
Software : MySQL
Tabel IV.21
Spesifikasi File Admin
NO Elemen Data Nama Field Tipe Size Keterangan
1 Id_admin Id_admin Int 11 Primary Key
2 Nama_admin Nama_admin Varchar 50 3 Username Username Varchar 50 4 Password Password Varchar 8
2. Spesifikasi File Data Siswa
Nama File : Data Siswa
Akronim : Data Siswa
Fungsi : Login dan mengelola data siswa
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random Media : Hard disk
Panjang Record : 105 Byte Kunci Field : id_siswa
Software : MySQL
Tabel IV.22
Spesifikasi File Data Siswa
NO Elemen Data Nama Field Tipe Size Keterangan
1 Id_siswa Id Int 11 Primary Key
2 Nama_siswa Nama_siswa Varchar 50
3 NIP NIP Int 50
4 Program Program Varchar 128
3. Spesifikasi File Jadwal Pelajaran
Nama File : Jadwal Pelajaran
Akronim : Jadwal Pelajaran
Fungsi : Untuk melihat jadwal pelajaran
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random Media : Hard disk
Panjang Record : 206 Byte
Kunci Field : id_jadwal
Tabel IV.23
Spesifikasi File Jadwal Pelajaran
NO Elemen Data Nama Field Tipe Size Keterangan 1 Id_jadwal Id_jadwal Int 11 Primary Key
2 Id_guru Id_guru Int 11
3 Id_siswa Id_siswa Int 11
4 Program Program Varchar 50
5 Hari Hari Date 11
6 Jam Jam date 11
4. Spesifikasi File Guru
Nama File : Guru
Akronim : Guru
Fungsi : Untuk menyimpan data Guru
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random Media : Hard disk
Panjang Record : 125 Byte
Kunci Field : id_guru
Tabel IV.24
Spesifikasi File Guru
NO Elemen Data Nama Field Tipe Size Keterangan
1 Id_guru Id_guru Int 11 Primary Key
2 NIP NIP Int 45
3 Mapel Mapel Varchar 45
4 Nm_guru Nm_guru Varchar 50
5 Tgl_lahir Tgl_lahir Date 16
5. Spesifikasi File Absensi
Nama File : Absensi
Akronim : Absensi
Fungsi : Untuk menyimpan Absensi
Tipe File : File Master
Organisasi File : Indexed Sequential
Akses File : Random Media : Hard disk
Panjang Record : 238 Byte
Kunci Field : id_absen
Tabel IV.25
Spesifikasi File Absensi
NO Elemen Data Nama Field Tipe Size Keterangan
1 Id_absen Id_absen Int 11 Primary Key
2 Id_siswa Id_siswa Varchar 50 Foreign Key
3 Id_guru Id_guru Varchar 50 Foreign Key
4 Nama_guru Nama_guru Varchar 50 5 Nama_siswa Nama_siswa Varchar 50
6 NIP_guru NIP_guru Int 45
7 NIS NIS Int 45
8 mapel Maple Varchar 45
4.2.4. Class Diagram
Gambar IV.26
4.2.5. Sequence Diagram
Gambar IV.27
Sequence Diagram Absensi Siswa
4.2.6. Spesifikasi Hardware dan Software
1. Spesifikasi Hardware
a. Server
1.) CPU
b. RAM 2GB
c. Hard Disk 500GB
2.) Mouse
3.) Keyboard
4.) Monitor dengan resolusi layer minimum 1024x768 5.) Koneksi internet dengan kecepatan 2 Mbps.
b. Client
1.) CPU
a. Processore Intel Core i3-4005U, 1.7GHz
b. RAM 2GB
c. Hard Disk 500GB
2.) Mouse
3.) Keyboard
4.) Monitor dengan resolusi layer minimum 1024x768 5.) Koneksi internet dengan kecepatan 56kbps.
2. Spesifikasi Software
1. Server
a. Sistem operasi yang umum digunakan seperti : Microsoft Windows.
b. Aplikasi bundle web srever seperti : Xampp, yang terdiri dari beberapa komponen, yaitu :
2. Aplikasi PHP Server v5 3. Aplikasi phpMyAdmin v3
c. Aplikasi Web Lihat seperti Mozilla Firefox, Internet Explorer, Google Chrome.
2. Client
a. Sistem operasi yang umum digunakan seperti : Microsoft Windows.
b. Aplikasi Web Lihat seperti Mozilla Firefox, Internet Explorer, Google Chrome.
4.3. Jadwal Implementasi
Tabel IV. 26
Jadwal Implementasi
No Kegiatan
Waktu
BULAN 1 BULAN 2 BULAN 3
1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan data awal 2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak 5 Pembuatan & Tes Program 6 Tes Sistem
