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 750
pixel
dan lebar 200
pixel
. Kemudian mengisi warna
background
dengan warna hijau.
b. Membuat layer baru dan mengisinya dengan ellipse tool 000000 dan kemudian
memberikan
gradient fill tool
dengan warna hijau pada
foreground color
dan warna hitam pada
background color
.
Login
Halaman
Admin
Halaman
User
Universitas Sumatera Utara
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 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
sma_azizi dengan tabel-tabel sebagai berikut:
Universitas Sumatera Utara
Tabel 4.1 Anggota
Field
Jenis No
Int11 Username
Varchar20 Password
Varchar10 Level
char1 Nama
Varchar45 Ttglahir
Varchar50 Alamat
Text Phone
Varchar15 Pekerjaan
Varchar30 Email
Varchar25
Tabel 4.2 Artikel
Field
Jenis No
int11 Judul
char100 Nama
char100 Tanggal
char50 Isi_artikel
Text
Tabel 4.3 Guru
Field
Jenis No
Int11 Nama_guru varchar30
Nip Varchar10
Gol Varchar6
Bid_studi Varchar25
Alamat Text
Phone Varchar15
Universitas Sumatera Utara
d. Tabel 4.4 Alumni
Field
Jenis No
int11 Nama
varchar25 Ttglahir
varchar40 Alamat
Text Phone
Varchar15 Kota
Varchar30 Tamat
Varchar20 Pekerjaan
Varchar30 Email
Varchar15
4.4 Membangun Halaman