Bina Sarana Informatika · Web viewKesalahan analisa kebutuhan yang diketahui ketika sudah memasuki...

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan Software

Analisa kebutuhan perangkat lunak (software) merupakan langkah awal

untuk menentukan perangkat lunak yang dihasilkan. Perangkat lunak yang baik

dan sesuai dengan kebutuhan pengguna sangat tergantung kepada keberhasilan

dalam melakukan analisa kebutuhan. Jika terjadi kesalahan dalam analisa

kebutuhan, maka perangkat lunak yang dibuat menjadi tidak berguna. Analisa

kebutuhan perangkat lunak yang baik belum tentu menghasilkan perangkat lunak

yang baik. Tetapi analisa kebutuhan yang tidak tepat sudah pasti menghasilkan

perangkat lunak yang tidak berguna. Kesalahan analisa kebutuhan yang diketahui

ketika sudah memasuki penulisan kode atau pengujian, bahkan hampir pada tahap

penyelesaian adalah malapetaka besar bagi sebuah kelompok pembuat perangkat

lunak. Biaya dan waktu yang diperlukan menjadi banyak yang tersia-sia.

A. Tahapan Analisis

Sistem informasi pencetakan sertifikat psikogram adalah sistem informasi

yang digunakan untuk pecetakan sertifikat hasil psikotest yang biasa disebut

psikogram dan administrasi kegiatan pada lembaga Indonesia Creative Centre

Jakarta. Berikut ini spesifikasi kebutuhan (system requirement) dari program

sistem informasi sertifikat psikogram ini.

Halaman Admin :

A.1. Admin dapat login

A.2. Admin dapat mengelola berita

46

47

A.3. Admin dapat mengelola pesan

A.4. Admin dapat mengelola pendaftaran

A.5. Admin dapat mengelola tagihan

A.6. Admin dapat mengelola psikogram

A.7. Admin dapat mengelola pembayaran

A.8. Admin dapat mengelola instansi

A.9. Admin dapat mengelola divisi

A.10. Admin dapat mengelola perwakilan

A.11. Admin dapat mengelola peserta

A.12. Admin dapat mengelola galeri

A.13. Admin dapat mengelola tampilan

A.14. Admin dapat mengelola pengaturan

A.15 Admin dapat mengelola akun admin

A.16. Admin dapat Logout

Halaman Perwakilan :

B.1. Perwakilan dapat login

B.2. Perwakilan dapat melihat psikogram

B.3. Perwakilan dapat logout

Halaman Peserta:

C.1. Peserta dapat login

C.2. Peserta dapat melihat psikogram

C.3. Peserta dapat logout

48

B. Use Case Diagram

Diagram ini menggambarkan model lengkap tentang siapa yang berperan

selama kegiatan pencetakan sertifikat psikogram berlangsung.

1. Use Case Diagram Halaman Admin

uc Use Case Diagram Halaman Admin

Admin

Admin

Login

Mengelola Pesan

Mengelola Tulisan

Mengelola Sistem

Mengelola Transaksi

Mengelola TampilanMengelola Pengaturan

Mengelola Berita

Mengelola Halaman Utama

Mengelola Tentang Kami

Mengelola Pendaftaran

Mengelola Psikogram

Mengeloa Instansi

Mengelola Div isi

Mengelola Perwakilan

Mengelola Peserta

Mengatur Tanggal Test, Tanggal Test, Jumlah

peserta

Edit

Hapus

Edit

Hapus

Mendaftarkan Instansi

Edit

Hapus

Menambahkan divisi

EditHapus Menambahkan

Perwakilan

Edit

Hapus

Mendaftarkan Peserta

Mengelola Tagihan

Mengelola Pembayaran

Melihat Detail

Memasukkan jumlah pembayaran

Edit

Hapus

Mengelola Galeri

Mengelola Slider

Mengelola Banner

Mengelola Lokasi

Simpan

Simpan

Simpan

Simpan

Simpan

Simpan

Cari

«include»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»«extend»

«extend»

«extend»

«extend»

«include»

«extend»

«include»

«include»

«include»

«include»

«extend»

«extend»

«extend»

«extend»

«include»

«include»

«include»

«include»

«include»

«include»

«extend»

«extend»«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

«extend» «extend»«extend»

«extend»

«extend»

«extend»

«extend»

«extend»

Gambar IV.1Use Case Diagram Halaman Admin

49

Tabel IV.1Deskripsi Use Case Diagram Halaman Admin

Use Case Name Halaman AdminRequirements A1 – A16Goal 1. Admin dapat melakukan login ke

sistem

2. Admin mengelola data

3. Admin dapat LogoutPre-condition Terhubung dengan serverPost Condition Data hasil tersimpanFailed and condition Tidak bisa memasukkan nilai psikotest

apabila peserta belum terdaftarPrimary Actor AdminMain Flow / Basic Path 1. Klik login

2. Input username dan password3. Klik login4. Masuk ruang admin5. Mengelola data6. Logout

Invariant 1. Admin dapat mengubah data2. Admin dapat menghapus data3. Admin dapat mencetak data

2. Use Case Diagram Halaman Perwakilan

uc Use Case Diagram Perwakilan Insta...

Perwakilan Instansi

Perwakilan Instansi

Login

Melihat Daftar Peserta

Melihat Psikogram

Melihat Tagihan Pembayaran

Melihat Akun Perwakilan

Logout

Mencetak keseluruhan

Melihat Psikogram Indiv idu

Mencetak psikogram indiv idu

Cari

«extend»

«include»

«include»

«extend»

«extend»«include»

«include»

«include»

«include»

50

Gambar IV.2Use Case Diagram Halaman Perwakilan

Tabel IV.2Deskripsi Use Case Diagram Halaman Perwakilan

Use Case Name Halaman PerwakilanRequirements B1 – B4

