24 BAB III PERANCANGAN SISTEM Analisis terhadap suatu sistem merupakan suatu langkah penting dalam pemahaman permasalahan yang ada, sebelum dilakukannya pengambilan keputusan atau tindakan dalam menyelesaikan permasalahan tersebut. 3.1 Identifikasi Masalah PT. Sumber Baru adalah perusahaan yang bergerak di bidang kontruksi jalan Kereta Api. Perusahaan ini juga menjadi rekanan dari PT. Kereta Api . 3.1.1 Visi dan Misi a. Visi Menjual jasa sebaik-baiknya sesuai dengan ketentuan. b. Misi Dapat memperkerjakan banyak orang, sehingga mengurangi pengangguran. Didalam perancangan sistem ini dapat dirumuskan bahwa permasalahan yang sedang dihadapi oleh PT. Sumber Baru saat ini adalah bagaimana cara untuk membuat sistem informasi akuntansi kontraktor yang informatif dan akurat. 3.2 Arsitektur Sistem Informasi Akuntansi Kontraktor Agar lebih memahami konsep yang di maksud SIAK dari aplikasi yang akan di bangun, berikut Gambar 3.1 mengenai sistem yang akan di bangun
41
Embed
BAB III PERANCANGAN SISTEM 3.1 Identifikasi Masalah 3.1sir.stikom.edu/id/eprint/1164/5/BAB_III.pdf · (SIA) adalah sistem berbasis komputer yang dirancang untuk mengubah data akuntansi
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
24
BAB III
PERANCANGAN SISTEM
Analisis terhadap suatu sistem merupakan suatu langkah penting dalam
pemahaman permasalahan yang ada, sebelum dilakukannya pengambilan
keputusan atau tindakan dalam menyelesaikan permasalahan tersebut.
3.1 Identifikasi Masalah
PT. Sumber Baru adalah perusahaan yang bergerak di bidang kontruksi
jalan Kereta Api. Perusahaan ini juga menjadi rekanan dari PT. Kereta Api .
3.1.1 Visi dan Misi
a. Visi
Menjual jasa sebaik-baiknya sesuai dengan ketentuan.
b. Misi
Dapat memperkerjakan banyak orang, sehingga mengurangi
pengangguran.
Didalam perancangan sistem ini dapat dirumuskan bahwa permasalahan
yang sedang dihadapi oleh PT. Sumber Baru saat ini adalah bagaimana cara untuk
membuat sistem informasi akuntansi kontraktor yang informatif dan akurat.
3.2 Arsitektur Sistem Informasi Akuntansi Kontraktor
Agar lebih memahami konsep yang di maksud SIAK dari aplikasi yang
akan di bangun, berikut Gambar 3.1 mengenai sistem yang akan di bangun
25
Gambar 3.1 menjelaskan bahwa perancangan yang dilakukan oleh penulis
mengatur tentang. SIAK dimana memungkinkan juga agar sistem memberikan
feedback berupa physical file yang dilekatkan atau embeded dalam kepada user
atau konsumen konstruksi jalan kereta api sesuai dengan permintaan pelanggan.
Mulai dari bahan baku, supplier, pekerja, penggajian hingga proyek konstruksi
yang sedang/akan dikerjakan.
Menurut Bodnar (2000) dikatakan bahwa Sistem Informasi Akuntansi
(SIA) adalah sistem berbasis komputer yang dirancang untuk mengubah data
akuntansi menjadi suatu informasi. Sedangkan perusahaan kontraktor menurut
Standar Akuntansi Keuangan IAI (2002:24-1) adalah kontrak yang dinegosiasikan
secara khusus untuk konstruksi suatu aset atau kombinasi aset yang berhubungan
erat satu sama lain atau saling tergantung dalam hal rancangan teknologi dan
fungsi atau tujuan penggunaan pokok, sehingga didapat sebuah sistem yang
berinteraksi antara akuntansi dan perusahaan kontraktor yang di namakan Sistem
Informasi Akuntansi Kontraktor.
Penggunaan sistem informasi akuntansi pada perkiraan perhitungan sebuah
proyek jalan kereta api sangat dibutuhkan mengingat pekerjaan konstruksi
tidaklah lepas dari perhitungan-perhitungan akuntansi untuk menentukan dalam
penyelesaiaan sebuah proyek. Sehingga dengan adanya sebuah sistem informasi
26
akuntansi pada penentuan konstruksi jalan kereta api ini diharapkan penentuan
perhitungan proyek menjadi lebih efisien.
3.3 System Flow
Dalam menentukan arah atau alur suatu sistem dibutuhkan suatu cara
perancangan untuk mendeskripsikan bagaimana tiap langkah yang dilakukan
dalam sistem dan pengguna dapat diketahui, agar didapatkan suatu gambaran
mengenai cara kerja dari sistem yang akan dibangun berdasarkan alur rancangan.
3.3.1 System Flow Penerimaan Proyek
3.3.2 System Flow Pelaksanaan Proyek
3.3.3 System Flow Penyerahan Proyek
3.3.4 System Flow
3.3.5 System Flow
3.3.6 System Flow
3.3.7 System Flow
Gambar 3.3. System Flow Penerimaan Proyek
Gambar 3.3. System Flow Pelaksanaan Proyek
Gambar 3.3. System Flow Penyerahan Proyek
Gambar 3.3. System Flow Penggajian
27
3.4 Data Flow Diagram (DFD)
Desain DFD dalam sistem sering digunakan untuk menggambarkan suatu
sistem yang telah ada atau sistem baru yang telah dikembangkan secara logika
tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir.”
(H.M,1989:700)
3.3.1. Context Diagram
Desain DFD dalam sistem ini seperti dalam Gambar 3.4. Context diagram
merupakan diagram pertama dalam rangkaian suatu DFD yang menggambarkan
entitas-entitas yang berhubungan dengan suatu sistem informasi.
LAPORAN PENYEWAAN ALAT TERBANYAKFORM PEMBAYARAN SEWA ALAT
LAPORAN PENYELESAIAN PROYEK PER CUSTOMER
SURAT TAGIHAN PELUNASAN SEWA ALAT PROYEK
SURAT PELUNASAN SEWA ALAT
INPUT DETIL ALAT PROYEK
DATA DETIL PROYEK ALAT
PROYEK
INPUT PENYEWAAN ALAT
SUPPLIER
INPUT DATA PROYEK
INPUT DATA CUSTOMER
INPUT DATA BKM
INPUT BKK
BUKTI PELUNASAN SEWA ALAT
SERAH TERIMA PROYEK
FORM PEMBAYARAN SISA PROYEK
BERITA ACARA PENYELESAIAN PROYEKCUSTOMERCUSTOMERCUSTOMER
SUPPLIER
CUSTOMER
15 BKK
1
SERAH TERIMA PROYEK
+
2
PEMBAYARAN SEWA ALAT
21 BKM
CUSTOMER
6 PROYEK
5 CUSTOMER
24PENYEWAAN ALAT PROYEK 4 SUPPLIER
19DETIL PROYEK
ALAT
SUPPLIER
MANAJEMEN
SUPPLIER
45 DETIL PROGRESS PROYEK28
PROGRESS PROYEK
MANAJEMEN
47PEMBAYARAN
PROGRESS PROYEK
DFD Level 2 Proses Pengadaan
35
DISPLAY DETIL PROYEK BAHAN
INPUT HUTANG
INPUT DETIL PR
INPUT PR
INPUT DETIL PEMBELIAN
INPUT PEMBELIAN
INPUT DETIL PO
LAPORAN PEMBELIAN
PELAPORAN PEMBELIAN
DISPLAY BARANG
FAKTUR TAGIHAN PEMBELIAN
INPUT DATA BKK
TERIMA PENAGIHAN PEMBELIAN
BUKTI PEMBAYARAN LUNAS
PO
INPUT PO
DISPLAY SUPPLIER4 SUPPLIER SUPPLIER
9 PO1
PEMBELIAN
2
JENIS PEMBAYARAN
+
SUPPLIER15 BKK
SUPPLIER
7 BARANG
MANAJEMEN
3
PERHITUNGAN PEMBELIAN PER
PERIODE
30 DETIL PO
33 PEMBELIAN
39 DETIL PR
38 PR
37DETIL
PEMBELIAN
40 UTANG
46 DETIL PROYEK BAHAN
DFD Level 2 Proses Transaksi Inventory
INPUT MUTASI BARANG
DISPLAY GUDANG
INPUT DETIL RETUR
INPUT DETIL BARANG KELUAR
INPUT DETIL MUTASI
INPUT DETIL PENERIMAAN
LAPORAN REALISASI PEMBELIAN BARANG
LAPORAN REALISASI PENGIRIM BARANG PER PERIODE
UPDATE STOCK BARANG KELUAR
UPDATE STOCK BARANG MASUK
UPDATE MUTASI
UPDATE MUTASI2
RETUR BARANG
INPUT BARANG KELUAR
DISPLAY BARANG PROYEK
INPUT PENERIMAAN BARANG
INPUT RETUR BARANG
DISPLAY PURCHASE ORDER
SJ
SUPPLIER
9 PO
19DETIL PROYEK
ALAT
SUPPLIER
11BARANG KELUAR
12 RETUR BARANG
10PENERIMAAN
BARANG
1
BARANG MASUK
+
2
BARANG KELUAR
+
3
PENCATATAN MUTASI BARANG
7 BARANG
MANAJEMENMANAJEMEN
29DETIL
PENERIMAAN
36 DETIL RETUR 35 DETIL MUTASI
34DETIL BARANG
KELUAR
3 GUDANG
8MUTASI BARANG
36
DFD Level 2 Proses Absensi
CHECK ABSENSI
LAPORAN KINERJA KARYAWAN
INPUT ABSENSI
DATA ABSENSI BURUH PROYEK & STAFF
2 ABSENSI
MANAJEMEN
1
INPUT DATA ABSENSI
2
PERHITUNGAN ABSENSI
DFD Level 2 Proses Lembur
DISPLAY & UPDATE LEMBUR
SURAT PERINTAH LEMBUR
INPUT LEMBUR DISPLAY PROYEK
DISPLAY PEKERJA
16 LEMBUR
1 PEKERJA
6 PROYEK
BURUH PROYEK & STAFF
2
PENGECEKAN JAM LEMBUR
1PEMBUATAN
SURAT LEMBUR
DFD Level 2 Proses Pembayaran Gaji
37
INPUT PEMBAYARAN GAJI
INPUT TARIF GAJI
DISPLAY BIAYA GAJI
LAPORAN GAJI KARYAWAN PER PERIODE
SLIP GAJI
DISPLAY LEMBUR
INPUT KRITERIA GAJI
DISPLAY DATA PEKERJADISPLAY ABSENSI
DISPLAY PERHITUNGAN GAJI
INPUT BKK2
17 KATEGORI GAJI
1 PEKERJA
2 ABSENSI
15 BKK
16 LEMBUR
2
PEMBAYARAN GAJI
1INPUT
PERHITUNGAN GAJI
BURUH PROYEK &
STAFF
MANAJEMEN
3
CETAK LAPORAN GAJI
41 TARIF PAJAK
43PEMBAYARAN
GAJI
DFD Level 3 Proses Serah Terima
INPUT PEMBAYARAN PROGRESS PROYEK
DISPLAY DETIL PROGRESS PROYEK
INPUT PROGRESS PROYEK
LAPORAN PENYELESAIAN PROYEK PER CUSTOMER
INPUT DETIL ALAT PROYEK
INPUT DATA DETIL ALATPROYEK INPUT
INPUT DATA PROYEK
CUSTOMER
INPUT DATA CUSTOMER
PENAGIHAN SISA PROYEK
FORM PEMBAYARAN SISA PROYEK
BERITA ACARA PENYELESAIAN PROYEK
SERAH TERIMA PROYEK
INPUT DATA BKM
CUSTOMER
CUSTOMER
CUSTOMER
21 BKM
1
SERAH TERIMA
2
PEMBAYARAN PENYELESAIAN PROYEKCUSTOMERCUSTOMER
5 CUSTOMER
6 PROYEK19
DETIL PROYEK ALAT
MANAJEMEN28
PROGRESS PROYEK
45 DETIL PROGRESS PROYEK
47PEMBAYARAN
PROGRESS PROYEK
DFD Level 3 Proses Barang Masuk
INPUT DETIL RETUR
INPUT DETIL PENERIMAAN
DISPLAY INPUT BARANG MASUK
LAPORAN REALISASI PEMBELIAN BARANG
INPUT RETUR BARANG
INPUT PENERIMAAN BARANG
RETUR BARANG
UPDATE STOCK BARANG MASUK
QUALITY CHECKING
SJ
DISPLAY PURCHASE ORDER
SUPPLIER
9 PO
12 RETUR BARANG
10PENERIMAAN
BARANG
SUPPLIER
7 BARANG
1
INPUT BARANG MASUK
2
UPDATE STOK BARANG MASUK
MANAJEMENMANAJEMEN
3
CETAK LAPORAN PER PERIODE
29DETIL
PENERIMAAN
36 DETIL RETUR
38
DFD Level 3 Proses Barang Keluar
INPUT DETIL BARANG KELUARINPUT BARANG KELUAR
UPDATE STOCK BARANG KELUAR
BARANG DIKIRIM
DETIL PERMINTAAN BARANG
DISPLAY BARANG PROYEK
19DETIL PROYEK
ALAT
11BARANG KELUAR
7 BARANG
1
OTORISASI PERMINTAAN
BARANG
2
INPUT PERMINTAAN
3
UPDATE STOK BARANG KELUAR
34DETIL BARANG
KELUAR
3.5 Desain Database
Setelah dilakukan analisis terhadap sistem, langkah berikutnya
perancangan sistem. Dimana dalam perancangan sistem ini dapat memberikan
tentang gambaran sistem yang dibuat. Dengan menggunakan model dan beberapa
tahap yaitu :
a. Conceptual Data Model (CDM)
b. Physical Data Model (PDM)
c. Rancangan Basis data
3.5.1 Conceptual Data Model (CDM)
Conceptual Data Model (CDM) untuk sistem yang direncanakan terlihat
dalam gambar 3.11.
Gambar 3.11. CDM Sistem Informasi Akuntansi Kontraktor
39
Pada Gambar 3.9, tampak entitas-entitas yaitu modul, tutor, detilmodul,
memiliki acuan terhadap userlocationrecord.
3.5.2 Physical Data Model (PDM)
Physical Data Model (PDM) untuk sistem yang direncanakan terlihat
dalam Gambar 3.12.
Gambar 3.12 merupakan model data yang digunakan dalam sistem E-
Learning. Berdasarkan Gambar 3.11, struktur tabel akan dijelaskan sebagai
berikut:
A. Tabel Customer
Primary Key : Kodecustomer
Fungsi : Untuk menyimpan data customer
No Field Type Length Key 1 Kodecust Varchar 50 Primary Key 2 Namacust Varchar 50 Not Null 3 Alamatcust Varchar 50 Not Null 4 Kotacust Varchar 50 Not Null 5 Cpcust Varchar 50 Not Null 6 Telpcust Varchar 50 Not Null 7 Cp2cust Varchar 50 Not Null 8 Telp2cust Varchar 50 Not Null
B. Tabel Proyek
Primary Key : Kodeproyek
Foregin Key : Kodecust
Gambar 3.11. PDM Sistem Informasi Akuntansi Kontraktor
Tabel 3.1. Struktur Tabel Customer
40
Fungsi : Untuk menyimpan data proyek
No Field Type Length Key 1 Kodeproyek Varchar 50 Primary Key 2 NamaProyek Varchar 100 Not Null 3 Kodecust Char 5 Not Null 4 Lokasi Varchar 100 Not Null 5 Tglterima Date Not Null 6 Tglmulai Date Not Null 7 Tglselesai Date Not Null 8 Keterangan Varchar 100 Not Null 9 totbb Float 8 Not Null 10 totalat Float 8 Not Null 11 tottk Float 8 Not Null 12 subtotbiaya Float 8 Not Null 13 uangmuka Float 8 Null 14 biayalain Float 8 Not Null 15 nilaikontrak Float 8 Not Null
C. Tabel PR
Primary Key : Nopr
Foreign Key : Kodeproyek
Kodebahan
Fungsi : Untuk menyimpan data PR yang akan dibutuhkan dalam
proyek.
Tabel 3.3. Struktur Tabel PR
No Field Type Length Key 1 Nopr Varchar 20 Primary Key 2 Tanggalpr Datetime Not Null 3 Kodeproyek Varchar 50 Not Null 4 Keterangan Varchar 10 Not Null
D. Tabel Detil PR
Tabel 3.2. Struktur Tabel Proyek
41
Primary Key : Nopr
Foreign Key : Kodebarang
Kode Proyek
Fungsi : Untuk menyimpan data detil PR yang akan dibutuhkan
dalam proyek.
Tabel 3.4. Struktur Tabel PR
No Field Type Length Key 1 Nopr Varchar 20 Primary Key 2 Kodebarang Varchar 20 Not Null 3 Namabarang Varchar 50 Not Null 4 Quantity Integer Not Null 5 Satuan Float Not Null 6 Keterangan Varchar 50 Not Null 7 Status Tinyint Not Null 8 qtysisaterkecil Integer Not Null 9 qtyterkecil Integer Not Null 10 kodeproyek Varchar 50 Not Null
E. Tabel Detil Proyek Alat
Primary Key :
Foregin Key : Kodeproyek
Kodealat
Fungsi : Untuk menyimpan detil proyek alat.
Tabel 3.4. Struktur Tabel Detil Proyek Alat
No Field Type Length Key 1 Kodeproyek Varchar 50 Foreign Key 2 Kodealat Varchar 10 Not Null 3 Namaalat Varchar 50 Not Null 4 Merk Varchar 50 Not Null 5 Type Varchar 50 Not Null 6 Status Varchar 50 Not Null 7 Jumlah Integer Not Null
42
8 Biaya Float Not Null 9 Total Float Not Null 10 Kodeprogress Varchar 50 Not Null
F. Tabel Detil Proyek Pekerja
Primary Key : -
Foreign Key : Kodeproyek
Kodekategorigaji
Fungsi : Untuk menyimpan soal test
Tabel 3.5. Struktur Tabel Detil Proyek Pekerja
No Field Type Length Key 1 Kodeproyek Varchar 50 Foreign Key 2 Jumlah Integer Not Null 3 Upah Float Not Null 4 Total Float Not Null 5 Kodeprogress Varchar 50 Foreign Key
G. Tabel Progress Proyek
Primary Key : Kodeprogress
Fungsi : Untuk menyimpan
Tabel 3.6. Struktur Tabel Progress Proyek
H. Tabel Detil Progress Proyek
Primary Key :
Foreign Key : Kodeprogress
Fungsi : Untuk menyimpan detil dari data progress proyek.
Tabel 3.7. Struktur Tabel Detil Progress Proyek
43
I. Tabel Alat
Primary Key : Kodealat
Fungsi : Untuk menyimpan Data Alat yang di miliki oleh
perusahaan dan yang pernah di sewa.
Tabel 3.8. Struktur Tabel Alat
No Field Type Length Key 1 Kodealat Varchar 10 Primary Key 2 Namaalat Varchar 50 Not Null 3 Jumlah Integer Not Null 4 Merk Varchar 50 Not Null 5 Type Varchar 100 Not Null 6 Keterangan Varchar 100 Not Null
J. Tabel Supplier
Primary Key : Kodesupplier
Fungsi : Untuk menyimpan data supplier
Tabel 3.9. Struktur Tabel supplier
No Field Type Length Key 1 Kodesupplier Varchar 50 Primary Key 2 Namasupplier Varchar 50 Not Null 3 Alamatsupplier Varchar 50 Not Null 4 Kotasupplier Varchar 50 Not Null 5 Cpsupplier Varchar 50 Not Null 6 Telpsup Varchar 50 Not Null 7 Cp2sup Varchar 50 Not Null 8 Telp2sup Varchar 50 Not Null
K. Tabel Bahan
Primary Key : Kodebahan
Fungsi : Untuk menyimpan data bahan.
Tabel 4.0. Struktur Tabel Bahan
44
No Field Type Length Key 1 Kodebarang Varchar 20 Primary Key 2 Namabarang Varchar 50 Not Null 3 Satuan1 Varchar 50 Not Null 4 Satuan1angka Integer Not Null 5 Satuan2 Varchar 50 Not Null 6 Satuan2angka Integer Not Null 7 Satuan3 Varchar 50 Not Null 8 Satuan3angka Integer Not Null 9 Quantity Integer Not Null 10 Quantityekonomis Integer Not Null 11 Hargabeliterakhir Varchar 200 Not Null
L. Tabel Pekerja
Primary Key : Kodepekerja
Fungsi : Untuk menyimpan data pekerja
Tabel 4.1. Struktur Tabel pekerja
No Field Type Length Key 1 Nik Varchar 50 Primary Key 2 Nama Varchar 30 Not Null 3 Tglmasuk Datetime Not Null 4 Alamat Varchar 50 Not Null 5 Telepon Varchar 20 Not Null 6 No.HP Varchar 20 Not Null 7 Pendidikan Varchar 50 Not Null 8 RT Varchar 5 Not Null 9 RW Varchar 5 Not Null 10 Kelurahan Varchar 20 Not Null 11 Kecamatan Varchar 20 Not Null 12 Kota Varchar 20 Not Null 13 Jeniskelamin Varchar 10 Not Null 14 Tgllahir Datetime Not Null 15 Agama Varchar 10 Not Null 16 Status Varchar 20 Not Null 17 Anak Int Not Null 18 Keterangan Varchar 50 Not Null 19 Kode Varchar 20 Not Null
45
20 Password Varchar 20 Not Null
M. Tabel Absensi
Primary Key :
Fungsi : menyimpan konten pembelajaran
Tabel 4.2. Struktur Tabel Absensi
No Field Type Length Key 1 Nik Varchar 20 Primary Key 2 Nama Varchar 50 Not Null 3 Jamhadir Datetime Not Null 4 Jamkeluar Datetime Not Null 5 Tanggal Datetime Not Null
N. Tabel Kategori Gaji
Primary Key : fileid
Fungsi : Untuk menyimpan data gaji maupun pekerja sesuai
dengan kategorinya.
Tabel 4.3. Struktur Tabel Kategori Gaji
O. Tabel Lembur
Primary Key :
Fungsi : Untuk menyimpan data lembur para pekerja.
Tabel 4.4. Struktur Tabel Lembur
No Field Type Length Key 1 Kodelembur Varchar 50 Primary Key 2 Nik Varchar 50 Not Null 3 Nama Datetime Not Null 4 Tanggal Datetime Not Null
46
5 Jam Datetime Not Null 6 Ket Varchar 100 Not Null
P. Tabel Tari Pajak
Primary Key : Kodemutasi
Fungsi : Untuk menyimpan data barang yang te
Tabel 4.5. Struktur Tabel Tarif Pajak
No Field Type Length Key 1 Kodepajak Varchar 20 Primary Key 2 Namapajak Varchar 50 Not Null 3 Tarifpajak Datetime Not Null 4 Keterangan Varchar 50 Not Null
Q. Tabel Mutasi Barang
Primary Key : Kodemutasi
Foreign Key : Kodebarang
Kodegudang
Fungsi : Untuk menyimpan data barang yang te
Tabel 4.5. Struktur Tabel Mutasi Barang
No Field Type Length Key 1 Kodemutasi Varchar 10 Primary Key 2 Tanggalmutasi Datetime 50 Not Null 3 Kodebarang Varchar 20 Not Null 4 Namabarang Varchar 50 Not Null 5 Quantity Integer Not Null 6 Kodegudang Varchar 20 Not Null 7 Kodepr Varchar 20 Not Null 8 Kodegudangasal Varchar 20 Not Null
R. Tabel Detil Mutasi
Primary Key :
47
Foreign Key : Kodemutasi
Fungsi : Untuk menyimpan
Tabel 4.6. Struktur Tabel Detil Mutasi
S. Tabel Gudang
Primary Key :
Foreign Key :
Fungsi : Untuk menyimpan
Tabel 4.7. Struktur Tabel Gudang
T. Tabel Barang Keluar
Primary Key :
Fungsi : Untuk menyimpan
Tabel 4.8. Struktur Tabel Barang Keluar
U. Tabel Penerimaan Barang
Primary Key :
Fungsi : Untuk menyimpan
Tabel 4.9. Struktur Tabel filesave
V. Tabel Detil Penerimaan Barang
Primary Key :
Fungsi : Untuk menyimpan konten pembelajaran
Tabel 5.0. Struktur Tabel
48
W. Tabel
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel
X. Tabel
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel
Y. Tabel
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel
Z. Tabel
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel filesave
AA. Tabel
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel
BB. Tabel
49
Primary Key :
Fungsi : Untuk menyimpan
Tabel 3.9. Struktur Tabel
3.6 Desain Antar Muka
Untuk membagi fungsionalitas masing-masing user, maka desain user
interface akan dibagi menjadi 4 bagian, yaitu :
1. User sebagai peserta
Sebagai user biasa yang mempunyai fungsionalitas ini dapat melakukan
login dan pendaftaran baru, terdapat username dan password serta tombol “Login”
untuk melakukan login. Berikut desain form home tampak Gambar 3.12.
User Name :
Password :
Login
Cancel
2. User sebagai Admin
User sebagai admin mempunyai 3 buah form
A. Desain form Admin Home
Pada desain form halaman admin ini berisi 3 tombol “Maintain Tutor”,
“Maintain Peserta” dan “Upload Learning Content”. Berikut desain form admin
tampak pada Gambar 3.13.
Gambar 3.12. Desain Form Home
50
B. Desain Form Maintain Tutor
Pada desain form ini seorang admin dapat menambah atau mengubah tutor
yang berisi kolom-kolom untuk menampilkan data tutor yang tersimpan di
database, terdapat tombol “Edit”, tombol “Simpan” dan tombol “Batal”. Form ini
juga terdapat kolom-kolom isian seperti “Username”, “Name”, “Password”,
“Email”. Berikut desain form maintain tutor pada halaman admin tampak pada
Gambar 3.14.
C. Desain Form Maintain Peserta
Pada desain form ini seorang admin dapat menambah atau mengubah tutor
yang berisi kolom-kolom untuk menampilkan data tutor yang tersimpan di
database, terdapat tombol “Edit”, tombol “Simpan” dan tombol “Batal”. Form ini
juga terdapat kolom-kolom isian seperti “Username”, “Name”, “Password”,
“Email”. Berikut desain form maintain peserta halaman admin tampak Gambar
3.15.
Gambar 3.13 Desain Form Admin Home
51
D. Desain form Upload Learning Content
Pada desain form upload learning content ini terdapat kolom-kolom isian
untuk memasukkan data isi pembelajaran yang akan diupload pada isian tersebut
antara lain, “Document Tittle”, “Document Desciption”, dan path dari file yang
akan dipilih serta terdapat tiga tombol yaitu “Simpan”, “Batal”, dan “Browse”.
Form upload learning content ini juga ada pada tutor dengan desain yang sama.
Berikut desain upload learning content tampak pada Gambar 3.16.
Gambar 3.14 Desain Form Maintain Tutor
Gambar 3.15. Desain Form Maintain Peserta
52
3. User sebagai Peserta
User sebagai peserta mempunyai tiga (3) buah desain form, yaitu :
A. Desain Form Peserta Home
Pada desain form halaman utama peserta ini berisi treeview untuk
menampilkan daftar topik dan sub topik yang tersedia dan terdapat tombol “Test
Report”. Berikut desain form halaman utama peserta tampak pada Gambar 3.17
B. Desain Form Pembelajaran
Pada desain form pembelajaran ini berisi kontrol untuk menampilkan file,
apakah file tersebut berupa file multimedia ataupun file dokumen. Berikut desain
form pembelajaran untuk peserta tampak pada Gambar 3.18.
Gambar 3.16. Desain Form Upload Learning Content
Gambar 3.17. Desain Form Peserta Home
Gambar 3.18. Desain Form Pembelajaran
53
C. Desain Form Pelatihan Tes
Desain form pelatihan tes ini berisi multiview untuk menampilkan view
“Start”, view “Test”, dan view “Result”. Pada view “Start” terdapat tombol “Start”
untuk memulai tes, pada view “Test” terdapat kolom berisikan soal dan terdapat
radobutton atau checkbox untuk pilihan jawaban, view “Result” berisi kolom
untuk menampilkan jumlah soal, jawaban benar, nilai, pass grade, dan status yang
berisi “Passed” atau “Failure”. Berikut desain form pelatihan tes seperti tampak
pada Gambar 3.19.
Gambar 3.19. Desain Form Pelatihan Tes
54
D. Desain Form Laporan
Pada desain form laporan yang isinya merupakan reportviewer untuk
menampilkan laporan hasil tes peserta. Berikut desain form laporan tampak pada
Gambar 3.20.
4. User sebagai tutor
User sebagai tutor mempunyai tujuh buah form tidak termasuk halaman
utama
A. Desain Form Tutor Home
Pada desain form halaman utama tutor ini berisi empat tombol, yaitu