BAB IV PERANCANGAN SISTEM USULAN · SMK Tri Mitra Kotabaru adalah lembaga yang bergerak dibidang...

30

BAB IV

PERANCANGAN SISTEM USULAN

4.1. Tahapan Perancangan Sistem

4.1.1. Analisis Kebutuhan

SMK Tri Mitra Kotabaru adalah lembaga yang bergerak dibidang pendidikan.

Pada perkembangannya, SMK Tri Mitra Kotabaru ini masih menggunakan sistem

penerimaan peserta didik baru secara manual dan masih kurang dikenal masyarakat

secara luas. Sistem penerimaan peserta didik baru didalam pelaksanaannya

memerlukan informasi yang cepat, tepat dan akurat sehingga laporan yang

dihasilkan dapat dipertanggungjawabkan. Dengan memanfaatkan teknologi yang

semakin berkembang saat ini yaitu internet dapat membantu kegiatan pengolahan

data pendaftaran yang disertai dengan pembuatan laporan-laporan data yang

dibutuhkan.

Untuk mengatasi permasalahan tersebut penulis bermaksud merancang suatu

website untuk mempermudah pendafataran peserta didik baru dan memperkenalkan

atau mempromosikan SMK Tri Mitra Kotabaru.

A. Analisa Kebutuhan Pengguna

Dalam pembuatan dan perancanagan website ini hanya ada tiga pengguna

yang berinteraksi dalam lingkungan sistem yaitu:

1) Kebutuhan pengunjung

a. Pengunjung dapat melihat informasi mengenai sejarah sekolah.

b. Pengunjung dapat melihat informasi langkah-langkah cara

pendaftaran peserta didk baru.

31

c. Pengunjung dapat melakukan pendaftaran peserta didik baru.

d. Pengunjung dapat menghubungi pihak admin perihal informasi pendaftaran.

2) Kebutuhan pendaftar (calon siswa)

a. Pendaftar yang mengisi formulir pendaftaran akan otomatis tersimpan oleh

sistem dan bisa melakukan login.

b. Pendaftar dapat melakukan cetak pendaftaran (riwayat pendaftraan) setelah

login.

c. Pendaftar dapat melihat hasil kelulusan setelah diseleksi dan dikonfirmasi

admin.

d. Pendaftar dapat melihat informasi tentang sekolah.

e. Pendaftar dapat mengirim pesan kepada admin jika ada yang tidak dimengerti

dalam proses pendaftaran

f. Pendaftar dapat melihat langkah-langkah pendaftaran

3) Kebutuhan bagi admin

a. Admin dapat mengelola data laporan pedaftaran, isi formulir, komentar,

tentang kami, kelola user.

b. Admin dapat menghapus semua data yang berhubungan dengan website

penerimaan peserta didik baru.

B. Analisis Kebutuhan Sistem

1) Website penerimaan peserta didik baru ini memudahkan pendaftar untuk

berinteraksi tanpa harus datang ke sekolah untuk mendaftar.

2) Website dapat menampilkan informasi mengenai sekolah dan cara

pendaftaran.

3) Sistem akan memberikan bukti pendaftaran kepada pendaftar.

32

4) Pendaftar bisa melakukan komentar jika ada yang tidak dimengerti ataupun

saran untuk panitia penerimaan peserta didik baru agar bisa lebih baik lagi.

4.1.2. Rancangan Diagram Use Case

Gambar IV.1.

Use Case Diagram Pendaftaran Siswa Baru

33

Tabel IV.1.

Tabel Deskripi Use Case Diagram Calon siswa

Use case name Pendaftaran siswa baru

Requirements Calon siswa melakukan pengisian formulir

Pre-Condition Calon siswa dapat login

Past Condition Sistem memproses formulir pendaftaran

Failed end conditions Pengisian formulir yang gagal akan

kembali mengisi formulir kembali

Primary Actors Calon Siswa

Main Flow / Basic

Path

