BAB IV PERANCANGAN SISTEM USULAN

(1)

42

4.1 Tahapan Perancangan Sistem

4.1.1 Analisa Kebutuhan

1. Analisa Kebutuhan Pengguna

Dalam aplikasi web akademik terdapat tiga pengguna yang dapat saling berinteraksi dalam lingkungan system, yaitu: Bagian Admin, Guru, dan Siswa. Ketiga pengguna tersebut memiliki karakteristik interaksi dengan system yang berbeda-beda dan memiliki kebutuhan informasi yang berbeda-beda, seperti berikut :

a. Skenario Kebutuhan Bagian Admin 1) Mengelola Pendaftaran

2) Mengelola Data Siswa 3) Melihat Data Pembelian 4) Mengelola Data Guru

5) Melihat Data Penilaian Hasil Karya 6) Melihat Laporan Pembayaran 7) Melihat Laporan Pembelian 8) Melihat Rencana Kegiatan Harian b. Skenario Kebutuhan Bagian Guru

1) Melihat Data Siswa 2) Melihat Data Guru

3) Membuat Rencana Kegiatan Harian 4) Mengelola Data Pembelian

(2)

5) Mengelola Data Pembayaran 6) Membuat Laporan Pembelian 7) Membuat Laporan Pembayaran

8) Mengelola Data Penilaian Hasil Karya c. Skenario Kebutuhan Bagian Kepala Sekolah

1) Melihat Data Pendaftaran 2) Melihat Data Siswa 3) Melihat Data Guru

4) Melihat Rencana Kegiatan Harian 5) Melihat Data Pembelian

6) Melihat Data Pembayaran 7) Melihat Laporan Pembelian 8) Melihat Laporan Pembayaran 9) Melihat Data Penilaian Hasil Karya 2. Analisa Kebutuhan Sistem

a. System menyediakan login untuk Admin, Guru, dan Kepala Sekolah dengan memasukkan Username dan Password agar privasi masing-masing pengguna tetap terjaga keamanannya.

b. System mengelola pendaftaran, data siswa, penjadwalan rencana kegiatan harian, pembelian buku, data penilaian hasil karya, laporan pembelian, dan laporan pembayaran.

c. Pengguna harus melakukan logout setelah selesai mengakses system.

(3)

ADMIN KEPSEK GURU LOGIN USERNAME PASSWORD <<include>> <<include>> LAPORAN LAPORAN PEMBELIAN LAPORAN PEMBAYARAN LAPORAN DATA SISWA <<extend>> <<extend>> <<extend>> LOGOUT JADWAL RKH INPUT JADWAL <<extend>> DATA SISWA DATA PENDAFTARAN DATA GURU <<extend>> INPUT DATA GURU <<extend>> DATA PENILAIAN INPUT PENILAIAN <<extend>> PEMBELIAN MAJALAH PEMBAYARAN MAJALAH <<include>> Gambar IV.1

Use Case Diagram Akademik

Tabel IV.1

Deskripsi Use Case Sistem Akademik

Use Case Akademik Melihat data akademik

Requirements ( Per-skenario)

Goal Bagian admin, guru dan kepala

sekolah dapat mengakses web secara online

Pre-Conditions Semua aktor telah melakukan login Post-Conditions Admin memproses pembuatan siswa

kepada kepala sekolah dan guru. Failed end Condition Data siswa gagal ditambahkan dan

tidak tersimpan dalam database.

Actors Admin, Kepala sekolah dan Guru

Main Flow / Basic Path 1. Admin membuat data siswa kemudian diberikan kepada kepsek dan guru.

(4)

2. Guru dan kepala sekolah dapat melihat data siswa.

3. Admin mencetak laporan lalu diserahkan kepada kepala sekolah. 4. Admin membuat rekap laporan. 5. User mengetikan nama atau

id_user dan password.

Invariant 1. Sistem mendeteksi form data siswa belum terisi.

2. Sistem menampilakan pesan “Invalid”.

3. Admin mengkonfirmasi atau telah membuat data siswa dan diberikan kepada guru dan kepala sekolah.

(5)

4.1.3 Activity Diagram

1. Activity Diagram Login

Masuk Apl/web Tampil Menu Utama

Pilih Menu

Ruang Kepsek Ruang Guru Ruang Admin

Menampilkan Form login menu yang dipilih Masukan Username &

Password

Masukan Username & Password

Proses

Invalid

Valid

Gambar IV.2

(6)

2. Activity Diagram Rencana Kegiatan Harian (RKH)

Klik RKH Menampilkan form

RKH

Input RKH

Simpan Menyimpan data

RKH

Gambar IV.3

Activity Diagram Rencana Kegiatan Harian (RKH)

3. Activity Diagram Pendaftaran

Klik data pendaftaran

Input data pendaftaran

Menampiklan form data pendaftaran

Klik simpan menyimpan data pendaftaran dan

menampilkan bukti pendaftaran

Gambar IV.4

(7)

4. Activity Diagram Data Guru

Klik data guru Menampilkan form data guru

Input data guru

Klik Simpan Menyimpan data guru

Gambar IV.5

Activity Diagram Data Guru

5. Activity Diagram Penilaian Hasil Karya

Klik data penilaian hasil karya

Menampilkan form data penilaian hasil karya Input data penilaian

hasil karya

Klik simpan Menyimpan data penilaian hasil karya

Gambar IV.6

(8)

6. Activity Diagram Laporan

Klik Laporan Menampilkan form

laporan

Pilih laporan yang ingin dicetak

Klik cetak

Laporan pembelian Laporan Pembayaran Laporan data siswa

Menampilkan laporan

Gambar IV.7

Activity Diagram Laporan

7. Activity Diagram Pembelian Majalah

Klik Pembelian Majalah

Pilih Majalah yang akan di beli

Menampilkan Form Pembelian

Simpan

Menampilkan detai Pembelian majalah & id

Pembelian

Gambar IV.8

(9)

8. Activity Diagram Pembayaran Majalah Klik Pembayaran buku Input Id Pembelian Menampilkan Form Pembayaran Cek Id Input Pembayaran

Klik cetak konfirmasi Pembayaran

Proses

Tampil konfirmasi Pembayaran Menampilkan data Pembayaran & Bukti sesuai invalid

Gambar IV.9

Activity Diagram Pembayaran Majalah

4.1.4 Rancangan Dokumen Sistem Usulan

A. Dokumen Masukan

1. Nama Dokumen : Data Pendaftaran

Fungsi : Berisi data identitas siswa, orang tua dan alamat rumah

Sumber : Admin

Tujuan : Kepala Sekolah Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap Penerimaan Siswa Baru Bentuk : Lihat Lampiran

(10)

2. Nama Dokumen : Data Pembelian

Fungsi : Berisi data pembelian majalah

Sumber : Guru

Tujuan : Admin dan Kepla aSekolah Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap terjadinya transaksi pembelian Bentuk : Lihat Lampiran

3. Nama Dokumen : Data Penilaian Hasil Karya

Fungsi : Berisi data penilaian hasil karya anak

Sumber : Guru

Tujuan : Kepala Sekolah dan Admin Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap satu minggu sekali Bentuk : Lihat Lampiran

4. Nama Dokumen : Data Guru

Fungsi : Berisi data identitas guru

Sumber : Guru

Tujuan : Admin dan Kepala sekolah Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap masuknya guru baru Bentuk : Lihat Lampiran

(11)

B. Dokumen Keluaran

1. Nama Dokumen : Pembayaran

Fungsi : Berisi data pembayaran untuk laporan pembayaran

Sumber : Guru

Tujuan : Admin dan Kepala Sekolah Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap terjadinya transaksi pembayaran Bentuk : Lihat Lampiran

2. Nama Dokumen : Rencana Kegiatan Harian

Fungsi : Berisi data rencana kegiatan harian siswa

Sumber : Guru

Tujuan : Admin dan Kepala sekolah Media : Kertas

Jumlah : 1 lembar

Frekuensi : Setiap satu minggu sekali Bentuk : Lihat Lampiran

3. Nama Dokumen : Data siswa

Fungsi : Berisi Data data siswa

Sumber : Admin

Tujuan : Kepala Sekolah Media : Kertas

Jumlah : 1 lembar

(12)

Bentuk : Lihat Lampiran

3.1.5 Rancangan Prototype

1. Form Login

Gambar IV.10 Form Login

2. Form Menu Utama

Gambar IV.11 Form Menu Utama

(13)

3. Form Data Siswa Admin

Gambar IV.12 Form Data Siswa Admin

4. Form Tambah Data Siswa Admin

Gambar IV.13

(14)

5. Form Data Guru Admin

Gambar IV.14 Form Data Guru

6. Form Pembelian Majalah (Guru)

Gambar IV.15

Form Pembelian Majalah (Guru)

(15)

Gambar IV.16

Form Pembayaran Majalah (Guru)

8. Form Pendaftaran Admin

Gambar IV.17 Form Pendaftaran Admin

(16)

9. Form Rencana Kegiatan Harian Guru

Gambar IV.18

Form Rencana Kegiatan Harian Guru

10. Form Penilaian Hasil Karya

Gambar IV.19

(17)

4.2 Perancangan Perangkat Lunak 4.2.1 Entity Relationship Diagram (ERD)

USER

GURU PEMBELIAN PEMBAYARAN

PENILAIAN PENDAFTARAN RKH MAJALAH DATA_SISWA ID_GURU NAMA JABATAN TTL

NO_HP ALAMAT _PENDIDIKAN

ID_PENILAIAN NIS NAMA PELAJARAN NARASI ID_PEMBELIAN KODE_BUKU NAMA_SISWA NAMA ROLE_ID ID_USER USERNAME PASSWORD ID_PENDAFTAR NAMA NO_KK NO_AKTA ID_PEMBAYARAN ID_PEMBELIAN ID_RKH HARI JAM TEMA_PEL ID_DASIS NIS NAMA JEKEL TTL AGAMA NAMA_ORTU NO_HP PEKERJAAN_ORTU ALAMAT ID_MAJALAH TEMA JUDUL HARGA GAMBAR KODE_MJL MENGINPUT MENGINPUT MENGINPUT MENGINPUT MEMBUAT MELAYANI MENGHASILKAN 1 M 1 1 1 M 1 1 1 M 1 M 1 M 1 M Gambar IV.20

(18)

4.2.2 Logical Record Structure (LRS)

Gambar IV.21

Logical Record Structure (LRS) Akademik

4.2.3 Spesifikasi File

1. Spesifikasi file User

Nama file : User

Akronim : User

(19)

Tipe File : File master

Organisasi File : Indexted Sequential Akses File : Random

Media : Hard Disk Panjang Record : 368 byte Kunci Field : id_user Software : Mysql

Tabel IV.2 Spesifikasi File User

No Elemen Data Akronim Tipe Panjang Keterangan

1 No User id_user Int 11 Primary Key

2 Nama Lengkap nama Varchar 255 3 Username username Varchar 50 4 Password password Varchar 50 5 Rolle_id rolle_id Varchar 2

2. Spesifikasi File Majalah

Nama file : Majalah Akronim : Majalah

Fungsi : Untuk menyimpan data majalah Tipe File : File master

(20)

Media : Hard Disk Panjang Record : 426 byte Kunci Field : id_majalah Software : Mysql

Tabel IV.3

Spesifikasi File Majalah

No Elemen Data Akronim Tipe Panjang Keterangan 1 No Majalah id_majalah Int 11 Primary Key 2 Tema Majalah tema Varchar 100

3 Kode Majalah kode_mjl Varchar 50 Foreign Key

4 Harga harga Varchar 10

5 Gambar gambar Varchar 255

3. Spesifikasi file Guru

Nama file : Guru

Akronim : Guru

Fungsi : Untuk menyimpan data guru Tipe File : File master

Media : Hard Disk Panjang Record : 579 byte Kunci Field : id_guru Software : Mysql

(21)

Tabel IV.4 Spesifikasi File Guru

1 No Guru id_guru Int 11 Primary Key

2 Nama Guru nama Varchar 255 3 Tempat Tanggal

Lahir

ttl Varchar 100

4 No Hp no_hp Int 13

5 Alamat alamat Text

6. Pendidikan pendidikan Varchar 100 7. Jabatan jabatan Varchar 100

4. Spesifikasi file Pembayaran

Nama file : Pembayaran Akronim : Pembayaran

Fungsi : Untuk menyimpan data pembayaran Tipe File : File master

(22)

Tabel IV.5

Spesifikasi File Pembayaran Majalah

1 No

Pembayaran

id_pembayaran Int 11 Primary Key 2 No Pembelian id_pembelian Int 11 Foreign Key 3 Nama Siswa nama_siswa Varchar 255

5. Spesifikasi file Pembelian majalah Nama file : Pembelian Akronim : Pembelian

Fungsi : Untuk menyimpan data Pembelian majalah Tipe File : File master

Media : Hard Disk Panjang Record : 276 byte Kunci Field : id_pembelian Software : Mysql

