Pemrograman Visual Struktur Dasar Pemrog

(1)

(2)

Makalah Pemrograman Visual STMIK AKBA 2

MAKALAH TI.34

PEMROGRAMAN VISUAL

“Struktur Dasar Pemrograman Aplikasi Penjualan”

Oleh:

Suarti Syamsir 20152205013

Ijal 20152205032

Zulkifli 20152205019

Sofyan 20152205049

Kornelius P S 20152205001

Achmad Rizali 20152205043

STMIK AKBA KOTA MAKASSAR

(3)

Makalah Pemrograman Visual STMIK AKBA 3 DAFTAR ISI

MAKALAH PEMROGRAMAN VISUAL

KATA PENGANTAR

Kata Pengantar ... 4

BAB I : PENDAHULUAN A. Latar Belakang ... 5

B. Tujuan ... 5

C. Manfaat ... 5

BAB II : MENGENAL DELPHI 7 Mengenal Delphi 7 ... 6

BAB III : PEMBAHASAN A. Desain Form Aplikasi Penjualan Baju ... 7

B. Komponen Group Box Informasi Baju Kaos ... 9

C. Komponen Group Box Biaya Pengiriman ... 11

D. Komponen Group Box Detail Data Pembeli ... 12

E. Komponen Group Box Informasi Pembayaran ... 14

F. Komponen Group Box Input Data Pembeli ... 17

G. Penjelasan Tambahan ... 19

BAB IV : KESIMPULAN DAN SARAN A. Kesimpulan ... 20

B. Saran ... 20

DAFTAR PUSTAKA Daftar Pustaka ... 21

STMIK AKBA KOTA MAKASSAR

(4)

KATA PENGANTAR

Alhamdulillah segala puji bagi Allah Subhanahu Wata’ala yang telah memberikan rahmat, karunia serta kesempatan dan kesehatan sehingga kami dapat menyelesaikan makalah

ini, dengan judul “Struktur Dasar Pemrograman Aplikasi Penjualan” dalam waktu yang

telah ditentukan.

Aplikasi Penjualan ini dibuat di dalam aplikasi Delphi 7 dengan menggunakan

Struktur Dasar Pemrograman yang berisi Komentar, Variable Lokal dan Global, Konstanta

pada Operator Penegasan (Assigment), Tipe Data Array dan Record. Aplikasi Borland Delphi

7 atau yang disebut delphi, merupakan sarana pemrograman aplikasi visual.

Tujuan dari penyusunan makalah ini yaitu sebagai salah satu tugas dalam mata kuliah

Pemrograman Visual. Kami menyadari bahwa makalah ini masih jauh dari kata sempurna.

Oleh karena itu, kami mengharapkan kritik dan saran yang sifatnya membangun dari

pembaca demi tercapainya kesempurnaan makalah ini.

Kami berharap semoga Makalah ini dapat bermanfaat untuk berbagai pihak khususnya

Mahasiswa yang menekuni Pemrograman Visual.

Makassar, 12 Oktober 2016

Penyusun,

(5)

BAB I

PENDAHULUAN

A. Latar Belakang

Delphi adalah salah satu bahasa pemrograman berbasis visual yang digunakan untuk

membuat program aplikasi pada komputer (seperti Visual basic). Bahasa pemrograman yang

digunakan oleh Delphi sebenarnya merupakan turunan dari bahasa pemrograman pascal,

yang dahulu pada Delphi dikenal sebagai objek pascal. Sebagai salah satu media

pembelajaran, maka itu dipandang perlu membuat suatu Aplikasi / Struktur Dasar

Pemrograman bagi mahasiswa sebagai tugas mata kuliah Pemrograman Visual.

B. Tujuan

Berdasarkan latar belakang diatas, tujuan penulisan makalah ini adalah untuk

Mengetahui fungsi - fungsi Struktur Pemrograman dari Aplikasi Penjualan yang telah kami

buat.

C. Manfaat

Setelah Membaca dan Memahami Makalah ini, Mahasiswa diharapkan :

Memahami Struktur Dasar dari Pembuatan Aplikasi Penjualan

