Perancangan Sistem Perancangan Flowchart Perancangan Form

BAB 4 PERANCANGAN SISTEM

4.1 Perancangan Sistem

Perancangan system adalah sebagai penggambaran, perencanaan dan pembuatan sketsa atau pengaturan dari beberapa elemen yang terpisah kedalam satu kesatuan yang utuh dan berfungsi. Tahapan perancangan design memiliki tujuan untuk merancang system baru yang dapat meyelesaikan masalah-masalah yang dihadapi oleh suatu perusahaan yang diperoleh dari pemilihan alternatif sistem terbaik.

4.2 Data Flow Diagram DFD

Data Flow Diagram adalah gambaran system secara logika. Gambaran ini tidak tergantung pada perangkat keras, perangkat lunak, struktur data dan organisasi. Pada tahap analisa, penanganan notasi symbol lingkaran dan anak panah mewakilimenggambarkan arus data dalam perancangan system sangat membantu sekali di dalam komunikasi dengan pemakai system menggunakan notasi-notasi ini untuk menggambarkan arus data dari system. Salah satu keuntungan menggunakan diagram aliran data ini adalah memudahkan pemakai atau user yang kurang menguasai bidang computer untuk mengerti system yang akan dikerjakan. Beberapa symbol yang digunakan di DFD, yaitu: Universitas Sumatera Utara Table 4.1 Simbol-simbol Data Flow Diagram No Gambar Nama Fungsi 1. Kesatuan Luar External Entity Merupakan kesatuan luar entity dilingkungan luar sistem yang akan memberikan input atau menerima output dari sistem. 2. Proses Process Kegiatan dari suatu arus data yang masuk dalam proses untuk dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi output. 3. Aliran Data Data Flow Data mengalir melalui sistem, Universitas Sumatera Utara dimulai dengan sebagai input dan diubah atau diproses menjadi output. 4. Penyimpanan Data Data Storage Data disimpan untuk keperluan berikutnya.

4.2.1 Data Flow Diagram DFD diagram konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan menggambarkan ruang lingkip suatu sistem. Diagram konteks mrupakan level tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau output dari sistem. Diagram konteks berisi gambaran umum secara garis besar sistem yang akan dibuat. Diagram konteks untuk menggambarkan Aplikasi Pencarian Informasi Tentang Tilang Menggunakan Visual Basic 2010 dapat dilihat pada gambar berikut Memberi Masukan Memberi Informasi Tentang Tilang Tentang Tilang Informasi Tentang Tilang Memberi Masukkan Tilang Program Aplikasi Pencarian Informasi Tentang Tilang USER Dunia Lalu Lintas NARASUMBER Universitas Sumatera Utara Tentang Gambar 4.1 Diagram konteks Aplikasi Pencarian Informasi Tentang Tilang Menggunakan Visual Basic 2010

4.3 Perancangan Flowchart

Flowchart adalah sebuah diagram umum yang mempresentasikan sebuah algoritma atau proses menggunakan beberapa bangun geometri untuk memperlihatkan langkah-langkah yang dilakukan program dalam menyelesaikan masalah. Adapun flowchart aplikasi pencarian tentang tilang menggunakan visual basic 2010 sebagai berikut. Universitas Sumatera Utara Gambar 4.2 Flowchart aplikasi pencarian tentang tilang menggunakan visual basic 2010 Universitas Sumatera Utara

4.4 Perancangan Form

Pada perancangan form dibutuhkan beberapa form sebagai dasar pengoperasian dan penginputan data yang berhubungan dengan program, yaitu: 1. Form Halaman Depan Form ini adalah form halaman depan yang berisikan login untuk ke form selanjutnya. Gambar 4.3 Tampilan Form Halaman Depan 2. Form Login Form login terdiri dari nrp username dan password yang selanjutnya dilakukan penginputan sesuai dengan yang terdaftar dalam database. Log In Quit Date Animation Create by: Elfrida Simbolon Animation NRP : USENAME : PASSWORD : OKE CLOSE Universitas Sumatera Utara Gambar 4.4 Tampilan Form Login 3. Form Utama Form ini adalah berisikan menu yang terdiri dari Data, Search,About,Help,dan Quit. Gambar 4.5 Tampilan Form Menu Utama 4. Form Data Processing Form ini berisikan data Undang-Undang yang berisikan Hukum atas pelanggaran lalu lintas yang berlaku. Gambar 4.6 Tampilan Form Data Processing 5. Form Edit Form ini berisikan data pelanggaran lalu lintas yang dapat di tambahkan, diedit dan hapus. LOGO SAT LANTAS Data Search About Quit Help Hukum Menurut Undang-Undang Daftar Undang-Undang Hasil Prose Pencarian UU SEAR ISI UNDANG-UNDANG NO Universitas Sumatera Utara Gambar 4.7 Tampilan Form Edit Data Undang-Undang 6. Form Daftar Pelanggaran Form ini berisikan daftar pelanggaran lalu lintas beserta hukuman dan undang-undang yang berlaku. Gambar 4.8 Tampilan Form Daftar Pelanggaran

4.5 Perancangan Database