Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.
4.2 Mendesain layouttemplete
Salah satu faktor agar situs diminati para pengunjung adalah desain layout dibentuk oleh gambar-gambar dan teks–teks yang menarik. Adapun langkah-langkah umum
yang penulis lakukan dalam mendesai layout adalah sebagai berikut: a.
Membuat layout yang menggambarkaan sekolah yang akan dipublikasikn dengan menarik.
b. Memadukan warna yang sesuai dengan banner web sehingga tidak terjadi tabrakan
warna atau menimbulkan warna yang mencolok. c.
Memperindah tampilan web dengan Photoshop dan Macromedia. d.
Menambahkan aneka gambar menarik pada beberapa halaman web, seperti pada saat login admin.
Gambar 4.2 Layout Aplikasi Web
Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.
4.3 Mempersiapkan Database Server
Pada tahap ini dipersiapkan tempat untuk menampung data server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemograman, baik
penambahan, pengubahan, penghapusan, dan penampilan isi database ke halaman web. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL. Adapun database yang dibuat oleh penulis adalah database SMA Swasta An-
Nizam dengan tabel sebagai berikut:
Tabel 4.1 Tabel Admin
Field Jenis
Id Int 2
Userid Varchar 20
Password Varchar20
Level Int 2
Tabel 4.2 Tabel Instruktur
Field Jenis
Id Int3
Kode Varchar 5
Nama Varchar 200
Status Varchar 15
Password Varchar 10
Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.
Tabel 4.3 Tabel Data_Siswa
Field Jenis
Id Int4
Jurusan Varchar 30
Kelas Varchar 30
Gelombang Int 2
Induk Varchar 50
Nama Varchar 200
Ttl Varchar 200
Alamat Varchar 255
Kota Varchar 255
Ortu Varchar 150
Asal_sekolah Varchar 255
Th_lulus Varchar 100
Tlpn Varchar 4
Hp Varchar 25
Email Varchar 20
Agama Varchar 20
Alamat_sekolah Varchar 200
Tahun Varchar 25
Data_sekolah Varchar 4
Biaya_daftar Int 6
Status Int 1
Sari Sakina Jaya : Sistem Informasi Akademik Siswa Pada SMA Swasta An-Nizam Medan Berbasis Web, 2009.
Tanggal Int 2
4.4 Tabel Kelas
Kategori