4.4 Mendesain Layout Web
Salah satu faktor agar situs diminati para pengunjung adalah desain layout yang bagus. Sebelum kita mendesain sebuah layout terlebih dahulu kita harus membuat sketsa, setelah
itu kita bagi situs menjadi beberapa bagian, diantaranya adalah: 1.
Bagian header berisi nama sekolah dan beberapa grafik untuk mempercantik tampilan
2. Navigasi harus dikenali dan mudah digunakan
3. Bagian konten merupakan isi yang ingin disampaikan pada pengunjung
4. Bagian footer berisi nama dan info dari pemilik situs
Header Home
Pengumuman Pendaftaran Pendaftaran Siswa Baru
Calon Siswa Terdaftar Pengumuman Hasil Ujian
Isi Footer
Logo
Universitas Sumatera Utara
Gambar 4.8 Rancangam Halaman Utama
Gambar 4.9 Rancangan Halaman Administrator
4.5 Perancangan Database
Database merupakan salah satu komponen yang penting dalam sistem informasi, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Berikut ini adalah
perancangan database yang dapat penulis uraikan sesuai dengan kebutuhan yang diperlukan sebagai media input, penyimpanan data serta sebagai media output :
Tabel 4.1 Admin
Nama Field Type
Size Keterangan
id Integer
11 primary key
Header
Logout Lihat Calon siswa terdaftar
Proses Nilai Lihat Siswa yang Diterima Isi
Footer
Universitas Sumatera Utara
username Varchar 50 password Varchar 32
Tabel 4.2 Registrasi Calon Siswa
Nama Field Type
Size Keterangan
Id Integer
11 primary key, auto increment
nomor_ujian Varchar 8
sandi Varchar 32
nama Varchar 50
ttl Varchar 50
Asal_sekolah Varchar 50
Tahun_tamat Integer 5
Nilai_un Float foto Varchar
255 Alamat
Varchar 50
Tabel 4.3 Registrasi Siswa Baru 1
Nama Field Type
Size Keterangan
Nis Varchar
20 primary key
Namasiswa Varchar
50 Jenkel
Varchar 10
Tempatlahir Varchar
15 Tgllahir
Integer 2
Blnlahir Varchar
10 Thnlahir
Varchar 4
Agama Varchar
20 Warganeg
Varchar 20
Tabel 4.4 Registrasi Siswa Baru 2
Nama Field Type
Size Keterangan
nis Integer 20
Alamat Varchar
100 kdpos Varchar
7 Notelp
Varchar 15
Email Varchar
30
Tabel 4.5 Registrasi Siswa Baru 3
Nama Field Type
Size Keterangan
Nis Varchar
20 Propinsi
Varchar 35
Universitas Sumatera Utara
Kab_kot Varchar 20
Alamat2 Varchar 50
Kdpos2 Varchar 7
Notelp2 Varchar 15
Tabel 4.6 Registrasi Siswa Baru 4
Nama Field Type
Size Keterangan
Nis Integer
20 primary key
propskolah Varchar 35 Kab_kot_skul Varchar
35 Almtskolah
Varchar 50
Nmskolah Varchar
30 Notelpskul
Varchar 15
nofaxskul Varchar 15
Tabel 4.7 Registrasi Siswa Baru 5
Nama Field Type
Size Keterangan
Nis Integer
20 Thnmasuk
Varchar 4
Kelas Varchar 4
Thnskhun Varchar
4 Jlh_un Varchar
1 Nilai_un Varchar
4 Jlh_uas Varchar
2 Nilai_uas Varchar 4
Tabel 4.8 Registrasi Siswa Baru 6
Nama Field Type
Size Keterangan
Nis Integer
20 Nmayah
Varchar 30
Tgllahir_ay Varchar 2 Blnlahir_ay Varchar
4 Thnlahir_ay Varchar 4
almtayah Varchar 50 Notelp_ay Varchar 15
Pnd_ayah Varchar 20 Pkrjaan_ayah Varchar
20 Gaji
Integer 9
Tabel 4.9 Registrasi Siswa Baru 7
Nama Field Type
Size Keterangan
Nis Integer
20 Nmibu Varchar
30
Universitas Sumatera Utara
Tgllahir_ib Varchar 2 Blnlahir_ib Varchar
4 Thnlahir_ib Varchar 4
almtibu Varchar 50
Notelp_ib Varchar 15 Pnd_ibu Varchar
20 Pkrjaan_ibu Varchar 20
Gaji 2 Integer
9
Tabel 4.10 Registrasi Siswa Baru 8
Nama Field Type
Size Keterangan
Nis Integer
20 sktbawaan Varchar 5
Sebutkan Varchar
50 Butawrn Varchar
5 goldarah Varchar
2 bratbdan Varchar
5 tggibdan Varchar
3
Tabel 4.11 Registrasi Siswa Baru 9
Nama Field Type
Size Keterangan
Nis Integer
20 Pass Varchar
32 konfirmpass Varchar 32
Tabel 4.12 Upload Foto
Nama Field Type
Size Keterangan
Id Integer
5 File_name Varchar 255
Location Varchar
255
Tabel 4.13 Nilai Ujian
Nama Field Type
Size Keterangan
Id Integer
5 Noujian
Varchar 9
Nilai Integer
3
Universitas Sumatera Utara
BAB 5
IMPLEMENTASI SISTEM
5.1 Pengertian Implementasi Sistem