Gambar 4.9 Flowchart Berita
4.5 Mempersiapkan Database Server
Universitas Sumatera Utara
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 dbsma dengan tabel-tabel sebagai berikut:
Tabel 4.1 Admin
Nama Field Type
Size Keterangan
username Varchar
20 primary key
password Varchar
20 status
Varchar 30
Tabel 4.2 Berita
Nama Field Type
Size Keterangan
Id Berita Integer
11 primary key
Judul Berita Varchar
50 Isi Berita
Text 100
Tabel 4.3 Buku
Nama Field Type
Size Keterangan
Id Buku Integer
4 primary key
Id Cetegory Integer
4 Judul Buku
Varchar 50
Pengarang Buku Varchar
50 Harga Buku
Integer 7
Sinopsis Buku Text
Halaman Buku Varchar
4 Foto Buku
Varchar 30
Tabel 4.4 Categori
Nama Field Type
Size Keterangan
Id Categori Integer
7 primary key
Nama Categori Varchar
50 Ket Categori
Text
Tabel 4.5 Contact
Universitas Sumatera Utara
Nama Field Type
Size Keterangan
Id Contact Integer
5 primary key
Name Varchar
100 Email
Varchar 50
Subject Varchar
100 Message
Varchar 1000
4.6 Perancangan Halaman Website
Adapun halaman - halaman yang dibangun oleh penulis adalah: a.
Halaman index merupakan halaman yang pertama kali muncul pada saat website dibuka. Halaman ini berisikan artikel dan link-link menuju halaman
berikutnya. b.
Halaman Home merupakan halaman yang berisikan tentang profile perusahaan, product, latest product, latest news.
c. Halaman Product merupakan halaman yang berisikan tentang categori buku
yang dijual PT Intan Pariwara. d.
Halaman Latest Product merupakan halaman berisikan tentang produk yang dijual PT Intan Pariwara.
e. Halaman Latest News merupakan halaman yang berisikan tentang berita
seputar pendidikan indonesia f.
Halaman Galeri merupakan halaman yang berisikan tentang produk dan categori buku yang diterbitkan oleh PT Intan Pariwara.
g. Halaman News merupakan halaman yang berisikan Tentang berita terbaru
seputar pendidikan. h.
Halaman About Us merupakan halaman yang berisikan tentang sejarah perusahaan,visi misi, struktur organisasi perusahaan.
i. Halaman Contact merupakan halaman yang berisikan form kritik dan saran
kepada PT Intan Pariwara, dan alamat perusahaan
Universitas Sumatera Utara
Tahap-tahap yang dilakukan penulis dalam membangun halaman website adalah sebagai berikut:
1. Membuka Macromedia Dreamweaver 8 sebagai software pengatur letak layout
dan penulisan skrip-skrip PHP dalam membangun halaman. Tampilannya dapat dilihat seperti gambar berikut ini:
Gambar 4.10 Tampilan Macromedia Dreamweaver 8
2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada
Macromedia Dreamweaver 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 Macromedia Dreamweaver. 4.
Mengerjakan halaman-halaman berikutnya. 4.7 Perancangan
User Interface
Universitas Sumatera Utara
Tampilan utama situs ini dirancang dengan bantuan software Dreamweaver. Perancangan tampilan utama pada situs ini dibagi menjadi dua bagian yaitu header
dan isi halaman. Header adalah merupakan dari halaman yang terletak pada bagian atas yang berisikan nama website PT Intan Pariwara, sedangkan bagian isi adalah
merupakan bagian terpenting karena pada pada bagian ini merupakan tempat menampilkan informasi yang akan disampaikan. Secara keseluruhan desain header
yang dirancang adalah sebagai berikut:
Gambar 4.11 Header Situs
Universitas Sumatera Utara
BAB 5 IMPLEMENTASI SISTEM