Goal Perwakilan dapat melakukan login ke sistem, melihat psikogram, melihat tagihan pembayaran

Pre-condition Terhubung dengan server

Post Condition Perwakilan dapat login

Failed and condition Guru tidak bisa mencetak tagihan pembayaran

Primary Actor perwakilan

Main Flow / Basic Path 1.Klik Login2.Input username dan password3.Klik Login4.Logout

Invariant 1. Perwakilan dapat melihat psikogram seluruh peserta

2. Perwakilan dapat melihat psikogram individu

3. Use Case Diagram Halaman Peserta

51

uc Use Case Diagram Peserta

Peserta

Peserta

Login

Melihat Hasil Test

Melihat Profil

Logout

Mencetak Hasil Test«extend»

«include»

«include»

«include»

Gambar IV.3Use Case Diagram Halaman Peserta

Tabel IV.3Deskripsi Use Case Diagram Halaman Peserta

Use Case Name Halaman PesertaRequirements C1 – C4Goal 1. Peserta dapat login

2. Peserta dapat melihat hasil test

3. Peserta dapat melihat akun

4. Peserta dapat logoutPre-condition Terhubung dengan serverPost Condition Data hasil tersimpanFailed and condition Tidak bisa melihat hasil test apabila

belum melaksanakan testPrimary Actor PesertaMain Flow / Basic Path 1. Klik Login

2. Masukkan username dan password3. Klik Psikogram4. Melihat psikogram5. Logout

Invariant Peserta dapat mencetak sertifikat psikogram

52

C. Activity Diagram

Diagram ini menggambarkan berbagai alur aktivitas dalam sistem yang sedang

dirancang, bagaimana alur berawal, decision yang mungkin terjadi dan bagaimana

mereka berakhir.

53

1. Activity Diagram Admin Mendaftarkan Instansi

act Activ ity Diagram Admin Mendaftarkan Instansi

InstansiSistemAdmin

Mulai

Mengajukan pendaftaranMembuka halaman webpsikogram

Menampilkan login admin

Memasukan usernamedan password

Memvalidasi data

Menampilkan halamanadmin

Apakahdatavalid?

Pilih menu "INSTANSI"

Mengisi form instansi

Mengklik simpan Validasi apakahdata lengkap?

Menyimpan data kedatabase

Menampilkan daftar datainstansi

Selesai

menampilkan halamanform instansi

Pilih menu "Sistem"

Ya

Tidak

Ya

Tidak

Gambar IV.4Activity Diagram Admin Mendaftarkan Instansi

54

2. Activity Diagram Admin Edit dan Hapus Instansi

act Activ ity Diagram Admin Edit dan Hapus Instansi

SistemAdmin

Mulai

Membuka halaman w ebpsikogram


Memasukan usernamedan passw ord

Memv alidasi data


Apakahdataval id?

Pilih menu "INSTANSI"

Menampilkan data instansiyang di klik ubah

Mengklik simpan Menyimpan data kedatabase

Menampilkan daftar datainstansi

Selesai

menampilkan halamanform instansi

UbahData?

Pilih data instansi

Mengubah data

HapusData?

Menghapus data

Menampilkan daftarinstansi terdaftar

Pilih menu "SISTEM"

Ya

Ya

Tidak

Tidak

YaTidak

Gambar IV.5Activity Diagram Admin Edit dan Hapus Instansi

55

3. Activity Diagram Admin Menambah Divisi

act Activ ity Diagram Admin Menambah Div isi

SistemAdmin

Mulai

Membuka halaman webpsikogram



Memv alidasi data


Apakahdatavalid?

Pilih menu "DIVISI"

Mengisi form tambahdiv isi


Menampilkan daftar dataperwakilan

Selesai

menampilkan halamanform div isi

Pilih menu "Sistem"Tidak

Ya

Gambar IV.6Activity Diagram Admin Menambah Divisi

56

4. Activity Diagram Admin Menambah Perwakilan

act Activ ity Diagram Menambah Perwakilan

InstansiSistemAdmin

Mulai

Menunjuk perwakilanMembuka halaman webpsikogram



Memvalidasi data


Apakahdatavalid?

Pilih menu"PERWAKILAN"

Mengisi form tambahperwakilan

Mengklik simpanValidasi apakahdata lengkap?


Menampilkan daftar dataperwakilan

Selesai

menampilkan halamanform perwakilan

Pilih menu "Sistem"

Tidak

Ya

Ya

Tidak

Gambar IV.7Activity Diagram Admin Menambah Perwakilan

57

5. Activity Diagram Admin Mendaftarkan Peserta

act Activ ity Diagram Admin Mendaftarkan Peserta

InstansiSistemAdmin

Mulai

Mengaj ukan nama namapeserta




Memv alidasi data


Apakahdata val id?

Pilih menu "PESERTA"

Mengisi form tambahpeserta

Mengklik simpan Validasi apakahdata lengkap?


Menampilkan daftar datapeserta

Selesai

menampilkan halamanform peserta

Memilih menu "Sistem"

Ya

Tidak

Ya

Tidak

Gambar IV.8Activity Diagram Admin Mendaftarkan Peserta

58

6. Activity Diagram Admin Edit dan Hapus Peserta

act Activ ity Diagram Admin edit dan Hapus data peserta

SistemAdmin

Mulai



Memasukan usernamedan passw ord

Memvalidasi data


Apakahdatavalid?

Pilih menu "PESERTA"

Menampilkan data pesertayang di klik ubah


Menampilkan daftar datapeserta

Selesai

menampilkan halamanform peserta

UbahData?

Pilih data instansi

Mengubah data

HapusData?

Menghapus data

Menampilkan daftarpeserta terdaftar

Ya

Tidak

Tidak

Ya

Ya