Memahami Fungsi dari Aplikasi Penjualan

(6)

BAB II

MENGENAL DELPHI 7

Delphi adalah Suatu bahasa pemrograman yang menggunakan visualisasi sama seperti

bahasa pemrograman Visual Basic (VB). Namun Delphi menggunakan bahasa yang hampir

sama dengan pascal (sering disebut objeck pascal), sehingga lebih mudah untuk digunakan.

Bahasa pemrograman Delphi dikembangkan oleh CodeGear sebagai divisi pengembangan

perangkat lunak milik embarcadero. Divisi tersebut awalnya milik borland, sehingga bahasa

ini memiliki versi Borland Delphi.

Delphi juga menggunakan konsep yang berorientasi objek (OOP), maksudnya pemrograman

dengan membantu sebuah aplikasi yang mendekati keadaan dunia yang sesungguhnya. Hal

itu bisa dilakukan dengan cara mendesign objek untuk menyelesaikan masalah. OOP ini

memiliki beberapa unsur yaitu Encapsulation (pemodelan), Inheritance (Penurunan),

Polymorphism (Polimorfisme).

Awalnya bahasa pemrograman delphi hanya dapat digunakan di Microsoft Windows, namun

saat ini telah dikembangkan sehingga dapat digunakan juga di Linux dan di Microsoft .NET.

Dengan menggunakan free pascal yang merupakan proyek OpenSource, bahasa

pemrograman ini dapat membuat program di sistem operasi Mac OS X dan Windows CE.

Umumnya delphi hanya digunakan untuk pengembangan aplikasi dekstop, enterprise berbasis

database dan program - program kecil . Namun karena pengembangan delphi yang semakin

pesat dan bersifat general purpose bahasa pemrograman ini mampu digunakan untuk berbagai

jenis pengembangan software . Dan Delphi juga disebut sebagai pelopor perkembangan

RadTool (Rapid Apllication Development) tahun 1995 . Sehinnga banyak orang yang mulai

