4. Menulis skrip CSS untuk memperindah tampilan situs dan skrip javascript
untuk melakukan peringatan alert pada pengisian form. 5.
Mengerjakan halaman-halaman berikutnya.
4.4 Flowchart Situs
Flowchart merupakan gambaran yang menampilkan struktur, hierarki dan isi halaman
per halaman, biasanya berbentuk pohon yang bercabang-cabang. Dengan adanya flowchart
, akan sangat membantu untuk memvisualisasikan isi dari setiap halaman dan link atau navigasi antara halaman-halaman tersebut. Di samping itu, juga dapat
mempermudah dalam mengatur kode dan file HTML-nya, terutama link untuk navigasi penjelajahan ke seluruh halaman web. Secara sederhana flowchart dalam
membangun situs ini dapat dilihat pada gambar di bawah ini:
Gambar 4.2 Flowchart rancangan aplikasi web situs
Index
PSB Profil
Inform asi
Fasilit as
Stuktu r
Galler y
Buku Tamu
Bera nda
Universitas Sumatera Utara
Di dalam website Dharma Pancasila terdapat alur-alur aktivitas yang dapat kita gambarkan dalam bentuk flowchart. Dibawah ini adalah bentuk-bentuk flowchart
yang didapat dari website Dharma Pancasila.
a. Flowchart Menu Utama
Seorang pengunjung dapat mengakses website SMA Dharma Pancasila dan dapat berpindah halaman web menuju halaman lain. Terdiri dari 7 halaman utama yakni
halaman beranda, profil, informasi, fasilitas, stuktur, gallery, buku tamu, dan informasipsb. Masing–masing halaman utama memiliki link-link yang dapat dipilih
oleh pengunjung kecuali halaman buku tamu. Flowchart Menu Utama dapat dilihat pada gambar dibawah ini:
Gambar 4.3 Alur Flowchart Menu Utama Start
Tampilan Web
Pilih link pada
Beran Profil
Informa Fasilitas
Stuktur Gallery
Buku PSB
Index
End
Universitas Sumatera Utara
b.Flowchart Administrator
Halaman administrator hanya diakses oleh seorang yang berhak mengaksesnya. Data login dan password dari seorang administrator harus sesuai dengan data yang ada pada
tabel administrator. Jika data login 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 adalah flowchart administrator.
Gambar 4.4 Alur Flowchart Administrator
Status = Administrator
A
Buka Halaman Administrator
Input Login Password
Index User Name
Password Salah
A Tampilan Halaman Administrator
Universitas Sumatera Utara
4.5 Algoritma Program