1. Calon siswa menerima riwayat pendaftaran

2. Calon siswa menerima riwayat kelulusan

Invariant Sistem menampilkan “Data tidak boleh kosong” jika

formulir tidak diisi lengkap

Tabel IV.2.

Tabel Deskripi Use Case Diagram Admin

Use case name Pendaftaran siswa baru

Requirements Admin dapat mengkonfirmasi laporan pendaftaran

Pre-Condition Admin melakukan proses konfirmasi laporan

pendaftaran

Past Condition Sistem memproses formulir pendaftaran

Failed end conditions Pendaftaran gagal disimpan didatabase

Primary Actors Admin

Main Flow / Basic

Path

1. Admin menerima laporan pendaftaran

2. Admin mengelola data tentang kami

3. Admin mengelola data komentar

4. Admin mengelola data isi formulir

5. Admin mengelola data kelola user

34

Invariant 1. Admin mengkonfirmasi laporan pendaftaran dengan

keterangan “LULUS” atau “TIDAK LULUS”

2. Admin mengkonfirmasi data tentang kami

3. Admin mengkonfirmasi data komentar

4. Admin mengkonfirmasi data isi formulir

5. Admin mengkonfirmasi data kelola user

4.1.3. Rancangan Diagram Aktivitas

1. Rancangan Diagram Aktivitas (Pengunjung)

Gambar IV.2.

Rancangan Diagram Aktivitas (Pengunjung)

35

2. Rancangan Diagram Aktivitas (Calon siswa)

Gambar IV.3.

Rancangan Diagram Aktivitas (Calon siswa)

36

3. Rancangan Diagram Aktivitas (Admin)

Gambar IV.4.

Rancangan Diagram Aktivitas (Admin)

37

4.1.4. Rancangan Dokumen Usulan

A. Rancangan Dukumen Masukan

1. Nama Dokumena : Foto Pendaftar

Fungsi : Sebagai persyaratan pendaftaran siswa baru

Sumber : Pendaftar

Tujuan : Sekolah

Media : File

Jumlah : 1 (satu)

Frekuensi : satu kali pendaftaran

Bentuk : Lihat Lampiran C.1

Ukuran File : Maksimal 1 mb

2. Nama Dokumen : Kartu Tanda Penduduk (KTP)


Sumber : Pendaftar

Tujuan : Sekolah

Media : File

Jumlah : 1 (satu)




3. Nama Dokumen : Kartu Keluarga (KK)


Sumber : Pendaftar

Tujuan : Sekolah

Media : File

38

Jumlah : 1 (satu)




4. Nama Dokumen : AKTE


Sumber : Pendaftar

Tujuan : Sekolah

Media : File

Jumlah : 1 (satu)




5. Nama Dokumen : IJAZAH


Sumber : Pendaftar

Tujuan : Sekolah

Media : File

Jumlah : 1 (satu)




6. Nama Dokumen : TRANSKRIP NILAI


Sumber : Pendaftar

39

Tujuan : Sekolah

Media : File

Jumlah : 1 (satu)




B. Rancangan Dukumen Keluaran

1. Nama Dokumen : Bukti Pendaftaran I

Fungsi : Sebagai tanda bukti telah melakukan pendaftaran

Sumber : Sistem

Tujuan : Pendaftar

Media : File

Jumlah : 1 (satu)

Frekuensi : Satu kali Pendaftaran

Bentuk : Lihat Lampiran D.1

2. Nama Dokumen : Hasil Seleksi Lolos atau tidaknya pendaftar

Fungsi : Untuk mengetahui lolos atau tidaknya pendaftar

Sumber : Admin

Tujuan : Pendaftar

Media : File

Jumlah : 1 (satu)

Frekuensi : Satu kali pendaftaran

Bentuk : Lihat Lampiran D.2

40

4.1.5. Rancangan Prototype

1. Rancangan Prototype (Pengunjung)

a. Tampilan awal pengunjung

Gambar IV.5.

Tampilan Awal / Depan

b. Tampilan tentang kami

Gambar IV.6.

Tampilan Tentang Kami

41

c. Tampilan informasi pendaftaran

Gambar IV.7.

Tampilan Informasi Pendaftaran

d. Tampilan pendaftaran

Gambar IV.8.

Tampilan Pendaftaran

42

e. Tampilan login

Gambar IV.9.

Tampilan Login

f. Tampilan kontak

Gambar IV.10.

Tampilan Kontak

43

2. Rancangan Prototype (Calon Siswa)

a. Tampilan awal setelah login calon siswa

Gambar IV.11.

Tampilan Halaman Awal

b. Tampilan Riwayat pendaftaran

Gambar IV.12.

Tampilan Riwayat Pendaftaran yang sedang diverifikasi

44

c. Tampilan Riwayat pendaftaran berketerangan lolos

Gambar IV.13.

Tampilan riwayat pendaftaran yang sudah berketerangan lolos

3. Rancangan Prototype (Admin)

a. Tampilan laporan pendaftaran

Gambar IV.14.

Tampilan Laporan Pendaftaran

45

b. Tampilan isi formulir

Gambar IV.15.

Tampilan Isi Formulir

c. Tampilan kelola komentar

Gambar IV.16.

Tampilan Kelola Komentar

46

d. Tampilan kelola tentang kami

Gambar IV.17.

Tampilan Kelola Tentang Kami

e. Tampilan kelola info pendaftaran

Gambar IV.18.

Tampilan Kelola Info Pendaftaran

47

f. Tampilan kelola user

Gambar IV.19.

Tampilan Kelola User

4. Rancangan Prototype Implementasi (Pengunjung)

a. Tampilan awal pengunjung

Gambar IV.20.


48

b. Tampilan tentang kami

Gambar IV.21.

Tampilan Tentang Kami

c. Tampilan informasi pendaftaran

Gambar IV.22.

Tampilan Informasi Pendaftaran

49

d. Tampilan pendaftaran

Gambar IV.23.

Tampilan Pendaftaran

e. Tampilan login

Gambar IV.24.

Tampilan Login

50

f. Tampilan kontak

Gambar IV.25.

Tampilan Kontak

5. Rancangan Prototype Implementasi (Calon Siswa)

a. Tampilan Halaman Awal

Gambar IV.26.


51

b. Tampilan Riwayat pendaftaran yang sedang diverifikasi

Gambar IV.27.

Tampilan Riwayat pendaftaran yang sedang diverifikasi

c. Tampilan riwayat pendaftaran yang sudah berketerangan lolos

Gambar IV.28.

Tampilan riwayat pendaftaran yang sudah berketerangan lolos

52

d. Tampilan riwayat pendaftaran berketeranagan lolos bisa dicetak

Gambar IV.29.

Tampilan riwayat pendaftaran berketeranagan lolos bisa dicetak

6. Rancangan Prototype Implementasi (Admin)

a. Lampilan Laporan Pendaftaran

Gambar IV.30.

Tampilan Laporan Pendaftaran

53

b. Tampilan Isi Formulir

Gambar IV.31.

Tampilan Isi Formulir

c. Tampilan Komentar Yang Masuk Ke Admin

Gambar IV.32.

Tampilan Komentar Yang Masuk Ke Admin

54

d. Tampilan Tentang Kami Pada Admin

Gambar IV.33.

Tampilan Tentang Kami Pada Admin

e. Tampilan Info Pendaftaran Pada Admin

Gambar IV.34.

Tampilan Info Pendaftaran Pada Admin

55

f. Tampilan Kelola User Admin

Gambar IV.35.

Tampilan Kelola User Admin

4.2. Perancangan Perangkat Lunak

4.2.1. ERD (Entity Relationship Diagram)

Gambar IV.36.

Entity Relationship Diagram Sistem Pendaftaran Calon Siswa Baru

56

4.2.2. LRS (Logical Record Structure)