Gambar IV.9Activity Diagram Admin Mendaftarkan Peserta

59

7. Activity Diagram Admin Menambah Hasil Test Peserta

act Activ ity Diagram Admin Menambah Hasil Test Peserta

SistemAdmin

Mulai

Membuka halaman admin Tampil halaman admin

Memilih Menu "PESERTA" Menampilkan halamandaftar peserta

pilih Peserta yang ingindiinput nilai test

Klik "INPUT PSIKOGRAM" Menampilkan form inputpsikogram

Mengisi input peserta

klik SIMPAN

Menyimpan ke database

Selesai

Data terisisemua?

Menampilkan daftarpeserta

Pilih menu "Sistem"

Tidak

Ya

Gambar IV.10Activity Diagram Admin Menambah Hasil Test Peserta

60

8. Activity Diagram Admin Mengelola Pembayaran

act Activ ity Diagram Admin Mengelola Pembayaran

SistemAdmin

Mulai


Memilih Menu"PEMBAYARAN"

Menampilkan halamandaftar data pembayaran

Mengisi input pembayaran

klik SIMPAN


Selesai

Data terisisemua?

Menampilkan daftar datapembayaran

Memilih menu "Transaksi"

Tidak

Ya

Gambar IV.11Activity Diagram Admin Mengelola Pembayaran

61

9. Activity Diagram Admin Edit dan Hapus Data Pembayaran

act Activ ity Diagram Admin Mengelola Pembayaran

SistemAdmin

Mulai


Memilih Menu"PEMBAYARAN"

Menampilkan halamandaftar data pembayaran

Mengisi input pembayaran

klik SIMPAN


Selesai

Data terisisemua?

Menampilkan daftar datapembayaran

Memilih menu "Transaksi"

Tidak

Ya

Gambar IV.12Activity Diagram Admin Edit dan Hapus Data Pembayaran

62

10. Activity Diagram Admin Mengelola Tagihan

act Activ ity Diagram Mengelola Tagihan

SistemAdmin

Mulai

Masuk Halaman Admin Menampilkan halamanadmin

Memilih menu "Tagihan" Menampilkan daftartagihan

Melihat status tagihan

Selesai

Pilih menu "Transaksi"

Gambar IV.13Activity Diagram Admin Mengelola Tagihan

63

11. Activity Diagram Perwakilan Melihat Psikogram

act Activ ity Diagram Perwakilan Melihat Psikogram

SistemPerwakilan

Mulai

Membuka halaman web

Klik LOGIN

Menampilkan halamanweb

Menampilkan login user

Memasukkan usernamedan password

Apakahdata valid?

Menampilkan halamanperw akilan

Memilih Psikogram

Menampilkan halamanhasil psikogram seluruh

peserta instansi

Mencetakpsikogram ?

Melihat Hasil Psikogram

Mencetak psikogram

Selesai

Melihat hasilindividu?

Tampil halaman hasilindiv idu peserta

Cetak hasi lindividu ?

Mencetak psikogramindiv idu

Ya

YaTidak

Tidak

Ya

Tidak

Gambar IV.14Activity Diagram Perwakilan Melihat Psikogram

64

12. Activity Diagram Peserta Melihat Hasil Tes act Activ ity Diagram Peserta Melihat Hasil Test

SistemPeserta

Mulai

Membuka halaman web

Klik LOGIN

Menampilkan halamanweb

Menampilkan login user

Memasukkan usernamedan password

Apakahdata valid?

Menampilkan halamanpeserta

Memilih Psikogram

Menampilkan halamanhasil psikogram

Mencetakpsikogram ?

Melihat Hasil Psikogram

Mencetak psikogram

Selesai

Tidak

Ya

Tidak

Ya

SGambar IV.15Activity Diagram Peserta Melihat Psikogram

65

4.2. Desain

4.2.1. Database

1. Entity Relationship Diagram

Gambar IV.16ERD Sistem Informasi Pencetakan Sertifikat Psikogram

2. Logical Record Structure

66

Gambar IV.17LRS Sistem Informasi Pencetakan Sertifikat Psikogram

3. Spesifikasi File

67

a. Spesifikasi File TabelAccount

Nama Database : db_srtonline

Nama File : account

Akronim :account.myd

Tipe File : File Master

Akses file : Random

Panjang Record : 42Byte

Kunci Field : kd_account

Tabel IV.4Spesifikasi File Tabel Account

No Elemen Data Nama Field Tipe Size Ket

1. Kode Account kd_account Varchar 7 Primary Key

2. User Name username_account

Varchar 35

3. Password password_account

Text

4. Level lvl_account Enum(‘admin’,’peserta’,’wakil’)

b. Spesifikasi File TabelAdmin


Nama File : admin

Akronim :admin.myd


Akses file : Random


Kunci Field : kd_admin

68

Tabel IV.5.Spesifikasi File Tabel Admin


1. Kode Admin kd_admin Varchar 7 Primary Key

2. Nama Admin nama_admin Varchar 35

3. Telepon Admin

tlp_admin Varchar 20

4. Email Admin email_admin Varchar 40

5. Alamat Admin alamat_admin Text

c. Spesifikasi File TabelDetail Admin


Nama File : detail admin

Akronim :detail_admin.myd

Tipe File : File Transaksi

Akses file : Random

Panjang Record: 14Byte

Kunci Field : -

Tabel IV.6.Spesifikasi File Tabel Detail Admin


1. Kode Admin kd_admin Varchar 7 Forign Key

2. Kode Account kd_account Varchar 7 Foreign Key

69

d. Spesifikasi File Tabel Detail Pembayaran


Nama File : detail pembayaran

Akronim : detail_pembayaran.myd


Akses file : Random


Kunci Field : -

Tabel IV.7.Spesifikasi File Tabel Detail Pembayaran


1. Kode Pembayaran

