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.
b. Membuat layer baru dan kemudian memberikan gradient fill tool dengan warna
merah pada foreground color dan warna abu-abu pada background color.
c. Dengan memanfaatkan tool-tool yang ada di XMPP seperti rectangular marquee
tool, gradient fill tool, dan text tool dan dengan kreasi penulis, dibentuk suatu
layoutheader seperti gambar berikut ini:
Login
Halaman Admin Halaman User
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 Bimbingan Matematika Sma Dengan Cara Online dengan tabel-tabel sebagai berikut:
Tabel 4.3.1 User
Tabel 4.3.2 Berita
Tabel 4.2 Berita
Tabel 4.3.3 Materi
Tabel 4.3.4 Agenda
Tabel 4.3.5 Download
4.4 Membangun Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah:
a. Halaman index.php, merupakan halaman yang pertama kali muncul pada saat
website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman berikutnya.
b. Halaman Modul.php, merupakan halaman yang berisikan tentang bahan pelajaran
matematika.
c. Halaman profil.php, inventory.php, tarteb.php, visi.php dan fasilitas.php,
merupakan halaman yang memberikan informasi mengenai profil, inventory, Bimbingan Matematika online
d. Halaman Pelajaran.php, merupakan halaman yang diperuntukan bagi peserta
bimbingan matematika. Pada halaman ini para peserta yang sedang membuka website ini dapat mengisi biodata dan dapat melihat peserta lain yang telah
mendaftar.
e. Halaman artikel.php, merupakan halaman dimana user dapat menuliskan artikel
tentang pendidikan. Untuk dapat mengakses halaman ini user harus login terlebih dahulu pada halaman login.php.
f. Halaman daftar.php, merupakan halaman ynag digunakan untuk mendaftar sebagai
anggota di website ini. Dengan mendaftar di website ini user dapat menulis artikel.
g. Halaman admin.php, merupakan halaman yang hanya dapat diakses oleh admin
untuk melakukan pengaturan seperti menghapus atau mengubah artikel, peserta dan anggota serta menambah data peserta baru.
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka XMPP sebagai software pengatur letak layout dan penulisan skrip-skrip
PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar
berikut ini:
Gambar 4.4 Tampilan XMPP phpMyAdmin
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
XMPP MyAdmin yaitu dengan meletakkan link-link, grafik, isi berita dan modul-
modul lainnya di tempat yang telah ditentukan.
3. Menulis dan meletakkan skrip-skrip PHP dan HTML yang diperlukan pada tempat
yang sesuai yang dikerjakan di jendela Code pada XMPP MyAdmin
4.
Mengerjakan halaman-halaman berikutnya.
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem