Form Cantik Dengan Delphi & Photoshop


Dalam membuat aplikasi, bukan hanya kehandalan aplikasi dalam mengolah data saja yang perlukan, penampilan juga perlu di perhatikan. Dengan tampilan yang cantik maka dimungkinkan user akan lebih tertarik dengan program yang kita buat. “Pandangan pertama begitu menggoda, selanjutnya?? ………… he hee”.

Untuk membuatnya dibutuhkan sedikit ketrampilan dalam memainkan program grafis. Saya menggunakan adobe photoshop CS2 untuk mengolah image, dan Delphi 7.0 untuk membuat aplikasinya.

Berikut langkah-langkahnya:

Langkah I : Adobe Photoshop

  1. buat tampilan form sesuai selera.
  2. set warna background #FF0000, dan hindari warna #FF0000 pada form facenya, berikut contoh design yang saya buat :
  3. Save as simpan ke tipe file .bmp

Langkah II : Design di Delphi.

  1. Buat Form baru
  2. setting propertiesnya sbb.
    • AlphaBland = False
    • AlphaBlandValue = 0 (semakin kecil nilainya maka akan semakin transparan, anda bisa mengisi nilainya antara 1 – 100)
    • BorderStyle = bsNone
    • Color = clRed
    • Name = formMenu
    • Position = poDesktopCenter
    • TransparentColor = True
    • TransparentColorValue = clRed (harus sama dengan Color)
    • WindowState = wsNormal
  3. tambahkan object Image dari tab Additional
  4. Atur propertiesnya sbb :
    • Picture = Ambil image .bmp yang sudah dibuat.
    • Transparent = True
  5. tambahkan tombol close
  6. Pada event onclik ketik program berikut :

    procedure TformMenu.BitBtn1Click(Sender:TObject)
    
    Begin
    
    Application.Terminate;
    
    End;
  7. simpan project anda.
  8. run program.

Langkah III : Program

Agar title bar bisa digeser, layaknya form:

  1. Tambahkan Kode berikut di bawah Type :
  2. procedure WMNCHitTest(var msg : TWMNCHitTest); message WM_NCHitTest;
  3. Tambahkan Kode berikut:
  4. procedure TformMenu.WMNCHitTest(var msg : TWMNCHitTest);
    
    begin
    
    inherited;
    
    if (msg.Result = htClient) then
    
    if Msg.YPos < Top + 40 then
    
    msg.Result := htCaption;
    
    end;
  5. run program.