kd_pembayaran

Varchar 7 Forign Key

2. Kode Pendaftaran

kd_pendaftaran Varchar 7 Foreign Key

e. Spesifikasi File Tabel Detail Peserta


Nama File : detail peserta

Akronim : detail_peserta.myd


Akses file : Random


Kunci Field : -

70

Tabel IV.8.Spesifikasi File Tabel Detail Peserta


1. Kode Peserta kd_peserta Varchar 7 Forign Key

2. Kode Account kd_account Varchar 7 Foreign Key

3. Kode Pendaftaran

Kd_pendaftaran

Varchar 7 Foreign Key

4. Kode Divisi Kd_divisi Varchar 7 Foreign Key

f. Spesifikasi File Tabel Detail Psikogram


Nama File : detail psikogram

Akronim : detail_psikogram.myd


Akses file : Random


Kunci Field : -

Tabel IV.9.Spesifikasi File Tabel Detail Psikogram


1. Kode Psikogram

kd_psikogram Varchar 7 Forign Key

2. Kode Peserta kd_peserta Varchar 7 Foreign Key

g. Spesifikasi File Tabel Detail Wakil


Nama File : detail wakil

Akronim : detail_wakil.myd

71


Akses file : Random


Kunci Field : -

Tabel IV.10.Spesifikasi File Tabel Detail Wakil


1. Kode Wakil kd_wakil Varchar 7 Forign Key2. Kode Account kd_account Varchar 7 Foreign Key3. Kode Instansi kd_instansi Varchar 7 Foreign Key

h. Spesifikasi File TabelDivisi


Nama File : divisi

Akronim : divisi.myd


Akses file : Random


Kunci Field : kd_divisi

Tabel IV.11.Spesifikasi File Tabel Divisi


1. Kode Divisi kd_divisi Varchar 7 Primary Key2. Nama Divisi nama_divisi Varchar 35

i. Spesifikasi File Tabel Galeri

72


Nama File : galeri

Akronim : galeri.myd


Akses file : Random


Kunci Field : kd_galeri

Tabel IV.12.Spesifikasi File Tabel Galeri


1. Kode Galeri kd_galeri Varchar 7 Primary Key2. Judul Galeri judul_galeri Varchar 203. Keterangan

Galeriket_galeri Text

4. Image Galeri img_galeri Text

j. Spesifikasi File TabelInstansi


Nama File : instansi

Akronim :instansi.myd


Akses file : Random


Kunci Field : kd_instansi

Tabel IV.13.Spesifikasi File Tabel Instansi

73


1. Kode Instansi kd_instansi Varchar 7 Primary Key2. Nama Instansi nama_instansi Varchar 353. Tipe Instansi tp_instansi Enum(‘a’

,’b’)4. Telepon

Instansitlp_instansi Varchar 20

5. Email Instansi email_instansi Text6. Alamat

Instansialamat_instansi Text

k. Spesifikasi File Tabel Lokasi


Nama File : lokasi

Akronim : lokasi.myd


Akses file : Random


Kunci Field : kd_lokasi

Tabel IV.14.Spesifikasi File Tabel Lokasi


1. Kode Lokasi kd_lokasi Varchar 7 Primary Key2. Nama Lokasi nama_lokasi Varchar 353. Isi Lokasi isi_lokasi Text

l. Spesifikasi File Tabel Pembayaran


Nama File : pembayaran

Akronim : pembayaran.myd

74


Akses file : Random


Kunci Field : kd_pembayaran

Tabel IV.15.Spesifikasi File Tabel Pembayaran


1. Kode Pembayaran

kd_pembayaran

Varchar 7 Primary Key

2. Tanggal Pembayaran

tgl_pembayaran

Date

3. Atas Nama Pembayaran

an_pembayaran

Varchar 35

4. Jumlah Pembayaran

Jumlah_pembayaran

Int 8

m. Spesifikasi File TabelPendaftaran


Nama File : pendaftaran

Akronim :pendaftaran.myd


Akses file : Random


Kunci Field : kd_pendaftaran

Tabel IV.16.

75

Spesifikasi File Tabel Pendaftaran


1. Kode Pendaftaran

kd_pendaftaran Varchar 7 Primary Key

2. Tanggal Pendaftaran

tgl_pendaftaran

Date

3. Tanggal Test Pendaftaran

tgltest_pendaftaran

Date

4. Jumlah Peserta Pendaftaran

jumpeserta_pendaftaran

Int 4

n. Spesifikasi File TabelPengaturan


Nama File : pengaturan

Akronim :pengaturan.myd


Akses file : Random


Kunci Field : kd_pengaturan

Tabel IV.17.Spesifikasi File Tabel Pengaturan


1. Kode Pengaturan

kd_pengaturan Varchar 7 Primary Key

2. Nama Pengaturan

nama_pengaturan

Varchar 35

3. Isi Pengaturan isi_pengaturan Text

o. Spesifikasi File TabelPesan

76


Nama File : pesan

Akronim :pesan.myd


Akses file : Random


Kunci Field : kd_pesan

Tabel IV.18.Spesifikasi File Tabel Pesan


1. Kode Pesan kd_pesan Varchar 7 Primary Key2. Tanggal Pesan tgl_pesan Date3. Nama Pesan nama_pesan Varchar 354. Email Pesan email_pesan Text5. Isi Pesan isi_pesan Text6. Status Pesan status_pesan Enum(‘hi

e’,’show’)

7. Baca Pesan baca_pesan Int 1

p. Spesifikasi File TabelPeserta


Nama File : peserta

Akronim :peserta.myd


Akses file : Random


Kunci Field : kd_peserta

Tabel IV.19.Spesifikasi File Tabel Peserta

77


1. Kode Peserta kd_peserta Varchar 7 Primary Key2. Identitas

Pesertaid_peserta Varchar 35