Gambar IV.37.

Logical Record Structure Sistem Pendaftaran Calon Siswa Baru

4.2.3. Spesifikasi File

1. Spesifikasi File Tabel Info Pendaftaran

Nama File : Info Pendaftaran

Akronim : info_pendaftaran

Fungsi : Untuk informasi pendaftaran calon siswa baru

Tipe File : File Master

Organisasi File : Index Sequential

Akses File : Random

Media : Hard Disk

Panjang Record : 31 Karakter

Kunci File : id_infopendaftaran

Software : MySQL

57

Tabel IV.3.

Spesifikasi File Info Pendaftaran

No. Elemen Data Nama File Type Size Keterangan

1. id_infoPendaftaran id_infoPendaftaran Int 11 PK

2. langkah1 langkah1 Text

3. Langkah2 Langkah2 Text



6. username Username Varchar 20

2. Spesifikasi File Tabel Pendaftaran

Nama File : Data Pendaftaran

Akronim : pendaftaran

Fungsi : Untuk penyimpanan data peserta didik baru

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk


Kunci File : id_pendaftaran

Software : MySQL

Tabel IV.4.

Spesifikasi File Pendaftaran


1. id_pendaftaran id_pendaftaran int 11 PK

2. no_register no_register varchar 20

3. tgl_proses tgl_proses varchar 20

4. status status Int 1

5. catatan catatan text

6. username_app username_app varchar 20

58

3. Spesifikasi File Tabel Calon Siswa

Nama File : Calon Siswa

Akronim : calon_siswa

Fungsi : Untuk penyimpanan data sementara



Akses File : Random

Media : Hard Disk

Panjang Record : 1.457 Karakter

Kunci File : id_pendaftaran

Software : MySQL

Tabel IV.5.

Spesifikasi File Calon Siswa


1. id_pendaftaran id_pendaftaran Int 11 PK

2. nomor_awal nomor_awal Int 11

3. no_register no_register Varchar 20

4. nama_lengkap nama_lengkap Varchar 100

5. tempat_lahir tempat_lahir Varchar 50

6. tanggal_lahir tanggal_lahir Varchar 20

7. jenis_kelamin jenis_kelamin Varchar 15

8. agama Agama Varchar 25

9. asal_sekolah asal_sekolah Varchar 100

10. tahun_lulus tahun_lulus Int 11

11. alamat Alamat Text

12. nomor_hp nomor_hp Varchar 20

13. email Email Varchar 50

14. nama_ayah nama_ayah Varchar 100

15. pekerjaan_ayah pekerjaan_ayah Varchar 100

16. penghasilan_ayah penghasilan_ayah Int 11

17. nama_ibu nama_ibu Varchar 100

18. pekerjaan_ibu pekerjaan_ibu Varchar 100

19. penghasilan_ibu penghasilan_ibu Int 11

20. nama_wali nama_wali Varchar 100

21. pekerjaan_wali pekerjaan_wali Varchar 100

59

22. penghasilan_wali penghasilan_wali Int 11

23. foto Foto Varchar 50

24. ktp Ktp Varchar 50

25. kk Kk Varchar 50

26. akte akte Varchar 50

27. ijazah Ijazah Varchar 50

28. transkrip Transkrip Varchar 50

29. tgl_input tgl_input Varchar 20

30. status Status Int 1

31. catatan Catatan Text

32. tgl_proses tgl_proses Varchar 20

33. username_app username_app Varchar 50

4. Spesifikasi File Tabel Tentang Kami

Nama File : Tentang kami

Akronim : tentang_kami

Fungsi : untuk informasi tentang sekolah



Akses File : Random

Media : Hard Disk


Kunci File : id_tentangkami

Software : MySQL

Tabel IV.6.

Spesifikasi File Tentang Kami


1. id_tentangKami id_tentangKami int 11 PK

2. keterangan keterangan text

3. visi_misi visi_misi text

4. username username varchar 20

60

5. Spesifikasi File Tabel Kontak

