Start
Halaman Utama
Selesai?
Stop Melakukan
pencarian
Masukkan Keyword
Apakah sudah
diisi?
Ditemuka n
Tampil data yang
ditemukan
Start
Halaman Utama
Masukkan Username
Username Benar
Masukkan Password
Password Benar
Password Salah
Selesai
Terminator Predefined
process, untuk
menyatakan sekumpulan langkah proses yang ditulis sebagai
prosedur. Display, untuk output yang ditujukan suatu device,
seperti monitor. Magnetic Disk, untuk menyimpan data.
3.4.2 Flowchart pencarian
Tidak Tidak
Ya Ya
Tidak Ya
Gambar 3.3 Flowchart Pencarian 3.4.3 Flowchart login
Universitas Sumatera Utara
Halaman Utama
Admin
Home
Input Data
Manajemen Data
Input Artikel
Tampilkan artikel
Input Wisdo
m Tampilkan
Wisdom Input
Kuis Tampilkan
Kuis
Tambah Data
Stop Tidak
Ya
Ya
Ya
Gambar 3.4 Flowchart Login
3.4.4 Flowchart Halaman Utama Admin
Ya Ya
Tidak Tidak
Ya Tidak
Ya Ya
Ya Ya
B
Tambah Data
Disimpan Ke Database
Universitas Sumatera Utara
Ubah Password
Logout Edit
Data
Hapus Data
Edit Password
Password Sudah
Diupdate Database
Pencarian Data
Prosedur Logout
x Prosedur
Pencarian Data
Tampilkan Hasil
Pencarian
B
Tampilkan Form
Artikel Tidak
Ya Ya
Tidak
Ya Ya
T Ya
Ya Ya
Tidak
Ya Ya
Tidak Ya
Ya
Gambar 3.5 Flowchart Halaman Utama Admin
3.4.5 Flowchart Data Artikel
Edit Data Disimpan
Ke
Hapus Data Dihapus
Dari Database
Universitas Sumatera Utara
Lihat detail
data artikel
Detail artikel
Edit data
artikel Edit Artikel
Update
Hapus Data
Artikel
keluar Database
D1
B1 Hapus
Artikel
Halaman Utama
Admin
Form Input
Artikel
Batal Input Data
Artikel Data
Sudah Diinput
Database Keluar
B 1 Ya
Tidak Ya
Ya Tidak
Ya Tidak
Ya Tidak
Gambar 3.6 Flowchart Data Artikel 3.4.6 Flowchart Input Artikel
Tidak Ya
Tidak
Ya Ya
Tidak Ya
Universitas Sumatera Utara
Halaman Utama
Admin
Menu Manajeme
n Data
Form Manajemen
Artikel
Batal Edit
Artikel Edit
Artikel Update
Database Hapus
Artike l
Keluar
B 2 Hapus
Artikel
Gambar 3.7 Flowchart Input Artikel
3.4.7 Flowchart Manajeman Data
Ya Ya
Ya
Tidak Tidak
Ya Ya
Ya
Gambar 3.8 Flowchart Manajemen Data 3.5 Membangun Halaman Web
Universitas Sumatera Utara
Gambaran halaman web yang dirancang adalah: 1. Halaman index.php
Merupakan halaman utama yang akan diakses pertama kali ketika situs dibuka. Pada halaman ini berisi menu utama home, profil, quiz, wisdom dan contact us.
Halaman ini juga berisi menu pencarian dan login. Halaman index yang penulis bangun dibagi menjadi 2 bagian yaitu:
a. Halaman index untuk user Merupakan halaman yang dapat diakses oleh user yang mengunjungi situs tersebut.
User dapat melihat informasi berupa profil dari situs tersebut, informasi wisdom yang dapat memberi kata-kata semangat beserta artikel yang berhubungan dengan
pengembangan kepribadian.
Universitas Sumatera Utara
Gambar 3.9 Halaman index.php untuk user
b. Halaman index.php untuk administrator Merupakan halaman yang dikhususkan untuk administrator situs, yang jika ingin
masuk ke halaman ini harus melakukan login terlebih dulu. Di halaman ini administrator bisa melakukan penambahan, pengeditan maupun penghapusan
terhadap data artikel, wisdom maupun quiz.
Universitas Sumatera Utara
Gambar 3.10 Halaman index.php untuk administrator
2. Halaman cari.php Merupakan halaman yang digunakan untuk melakukan pencarian terhadap data-data
artikel, wisdom maupun quiz.
Gambar 3.11 Halaman cari.php
4. Halaman kuis_register.php
Universitas Sumatera Utara
Halaman ini berisi form registrasi bagi user yang ingin melakukan registrasi sebelum mengikuti tes kepribadian. Setelah registrasi berhasil maka user akan kembali ke
halaman utama dan dapat memulai tes.
Gambar 3.12 Halaman kuis_register.php
5. Halaman question.php Halaman ini berisi pertanyaan-pertanyaan yang berhubungan dengan tes kepribadian.
User dapat melakukan tes ini dan kemudian mengetahui hasilnya.
Universitas Sumatera Utara
Gambar 3.13 Halaman question.php
Tahap-tahap yang dilakukan dalam membangun halaman web adalah sebagai berikut:
i. Membuka software Macromedia Dreamweaver 8 sebagai software pengatur
letak layout dan penulisan skrip-skrip PHP dalam membangun halaman web. ii.
Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver 8 yaitu dengan meletakkan link-link, grafik
dan modul-modul lainnya ditempat yang telah ditentukan.
Universitas Sumatera Utara
Bab 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