3. Nama Peserta nama_peserta Varchar 354. Tanggal Lahir

Pesertatgllhr_peserta Date

5. Jenis Kelamin Peserta

jkel_peserta Enum(‘pria’,’wanita’)

6. Telepon Peserta

tlp_peserta Varchar 20

7. Email Peserta email_peserta Text8. Alamat

Pesertaalamat_peserta Text

q. Spesifikasi File TabelPOST


Nama File : post

Akronim :post.myd


Akses file : Random


Kunci Field : kd_post

Tabel IV.20.Spesifikasi File Tabel Post


1. Kode Post kd_post Varchar 7 Primary Key2. Tanggal Post tgl_post Date3. Tipe Post tp_post Enum(‘be

rita’,’home’,’about’)

4. Judul Post judul_post Varchar 355. Isi Post isi_post Text

78

6. Image Post img_post Text

r. Spesifikasi File TabelPsikogram


Nama File : psikogram

Akronim :psikogram.myd


Akses file : Random


Kunci Field : kd_psikogram

Tabel IV.21.Spesifikasi File Tabel Psikogram


1. Kode Psikogram

kd_psikogram Varchar 7 Primary Key

2. IQPsikogram iq_psikogram Int 33. TKU

Psikogramtku_psikogram Enum(‘ks

’.’k’.’c’.’b’.’bs’.’sbs’)

4. KV Psikogram kv_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

5. KAR Psikogram

kar_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

6. KLN Psikogram

kln_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

7. KTK Psikogram

ktk_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

8. HB Psikogram hb_psikogram Enum(‘ks’.’k’.’c’.’

79

b’.’bs’.’sbs’)

9. PD Psikogram pd_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

10. SE Psikogram se_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

11. KM Psikogram

km_psikogram Enum(‘ks’.’k’.’c’.’b’.’bs’.’sbs’)

12. MOD Psikogram

mod_psikogram

Varchar 35

13. EQ Psikogram eq_psikogram Varchar 3514. MB

Psikogrammb_psikogram Varchar 35

s. Spesifikasi File TabelSlider


Nama File : slider

Akronim :slider.myd


Akses file : Random


Kunci Field : kd_slider

Tabel IV.22.Spesifikasi File Tabel Slider


1. Kode Slider kd_slider Varchar 7 Primary Key2. Text 1 Slider text1_slider Varchar 203. Text 2 Slider text2_slider Varchar 204. Image Slider img_slider Text

t. Spesifikasi File TabelTagihan

80


Nama File : tagihan

Akronim :tagihan.myd


Akses file : Random


Kunci Field : kd_tagihan

Tabel IV.23.Spesifikasi File Tabel Tagihan


1. Kode Tagihan kd_tagihan Varchar 7 Primary Key2. Total Tagihan total_tagihan Int 103. Status Tagihan status_tagihan Enum(‘lu

nas’,’hutang’)

u. Spesifikasi File TabelWakil


Nama File : wakil

Akronim :wakil.myd


Akses file : Random


Kunci Field : kd_wakil

Tabel IV.24.Spesifikasi File Tabel Wakil

81


1. Kode Wakil kd_wakil Varchar 7 Primary Key2. Identitas

Wakilid_wakil Varchar 35

3. Nama Wakil nama_wakil Varchar 354. Jenis Kelamin

Wakiljkel_wakil Enum(‘pr

ia’,’wanita’)

5. Telelpon Wakil

tlp_wakil Varchar 20

6. Email Wakil email_wakil Text7. Alamat Wakil alamat_wakil Text

82

4.2.2. Software Architecture

1. Class Diagram

class class diagram

Account

- kd_account: varchar- lvl_account: enum- pass_account: text- username_account: varchar

+ cek_login() : void+ login() : void

admin

- kd_admin: text- nama_admin: varchar- tlp_admin: varchar- email_admin: varchar- alamat_admin: text

+ tampil_admin() : void+ update_admin() : void

pengaturan

- kd_pengaturan: varchar- nama_pengaturan: varchar- isi_pengaturan: text

+ tampi l_pengaturan() : void+ update_pengaturan() : void+ update_sistem() : void+ update_banner() : void

lokasi

- kd_lokasi: varchar- nama_lokasi: varchar- isi_lokasi: text

+ tampil_lokasi() : void+ update_lokasi() : void

slider

- kd_slider: varchar- text1_slider: varchar- text2_slider: varchar- img_slider: text

+ simpan_slider() : void+ lihat_slider() : void+ edit_slider() : void+ update_sl ider() : void+ hapus_slider() : void

galeri

- kd_galeri: varchar- judul_galeri: varchar- ket_galeri: text- img_galeri: text

+ simpan_galeri() : void+ lihat_galeri() : void+ hapus_galeri() : void

post

- kd_post: varchar- tgl_post: varchar- tp_post: enum- judul_post: varchar- isi_post: text- img_post: text

+ tampil_about() : void+ update_about() : void+ tampil_home() : void+ update_home() : void+ simpan_post() : void+ lihat_post() : void+ hapus_post() : void+ edit_post() : void+ update_post() : void

pesan

- kd_pesan: varchar- tgl_pesan: date- nama_pesan: vatchar- email_pesan: text- isi_pesan: text- status_pesan: enum- baca_pesan: int

+ notif_pesan() : void+ notif_pesan_baru() : void+ lihat_pesan_baru() : void+ tampil_pesan() : void+ lihat_pesan_terbaca() : void+ baca_pesan() : void+ update_pesan() : void+ hapus_pesan() : void

instansi

- kd_instansi: varchar- nama_instansi: varchar- tp_instansi: enum- tlp_instansi: varchar- email_instansi: text- alamat_instansi: text

+ simpan_instansi() : void+ lihat_instansi() : void+ tampil_instansi() : void+ option_instansi() : void+ update_instansi() : void+ hapus_instansi() : void div isi

