KATA PENGANTAR

Assalamu’alaikum Wr Wb
Alhamdulillah, segala puji hanya milik Allah SWT yang senantiasa memberikan kita nikmat-
Nya yang tak terhingga, sehingga petunjuk praktikum peminatan “Teknologi Pembelajaran
Matematika Berbasis Delphi” ini bisa diselesaikan dengan baik. Harapan penulis, petunjuk
praktikum ini bisa digunakan dengan baik dan bermanfaat bagi mahasiswa baik saat praktikum
maupun pengembangan kemampuan matematika komputasi ke depannya.
Petunjuk praktikum ini terdiri dari 5 acara:

1. Persegi Panjang. Mahasiswa dihadapkan pada form sederhana dengan menampilkan

program aplikasi persegi panjang menggunakan struktur urut.
2. Barisan Deret Geometri. Mahasiswa diajarkan membuat sebuah scribs dari algoritma
pemrograman untuk menyelesaikan sebauh konsep matematika menggunakan struktur
percabangan.
3. Persamaan dan Fungsi Kuadrat. Mahasiswa diajarkan cara membuat tampilan desain
form menggunakan atribut lebih luas yakni menggambar grafik menggunakan struktur
perulangan.
4. Algoritma Euclid. Mahasiswa diajarkan membuat program aplikasi menggunakan struktur
perulangan.
5. MainMenu & Installer. Mahasiswa diajarkan membuat main menu untuk menggabungkan
beberapa program aplikasi kemudian dibuat dalam bentuk installer.

Untuk menunjang kegiatan praktikum ini. Programmer juga sudah menyediakan sebuah blog
sederhana yang berisi beberapa trik/tips dalam menguasai Delphi 7.0 yang bisa dikunjungi
sebagai pelajaran tambahan bagi mahasiswa di www.dm-math.blogspot.com.

Di blog ini juga mahasiswa bisa mendownload beberapa software tambahan seperti Inno Setup
Compiler, HelpDoc, Skins (terbaru), dan IcoFx.

Semoga petunjuk praktikum ini bermanfaat.

Mataram, 01 Nopember 2015.

Dosen Pengampuh,

Syaharuddin, S.Pd., M.Si

 ACARA I
PERSEGI PANJANG
Langkah-langkah Kerja:
1. Desainlah tampilan form seperti berikut.

Pallete Komponen Object Inspector

Form - Caption Keliling & Luas Persegi Panjang
- Position poDesktopCenter
Standard GroupBox1 Caption Input
GroupBox2 Caption Proses
GroupBox3 Caption Hitung
ListBox1 Align alClient
Additional LabeledEdit1 Caption Panjang
Name e1
LabeledEdit2 Caption Lebar
Name e2
BitButton1 Caption Hitung
BitButton2 Caption Hapus

2. Double klik pada tombol “Hitung”, kemudian ketik scribs seperti berikut.
procedure TForm1.BitBtn1Click(Sender: TObject);
var p,l,K,Lp:real;
begin
listbox1.Clear;
p:=strtofloat(e1.Text);
l:=strtofloat(e2.Text);
K:=2*(p+l);
Lp:=p*l;
listbox1.Items.Add('Keliling = '+floattostr(K));
listbox1.Items.Add('Luas = '+floattostr(Lp));
end;

3. Double klik pada tombol “Hapus”, kemudian ketik scribs seperti berikut.
procedure TForm1.BitBtn2Click(Sender: TObject);
begin
e1.Clear; e2.Clear; listbox1.Clear; e1.SetFocus;
end;
4. Lakukan simulasi dengan tekan F9 pada keyboard.
Soal: Diketahui panjang dan lebar suatu persegi panjang berturut-turut 9 cm dan 5 cm. Tentukan
keliling dan luasnya!.

5. Terakhir, tekan Ctrl+Shift+S, kemudian simpan project1 Anda dengan nama “Persegi_Panjang”.
6. Lakukan perubahan scribs pada tombol “Hitung”, sehingga muncul solusi sebagai berikut.

