Design Website Gambaran Umum Perancangan Website

Email Varchar 100 Email user No_telp Varchar 20 Nomor telpon user level Varchar 20 Level user Blokir enum - Blokir user Id_session Varchar 100 nomor urut session user

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 Negeri 1 NA IX-X Aek Kota Batu. Adapun tampilannya adalah sebagai berikut : Universitas Sumatera Utara Gambar 4.8 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 NA IX-X Aek Kota Batu, nama web, dan alamat sekolah. Secara keseluruhan design header yang penulis buat dapat dilihat pada gambar berikut ini : Universitas Sumatera Utara Gambar 4.9 Tampilan Header Website

4.7 Gambaran Umum Perancangan Website

Sistem yang dibuat dalam situs ini bekerja dalam sebuah web server dan dapat diakses melalui jaringan interanet dan internet. Karena program ini berjalan dalam sebuah jaringan intranet dan internet, maka dapat dijalankan dengan multiuser, dapat diakses oleh banyak pengguna secara bersamaan dari komputer yang berbeda.

4.7.1 Administrator Website

Halaman administrator adalah kumpulan halaman web yang berfungsi sebagai ruang kerja seorang admin untuk memanage dan mengelola data dari website. Data yang ditampilkan pada website diambil langsung dari database. Ada 3 tiga cara dari seorang admin dalam mengelola database melalui halaman admin yaitu menambah data, mengedit data, dan menghapus data. Untuk masuk ke halaman menu admin pengguna harus melakukan login terlebih dahulu dengan username : admin dan password : password. Pada halaman administrator website SMA Negeri 1 NA IX-X Aek Kota Batu terdapat 3 tiga menu utama, yaitu Halaman Data Siswa, Halaman Data Guru dan Universitas Sumatera Utara Halaman Buku Tamu. Tampilan halaman Administrator dapat dilihat pada gambar berikut ini : Gambar 4.10 Tampilan Halaman Administrator a. Halaman Data Siswa Halaman ini berfungsi menyediakan ruang kerja bagi administrator untuk menambah, mengubah, menghapus, dan menambah data dan nilai siswa.

b. Halaman Data Guru