- kd_divisi: varchar- nama_divisi: varchar

+ simpan_divisi() : void+ lihati_divisi() : void+ tampi l_divisi() : void+ option_divisi() : void+ update_divisi() : void+ hapus_divisi() : void

wakil

- kd_wakil: varchar- id_wakil: varchar- nama_wakil: varchar- jkel_wakil: enum- tlp_wakil: varchar- email_wakil: varchar- alamat_wakil : varchar

+ simpan_wakil () : void+ l ihat_wakil() : void+ edit_wakil() : void+ update_wakil() : void+ reset_wakil () : void+ hapus_wakil() : void

peserta

- kd_peserta: varchar- id_peserta: varchar- nama_peserta: varchar- tgllhr_peserta: date- jkel_peserta: enum- tlp_peserta: varchar- email_peserta: text- alamat_peserta: text

+ cek_memo() : void+ simpan_peserta() : void+ lihat_peserta() : void+ edit_peserta() : void+ update_peserta() : void+ hapus_peserta() : void

pendaftaran

- kd_pendaftaran: varchar- tgl_pendaftaran: date- tgltest_pendaftaran: date- jumpeserta_pendaftaran: int

+ simpan_pendaftaran() : void+ lihat_pendaftaran() : void+ edit_pendaftaran() : void+ update_pendaftaran() : void+ option_pendaftaran() : void

tagihan

- kd_tagihan: varchar- total_tagihan: int- status_tagihan: enum

+ lihat_tagihan() : void+ detail_tagihan() : void

pembayaran

- kd_pembayaran: varchar- tgl_pembayaran: date- an_pembayaran: varchar- jumlah_pembayaran: int

+ l ihat_pembayaran() : void+ edit_pembayaran() : void+ update_pembayaran() : void+ hapus_pembayaran() : void

psikogram

- kd_psikogram: varchar- iq_psikogram: int- tku_psikogram: enum- kv_psikogram: enum- kar_psikogram: enum- kln_psikogram: enum- ktk_psikogram: enum- hb_psikogram: enum- pd_psikogram: enum- se_psikogram: enum- km_psikogram: enum- mod_psikogram: varchar- eq_psikogram: varchar- mb_psikogram: varchar

+ cek_psikogram() : void+ simpan_psikogram() : void+ edit_psikogram() : void+ update_psikogram() : void+ lihat_psikogram() : void+ hapus_psikogram() : void

Gambar IV.18Class Diagram Sistem Informasi Akademik

83

2. Sequence Diagram

Sequence diagram menggambarkan kelakuan objek dengan

mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima

antar objek.

a. Sequence Diagram Admin Mendaftarkan Instansi

sd Sequence Diagram Admin Mendaftarkan instansi

Admin Form Instansi Control instansi Instansi

Buka instansi()

Tampil form()

tambah instansi()

get kode()

Input instansi()

simpan()

simpan()

edit()

Tampil data instansi()

Ubah()

Simpan()

Simpan()

Hapus()

get kode_pendaftaran()

Hapus() Hapus() Hapus()

Gambar IV.19Sequence Diagram Admin Mendaftarkan Instansi

84

b. Sequence Diagram Admin Mengelola Peserta

sd Sequence Diagram Admin mengelola peserta

Admin Form Peserta control peserta peserta instansiDivisi

buka()

get kode peserta()

set kode_divisi()

set kode_instansi()

input peserta()

simpan() simpan()

simpan()

Tampil peserta()

Edit()

edit() edit()

tampil()

hapus()

hapus()

Gambar IV.20Sequence Diagram Admin Mengelola Peserta

85

c. Sequence Diagram Admin Mengelola Perwakilan

sd Sequence Diagram Mengelola Perwakil...

Admin Form Perwakilan Control Perwakilan Perwakilan instansi

Buka()

get kode_perwakilan()

set instansi()

input()

simpan()simpan()

simpan()

Tampil perwakilan()

edit()edit()

edit()

Tampil perwakilan()

hapus()

hapus()

hapus()

Gambar IV.21Sequence Diagram Admin Mengelola Perwakilan

86

d. Sequence Diagram Admin Mengelola Divisi

sd Sequence Diagram Mengelola div ...

Admin Form divisi Control divisi divisi

buka()

get kode_divisi()

input divisi()

simpan()

simpan()

Tampil divisi()

edit()

edit()

tampil divisi()

hapus()

hapus()

Gambar IV.22

Sequence Diagram Admin Mengelola Divisi

87

3. Component Diagram

Component diagram digunakan untuk menunjukkan organisasi dan

ketergantungan diantara kumpulan komponen dalam sebuah sistem. Berikut

gambar component software :

cmp Component Diagram Aplikasi Psikogram Online

Halaman awal

Application Database

Peserta aplication

Perwakilan

Form peserta

Form Perwakilan

Class Psikogram

My SQL Database

Gambar IV.23Component Diagram Sistem Informasi Pencetakan Sertifikat Psikogram

88

4. Deployment Diagram

Deployment diagram menunjukkan konfigurasi komponen dalam proses eksekusi

aplikasi. Berikut gambar deployment diagram :

deployment Deployment Diagram Psikogram Online

Application Website

Halaman awal

Peserta aplication

Perwakilan

Form instansi

Class Psikogram

Database Serv er

Application Database

My SQL Database

port 3306

Gambar IV.24Deployment Diagram Sistem Informasi Pencetakan Sertifikat Psikogram

4.2.3. User Interface

A. Tampilan Login

Gambar IV.25Tampilan Login

89

B. Tampilan Berita

Gambar IV.26Tampilan Berita

C. Tampilan Divisi

Gambar IV.27Tampilan Divisi

90

D. Tampilan Galeri

