bab iv perancangan sistem usulan 4.1. tahapan … · da t a wa rga be la ja r se kola h a sa l...

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


Tabel III.9

Deskripsi Use Case Mengisi Biodata (formulir)

Use Case Name Mengisi biodata (formulir)

Requirements Menerima File

Goal Bagian pendaftaran menerima kelengkapan




Mainflow / basic

path




Alternatif flow /

invariant A


Alternatif flow /

invariant B




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




Mainflow / basic

path



36


Alternatif flow /

invariant A


Alternatif flow /

invariant B




Tabel III.11

Deskripsi Use Case Melakukan Pembayaran

Use Case Name Melakukan Pembayaran

Requirements Menerima kwitansi pembayaran

Goal Bagian pendaftaran menyerahkan kwitansi pebayaran




Mainflow / basic

path




Alternatif flow /

invariant A


Alternatif flow /

invariant B




Tabel III.12

Deskripsi Use Case Melayani Registrasi

Use Case Name Melayani Registrasi

Requirements Memberi kwitansi pembayaran





Mainflow / basic

path




Alternatif flow /

invariant A


Alternatif flow /

invariant B




Tabel III.13

Deskripsi Use Case Menerima Kwitansi Pembayaran

Use Case Name Menerima Kwitansi Pembayaran

Requirements Memberi kwitansi pembayaran

37





Mainflow / basic

path




Alternatif flow /

invariant A


Alternatif flow /

invariant B




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




Mainflow / basic

path




Alternatif flow /

invariant A


Alternatif flow /

invariant B




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


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


Tujuan : Syarat pendaftaran

Media : Kertas

Jumlah : 1 lembar



3. Nama dokumen : Scan SKHU

Fungsi : Sebagai ijazah sementara



Media : Kertas

Jumlah : 1 lembar



4. Nama dokumen : Scan Kartu keluarga

Fungsi : Sebagai identitas dan jumlah suatu keluarga

Sumber : Warga belajar


40

Media : Kertas

Jumlah : 1 lembar



5. Nama dokumen : Scan Ktp Orang Tua

Fungsi : Sebagai syarat pendaftaran


Tujuan : Syarat

Media : Kertas

Jumlah : 4 lembar



6. Nama dokumen : File Foto

Fungsi : Sebagai syarat pendaftaran


Tujuan : Syarat

Media : Kertas

Jumlah : 4 lembar & 8 lembar



Rancangan Dokumen Keluaran:

1. Nama dokumen : Nota Pembayaran / Kwitansi

Fungsi : Sebagai bukti transaksi warga belajar


41

Tujuan : Warga belajar

Media : Kertas

Jumlah : 1 lembar


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


Gambar III.5 Prototype Login Pendaftaran

43

2. Interface Beranda


Gambar III.6 Prototype Beranda

44

3. Interface Tampilan Persyaratan


Gambar III.7 Prototype Tampilan Persyaratan

45

4. Interface Tampilan Data Pribadi


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



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

email

password

Menginput

1 1

1 M

M1

Id_data


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



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


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


2. Spesifikasi File Data Warga Belajar

Nama File : Data Warga Belajar

Akronim : Warga Belajar

Fungsi : Sebagai identitas warga belajar

Tipe file : file master


Akses file : random

Media : kertas

Panjang record : 175

Kunci file : NISN

Software : SQL

Tabel III.16

Spesifikasi File Data Warga Belajar

49


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


3. Spesifikasi File Data Sekolah Asal

Nama File : Data Sekolah Asal

Akronim : Data Sekolah

Fungsi : Sebagai identitas data sekolah



50

Akses file : random

Media : kertas

Panjang record : 121

Kunci file : SKHU

Software : SQL

Tabel III.17

Spesifikasi File Data Sekolah Asal


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


4. Spesifikasi File Data Pribadi

Nama File : Data Pribadi

Akronim : Pribadi

Fungsi : sebagai bukti persyaratan



51

Akses file : random

Media : kertas

Panjang record : 50

Kunci file : Id_data

Software : SQL

Tabel III.18

Spesifikasi File Data Pribadi


1 Id_data Id_data Varchar 15 Primarykey

2 Nama Nama Char 5

3 Email Email Varchar 10

4 Psassword Password Char 20


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


Data Pribadi

NamaEmailPasswordId_data


Pengguna

UsernamePassword Hak akses


1 n

1

n

1

1


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.



Gambar III.12 Sequence Diagram Login Sistem Usulan

Biodata (Formulir) Pembayaran Kwitansi


1.

2.

3.

Mengisi biodata (formulir)

4.

Menerima kelengkapan persyaratan




Gambar III.13 Sequence Diagram Biodata (Formulir) Sistem Usulan

54

Pembayaran Kwitansi


1.

2.




Gambar III.14 Sequence Diagram Pembayaran Sistem Usulan

Kwitansi


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


bab iv perancangan sistem usulan 4.1. tahapan … · da t a wa rga be la ja r se kola h a sa l...

Documents