Made 8
Made 8
I Made Sukarsa
Staff Pengajar Teknik Elektro, Fakultas Teknik, Universitas Udayana
Kampus Bukit Jimbaran, Bali, 80361
Email : e_arsa@yahoo.com
Abstrak
Flowchart merupakan bagan yang menjelaskan secara rinci langkah-langkah dari proses program. Orang
dengan mudah dapat memahami urutan proses dari program yang dibuat dengan melihat flowchart saja. Setelah
flowchart selesai dibuat barulah dilakukan proses menulis program (coding) sesuai dengan flowchart yang telah
dibuat menggunakan bahasa pemrograman yang diinginkan.
Proses menulis program (coding) memerlukan keahlian khusus untuk melakukannya. Orang yang akan
melakukan coding haruslah mengetahui struktur dari bahasa pemrograman yang digunakan dan paham dengan
bahasa pemrograman tersebut, sehingga banyak orang yang tidak bisa melakukannya atau orang yang sedang belajar
pemrograman kesulitan dalam melakukannya. Salah satunya terjadi pada saat pemrograman PL/SQL pada Mesin
MySQL. Oleh sebab itu, dibuat aplikasi konversi flowchart ke dalam bentuk kode program bahasa pemrograman
PL/SQL khusus untuk database MySQL.
Pada Aplikasi ini, pengguna hanya perlu menggambar flowchart pada aplikasi dan kode program PL/SQL
MySQL yang bersesuaian dengan flowchart tersebut akan tercipta dan telah diuji dapat berjalan sesuai ketentuan.
beberapa hal yang dikenal pada dunia pemrograman, PL/SQL dapat dibagi menjadi tiga, yaitu:
seperti variabel, loop, pemrosesan kondisi, operasi prosedur, fungsi, dan trigger. Prosedur dan fungsi
cursor, modularisasai, dan hal-hal lainnya. Semua bekerja berdasarkan eksekusi langsung dari
tambahan itu bertujuan untuk meningkatkan kinerja user/program, sedangkan trigger akan bekerja secara
operasi-operasi SQL pada database MySQL sehingga otomatis apabila terjadi aktivitas insert, update atau
manfaat dari kehandalannya menjadi maksimal. delete data.
Struktur dari bahasa pemrograman PL/SQL
MySQL (MySQL AB, 2005) adalah sebagai berikut:
2.2.1 Struktur PL/SQL MySQL
..
1. Procedure
CREATE PROCEDURE procedure1 /* name */
(IN|OUT|INOUT parameter1 INT) /* parameters */
BEGIN /*start of block*/
DECLARE variable1 CHAR(10); /* variables */
… /* statement */
SET variabel1 = 1; /* statement */
INSERT INTO table1 VALUES (variable1); /* statement */
… /* statement */
END /* end of block */
2. Function
CREATE FUNCTION function1 /* name */
(parameter1 INTEGER) /* parameters */
RETURNS CHAR(10) /* returns value*/
BEGIN /*start of block*/
DECLARE variable1 CHAR(10); /* variables */
… /* statement */
SET variabel1 = “satu”; /* statement */
INSERT INTO table1 VALUES (variable1); /* statement */
… /* statement */
END /* end of block */
3. Trigger
CREATE TRIGGER triggername BEFORE|AFTER INSERT|UPDATE|DELETE
ON tbl_name FOR EACH ROW /* header */
BEGIN /*start of block*/
DECLARE variable1 CHAR(10); /* variables */
… /* statement */
SET variabel1 = “satu”; /* statement */
INSERT INTO table1 VALUES (variable1); /* statement */
… /* statement */
END /* end of block */
..
2.3 Finite Automata menggunakan bahasa pemrogaraman Microsoft
Finite automata adalah model matematika sistem Visual Basic .NET dan untuk pembuatan simbol-
dengan masukan dan keluaran diskrit (Bambang simbol flowchart menggunakan Microsoft Visio 11.0
Hariyanto,Ir.,MT.,2004). Sistem dapat berada di Drawing Control.
salah satu dari sejumlah berhingga konfigurasi
internal disebut state. State sistem merupakan 3.2 Daftar Kejadian
ringkasan informasi yang berkaitan dengan masukan- Kejadian-kejadian yang akan terjadi pada sistem
masukan sebelumnya yang diperlukan untuk yang dirancang adalah sebagai berikut :
menentukan perilaku sistem pada masukan-masukan 1. User membuka aplikasi dan sebuah jendela akan
berikutnya. muncul sebagai pemulaan.
2. User memilih menu New kemudian menekan
3 METODE DAN PERANCANGAN SISTEM salah satu pilihan jenis flowchart
3.1 Bahasa Pemorgraman (procedure/function/trigger) untuk memulai
penggambaran baru. Untuk penggambaran
Pada penelitian ini Database Management System flowchart procedure, user akan diberikan jendela
(DBMS) yang digunakan dalam penyusunan baru yang isinya pemberian nama prosedur dan
manajemen basisdata adalah MySQL 5. Bahasa pemilihan database. Untuk penggambaran
pemrograman yang digunakan untuk pembuatan flowchart function, user akan diberikan jendela
aplikasi ini dan antarmukanya adalah dengan baru yang isinya pemberian nama fungsi,
pemilihan tipe data Return dan pemilihan harus dilakukan menurut aturan flowchart, baik
database. Untuk penggambaran flowchart urutan aliran dan arah koneksi ditentukan oleh
trigger, user akan diberikan jendela baru yang user.
isinya pemberian nama trigger, penentuan waktu 6. User akan melakukan konversi setelah semua
dieksekusinya trigger, penentuan event shape yang ada dalam lahan kerja telah
dieksekusinya trigger, tabel trigger dan terkoneksi. Hasil dari konversi akan muncul
pemilihan database. Setelah itu user akan dalam sebuah jendela baru.
diberikan dokumen baru dengan lahan kerja 7. User dapat mengeksekusi hasil konversi dengan
kosong dan tombol-tombol yang nantinya akan menekan tombol execute, hasil dari eksekusi
dapat digunakan dalam penggambaran flowchart. dapat dilihat pada database MySQL (berupa
3. User menggambar simbol dengan menekan salah prosedur/fungsi/trigger sesuai dengan yang
satu tombol, untuk beberapa simbol, user akan dibuat).
diberikan antar muka yang berfungsi untuk 8. User dapat menyimpan gambar yang dibuat,
memberikan perintah/informasi dari simbol yang gambar flowchart akan disimpan dalam bentuk
digambar. Setelah informasi diberikan, user file visio dan informasinya akan disimpan dalam
mendapati lahan kerja telah berisi simbol database. Untuk membuka kembali gambar
flowchart yang digambar serta informasi yang flowchart yang sebelumnya dibuat dengan
dimasukkan sebelumnya akan ada didalam membuka aplikasi dan memilih menu open.
simbol tersebut. 9. User dapat melakukan proses edit pada gambar
4. Untuk penggambaran statemen perulangan dan flowchart yang dibuat. Proses edit akan
statemen kontrol, user akan diberikan lahan kerja mengubah struktur flowchart dan hasil
baru yang terpisah dari lahan kerja utama. Pada konversinya, jika user menghapus salah satu
lahan kerja utama hanya terdapat simbol dari simbol atau mengubah urutan koneksi maka
statemen perulangan/ kontrol tersebut, koneksi yang terputus harus disambungkan
sedangkan gambar detail dari stetemen tersebut kembali agar proses konversi dapat dilakukan.
akan terdapat pada lahan kerja baru tersebut.
5. Koneksi antar simbol dilakukan dengan menekan 3.3 Gambaran Tabel
tombol connector, user akan diberikan jendela Gambaran dari tabel yang digunakan dalam
baru yang isinya penentuan simbol asal dan aplikasi yang dibuat adalah sepeti gambar 1.
simbol tujuan koneksi. Koneksi antar simbol
..
Gambar 1. Gambaran Tabel dari Aplikasi Konversi Flowchart ke Kode Program Bahasa Pemrograman PL/SQL MySQL
..
3.4 Flowchart Sistem Jika tidak membuat flowchart baru maka akan
Flowchart atau bagan alir sistem dilakukan proses open file flowchart, kemudian
menunjukkan arus dari prosedur pada sistem yang dilakukan proses seperti diatas kecuali proses
dirancang. pemilihan jenis flowchart (jika penggambaran
flowchart belum selesai). Setelah flowchart selesai
3.4.1 Flowchart Sistem Keseluruhan digambarkan maka dilakukan proses konversi. Jika
Pada proses sistem keseluruhan jika akan hasil konversi ingin dieksekusi maka dilakukan
membuat flowchart baru maka akan dilakukan proses proses eksekusi query hasil konversi, hasil konversi
pemilihan jenis dari flowchart yang akan dibuat, tersebut yang berupa prosedur/fungsi/trigger akan
kemudian dilakukan proses penggambaran simbol tersimpan dalam database MySQL. Setelah itu, jika
flowchart. Setelah itu, jika ingin dilakukan gambar flowchart ingin disimpan maka dilakukan
interkoneksi antar simbol maka dilakukan proses proses penyimpanan gambar dalam bentuk file Visio,
interkoneksi simbol. Kemudian, jika penggambaran jika tidak ingin disimpan maka data gambar
salah dilakukan proses editing gambar yang dibuat. flowchart dalam database dihapus. Gambar 2 adalah
Semua proses diatas kecuali proses pemilihan jenis flowchart dari proses sistem keseluruhan.
flowchart diulang sampai gambar flowchart selesai.
..
..
Tampilan awal dari aplikasi ini dapat dilihat pada aplikasi ini, terjadi proses menge-load master stencil
gambar dibawah ini. Pada awal dijalankannya simbol flowchart Visio
..
..
4.2.1 Skenario Koneksi ke Database MySQL pada database MySQL yang ada di komputer lokal
Proses pertama yang dilakukan dalam atau yang ada pada komputer lain. Ketika tombol
menggunakan aplikasi ini adalah proses koneksi ke ‘Connect’ diklik, terjadi proses pengecekan
database MySQL. Proses koneksi dapat dilakukan previleges user, aplikasi ini dapat digunakan jika user
memiliki previleges minimal select, insert, update 4.2.5 Skenario Interkoneksi Antar Simbol
dan delete. Setelah itu, terjadi proses koneksi ke Proses interkoneksi antar simbol digunakan
database ‘db_flowchart_plsql’, jika database tersebut untuk mengkoneksikan simbol-simbol yang
belum ada pada MySQL komputer yang dikoneksikan digambarkan. Proses ini dilakukan dengan cara
maka akan dilakukan proses restore database mengklik tombol ‘connector’ yang ada, lalu
‘db_flowchart_plsql’ tersebut. menentukan simbol asal dan tujuan interkoneksi
kemudian mehubungkannya. Data dari proses
4.2.2 Skenario Pemilihan Jenis Flowchart interkoneksi disimpan pada database, jika proses
Proses pertama yang dilakukan dalam interkoneksi pada halaman utama maka disimpan
pembuatan flowchart pada aplikasi konversi pada tabel ‘tb_connector’, jika pada halaman
flowchart ke bahasa pemrograman PL/SQL MySQL statemen kontrol maka disimpan pada tabel
adalah pemilihan jenis flowchart yang akan dibuat. ‘tb_connector_statecontrol’ dan jika pada halaman
Jenis flowchart dapat berupa prosedur atau fungsi statemen perulangan disimpan pada tabel
atau trigger. Inputan yang diisikan dalam proses ‘tb_connector_loops’.
pemilihan jenis flowchart ini disimpan dalam tabel
‘tb_flowchart’. 4.2.6 Skenario Proses Konversi
Proses konversi dilakukan jika gambar flowchart
4.2.3 Skenario Penggambaran Simbol sudah selesai dibuat. Proses konversi ini dilakukan
Penggambaran simbol flowchart pada aplikasi dengan mengklik tombol ‘Convert’.
ini dilakukan dengan cara mengklik tombol sesuai
dengan simbol flowchart yang akan digambarkan. Ketika tombol ‘Convert’ diklik proses konversi
Simbol yang digambarkan dapat berupa terminator, dilakukan yaitu dengan cara sebagai berikut:
preparation, input/output, process, predefined 1. Pertama dicari simbol tujuan dari simbol
process, statemen kontrol dan statemen perulangan. pertama interkoneksi yaitu simbol terminator
Simbol yang digambarkan akan diberikan nama kode start pada tabel ‘tb_connector’.
otomatis oleh program dengan awalan sesuai dengan 2. kemudian dicari id_simbol dan isi dari simbol
simbol yang dibuat dan diikuti dengan nomer urut tujuan interkoneksi tersebut pada tabel
dari symbol tersebut (misalkan: T1 untuk simbol ‘tb_detailflowchart’. Id simbol digunakan untuk
terminator pertama atau PRE3 untuk simbol mengetahui jenis dari simbol tujuan tersebut.
preparation ketiga). Untuk pembuatan simbol 3. Jika simbol tujuan tersebut berupa simbol
statemen perulangan dan statemen kontrol, dibuat preparation maka isi simbol yang merupakan
terpisah dari halaman utama. Data dari simbol-simbol data variabel atau cursor dipisahkan per
yang digambarkan akan disimpan pada tabel variabel/cursor. Kemudian ditambahkan kata
‘tb_detailflowchart’ jika berada pada halaman utama, ‘Declare’ pada awal data variabel/cursor, lalu
pada tabel ‘tb_statecontrol’ jika berada pada halaman disimpan. Jika simbol tujuan berupa simbol
statemen control dan pada tabel ‘tb_loops’ jika input output maka isi simbol disimpan di dalam
berada pada halaman statemen perulangan. sebuah variabel untuk input output. Jika simbol
tujuan berupa simbol process maka isi simbol
4.2.4 Skenario Editing disimpan di dalam sebuah variabel untuk proses
Proses editing simbol flowchart yang telah tanpa menghilangkan isi variabel sebelumnya
dibuat pada aplikasi ini dilakukan dengan cara (jika ada). Jika simbol berupa simbol predefined
memilih salah satu simbol yang akan di-edit process maka ditambahkan kata ‘Call’ pada
kemudian mengklik tombol ‘edit’ yang ada. Proses awal isi simbol lalu disimpan pada variabel
yang terjadi pada saat tombol ‘edit’ diklik adalah proses tadi tanpa menghilangkan isi variabel
proses mencari nama dari simbol yang diklik (kode sebelumnya (jika ada). Jika simbol berupa
simbol), kemudian mencari isi dari simbol statemen kontrol maka hasil konversi dari
berdasarkan kode simbol tersebut. Isi simbol ini statemen kontrol yang sebelumnya sudah
diambil dari database pada tabel ‘tb_detailflowchart’ dilakukan yang disimpan pada tabel
field ‘text_simbol’ jika penggambaran pada halaman ‘tb_convert_scontrol’ diambil, lalu disimpan
utama. Jika penggambaran pada halaman statemen pada variabel proses tanpa menghilangkan isi
kontrol, isi simbol ini diambil dari tabel variabel sebelumnya (jika ada). Jika simbol
‘tb_statecontrol’ field ‘text_simbol’ dan jika berupa statemen perulangan maka hasil
penggambaran pada halaman statemen perulangan, konversi dari statemen perulangan yang
isi simbol diambil dari tabel ‘tb_loops’ field sebelumnya sudah dilakukan yang disimpan
‘text_simbol’. Setelah selesai dilakukan perubahan pada tabel ‘tb_convert_loop’ diambil, lalu
maka data pada tabel akan di-update. disimpan pada variabel proses tanpa
menghilangkan isi variabel sebelumnya (jika
ada).
4. Pertama dicari simbol tujuan dari simbol statemen kontrol yang sebelumnya sudah
pertama interkoneksi yaitu simbol terminator dilakukan yang disimpan pada tabel
start pada tabel ‘tb_connector’. ‘tb_convert_scontrol’ diambil, lalu disimpan
5. kemudian dicari id_simbol dan isi dari simbol pada variabel proses tanpa menghilangkan isi
tujuan interkoneksi tersebut pada tabel variabel sebelumnya (jika ada). Jika simbol
‘tb_detailflowchart’. Id simbol digunakan untuk berupa statemen perulangan maka hasil
mengetahui jenis dari simbol tujuan tersebut. konversi dari statemen perulangan yang
6. Jika simbol tujuan tersebut berupa simbol sebelumnya sudah dilakukan yang disimpan
preparation maka isi simbol yang merupakan pada tabel ‘tb_convert_loop’ diambil, lalu
data variabel atau cursor dipisahkan per disimpan pada variabel proses tanpa
variabel/cursor. Kemudian ditambahkan kata menghilangkan isi variabel sebelumnya (jika
‘Declare’ pada awal data variabel/cursor, lalu ada).
disimpan. Jika simbol tujuan berupa simbol 7. Simbol yang sebelumnya menjadi simbol tujuan
input output maka isi simbol disimpan di dalam dijadikan simbol awal, setelah itu kembali pada
sebuah variabel untuk input output. Jika simbol proses no.2. Proses ini terus diulang-ulang
tujuan berupa simbol process maka isi simbol sampai simbol akhir dari interkoneksi. Jika
disimpan di dalam sebuah variabel untuk proses sudah mencapai simbol akhir interkoneksi maka
tanpa menghilangkan isi variabel sebelumnya proses selanjutnya dilakukan (no.5).
(jika ada). Jika simbol berupa simbol predefined 8. Propses selanjutnya adalah dari sisi variable
process maka ditambahkan kata ‘Call’ pada yang telah disimpan dengan format berikut. Dan
awal isi simbol lalu disimpan pada variabel hasil konversi ini ditampilkan pada gambar 7.
proses tadi tanpa menghilangkan isi variabel
sebelumnya (jika ada). Jika simbol berupa
statemen kontrol maka hasil konversi dari
..
..