Mendesain Mempersiapkan Sistem Informasi Berbasis Web Pada Sekolah SMA Islam Azizi Menggunakan Php Dan MySql

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