pend_jurusan Varchar
45 Jurusan pendidikan terakhir
agama Varchar
15 Agama
alamat Varchar
100 Alamat
telp Varchar
15 No Telepon
Tabel 4.3 Tabel Data Siswa
Field Data Type Data
Size Descriptioin
NIS Varchar
50 NIS Siswa
nama Varchar
100 Nama
jk Varchar
10 Jenis Kelamin
tempat_lahir Varchar
100 Tempat Lahir
agama Varchar
50 Agama
alamat Varchar
255 Alamat
Tabel 4.4 Tabel Admin
Field Data Type Data
Size Descriptioin
id Integer
3 Id Admin
user Varchar
15 Nama Admin
password Varchar
8 E-mail Admin
4.2 Perancangan Halaman Website
Tahap perancangan halaman website adalah menentukan dan membuat rancangan tampilan dari situs yang akan dibuat. Kumpulkan terlebih dahulu komponen yang
akan digunakan. Untuk membuat rancangan tampilan kita dpat menggunakan software pengolah grafik seperti Adobe Photoshop CS.
Universitas Sumatera Utara
1. Perancangan Halaman Home
gambar 4.1 tampilan halaman Home
2. Perancangan Halaman Buku Tamu
gambar 4.2 tampilan halaman buku tamu
Universitas Sumatera Utara
4.3 Pembuatan Flowchart Diagram Alir
1. Tampilan Flowchart Menu Utama
Gambar 4.3 Tampilan Flowchart Menu Utama
START
Tampilan Web
Pilih Link yang ada
Buku Tamu Pilih link yang ada
END A
Profil
Guru Staf
Siswa
Admin Pilih link yang ada
Pilih link yang ada
Pilih link yang ada B
C
D Z
Home Pilih link yang ada
E
Universitas Sumatera Utara
2. Tampilan Flowchart Menu Profil
Gambar 4.4 Tampilan Flowchart Menu Profil
A
Tampilkan Profil
Pilih Link yang ada
Sejarah
Logo
Struktur
Prestasi Visi Misi
Z List data
Struktur
List data Prestasi
List data Logo
List data Visi Misi
List data Sejarah
Universitas Sumatera Utara
3. Tampilan Flowchart Buku Tamu
Gambar 4.5 Tampilan Flowchart Buku Tamu
D
Buka Halaman Tamu
Isi Buku Tamu
Simpan Simpan db
Buku Tamu Data sudah
disimpan
Home B
Universitas Sumatera Utara
4. Tampilan Flowchart Admin
E Buka Halaman Admin
Input username password
Cek Username password
Username password salah
Tampil Menu Admin
Halaman Data Siswa
Halaman Data Guru
Logout
E Tampil Halaman Siswa
Tampil Halaman Guru F
G Ya
Ya
Ya
Ya Tidak
Tidak
Tidak Tidak
Gambar 4.6 Tampilan Flowchart Admin
Universitas Sumatera Utara
5. Tampilan Flowchart Administrator Siswa
F
Halaman Admin siswa
Input Siswa Baru
Input Nilai Siswa
Edit Data Siswa
Logout Form Input Siswa
Form Input Nilai
Edit Hapus
Form Edit
Update
Simpan Data
Data Tersimpan Data Sudah
Dihapus Simpan
Simpan Data
Data Tersimpan Simpan
Simpan Data
Data Tersimpan E
Ya
Ya
Ya
Ya Ya
Ya
Ya Ya
Ya Tidak
Tidak
Tidak Tidak
Tidak Tidak
Tidak Tidak
Gambar 4.7 Tampilan Flowchart Administrator Siswa
Universitas Sumatera Utara
6. Tampilan Administrator Guru
G Halaman Admin Guru
Input Guru Baru
Edit Data Guru
Logout Form Input Guru
Edit Hapus
Form Edit Update
Simpan Data
Data Tersimpan Data Sudah
Dihapus Simpan
Simpan Data
Data Tersimpan E
Ya
Ya Ya
Ya Tidak
Tidak Tidak
Tidak Tidak
Ya Ya
Tidak Tidak
Gambar 4.8 Tampilan Flowchart Administator Guru
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1. Pengertian dan Tujuan Implementasi Sistem