Membangun Halaman Situs Perancangan Sistem Informasi Berbasis Web Pada MAN 2 Model Medan

Organisasi Jenis Kegiatan Varchar200 Tabel 4.8 Tabel Ekstra

4.3 Membangun Halaman Situs

Adapun halaman-halaman yang dibangun oleh penulis adalah: a. Halaman index.php, merupakan halaman utama yang akan diakses pertama kali situs dibuka. Halaman ini berisikan berita dan artikel secara singkat dan link-link menuju halaman berikutnya. b. Halaman profil, merupakan halaman yang memberikan informasi tentang sejarah, visi,misi dan target sekolah, struktur organisasi dan moto dan nilai dari MAN 2 Model Medan. c. Halaman guru, merupakan halaman yang memberikan informasi tentang data guru di MAN 2 Model Medan. d. Halaman siswa, merupakan halaman yang memberikan informasi tentang data siswa dan prestasi yang diraih oleh siswasiswi MAN 2 Model Medan. e. Halaman berita.php, merupakan halaman yang memberikan informasi berita kegiatan MAN 2 Model Medan. Universitas Sumatera Utara f. Halaman artikel.php, merupakan halaman yang memberikan informasi artikel mengenai kesehatan. g. Halaman bukutamu.php, merupakan halaman yang mengizinkan pengunjung untuk mengisikan buku tamu sehingga diketahui siapa saja yang mengunjungi situs. h. Halaman kontak.php, merupakan halaman yang mengizinkan pengunjung untuk memberikan saran, kritik atau pertanyaan ke MAN 2 Model Medan. i. Halaman admin.php, merupakan halaman yang khusus diakses oleh admin untuk melakukan pengaturan seperti membuat, menghapus atau mengubah berita, artikel dan anggota. Tahap-tahap yang dilakukan penulis dalam membangun halaman situs adalah sebagai berikut: 1. Membuka software 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.1 Tampilan Macromedia Dreamweaver 8 2. Mengatur letak layout dengan memanfaatkan tool dan perintah yang terdapat pada Macromedia Dreamweaver yaitu dengan meletakkan link-link 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. Menulis skrip CSS untuk memperindah tampilan situs dan skrip javascript untuk melakukan peringatan alert pada pengisian form. 5. Mengerjakan halaman-halaman berikutnya. Universitas Sumatera Utara

4.4 Flowchart Situs