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.6 Flowchart Admin Guru
4.5 Merancang Database Server
Database merupakan tempat penyimpanan data yang terstruktur sehingga dapat diakses
dengan cepat dan mudah. Tahap mempersiapkan database ini merupakan tahap dimana penulis mempersiapkan tempat untuk menampung data di server. Data tersebut akan diproses
oleh program yang kita buat pada tahap pemograman baik menambah, mengubah, penghapusan, dan menampilkan database itu sendiri.
Database terdiri dari tabel-tabel yang dibuat menggunakan program MySQL. Database yang dirancang penulis adalah database sekolah yang terdiri dari 4 empat tabel
sebagai berikut :
Universitas Sumatera Utara
1. Tabel Admin
Tabel 4.1 Tabel Admin Field Name
Type Width
Description
Id Int
10 No.Urut auto_increment, primary key
User Varchar
45 Nama User
Password Varchar
45 Password User
2. Tabel Siswa
Tabel 4.2 Tabel Siswa Field Name
Type Width
Description
Id Int
10 No Urut auto_increment, primary key
Password varchar
20 Password Siswa Untuk Login Ke Portal
Nis varchar
50 No Induk Siswa
Nama varchar
40 Nama Siswa
Kelamin varchar
15 Jenis Kelamin Siswa
tgl_lahir varchar
15 Tanggal Lahir Siswa
Agama varchar
20 Agama Siswa
Alamat varchar
60 Alamat Siswa
Ortu varchar
40 Nama Orang Tua Siswa
3. Tabel Guru
Tabel 4.3 Tabel Guru
Universitas Sumatera Utara
Field Name Type
Width Description
Id Int
4 No Urut auto_increment, Primary Key
Nig varchar
20 Nomor Induk Guru
Nama varchar
45 Nama Guru
Kelamin varchar
15 Jenis Kelamin Guru
tanggal_lahir varchar 15
Tanggal Lahir Guru Alamat
varchar 60
Alamat Guru Lulusan
varchar 45
Pendidikan Terakhir Guru Agama
varchar 15
Agama Guru
4. Tabel Buku Tamu
Tabel 4.4 Tabel Buku Tamu Field Name
Type Width
Description
Nama Varchar
40 Nama Pengirim
Email Varchar
45 Email Pengirim
Pesan Text
- Pesan yang Ditinggalkan Pengirim
4.6 Design Website 4.6.1 Design halaman home
Dalam mendesign halaman ini, penulis menggunakan software Adobe Photoshop CS3 dan
Macromedia Flash 8. Halaman home adalah halaman pembuka yang merupakan halaman
Universitas Sumatera Utara
yang akan tampil setelah masuk ke dalam situs SMA NEGERI 1 BARUS. Adapun tampilannya adalah sebagai berikut :
Gambar 4.7 Tampilan Halaman Home
4.6.2 Design header website
Header website adalah bagian paling atas dari website yang biasanya berisi gambar website,
alamat, dan nama website. Pada perancangan website ini penulis juga mendesign header website dengan menggunakan software Adobe Photoshop CS3. Header ini berisikan tulisan
SMA NEGERI 1 BARUS, nama web, dan alamat sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat pada gambar berikut ini :
Universitas Sumatera Utara
Gambar 4.8 Tampilan Header Website
4.7 Gambaran Umum Perancangan Website