TUGAS MANDIRI:
Buatlah program aplikasi berikut.
1. Keliling dan Luas dari Bangun Datar: Persegi, Segitiga Sama Sisi, Layang-layang, Belah Ketupat,
Lingkaran, Trapesium Sama Kaki, dan Jajar Genjang
2. Luas Selimut, Luas Permukaan, dan Volume dari BRSD: Kubus, Balok, Limas Segi Empat, dan Prisma
Segitiga Sama Kaki
3. Luas Selimut, Luas Permukaan, dan Volume dari BRSL: Tabung, Kerucut, dan Bola
4. Barisan deret aritmatika.
 ACARA II
BARISAN DERET GEOMETRI

Langkah-langkah Kerja:
1. Desainlah tampilan form seperti berikut.

Pallete Komponen Object Inspector

Form - Caption Barisan Deret Geometri
Position poDesktopCenter
Ctrl+Shift+F11 Application  Load Icon – Local (C)  Program Files  Commond
Files  Borland Shared  Images  Icons  EARTH
Standard GroupBox1 Caption Input
GroupBox2 Caption Proses
GroupBox3 Caption Hitung
ListBox1 Align alClient
Additional LabeledEdit1 Caption Suku ke-1 (U1)
Name e1
LabeledEdit2 Caption Suku ke-1 (U1)
Name e2
LabeledEdit3 Caption n
Name e3
BitButton1 Caption Hitung
BitButton2 Caption Hapus
Alpha Tools sSkinManager SkinName Elegant (internal)
sSkinProvider - -

2. Terakhir, tekan Ctrl+Shift+S, kemudian simpan project1 Anda dengan nama

“Barisan_Deret_Geometri”.
3. Tambahkan uses “Math” pada uses. Sehingga terlihat seperti ini.
uses
Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls,
Forms,Dialogs, StdCtrls, Math, Buttons, ExtCtrls, sSkinProvider,
sSkinManager;
4. Double klik pada tombol “Hitung”, kemudian ketik scribs seperti berikut.
var u1,u2,n,r,Un,Sn:real;
begin
listbox1.Clear;
u1:=strtofloat(e1.Text);
u2:=strtofloat(e2.Text);
n:=strtofloat(e3.Text);
r:=u2/u1;
Un:=u1*power(r,n-1);
if r<1 then
begin
Sn:=u1*(1-power(r,n))/(1-r);
listbox1.Items.Add('Rasio = '+floattostr(r));
listbox1.Items.Add('Un = '+floattostr(Un));
listbox1.Items.Add('Sn = '+floattostr(Sn));
end
else
begin
Sn:=u1*(power(r,n)-1)/(r-1);
listbox1.Items.Add('Rasio = '+floattostr(r));
listbox1.Items.Add('Un = '+floattostr(Un));
listbox1.Items.Add('Sn = '+floattostr(Sn));
end;
end;

5. Double klik pada tombol “Hapus”, kemudian ketik scribs seperti berikut.
e1.Clear; e2.Clear; e3.Clear; listbox1.Clear; e1.SetFocus;

6. Lakukan simulasi dengan tekan F9 pada keyboard.

Soal: Diketahui suku pertama dan suku kedua suatu barisan geometri berturut-turut 3 dan 9, tentukan
beda, suku dan jumlah suku ke-12!.

7. Lakukan perubahan pada scribs sehingga muncul: Diketahui, Ditanya, dan Langkah Penyelesaian dari
soal yang diberikan. Perhatikan gambar berikut ini.
 ACARA III
PERSAMAAN DAN FUNGSI KUADRAT

Langkah-langkah Kerja:
1. Desainlah form seperti berikut dan simpan dengan nama “Persamaan_Fungsi_Kuadrat”.

Pallete Komponen Object Inspector

