bab iv perancangan sistem usulan 4.1. tahapan … file34 d 2.user harus melakukan login terlebih...
TRANSCRIPT
33
BAB IV
PERANCANGAN SISTEM USULAN
4.1. Tahapan Perancangan Sistem
Mengidentifikasi kebutuhan fungsional program disertai dengan
penggambaran use case diagram dan skenario use case yang terkait dengan proses
pendaftaran warga belajar yang diusulkan.
4.1.1. Analisis Kebutuhan
A. Kebutuhan Pengguna
Dalam aplikasi visio terdapat dua pengguna yang dapat saling berinteraksi dalam
lingkungan system, yaitu: Warga Belajar dan pendaftaran. Kedua pengguna
tersebut memiliki karakteristik interaksi dengan system yang berbeda-beda dan
memiliki kebutuhan informasi yang berbeda-beda, seperti berikut:
A1. Skenario Warga Belajar
a). Mengelola data identitas pribadi
b). Rancangan login pendaftaran
c). Tampilan Identitas Warga Belajar
d). Tampilan Persyaratan dan Ketentuan
A2. Skenario Kebutuhan Bagian Pendaftaran
a). Bagian Pendaftaran Melakukan Login
b). Mengecek kelengkapan Persyaratan
B. Kebutuhan Sistem
1. Pengguna harus mendaftar akun terlebih dahulu jika ingin mengakses
sistem.
34
2. User harus melakukan login terlebih dahulu untuk dapat menggunakan
sistem.
3. Pengguna dan admin harus logout setelah melakukan akses sistem.
4. Sistem dapat menyimpan data yang telah mendaftar dalam pengambilan
paket.
5. Sistem dapat menampilkan data akun tentang user.
4.1.2. Rancangan Diagram Use Case
Berikut ini merupakan rancangan use case diagram, pada halaman pengguna
untuk rancangan siste m informasi pendaftaraan penyetaraan pendidikan berbasis
web pada pusat pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju
pontianak:
Warga belajar
Mengisi biodata (formulir)
Melakukan pembayaran
Menerima kwitansi pembayaran
Login
Menerima file
Melayani Registrasi
Memberi kwitansi pembayaran
<<include>>
<<include>>
<<include>>
<<extends>>
<<include>>
<<include>>
<<extends>>
<<include>>
Bag pendaftaran
Sumber : Hasil Penelitian (2018)
Gambar III.3 Diagram Use Case Sistem Usulan
35
Tabel III.8
Deskripsi Use Case Login Pendaftaran
Use Case Name Login
Requirements Mengisi biodata (formulir)
Goal Bagian pendaftaran menerima pendaftaran
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
1. User melakukan login
2. User mengisi kelengkapan biodata
3. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.9
Deskripsi Use Case Mengisi Biodata (formulir)
Use Case Name Mengisi biodata (formulir)
Requirements Menerima File
Goal Bagian pendaftaran menerima kelengkapan
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
4. User melakukan login
5. User mengisi kelengkapan biodata
6. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.10
Deskripsi Use Case Menerima File
Use Case Name Menerima file
Requirements Melayani registrasi
Goal Bagian pendaftaran dapat melihat syarat perlengkapan
melalui web
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
7. User melakukan login
8. User mengisi kelengkapan biodata
36
9. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.11
Deskripsi Use Case Melakukan Pembayaran
Use Case Name Melakukan Pembayaran
Requirements Menerima kwitansi pembayaran
Goal Bagian pendaftaran menyerahkan kwitansi pebayaran
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
10. User melakukan login
11. User mengisi kelengkapan biodata
12. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.12
Deskripsi Use Case Melayani Registrasi
Use Case Name Melayani Registrasi
Requirements Memberi kwitansi pembayaran
Goal Bagian pendaftaran menyerahkan kwitansi pebayaran
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
13. User melakukan login
14. User mengisi kelengkapan biodata
15. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.13
Deskripsi Use Case Menerima Kwitansi Pembayaran
Use Case Name Menerima Kwitansi Pembayaran
Requirements Memberi kwitansi pembayaran
37
Goal Bagian pendaftaran menyerahkan kwitansi pebayaran
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
16. User melakukan login
17. User mengisi kelengkapan biodata
18. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
Tabel III.14
Deskripsi Use Case Memberi Kwitansi Pembayaran
Use Case Name Memberi Kwitansi Pembayaran
Requirements Memberi Kwitansi Pembayaran
Goal Warga belajar menerima kwitansi pebayaran
Pre conditions Warga belajar telah melakukan login
Post conditions Mengisi biodata (formulir)
Actors Bagian pendaftaran
Mainflow / basic
path
19. User melakukan login
20. User mengisi kelengkapan biodata
21. User menerima file pendaftaran
Alternatif flow /
invariant A
A1. Admin menerima kelengkapan persyaratan
Alternatif flow /
invariant B
B1. User memilih kriteria
User mengecek data warga belajar
Sumber : Hasil Penelitian (2018)
4.1.3. Rancangan Diagram Aktivitas
Berikut ini merupakan rancangan aktivitas diagram, pada halaman pengguna untuk
perancangan sistem informasi pendaftaraan penyetaraan pendidikan berbasis web
pada pusat pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju
pontianak :
38
pengguna
Melakukan login
memasukan username dan
password
Login valid
Menampilkan menu utama
ya
Pilih apa
Sekolah asal (smp/mts/paket b)Data warga belajar Data ayah/ibu
keluar
Yakin akan keluar
Menampilkan pesan
Ya selesai
yakin
Admin
Melakukan login
mulai
Memasukkan username dan password
Login valid?
Menampilkan menu utama
ya
Menginput data ujianMenginput pendaftaran Menginput raport
Menampilkan pesan yakin akan keluar
Yakin?tidak
selesai
tidak tidak
tidak
mulai
Sumber : Hasil Penelitian (2018)
Gambar III.4 Diagram Aktivitas Sistem Usulan
4.1.4 Rancangan Dokumen Sistem Usulan
Berikut adalah rancangan dokumen pada program yang di hasilkan dan uraian
parameter-parameter pada dokumen tersebut:
Rancangan Dokumen Masukan:
1. Nama dokumen : Formulir Pendaftaran
Fungsi : Untuk mengisi identitas warga belajar
Sumber : PKBM beliung maju
Tujuan : Warga belajar
Media : Kertas
39
Jumlah : 2 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.1
2. Nama dokumen : Scan Ijazah
Fungsi :Sebagai syarat untuk melanjutkan jenjang pendidikan
selanjutnya
Sumber : PKBM beliung maju
Tujuan : Syarat pendaftaran
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.2
3. Nama dokumen : Scan SKHU
Fungsi : Sebagai ijazah sementara
Sumber : PKBM beliung maju
Tujuan : Syarat pendaftaran
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.3
4. Nama dokumen : Scan Kartu keluarga
Fungsi : Sebagai identitas dan jumlah suatu keluarga
Sumber : Warga belajar
Tujuan : Syarat pendaftaran
40
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.4
5. Nama dokumen : Scan Ktp Orang Tua
Fungsi : Sebagai syarat pendaftaran
Sumber : Warga belajar
Tujuan : Syarat
Media : Kertas
Jumlah : 4 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.5
6. Nama dokumen : File Foto
Fungsi : Sebagai syarat pendaftaran
Sumber : Warga belajar
Tujuan : Syarat
Media : Kertas
Jumlah : 4 lembar & 8 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran C.6
Rancangan Dokumen Keluaran:
1. Nama dokumen : Nota Pembayaran / Kwitansi
Fungsi : Sebagai bukti transaksi warga belajar
Sumber : PKBM beliung maju
41
Tujuan : Warga belajar
Media : Kertas
Jumlah : 1 lembar
Frekuensi : Setiap terjadi pendaftaran
Bentuk : Lihat lampiran D.1
4.1.5. Rancangan Prototype
Berikut ini rancangan prototype berisi tentang penggambaran interface
pemograman dari sistem yang dibuat pada perancangan sistem informasi
pendaftaraan penyetaraan pendidikan berbasis web pada pusat pembelajaran
kegiatan belajar masyarakat (PKBM) beliung maju pontianak :
42
1. Interface Menu Login
Sumber : Hasil Penelitian (2018)
Gambar III.5 Prototype Login Pendaftaran
43
2. Interface Beranda
Sumber : Hasil Penelitian (2018)
Gambar III.6 Prototype Beranda
44
3. Interface Tampilan Persyaratan
Sumber : Hasil Penelitian (2018)
Gambar III.7 Prototype Tampilan Persyaratan
45
4. Interface Tampilan Data Pribadi
Sumber : Hasil Penelitian (2018)
Gambar III.8 Prototype Data Pribadi
4.2. Perancangan Perangkat Lunak
Penggunaan perancangan sistem perangkat lunak sebagai penjelasan
tentang rancangan sistem yang dibuat kemudian digambarkan dengan model grafik
yang terdiri dari 6 model, yaitu ERD, LRS, Spesifikasi File, Class Diagram,
Secuence Diagram dan Spesifikasi Hardware dan Software
4.2.1. Entity Relationship Diagram (ERD)
Berikut ini merupakan rancangan Entity Relationship Diagram (ERD) untuk
perancangan sistem informasi pendaftaraan penyetaraan pendidikan berbasis web
pada pusat pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju
pontianak :
46
Pengguna
username Password
Hak akses
Menginput data
Nama lengkap NIK KTP
NISN
Tempat lahir
Jenis kelamin
Agama
Jumlah saudara
No telp/hpAlamat RT/RWKelurahan
menghasilkan
Data Warga belajar
Kecamatan
Kode pos
Jarak dari rumah ke sekolah
Golongan darah
Tinggi/beratbadan
Hobi siswa
Data riwayat sakit siswa
Data sekolah asal
Sekolah asal PaketA/Paket B/PaketC
Nama sekolah
Alamat
ijazah
Nomor
Tanggal
SKHUNomor
Tanggal
Nomor peserta jenjang
Upload foto
Data Pribadi
Nama
password
Menginput
1 1
1 M
M1
Id_data
Sumber : Hasil Penelitian (2018)
Gambar III.9 Entity Relationship Diagram (ERD Sistem Usulan
4.2.2. Logical Record Structure (LRS)
Berikut ini merupakan rancangan Logical Record Structure (LRS) untuk
perancangan sistem informasi pendaftaraan penyetaraan pendidikan berbasis web
pada pusat pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju
pontianak :
47
Pengguna
UsernamePasswordHak akses
Data Warga Belajar
NISNNama LengkapNIK KTPTempat LahirJenis kelaminAgamaJumlah saudaraNo. Telp/hpAlamatRT/RWKelurahanKecamatanKode PosData riwayat sakit siswaHobi siswaTinggi/berat badanGolongan darahJarak dari rumah ke sekoah
Data Sekolah Asal
SKHUSekolah asal (Paket A/PaketB/PaketC)Nama sekolahAlamat Ijazah Nomor Tanggal NomorTanggalNomor Peserta JenjangUpload foto
Data Pribadi
Id_dataNamaEmailPassword
1
M
1
M
1
1
Sumber : Hasil Penelitian (2018)
Gambar III.10 Logical Record Structure (LRS) Sistem Usulan
4.2.3. Spesifikasi File
Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan
atau file-file penunjang untuk web). File file ini tersimpan pada
<<namaDatabase>> dengan parameter-parameter sbb:
1. Spesifikasi File Login
Nama file : Login
Akronim : username
Fungsi : untuk mengisi data warga belajar
Tipe file : File master
Organisasi file : indexed sequential
Akses file : Random
48
Media : kertas
Panjang record : 28
Kunci field : Hak akses
Software : SQL
Tabel III.15
Spesifikasi File Login
No Element data Nama field Tipe Size Ket
1 Hak akses Hak akses Varchar 4 Primarykey
2 Username User Char 17
3 Password Password Char 7
Sumber : Hasil Penelitian (2018)
2. Spesifikasi File Data Warga Belajar
Nama File : Data Warga Belajar
Akronim : Warga Belajar
Fungsi : Sebagai identitas warga belajar
Tipe file : file master
Organisasi file : indexed sequential
Akses file : random
Media : kertas
Panjang record : 175
Kunci file : NISN
Software : SQL
Tabel III.16
Spesifikasi File Data Warga Belajar
49
No Element data Nama field Tipe Size Ket
1 NISN NISN Char 20 Primarykey
2 Nama Lengkap Nama Lengkap Char 5
3 NIK KTP Nama KTP Varchar 10
4 Tempat Lahir Tangal Lahir Varchar 5
5 Jenis Kelamin Jenis Kelamin Varchar 10
6 Agama Agama Char 15
7 Jumlah Saudara Jumlah Saudara Char 20
8 NoTelp/Hp NoTelp/Hp Varchar 10
9 Alamat Alamat Varchar 14
10 RT/RW RT/RW Varchar 5
11 Kelurahan Kelurahan Varchar 7
12 Kecamatan Kecamatan Char 4
13 Kode pos Kode pos Varchar 5
14 Jarak dari rumah ke
sekolah
Jarak dari rumah ke
sekolah
Varchar 10
15 Golongan darah Golongan darah Char 5
16 Tinggi/berat badan Tinggi/berat badan Char 7
17 Tanggal diterima Tanggal diterima Varchar 10
18 Hobi siswa Hobi siswa Varchar 5
19 Data Riwayat Sakit Siswa Data riwayat sakit siswa Varchar 8
Sumber : Hasil Penelitian (2018)
3. Spesifikasi File Data Sekolah Asal
Nama File : Data Sekolah Asal
Akronim : Data Sekolah
Fungsi : Sebagai identitas data sekolah
Tipe file : file master
Organisasi file : indexed sequential
50
Akses file : random
Media : kertas
Panjang record : 121
Kunci file : SKHU
Software : SQL
Tabel III.17
Spesifikasi File Data Sekolah Asal
No Element data Nama field Tipe Size Ket
1 SKHU SKHU Char 20 Primarykey
2 Sekolah asal Sekolah asal Char 5
3 Nama sekolah Nama sekolah Varchar 10
4 Alamat Alamat Char 20
5 Ijazah Ijazah Varchar 5
6 Nomor Nomor Varchar 10
7 Tanggal Tanggal Char 15
8 Nomor Nomor Varchar 10
9 Tanggal Tanggal Varchar 14
10 Nomor peserta jenjang Nomor peserta
jenjang
Varchar 5
11 Upload foto Upload foto Varchar 7
Sumber : Hasil Penelitian (2018)
4. Spesifikasi File Data Pribadi
Nama File : Data Pribadi
Akronim : Pribadi
Fungsi : sebagai bukti persyaratan
Tipe file : file master
Organisasi file : indexed sequential
51
Akses file : random
Media : kertas
Panjang record : 50
Kunci file : Id_data
Software : SQL
Tabel III.18
Spesifikasi File Data Pribadi
No Element data Nama field Tipe Size Ket
1 Id_data Id_data Varchar 15 Primarykey
2 Nama Nama Char 5
3 Email Email Varchar 10
4 Psassword Password Char 20
Sumber : Hasil Penelitian (2018)
4.2.4. Class Model / Class Diagram
Berikut ini merupakan rancangan Class diagram untuk perancangan sistem
informasi pendaftaraan penyetaraan pendidikan berbasis web pada pusat
pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju pontianak :
52
Data sekolah asal
Sekolah asal (paket A,B,C)Nama sekolahAlamatIjazahNomorTanggalSKHUNomorTanggalNomorpesertajenjangUpload foto
+simpan()+edit()+delete()
Data warga belajar
Nama lengkapNik ktpNISNTempat lahirJenis kelaminAgama Jumlah saudaraNo.telp / hpAlamatRT/RWKelurahanKecamatanKode posJarak dari rumah ke sekolahGolongan darahTinggi/berat badanTinggi diterimaHobi siswaData riwayat sakit siswa
+simpan()+edit()+delete()
Data Pribadi
NamaEmailPasswordId_data
+simpan()+edit()+delete()
Pengguna
UsernamePassword Hak akses
+simpan()+edit()+delete()
1 n
1
n
1
1
Sumber : Hasil Penelitian (2018)
Gambar III.11 Class Diagram Sistem Usulan
4.2.5. Sequence Diagram
Berikut ini merupakan rancangan sequence diagram untuk perancangan sistem
informasi pendaftaraan penyetaraan pendidikan berbasis web pada pusat
pembelajaran kegiatan belajar masyarakat (PKBM) beliung maju pontianak :
53
Logiin Biodata (Formulir) Pembayaran Kwitansi
Warga belajar Bagian pendaftaran
1. Melakukan login
2.
3. Mengisi biodata (formulir)
Menerima pendaftaran
4.
Menerima kelengkapan persyaratan
5. Melakukan pembayaran
6.
Menerima kwitansi pembayaran
Sumber : Hasil Penelitian (2018)
Gambar III.12 Sequence Diagram Login Sistem Usulan
Biodata (Formulir) Pembayaran Kwitansi
Warga belajar Bagian pendaftaran
1.
2.
3.
Mengisi biodata (formulir)
4.
Menerima kelengkapan persyaratan
Melakukan pembayaran
Menerima kwitansi pembayaran
Sumber : Hasil Penelitian (2018)
Gambar III.13 Sequence Diagram Biodata (Formulir) Sistem Usulan
54
Pembayaran Kwitansi
Warga belajar Bagian pendaftaran
1.
2.
Melakukan pembayaran
Menerima kwitansi pembayaran
Sumber : Hasil Penelitian (2018)
Gambar III.14 Sequence Diagram Pembayaran Sistem Usulan
Kwitansi
Warga belajar Bagian pendaftaran
1.Menerima kwitansi
pembayaran
Sumber: Hasil Penelitian (2018)
Gambar III.15 Sequence Diagram Kwitansi Sistem Usulan
55
4.2.6. Spesifikasi Hardware dan Software
Spesifikasi komputer yang diusulkan meliputi penjelasan dalam spesifikasi
perangkat keras dan perangkat lunak minimum yang dibutuhkan dalam
implementasi sistem. Didalam sistem usulan ini ada beberapa sarana pendukung
yang diperlukan untuk menunjang sistem usulan. Mutu dari sarana pendukung yang
bagus dan kesesuaian kebutuhan sistem yang diusulkan. Penerapan sistem
komputerisasi tidak terlepas dari penggunaan peralatan yangsanggup
melakukanpengolahan data. Salah satu penunjang sistem tersebut adalah peralatan
dari sistem komputer, yang terdiri dari perangkat keras dan perangkat lunak.
1. Perangkat keras hardware
Perangkat keras atau hardware merupakan seluruh komponen yang membentuk
suatu sistem komputer dan peralatan lainnya yang memungkinkan komputer
dapat melaksanakan tugasnya dengan cepat dan akurat. Dalam hal ini penulis
mengusulkan perangkat keras minimal yang sesuai dengan kebutuhan sistem
usulan dengan spesifikasi sebagai berikut:
1. Komputer demgam Prosessor Intel® Core(TM) i3 M 380 @2.53GHz 2.53
GHz
2. Harddisk dengan kapasitas 400GB
3. Memmory (RAM) 2GB
4. Monitor dengan resolusi minimal 14.0”
5. Keyboard standard 104 Key
6. Mouse standard USB
7. UPS (Uninterupted Power Supply)
8. Printer Canon MP 287
56
2. Perangkat Lunak (Software)
Perangkat lunak atau software merupakan suatu rangkaian instruksi yang
disusun secara teratur agar komputer dapat mengolah data untuk mendapatkan
informasi yang dibutuhkan oleh user atau pengguna. Spesifikasi perangkat
lunak (software) yang digunakan dalam perancangan program aplikasi ini
diantaranya adalah:
1. Sistem operasi yang digunakan Microsoft Windows.
2. Aplikasi bundle web server Xamp, Sublime Text 3, PHP, dan SQL.
3. Aplikasi komputer yang digunakan dalam web adalah Google Chrome.
4.3. Jadwal Implementasi
Tabel III.19
Jadwal Implementasi
No KEGIATAN WAKTU
Bulan
1 2 3 4
1 Persiapan data awal
2 Analisa
3 Desain Sistem
4 Desain Perangkat Lunak
5 Pembuatan & Tes Program
6 Tes sistem
7 Pelatihan
8 Pembuatan Buku Petunjuk
9 Evaluasi & Operasional
Sumber : Hasil Penelitian (2018)