Flowchart Sistem Informasi Penjualan Alarm Security Berbasis Web di PT. Kusuma Alambestari

bank varchar 50 account_number varchar 20 amount int 9 datetime datetime

3.3 Flowchart

Flowchart adalah gambar atau bagan yang memperlihatkan urutan dan hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol. Dengan demikian setiap simbol menggambarkan proses tertentu. Sedangkan hubungan antar proses digambarkan dengan garis penghubung. Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya flowchart urutan poses kegiatan menjadi lebih jelas. Jika ada penambahan proses maka dapat dilakukan lebih mudah. Setelah flowchart selesai disusun, selanjutnya pemrogram programmer menerjemahkannya ke bentuk program dengan bahasa pemrograman http:andreyanto-gunadarma.blogspot.com201210pengenalan- flowchartflowchart. html. Penjelasan arti dari lambang-lambang flowchart dapat didefinisikan seperti tabel dibawah ini : Tabel 3.15 Arti Lambang -lambang Flowchart No Simbol Fungsi 1. Terminal, untuk memulai atau mengakhiri suatu program. Universitas Sumatera Utara 2. Proses suatu simbol yang menunjukkan setiap pengolahan yang dilakukan. 3. Input-output untuk memasukan data ataupun menunjukan hasil dari suatu proses. 4. Decesion , suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan. 5. Preparation , proses suatu simbol yang menyediakan tempat-tempat pengolahan dalam storage. 6. Connector , suatu prosedur akan masuk atau keluar melalui simbol ini dalam lembar yang sama. 7. Off-page Connector , merupakan simbol masuk atau keluarnya suatu prosedur pada lembar kertas lainnya. 8. Flow , arus dari pada prosedur yang dapat dilakukan atas kebawah dan bawah keatas, dari kiri kekanan ataupun dari kanan kekiri 9. Stored Data , penyimpanan data secara sementara 10. Simbol penyimpanan storage pada komputer, misalnya menyimpan database. Universitas Sumatera Utara

3.3.1 Flowchart Menu Utama

Flowchart menu utama dapat dilihat pada gambar dibawah ini Gambar 3.2 Alur Flowchart Menu Utama Tampilan Web Pilih Link pada Beranda Produk Syarat Kondisi Tentang Kami Cara Transaksi Login Ya Tidak Tidak Tidak Tidak Tidak Tampilan Beranda Tampilan Produk Ya Tampilan Syarat Kondisi Ya Ya Tampilan Tentang Kami Tampilan Cara Transaksi Ya Ya Tampilan Login Tidak Start Finish Universitas Sumatera Utara

3.3.2 Flowchart Member

Flowchart member dapat dilihat pada gambar dibawah ini: Gambar 3.3 Alur Flowchart Member Index Member Profil Info Akun Keranjang Saya Barang Pesanan Saya Tidak Tidak Tidak Tampilan Halaman Member Profil Ya Ya Tampilan Halaman Info Akun Tampilan Halaman Keranjang Saya Ya Ya Tampilan Halanan Barang Pesanan Saya Tidak Start login member Halaman Member Pilih Link pada Logout Ya Finish Universitas Sumatera Utara

3.3.3 Flowchart Admin

Flowchart Admin dapat dilihat pada gambar dibawah ini: Gambar 3.4 Alur Flowchart Admin Index Panel Kontrol Produk Pemesanan Transaksi Tidak Tidak Tidak Tampilan Halaman Panel Kontrol Ya Ya Tampilan Halaman Produk Tampilan Halaman Pemesanan Ya Ya Tampilan Halanan Transaksi Tidak Start login admin Halaman Admin Pilih Link pada Logout Ya Finish Universitas Sumatera Utara

3.4 Perancangan Algoritma