3.3 Perancangan Halaman Website
Rancangan tampilan halaman-halaman situs: 1.
Halaman index.php, yaitu halaman yang muncul pada saat situs dibuka. Halaman ini berisi Menu dan berita terbaru tentang bidang pendidikan di Kabupaten
Langkat.
Gambar 3.3.1 Halaman index.php
2. Halaman profilLangkat.php, yaitu halaman yang berisi tentang profil Kabupaten
Langkat.
Universitas Sumatera Utara
Gambar 3.3.2 Halaman profilLangkat.php
3. Halaman dinasLangkat.php, yaitu halaman yang berisi daftar dinas pemerintah
beserta alamat dan nomor telepon kantornya.
Gambar 3.3.3 Halaman dinas.php
Universitas Sumatera Utara
4. Halaman sekolah.php, yaitu halaman yang berisi tabel rincian data sekolah, seperti
alamat sekolah, tahun berdirinya sekolah dan tahun terakhir sekolah tersebut direnovasi oleh pemerintah.
Gambar 3.3.4 Halaman sekolah.php
5. Halaman bukutamu.php, yaitu halaman dimana pengunjung dapat menjadi tamu
dan mengirim pesan kepada admin.
Gambar 3.3.5 Halaman bukutamu.php
Universitas Sumatera Utara
3.4 Membuat Database
Data Sekolah Menengah Pertama SMP yang ada pada situs ditampung pada sebuah tempat yang disebut dengan Database. Database terdiri dari tabel-tabel yang dibuat
dengan menggunakan MySQL. MySQL adalah suatu perangkat lunak database relasi Relational Database Management System atau RDBMS, seperti halnya ORACLE,
Postgresql, MS SQL, dan sebagainya.
Untuk situs Sekolah Menengah Pertama SMP ini database yang dibuat dinamakan “dbsekolah”. Database ini terdiri dari 4 empat tabel, yaitu:
1. tbadmin
Gambar 3.4.1 Tabel tbadmin
Universitas Sumatera Utara
2. tbberita
Gambar 3.4.2 Tabel tbberita
3. tbbukutamu
Gambar 3.4.3 Tabel tbbukutamu
Universitas Sumatera Utara
4. tbdata
Gambar 3.4.4 tabel tbdata
Universitas Sumatera Utara
3.5 Desain Situs
Dalam membuat desain situs ini, penulis menggunakan software Adobe Photoshop CS 4 sebagai pengolah gambarnya. Situs ini terdiri dari 4 empat area, yaitu header,
menu, isi dan footer. Pada area header terdapat logo dan nama situs. Secara keseluruhan, desain situs yang penulis buat dapat dilihat seperti pada gambar di bawah
ini:
Gambar 3.5.1 Tampilan halaman Index Serambi
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem