BAB6
KATALOG PRODUK DIGITAL
6.1
Katalog produk merupakan metoda penyimpanan data produk dengan
memberikan identifikasi pada setiap data produk kemudian disusun
berdasarkan identitas tertentu. Saat ini banyak berkembang katalog produk
yang dibuat dengan sistem digital. Katalog produk digital yang dibuat pada
Pembahasan kali ini relatif lebih mudah dan lebih cepat karena kita dapat
‘menginput, mengedit, menghapus atau mencari data produk hanya dengan
beberapa langkah sederhana. Selain itu, katalog juga menyediakan fitur
untuk menampilkan foto produk secara interaktif sehingga katalog menjadi
lebih informatif.
Membuat Nama Range
Nama range yang dibutuhkan dalam katalog produk digital yang akan dibuat
adalah Kode, TipeHP, Harga dan Tabel. Seluruh nama range tersebut bersifat
dinamis sehingga jika ada penambahan atau pengurangan data, nama range
secara otomatis akan ikut menyesuaikan,
1. Buka file Katalog Produk Digital.xls yang disertakan dalam CD
pendamping buku. Workbook memiliki dua worksheet, yaitu Form dan
Produk. Worksheet Form digunakan untuk menampung ActiveX Control,
sedangkan worksheet Produk berisi katalog produk.
2. Pilih worksheet Produk. Untuk membuat nama range Kode klik tombol
Define Name dalam tab Formulas group Defined Names. Muncul kotak
dialog New Name.
3. _Ketikkan Kode pada kotak isian Name: Pilih Workbook pada kotak pilihan
Scope: Pada kotak isan Refers to:__ketikkan formula
=OFFSET(Produk!$A$2;1;0;COUNTA(Produk!$A:SA)-2;1) kemudian klik
tombol OK.Membuat Macro Lebih Interaktif Dengan ActiveX Controls
110
Gambar 6.1 Membuat nama range Kode.
Untuk membuat nama range TipeHP klik tombol Define Name dalam tab
Formulas group Defined Names. Muncul kotak dialog New Name.
Befers to: —orrseT roa ki $CH21 0; COUNTA
Gambar 6.2 Membuat nama range TipeHP.
Ketikkan TipeHP pada kotak isian Name: Pilih Workbook pada kotak
pilihan Scope: Pada kotak isian Refers to: ketikkan formula
IF FSET (Produk!$C$2;1;0;COUNTA(Produk!$C:$C)-1;1) kemudian klik
tombol OK.
Untuk membuat nama range Harga klik tombol Define Name dalam tab
Formulas group Defined Names. Muncul kotak dialog New Name.Bab 6 Katalog Produk Digital
Befers to: LoreseT Prods fDH21 0; COUNT
Gambar 6.3 Membuat nama range Harga.
7. Ketikkan Harga pada kotak isian Name: Pilih Workbook pada kotak
pilihan Scope: Pada kotak isian Refers to: ketikkan formula
=OFFSET(Produk!$D$2; 1;0;COUNTA(Produk!$D:$D)-1;1) kemudian klik
tombol OK.
8, Untuk membuat nama range Tabel klik tombol Define Name dalam tab
Formulas group Defined Names. Muncul kotak dialog New Name.
esto: eerzrineauntadany count []
Cele J
Gambar 6.4 Membuat nama range Tabel.
9. Ketikkan Tabel pada kotak isian Name: Pilih Workbook pada kotak
pilihan Scope: Pada kotak sian Refers to: ketikkan formula
=OFFSET(Produk!$A$2;1;0;COUNTA(Produk!$A:SA)-2;5) kemudian klik
tombol OK.
1Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.2 Menambahkan Kontrol
Dalam membuat katalog produk digital kita membutuhkan 6 kontrol Command
Button, 5 kontrol Label, 1 kontrol Combo Box, 4 kontrol Text Box, 1 kontrol
Image, 1 kontrol List Box, 1 Kontrol Scrol Bar dan 3 kontrol Option Button.
1. Tambahkan kontrol ke dalam worksheet Form dan atur posisinya hingga
terlihat seperti pada Gambar 6.5.
Gambar 6.5 Menambahkan dan mengatur posisi kontrol.
2. Pengaturan properti masing-masing kontrol dapat dilihat pada tabel
berikut:
Objek Setting Properti
‘Command Button | Name = cmdinput
Caption = Edit
Height = 27
Picture = Edit.jpg
112Bab 6 Katalog Produk Digital
PicturePostion = 1-fmPicturePositionLeftenter
Width = 66
‘Command Button
Name = cmdHapus
Caption = Hapus
Height = 27
Picture = Delete. jpg
PicturePostion
Width = 66
-fmPicturePositionLeftCenter
Command Button
Name = cmdRefresh
Caption = Refresh
Height = 27
Picture = Refresh. jpg
PicturePostion = 1-fmPicturePositionLeftCenter
Width = 66
‘Command Button
Name = cmdBrowse
Caption = (dikosongkan)
Height = 18
Picture = Browse.jpg,
PicturePostion = 12-fmPicturePositionCenter
Width = 18
‘Command Button
Name = cmdCari
Caption = Cari Produk
Height = 27
Picture = Find.jpg
PicturePostion = 1-fmPicturePositionLeftCenter
Width = 93,
Tabet
Backstyle = 0-fmBackstyleTransparent
Name = IbiKode
113Membuat Macro Lebih Interaktif Dengan ActiveX Controls
114
Caption = Kode:
Height = 18
Width = 39
Label
Name = (biMerk
BackStyle = 0-fmBackStyleTransparent
Caption = Merk:
Tabet
Name = (ITipe
BackStyle = 0-fmBackStyleTransparent
Caption = Tipe:
Height = 18
Width = 39
Tabet
Name = (blHarga
BackStyle = 0-fmBackStyleTransparent
Caption = Harga:
Height = 18
Width = 39
Tabet
Name = (irate
BackStyle = 0-fmBackstyleTransparent
Caption = Foto:
Height = 18
Width = 39
Text Box
Name = batKode
Height = 18
Width = 144
Text Box
Name = tetTipe
Height = 18Bab 6 Katalog Produk Digital
Text Box
Width = 144
Name = tetHarga
Height = 18
TextAlign = 3-fmTextAlignRight
Width = 144
Text Box
Name = txtFoto
Height = 18
Width = 120
‘Combo Box
Name = cmbMerk
Height = 18
‘Scroll Bar
Image
Option Button
Name = scrollProduk
Height = 18
LargeChange = 1
Max =0
min = 0
‘SmallChange = 4
Width = 180
Name = imgFoto
Height = 135
PictureAlignment = 2-fmPictureAlignmentCenter
PictureSizeMode =
Width = 105
-fmPictureSizeStretch
Name = optBawah
BackColor = &H004040808 (coklat)
Caption = Di bawah harga
Height = 18
115Membuat Macro Lebih Interaktif Dengan ActiveX Controls
116
Value = True
Width = 93
Option Button Name = optAtas
BackColor = &H004040806 (coklat)
Caption = Di atas harga
Height = 18
Value = False
Width = 93
Option Button Name = optTipe
BackColor = &H004040808 (coklat)
Caption = Tipe HP
Height = 18
Value = False
Width = 93
List Box Name = UstCart
ColumnCount = 3
ColumnWidths = 60 pt;120 pt;80 pt
Height = 96
Width = 270
Tekan dan tahan tombol Ctrl kemudian pilih seluruh kontrol
menggunakan mouse. Klik kanan mouse kemudian pilih menu Format
Control... Muncul kotak dialog Format Control.Bab 6 Katalog Produk Digital
Gambar 6.6 Kotak dialog Format Control - tab Protection.
Pilih tab Protection. Beri tanda contreng pada pilihan Locked agar
kontrol tidak dapat dimodifikasi pengguna saat worksheet diproteksi.
Pilih tab Properties. Pilih opsi Don’t move or size with cells agar
kontrol tidak ikut berpindah dan tidak berubah ukurannya ketika ada
perubahan range yang ditempati. Untuk mengatur agar kontrol tidak ikut
tercetak, hilangkan tanda contreng pada pilihan Print object. Klik
tombol OK.
Gambar 6.7 Kotak
log Format Control - tab Properties.
7Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6. Untuk memproteksi worksheet Form pilih menu Tools > Protection >
Protect Sheet... Bagi pengguna Excel 2007 klik tombol Protect Sheet
dalam tab Review grup Changes. Muncul kotak dialog Protect Sheet.
Beri tanda contreng pada pilihan Protect worksheet and contents of
locked cells.
7. Pada kotak isian Password to unprotect sheet: ketikkan password untuk
memproteksi, misalnya ketikkan Elex1234.
er
(select ted cts
Discoa vied cts
(Cire
Ferma rns
(Dineen
[Fioee ckee
eka om
Cx
Gambar 6.8 Kotak dialog Protect Sheet
8, Hilangkan tanda contreng pada seluruh pilihan Allow all users of this
worksheet to: Klik tombol OK. Muncul kotak dialog Confirm Password.
eis
eerer passe proceed
9
Caution: f youlose or orget the paserd cana be
Tecovered. Is advisable to hep lt of psords a
thar eoripordeg worick ord sheet namesin fe
bce Renenber that pavers re csesestive,)
Cj Cee)
Gambar 6.9 Kotak dialog Confirm Password
9. Ketikkan password yang sama (Elex1234) pada kotak isian yang tersedia
kemudian klik tombol OK.
1186.3
Bab 6 Katalog Produk Digital
Kode Macro
Kode Macro ditulis pada objek Modulet dan Sheet1(Form). Kode Macro yang
ditutis pada objek Modulet adalah Sub Procedure Auto_Open, Sub Procedure
‘Auto_Close, Sub Procedure Katalogkosong dan Function Procedure Cek. Kode
Macro yang ditulis pada objek Sheet1(Form) adalah Sub Procedure yang
berkaitan dengan kontrol yang ditampung dalam worksheet Form.
1. Tekan kombinasi tombol Alt+F11 untuk menampitkan Visual Basic Editor.
Pilih menu utama Insert > Module untuk membuat modul baru. Ketikkan
kode Macro sebagai berikut:
119Membuat Macro Lebih Interaktif Dengan ActiveX Controls
120Bab 6 Katalog Produk Digital
2, Pilih objek Sheet1(Form) dalam Project Explorer. Tekan F7 pada
keyboard atau pilih menu View > Code untuk menampilkan window
Code. Ketikkan kode Macro sebagai berikut:Membuat Macro Lebih Interaktif Dengan ActiveX Controls
122Bab 6 Katalog Produk Digital
123Membuat Macro Lebih Interaktif Dengan ActiveX Controls
124Bab 6 Katalog Produk Digital
125Membuat Macro Lebih Interaktif Dengan ActiveX Controls
126Bab 6 Katalog Produk Digital
27Membuat Macro Lebih Interaktif Dengan ActiveX Controls
128Bab 6 Katalog Produk Digital
129Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.3.1 Sub Procedure Auto_Open
Baris kode Macro yang terletak di antara kode sub auto_open() sampai dengan
‘na Sub akan dijalankan secara otomatis ketika workbook dibuka.
‘Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form,
Variabel wsrroduk sebagai worksheet Produk dan variabel jeinrecord sebagai
jumlah record data dalam katalog.
Item dalam Combo Box Merk pada awalnya dihapus. Macro kemudian
menambahkan item Nokia, Sony Ericsson, Samsung, Motorola dan Nexian ke
dalam Combo Box Merk.
Katalog dalam worksheet Produk kemudian dicek apakah berisi data atau
kosong. Pengecekan dilakukan berdasarkan nilai pada sel A3. Jika sel A3
130Bab 6 Katalog Produk Digital
6.3.2
kosong, katalog handphone dinyatakan kosong. Macro kemudian memanggit
Sub Procedure Katalogkosong.
Jka katalog handphone tidak kosong, Macro akan menentukan nilai pada
Scroll Bar Produk. Nilai minimal Scroll Bar adalah 1, sedangkan nilai maksimal
Scroll Bar adalah jumlah record dalam katalog. Pada saat workbook dibuka
nilai Scroll Bar adalah nilai maksimal Scroll Bar, atau sama dengan jumlah
record dalam katalog.
‘Sub Procedure Auto_Close
Baris kode Macro yang terletak di antara kode sub auro_ciose() sampai
dengan ena sub akan dijalankan secara otomatis ketika workbook ditutup.
‘Macro akan mendeklarasikan variabel worrocuk sebagai worksheet Produk.
Jika sel A3 dalam worksheet Produk tidak kosong, filter pada tabel katalog
kemudian dihapus.
131Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.3.3 Sub Procedure Katalogkosong
Baris kode Macro yang terletak di antara kode sub xatalogkosona() sampai
dengan enc sub akan dijalankan jika katalog kosong.
‘Macro akan mendeklarasikan variabel w=rorn sebagai worksheet Form dan
Variabel ws2-oduk sebagai worksheet Produk. Setelah itu, Macro menampilkan
kotak pesan informasi Katalog Kosong. Nilai Scroll Bar minimal dan maksimal
bernilai 0.
Text Box Kode, Text Box Tipe, Text Box Harga dan Text Box Foto
dikosongkan, sementara Combo Box Merk akan menampilkan Nokia. Image
tidak ada akan menampilkan gambar.
6.3.4 Function Procedure CEK
132
Baris kode Macro yang terletak di antara kode runction crk(alanat_¢ile)
sampai dengan end Funct ion nerupakan fungsi untuk mengecek apakah suau
file ada atau tidak. Fungsi CEK mempunyai argumen alamat_file, yaitu
alamat file yang akan dicek. Jika tidak ada file, maka fungsi menghasilkan
nilai FALSE. Fungsi akan menghasilkan nilai TRUE jika file ada. Penerapan
fungsi CEK dalam fungsi berguna untuk mengecek file foto handphone yang
akan ditampilkan.Bab 6 Katalog Produk Digital
6.3.5 Macro Validasi Text Box Harga
Baris kode Macro yang terletak di antara kode rivare sub
extHarga KeyPress(SyVal_KeyAscii As MsForms.Returninteger) sampat
dengan ena sup akan dijalankan ketika pengguna menekan tombol keyboard
(KeyPress) saat kursor berada pada Text Box Harga.
Kode Macro di bawah hanya memperbolehkan pengguna memasukkan angka
dari 0 sampai dengan 9. Jika pengguna mencoba mengetikkan huruf atau
karakter lain selain angka, huruf atau karakter tersebut tidak akan masuk
dalam Text Box Harga.
6.3.6 Macro Ketika Command Button Browse Di-klik
Baris kode Macro yang terletak di antara kode Private sub cndBrowse_Click()
sampai dengan ena su» akan dijalankan ketika Command Button Browse di-
Klik,
Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form dan
ingPiteFornae sebagai Konstanta tipe file foto yang didukung. Kotak dialog
Open kemudian ditampilkan.
133Membuat Macro Lebih Interaktif Dengan ActiveX Controls
Jika tidak ada file yang dipilih, maka keluar dari Sub Procedure. Jika ada file
foto yang dipilin, alamat penyimpanan file foto yang dipilih akan dimasukkan
ke dalam Text Box Foto.
6.3.7, Macro Ketika Command Button Input Di-klik
Baris kode Macro yang terletak di antara kode exivate sub cndtaput click ()
sampai dengan esa sub akan dijalankan ketika Command Button Input di-klik.
Macro akan mendeklarasikan variabel wsrorm sebagai worksheet Form,
Variabel wsecoduk sebagai worksheet Produk, variabel secorankhir sebagai
record data terakhir dalam katalog dan variabel swinaecora sebagai jumlah
record data dalam katalog.
134Bab 6 Katalog Produk Digital
Baris kode Macro yang terletak di antara kode 1 txtkode.Vaiue - ** Then
sampai dengan =n: hanya dijalankan jika Text Box Kode, Text Box Tipe
atau Text Box Harga ada yang kosong. Jika ada salah satu Text Box yang
kosong, ditampilkan kotak pesan peringatan kemudian keluar dari Sub
Procedure.
Sel dibawah record terakhir pada kolom A dalam worksheet Produk kemudian
diisi data sesuai dengan nilai dalam Text Box Kode. Pengisian sel dalam
kolom B sampai dengan E juga akan dilakukan pada baris yang sama dengan
nilai sesuai isi Combo Box Merk, Text Box Tipe, Text Box Harga dan Text Box
Foto.
Karena nilai Scroll Bar menunjukkan record data dalam katalog, setelah ada
penambahan data, nilai maksimal Scroll Bar ditambah 1. Macro kemudian
menyeleksi nilai Scroll Bar maksimal. Penentuan nilai Scroll Bar minimal 1
135Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.3.8
136
dilakukan untuk mengantisipasi error ketika data yang dimasukkan dalam
Katalog baru 1 record data.
Macro Ketika Command Button Edit Di-Klik
Baris kode Macro yang terletak di antara kode Private sub cndtaie ciick()
sampai dengan ena sub akan dijalankan ketika Command Button Edit di-klik.
‘Macro akan mendeklarasikan variabel werorn sebagai worksheet Form,
Variabel woeroduk sebagai worksheet Produk, variabel worecora sebagai nomor
record sesuai dengan nilai Scroll Bar ditambah 2 (sel A1 dan A2 yang tidak
terpakai).
Macro kemudian mengecek apakah Katalog kosong atau tidak berdasarkan isi
pada sel A3 dalam worksheet Produk. Jika Katalog Kosong, Macro. akan
‘memanggil Sub Procedure KatalogKosong kemudian keluar dari Sub Procedure.
Baris kode Macro yang terletak di antara kode 1 txtkode.Vaiue = "* Then
sampai dengan ena x1 hanya dijalankan jika Text Box Kode, Text Box Tipe
atau Text Box Harga ada yang kosong. Jika ada salah satu Text Box yang
kosong, ditampilkan Kotak pesan peringatan kemudian keluar dari Sub
Procedure.Bab 6 Katalog Produk Digital
Sebelum record data diedit, Macro akan menampilkan kotak pesan informasi
terlebih dahulu.
Jika tombol Cancel yang di-klik, edit record data dibatalkan (keluar dari Sub
Procedure). Apabila yang di-klik tombol OK, maka sel pada record aktif
(nomor record sesuai nilai Scroll Bar) akan diedit. Data masing-masing kolom
akan diubah sesuai dengan isian pada Text Box Kode, Combo Box Merk, Text
Box Tipe, Text Box Harga dan Text Box Foto. Apabila alamat penyimpanan file
foto dalam Text Box Foto kosong atau tidak valid, maka Image tidak
menampilkan foto. Jika alamat file foto valid, Image akan menampitkan foto
tersebut.
137Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.3.9 Macro Ketika Command Button Hapus Di-klik
138
Baris kode Macro yang terletak di antara kode exivate sub cnsitapus_click()
sampai dengan ena sub akan dijalankan ketika Command Button Hapus di-klik.
‘Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form,
Variabel woersduk sebagai worksheet Produk, variabel worecora sebagai nomor
record sesuai dengan nilai Scroll Bar ditambah 2 (sel A1 dan A2 yang tidak
terpakai). Macro kemudian mengecek apakah katalog kosong atau tidak
berdasarkan isi pada sel A3 dalam worksheet Produk. Jika katalog kosong,
‘Macro akan memanggil Sub Procedure Katalogkosong kemudian keluar dari
Sub Procedure.
Sebelum record data dihapus, Macro akan menampilkan Kotak pesan informasi
terlebih dahulu.
Jika pengguna meng-klik tombol Cancel pada kotak pesan, hapus record data
dibatalkan. Apabila yang di-klik tombol OK, record aktif (nomor record sesuai
nilai Scroll Bar) akan dihapus.Bab 6 Katalog Produk Digital
‘Sama halnya ketika kita menambahkan record data ke dalam katalog. Setelah
record data dihapus, jumlah record data dalam katalog akan berkurang 1.
Oleh karena itu, nilai maksimal Scroll Bar yang mewakili jumlah record data
dalam katalog juga dikurangi 1. Macro kemudian menyeleksi nilai Scroll Bar
‘maksimal.
6.3.10 Macro Ketika Scroll Bar Diubah
Baris kode Macro yang terletak di antara kode erivate sub
scroliProduk_change() Sampai dengan sn_sub akan dijalankan ketika Scroll
g
2
)
‘Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form,
Variabel woerodvk sebagai worksheet Produk, variabel vorscors sebagai nomor
record sesuai dengan nilai Scroll Bar ditambah 2. Nilai Scroll Bar ditambah 2
karena record database dimulai dari baris ke 3.
Macro kemudian mengecek apakah Katalog kosong atau tidak berdasarkan isi
pada sel A3 dalam worksheet Produk. Jika Katalog Kosong, Macro akan
‘memanggil Sub Procedure KatalogKosong kemudian keluar dari Sub Procedure.
Jika katalog tidak kosong, Text Box Kode akan diisi kode handphone yang ada
dalam sel sesuai nomor record yang sama dengan nilai Scroll Bar. Combo Box
Merk, Text Box Tipe, Harga dan Foto juga diisi dengan nilai dalam sel yang
terletak pada baris yang sama, hanya beda kolom.
139Membuat Macro Lebih Interaktif Dengan ActiveX Controls
Apabila alamat penyimpanan file foto dalam Text Box Foto kosong atau tidak
valid, maka Image tidak menampilkan foto. Jika alamat file foto valid, Image
akan menampilkan foto tersebut.
6.3.11 Macro Ketika Command Button Refresh Di-klik
140
Baris kode Macro yang terletak di antara kode erivate sub
endRefresh_Ciick() sampai dengan end sub akan dijalankan ketika Command
Button Refresh di-klik.
‘Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form dan
Variabel weProcuk sebagai worksheet Produk. List Box akan dihapus. Setelah
itu, Macro akan mengecek apakah katalog kosong atau tidak berdasarkan isi
pada sel A3 dalam worksheet Produk. Jika katalog kosong, Macro akan
‘memanggil Sub Procedure KatalogKosong kemudian keluar dari Sub Procedure.Bab 6 Katalog Produk Digital
Jika sel A3 dalam worksheet Produk tidak kosong, filter pada tabel katalog
handphone (jika ada) kemudian dihapus.
Macro kemudian mendeklarasikan variabel oninecors sebagai jumlah record
data dalam katalog.
Nilai Scroll Bar minimal ditentukan sebesar 1 dan nilai Scroll Bar maksimal
sesuai jumlah record dalam katalog. Macro kemudian menyeleksi nilai Scroll
Bar maksimal.
6.3.12 Macro Ketika Command Button Cari Produk Di-klik
Baris kode Macro yang terletak di antara kode Private sub endcari_ciicte()
sampai dengan =n sub akan dijalankan ketika Command Button Cari Produk
di-klik,
Macro akan mendeklarasikan variabel wsrorn sebagai worksheet Form dan
Variabel wseroduk sebagai worksheet Produk. Setelah itu, Macro akan
‘mengecek apakah katalog kosong atau tidak berdasarkan isi pada sel A3 dalam
141Membuat Macro Lebih Interaktif Dengan ActiveX Controls
worksheet Produk. Jika katalog kosong, Macro akan memanggil Sub Procedure
Katalogkosong kemudian keluar dari Sub Procedure. Apabila tidak kosong,
Macro akan mendeklarasikan variabel orabe1 sebagai range Tabel
Sebelum melakukan pencarian dan penyaringan data, Macro terlebih dahulu
akan menampilkan seluruh record data dalam katalog dengan cara menghapus
filter pada katalog.
Jlika Option Button Di bawah harga yang dipilih, Macro akan menampilkan
kotak input Harga HP. Apabila kotak input kosong atau Anda menekan tombol
Cancel, pencarian dibatalkan. Penyaringan data dilakukan dengan
menampilkan handphone yang harganya di bawah harga yang Anda tentukan
dalam kotak input Harga HP, Setelah itu, Macro memanggil Sub Procedure
TampilkanSemua.
142Bab 6 Katalog Produk Digital
Jka Option Button Di atas harga yang dipilih, Macro akan menampilkan kotak
input Harga HP. Apabila kotak input kosong atau Anda menekan tombol
Cancel, pencarian dibatalkan. Penyaringan data _dilakukan dengan
menampilkan handphone yang harganya di atas harga yang Anda tentukan
dalam kotak input Harga HP. Setelah itu, Macro memanggil Sub Procedure
TampilkanSemua.
Jka Option Button Tipe HP yang dipilin, Macro akan menampilkan kotak input
Tipe HP. Macro kemudian mendeklarasikan variabel x: iveria sebagai kriteria
penyaringan data berdasarkan kata kunci yang dimasukkan dalam kotak input.
Apabila kotak input kosong atau Anda menekan tombol Cancel, pencarian
dibatalkan, Penyaringan data dilakukan dengan menampilkan tipe handphone
yang sesuai dengan kata kunci yang Anda masukkan dalam kotak input Tipe
he.
143Membuat Macro Lebih Interaktif Dengan ActiveX Controls
6.3.13 Sub Procedure TampilkanSemua
144
Baris kode Macro yang terletak di antara kode sub tamp!ikansemua() sampai
dengan ro sub dijalankan setelah pencarian handphone dilakukan. Macro
akan menampilkan hasil pencarian dalam List Box.
‘Macro akan mendeklarasikan variabel w=rorn sebagai worksheet Form dan
variabel wsProduk sebagai worksheet Produk. Sebelum menampilkan hasil
pencarian, List Box akan dihapus terlebih dahulu. Hal ini dilakukan untuk
‘menghindari kemungkinan bertumpuknya hasil pencarian yang baru dilakukan
dengan hasil pencarian yang mungkin sudah dilakukan sebelumnya.
‘Macro kemudian menambahkan 3 kolom judul ListBox. Judul kolom pertama
adalah No yang menunjukkan nomor record hasil pencarian. Judul kolom
kedua adalah Tipe HP dan judul kolom ketiga adalah Harga HP.Bab 6 Katalog Produk Digital
Setelah itu, Macro mendeklarasikan variabel 0 Then
Twilai Scroll Bar - nilai indeke List Box Kolom Record
waForm.scrollProduk.Value ~ waForm.1istcari.
List (listcari-Listindex, 0)
znd 1€
End Sub
Penggunaan Aplikasi
‘Anda dapat menggunakan aplikasi Katalog produk digital untuk menambah
record data handphone baru, mengedit atau menghapus record data
handphone yang sudah ada serta melakukan pencarian data handphone
berdasarkan harga atau tipe handphone.
Input Data
Aplikasi katalog produk digital mempunyai fitur untuk menampilkan foto
handphone. File foto yang digunakan dalam aplikasi sebaiknya ditempatkan
dalam satu folder agar lebih mudah dikelola. Data handphone yang akan
dimasukkan ke dalam katalog penulis ambil dari website www.situshp.com.
Kode Merk Tipe: Harga (Rp) Foto
$312 _| Sony iesson Sony Eriesson $312 "800.000 | $312.pg
"T715 | Sony ricsson Sony Eriesson 715, 1.500.000 | T715.jpg
(W205 | Sony Ericsson Sony Eriesson W205 150.000 | W205 jpg
7230 | Nokia Nokia 7230) 1.325.000 | 7230,jpg
1616 | Nokia Nokia 1616 300.000 | 1616 pg
Wx390_| Motorola ‘Motorola Wx390 "485,000 | WX380.jog
(G900__[ Nexian ‘Nexian NX G900) "950,000 | NX_G800.jpg
G11 | Nexian Nexian NX G91, ‘975,000 | NX_G811Jpg
HT66 | HT Mobile HT Mobile HT6S 1.100.000 | HT66,p8
1. Buka workbook Katalog Produk Digital.xls hasil latihan atau dapat dibuka
dalam CD Pendamping Buku. Muncul kotak pesan Katalog Kosong karena
katalog belum diist (Kosong). Klik tombol OK.Bab 6 Katalog Produk Digital
rou!
HL) teks dots dtm hatog
Gambar 6.10 Kotak pesan Katalog Kosong
Untuk memasukkan record data handphone ke dalam katalog, takukan
langkah-langkah sebagai berikut:
> Ketikkan $312 pada kotak isian Kode.
Pilih Sony Ericsson pada kotak pilihan Merk. Anda dapat mengetikkan
secara langsung merk handphone yang tidak disediakan pada kotak
pilihan Merk.
Pada kotak isian Tipe ketikkan Sony Ericsson $312.
Ketikkan 800000 pada kotak isian Harga.
Klik tombol Browse “| yang terletak di sebelah kanan kotak isian Foto.
‘Muncul kotak dialog Open.
v
vy
v
Gambar 6.11 Kotak dialog Open.
> Pilih file foto $312.jpg kemudian klik tombol Open. —Alamat
penyimpanan file yang Anda pilih kemudian dimasukkan ke dalam
kotak isian Foto.
147Membuat Macro Lebih Interaktif Dengan ActiveX Controls
» Jika data handphone yang akan dimasukkan sudah sesuai klik tombol
Input. Worksheet Form kemudian menampilkan detail record data yang
sudah dimasukkan (termasuk foto).
Gambar 6.12 Record data handphone sudah ditambahkan.
3. Dengan cara yang sama, masukkan seluruh data handphone yang ada
dalam tabel sehingga katalog total mempunyai 9 record data.
4, Untuk menampilkan nomor record data tertentu, klik tombol Scroll Bar di
sebelah kiri untuk menampilkan data sebelum record terpilih. Klik
tombol Scroll Bar di sebelah kanan untuk menampilkan data sesudah
record terpilih.
6.4.2 Pencarian Data Handphone
Apabila record data yang sudah dimasukkan ke dalam katalog sudah sangat
banyak, penggunaan Scroll Bar untuk menyeleksi record data menjadi kurang
efektif. Untuk mengatasi masalah tersebut, Anda dapat melakukan pencarian
data handphone dengan memasukkan kata kunci harga atau tipe handphone.
1. Untuk mencari handphone dengan harga di bawah nominal tertentu
lakukan langkah-langkah sebagai berikut:
> Pilih opsi Di bawah harga kemudian klik tombol Cari Produk. Muncul
kotak input Harga HP.
> Ketikkan nominal harga tertinggi yang Anda inginkan, misalnya
ketikkan 1000000 (satu juta). Jika sudah, klik tombol OK.
148Bab 6 Katalog Produk Digital
Harea HP
Gambar 6.13 Kotak input Harga HP.
Handphone yang mempunyai harga di bawah Rp.1.000.000,00 kemudian
ditampilkan pada List Box pencarian. Klik handphone hasil pencarian
dalam List Box untuk menampilkan informasi handphone secara detail.
‘Gambar 6.14 Pencarian handphone di bawah harga tertentu.
Untuk mencari handphone dengan harga di atas nominal tertentu lakukan
langkah-langkah sebagai berikut:
> Pilih opsi Di atas harga kemudian klik tombol Cari Produk. Muncul
kotak input Harga HP.
> Ketikkan nominal harga tertinggi yang Anda inginkan, misalnya
ketikkan 700000 (tujuh ratus ribu). Jika sudah, Klik tombol OK.
Handphone yang mempunyai harga di atas Rp.700.000,00 kemudian
ditampilkan pada List Box pencarian. Klik handphone hasil pencarian
dalam List Box untuk menampilkan informasi handphone secara detail.
149Membuat Macro Lebih Interaktif Dengan ActiveX Controls
Gambar 6.15 Pencarian handphone di atas harga tertentu.
3. Untuk mencari tipe handphone dengan kata kunci tertentu lakukan
langkah-langkah sebagai berikut:
> Pilih opsi Tipe HP kemudian klik tombol Cari Produk. Muncul kotak
input Tipe HP.
fo
andlan atau pencaan tee
i
Gambar 6.16 Kotak input Tipe HP.
> Ketikkan kata kunci tipe HP pada kota isian yang tersedia, misalnya
ketikkan Nokia. Klik tombol OK.
Tipe handphone yang mengandung kata Nokia kemudian ditampitkan
pada List Box pencarian. Klik handphone hasil pencarian dalam List Box
untuk menampilkan informasi handphone secara detail.
150Bab 6 Katalog Produk Digital
Gambar 6.17 Pencarian berdasarkan tipe handphone.
6.4.3 Edit dan Hapus Record Data
‘Anda perlu mengedit record data untuk melakukan penyesuaian dengan
kondisi saat ini. Record data yang sudah Anda masukkan ke dalam katalog
suatu saat mungkin mengalami perubahan, misalnya handphone mengalami
perubahan harga. Selain edit record data, Anda juga dapat menghapus record
data.
1. Untuk mengedit record data, pilih record data yang akan diedit
menggunakan Scroll Bar. Untuk menyeleksi record data dengan cepat,
gunakan fitur pencarian.
2. Setelah record data yang akan diedit dipilih, takukan penyesuaian data
handphone kemudian klik tombol Edit. Muncul kotak pesan Edit Data.
Pie
) ote Nevian nx G200 akan ded
[a] _ eva
Gambar 6.18 Kotak pesan Edit Data
3. Klik tombol OK untuk mengedit record data. Untuk membatalkan edit
record data, klik tombol Cancel.
151Membuat Macro Lebih Interaktif Dengan ActiveX Controls
4, Untuk menghapus record data, pilih record data yang akan dihapus
kemudian klik tombol Hapus. Muncul kotak pesan Hapus Data.
Hapus Data
Dota HT Mobile HT66 akan hapus
[eee] cot
Gambar 6.19 Kotak pesan Hapus Data
5. Klik tombol OK untuk menghapus record data. Untuk membatalkan
hapus record data, klik tombol Cancel.
152