Perancangan Struktur Database Flowchart

3.2 Perancangan Struktur Database

Database adalah kumpulan file-file yang saling berelasi antara file yang satu dengan file yang lain sehingga membentuk satu kesatuan. Dalam sebuah database, dapat kita temui lebih dari satu tabel. Pada tabel biasanya terdiri dari field-field tipe, tipe data, jumlah karakter pada tiap field yang di input dan keterangan tambahan lainnya. Dalam perancangan “SISTEM INFORMASI PENJUALAN PRODUK KECANTIKAN BERBASIS WEB DENGAN MENGGUNAKAN PHP DAN MySQL ”, penulis membuat 5 tabel dalam database yang diberi nama kyeopta. Tabel-tabel tersebut terdiri atas : Tabel 3.1 Tabel Admin No. Field Type 1 Nama Varchar30 2 Pass Varchar50 Tabel 3.2 Tabel Keranjang No. Field Type 1 Id Varchar20 2 Kode_produk Varchar10 3 Tanggal Varchar20 4 Jumlah Int3 Universitas Sumatera Utara Tabel 3.3 Tabel Pembeli No. Field Type 1 Id Varchar20 2 Nama Varchar50 3 Alamat Text 4 Kd_pos Varchar10 5 No.hp Varchar20 6 Email Varchar100 7 Kota Varchar30 Tabel 3.4 Tabel Produk No. Field Type 1 Kode_produk Varchar10 2 Nama_produk Varchar30 3 Harga Int10 4 Stok Int3 5 Kategori Varchar50 6 Sub_kategori Varchar50 7 Pembelian Int5 8 Gambar Varchar50 9 Tanggal Varchar20 Tabel 3.5 Tabel Transaksi No. Field Type 1 Id Varchar20 2 Kode_produk Varchar10 3 Gambar Varchar100 4 Nama_produk Varchar50 5 Jumlah Int3 6 Harga Int3 7 Tot_Harga Int4 Universitas Sumatera Utara

3.3 Flowchart

Flowchart atau bagan alir adalah bagan chart yang menunjukkan alir flow di dalam program atau prosedur sistem secara logika dan digunakan untuk alat bantu komunikasi dan dokumentasi. Dibawah ini adalah tabel simbol-simbol flowchart beserta fungsinya : No. Simbol Fungsi 1 Terminal. untuk memulai dan mengakhiri suatu program. 2 Proses. suatu simbol yang menunjukkan setiap pengolahan yang dilakukan oleh komputer. 3 Input-Output. untuk memasukkan data maupun menunjukkan hasil dari suatu proses. 4 Decision. suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan. 5 Preddifined Process. suatu simbol untuk menyediakan tempat pengolahan data dalam storage. 6 Connector. suatu prosedur akan masuk dan keluar melalui simbol ini dalam lembar yang sama. 7 Arus atau Flow. prosedur yang dapat dilakukan dari atas kebawah, bawah keatas, dari kekanan, atau dari kekiri. 8 Document. Merupakan simbol untuk data yang berbentuk informasi. 9 Untuk menyatakan sekumpulan langkah proses yang ditulis sebagai prosedur. 10 Untuk menyimpan data. Universitas Sumatera Utara

3.3.1 Flowchart halaman utama

Flowchart ini menjelaskan bagan dari halaman menu utama website. Di dalam tampilan halaman utama tersebut ada beberapa halaman yang telah disajikan oleh admin tentang produk-produk populer agar dapat dilihat oleh user. tidak ya tidak ya tidak ya tidak ya tidak ya GAMBAR 3.4 Flowchart halaman utama start Halaman Utama home wajah badan tangan rambut kaki stop home produk wajah produk badan produk tangan produk kaki produk rambut Universitas Sumatera Utara

3.3.2 Flowchart halaman admin

Flowchart ini menjelaskan bagan dari halaman web administrator. Untuk masuk ke halaman ini admin harus login terlebih dahulu. Jika username dan password yang di masukkan benar maka akan masuk ke halaman admin, dan jika salah maka akan masuk kembali ke halaman login admin semula. salah benar GAMBAR 3.5 Flowchart Login start Username, password login Halaman admin stop Kembali ke halaman login admin Universitas Sumatera Utara ya ya ya tidak tidak ya tidak ya ya GAMBAR 3.6 Flowchart halaman admin

3.3.3 Flowchart pembelian

Flowchart ini menjelaskan tentang jalannya proses pembelian. Calon pembeli melakukan proses pemesanan dengan mengisi form pembelian kemudian di submit. start Halaman admin produk produk customer setting Edit, hapus, tambah, detail Lihat data pembeli pembelian hapus detail Ganti password Form edit password stop Form edit, hapus, tambah, detail Universitas Sumatera Utara tidak ya tidak ya GAMBAR 3.7 Flowchart pembelian start wajah rambut badan tangan kaki beli stop Keranjang belanja bayar stop Form isi data Data pembelian stop Universitas Sumatera Utara

3.4 Perancangan Halaman Website