bina sarana informatika · web viewkesalahan analisa kebutuhan yang diketahui ketika sudah memasuki...
TRANSCRIPT
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
Menampilkan login admin
Memasukan usernamedan passw ord
Memv alidasi data
Menampilkan halamanadmin
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
Menampilkan login admin
Memasukan usernamedan password
Memv alidasi data
Menampilkan halamanadmin
Apakahdatavalid?
Pilih menu "DIVISI"
Mengisi form tambahdiv isi
Mengklik simpan Menyimpan data kedatabase
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
Menampilkan login admin
Memasukan usernamedan password
Memvalidasi data
Menampilkan halamanadmin
Apakahdatavalid?
Pilih menu"PERWAKILAN"
Mengisi form tambahperwakilan
Mengklik simpanValidasi apakahdata lengkap?
Menyimpan data kedatabase
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
Membuka halaman webpsikogram
Menampilkan login admin
Memasukan usernamedan password
Memv alidasi data
Menampilkan halamanadmin
Apakahdata val id?
Pilih menu "PESERTA"
Mengisi form tambahpeserta
Mengklik simpan Validasi apakahdata lengkap?
Menyimpan data kedatabase
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
Membuka halaman webpsikogram
Menampilkan login admin
Memasukan usernamedan passw ord
Memvalidasi data
Menampilkan halamanadmin
Apakahdatavalid?
Pilih menu "PESERTA"
Menampilkan data pesertayang di klik ubah
Mengklik simpan Menyimpan data kedatabase
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
Membuka halaman admin Tampil halaman admin
Memilih Menu"PEMBAYARAN"
Menampilkan halamandaftar data pembayaran
Mengisi input pembayaran
klik SIMPAN
Menyimpan ke database
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
Membuka halaman admin Tampil halaman admin
Memilih Menu"PEMBAYARAN"
Menampilkan halamandaftar data pembayaran
Mengisi input pembayaran
klik SIMPAN
Menyimpan ke database
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 Database : db_srtonline
Nama File : admin
Akronim :admin.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 102Byte
Kunci Field : kd_admin
68
Tabel IV.5.Spesifikasi File Tabel Admin
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
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
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : detail pembayaran
Akronim : detail_pembayaran.myd
Tipe File : File Transaksi
Akses file : Random
Panjang Record : 14Byte
Kunci Field : -
Tabel IV.7.Spesifikasi File Tabel Detail Pembayaran
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : detail peserta
Akronim : detail_peserta.myd
Tipe File : File Transaksi
Akses file : Random
Panjang Record : 28Byte
Kunci Field : -
70
Tabel IV.8.Spesifikasi File Tabel Detail Peserta
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : detail psikogram
Akronim : detail_psikogram.myd
Tipe File : File Transaksi
Akses file : Random
Panjang Record : 14Byte
Kunci Field : -
Tabel IV.9.Spesifikasi File Tabel Detail Psikogram
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : detail wakil
Akronim : detail_wakil.myd
71
Tipe File : File Transaksi
Akses file : Random
Panjang Record : 21Byte
Kunci Field : -
Tabel IV.10.Spesifikasi File Tabel Detail Wakil
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : divisi
Akronim : divisi.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 42Byte
Kunci Field : kd_divisi
Tabel IV.11.Spesifikasi File Tabel Divisi
No Elemen Data Nama Field Tipe Size Ket
1. Kode Divisi kd_divisi Varchar 7 Primary Key2. Nama Divisi nama_divisi Varchar 35
i. Spesifikasi File Tabel Galeri
72
Nama Database : db_srtonline
Nama File : galeri
Akronim : galeri.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 27Byte
Kunci Field : kd_galeri
Tabel IV.12.Spesifikasi File Tabel Galeri
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : instansi
Akronim :instansi.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 62Byte
Kunci Field : kd_instansi
Tabel IV.13.Spesifikasi File Tabel Instansi
73
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : lokasi
Akronim : lokasi.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 42Byte
Kunci Field : kd_lokasi
Tabel IV.14.Spesifikasi File Tabel Lokasi
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : pembayaran
Akronim : pembayaran.myd
74
Tipe File : File Master
Akses file : Random
Panjang Record : 50Byte
Kunci Field : kd_pembayaran
Tabel IV.15.Spesifikasi File Tabel Pembayaran
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : pendaftaran
Akronim :pendaftaran.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 11Byte
Kunci Field : kd_pendaftaran
Tabel IV.16.
75
Spesifikasi File Tabel Pendaftaran
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : pengaturan
Akronim :pengaturan.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 42Byte
Kunci Field : kd_pengaturan
Tabel IV.17.Spesifikasi File Tabel Pengaturan
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : pesan
Akronim :pesan.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 43Byte
Kunci Field : kd_pesan
Tabel IV.18.Spesifikasi File Tabel Pesan
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : peserta
Akronim :peserta.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 97Byte
Kunci Field : kd_peserta
Tabel IV.19.Spesifikasi File Tabel Peserta
77
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : post
Akronim :post.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 42Byte
Kunci Field : kd_post
Tabel IV.20.Spesifikasi File Tabel Post
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : psikogram
Akronim :psikogram.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 115Byte
Kunci Field : kd_psikogram
Tabel IV.21.Spesifikasi File Tabel Psikogram
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : slider
Akronim :slider.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 47Byte
Kunci Field : kd_slider
Tabel IV.22.Spesifikasi File Tabel Slider
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : tagihan
Akronim :tagihan.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 42Byte
Kunci Field : kd_tagihan
Tabel IV.23.Spesifikasi File Tabel Tagihan
No Elemen Data Nama Field Tipe Size Ket
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 Database : db_srtonline
Nama File : wakil
Akronim :wakil.myd
Tipe File : File Master
Akses file : Random
Panjang Record : 97Byte
Kunci Field : kd_wakil
Tabel IV.24.Spesifikasi File Tabel Wakil
81
No Elemen Data Nama Field Tipe Size Ket
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