3.4 Flowchart
Flowchart adalah sekumpulan simbol – simbol yang menunjukkan atau menggambarkan rangkaian kegiatan – kegiatan program dari awal hingga akhir, jadi
flowchart juga digunakan untuk menggambarkan urutan langkah – langkah pekerjaan di suatu algoritma.
Penjelasan arti lambang – lambang flowchart dapat didefinisikan seperti tabel berikut :
Tabel 4.13 Simbol – Simbol Flowchart No.
Simbol Fungsi
1 Terminator, untuk memulai dan mengakhiri suatu
program 2
Process, suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer.
3 Data, untuk memasukkan data maupun menunjukkan
hasil dari asuatu proses. 4
Decision, suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan.
5 Preparation, suatu simbol untuk menyediakan tempat –
tempat pengolahan data dalam storage. 6
Connector, merupakan simbol untuk masuk dan
keluarnya suatu prosedur pada lembar kertas yang sama.
Universitas Sumatera Utara
7 Off – page Connector, merupakan simbol untuk masuk
dan keluarnya suatu prosedur pada lembar kertas yang lain
8 Arus atau flow, prosedur yang dapat dilakukan dari atas
ke bawah, bawah ke atas, dari kiri ke kanan atau dari kanan ke kiri.
9 Document, merupakan simbol untuk data yang
berbentuk informasi. 10
Prodefined Process, untuk menyatakan sekumpulan langkah proses yng ditulis sebagai prosedur.
11 Display, untuk output yang ditunjukan suatu device,
seperti monitor. 12
Magnetic disk, untuk penyimpanan data.
Universitas Sumatera Utara
3.4.1 Flowchart Menu Utama
Y
Y
Y
Y
Y
N Y
Gambar 3.3 Flowchart Menu Utama
START
Buka koneksi database
Menu Halaman Utama
Halaman Utama + Category
Company
Order
Contact us
Login
M enu Halam an Ut am a Cat egory: - Busana W anit a
- Busana Pria - Sepat u dan Sandal
- Accessories
Lat ar Belakang Colors Fashion Gallery
Halam an yang m enunjukkan alam at dim ana pem beli dapat m elakukan
pem esanan. Halam an dim ana pembeli adapat
m enuliskan kom ent ar m engenai sist em ecommerce yang dijalankan
dengan Halam an Login Adm in
Close
Tutup koneksi database
END
Universitas Sumatera Utara
3.4.2 Flowchart Pemesanan Produk
No
No
Yes
Gambar 3.4 Flowchart Pemesanaan Produk
START
Busana Wanita
Add to cart Beli
Isian Lengkap
Go t o shopping cart
END Pilih Category
Pilih Jenis Produk
Shipping Information
Colum ‘…’ cannot be null
Dat abase
Conf irm order
Universitas Sumatera Utara
3.4.3 Flowchart Login
Gambar 3.5 Flowchart Login
START
Login
Username benar
Password benar
END Halaman Utama
Masukkan username
Masukkan password
Menu Admin Status = Admin
Universitas Sumatera Utara
3.4.4 Flowchart Pencarian Searching
T
Y T
Y T
Y
Gambar 3.6 Flowchart Pencarian Searching
Login
Prosedur login
A X
START
Halaman Utama
Selesai
STOP Melakukan
pencarian
Memasukkan field
Apakah sudah diisi
Ditemukan
Tampil data yang ditemukan
Universitas Sumatera Utara
3.5 Membangun web