Mengubah tampilan IDE Lazarus seperti Delphi XE

Sebelumnya anda sudah mengenal Lazarus? Jika belum, akan saya kenalkan sedikit tentang IDE yang mirip dengan Delphi 7 kebawah ini. Lazarus adalah IDE (Integerated Development Environment) yang gratis dan open-source, yang sangat mirip sekali dengan Delphi. Bahkan Lazarus ini mempunyai fitur yang belum dimiliki Delphi (walaupun delphi versi terbaru sudah cross-platform, terbatas pada Windows, OSX, iOS dan android), yaitu dukungan cross-platform yang sangat banyak! Tidak terbatas seperti yang didukung oleh Delphi, namun Lazarus juga dapat compile program ke Linux, BSD, dan masih banyak lagi.
Namun tampaknya tampilan Lazarus akan tampak ‘kuno’, terlebih bagi anda yang sering menggunakan IDE Delphi versi diatas 7 (yang tampilannya sudah docked dan rapi seperti Visual Studio). Berikut adalah contoh perbandingan tampilan Lazarus dengan Delphi 2010 (dengan tambahan addon GeExpert dan CnPacks) yang ada di laptop saya  :malus

laz03

del2010_laz
Wew, tapi dengan sedikit modifikasi, saya dapat menyulap tampilan Lazarus jadi gini  :cool
exp1
exp2
Wew  :matabelo menarik bukan :D . Langsung saja langkah-langkah menyulap tampilan Lazarus agar bisa docked seperti Delphi versi terbaru.
Persyaratan

  • Lazarus versi 1.6 (jika anda masih mengunakan versi lama seperti 1.4.4, segera upgrade ke versi terbaru)
  • Kesabaran mengikuti tutorial :cool

Lalu hanya dengan paket lazarus mentahan? Bisa kok, ini alasannya:

  • Sebenarnya, pada lazarus versi sebelumnya sudah ada package IDE yang siap pasang bernama anchordocking (referensi disini). Dengan menginstall paket ini, sebetulnya anda sudah cukup untuk mengubah tampilan IDE menjadi docking. Namun masalah paling utama, yaitu designer form tidak terintergerasi langsung ke window IDE seperti pada Delphi terbaru, sehingga form yang di design ngambang dan hilang oleh window IDE. Hal ini bermasalah apabila anda membuat aplikasi GUI yang memerlukan desain form yang nyaman.
  • Pada Lazarus versi yang lebih baru, sudah ada paket freesparta yang mengatasi hal diatas untuk masalah designer form. Sebelumya, freesparta dibuat secara komersial, namun kini telah free & open-source, dan untungnya sudah di-include ke paket installasi Lazarus 1.6, walaupun tidak terintegerasi dalam IDE secara langsung.

