Perancangan Halaman Website Pembuatan Flowchart Diagram Alir

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