Entity Data RelationShip Flowchart

Kolom Jenis Kosong Primary Key Keterangan Id int3 Tidak Yaauto increment Id berita News_kategori varchar255 ya Kategori berita News_penulis varchar255 ya Nama penulis News_judul varchar255 Tidak Judul News_head Text Tidak Headline Berita News_isi Text Tidak Isi berita News_gambar Varchar255 Tidak Gambar News_hit Int3 Tidak Hit berita News_tanggal Varchar255 Tidak Tanggal

3.4 Entity Data RelationShip

Entity Data Relationship ERD tersusun atas 3 tiga komponen yaitu entitas, atribut dan kerelasian antar entitas, secara garis besar entitas merupakan objek yang terlibat di dalam sebuah sistem. Atribut berperan sebagai penjelas entitas dan kerelasian menunjukkan hubungan yang terjadi antara dua entitas. Adapun ERD dari sistem penjualan makanan berbahan dasar tahu dan tempe berbasis e- commerce ini adalah: Gambar 3.2 ERD Website Penjualan Tabel 3.7 Tabel Berita PRODUK KELOLA PESAN CUSTOMER PEMBELI ADMIN PENGELOLA Universitas Sumatera Utara

3.5 Flowchart

Flowchart adalah sekumpulan simbol atau skema yang menunjukkan atau menggambarkan arus logika dari rangkaian kegiatan-kegiatan sebuah sistem mulai dari awal start hingga akhir stop. Penjelasan fungsi simbol flowchart didefenisikan seperti tabel berikut: 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, digunakan untuk memasukkan data maupun menunjukkan hasil dari suatu proses. 4 Decision , suatu kondisi yang akan menghasilkan beberapa kemungkinan jawaban atau pilihan. 5 Preparation , suatu simbol yang menyediakan tempat-tempat pengolahan data dalam storage. Tabel 3.8 Simbol Flowchart Universitas Sumatera Utara 6 Connector, merupakan simbol untuk masuk dan keluarnya suatu prosedur pada lembar kertas yang sama. 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 Predefined process , digunakan 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. Flowchart sangat membantu memvisualisasikan dari setiap halaman dan link antara halaman tersebut. Flowchart juga mempermudah mengatur kode dan file PHP yang dibangun. Universitas Sumatera Utara Berikut adalah beberapa flowchart yang terdapat dalam website e- commerce penjualaan makanan berbahan dasar tahu dan tempe: 1. Flowchart Halaman Utama ya tidak Gambar 3.3 Flowchart Halaman Utama Halaman Utama Daftar Menu Keranjang Belanja Petunjuk Beli Menampilkan Petunjuk Beli Pilih Makanan Login dahulu Melihat keranjang login dahulu Pesan Sekarang Check out ya ya tidak tidak Start Universitas Sumatera Utara 2. Flowchart Login MemberAdmin Start Masukkan Username Halaman utama Masukkan Password Password dan username Benar Member Admin login Gambar 3.4 Flowchart Login MemberAdmin Login gagal tidak ya Universitas Sumatera Utara 3. Flowchart Member Pilih Makanan Simpan ke Database Ya Ya Tidak Gambar 3.5 Flowchart Member Member login end Kirim Sekarang Tidak Keranjang belanja Daftar Menu Log Out Ya Tidak Universitas Sumatera Utara 4. Flowchart Administrator Gambar 3.6 Flowchart Admin Admin login Home Statistik Website Lihat data pesanan Update delete Data Simpan ke Database Lihat Member Tambah Menu Lihat Menu Ya Tidak Update delete Data Update delete Data Update delete Data Simpan ke Database Simpan ke Database Simpan ke Database Logout end Ya Ya Ya Ya Tidak Tidak Tidak Tidak Halaman Utama Ya Tidak Universitas Sumatera Utara

3.6 Perancangan Antar Muka Interface