Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Tutorial Delphi

West Borneo Blogger - Graphics User Interface (GUI) atau Antar Muka dalam dunia pemrograman merupakan hal yang mutlak diperlukan ketika membangun suatu aplikasi khususnya di bagian tampilannya. Antar Muka digunakan oleh user (pengguna) agar merasakan kemudahan dan kenyamanan saat berinteraksi diatas aplikasi yang dibuat, hal ini disebut dengan istilah "User Experience".

User Experience yang baik memungkinkan user merasakan pengalaman yang luar biasa saat menggunakan aplikasi yang dibuat tanpa adanya lost focus pada objek di form aplikasi.

Dalam merancang tampilan aplikasi, hal yang pertama dilakukan adalah dengan mendesain mockup aplikasi dengan menggunakan bantuan software khusus seperti Balsemiq Mockup 3 dan sejenisnya.

Jika kurang familiar, penulis merekomendasikan pembaca untuk menggunakan aplikasi desain grafis lain seperti Adobe Photoshop, Ilustrator, Corel ataupun Microsoft Paint.

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Jika pembaca merupakan orang yang sering update tentang dunia desain, apakah pembaca sudah tidak asing lagi dengan istilah "Flat Desain"? Ya, desain yang booming saat peluncuran Microsoft Windows 10. Desain ini sangat khas, simpel dan elegan sehingga menjadi kiblat desain modern saat ini. Hal tersebut didukung oleh maraknya desainer hingga kompetitor yang mengadopsi desain ini sebagai User Interface Aplikasinya.

Baca juga : Windows 10 mendapat penghargaan desain interface terbaik

Sesuai topik bahasan di artikel kali ini, penulis akan membagikan sedikit ilmu tentang contoh Desain Antar Muka Aplikasi khusus Program Delphi 7. Sebelum masuk lebih dalam, sebaiknya pembaca pernah menggunakan Delphi 7 atau minimal pernah menginstall dan membuka aplikasi ini.

Sedikit penjelasan tentang Delphi 7, Delphi merupakan bahasa pemrograman berbasis Windows yang menyediakan fasilitas pembuatan aplikasi visual seperti Visual Basic. Delphi memberikan kemudahan dalam menggunakan kode program, kompilasi yang cepat, penggunaan file unit ganda untuk pemrograman modular, pengembangan perangkat lunak, pola desain yang menarik serta diperkuat dengan bahasa pemrograman yang terstruktur dalam bahasa pemrograman Object Pascal. Delphi memiliki tampilan khusus yang didukung suatu lingkup kerja komponen Delphi untuk membangun suatu aplikasi dengan menggunakan Visual Component Library (VCL). Sebagian besar pengembang Delphi menuliskan dan mengkompilasi kode program dalam IDE (Integrated Development Environment).

Dengan berbagai kelebihan yang tertera di atas, ternyata terdapat kelemahan yaitu pada bagian tampilan program. Tampilan program yang cenderung masih klasik membuatnya mendapatkan nilai minus jika dipandang dari sisi GUI, walaupun hal tersebut masih bersifat relatif, artinya tidak semua berpandangan demikian.

Pembaca dapat lihat seperti gambar di bawah ini. Tampilan yang klasik menjadikan hal yang membosankan (mohon maaf) saat di pandang.

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Bagaimana mungkin tampilan yang seperti ini dapat dipublish, dijadikan Tugas Akhir atau dibuat Skripsi?

Untuk itu, seperti yang tertera di blog Tekno Borneo bahwa terdapat contoh desain yang dapat dijadikan sebagai referensi dalam membangun program aplikasi di Delphi 7. Penulis dapat membuat GUI dengan sedikit plagiasi dan modifikasi dengan meniru tampilan aplikasi yang sudah mendunia, seperti produk-produk Google, Microsoft, Avast dan lain sebagainya.

Berikut ini tiga model desain dari blog yang menggunakan prinsip tampilan lebih modern :

**1. Form Pembukaan atau Splash Screen ala Microsoft Office**

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Merupakan form pembuka seperti saat pertama kali menjalankan Microsoft Office 2016. Bubuhi short information di dalamnya seperti nama aplikasi dan Copyright aplikasi.

**2. Form Login dengan desain background ala instagram.**

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Form Delphi 7 juga dapat dibuat dengan warna bergradasi. Pastinya menggunakan coding/bukan menggunakan gambar.

3. Form Menu dengan desain Metro UI ala Windows 10

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Desain interaktif dan dinamis dapat dimanfaatkan dalam membangun aplikasi. Dengan memanfaatkan ruang kosong saat proses transisi pada kotak-kotak Metro UI, sehingga penempatan informasi lain seperti gambar dan teks dapat diletakkan secara maksimal (tidak terkesan kumuh).

4. Form Beranda dengan desain Modern UI ala Android

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

Sedikit plagiasi dan modifikasi GUI Google Keep dan Telegram Apps, membuat tampilan baru yang lebih elegan.

Itulah tiga buah contoh desain Antar Muka yang diharapkan dapat memanjakan pengguna saat menggunakan aplikasi yang dibuat. Tidak hanya memanjakan namun juga mendapatkan nilai plus dari sisi User Experience.

Artikel ini bukan bertujuan untuk menghakimi, menjudge atau mungkin memotong dan menurunkan semangat pembaca dalam berkreasi, karena balik lagi kepada hukum estetika, bahwasanya tampilan yang bagus itu bersifat relatif. Artinya ada orang yang bilang ini bagus namun ada juga yang beranggapan ini buruk. Namun yakinlah bahwasanya perkembangan teknologi selalu berbanding lurus dengan perkembangan zaman, dengan kata lain jika yang klasik telah memiliki tempat di masanya, maka kita selaku pengguna yang masih memainkan benda klasik tersebut di generasi saat ini, dapat menyulap itu menjadi hal yang luar biasa atau mungkin lebih bagus dari yang muncul di generasi sekarang.

Blog West Borneo Blogger tidak menyediakan pembaca untuk mendapatkan project seperti gambar di atas, namun penulis akan memandu pembaca yang budiman untuk membuat hal yang (relatif) sama seperti di atas dengan memposting hal-hal terkait pada artikel berikutnya.

Lanjut Membaca :
1. Desain Programku Tidak Seklasik Desain Miliknya >> (Artikel Dasar di Blog Tekno Borneo)
2. Membuat Efek Live Gradasi di Form Delphi 7 >> Artikel Selanjutnya

Follow blog ini jika ingin mendapatkan informasi lebih lanjut. West Borneo Blogger - #YourPartnerTobeAMaster.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Referensi :

http://www.teknoborneo.com/2017/08/desain-program-delphiku-tidak-seklasik.html

Desain Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik

4/ 5

Oleh Rangga Saputra

Rangga Saputra Komentar