Data Flow Diagram DFD Pengertian Implementasi Sistem

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