Gambar IV.28Tampilan Galeri

E. Tampilan Instansi

Gambar IV.29Tampilan Instansi

91

F. Tampilan Pembayaran

Gambar IV.30Tampilan Pembayaran

G. Tampilan Pendaftaran

Gambar IV.31Tampilan Pendaftaran

92

H. Tampilan Pengaturan

Gambar IV.32Tampilan Pengaturan

I. Tampilan Perwakilan

Gambar IV.33Tampilan Perwakilan

93

J. Tampilan Pesan

Gambar IV.34Tampilan Pesan

K. Tampilan Peserta

Gambar IV.35Tampilan Peserta

94

L. Tampilan Psikogram

Gambar IV.36Tampilan Psikogram

M. Tampilan Tagihan

Gambar IV.37Tampilan Tagihan

95

4.3. Code Generation

A. Class Cek_Login

public function cek_login(){ if(!empty($_POST['a']) and !empty($_POST['b'])){ $username = $_POST['a']; $password = md5($_POST['b']); $query = mysql_query("select * from account where username_account='$username' and pass_account='$password'"); $row = mysql_fetch_array($query); $cek = mysql_num_rows($query); if($cek > 0){ if($row['lvl_account'] != "admin"){ $_SESSION['id_user'] = $row['kd_account']; $_SESSION['lvl_user'] = $row['lvl_account']; if($row['lvl_account'] == "wakil"){ $this->alert("Selamat Datang Di Halaman Perwakilan . . .", "?page=home"); }else{ $this->alert("Selamat Datang Peserta, Silahkan Cek Informasi Anda . . .", "?page=home"); } }else{ $this->alert("Silahkan Login Dari Halaman Admin !!", "admin/?page=login"); } }else{ $this->alert("Password Atau Username Anda Salah !! Silahkan Coba Kembali !!", "none"); } }else{ $this->alert("Isi Username Dan Password Terlebih Dahulu !!", "none"); } }

}

B. Form Class Peserta

class peserta extends setting {

public function cek_memo(){ if(!empty($_SESSION['memo1'])){ $this->memo1 = "<label class='checkbox inline'> <input name='memo1' type='checkbox' id='inlineCheckbox1' value='$_SESSION[memo1]' checked='1'>

96

Ingat Pilihan </label>"; if($_SESSION['memo1'] != "1"){ $this->opt_pendaftaran = "<option value='$_SESSION[memo1]'>$_SESSION[memo1]</option>"; $q1 = mysql_query("select * from pendaftaran ORDER BY kd_pendaftaran DESC"); while($r1 = mysql_fetch_array($q1)){ if($r1['kd_pendaftaran'] != $_SESSION['memo1']){ $this->opt_pendaftaran = $this->opt_pendaftaran."<option value='$r1[kd_pendaftaran]'>$r1[kd_pendaftaran]</option>"; } } } }else{ $this->memo1 = "<label class='checkbox inline'> <input name='memo1' type='checkbox' id='inlineCheckbox1' value='1'> Ingat Pilihan </label>"; $this->opt_pendaftaran = "<option value=''>- Kode Pendaftaran -</option>"; $q1 = mysql_query("select * from pendaftaran ORDER BY kd_pendaftaran DESC"); while($r1 = mysql_fetch_array($q1)){ $this->opt_pendaftaran = $this->opt_pendaftaran."<option value='$r1[kd_pendaftaran]'>$r1[kd_pendaftaran]</option>"; } } if(!empty($_SESSION['memo2'])){ $this->memo2 = "<label class='checkbox inline'> <input name='memo2' type='checkbox' id='inlineCheckbox1' value='$_SESSION[memo2]' checked='1'> Ingat Pilihan </label>"; if($_SESSION['memo2'] != "1"){ $q3 = mysql_query("select * from divisi where kd_divisi='$_SESSION[memo2]'"); $r3 = mysql_fetch_array($q3); $this->opt_divisi = "<option value='$_SESSION[memo2]'>$r3[nama_divisi]</option>"; $q2 = mysql_query("select * from divisi ORDER BY kd_divisi DESC"); while($r2 = mysql_fetch_array($q2)){ if($r2['kd_divisi'] != $_SESSION['memo2']){ $this->opt_divisi = $this->opt_divisi."<option value='$r2[kd_divisi]'>$r2[nama_divisi]</option>";

97

} } } }else{ $this->memo2 = "<label class='checkbox inline'> <input name='memo2' type='checkbox' id='inlineCheckbox1' value='1'> Ingat Pilihan </label>"; $this->opt_divisi = "<option value=''>- Pilih Divisi -</option>"; $q2 = mysql_query("select * from divisi ORDER BY kd_divisi DESC"); while($r2 = mysql_fetch_array($q2)){ $this->opt_divisi = $this->opt_divisi."<option value='$r2[kd_divisi]'>$r2[nama_divisi]</option>"; } } }

C. Form Class Pendaftaran

class pendaftaran extends setting{ public function simpan_pendaftaran(){ if(!empty($_POST['b']) and !empty($_POST['c']) and !empty($_POST['d']) and !empty($_POST['instansi'])){ $instansi = $_POST['instansi']; $a = $_POST['a']; $b = $_POST['b']; $c = $_POST['c']; $d = $_POST['d']; //Jumlah Peserta $kd_instansi = $_POST['instansi']; //Cek Biaya Pendaftaran $pgt = new pengaturan(); $pgt->tampil_pengaturan(); $biaya = $pgt->data[7] * $d; //simpan pendaftaran $save = mysql_query("insert into pendaftaran values('$a','$b','$c','$d')"); //simpan tagihan $kd_tagihan = $this->kode_otomatis("tagihan"); $save_tagihan = mysql_query("insert into tagihan values('$kd_tagihan','$biaya','hutang')"); //simpan detail pendaftaran $save_detail = mysql_query("insert into detail_pendaftaran values('$a','$kd_instansi','$kd_tagihan')"); if($save_detail){

98

$this->alert("Berhasil Menyimpan Pendaftaran . . .", "?page=pendaftaran"); }else{ $this->alert("Terjadi Kesalahan, Silahkan Coba Kembali !!", "none"); } }else{ $this->alert("Isi Semua Data Dengan Benar, Tidak Boleh Kosong !!", "none"); } }

