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 7 tujuh tabel sebagai berikut :
1. Tabel Admin
Universitas Sumatera Utara
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
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
Orang tua Varchar
40 Nama Orang Tua Siswa
3. Tabel Guru
Tabel 4.3 Tabel Guru Field Name
Type Width
Description
Id Int
4 No Urut auto_increment, Primary Key
Nig varchar
20 Nomor Induk Guru
Universitas Sumatera Utara
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
5. 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
7. Tabel Alumni
Tabel 4.5 Tabel Alumni Field Name
Type Width
Description
Nis Int
10 No.Urut auto_increment, primary key
Nama varchar
60 Nama Alumni
tanggal_lahir Date
- Tanggal Lahir Alumni
Kelamin varchar
20 Jenis Kelamin
Alamat varchar
60 Alamat Alumni
Universitas Sumatera Utara
Angkatan varchar
5 Tahun Angkatan Alumni
Agama varchar
10 Agama Alumni
Telepon varchar
20 No Telepon
Kota varchar
20 Kota Tinggal Alumni
Email varchar
60 Email Alumni
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 yang akan tampil setelah masuk ke dalam situs SMA SWASTA HARAPAN 2
MEDAN. Adapun tampilannya adalah sebagai berikut :
Universitas Sumatera Utara
Gambar 4.6 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 men
design header website
dengan menggunakan
software Adobe
Photoshop CS3
.
Header
ini berisikan tulisan SMA SWASTA HARAPAN 2 MEDAN, nama web, dan alamat sekolah. Secara keseluruhan
design header
yang penulis buat dapat dilihat pada gambar berikut ini :
Gambar 4.7 Tampilan
Header Website
4.7 Gambaran Umum Perancangan
