Gambar 3.1 Flowchart aplikasi dokumentasi kode program ke flow chart
3.2.2 DFD
Berikut ini adalah contex diagram dari aplikasi dokumentasi kode program ke flow chart.
A. Contex Diagram
Daftar Project Project yang diminta
Daftar Prosedur Prosedur yang diminta
Otomasi Flow
Visual Basic
Gambar 3.2 Contex diagram otomasi flow chart
Mulai
Selesai Membuka
VB Project Mengaktifkan
Sistem Dokumentasi
Membaca Kode
Program Koneksi Data
Base
Keneksi Berhasil
Memilih File Project
Menghasilkan Flow Chart
Pada proses otomasi flow chart mengambil masukan dari visual basic yang berupa project, dan di dalam project tersebut terdapat daftar prosedur atau
fungsi. Setelah mendapat masukan berupa kode program dan daftar fungsi dan prosedur maka proses tersebut kemudian meminta data yang berupa kode program
ke Visual Basic dengan mengirimkan permintaan data prosedur atau fungsi.
B. DFD Aplikasi dokumentasi kode program ke flow Chart
kode yg akan disimpan prosedur yg dipilih
Gambar Flow
Data Kode Daftar Prosedur
Project Yang dipilih Daftar Project
Project Pilihan 1
Memilih Project
Visual Baic
3 Memilih
Prosedur 5
Menggambar Flow
+
User
Tabel penyimpanan 6
Update
Gambar 3.3 DFD Level 0 Otomasi Flow Chart
Pengguna memilih Project yang ada di dalam Visual Basic , Visual Basic kemudian memberikan prosedur atau fungsi yang ada dan pengguna dapat
memilih prosedur yang diinginkan. Prosedur yang ditentukan tersebut disimpan kedalam tabel kelompok kode
program, yang kemudian dilanjutkan dengan proses menggambar flow chart .
Data Gambar Node Gambar Flow
Data Node
Data Kode yg terupdate Kode Proses
Kode Loop
Data Proc Dek Data Loop
Data Kode
Data Kondisi Tabel penyimpanan
User 2
Update data Kondisi
+
3 Update
Data Loop
+
4 Update Data
Proses dan deklarasi
5 Gambar
Node 6
Menghubungk an Node
Gambar 3.4 DFD Level 1 Menggambar Flow Chart
Untuk proses menggambar flow chart dimulai dari mengambil data kode program yang telah dikelompokkan untuk dibuat gambar node sesuai dengan
jenisnya. Dari gambar-gambar node tersebut kemudian dihubungkan menurut urutannya.
Data Kondisi
Data Awal akhir else Data Else
Data akkhir kondisi Tabel penyimpanan
1 Mencari akhir
Kondisi
2 Mencasi Else
3 Mencari awal
4 Update Data
Kondisi
Gambar 3.5 DFD Level 2 Menggambar Flow Chart Kondisi System mencari akhir , awal dan percabangan yang lainnya dari kondisi
dan diteruskan dengan menyimpan kondisi tersebut kedalam tabel
Data Loop Data Awal akhir loop
DAat Akhir Loop
Tabel penyimpanan 1
Mencari Akhir Loop
2 Mencari
awal loop
3 Update data
Loop
gambar 3.6 DFD Level 2 Menggambar Flow Chart Loop
3.2.3 Desain user interface