Langkah-langkah pengerjaan

  1. Download dari link di atas dan install Lazarus 1.6 seperti biasalaz01
  2. Setelah selesai, buka Lazarus. Untuk pertama kali, IDE meminta pengaturan (kalo ga ada keperluan lain, bisa langsung aja klik Start IDE.laz02
  3. Lazarus akan terbuka dengan tampilan biasa  :cd laz03
  4. Sesuai permintaan anda mengganti tampilan, buka menu dan pilih Package > Install/Uninstall Packages …laz04
  5. Pertama, pilih paket anchordockingdsgn lalu klik Install selection (Untuk docking IDE seperti yang sudah saya bahas sebelumnya).laz05
  6. Setelah menambahkan, sekrang pilih paket sparta_dockedformeditor dan klik Install selection. Untuk memudahkan mencari, masukan saja kata kunci sparta pada filter diatasnya. Kemudian klik Save and rebuild IDE.laz06
  7. Karena kita akan menambah paket dalam IDE, maka IDE Lazarus harus di rebuild. Klik Continue untuk mulai merebuild. Tunggu proses hingga Lazarus restart.laz07
  8. Selesai direbuild, tampilan Lazarus sudah docked, namun tampilan masih kacau. Mulai dengan drag bagian header Object Inspector ke kiri, sehingga object inspector akan bergabung window IDE.laz08
  9. Setelah di drag, tampilan windows akan seperti ini. laz09
  10. Sekarang kita akan merombak toolbar IDE nya. Dari menu pilih Tools > Options. Kemudian pilih IDE CoolBar di bagian Environment. Centang Coolbar is visible, Toolbar grab style diganti ke Simple, Grab width jadi 1, serta pindahkan toolbar yang di baris kedua sejajar ke baris pertama (cukup di drag saja).laz10
  11. Pindah ke Component Pallete di bagian yang sama. Hilangkan saja centang Pallete is visible (ini akan menghilangkan palet komponen, tapi akan kita atasi berikutnya).laz11
  12. Hasilnya, toolbar akan muncul kembali dan pallet sudah kita hilangkan. :) laz12
  13. Sekarang akan kita munculkan lagi pallete komponen, tapi dengan bentuk yang lebih baik (seperti pada delphi versi teranyar). Yaitu dengan memilih View > Components dari menu (bisa juga dengan Ctrl+Alt+P). Setelah muncul, drag ke kanan window IDE supaya di docking dengan rapi.laz13
  14. Untuk memunculkan editor toolbar (tombol back-next pada editor), klik kanan pada object properties lalu pilih Options. Lalu pilih page Editor Toolbar dan centang Editor Toolbar is visible.laz14
  15. Karena dirasa tampak norak jika tiap window dalam docking punya caption yang tebal-tebal, klik kanan pada caption tersebut dan kosongkan centang Show headers (saran untuk sebelumnya, window log nya yang dibawah digeser ke tengah2, supaya object propety dan component pallete tidak tertutupi window log yang kepanjangan).laz15
  16. Beginilah hasilnya… :cool laz16
  17. Supaya menambah suasana Delphi, anda bisa mengubah object property dan editor seperti Delphi. Untuk Object Property, klik kanan pada Object Property dan pilih Options (seperti pada saat menambahkan editor toolbar tadi). Pilih saja tombol  Use default Delphi settings, lalu OK.laz17
  18. Untuk editor, klik kanan pada editor dan pilih Options. Pada page Colors, ganti saja bagian yang saya tunjuk dengan Delphi, lalu OK.laz18
  19. Nikmati Lazarus rasa Delphi   :matabelo laz19
    laz20

Selain untuk Windows, trik in sudah saya coba untuk Lazarus di Linux (saya menggunakan Debian 8 dengan DE Xfce).
lazlix2 lazlix1
Wew, bagaimana menurut anda? Keren kan?  :2thumbup Walaupun enggak persis sama, tapi cukup memudahkan anda yang sudah terbiasa menggunakan Delphi.
Dan pada akhirnya, semoga tutorial ini dapat membuat anda lebih betah berlama-lama ngoding di Lazarus. Oiya, jangan lupa subscribe blog ini dan follow twitter kami di @khayalansoft kalo gak mau ketinggalan artikel lain yang terupdate lainnya :shakehand2 . Keep calm and happy coding  :cool

Related Post

Konversi MIDI menjadi MP3 atau WAV dengan Foobar 2... Anda pernah mengkoleksi lagu-lagu instrumen yang berbentuk MIDI atau bahkan membuatnya, tapi tidak bisa diputar di pemutar musik kesayangan anda denga...
Past Project: Flappy Bird for PC remake Anda pasti pernah memainkan game ini yang sangat tenar pada masanya, dan bahkan saling adu banyak skor sehingga anda jadi lupa langit dan lupa daratan...
Mengganti Warna Address Bar dari Browser Chrome da... Anda pernah mengunjungi suatu blog atau situs ternama melalui browser seperti Chrome, lalu tiba-tiba Address Bar (atau juga sering disebut URL Bar) se...