Flowchart Situs Flowchart Administrator Tampilan Situs Web

3.4 Flowchart Situs

Di dalam web SMA Negeri 18 Medan terdapat alur-alur aktivitas yang dapat kita gambarkan dalam bentuk flowchart. Di bawah ini adalah bentuk-bentuk flowchart yang didapat dari web SMA Negeri 18 Medan. a. Flowchart Menu Utama Seorang Pengunjung dapat mengakses web SMA Negeri 18 Medan dan dapat berpindah halaman web menuju halaman lain. Flowchart menu utama dapat dilihat pada gambar dibawah ini: Gambar 3.4 Alur Flowchart Menu Utama A B C D E Start F END Tampilan Web Pilihan Pada LinkMenu Home Fasilitas Profil News ekskul Buku tamu Galery Universitas Sumatera Utara b. Flowchart Guestbook Buku Tamu Untuk halaman guestbook saat mengakses halamannya, kita dapat langsung mengisi nama, email maupun komentar kita. Flowchart Guestbook buku tamu dapat kita lihat sebagai berikut : Gambar 3.5 Alur Flowchart Buku Tamu Buka halaman tamu Halaman isi buku tamu Simpan Simpan db Sma Negeri 18 Medan Data sudah disimpan Isi buku tamu Lihat buku tamu F Index F Universitas Sumatera Utara

c. Flowchart Administrator

Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login yang terdiri dari nama dan password dari seorang administrator harus sesuai dengan data yang ada pada tabel administrator. Jika data nama dan password sesuai, maka admin diantarkan menuju tampilan halaman administrator. Jika proses login gagal, maka kembali lagi ke halaman form administrator. Dapat kita lihat gambar flowchart administrator sebagai berikut : Gambar 3.6 Alur Flowchart Administrator Status=administrator A Tampilan halaman administrasi Index A Buka halaman administrator Input Nama Password Nama atau Password salah Universitas Sumatera Utara

3.5 Tampilan Situs Web

Dalam merancang tampilan suatu website, memiliki beberapa faktor yang perlu diperhatikan. Dimana tampilan website ini digunakan sebagai interface terhadap user untuk mempublikasikan suatu institusi ataupun individu kepada khalayak ramai. Hal-hal yang perlu diperhatikan dalam perancangan tampilan website adalah : a. Tata letak perancangan gambar pada website b. Pengaturan layout c. Kombinasi Warna d. Pemilihan jenis huruf dan ukurannya e. Materi yang dipaparkan dalam website Dalam perancangan ini penulis menggunakan warna hijau dan biru langit serta dipadukan dengan warna lain untuk memperindah tampilan website. Gambar 3.7 Tampilan Home Page SMA Negeri 18 Medan Universitas Sumatera Utara Universitas Sumatera Utara BAB 4 IMPLEMENTASI SISTEM

4.1 Pengertian Implementasi Sistem