Form - Caption Persamaan & Fungsi Kuadrat
Position poDesktopCenter
Standard GroupBox1 Caption Input: Koefisien Persamaan
GroupBox2 Caption Input: Syarat Grafik
GroupBox3 Caption Proses
GroupBox4 Caption Output: Akar-akar
GroupBox5 Caption Output: Titik Bantu Grafik
ListBox1 Align alClient
Additional LabeledEdit1 Caption Koef. a
Name e1
LabeledEdit2 Caption Koef. b
Name e2
LabeledEdit3 Caption Koef. c
Name e3
LabeledEdit4 Caption x0
Name e4
LabeledEdit5 Caption xn
Name e5
LabeledEdit6 Caption beda
Name e6
BitButton1 Caption Hitung
BitButton2 Caption Hapus
StringGrid1 DefaultColWidth 50
DefaultRowHeigth 30
Align alClient
 Chart1 Title Grafik Persamaan Kuadrat
Add Fast Line
Alpha Tools sSkinManager SkinName Elegant (internal)
sSkinProvider - -

2. Pada tombol “Hitung” ketikkan scribs berikut.

a:=strtofloat(e1.Text);
b:=strtofloat(e2.Text);
c:=strtofloat(e3.Text);
x0:=strtofloat(e4.Text);
xn:=strtoint(e5.Text);
bd:=strtofloat(e6.Text);
D:=(b*b)-4*a*c;
xp:=(-b)/2*a; yp:=(-D)/4*a;
listbox1.Items.Add('=== Keterangan Persamaan & Fungsi Kuadrat ===');
listbox1.Items.Add('Diskriminan (D)= '+floattostr(D));
listbox1.Items.Add('Sumbu Simetri (xp) = '+floattostr(xp));
listbox1.Items.Add('Titik Balik (yp) = '+floattostr(xp));
if D<0 then begin
x1:=-b/(2*a);
listbox1.Items.Add('Akar x1 = '+Format('%8.4f + %8.4f.i',[X1,sqrt(-
D)/(2 * A)]));
listbox1.Items.Add('Akar x2 = '+Format ('%8.4f - %8.4f.i',[X1, sqrt(-
D)/ (2 * A)]));
listbox1.Items.Add('Geometris: Grafik tidak memotong Sb X');
listbox1.Items.Add('Jenis: Akar - akarnya Imajiner');
end
else if D=0 then begin
x1:=(-b+sqrt(D))/2*a;
x2:=(-b-sqrt(D))/2*a;
listbox1.Items.Add('Akar x1 = '+floattostr(x1));
listbox1.Items.Add('Akar x2 = '+floattostr(x2));
listbox1.Items.Add('Geometris: Grafik menyinggung Sb X');
listbox1.Items.Add('Jenis: Akar - akarnya Kembar');
end
else if D>0 then begin
x1:=(-b+sqrt(D))/2*a;
x2:=(-b-sqrt(D))/2*a;
listbox1.Items.Add('Akar x1 = '+floattostr(x1));
listbox1.Items.Add('Akar x2 = '+floattostr(x2));
listbox1.Items.Add('Geometris: Grafik memotong Sb X');
listbox1.Items.Add('Jenis: Akar - akarnya Real Berlainan');
end;
begin
series1.Clear;
x[0]:=x0;
for i :=0 to xn do begin
y[i]:=a*x[i]*x[i]+b*x[i]+c;
series1.AddXY(x[i],y[i],'',clred);
x[i+1]:=x[i]+bd;
end;
chart1.Title.Text.Clear;
chart1.Title.Text.Add('GRAFIK FUNGSI PERSAMAAN KUADRAT');
chart1.Title.Font.Style:=[fsbold];
chart1.LeftAxis.Title.Caption:='Sumbu Y';
chart1.BottomAxis.Title.Caption:='Sumbu X';
 cek:=true;
stringgrid1.ColCount:=3;
stringgrid1.RowCount:=xn+1;
stringgrid1.Cells[0,0]:='i';
stringgrid1.Cells[1,0]:='X(i)';
stringgrid1.Cells[2,0]:='Y(i)';
x[0]:=x0;
for i:=0 to xn do begin
if cek then
y[i]:=a*x[i]*x[i]+b*x[i]+c;
x[i+1]:=x[i]+bd;
stringgrid1.Cells[0,i+1]:=inttostr(i);
stringgrid1.Cells[1,i+1]:=floattostr(x[i]);
stringgrid1.Cells[2,i+1]:=formatfloat('#0.000',y[i]);
end;
end;

