tda href=index.php class=btn btn-primary btn- smUlangiatd
tr tbody
table
div div
-- -- div
div div
div div
div
body html
28. Administratormenu.php
ul class=sidebar-menu li class=headerMAIN NAVIGATIONli
li class=active a href=index.php
i class=fa fa-dashboardi spanDashboardspan i class=fa fa-angle-left pull-righti
a li
Universitas Sumatera Utara
li class=headerPENGATURAN PESERTAli lia href=index.php?page=pesertai class=fa fa-thi
spanData Pesertaspanali ?php
pretest=db-tampilrecordtblpengaturan, kriteria=PRETEST, nilai;
if pretest=1{ echo lia href=index.php?page=ujiani class=fa fa-
circle-o text-redi spanUjianspanali; }
else{ ?
lia href=index.php?page=dataujiani class=fa fa-circle- o text-redi spanData Ujianspanali
?php } ? li class=headerSOALli
lia href=index.php?page=kategorii class=fa fa-circle-o text-redi spanKategorispanali
lia href=index.php?page=jabatani class=fa fa-circle-o text-redi spanJabatanspanali
lia href=index.php?page=_soali class=fa fa-circle-o text-yellowi spanData Soalspanali
lia href=index.php?page=gambari class=fa fa-circle-o text-yellowi spanFile Gambarspanali
ul
29. Administratorisi.php
?php page=_GET[page];
Universitas Sumatera Utara
sfile=_GET[sfile]; if page=={
include pageindex.php; }
else{ if sfile== or issetsfile{
if file_existspage.page.index.php{ include page.page.index.php;
} else{
include error404.html; }
} else{
if file_existspage.page..sfile..php{ include page.page..sfile..php;
} else{
include error404.html; }
} }
?
30. Asministratorcetak.php
?php ini_setmemory_limit,1000M;
require_oncedompdf_config.inc.php; namafile=_POST[namafile];
Universitas Sumatera Utara
if isset _POST[html] {
if get_magic_quotes_gpc _POST[html] = stripslashes_POST[html];
dompdf = new DOMPDF; dompdf-load_html_POST[html];
dompdf-set_papera4, potrait; dompdf-render;
dompdf-streamnamafile, arrayAttachment = false;
exit0; }
?
31. Administratorlogout.php
?php session_start; ? ?php
unset_SESSION[sesipsikologiuser]; unset_SESSION[sesipsikologipass];
echo script document.location.href=..index.php; script;
?
Universitas Sumatera Utara
Daftar Pustaka
Kristanto, A, 2003. Perancangan Sistem Informasi dan Aplikasinya, Yogyakarta:
Gava Media. Betha, Sidik, Ir. 2007. Pemrograman Web dengan HTML.Bandung: Informatika
Bandung. Adnyani, Nyoman. 2002. Kelemahan-Kelemahan Penerimaan Siswa SMP yang
Beracuan pada NUAN. Makalah yang Disampaikan dalam Seminar Ilmiah
Universitas Mahasaraswati, September 2003. Abdul, Kadir. 2003. Pengenalan Sistem Informasi. Andi : Yogyakarta.
Fadjar. 2002. Pengenalan Nilai Budaya dan Etika Bagi Mahasiswa. Yogyakarta : Yayasan
Penerbitan. Kristanto, Andri. 2008. Perancangan Sistem Informasi dan Aplikasinya. Gava Ilmu :
Yogyakarta. Munandar, Imam dkk. 2012. Sistem Basis Data Akademik Sekolah Berbasis Web Pada
SMPN 5 Jakarta.
Betha, Sidik, Ir. 2007. Pemrograman Web dengan HTML.Bandung: Informatika Bandung.
Adnyani, Nyoman. 2002. Kelemahan-Kelemahan Penerimaan Siswa SMP yang Beracuan pada NUAN. Makalah yang Disampaikan dalam Seminar Ilmiah Universitas
Mahasaraswati, September 2003.
Abdul, Kadir. 2003. Pengenalan Sistem Informasi. Andi : Yogyakarta. Kristanto, Andri. 2008. Perancangan Sistem Informasi dan Aplikasinya. Gava Ilmu :
Yogyakarta. Munandar, Imam dkk. 2012. Sistem Basis Data Akademik Sekolah Berbasis Web Pada
SMPN 5 Jakarta.
Universitas Sumatera Utara
BAB 3
ANALISA PERANCANGAN SISTEM
3.1 Perancangan Sistem
Perancangan Sistem adalah upaya suatu organisasi atau lembaga untuk memulai memiliki suatu sistem yang lebih baik lagi dari sistem yang sebelumnya. Perancangan
sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dikerjakan. Tujuan dari perancangan sistem adalah untuk memenuhi kebutuhan pemakai user
mengenai gambaran yang jelas tentang perancangan sistem yang akan dibuat serta diimplementasikan.Perancangan sistem adalah suatu upaya untuk membuat suatu
sistem yang baru atau memperbaiki sistem yang lama secara keseluruhan atau memperbaiki sistem yang telah ada. Desain sistem secara umum mengidentifikasikan
komponen-komponen sistem informasi yang akan didesain secara terinci. Desain terinci dimaksudkan untuk pemrogram komputer dan ahli teknik lainnya yang akan
mengimplementasikan sistem.
3.2 Data Flow Diagram DFD
Data Flow Diagram DFD adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu
untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
DFD terdiri dari diagram konteks dan diagram rinci. Diagram konteks merupakan
Universitas Sumatera Utara
diagram yang menggambarkan hubungan antarsistem dengan entitas di luar sistem, merupakan sistem secara keseluruhan. Diagram rinci menggambarkan sistem sebagai
jaringan kerja antara fungsi yang berhubungan satu dengan yang lain dengan aliran penyimpanan data, model ini hanya memodelkan sistem dari sudut pandang fungsi.
Agar suatu sistem terstruktur, dapat dibuat suatu proses modeling dimana hasil dari proses modeling tersebut berupa diagram konteks. Aplikasi perancangan simulasi
psikotest berbasis web bekerja dengan proses user terlebih dulu melakukan registrasi sebelum memulai dan akan dientrykan administrator ke dalam sebuah database data
peserta. Dari website tersebut akhirnya dirancang sebuah form pendaftaran simulasi psikotest untuk dapat dilihat dan diisi oleh pihak pendaftar. Untuk lebih jelasnya dapat
dilihat pada gambar 3.2.1 diagram konteks berikut ini :
Peserta Administrator
Registrasi Ujian
Data Kategori Data Soal
Data Peserta Data Ujian
Hasil Ujian 0.0
Simulasi Psikotest
Gambar 3.2.1 Diagram Konteks
Universitas Sumatera Utara
3.3 Data Flow Diagram Level 0 Simulasi Psikotest
Administrator 1.0
Login Administrator
2.0 Data Peserta
Peserta 3.0
Data Kategori
4.0 Data Jabatan
5.0 Data Soal
6.0 Registrasi Peserta
7.0 Login Peserta
8.0 Simulasi Ujian
9.0 Hasil Ujian
D1 D2
D3
D4
D5 Username Password
Verifikasi Data Password Verifikasi Password
Data Kategori
Data Kategori Data Jabatan
Data Jabatan Data Peserta
Verifikasi Data
Email Password Data
Peserta Data Peserta
Data Peserta
Data Soal
Data Kategori
Data Jabatan Daftar Soal
D6 Jawaban
Hasil Jabawan
Nilai
Hasil Ujian Tabel Login
Tabel Peserta
Tabel Kategori
Tabel Soal
Tabel Jawaban Tabel Jabatan
Gambar 3.3.1 DFD Level 0
Universitas Sumatera Utara
3.4 Data Flow Diagram Level 1 Simulasi Psikotest
Peserta 8.1
Pilih Kategori
8.2 Acak Soal
8.3 Ujian
8.4 Hasil Ujian
D8
D8
D8 Kategori
Data Kategori
Soal Berkategori
Soal Berkategori Soal
Acak Jawaban
Jawaban Hasil Ujian
Hasil Ujian Soal
Soal Tabel kategori
Tabel Soal
Tabel Jawaban
Gambar 3.4.1 DFD Level 1
3.5 Entity Relationship Diagram ERD
Berikut ini adalah gambaran dari Entity Relationship Diagram ERD dari admin simulasi psikotest. Berikut merupakan penjelasan ERD, yaitu dimulai dari entitas table
peserta. Entitas table peserta memiliki sepuluh atribut yaitu id peserta, nama, jenis kelamin, tempat, tanggal lahir, alamat, pendidikan, email, password dan waktu. Jika
user memiliki atribut tersebut maka admin akan menyajikan soal ke entitas peserta. Di dalam entitas tabel soal ada beberapa atribut, yaitu id soal, kategori, jabatan dan soal.
Soal menyajikan bentuk berupa kategori soal. Di dalam entitas kategori ada atribut
Universitas Sumatera Utara
kategori dan di dalam entitas tabel jawaban ada beberapa atribut, yaitu id jawaban, id ujian, id peserta, id soal, jawab, dan kategori. Di dalam tabel jawaban, jawaban akan
disimpan. Untuk lebih jelasnya dapat dilihat pada gambar 3.5.1 Entity Relationship Diagram ERD berikut ini:
tblpeserta tblsoal
tbljawaban menyajikan
menyimpan alamat
email nama
jabatan idsoal
idpeserta idjawaban
menyajikan tblkategori
kategori
1 1
idpeserta waktu
jk tempat
tgllahir pendidika n
pass soal
kategori
idsoal kategori
idujian jwb
n n
1
n
Gambar 3.5.1 Entity Relationship Diagram ERD
3.6 Perancangan Database
Perancangan database adalah perancangan yang dilakukan untuk menentukan file database seperti field dan tipe data.Dalam hal merancang sebuah sistem yang berbasis
database, perancangan database merupakan hal yang perlu mendapat perhatian khusus. Karena database berperanpenting untuk memanipulasi data user dari aplikasi
yang dibuat. Kesulitan utamadalam perancangan database adalah mengelompokkan field-field secara terstruktur kedalam beberapa tabel sesuai dengan informasi yang
terkandung di dalamnya. Berikut adalah rancangan tabel yang digunakan dalam membangun database :
Universitas Sumatera Utara
Tabel 3.1 Tabel Admin
No Field Nama
Data Tipe Size
Keterangan
1 2
user pass
Varchar Varchar
50 50
Username Password
Tabel 3.2 Tabel Gambar
No Field Nama
Data Tipe Size
Keterangan
1 2
idgambar gambar
Integer Varchar
11 200
Id Gambar Nama Gambar
Tabel 3.3 Tabel Jabatan
No Field Nama
Data Tipe Size
Keterangan
1. jabatan
Varchar 50
Jabatan
Tabel 3.4 Tabel Jawaban
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
7. idjawaban
id ujian idpeserta
idsoal jwb
kategori st
Integer Integer
Integer Integer
Varhar Varchar
Integer 11
11 11
11 1
50 1
Jawaban Ujian
Peserta Soal
Jawaban Kategori
Jawaban BenarSalah
Universitas Sumatera Utara
Tabel 3.5 Tabel Kategori
No Field Nama
Data Tipe Size
Keterangan
1. kategori
Varchar 50
Kategori
Tabel 3.6 Tabel Pengaturan
No Field Nama
Data Tipe Size
Keterangan
1. 2.
kriteria nilai
Varchar Text
200 -
Kriteria Nilai
Tabel 3.7 Tabel Peserta
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
7. 8.
9. 10.
idpeserta nama
jk tempat
tgllahir alamat
pendidikan email
password waktu
Varchar Varchar
Varchar Varchar
Date Varchar
Varchar Varchar
Varchar Integer
200 -
50 100
- 100
10 50
60 11
Kriteria Nilai
Jenis Kelamin Tempat
Tanggal Lahir Alamat
Pendidikan Email
Password Waktu
Universitas Sumatera Utara
Tabel 3.8 Tabel Test
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
7. idtest
idpeserta idsoal
kategori jabatan
jwb st
Integer Integer
Integer Varchar
Varchar Integer
Integer 11
11 11
50 50
1 1
Kriteria Nilai
Soal Kategori
Jabatan Jawaban
Jawaban Benar Salah
Tabel 3.9 Tabel Hasil Test
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
7. 8.
idhasiltest idpeserta
jabatan hasil
nilai waktu
st stlulus
Integer Integer
Varchar Varchar
double Integer
Integer Integer
11 11
50 255
- 11
1 1
Id Hasil Test Id Peserta
Jabatan Hasil
Nilai Waktu
Jawaban Benar Salah Selesai Test
Universitas Sumatera Utara
Tabel 3.10 Tabel Pengaturan Test
No Field Nama
Data Tipe
Size Keterangan
1. 2.
3. 4.
5. 6.
idtestpengaturan jabatan
kategori jlh
lulus waktu
Integer Varchar
Varchar Integer
Integer Integer
11 50
50 11
11 11
Id Pengaturan Test Jabatan
Kategori Jumlah
Lulus Waktu
Tabel 3.11 Tabel Soal
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
idsoal kategori
jabatan soal
Integer Varchar
Varchar Text
11 50
50 -
Id Soal Kategori
Jabatan Soal
Tabel 3.12 Tabel Ujian
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. idujian
keterangan tgl
st waktu
Integer Varchar
Date Integer
Integer 11
255 -
1 11
Id Ujian Keterangan
Tanggal Jawaban Benar Salah
Waktu
Universitas Sumatera Utara
6. 7.
8. cwaktu
hasil jabatan
Integer Varchar
Varchar 11
255 50
Cek Waktu Hasil
Jabatan
Tabel 3.13 Tabel Ujian Kategori
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
idujiankategori idujian
kategori jlhsoal
jlhlulus waktu
Integer Integer
Varchar Integer
Integer Integer
11 11
50 11
11 11
Id Ujian Kategori Id Ujian
Kategori Jumlah Soal
Jumlah Lulus Waktu
Tabel 3.14 Tabel Ujian Peserta
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
idujianpeserta idujian
idpeserta ket
nilai lulus
Integer Integer
Integer Varchar
Integer Integer
11 11
11 255
11 1
Id Ujian Peserta Id Ujian
Id Peserta Keterangan
Nilai Lulus
Universitas Sumatera Utara
Tabel 3.15 Tabel Ujian Waktu
No Field Nama
Data Tipe Size
Keterangan
1. 2.
3. 4.
5. 6.
idujianwaktu idpeserta
idujian kategori
st waktu
Integer Integer
Integer Varchar
Integer Integer
11 11
11 50
11 1
Id Ujian Waktu Id Peserta
Id Ujian Kategori
Jawaban Benar Salah Waktu
3.7 Flowchart
Flowchart adalah
sekumpulan simbol-simbol
yang menunjukkan
atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir,
flowchart juga digunakan untuk menggambarkan urutan langkah-langkah pekerjaan di suatu algoritma. Di dalam web ini ada beberapa flowchart, yaitu flowchart menu
utama, flowchart administrator, dan lain-lain. Berikut ini merupakan penjelasan
program Perancangan Aplikasi Simulasi Psikotest Berbasis Web berikut ini.
3.7.1 Flowchart Menu Admin
Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke halaman admin maka akan muncul tampilan halaman admin. Selanjutnya home page
halaman admin, maka akan muncul menu-menu yang tersedia di halaman admin.
Universitas Sumatera Utara
Mulai
Tampilan Halaman
Admin
Menu Data Peserta
Menu Ujian Menu Kategori
Menu Jabatan Data
Peserta Pengatura
n Soal KategoriSoal
Jenis Jabatan
Keluar
Selesai Admin
S B
S B
B S
S B
S B
Data Soal
Komentar S
B
Gambar 3.7.1 Flowchart Menu Administrator
3.7.2 Flowchart Menu Kategori
Dalam menu kategori soal, admin dapat menambah dan menghapus jenis kategori soal. Jika kategori soal dihapus maka soal-soal otomatis juga terhapus semua. Berikut
ini merupakan flowchart halaman menu kategori soal.
Universitas Sumatera Utara
Mulai
Kategori
Tampilan Kategori
Tambah Kategori
Hapus Kategori
Simpan Kategori
Kategori Telah
Dihapus
Selesai S
B B
Gambar 3.7.2 Flowchart Menu Kategori Soal
3.7.3 Flowchart Menu Jabatan
Berikut ini merupakan penjelasan flowcahart jabatan. Didalam menu ini terdapat beberapa jenis jabatan yang nantinya akan dipilih user. Jadi user dapat memilih
tingkatan jabatan yang diinginkan. Berikut ini merupakan flowchart menu tingkatan jabatan.
Universitas Sumatera Utara
Mulai
Jabatan
Tampilan Jabatan
Tambah Jabatan
Hapus Jabatan
Simpan Jabatan
Jabatan Telah
Dihapus
Selesai S
B B
Gambar 3.7.3 Flowchart Menu Jabatan
Universitas Sumatera Utara
3.7.4 Flowchart Menu Soal
Berikut ini merupakan penjelasan flowchart menu soal, dimana dalam menu soal terdapat soal-soal berdasarkan kategori soal yang telah disimpan. Admin dapat
menambah dan menghapus jenis soal. Berikut merupakan flowchart menu soal.
Mulai
Soal
Daftar Jabatan
Pilih Materi
Tambah Soal Edit Soal
Simpan Soal Simpan Hasil
Editan
Keluar Selesai
B S
S Pilih Kategori Soal
B S
S B
S B
Hapus Soal Data Telah
Dihapus S
B
Gambar 3.7.4 Flowchart Menu Soal
1. Tampilan Halaman Utama
Universitas Sumatera Utara
Pada form ini terdapat login Admin, Registrasi user dan Login user. Admin akan langsung login ke halaman admin jika melakukan login system. Untuk lebih
jelasnya dapat dilihat pada gambar tampilan berikut ini.
Gambar 3.7.5 Tampilan Halaman Utama
2. Tampilan Menu Registrasi Sebelum user memulai simulasi, terlebih dahulu user melakukan registrasi. Jika
user telah selesai melakukan registrasi, user akan langsung dapat login untuk memulai simulasi. Untuk lebih jelasnya dapat dilihat pada gambar tampilan
berikut ini.
Universitas Sumatera Utara
Gambar 3.7.6 Tampilan Menu Registrasi 3. Tampilan Menu Jabatan
Di dalam tampilan menu jabatan, terdapat beberapa tingkatan jabatan yang akan dipilih user yaitu Manager, Staff dan Supervisor serta diberikan petunjuk soal.
Jadi, sebelum user melakukan soal simulasi, simaklah dengan baik petunjuk soal yang telah ditampilkan. Setelah itu user dapat langsung mengerjakan soal simulasi.
Gambar 3.7.7 Tampilan Menu Jabatan
Universitas Sumatera Utara
4. Tampilan Simulasi Di dalam tampilan ini, user dapat langsung mengerjakan soal simulasi setelah
memilih jabatan yang diinginkan. Terdapat timer pada simulasi psikotest sehingga user dapat mengelola waktu mengerjakan soal
– soal simulasi dengan baik.
Gambar 3.7.8 Tampilan Simulasi
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah suatu prosedur yang dilakukan untuk menyelesaikan sistem yang ada dalam dokumen rancangan sistem yang telah disetujui dan telah diuji,
menginstal dan menggunakan sistem baru yang telah diperbaiki. Adapun langkah- langkah yang dibutuhkan dalam implementasi sistem adalah:
1. Mendapatkan software dan hardware yang tepat serta sesuai untuk merancang website.
2. Menyelesaikan rancangan sistem. 3. Menulis, menguji, mengontrol, dan mendokumentasikan website.
4. Mendapatkan persetujuan.
4.2 Tujuan Implementasi Sistem
Adapun tujuan implementasi sistem adalah sebagai berikut: 1. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagai
sarana pengolahan data dan penyajian informasi. 2. Menyelesaikan rancangan sistem yang ada didalam dokumen sistem yang baru atau
yang telah disetujui.
Universitas Sumatera Utara
3. Memastikan pengujung dapat mengoprasikan dengan mudah terhadap sistem yang baru dan mendapat informasi yang baik dan jelas.
4.
Memastikan bahwa yang telah berjalan dengan lancer dan melakukan instalasi secara benar
.
4.3 Komponen Sistem
Komponen-komponen system yang dibutuhkan dalam membangun aplikasi ini diantaranya adalah:
a. Hardware
Hardware adalah suatu komponen yang sangat dibutuhkan dalam mewujudkan sistem yang diusulkan. Dalam hal ini penulis merinci spesifikasi komponen hardware yaitu:
1. Sistem Operasi menggunakan windows 7 2. PC dengan processor intel inside
3. RAM dengan kapasitas 2.00 GB. 4. Flash disk 16 GB
5. Monitor super VGA. 6. Memory minimal 128MB.
7. Keyboard. 8. Mouse.
b.
Software
Hardware tidak akan pernah memecahkan suatu masalah tanpa adanya komponen software. Adapun software yang digunakan dalam pembuatan website ini adalah :
1. Sistem Opersai Ms. Windows .
Universitas Sumatera Utara
2. Internet explorer, Mozila firefox, Google Chrome sebagai browser. 3. Xampp versi 3.0.12
4. Apache 2.2.18 5. PHP versi 5.4.4
6. MySQL 5.5.25a
c. Brainware Brainware adalah semua pihak yang bertanggung jawab dalam pengembangan
sistem informasi, pemrosesan, dan penggunaan keluaran sistem informasi. Brainware dalam sistem informasi terbagi 3 yaitu:
1. Sistem Analis : orang yang menganalisa sistem dengan mempelajari masalah-
masalah yang timbul dan menentukan kebutuhan pemakai dan mengidentifikasi pemecahan yang beralasan.
2. Programmer : orang yang membuat system dengan menggunakan salah satu
