Mempersiapkan Database Server Perancangan Halaman Website

4.5 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 smp22 dengan tabel-tabel sebagai berikut: Tabel 4.1 Artikel Nama Field Type Size Keterangan ID INTEGER 4 primary key NAMA TEXT KETERANGAN TEXT URUTAN INTEGER 4 Tabel 4.2 Mading Nama Field Type Size Keterangan ID INTEGER 4 primary key NAMA VARCHAR 30 JUDUL VARCHAR 50 ISI TEXT Universitas Sumatera Utara

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 profile merupakan halaman yang berisikan sepatah kata dari kepala sekolah SMP Negeri 22 Medan c. Halaman visi dan misi merupakan halaman berisikan tentang visi dan misi SMP Negeri 22 Medan. d. Halaman fasilitas merupakan halaman yang berisikan fasilitas yang ada di SMP Negeri 22 Medan. e. Halaman ekstrakurikuler merupakan halaman yang berisikan ekstrakurikuler yang ada di SMP Negeri 22 Medan. f. Halaman OSIS merupakan halaman yang berkaitan dengan program kerja OSIS SMP Negeri 22 Medan. g. Halaman mading digital merupakan halaman yang berisikan form untuk meninggalkan isi pesan majalah dinding yang ingin anda sampaikan kepada pengelola website. Universitas Sumatera Utara h. Halaman link merupakan halaman yang berisikan halaman-halaman website eksternal yang berkaitan dengan dunia pendidikan. i. Halaman info terbaru merupakan halaman yang berisikan informasi terbaru baik informasi akademik maupun umum. j. Halaman kalender pendidikan berisi sebuah kalender yang diterbitkan oleh dinas pendidikan kota medan. k. Halaman galeri merupakan kumpulan dokumentasi foto di SMP Negeri 22 Medan. l. Halaman admin merupakan halaman yang hanya dapat diakses oleh admin yang mempunyai tugas untuk mengolah data informasi. Tidak hanya itu admin juga dapat melihat apakah sistem yang di buat dapat berjalan dengan ketentuan atau tidak. 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: Universitas Sumatera Utara 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. Universitas Sumatera Utara

4.7 Perancangan User Interface