3. Pada tombol “Hapus” ketikkan scribs berikut.

e1.Clear; e2.Clear; e3.Clear; e4.Clear; e5.Clear; e6.Clear;
listbox1.Clear; series1.Clear;
for i:=0 to xn do begin
if cek then
stringgrid1.Cells[0,i+1]:='';
stringgrid1.Cells[1,i+1]:='';
stringgrid1.Cells[2,i+1]:='';
end;

4. Lakukan simulasi (F9).

Soal: Diberikan persamaan kuadrat f(x) = x2 – 3x – 4. Tentukan: Nilai diskriminan dan jenis akarnya,
Akar-akar persamaan, Titik maksimum/minimum, dan Titik bantu dan gambar grafiknya.

TUGAS MANDIRI:
Buatlah program aplikasi berikut ini.
1. SPLDV yang menampilkan hasil perpotongan kedua persamaan, dan grafik kedua persamaan.
2. Persamaan dan Fungsi Trigonometri Sin x, Cos x, dan Tan x. Menampilkan sudut, nilai sudut dan
grafiknya.
 ACARA IV
ALGORITMA EUCLID
Langkah-langkah Kerja:
1. Desainlah form seperti berikut dan simpan dengan nama “Algoritma_Euclid”.

Pallete Komponen Object Inspector