Nama File : Data Kontak

Akronim : kontak

Fungsi : Untuk menanyakan proses pendaftran yang

tidak dimengerti

Tipe File : File Transaksi


Akses File : Random

Media : Hard Disk


Kunci File : id_kontak

Software : MySQL

Tabel IV.7.

Spesifikasi File Kontak


1. id_kontak id_kontak Int 11 PK

2. nama_pengunjung nama_pengunjung varchar 100

3. email email varchar 100

4. subjek subjek varchar 100

5. pesan pesan text

6. tgl_input tgl_input varchar 20

7. status status int 1

8. pesan_admin pesan_admin text

9. tgl_jawab tgl_jawab varchar 20


6. Spesifikasi File Tabel User

Nama File : User

Akronim : user

Fungsi : Sebagai admin

61



Akses File : Random

Media : Hard Disk


Kunci File : username

Software : MySQL

Tabel IV.8.

Spesifikasi File User

No

.

Elemen Data Nama File Type Size Keterangan

1. username Username varchar 50 PK

2. password Password varchar 50

3. nama_lengkap nama_lengkap varchar 100

4. email Email varchar 100

5. level Level enum(A,U,O)

6. blokir Blokir enum('Y','N')

7. foto Foto varchar 100

8. no_hp no_hp varchar 15

9. hak_akses hak_akses int 11

7. Spesifikasi File Tabel Modul

Nama File : Data Modul

Akronim : modul

Fungsi : Untuk informasi setiap proses



Akses File : Random

Media : Hard Disk


Kunci File : id_modul

62

Software : MySQL

Tabel IV.9.

Spesifikasi File Modul


1. id_modul id_modul int 3 PK

2. nama_modul nama_modul varchar 100

3. link Link varchar 100

4. urutan Urutan int 3

5. status Status varchar 100

6. menu menu varchar 10

7. aktif Aktif varchar 1


8. Spesifikasi File Tabel Content

Nama File : Content

Akronim : content

Fungsi : Proses yang dilakukan admin



Akses File : Random

Media : Hard Disk


Kunci File : id_content

Software : MySQL

63

Tabel IV.10.

Spesifikasi File Content


1. id_content id_content int 11 PK

2. nama_content nama_content varchar 100

3. level_content level_content varchar 10

4. link_content link_content varchar 200


4.2.4. Class Model / Class Diagram

Gambar IV.38.

Class Diagram Sistem Pendaftaran Calon Siswa Baru

64

4.2.5. Sequence Diagram

Gambar IV.38.

Sequence Diagram Pendaftaran Calon Siswa Baru

4.2.6. Spesifikasi Hardware dan Software

1. Spesifikasi Hardware

A. Server

1) CPU

(a) Processor Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

65

B. Client

1) CPU

(a) Processor Pentium® 4

(b) RAM DDR2 1 GB

(c) Hard Disk 250 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

2. Spesifikasi Software

A. Server

1. Sistem operasi yang umum digunakan seperti: Microsoft Windows

2. Aplikasi Web seperti: Notepad++ (bahasa php), Xampp yang terdiri dari

beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi MySQL Server v5

(3) Aplikasi phpMyAdmin v3

(4) Aplikasi Notepad++ (bahasa php)

3. Aplikasi Web lihat seperti: Mozilla Firefox, Google Chrome, Internet

Explorer

B. Client

1. Sistem operasi yang umum digunakan seperti: Microsoft Windows

2. Aplikasi Web lihat seperti: Mozilla Firefox, Google Chrome, Internet

Explorer

66

4.3. 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

Tabel IV.11.

Tabel Jadwa Implementasi

BAB IV PERANCANGAN SISTEM USULAN · SMK Tri Mitra Kotabaru adalah lembaga yang bergerak dibidang...

Documents

Transcript of BAB IV PERANCANGAN SISTEM USULAN · SMK Tri Mitra Kotabaru adalah lembaga yang bergerak dibidang...