3.2 Flowchart
Flowchart dapat juga diartikan sebagai sekumpulan simbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir.
Flowchart dapat digunakan untuk menggambarkan urutan langkah-langkah pekerjaan dalam suatu algoritma.
Membuat flowchart perlu dilakukan sebelum membuat sebuah website. Dengan membuat flowchart diharapkan proses pembuatan website dapat berlangsung lebih
cepat dan tepat sasaran. Selain itu flowchart dapat membantu menjelaskan alur penggunaan website tersebut agar lebih mudah dipahami penggunaannya.
Universitas Sumatera Utara
Penjelasan arti dari lambang-lambang flowchart didefinisikan seperti pada tabel berikut:
Tabel 3.2.1 Simbol-simbol flowchart dan fungsinya
No. Simbol
Nama Fungsi
1. Terminator
Memulai dan mengakhiri program 2.
Process Simbol yang menunjukkan setiap
pengolahan yang dilakukan komputer 3.
Data Memasukkan data dan menunjukkan
hasil dari suatu proses
4. Decision
Suatu kondisi yang akan menghasilkan beberapa kemungkinan
jawaban atau pilihan 5.
Preparation Simbol untuk menyediakan tempat
pengolahan data dalam storage
6. Connector
Simbol untuk masuk atau keluarnya suatu prosedur pada lembar yang
sama 7.
Off Page Connector
Simbol untuk masuk dan keluarnya suatu prosedur pada lembar yang lain
8. Arus atau flow
Prosedur yang dapat dilakukan dari atas ke bawah, bawah ke atas, kiri ke
kanan dan kanan ke kiri 9.
Document Simbol untuk data yang berbentuk
informasi
10. Predefined
Process Untuk menyatakan sekumpulan
langkah proses yang ditulis sebagai prosedur
11. Display
Untuk output yang ditujukan suatu device, seperti monitor
12. Magnetic Disk
Untuk menyimpan data
Universitas Sumatera Utara
Untuk website ini, penulis membuat sebuah flowchart. Flowchart ini menampilkan menu yang dapat diakses oleh pengunjung saat membuka website beserta halaman
yang akan ditampilkan jika pengunjung mengklik salah satu dari menu tersebut.
Flowchart situs yang penulis buat dapat dilihat pada gambar berikut: index
Menu
Serambi
Profil
Kontak Dinas
Data Sekolah
Buku Tamu
index.php
profilLangkat.ph p
dinas.php
sekolah.php
Daftar Sekolah
profil.php
Mengisi buku tamu:
Bukutamu.ph p
keluar Ya
Ya
Ya
Ya
Ya
Ya Tida
k
Tida k
Tida k
Tida k
Tida k
Tida k
Universitas Sumatera Utara
Gambar 3.2.1 Flowchart Menu pada halaman Index
Selain membuat halaman utama website, penulis juga membuat halaman admin. Halaman ini berfungsi untuk menginput, mengedit atau menghapus data yang
ditampilkan pada website. Sebelum membuat halaman admin, penulis tentu harus membuat flowchartnya terlebih dahulu.
Halaman utama index admin hanya dapat diakses oleh admin setelah melakukan proses login. Hal ini dilakukan agar kerahasiaan dan keamanan website menjadi lebih
terjamin.
Flowchart dari form login, proses input password dan halaman index admin dapat dilihat pada gambar berikut ini:
Gambar 3.2.2 Flowchart Login Admin
Form Login
Input admin username dan
password
Pesan Error Halaman Index
Admin
Universitas Sumatera Utara
Setelah berhasil melakukan login, admin akan dapat melihat halaman index admin. Pada halaman ini terdapat menu untuk menambah, mengedit, menghapus data berita
dan sekolah serta menampilkan data pengunjung yang mengisi buku tamu.
Flowchart dari halaman index admin dapat dilihat pada gambar berikut ini:
Gambar 3.2.3 Flowchart Menu pada halaman Admin
Halaman index admin
Menu
Berita
Data Sekola
Buku Tamu
Tamba h
Ya
Ya
Ya Menu
Edi Edit
Ya
Hapus
Hapus Ya
Menu
Edi Edit
Ya
Hapus Ya
Tamba h
Tampilka n dan
Logout Index
admin
Hapus
Tidak Tidak
Tidak
Tidak
Tidak Tidak
Tidak
Universitas Sumatera Utara
3.3 Perancangan Halaman Website