Gambar 4.2 Percabangan Dalam Aliran Informasi
4.2 Mendesain LayoutHeader
Salah satu faktor agar website banyak dikunjungi para pengunjung adalah desain layout yang bagus. Desain Layout dibentuk oleh gambar-gambar dan teks-teks yang
menarik. Adapun langkah-langkah yang penulis lakukan dalam mendesain layout adalah sebagai berikut:
a. Membuat dokumen baru dengan ukuran panjang 700 pixel dan lebar 300 pixel. Kemudian mengisi warna background dengan warna biru 048FFD.
b. Membuat layer baru dan mengisinya dengan ellipse tool 000000 dan kemudian memberikan gradient fill tool dengan warna biru048FFD pada foreground
color dan warna putihFFFFFF pada background color. Login
Halaman Admin
Halaman User
c. Dengan memanfaatkan tool-tool yang ada di Photoshop seperti rectangular marquee tool, gradient fill tool, dan text tool dan dengan kreasi penulis, dibentuk
suatu layoutheader seperti gambar berikut ini:
Gambar 4.3 LayoutHeader Website Yang Dibentuk Dengan Photoshop
4.3 Pemotongan Grafik Web
Pemotongan slice grafik adalah suatu proses memotong suatu grafik menjadi bagian- bagian kecil. Slice merupakan suatu teknik yang sering digunakan oleh seorang web
designer untuk mempercepat akses loading situs yang dibuat.
Suatu browser tidak membaca keseluruhan grafik terlebih dahulu lalu menampilkannya tetapi browser akan membaca potongan kecil grafik yang telah
dibuat lalu langsung menampilkannya. Dengan memanfaatkan teknik ini dapat mempercepat proses loading dalam menampilkan halaman web.
Pemotongan grafik ini dapat dilakukan di Photoshop atau menggunakan Image Ready yang sudah terinstal secara otomatis ketika menginstal Photoshop. Adapun tool
yang digunakan adalah slice tool dan slice select tool. Hasil dari prosesnya dapat dilihat pada gambar di bawah ini:
Gambar 4.4 Pemotongan Slice Pada LayoutHeader Web
4.4 Mempersiapkan Database Server
Pada tahapan ini dipersiapkan tempat untuk menampung data di server, data tersebut nantinya akan diproses oleh program yang kita buat pada tahap pemrograman, baik
penambahan, pengeditan, panghapusan dan menampilkan isi database ke halaman website. Database terdiri atas tabel-tabel yang dibuat dengan menggunakan program
MySQL.
Adapun database yang dibuat oleh penulis adalah database Madrasah Aliyah LAboraturium dengan tabel-tabel sebagai berikut:
a. Tabel anggota terdiri dari: Field
Jenis No
Int11 Username
Varchar20 Password
Varchar10 Level
char1 Nama
Varchar45 Ttglahir
Varchar50 Alamat
Text Phone
Varchar15 Pekerjaan
Varchar30 Email
Varchar25
Tabel 4.1 Tabel Anggota
b. Tabel artikel terdiri dari: Field
Jenis No
int11 Judul
char100 Nama
char100 Tanggal
char50 Isi_artikel Text
4.2 Tabel Artikel
c. Tabel guru terdiri dari: Field
Jenis No
Int11 Nama_guru varchar30
Nip Varchar10
Gol Varchar6
Bid_studi Varchar25
Alamat Text
Phone Varchar15
4.3 Tabel Guru
d. Tabel alumni terdiri dari: Field
Jenis No
int11 Nama
varchar25 Ttglahir
varchar40 Alamat
Text Phone
Varchar15 Kota
Varchar30 Tamat
Varchar20 Pekerjaan
Varchar30 Email
Varchar15
4.4 Tabel Alumni
4.5 Membangun Halaman Website