Mudah bukan, cara mudah dengan hasil yang cantik. selamat mencoba!! download sample

  1. #1 by shushee at July 1st, 2007

    Hmm…..Menarik nih tutorialnya. Di sela-sela kesibukanmu, teruslah membuat tutorial2x yang menarik lagi ya :) biar aku bs banyak belajar dari kamu …he3x…
    bagi2 ilmu kamu maksudnya…

    Kunantikan tutorialmu……

  2. #2 by Maliki at July 23rd, 2007

    sblmnya maaf, website tak kosongi dulu, soalnya webku masih dalam proses pembuatan n blm kelar2 sampai skrg.
    punya artikel/ tutorial ttg delphi yang lain ngga?

  3. #3 by Undang muslim at August 13th, 2007

    assalamu alaikum
    Saya sebagai pemula baru beberapa hari belajar delphi sekitar 2mingguan,dan saya ingin sekali menjadikan form cantik apalagi tombol-tombolnya seperti halnya winam,dan saya cari diinternet tutorialnya sehingga sampailah di situs ini kebetulan yang diharapkan,tapi mana dong tutorialnya saya mohon kirim lewat e-mail saya
    wassalam
    undang muslim

  4. #4 by Lukman at August 13th, 2007

    Terima kasih atas kunjungannya,

    Ada Component tambahan untuk membuat aplikasi dengan tampilan menarik (Skinner) seperti halnya winamp, seperti SXSkinComponents

    Silahkan baca-baca di http://www.saarixx.info/sxskincomponents/en/index.htm

    Bisa digunakan untuk delphi 5, delphi 6, dan delphi 7, menarik dan gratis lagi. :D

    Semoga bisa membantu.

  5. #5 by harum anjani at September 22nd, 2007

    assalamu’alaikum
    wah tutorialnya bagus bisa saya praktekin entar dirumah
    tapi saya pingin nanya boleh ga…!
    orang yang berkecimplung di delphi pasti tahu sxskins componen aku juga ngedownloadnya tapi tidak tahu
    cara memakainya/menginstalisasinya sudah diputar-putar tetap saja otak butek tolong kasih tahu ya..! bagusnya beserta aplikasinya
    juga ga apa-apa pake satu buton aja yamas..he..he..!yang kedua mas pasti tahu demo yang kedua di sxskins nah bagaimana caranya buton itu bisa menyala
    bahkan ditenan bisa penyok kedalam antik bener..disana juga ada komponennya untuk uji coba tapi tetap aja ga berhasil…tolongya kaciih tahu…!
    sebelumnya trims..
    bagi sobat-sobat yang udah mahir delphi kasih tahu dong beberapa tutorialnya dialamat e-mailku tak kasih peuyeum bandung..he..he..
    harumanjani_cantik@yahoo.co.id

  6. #6 by Lukman at September 22nd, 2007

    Wa’alaikum salam
    Terimakasih kunjungannya mb harum, mewangi sepanjang hari :D kid. Please check your email.

    Peuyeumnya send by email aja ya? buruan buat buka puasa nihh.. udah setengah 6.. bentar lagi bedug … he he..

  7. #7 by undang muslim at September 23rd, 2007

    assalamu’alaikum
    salam jumpa kembali sama yang suka ngerepotin
    mas lukman saya berterimakasih sekali atas tutorial dan bahanprakteknya tempo dulu dan saya benar-benar berhasil sudah saya uji beberapa kali berhasil alhamdulillah bahkan dipareasi dengan glyph cuma kala diganti sound dan imagenya kaga jadi karena filenya telah diolah ya didatabase tampilin dong tutorial databasenya di website mu seperti sxsskin.wah anda baik hati ya saya coba lagi ah..
    wassalamua’laikum salam ukhuah islamiah

  8. #8 by Lukman at September 23rd, 2007

    wa’alaikumsalam
    undang apa khabarnya nih, lama ga nongol, insya allah lain kali saya posting. :D ditunggu aja ya?

  9. #9 by fahrez at October 3rd, 2007

    cara bikin form diphotoshopnya mana?

  10. #10 by Lukman at October 24th, 2007

    Liburan sebulan ga ga ketemu net, maaf baru response, makasih fahrez dah mampir. Langkah 1 blom cukup ya? :D . Saya memang tidak menjelaskan detail pembuatan di adobe photoshop. Drop shadow, rounded, gradient dan sebagainya. Cari di tutorial photoshop aja ya.. he he

  11. #11 by beginner delphi at October 31st, 2007

    Wah2 hbt bgt tutorialnya !? Aku seorang beginner sgt terbantu skli. Buat tutorial lg y maz…! he …

  12. #12 by Slamet_harso at October 31st, 2007

    Wow keren Bro…!aku seorang Beginner Sngt2 terbantu. Makasih yach Mas..! trus berkarya Yach hE…

  13. #13 by imam at November 10th, 2007

    assalamu’alaikum
    setiap berkunjung kesini kaga ada yang baru yah..?
    tapi ga pa-apa..tanggung nih..!
    mas numpang nanya nih..bila ingin membuat web dimana mas server yang murah,saya pernah masuk pada server yang memberi tawaran 10.000/bulan tapi lupa lagi alamatnya.
    agar web ini tidak membosankan bagai mana tak kasih ide..!? Bagaimana kalau setiap minggunya diposting cara bikin web dengan M.Dream weaper MX2004,cara tampilan awal cara ya seperti tampilan,forum komentar cara sing in,up dll deh..
    jangan buat web ini bubar karena bosan ya…
    wassalam

  14. #14 by azis at November 14th, 2007

    Assalamu’alaikum
    Semua pertanyaan tentang Delphi ya..!? map saya mau nanya tapi tentang web boleh ga..?
    Pak lukman mungkin bisa meluangkan waktunya buat saya,tapi jika tidak dapat meluangkan waktu saya mohon bapak mengkompirmasikannya ya atau tidak agar saya tidak menunggu-nunggu jawabannya.
    Saya seorang pemula dan ingin punya website walau tidak bisa bikin toh banyak templet dan kalau banyak uang saya kontak anda deh..he..he..!
    Dan untuk samplenya saya kirim lewat e-mailnya bapak.

    1.Maap ya pak, web bapak saya download dengan software ofline ke program chm,lalu saya dekompilasi agar tahu detilnya, terdapat dua folder yang satu stillcetek.com dan yang satunya http://www.stillcetek.com dan satu buah HTML bertuliskan contents.
    Yang jadi pertanyaan saya apakah yang di upload keserver harus berbentuk demikian …?

    2.Yang kedua coba bapak buka folder http://www.stillcetek.com didalamnya terdapat beberapa folder dengan beberapa HTML. Dan apakah harus seperti ini file yang di uploadnya ke server..?sedangkan setiap saya download website untuk diuji coba semua sama tampilannya kaya pertanyaan ke satu atau memang harus cara no 1…?

    3.untuk mengetahui website anda saya cari di google dengan kata kunci tutorial Delphi,dan dengan cepat terpangpanglah stillcetek dengan peuyeum bandungnya he..he..
    yang jadi pertanyaan gimana pak caranya kalau website aku bisa dicari seperti milik bapak?

    4.Bapak pasti tahu deh kalau diwebsite kita dipasang pencarian google kita akan mendapat dollar,kasih tahu caranya? gimana pasangnya diweb?
    Gimana daptarnya? Maap saya borong. Hik..hik..

    5.Pak stat itu apa atau awstat ?kenapa setiap web selalu ada js srcrepts buat apa gimana bikinnya trus php dan data base mysql semua account mempunyai pasilitas ini katanya.?

    Terakhirnih..bener..! menurutmas gimana tentang server http://www.satria .com atau wordprees?
    Makasih sebelumnya.
    Wassalamu’alaikum

  15. #15 by Lukman at November 14th, 2007

    wah ngeborong nih…

    Coba Jawab:
    1 dan 2:

    satu dan dua kayaknya sama neh, jika anda download halaman stillcetek.com atau situs2 lain, anda hanya akan mendapatkan HTML,CSS,Javascript, dan images.

    HTML,CSS,Javascript khan hanya Client Side Scripting , emang boleh dilihat dari sisi client atau user. Sebenarnya bukan hanya file2 tersebut yang diupload ke server.

    Bisa saja anda membuat website hanya dengan file2 html,images,javascript atau css saja. tapi anda tidak akan bisa mengupdate secara langsung isi dari website anda, jika anda ingin merubah content website anda, anda harus mengupdate file2 html tersebut langsung keserver.

    sebab itu ada yang disebut Server Side Scripting, seperti PHP, ASP dll. file2 ini tidak akan bisa didownload (hanya ada disisi server). Untuk lebih jelas ya monggo pelajari mereka. dengan file2 ini kita bisa membuat CMS(Content Managament System) bekerja sama dengan database spt MYSQL, MSSQL dsb.

    3.
    Google atau mesin pencari biasanya akan mengindek halaman dengan kata kunci yang dicari. bagian2 yang diindek biasanya :

    Title, content, url dll.

    anda bisa menambahkan Tag meta di head file html anda

    
    meta name="generator"
    content="tutorial delphi,javascript,php,humor dll" 
    

    isi bagian content dengan rangkuman isi website anda.

    atau daftarkan website anda di google.

    4.
    hem yang ini saya sendiri blom pernah.

    5.
    stat atau awstat itu adalah aplikasi yang mencatat segala aktifitas diwebsite kita seperti pengunjung perhari, bulanan, halaman yang dikunjungi,berapa lama user mengakses halaman dsb. mungkin bisa dikatakan sebagai log. tuh http://www.satria .com, baca2 aja. atau biasanya jika anda beli server akan langsung ada awstatnya di cpanel.

    Ya untuk membuat web lebih interaktif memang dibutuhkan banyak ilmu spt javascript coba kunjungi http://internet.javascript.com/ atau saya biasa belajar disini http://w3schools.com/

    kalo anda membeli account server itu anda bisa mendapatkan apache (server dimana kode php bisa jalan) atau IIS (kode asp bisa jalan), mysql database atau MSSQL server, account email, SSH, FTP, dan Space Disknya. Itu tergantung anda berani bayar berapa berapa untuk mendapatkan semua fasilitas itu. Jika anda berminat beli server, domain, anda bisa hub saya.

    6.
    wordpress itu salah satu pengembang CMS, banyak yang menggunakanknnya untuk bloging. seperti stillcetek.com, CMS nya dari wordpress, cuma agak di customize dikit.

    Kode2 aplikasinya wordpress bisa didownload gratis ko di situsnya. nanti anda akan mendapatkan kode2 phpnya, satu template default, dan strutur database. Tinggal Install saja, anda mesen server saya nanti dikasih langsung CMSnya. Kalo mau tau lebih tentang wordpress silahkan pelajari langsung ke situsnya.

    Semoga membantu.

    Terus semangat buat belajar. Wassalam.

  16. #16 by sri at December 18th, 2007

    Assalamu’alaikum
    Blog ini baru muncul ato saya nya yang baru nemuin?dah lama lo nyari web indonesia yg ngebahas khusus ttng delphi,ada ketemu tp kyknya jarang diupload.jd pertanyaan2 yg diajukan ngangkrak gitu aja,gak diheranin.mg yg ini gak.
    sy lg kesulitan neh ngefilter data di report,bisa dibantu gak ya?insyaAllah tiap hari kerja saya cek.jd…yg ini dibls dulu,br besok kirim lg pokok permasalahannya.
    Wassalamu’alaikum

  17. #17 by Lukman at December 18th, 2007

    Hai mb sri

    baru dari bulan juni, semoga bermanfaat keberadaannya.

    silahkan jika mau berkonsultasi semoga saya bisa jawab, atau temen2 yang lain yang singgah bisa ikutan jawab.

    lagi kesulitan ngefilter data? pake database apa dan pake tools report yang mana? QuickReport?

  18. #18 by sri at December 19th, 2007

    Assalamu’alaikum
    Wuaah..senengnya langsung dijawab….
    sri lg buat sistem informasi pembayaran spp di suatu sekolah…pake database dekstop n lap pake quickreport.nah diform filter data laporan pembayaran spp ada radiogroup dgn 2 pilihan yaitu:mencetak lap berdsrkn kelas n mencetak lap berdsrkn bulan yg dipilih.wuaa..hh agak susah nee sri menggambarkannya dengan kata-kata.gmn klu sri krm lewat email aja desain formnya?

  19. #19 by Lukman at December 19th, 2007

    iya bisa kirim aja ke lukman@stillcetek.com.

  20. #20 by rohman at December 19th, 2007

    Assalamu’alaikum, wr.wb.
    mas lukman saya mau minta tolong dan bimbingannya agar mas lukman mau memberikan sebuah contoh program yang dibuat di delphi 7, contoh tersebut yang ada menu kemudian ada form yang bisa tampil sesuai dengan pilihan yang ada di menu. saya lagi belajar delphi dan memerlukan banyak contoh program. terima kasih sebelumnya. ini e-mailku bagi teman-teman yang lain yang dapat membantu saya: man2_serang@yahoo.com

  21. #21 by Lukman at December 19th, 2007

    Article respon mas rohman membuat-menu- aplikasi-di-delphi-7

  22. #22 by Lukman at December 19th, 2007

    Mb sri mungkin ini bisa membantu filter-data-database -paradok-di-delphi-7

  23. #23 by edi at January 14th, 2008

    menarik bgt..kalau buat form pake paint bisa to!!!

  24. #24 by andi at January 5th, 2009

    pak aku ingin belajar delphi kasi aku dong langkah-langkah pembelajaran untuk pemula pemula.

  25. #25 by wulida rochman at February 2nd, 2009

    assalaamu’alaykum.
    wah..terima kasih seklai buat tutorialnya mas :-) .
    Jadi pengen tak praktekin, btw, ini juga baru saja googling bisa masuk ke situs ini.

  26. #26 by andri at February 12th, 2009

    wah bagus bget infonya tentang skin delphi!!saya mau tanya nih untuk koneksi antar tabel gimana ya klo pke mysql?klo bisa aku minta file zip programnya ya dikirim?boleh ga? andriice@yahoo.co.id

  27. #27 by aGo3nG at March 15th, 2009

    mas, truz gemana neCh ikonnYa byar biza diKLik ntu gemana???
    bTw,, dimana sEch Letak komponen tabsheet??
    thank’z yEw….

  28. #28 by Cicy at June 27th, 2009

    lam kenal,aq dah baca tutorialnya.bagus-bagus mas dan sangat-sangat bermanfaat,mas aq udah KP bulan ini dan aq konsentrasinya di basisdata pengenya kalo TA make delphi7 tapi koneksikan ke SQLServer lg.gmn ya?kira-kira sulit g bwt programnya?soale aq blom memahami benar tentang delphi?dimana aq bisa melihat contoh-contoh program salah satu aplikasi yang mungkin bisa membantu aq nantinya,sBlumya makasih banyak…..

  29. #29 by arjuna_pv at July 1st, 2009

    sip2..
    desaina bagus..

    atau ada yang mau coba component TMS..?
    pake advlayer..fungsinya sm,,tp cuma klik2 aja…
    monggo dicoba…

  30. #30 by edotareksamben at August 13th, 2009

    selamat pagi?,, tlg buatkan saya form tercantik untuk vista,,trims smua….

  31. #31 by munawir syam at October 19th, 2009

    sip2….bro
    ty banget..

    artikelnya sanagat membantu buat aku yang newbe…hehhehe

  32. #32 by totok at January 18th, 2010

    lam knal buat smuanya q mo mnta tlong ada yg bisa bkinin pivot table pake delphi ga ya ?????

  33. #33 by saiful anwar at June 3rd, 2010

    dear all…..

    salam kenal untuk anda semua

    saya sedang dalam kesulitan dalam membuat program (multi user) yang dapat diakses oleh bayak user, database yang digunakan access 2003 dengan delphi 6 sebagai bahasa visualnya….. mohon bantuannya sobat semua

    sukses untuk kita semua

  34. #34 by saiful anwar at June 3rd, 2010

    bagus ‘n kreatip, tapi langkah-langkah untuk membuatnya bagaimana kirim aku langkah-langkahnya doong…makasih ya

  35. #35 by ahmad at July 10th, 2010

    keren juga tutorialnya…..
    makasih yaa… atas ilmunya….
    soalnya saya masih pemula dalam hal ini….
    jadi saya masih mo belajar yang banyak…
    tambah yaa tutorialnyaa…

(will not be published)