(23)

Tabel IV.6

Spesifikasi File Pembelian Majalah

No Elemen Data Akronim Tipe Panjang Keterangan 1 No Pembelian id_pembelian Int 11 Primary Key 2 Kode Majalah kode_mjl Varchar 10 Foreign Key

6. Spesifikasi file Penilaian hasil karya Nama file : Penilaian Akronim : Penilaian

Fungsi : Untuk menyimpan data penilaian hasil karya Tipe File : File master

Tabel IV.7

Spesifikasi File Penilaian

No Elemen Data Akronim Tipe Panjang Keterangan 1 No Penilaian id_penilaian Int 11 Primary Key 2 Nomor Induk

Siswa

nis Varchar 10 Foreign Key 3 Nama Siswa nama Varchar 100

(24)

5 Narasi narasi Text

7. Spesifikasi file RKH (Rencana Kegiatan Harian) Nama file : RKH

Akronim : rkh

Fungsi : Untuk menyimpan data RKH Tipe File : File master

Tabel IV.8

Spesifikasi File Rencana Kegiatan Harian

1 No RKH id_rkh Int 11 Primary Key

2 Hari Hari Varchar 10

3 Jam Jam Varchar 15

4 Tema Pelajaran tema_pel Varchar 50

8. Spesifikasi file Data Siswa

Nama file : Data Siswa Akronim : Data Siswa

(25)

Fungsi : Untuk menyimpan data siswa Tipe File : File master

Media : Hard Disk Panjang Record : 713 byte Kunci Field : id_dasis Software : Mysql

Tabel IV.9

Spesifikasi File Data Siswa

No Elemen Data Akronim Tipe Panjang Keterangan 1 No Data Siswa id_dasis Int Primary Key 2 No Induk

Siswa

nis Int Foreignt Key

3 Nama nama Varchar

4 Jenis Kelamin jekel Varchar 5 Tempat

Tanggal Lahir

ttl Varchar

6 Agama agama Varchar

7 Nama Orang Tua nama_ortu Varchar 8 No hp no_hp Int 9 Pekerjaan Orang Tua pekerjaan_ortu Varchar

(26)

9. Spesifikasi file Pendaftarn

Nama file : Pendaftaran Akronim : Pendaftaran

Fungsi : Untuk menyimpan data pendaftaran Tipe File : File master

Media : Hard Disk Panjang Record : 298 byte Kunci Field : id_pendaftaran Software : Mysql

Tabel IV.10

Spesifikasi File Pendaftaran

1 No

pendaftaran

id_pendaftaran Int 11 Primary Key

2 Nama nama Varchar 255

3 No Kartu keluarga no_kk Int 16 4 No akta kelahiran no_akta Int 16

(27)

4.2.4 Class Model / Class Diagram

Gambar IV.22 Class Diagram Akademik

(28)

4.2.5 Sequence Diagram Guru Form Pembelian 1. Tambah pembelian() Penyimpanan Pembelian Pembelian Detail 1.1 get judul() 1.2 get tema() 1.3 get kode_mjl() 1.4 get harga() 1.1.1 set nama() 1.1.2 set nominal() 1.1.3 set keterangan() Data Siswa Form Pendaftaran

3. Tambah Pendaftaran() 3.1 set nama() 3.2 set data dir()

2. get pembayaran()

Gambar IV.23

Sequence Diagram Sistem Akademik

4.2.6 Spesifikasi Hardware dan Software

1. Spesifikasi Hardware dan Software a. CPU

1). Processor intel (R) coleron (C) CPU N3350 @1.10 GHZ 1.10 GHZ 2). RAM 2 GB DDR3L (1.87 usable)

3). Harddisk 500 GB b. Mouse

c. Keybord

d. Monitor 14 inc 1366 x 768 piksel 2. Software

a. Sistem operasi : Microsoft Windows b. Aplikasi Website : Mysql dan Sublime text

(29)

c. Monitor 14 inc 1366 x 768 piksel

1). Processor intel (R) coleron (C) CPU N3350 @1.10 GHZ 1.10 GHZ 2). RAM 2 GB DDR3L (1.87 usable) 3). Harddisk 500 GB 4.3 Jadwal Implementasi Tabel IV.11 Jadwal Implementasi No KEGIATAN WAKTU

BULAN I BULAN II BULAN III 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

7. Pelatihan

8. Pembuatan Buku Petunjuk 9. Evaluasi & Operasional