Mempercantik Tampilan dengan Alpha Skin pada Delphi 2010

By: QMPC Network on 16.54

Setelah Proses Instalasi Alpha Skin yang sudah penulis sampaikan dipostingan sebelumnya, Dan bagi yang belum membaca klik disini. Secara Otomatis Komponen Alpha Skin telah ditambahkan kedalam Delphi 2010. Biasanya akan berada pada pallete terakhir. Seperti gambar berikut ini :

Selanjutnya sekarang kita akan belajar bagaimana menggunakan Alpha Skin di Delphi 2010.

Langkah 1 :
Buatlah form baru terlebih dulu, kemudian masuk ke Tool Pallete AlphaLite kemudian tambahkan dua buah komponen ke dalam form yaitu sSkinManager dan sSkinProvider.

Langkah 2 :
Double klik pada Komponen sSkinManager didalam Form kemudian akan muncul form internal skin setelah itu pada internal skin klik new, maka akan tampak seperti berikut ini :

Langkah 3 :
Setelah itu klik Ok, dan pada object inspector skin name ganti sesuai input yang pembaca pilih di langkah 2. Kemudian run program atau F9 untuk menjalankan program, maka akan muncul seperti berikut ini :

Langkah 4 :

Selamat mencoba :D

Read More

Instalasi Alpha Skin di Delphi 2010

By: QMPC Network on 15.14

Penulis menggunakan komponen “Alpha Controler Skin Lite”. Komponen ini adalah Freeware dan tentunya powerfull dari pada komponen skin lainnya.  Untuk installasi komponen sudah penulis sertakan didalam cd penyerta buku penulis yang berjudul "Delphi dan Firebird Membuat Aplikasi Minimarket Client-Server: Support Barcode Scanner". Ok berikut cara installasinya :

Langkah 1 :
Extract terlebih dulu Alphacontrolerskinlite.zip kemudian buka Delphi 2010. Dan klik File à Open dan masuk ke Folder Delphi 2010 dan buka acnt2010_R.bpl, jika kurang jelas bisa pembaca perhatikan gambar berikut ini :

Langkah 2 :

Maka nanti di Project Manager akan keluar seperti gambar berikut ini :

Langkah 3 :

Kita sekarang berfokus pada Project Manager, pada acnt2010_R.bpl kita klik kanan kemudian klik build. Maka jika berhasil akan keluar hasilnya seperti berikut ini :

Langkah 4 :

Setelah itu langkah selanjutnya klik File à Open kemudian pilih lagi yang acnt2010.bpl, kemudian kita focus ke Project Manager kemudian acnt2010.bpl kita klik kananàinstall. Maka hasilnya jika sukses akan seperti berikut ini :

Langkah 5 :

Untuk memastikan hasilnya berhasil atau tidak, kita bisa membuat project baru. Klik File à New à VCL Forms Aplication – Delphi dan lihatlah di Tool Palette maka akan muncul Alphalite listnya, seperti gambar berikut ini :

Langkah 6 :

Selamat mencoba :D

Read More

Membuat Menu Seperti Office 2010 Pada Delphi 2010

By: QMPC Network on 06.09

Tampilan Office 2010 memang memukau dan sangat menggoda. Dengan menu ribbonnya, Ia mampu menyedot perhatian penulis sehingga terbesit niat di hati untuk membuat aplikasi dengan menu Office 2010 tersebut. walaupun sudah pernah penulis buatkan video tutorialnya disini.

Ok, kita fokus ke pembahasan dulu. Kali ini penulis mau sharing tentang cara membuat menu seperti tampilan Office 2010. Namanya adalah menu Ribbon.

Biar gak buang-buang waktu karena penulis banyak kerjaan jadi langsung aja.

Langkah 1 :
Copy dulu software atau komponen yang terdapat pada buku penulis yang berjudul "Delphi dan Firebird Membuat Aplikasi Minimarket Client-Server: Support Barcode Scanner". dalam Hal ini adalah DevExpress khusus Delphi 2010.

Langkah 2 :
Install komponen yang tadi sudah dicopy. penulis anggap sudah beres karena sudah dijelaskan penulis dibuku dan di video tutorial.

Langkah 3 :
Buka Delphi, perhatikan pallete-nya. Jika seperti dibawah ini, berarti instalasi sudah sukses :

Langkah 4 : 

Pada Pallete ExpressBar, Tambahkan komponen dxBarManager dulu, setelah itu baru dxRibbon ke dalam form.

Langkah 5 : 

Double klik pada komponen dxBarManager lalu tambahkan Beberapa Toolbar. Hasilnya seperti berikut ini :

Langkah 6 : 

Untuk menambahkan tab pada ribbon, pembaca bisa klik kanan pada ribbon kemudian klik pada Tabs Editor, dan untuk mengedit nama dari tab bisa klik pada teb kemudian di object inspector pembaca bisa edit di coption, lalu akan muncul seperti berikut ini :

Langkah 7 :

Klik 1 kali tab menu. kemudian lihat pada object inspector -> dxRibbon -> dxRibbonTab1 -> Group -> Add Item

Langkah 8 :

Klik 1 kali item yang tadi ditambahkan pada group (tdxRibbonTabGroup). Perhatikan object inspector pembaca. ToolBar -> Pilih salah satu toolbar yang tadi dibuat dengan dxBarManager (Pada step 5 dan perhatikan gambar pada step 7)

Langkah 9 :
Ulangi langkah 6 sampai dengan 8 agar semua toolbar ditambahkan pada tdxRibbonTabGroup. Hasil Sementara Seperti dibawah ini :

Langkah 10 :

Klik kanan pada salah satu dari dua toolbar tersebut -> add large button. Ubah captionnya sesuai kebutuhan. Jika ingin menambahkan gambar pilih LargeGlyph. dan jika di run atau F9 hasilnya seperti berikut ini :

Langkah 11 :
Selamat mencoba :D

Read More