4.4. Testing

A. Form Login

Tabel IV.25.Hasil Pengujian Black Box Testing Form Login

NoSkenario Pengujian

Test Case Hasil yang diharapkanHasil

PengujianKesimpulan

1 Username atau password dikosongkan

Username : (kosong) Password : (kosong)

Sistem akan menolak dan menampilkan pesan “Please input Username dan Password first“

Sesuai Harapan

Valid

2 Username benar, Password salah

Username : adminPassword : (kosong)

Sistem akan menolak dan menampilkan pesan “Please input Username dan Password first “

Sesuai Harapan

Valid

3 Usename salah, Password benar

Username : (kosong) Password : password

Sistem akan menolak dan menampilkan pesan “Please input Username dan Password first “

Sesuai Harapan

Valid

4 Username dan Password benar

Username : adminPassword : password

Sistem menerima akses, kemudian akan muncul informasi “Login Succesfully” dan akan mengarahkan ke halaman utama

Sesuai Harapan

Valid

99

B. Form Data Input Hasil Peserta

Tabel IV.26.Hasil Pengujian Black Box Testing Form Pendaftaran Peserta Baru

NoSkenario Pengujian

Test CaseHasil yang diharapkan

Hasil Pengujian

Kesimpulan

1 Data belum di input, kemudian klik simpan

Data kosong semua

Sistem akan menolak dan menampilkan pesan “Mohon isi data dengan lengkap dan benar“

Sesuai Harapan

Valid

2 Data di isi lengkap, klik simpan

Data di isi semua

Sistem akan menampilkan pesan “Berhasil Disimpan “

Sesuai Harapan

Valid

3 Tidak Mengisi salah satu field kemudian klik simpan

Salah satu data tidak diisi

Sistem akan menolak dan menampilkan pesan “Mohon isi data dengan lengkap dan benar “

Sesuai Harapan

Valid

4 Mengisi field email tidak memakai @ lalu klik simpan

Mengisi field email tidak memakai @

Sistem akan menolak dan menampilkan pesan “Input email harus menggunakan @ “

Sesuai Harapan

Valid

4.5. Support

Menjelaskan tentang publikasi web dan spesifikasi hardware dan software

yang akan digunakan untuk menjalankan sistem yang dibuat. Dalam pembuatan

aplikasi sistem pencetakan sertifikat psikogram ini akan membantu admin untuk

mengelola data-data dan membuat laporan, untuk itu penulis menggunakan

program PHP untuk membuat aplikasi. Untuk mengoperasikan program tersebut

diperlukan spesifikasi komputer yang cukup tinggi dan untuk mendukung

pembuatan aplikasi kebutuhan hardware yang diperlukan meliputi : processor,

memory, hard disk, keyboard, mouse sedangkan untuk kebutuhan software yang

100

diperlukan meliputi sistem operasi software program PHP dan software database

MySql.

4.5.1. Publikasi Web

Pada saat mengakses website bisa dengan menggunakan browser yang

telah banyak tersedia seperti mozilla firefox, Google Chrome,internet explorer,

nestcape, dan lainnya. Pada pembuatan skripsi ini penulis membuat program

berbasis web yang mana program harus benar-benar secara online. Untuk itu

penulis harus mempersiapkan segala sesuatunya guna memenuhi syarat yang

sudah ditentukan. Penulis sudah melakukan penyewaan domain dan hosting

secara online beserta analisa biaya. Biaya yang digunakan penulis untuk

melakukan penyewaan domain dan hosting secara online.

Tabel IV.27.Rincian Publikasi Web

Domain www.icc-jakarta.web.id

Periode Pendaftaran 1 Tahun

Disk Space 90Mb

Jumlah Rp 130.000

Lokasi Server Indonesia

Total Keseluruhan Rp 130.000

101

4.5.2. Spesifikasi Hardware dan Software

Selain biaya yang dikeluarkan dalam penulisan skripsi ini yaitu adalah

penjelasan tentang spesifikasi hardware dan software yang digunakan. Kebutuhan

hardware tersebut meliputi: Processor, Memory, monitor, Hard disk, Keyboard,

mouse dan printer. Kebutuhan Software tersebut meliputi : Sistem Operasi,

Software aplikasi dan software.

Tabel IV.28.Spesifikasi Hardware Dan Software

Kebutuhan Keterangan

Sistem Operasi Windows 7

Processor IntelCore i3-380M

Ram 2.00 GB

Hardisk 320 GB

DVD-ROM DVD-SuperMulti DL drive

Monitor SVGA 14”

Keyboard 108 Key

Printer HP Deskjet 1050

Mouse Standart

Browser Mozilla Firefox, Google chrome, Internet Explorer

Software Dreamweaver,Xampp, MySql, PHP, HTML

102

4.6. Spesifikasi Dokumen Sistem Usulan

A. Nama Dokumen : Sertifikat Psikogram

Fungsi : sebagai hasil penilaian psikotest

Sumber : Admin

Tujuan : Peserta

Media : Kertas

Frekuensi : Setiap selesai melaksanakan test

Format : Lampiran B-1

Bina Sarana Informatika · Web viewKesalahan analisa kebutuhan yang diketahui ketika sudah memasuki...

Documents

Transcript of Bina Sarana Informatika · Web viewKesalahan analisa kebutuhan yang diketahui ketika sudah memasuki...