Perancangan Halaman Website Membuat Database Desain Situs

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