Form - Caption ::Algoritma Euclid  Mencari FPB dan KPK
Position poDesktopCenter
Standard GroupBox1 Caption Input: a < b
GroupBox2 Caption -
ListBox1 BevelKind bkTile
Additional LabeledEdit1 Caption Bilangan a
Name e1
OnKeyPress Ketikkan scribs ini:
if (Key > #47) and (Key < #58) or
(Key = #13) or (Key = #8) then
else
Key := #0;
begin
if key=#13 then
begin
e2.SetFocus;
end;
end;
LabeledEdit2 Caption Bilangan b
Name e2
OnKeyPress Ketikkan scribs ini:
if (Key > #47) and (Key < #58) or
(Key = #13) or (Key = #8) then
else
Key := #0;
begin
if key=#13 then
begin
Button1.SetFocus;
end;
 end;
BitButton1 Caption Hitung
BitButton2 Caption Hapus
Win32 StatusBar1 Text Muhammad Aiman Ar Rifa'i (double klik)
Alpha Tools sSkinManager SkinName sesuaikan
sSkinProvider - -

2. Pada tombol “Hitung” ketikkan scribs berikut.

//Definisikan Variabel
Var a,b,r:integer; f,h,s,t:real;
begin
listbox1.Clear;
listbox1.Items.Add('--- Algoritma Euclid ---');
//Input Bilangan
a:=strtoint(e1.Text);
b:=strtoint(e2.Text);
t:=a;s:=b;
//Jika a <> 0, maka iterasi tetap berjalan
while a<>0 do
begin
r:=b mod a; // Cari Sisa
h:=(b-r)/a; // Cari Hasil Bagi
listbox1.Items.Add(''+inttostr(b)+' = '+floattostr(h)+' x
'+inttostr(a)+' + '+inttostr(r));
b:=a; a:=r;
f:=t*s/b;
end;
listbox1.Items.Add('FPB --> ('+floattostr(s)+' , '+floattostr(t)+')
adalah '+inttostr(b));
listbox1.Items.Add('KPK --> ['+floattostr(s)+' , '+floattostr(t)+']
adalah '+floattostr(f));
end;

3. Pada tombol “Hapus” ketikkan scribs berikut.

e1.Clear; e2.Clear; listbox1.Clear; e1.SetFocus;

4. Lakukan simulasi.
Soal: Tentukan FPB dan KPK dari bilangan 342 dan 3452.
 ACARA V
MAIN MENU & INSTALLER
Langkah-langkah Kerja:
1. Desainlah form seperti berikut.
Form1: Loading

Pallete Komponen Object Inspector

Form - Caption Loading …
Position poDesktopCenter
BorderStyle bsNone
Cursor crHourGlass
Standard Label1 Caption Media Pembelajaran Matematika
Berbasis Delphi 7.0
Hak Cipta:
Muhammad Aiman Ar-Rifa'i
Prodi Pendidikan Matematika
FITK IAIN Mataram
Mataram, 01 Nopember 2015
System Timer1 Interval 100
Win32 StatusBar1 Text Muhammad Aiman Ar Rifa'i (double klik)
Alpha Tools sSkinManager SkinName Sesuaikan
sSkinProvider - -

Form2: Menu Utama

 Pallete Komponen Object Inspector
Form Caption Menu Utama
Position poDesktopCenter
Cursor crHandPoint
Icon Sesuaikan
Standard Label1 Caption Contact : 085737737207
Email : abialmusthafa@yahoo.com
Blog : www.dm-math.blogspot.com
Label2 Caption Selamat Datang ....
Pengembangan Media Pembelajaran Matematika
Berbasis Delphi. Semoga Bermanfaat
Panel1 Sesuaikan
MainMenu

Additional Image1 Sesuaikan (latar)

Image2 Sesuaikan (icon)
System Timer1 Interval Sesuaikan lebar Panel1
Alpha Tools sSkinManager SkinName sesuaikan
sSkinProvider - -

Langkah-langkah Kerja: Membuat MainMenu

1. Tambahkan MainMenu pada form2. Kemudian double klik.
2. Pada Caption ketik Program Aplikasi, kemudian tekan Enter.
3. Pada submenu ketikkan Persegi Panjang, kemudian tekan Enter (setiap menambah submenu).
Selanjutnya Barisan Deret Geometri, Persamaan dan Fungsi Kuadrat dan Algoritma Euclid.
4. Pada Menu berikutnya ketikkan Petunjuk, Programmer dan Keluar.

Sebelum lanjut, Anda harus melakukan 2 kegiatan penting terlebih dahulu, yakni:
1. Menggabungkan file project.*exe (hasil running) dari semua program aplikasi yang sudah Anda buat.
2. Membuat file type pdf untuk “Petunjuk” yang berisi tata cara menggunakan program aplikasi yang
sedang Anda buat dan “Programmer” yang berisi foto dan biografi Anda.

Perhatikan hasil penggabungan berikut ini.

Langkah-langkah Kerja: Form2
1. Pada Uses tambahkan ShellApi, sehingga terlihat seperti berikut.
uses
ShellApi, Windows, Messages, SysUtils, Variants, Classes, Graphics,
Controls, Forms,Dialogs, sSkinProvider, sSkinManager, acPNG,
ExtCtrls, StdCtrls, Menus;

2. Pada Timer1 ketikkan scribs berikut.

var kiri,kanan:integer;
begin
kiri:=panel1.Left-Label2.Width;
kanan:=panel1.Left+Label2.Width;
if Label2.Left=kiri then
begin
Label2.Left:=kanan
end
else
begin
Label2.Left:=Label2.Left-1;
end;
end;

3. Pada submenu “Persegi Panjang” ketikkan scribs berikut.

ShellExecute(Application.handle, 'open', 'Persegi_Panjang.exe', nil,
nil,SW_ShowNormal);

4. Pada submenu “Barisan Deret Geometri” ketikkan scribs berikut.

ShellExecute(Application.handle, 'open', 'Barisan_Deret_Geometri.exe',
nil, nil,SW_ShowNormal);

5. Pada submenu “Persamaan dan Fungsi Kuadrat” ketikkan scribs berikut.

ShellExecute(Application.handle, 'open',
'Persamaan_Fungsi_Kuadrat.exe', nil, nil,SW_ShowNormal);

6. Pada submenu “Algoritma Euclid” ketikkan scribs berikut.

ShellExecute(Application.handle, 'open', 'Algoritma_Euclid.exe', nil,
nil,SW_ShowNormal);
7. Pada submenu “Petunjuk” ketikkan scribs berikut.
ShellExecute(Application.handle, 'open', 'Petunjuk.pdf', nil,
nil,SW_ShowNormal);

8. Pada submenu “Programmer” ketikkan scribs berikut.

ShellExecute(Application.handle, 'open', 'Programmer.pdf', nil,
nil,SW_ShowNormal);

9. Pada submenu “Keluar” ketikkan scribs berikut.

if messagedlg('Yakin Anda Ingin

Keluar...?',mtconfirmation,[mbYes]+[mbNo]+[mbCancel],0)=mryes then
showmessage('Created by: Muhammad Aiman Ar Rifai');
application.Terminate;
end;

10. Lakukan simulasi (F9).

Kegiatan selanjutnya adalah menjadikan project tersebut menjadi installer. Tapi, sebelumnya Anda harus
menyiapkan 3 file penting yakni:
1. Icon project (gambar dengan type.*ico)
2. File Lisensi dan Password yang dibuat menggunakan Notepad.
Jika file ini sudah tersedia, silahkan Anda gabung semua project.*exe beserta file pendukung tersebut di
atas dalam sebuah folder. Perhatikan gambar berikut.

Langkah-langkah Kerja: Membuat File Installer

1. Buka InnoSetup Compiler.

Pilih New. Klik Next.
Kemudian isikan informasi
program aplikasi Anda.
Klik Next  Next.

2. Pilih Browse. Pilih project

yang akan dijadikan menu
utama, dalam hal ini pilih
Menu_Utama. Kemudian
klik Add file(s) untuk
memilih semua file project
(kecuali Menu Utama)
termasuk file pendukung.
3. Klik Next.
 4. Centang semua pilihan
5. Klik Next.

6. Klik Browse…, kemudian pilih file

Licence.txt
7. Klik Next.
8. Pilih Select All untuk semua
bahasa atau centang sesuai
keinginan Anda.
9. Klik Next.

10. Klik Browse…, kemudian pilih

local tempat Anda akan
menyimpan setup (installer).
11. Ketik DM [setup] untuk nama
file installer.
12. Pilih Browse…, untuk memilih
Icon installer Anda.
13. Ketik password Anda (ingat:
harus sesuai dengan password
yang ada di file Password.txt
14. Klik Next  Next  Finish 
Yes  Yes  Save
15. Silahkan tunggu compile
project menjadi installer
sampai selesai.
16. Jika sidah finished, silakan
tutup Inno Setup.

Proses pembuatan file installer sudah selesai. Sekarang silahkan Anda cek file setup (installer) di local Anda
simpan tadi. Maka akan muncul file DM[setup] yang siap Anda jalankan (install) di Labtop Anda.

Silahkan double klik dan ikuti instruksi seperti meng-instal software pada umumnya.
 TUGAS AKHIR
Daftar Tugas Akhir Praktikum Peminatan Teknologi Pendidikan Matematika
BERBASIS DELPHI 7.0
Konsentrasi Materi SMP/MTs Kurikulum 2006

Kelas VII Kelas VIII Kelas IX

1. Bilangan Bulat 1. Faktorisasi Suku Aljabar 1. Kesebangunan & Kekongruenan
2. Bilangan Pecahan 2. Relasi & Fungsi 2. BRSL
3. Aljabar 3. Persamaan Garis Lurus 3. Statistika
4. Penerapan Bentuk Aljabar 4. SPLDV 4. Peluang
5. SPLSV 5. Teorema Pythagoras 5. Bilangan Berpangkat
6. Himpunan 6. Lingkaran 6. Barisan Deret
7. Garis dan Sudut 7. Garis Singgung Lingkaran 7. Persamaan & Fungsi Kuadrat
8. Segi Empat 8. BRSD
9. Segitiga
10. Perbandingan

KETENTUAN PROGRAM APLIKASI:

1. Input, Proses, dan Output dipisah meggunakan Grupbox
2. Huruf: Font 12 dan Type: Arial.
3. Setiap form menggunakan skins yang berbeda.
4. BorderIcon ditetapkan (tidak dihapus).
5. Ukuran tampilan form minimal 350 x 650.

CAKUPAN PENILAIAN:
1. Desain
2. Cakupan Form
3. Solusi
4. Manfaat