mengenal dan menyukai bahasa pemrograman yang bersifat VCL (Visual Component

(7)

BAB III

PEMBAHASAN

A. DESAIN FORM APLIKASI PENJUALAN

Desain Form merupakan landasan utama dari pembuatan sebuah Aplikasi, selain itu

Desain Form juga sangat menentukan apakah aplikasi yang telah kita buat dapat diterapkan

sesuai dengan fungsinya dengan adanya Properties-Properties yang dapat memudahkan bagi

pengguna. Desain Form juga tempat dimana Tombol-tombol, Label, Edit dan Text

ditempatkan. Desain Form yang kami buat berdasarkan alur Penjualan Baju Kaos yang

biasanya digunakan oleh para distributor Baju Kaos. Dimana pada Form tersebut terdapat 5

(lima) Group Box yang masing-masing terdiri dari Informasi Baju Kaos, Biaya Pengiriman,

Informasi Pembayaran, Input Data Pembeli dan Detail Data Pembeli yang saling berelasi satu

sama lain. List Variabel Global Pada Form Program :

1.var

2.Form1: TForm1;

3.harga_satuan, jumlah_baju, total_harga, biaya_kirim : real;

Sebelum masuk ke dalam fungsi-fungsi yang terdapat pada Group Box, pertama kami

sajikan Properties Name dan Caption dari masing-masing tombol, Edit, Combo Box dan

(8)

Makalah Pemrograman Visual STMIK AKBA 8 Labels Properties :

Object Name Caption

Label1 Label1 Aplikasi Penjualan Baju Kaos

Label2 Label2 Kode

Label3 Label3 Nama Baju Kaos

Label4 Label4 Harga Satuan

Label6 Label6 Keterangan Bahan

Label8 Label8 Dari-Tujuan

Label9 Label9 Biaya Kirim

Label13 Label13 Jumlah Baju

Label14 Label14 Total Harga

Label15 Label15 Bayar

Label19 Label19 Kembalian

Label23 Label23 Rp...

Combo Box Properties :

Object Name Text

ComboBox1 ComboBox1 Kode Item

ComboBox2 ComboBox2 Dari-Tujuan

BitBtn Properties :

Object Name Caption

BitBtn1 BitBtn1 Total Harga

BitBtn2 BitBtn2 Clear

BitBtn3 BitBtn3 Close

BitBtn4 BitBtn4 Kembalian

BitBtn5 BitBtn5 Masukkan Data Pembeli

BitBtn7 BitBtn7 Nama Kelompok

Kumpulan Properties diatas yang akan membentuk suatu Aplikasi pada Program

Delphi 7, Kemudian pembahasan selanjutnya akan membahas kumpulan komponen yang

(9)

Makalah Pemrograman Visual STMIK AKBA 9 B. INFORMASI BAJU KAOS

Gambar 2 : Group Box 1

Group Box diatas berfungsi sebagai Informasi Baju Kaos Pada Aplikasi Struktur

Dasar Pemrograman. Kode merupakan Identitas dari Nama Baju Kaos, Harga Satuan, dan

Keterangan Bahan. Adapun rincian / Detail komponen yang digunakan adalah sebagai

berikut.

Properties Group Box Informasi Baju Kaos :

Object Name Caption / Text

Label2 Label1 Kode

Label3 Label2 Nama Baju Kaos

Label6 Label4 Keterangan Bahan :

ComboBox1 ComboBox1 Kode Item:

- CTN - CTNCMB - CRD - PLY - TECE - VISCO - CVC - HYG

Edit1 Edit1 *Kosong

Edit2 Edit2 *Kosong

(10)

Makalah Pemrograman Visual STMIK AKBA 10 1. COMBO BOX PADA INFORMASI BAJU

 Alur Logika dan List Program Combo Box Informasi Baju Kaos:

Ketika Items yang terdapat pada Combo Box (ComboBox1) diaktifkan, maka text yang

terdapat Pada Nama Baju Kaos(Edit2), Harga Satuan(Edit3) dan Keterangan (Memo1) akan

Terisi secara Otomatis.

 Berikut List Program Combo Box Kode:

procedure TForm1.ComboBox1Click(Sender: TObject);

//Untuk Menampilkan Item Data Combo Box

begin

if ComboBox1.Text='CTN' then

begin

Edit1.Text:='Baju Kaos Bahan Katun Biasa';

Edit2.Text:='45000';

Memo1.Lines.Add('Kain katun adalah jenis kain rajut (knitting) yang berbahan dasar

serat kapas.');

End

else if ComboBox1.Text='CTNCMB' then

begin

Edit1.Text:='Kaos Bahan Cotton Combed 30 S';

Memo1.Lines.add('Bahan combed berkarakteristik memiliki tekstur yang halus

sehingga sangat nyaman dan cocok dipakai di Negara tropis seperti Indonesia.');

end

else if ComboBox1.Text='CRD' then

begin

Edit1.Text:='Baju Kaos Bahan Carded 30 S';

Memo1.Lines.add('Cardet memiliki serat benang yang kurang halus sehingga Hasil

rajutan dan penampilan bahan kurang halus dan kurang rata.');

end

end;

(11)

Makalah Pemrograman Visual STMIK AKBA 11 C. BIAYA PENGIRIMAN

Group Box diatas berfungsi sebagai Informasi Biaya Pengiriman Barang Dari dan

Tujuan barang akan dikirim, didalam Biaya Kirim terdapat Harga sesuai dengan situasi lokasi

Barang yang akan dikirim. Adapun rincian / Detail komponen yang digunakan adalah sebagai

berikut.

Properties Group Box Biaya Pengiriman :

Label8 Label8 Dari - Tujuan

Label9 Label9 Biaya Kirim

ComboBox2 ComboBox2 Dari - Tujuan

- Sulawesi - Sumatera - Sulawesi - Jawa - Sulawesi - Kalimantan - Sulawesi - Papua - Sulawesi - Sulawesi

Edit3 Edit3 *Kosong

1. COMBO BOX PADA BIAYA PENGIRIMAN

 Alur Logika dan List Program Combo Box Biaya Pengiriman:

Ketika Items yang terdapat pada Combo Box (ComboBox2) diaktifkan, maka text yang

terdapat Pada Biaya Kirim (Edit3) akan Terisi secara Otomatis. Dan Biaya Kirim (Edit3)

didapatkan dari Combo Box (ComboBox2).

Contoh :

Jika Item Sulawesi – Sumatera diaktifkan, Maka Biaya Kirim adalah Rp. 20.000.

Jika Item Sulawesi – Jawa diaktifkan, Maka Biaya Kirim adalah Rp. 10.000.

Jika Item Sulawesi – Kalimantan diaktifkan, Maka Biaya Kirim adalah Rp. 15.000.

Jika Item Sulawesi – Papua diaktifkan, Maka Biaya Kirim adalah Rp. 30.000.

(12)

 Berikut List Program Combo Box Biaya Pengiriman:

procedure TForm1.ComboBox2Click(Sender: TObject); //Untuk menampikan Data Combo Box

begin

if ComboBox2.Text='Sulawesi - Sumatera' then begin

Edit3.Text:='20000'; end

else if ComboBox2.Text='Sulawesi - Jawa' then begin

Edit3.Text:='10000'; end

else if ComboBox2.Text='Sulawesi - Kalimantan' then begin

Edit3.Text:='15000'; end

else if ComboBox2.Text='Sulawesi - Papua' then begin

Edit3.Text:='30000'; end

else if ComboBox2.Text='Sulawesi - Sulawesi' then begin

Edit3.Text:='0'; end

end;

D. DETAIL DATA PEMBELI

Group Box diatas Hanya berfungsi sebagai penampung dari Data-Data Input Data

Pembeli dan Nama Kelompok. Adapun rincian / Detail komponen yang digunakan adalah

(13)

Makalah Pemrograman Visual STMIK AKBA 13 Properties Group Box Detail Data Pembeli :

ListBox1 ListBox1 *Kosong

BitBtn7 BitBtn7 Nama Kelompok

1. TOMBOL NAMA KELOMPOK

 Alur Logika dan List Program Tombol Nama Kelompok :

Ketika Tombol Nama Kelompok (BitBtn7) di Klik, Maka List Box akan terisi dengan

Keterangan Nama Kelompok Pemrograman Visual :

-Suarti Syamsir -Sofyan -Kornelius P S

-Ijal -Zulkifli -Achmad Rizali

 Berikut List Program Tombol Nama Kelompok :

procedure TForm1.BitBtn7Click(Sender:TObject);

begin

// Perintah Untuk Menampilkan Nama-Nama Kelompok

ListBox1.Clear;

ListBox1.Items.Add('Tugas Pemrograman Visual TI.34');

ListBox1.Items.Add('- Suarti Syamsir');

 Alur Logika dan List Program Tombol Clear :

Ketika Tombol Clear di Klik, Maka Semua Daftar yang terdapat pada List Box akan

terhapus.

 Berikut List Program Tombol Clear :

procedure TForm1.BitBtn6Click(Sender: TObject);

begin

ListBox1.Clear;

(14)

Makalah Pemrograman Visual STMIK AKBA 14 E. INFORMASI PEMBAYARAN

Group Box diatas Berfungsi Sebagai Penjumlahan Jumlah Baju terhadap Harga

Satuan sehinggan hasil akhir menjadi Total Harga. Adapun rincian / Detail komponen yang

digunakan adalah sebagai berikut.

Properties Group Box Detail Data Pembeli :

Label13 Label13 Jumlah Baju

Label14 Label14 Total Harga

Label15 Label15 Bayar

Label19 Label19 Kembalian

Label23 Label23 ...

Label24 Label24 ...

Edit4 Edit4 *Kosong

Edit5 Edit5 *Kosong

Edit6 Edit6 *Kosong

BitBtn1 BitBtn1 Total Harga

BitBtn3 BitBtn3 Close

BitBtn4 BitBtn4 Kembalian

Alur Logika Form Informasi Pembayaran Harga Satuan didapat dari Combo Box Jumlah Baju diinput Secara Manual Bayar diinput Secara Manual

(15)

Makalah Pemrograman Visual STMIK AKBA 15 1. TOMBOL TOTAL HARGA

 Alur Logika dan List Program Tombol Total Harga :

Pertama, Ketika Tombol Total Harga diklik, Maka Variabel Global harga_satuandikonversi

dari string ke bilangan real, harga_satuan sendiri diambil dari Harga Satuan (Edit2.Text)

yang terdapat pada Group Box Informasi Baju Kaos.

Kedua, Variabel Global biaya_kirim dikonversi dari string ke bilangan real, biaya_kirim

sendiri diambil dari Biaya Kirim (Edit3.Text) yang terdapat pada Group Box Biaya Kirim.

Ketiga, Variabel Global Jumlah_baju yang sebelumnya diisi manual oleh user, dikonversi

dari string ke bilangan real agar dapat dijumlahkan nantinya.

Keempat, Variable Global total_harga adalah Jumlah Baju dikalikan (*) dengan Harga

Satuan, Kemudian ditambah (+) dengan Biaya Kirim.

Kelima, Variabel total_harga akan dimasukkan ke dalam Total Harga (Caption label24).

 Berikut List Program Tombol Total Harga :

begin

//Tombol ini Untuk Penjumlahan Aritmatika

harga_Satuan:=strtofloat(Edit2.Text);

biaya_kirim:=strtofloat(Edit3.Text);

jumlah_baju:=strtofloat(Edit5.Text);

total_harga:=jumlah_baju*harga_Satuan+biaya_kirim;

label24.Caption:=floattostr(total_harga);

end;

2. TOMBOL KEMBALIAN

 Alur Logika dan List Program Tombol Kembalian :

Jika Tombol Kembalian di Klik, Maka Variable Lokal yang hanya terdapar pada tombol ini

yaitu bayar adalah Jumlah Bayar (Edit6.Text) dikonversi dari string menjadi bilangan real.

(16)

 Berikut List Program Tombol Kembalian :

 Alur Logika dan List Program Tombol Clear :

Jika Tombol Clear diklik, Maka Semua Properties di bersihkan.

 Berikut List Program Tombol Clear :

begin

//Tombol ini Untuk Menghapus Semua Kolom Edit Kecuali List Box

Edit1.Text:='';

 Alur Logika dan List Program Tombol Close :

Jika Tombol Clear diklik, Maka Semua Aplikasi Akan ditutup.

 Berikut List Program Tombol Close:

begin

close; //Tombol ini Berfungsi Untuk Menutup Form

(17)

Makalah Pemrograman Visual STMIK AKBA 17 F. INPUT DATA PEMBELI

Group Box diatas Berfungsi untuk memasukkan Data Pembeli yang menggunakan

Tipe Data Array. Adapun rincian / Detail komponen yang digunakan adalah sebagai berikut.

Properties Group Box Detail Data Pembeli :

BitBtn5 BitBtn5 Masukkan Data Pembeli

1. TOMBOL MASUKKAN DATA PEMBELI

 Alur Logika dan List Program Tombol Total Harga :

Data Pembeli Merupakan Tombol yang memanggil fungsi Input Box, kemudian melakukan

Fungsi Record terhadap List Box. Adapun daftar data yang akan diinput dan dimasukkan

kedalam List Box yaitu :

Hari, tanggal, Nama, Alamat, No. HP, Jumlah Baju dan Total Harga.

 Berikut List Program Tombol Total Harga :

var

i:integer; //Huruf i Untuk Deklarasi Array

s:string; //Huruf s Untuk Deklarasi Input Box

hari:array[1..5]of string; //Tipe Data Array Berisi 5 Variable Bertipe Sama

tanggal:array[1..5]of string;

nama:array[1..5]of string;

alamat:array[1..5]of string;

(18)

begin

s:=inputbox('Data Pembeli','Masukkan Jumlah Pembeli','1');

for i:=1 to strtoint(s) do //Deklarasi Array

begin //Tampilkan Kembali Input Box

hari[i]:=inputbox('Hari Pembelian'+inttostr(i),'Masukkan Hari Pembelian','');

tanggal[i]:=inputbox('Tanggal Pembelian'+inttostr(i),'Masukkan Tanggal

Pembelian','');

nama[i]:=inputbox('Nama Lengkap Pembeli'+inttostr(i),'Masukkan Nama Lengkap

Pembeli','');

alamat[i]:=inputbox('Alamat Pembeli'+inttostr(i),'Masukkan Alamat Lengkap

Pembeli','');

no_hp[i]:=inputbox('Nomor Handphone'+inttostr(i),'Masukkan Nomor Handphone

Pembeli','');

ListBox1.Items.Add('Hari : '+hari[i]); // Masukkan Data ini Ke Dalam Input Box

ListBox1.Items.Add('Tanggal Pembelian : '+tanggal[i]); // Masukkan Data ini Ke

Dalam Input Box

ListBox1.Items.Add('Nama Lengkap : '+nama[i]); // Masukkan Data ini Ke

Dalam Input Box

ListBox1.Items.Add('Alamat Lengkap : '+alamat[i]); // Masukkan Data ini Ke

Dalam Input Box

ListBox1.Items.Add('Nomor Handphone : '+no_hp[i]); // Masukkan Data ini Ke

Dalam Input Box

ListBox1.Items.Add('Jumlah Baju : '+Edit5.Text); // Masukkan Data ini Ke Dalam

Input Box

ListBox1.Items.Add('Total Harga : Rp.'+Label24.Caption); // Masukkan Data ini Ke

Dalam Input Box

ListBox1.Items.Add('...');

(19)

Makalah Pemrograman Visual STMIK AKBA 19 G. PENJELASAN TAMBAHAN

Jika kita perhatikan Struktur Dasar Pemrograman diatas, Kita akan menemukan:

1. Variabel Lokal dan Global

Variabel Lokal adalah variabel yang hanya di deklarasi dan berfungsi pada satu Tombol saja,

Variabel Lokal ini dapat kita temukan pada deklarasi bayar dan kembalian yang terdapat

pada tombol Kembalian. Sedangkang Variable Global adalah deklarasi variabel yang dapat

digunakan untuk semua kondisi pada saat kita membutuhkan variabel tersebut.

2. Dekralasi Konstanta

Dekralasi Konstanta ini sama seperti Dekralasi Variabel, bedanya Dekralasi Konstanta

Nilainya bersifat Tetap (Konstan). Jika Dekralasi Variabel hanya memperkenalkan jenis

variabel yang akan dikerjakan, Maka Dekralasi Konstanta segera menyebut Nilainya.

Dekralasi Konstanta dapat kita temui pada Combo Box, Contoh Kode CTN mempunyai Nilai

tetap Rp.45.000.

3. Tipe Data Array dan Record

Array adalah kumpulan variabel yang bertipe sama. Misalkan kita akan mendeklarasi

Variabel berikut Nama1, Nama2, Nama3, Nama4, Nama5. Dengan Array kita dapat

menyederhanakan Variabel diatas dengan nama:array[1..5] of string, Tipe Data Array dapat

kita temukan pada Tombol Input Data Pembeli. Sedangkan Record adalah fungsi untuk

merekam Data yang telah kita masukkan, Contohnya ketika menginput data pembeli, Maka

(20)

BAB IV

KESIMPULAN DAN SARAN

A. Kesimpulan

Variabel Lokal adalah variabel yang hanya di deklarasi dan berfungsi pada satu Tombol saja,

Sedangkang Variable Global adalah deklarasi variabel yang dapat digunakan untuk semua

kondisi pada saat kita membutuhkan variabel tersebut, Dekralasi Konstanta adalah dekralasi

yang menuntut Nilai tetap pada Setiap Dekralasinya, Tipe Data Array adalah Kumpulan

Variabel yang bertipe sama.

B. Saran

Dari hasil pembahasan yang telah kami susun, Kami sadar bahwa Aplikas yang kami buat

masih jauh dari Sempurna, Oleh karena itu kami sangat membutuhkan lebih banyak masukan

(21)