3.2 Data Flow Diagram DFD
Data Flow Diagram DFD adalah gambaran sistem secara logika dan tidak tergantung pada perangkat keras, lunak, struktur data, atau organisasi. Pada tahap analisa,
penanganan notasi symbol lingkaran dan anak panah mewakili atau menggambarkan arus data perancangan sistem sangat membantu sekali di dalam komunikasi dengan
pemakaian sistem menggunakan notasi-notasi ini untuk menggambarkan arus dari data sistem. DFD merupakan alat yang digunakan pada metodologi pengembangan
sistem yang terstruktur dan merupakan dokumentasi dari sistem yang baik. DFD digunakan sebagai alat abntu untuk menggambarkan alairan data informasi dan
transformasi proses dari data yang dimulai dari pemasukkan data sampai menghasilkan keluaran output data.
Universitas Sumatera Utara
Gambar 3.1 Data Flow Diagram 3.3 Perancangan Database
Database merupakan kumpulan file-file yang telah diarsip sehinggan memungkinkan dapat diakses dengan cepat dan akurat. Pada tahap ini, data tersebut nantinya akan
diproses oleh program yang akan dibuat pada tahap pemrograman, baik penambahan, pengeditan, penghapusan, dan menampilkan isi database ke halaman web. Database
terdiri dari tabel-tabel yang dibuat dengan menggunakan program MySQL.
Adapun database yang penulis buat yaitu database dispora yang terdiri dari tiga tabel, yaitu :
Tabel 3.1 Tabel user
Universitas Sumatera Utara
Field Type
Description
Nomor Integer 3
Primary Key Nama
Varchar 25 Nama User
Password Varchar 20
Password User
Tabel 3.2 Tabel Buku Tamu
Field Type
Description
Id Integer 4
Primary Key Nama
Varchar 30 Nama Pengunjung
Alamat Varchar 50
Alamat Pengunjung Comment
Text Komentar Pengunjung
Tabel 3.3 Tabel Produk
Field Type
Description
Nomor Integer 3
Primary Key Nama
Varchar 50 Nama Produk
Image Varchar 50
Gambar Produk Katalog
Varchar 30 Katalog Produk
Keterangan Singkat Text
Ket. Singkat Produk Keterangan Detail
Text Ket. Detail Produk
3.4 Algoritma pada Perancangan Sistem
Universitas Sumatera Utara
3.4.1 Algoritma menu utama
Langkah 1 : Aktifkan browser Internet Explorer atau Mozilla Firefox, kemudian ketik http:localhostsongket.comindex.php pada Address Bar lalu
tekan enter atau “go” pada sudut kanan Address Bar.
Langkah 2 : Muncul tampilan index yang berupa ucapan selamat datang dan gambar aneka ragam songket. Pada menu Home ini, dapat dipilih
beberapa submenu yaitu menu login yang diperuntukkan bagi User, serta sejarah singkat Songket, serta jenis Songket.
Langkah 3 : Untuk melihat halaman profil, maka klik menu “Profile”. Pada halaman ini di tampilkan secara singkat tentang Songket.
Langkah 4 : Untuk melihat berbagai macam jenis produk songket maka klik “Produk”, disini berisi seluruh produk songket yang terdapat dalam
web ini baik songket Batubara, Palembang dan Minang.
Langkah 5 : Untuk mengisi buku tamu sebagai bentuk apresiasi pengunjung maka klik menu “Contact”. Pada halaman ini juga terdapat sub menu Buku
Tamu, dimana kita bisa mengisi buku tamu yang telah tersedia ataupun melihat daftar buku tamu yang telah diisi sebelumnya.
Langkah 6 : Untuk masuk ke halaman Administrator atau halaman untuk User, klik menu “Login” yang ada di Home atau Index.
Langkah 7 : Selesai
Universitas Sumatera Utara
3.4.2 Algoritma menu admin
Langkah 1 : Masukkan username dan password pada menu “Login” yang disediakan dihalaman Home. Setelah login berhasil maka akan muncul
halaman Home admin yang berisi menu-menu yang hampir sama dengan menu umum, tapi pada halam ini, admin dapat melakukan
pengentrian, penghapusan, dan pengeditan Produk. Pada halaman admin juga dapat melakukan penghapusan dan pengeditan dari buku
tamu yang telah diisi oleh pengunjung website. Langkah 2 : Untuk menginput produk klik sub menu “Insert” pada menu Home
administrator.
Langkah 3 : Untuk melihat tampilan data produk maka klik “Produk” di submenu Home admin. Pada halaman ini, admin juga dapat melakukan
penghapusan ataupun pengeditan produk yang ada dengan cara mengklik salah satu dari field “Action”.
Langkah 4 : Untuk melakukan penghapusan ataupun pengeditan dari daftar buku tamu maka klik menu “Contact” pada submenu halaman admin, maka
akan tampil daftar pengunjung beserta “action” untuk menghapus dan mengedit buku tamu.
Langkah 5 : Jika telah selesai melakukan pengolahan data, maka admin dapat keluar dari halaman admin dan kembali ke Home umum dengan mengklik
menu “Logout”.
Universitas Sumatera Utara
Langkah 6 : Selesai.
3.5 Flowchart
Flowchart adalah sekumpulan symbol-simbol yang menunjukkan atau menggambarkan rangkaian kegiatan-kegiatan program dari awal hingga akhir.
Flowchart merupakan gambaran yang menampilkan struktur, hierarki, dan isi halaman per halaman. Dengan adanya flowchart, akan sangat membantu utnuk
menvisualisasikan isi dari setiap halaman situs tersebut.
3.5.1 Flowchart menu utama
Universitas Sumatera Utara
Gambar 3.2 Flowchart Halaman Menu Utama 3.5.2 Flowchart Login
Universitas Sumatera Utara
Gambar 3.3 Flowchart Login
3.5.3 Flowchart Input Produk
Gambar 3.4 Flowchart Insert Produk 3.5.4 Flowchart Produk
Universitas Sumatera Utara
Gambar 3.5 Flowchart Produk
Universitas Sumatera Utara
BAB 4
IMPLEMENTASI SISTEM
4.1 Pengertian Implementasi Sistem
Implementasi sistem adalah langkah-langkah atau prosedur-prosedur yang dilakukan dalam menyelesaikan desain sistem yang telah disetujui, untuk menginstal, menguji
dan memulai sistem baru atau sistem yang diperbaiki.
Pada implementasi ini terlebih dahulu dilakukan pengujian sistem. Setelah terlihat kesalahan dan permasalahan yang ditemukan di dalam pengujian, sistem
tersebut diperbaiki. Pengujian sistem dilanjutkan ke tahap operasi yang nyata.
4.2 Tujuan Implementasi Sistem