Membuat Deklarasi Variabel dan konstanta Pada Delphi 7

Variabel dan Konstanta Delphi 7
Variabel dan Konstanta Delphi 7

Membuat Deklarasi Variabel Pada Delphi 7 – variabel adalah sebuah wadah yang digunakan untuk menyimpan suatu nilai secara sementara. Variabel memerlukan deklarasi berupa tipe data yang akan digunakan. Adapun tipe data yang dapat digunakan antara lain adalah untuk menyimpan nilai angka, huruf maupun kalimat. Untuk membuat sebuah variabel di Delphi 7, maka langkah pertama yang dibutuhkan adalah melakukan deklarasi variabel terlebih dahulu.
Sedangkan konstanta adalah tempat penyimpanan nilai dimana nilai yang digunakan bersifat tetap (tidak dapat diubah-ubah).

Sebelum melanjutkan membaca lebih baik baca dulu : Tipe-tipe data dalam pemrograman

Syarat penamaan variabel yaitu:

  1. Diawali huruf, boleh terdiri dari huruf dan angka
  2. Tidak boleh menggunakan spasi
  3. Maksimum terdiri dari 255 karakter (saran penulis jangan memberikan nama variabel terlalu panjang untuk mempermudah)
  4. Tidak boleh menggunakan karakter khusus (+,*,! dan lain-lain)

Variabel dalam Delphi 7.0 mempunyai wilayah hidup sesuai dengan tempat pendeklarasiannya. Ruang liingkup variabel hanya dapat digunakan pada suatu procedure atau function, dapat juga dijangkau dalam satu unit dan juga dapat dijangkau dalam satu project. Dalam hal ini variabel dibagi 2 berdasarkan tempat pendeklarasiannya yaitu variabel lokal dan variabel global.


Variabel Lokal

Variabel yang dideklarasikan dalam sebuah procedure atau function sehingga hanya
procedure atau function itu saja yang dapat menggunakannya.

procedure TForm1.EtertulisChange(Sender: TObject);
var
   nilai1, nilai2 : integer; //variabel bersifat local hanya bisa dikenali oleh procedure itu sendiri
begin
end;


Variabel Global

Variable yang dideklarasikan pada bagian public atau private. Perbedaan dengan variabel lokal adalah variabel global dapat digunakan oleh procedure atau function yang ada di dalam unit tersebut (ingat setiap event pasti akan membuat sebuah procedure baru). Jika variabel ditulis pada bagian private, maka variabel tersebut tidak dapat digunakan atau diakses oleh unit lain. Jika variabel dituliskan pada bagian public, maka variabel tersebut dapat digunakan atau diakses dari unit lain.

private
  { Private declarations }
Public
  nilai1, nilai2 : integer;
  { Public declarations }
end;

Variabel dengan tipe data integer

Tipe data integer merupakan tipe data bilangan bulat yang hanya mengenal bilangan desimal. Dimana tipe data Integer tidak mengenal pecahan.

var
teknoborneo : integer;
begin
  teknoborneo := 5000;
end;

Variabel dengan tipe data Real

Tipe data real adalah tipe data dari suatu tanda pengenal selain mengenal bilangan bulat utuh tipe data ini juga mengenal nilai angka pecahan.

var
teknoborneo := real;
begin
  teknoborneo := 20,5;
end;


Tipe Data String

Tipe data string merupakan salah satu jenis tipe data selain mengenal angka, disini tipe data dapat juga mengenal data berupa huruf maupun tanda baca.

var
teknoborneo : string;
begin
  teknoborneo := 'Anton';
end;


Tipe Data Char

Secara fungsi, tipe data char sama dengan tipe data string tetapi dari segi kapasitas ruang diperoleh tipe data char jauh lebih sedikit karena hanya mengenal 1 karakter.


Deklarasi Konstanta

Deklarasi konstanta adalah tanda pengenal dalam Delphi yang mempunyai nilai yang sudah tetap. Definisi konstanta diawali dengan kata baku Const diikuti dengan kumpulan idetifier yang diberi sebuah nilai.

procedure TForm1.EtertulisChange(Sender: TObject);
const
  teknoborneo := '30000';
begin
end;


Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Or

Belajar Delphi 7 Dasar dan Pengenalan Untuk Pemula Lengkap Sampai Mahir

Apa itu Delphi?

Belajar Delphi 7 Dasar Untuk Pemula Lengkap Sampai Mahir – Delphi merupakan bahasa pemrograman visual berbasis bahasa Pascal yang berjalan di dalam sistem operasi Microsoft Windows. Delphi adalah IDE (Integrated Development Environment) yang digunakan untuk menuliskan kode program kemudian mengcompilenya menjadi sebuah program aplikasi. Perbedaan yang sangat mencolok dengan bahasa pemrograman pascal yaitu Delphi merupakan program yang berorientasi ke objek sedangkan Pascal masih bersifat struktural.

Begitu pula dalam penggunaannya, Delphi lebih mudah digunakan dibandingkan dengan pascal karena Delphi menyediakan cukup banyak pilihan komponen interface pada programnya. Komponen-komponen tersebut memiliki fungsi dan tugasnya masing-masing, misalnya komponen label untuk menampilkan tulisan, edit text digunakan untuk memberikan inputan baik angka, huruf maupun simbol, button digunakan untuk membuat tombol dan masih banyak komponen lain yang dapat digunakan pada aplikasi ini.

Pengguna hanya perlu memilih dan memasukkan komponen kedalam form aplikasi, serta menambahkan sedikit kode program didalam komponen tersebut tanpa harus mengetahui bagaimana komponen tersebut terbentuk dari ratusan bahkan ribuan baris-baris kode program.


Membuka Aplikasi

Klik Windows Button  – Programs – Borland Delphi 7 – Delphi 7


Mengenal Komponen Pallete

Belajar Delphi 7 Dasar dan Pengenalan Untuk Pemula Lengkap Sampai Mahir
Belajar Delphi 7 Dasar dan Pengenalan Untuk Pemula Lengkap Sampai Mahir

Fungsi dari elemen-elemen di atas adalah:
1. Object Inspector
suatu window yang berguna untuk mengatur suatu object baik properti,
events dan method.

2. Component Pallete
Componen Pallete adalah layar yang berisikan komponen-komponen yang dipakai dalam
program.

3. Form Designer
Form Designer berfungsi untuk merancang aplikasi yang akan kita buat atau untuk desain interface program yang akan dibuat.

4. Menu
Menu pada Delphi memiliki kegunaan yang sama pada aplikasi yang terdapat pada windows, seperti Open, save, run, remove, add component dan lain lain.

5. Speed Bar
Spead Bar atau Toolbar menggantikan beberapa menu yang sering digunakan seperti menggantikan item menu contohnya, tombol kiri atas adalah penganti File New, sedangkan tombol disebelah kanan adalah pengganti menuFile Open.

6. Code Explorer/ Code Editor
Code Explorer atau Code Editor adalah tempat untuk menuliskan kode program dalam bahasa Object pascal.

7. Object TreeView
Object TreeView untuk menampilkan semua nama komponen yang sudah diletakan pada form designer.


Menggunakan Komponen kedalam Form

Belajar Delphi 7 Dasar dan Pengenalan Untuk Pemula Lengkap Sampai Mahir
Belajar Delphi 7 Dasar dan Pengenalan Untuk Pemula Lengkap Sampai Mahir

1.    Klik komponen label
2.    Letakkan pada form
3.    Klik komponen edit text
4.    Letakkan pada form disebelah kanan label
5.    Klik komponen button
6.    Letakkan pada form dibawah edit text


Menyimpan Project

1.    Klik File
2.    Klik Save Project As
3.    Simpan unit form
4.    Simpan project (nama project sesuai keinginan)


Menjalankan Program

Klik Icon Run atau tekan F9 pada keyboard.


Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Or

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10 – Pernahkah kalian memperhatikan bagaimana perubahan yang secara signifikan tampil pada Microsoft Windows 8, 8.1 dan 10? Yah, perubahan yang paling eksplisit adalah pada bagian tampilan Start Menu. Perubahan yang menuai pro dan kontra bagi kalangan pengguna Microsoft Windows dimana lebih dari 10 tahun Start Menu yang melegenda akhirnya digantikan dengan tampilan yang “katanya” lebih modern, yang disebut dengan nama Metro UI atau Modern UI ala Windows 10. Tampilan menu kotak persegi maupun persegi panjang dengan warna-warni yang sangat kontras menjadikan tampilan ini tampil lebih fresh dan tentunya disukai bagi anak-anak pula.

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10
Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10

Button dan icon yang digunakan untuk mengakses berbagai aplikasi akhirnya disulap dengan Menu Metro UI yang desainnya Flat. Perubahan besar ini bahkan memberikan dampak positif bagi dunia desain grafis dan akhirnya Windows 10 diberikan penghargaan desain terbaik.

Baca Juga : Windows 10 Mendapatkan Penghargaan Desain Terbaik

Dengan latar belakang ini, penulis ingin membagikan kepada pembaca tentang cara membuat Menu Metro UI pada aplikasi Borland Delphi 7, yang tentunya mengadopsi dari desain Flat ala Windows 10 tersebut.

  • Buka aplikasi Borland Delphi 7.
  • Buat sebuah project dengan nama “prjmetro_menu”.
  • Tambahkan sebuah form dengan nama “frmmetro_menu”.
  • Atur form dengan format sebagai berikut.
Properties
Value
Caption
Metro Menu
Color
clBtnFace
+ Font
Color
Name
Size
clWhite
Trebuchet MS
12
Height
473
Name
Frmmetro_menu
Width
830

  • Tambahkan empat buah panel dimana panel-panel tersebut berperan sebagai wadah untuk Flat Menu.
  • Berikut ini adalah format dari keempat Panel tersebut.

Panel 1

Properties
Value
BevelOuter
bvNone
Caption
.
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Wingdings 2
40
+ Style
fsBold
True
Height
377
Left
24
Name
pnllaporan_dan_statistik
ParentCl3D
False
ParentFont
False
Top
24
Width
377

Panel 2

Properties
Value
BevelOuter
bvNone
Caption
N
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Wingdings 2
40
+ Style
fsBold
True
Height
184
Left
408
Name
pnltentang_pengguna
ParentCl3D
False
ParentFont
False
Top
24
Width
377

Panel 3

Properties
Value
BevelOuter
bvNone
Caption
V
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Webdings
35
+ Style
fsBold
True
Height
185
Left
408
Name
pnlnotifikasi
ParentCl3D
False
ParentFont
False
Top
216
Width
185

Panel 4

Properties
Value
BevelOuter
bvNone
Caption
]
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Wingdings
40
+ Style
fsBold
True
Height
185
Left
600
Name
pnlpengaturan
ParentCl3D
False
ParentFont
False
Top
216
Width
185

Jika panel-panel tersebut selesai diatur, maka akan tampil seperti gambar dibawah ini.

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10
Panel Metro UI
  • Tambahkan empat buat label, masing-masing label diletakkan didalam panelnya masing-masing. Ingat diletakkan kedalam panel, bukan hanya ditimpakkan ke atas panel. 

Label 1

Properties
Value
Align
alBottom
Alignment
taCenter
Autosize
False
Caption
Laporan && Statistik
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Trebuchet MS
12
Height
33
Layout
tlCenter
Left
0
Name
Label1
Transparent
True
Width
377

Label 2

Properties
Value
Align
alBottom
Alignment
taCenter
Autosize
False
Caption
Tentang Pengguna
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Trebuchet MS
12
Height
33
Layout
tlCenter
Left
0
Name
Label2
Transparent
True
Width
377

Label 3

Properties
Value
Align
alBottom
Alignment
taCenter
Autosize
False
Caption
Notifikasi
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Trebuchet MS
12
Height
33
Layout
tlCenter
Left
0
Name
Label3
Transparent
True
Width
185

Label 4

Properties
Value
Align
alBottom
Alignment
taCenter
Autosize
False
Caption
Pengaturan
Color
$00800040
Ctl3D
True
Cursor
crHandPoint
+ Font
Color
Name
Size
clWhite
Trebuchet MS
12
Height
33
Layout
tlCenter
Left
0
Name
Label4
Transparent
True
Width
185

Setelah label ditambahkan kedalam Panel, maka tampilannya akan tampak seperti gambar dibawah ini.

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10
Label didalam Panel
  • Terakhir jalankan program tersebut dengan menekan tombol F9 pada keyboard.
  • Pembaca juga dapat mengganti font icon pada Panel tersebut dengan menggunakan icon buatan sendiri dengan dibantu software editing gambar seperti Adobe Photoshop, Illustrator maupun CorelDraw.

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

<< Kembali : Ke Artikel yang Lebih Lengkap

Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik

Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik – Pernahkan pembaca melihat menu navigasi yang terletak disebelah kanan atau kiri dari form aplikasi? Jika belum mari buka Smartphone Android pembaca kemudian buka aplikasi misalnya BBM atau telegram. Kalaupun tidak punya keduanya mungkin pembaca dapat membuka aplikasi Google Mail (Gmail) yang pastinya sudah terinstall secara default di smartphone Android.
Pada bagian pojok kiri atas, terdapat icon (gambar) yang mana icon ini memiliki arti Open Menu Navigation. Nah, saat terbuka akan tampak begitu banyak menu yang tersaji disana. Saat diklik, menu tersebut akan membuka form lain yang tentunya sesuai dengan nama pada button menu tersebut. Maka dari itu, model menu inilah yang penulis sebut dengan nama “Sidebar Menu”.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik

Untuk membuat menu ini, pembaca hanya memerlukan Panel dan Label yang akan dijelaskan secara rinci dibawah ini.

  • Buka aplikasi Borland Delphi 7.
  • Buat sebuah project dengan nama “prjsidebar_menu”.
  • Tambahkan sebuah form dengan nama “frmsidebar_menu”.
  • Atur form frmsidebar dengan detail sebagai berikut.
Properties
Value
Caption
Sidebar Menu
Color
clBtnFace
+ Font
Color
Name
Size
clWindowText
Trebuchet MS
13
Height
476
Name
frmsidebar_menu
Width
928

  • Jika sudah dibuat, kemudian tambahkan sebuah Panel yang kemudian diletakkan ke posisi paling kiri pada form. Berikut ini detail pengaturannya.
Properties
Value
BevelOuter
bvNone
Caption
Color
clWhite
Height
437
Left
0
ParentFont
False
Top
0
Name
pnlmenu
Width
217
Maka akan tampil seperti gambar dibawah ini.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Peletakan Panel pnlmenu
  • Tambahkan 6 buah label dengan beberapa pengaturan properties yang sama. 6 buah label ini disimpan kedalam Panel pnlmenu, jangan diluarnya. Adapun nilai yang dapat di set adalah sebagai berikut.

Pengaturan Semua Label
Properties
Value
Autosize
False
Color
cl3DLight
Cursor
crHandPoint
Height
52
Layout
tlCenter
Left
-1
ParentColor
False
ParentFont
False
Transparant
True
Width
217
Pengaturan Label 1
Properties
Value
Caption
  Beranda
Name
btnberanda
Top
8

Pengaturan Label 2
Properties
Value
Caption
  Simpan Halaman
Name
btnsimpan_halaman
Top
64

Pengaturan Label 3
Properties
Value
Caption
  Halaman Koran
Name
btnhalaman_koran
Top
120

Pengaturan Label 4
Properties
Value
Caption
  Edisi Khusus
Name
btnedisi_khusus
Top
176

Pengaturan Label 5
Properties
Value
Caption
  Pengguna
Name
btnpengguna
Top
237

Pengaturan Label 6
Properties
Value
Caption
  Pengaturan
Name
btnpengaturan
Top
293
Catatan : Tambahkan dua spasi didepan Caption agar tulisan tidak tampak menempel pada bingkai form.
  • Tambahkan lagi Label didalam Panel pnlmenu yang fungsinya sebagai garis batas sisi kanan.
Properties
Value
Align
alRight
Autosize
False
Color
clMoneyGreen
Height
437
Left
216
ParentColor
False
Top
0
Width
1
  • Setelah itu tambahkan lagi label untuk pembatas antar menu yang berbeda jenisnya.
Properties
Value
Autosize
False
Color
clMoneyGreen
Height
1
Left
0
ParentColor
False
ParentFont
False
Top
232
Width
217
  • Terakhir tambahkan lagi sebuah Label yang digunakan untuk signature application.
Properties
Value
Align
alCustom
Alignment
taCenter
Autosize
False
Caption
Copyright © 2017 | Rangga Saputra Teknoborneo.com
Color
cl3Dlight
+ Font
Color
Name
Size
clGray
Trebuchet MS
8
Height
35
Left
0
ParentColor
False
ParentFont
False
Top
390
Transparent
True
Width
217
WordWrap
True

Jika langkah-langkah diatas telah diselesaikan, maka tampilan Sidebar Menu Navigation akan tampak seperti gambar dibawah ini.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Sidebar Menu yang telah selesai dibuat
Pembaca bisa mendapatkan project ini pada blog Tekno Borneo ini.

<< Kembali : Ke artikel yang lebih lengkap

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Cara Membuat Menubar, MainMenu, Menu di atas Form Pada Delphi 7

Cara Membuat Menubar, MainMenu, Menu di atas Form Pada Delphi 7 – Menu jenis ini sangat cocok untuk memanggil form yang terdapat sub formnya. Misalnya menu “Kendaraan” >> memiliki sub menu “Kendaraan Masuk”, “Kendaraan Keluar” dan “Laporan Kendaraan”.

  1. Buka Aplikasi Borland Delphi 7.
  2. Buat sebuah project baru dengan nama “prjmenubar” dan sebuah form dengan nama “frmmenubar”.
  3. Klik tab Toolbar Standar pada Component Palette, kemudian pilih komponen MainMenu (Menus).
    Komponen MainMenu (Menus) pada Component Palette
  4. Letakkan komponen MainMenu kedalam form frmmenubar yang mana posisi peletakan bebas dimanapun asal tetap dalam bingkai form tersebut.
  5. Klik kanan pada komponen MainMenu tadi, kemudian pilih Menu Designer sehingga akan tampil jendela PopUp.
    Menu Designer komponen MainMenu
  6. Atur properties seperti panduan berikut ini.
    Atur Properties Komponen MainMenu
Menu 1
Properties
Value
Caption
File
Name
File1

Sub Menu 1
Properties
Value
Caption
&Open
Name
Open1

Sub Menu 1
Properties
Value
Caption
&Exit
Name
Exit1

Menu 2
Properties
Value
Caption
Kendaraan
Name
Kendaraan1

Sub Menu 2
Properties
Value
Caption
Kendaraan Masuk
Name
KendaraanMasuk1

Sub Menu 2
Properties
Value
Caption
Kendaraan Keluar
Name
KendaraanKeluar1

Menu 3
Properties
Value
Caption
Bantuan
Name
Bantuan1

Sub Menu 3
Properties
Value
Caption
Tentang Aplikasi
Name
TentangAplikasi1

Sub Menu 3
Properties
Value
Caption
Kontak Kami
Name
KontakKami1

Jika semua langkah telah dilakukan maka hasilnya akan tampak seperti gambar dibawah ini
Hasil yang telah jadi
Pembaca bisa mendapatkan project ini pada blog Tekno Borneo
Perlu diketahui bahwa sebelum membuat MenuBar ada baiknya pembaca melakukan riset terlebih dahulu mengenai banyaknya form maupun sub form yang akan digunakan. Riset ini memerlukan analisis yang baik sebab menurut pengalaman pribadi, terkadang setelah menubar telah selesai dibuat bahkan telah selesai juga dikoding, ternyata ada form-form yang mesti ditambah. Hal ini mungkin tidak terlalu menjadi masalah jika aplikasi yang dibangun masih dalam skala kecil. Namun bagaimana jika aplikasi yang dibangun memiliki skala yang besar? Bayangkan jika salah penempatan saat membuat menu. Dimana sub menu X seharusnya pada menu A, ternyata salah letak dan dibuat pada Menu B. Kemudian semuanya telah di koding sempurna, tentu akan menjadi hal berbahaya.
Maka dari itu fokus, perhatikan dan catat terlebih dahulu apa yang akan dibuat.
Berikut ini Contoh MenuBar yang Standar dibuat :
File | Data Entry | Help | LogOut
Keterangan :
File > Exit
Data Entry > Form 1, Form 2, Form 3 …
Help > About Application, Contact Us
Logout > Logout

<< Kembali Ke Artikel Lengkap

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern

Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern – Begitu banyaknya form aplikasi yang dibuat sehingga application designer harus menemukan cara baru dalam mengaksesnya. Cara yang paling ideal dalam mengakses form-form aplikasi adalah dengan membuat Menu Navigasi yang mana konsepnya sama seperti Menu Navigasi pada sebuah Website.
Jika dalam mengakses tiap-tiap laman website harus membutuhkan alamat addressnya, maka berbeda dengan mengakses form-form aplikasi pada Delphi. Kita hanya membutuhkan name dari setiap form yang akan kita panggil, kemudian menyematkannya pada Menu Navigasi yang akan kita buat nantinya.

Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
Metro UI Menu

Materi Bahasan :
  1. MainMenu atau Menubar
  2. SideBar Menu
  3. Metro UI Menu
*Klik nomor bahasan diatas untuk menuju ke artikel yang bersangkutan

Sedikit gambaran, bahwa dalam membuat Menu Navigasi terbagi menjadi 2 jenis :
  1. Menu Navigasi Utama
  2. Sub Menu Navigasi
Menu yang dimaksud disini adalah bukan Ribbon Menu yang seperti terdapat pada Microsoft Office yang pada notabenenya digunakan untuk memanggil fitur-fitur, sedangkan Menu yang akan kita buat adalah Menu Navigasi yang dikhususkan untuk memanggil Form-form.
Mengenai perbedaan antara Menu Utama dan Sub Menu yang dirasa tidak begitu penting, ternyata sangat berpengaruh terhadap desain yang akan kita buat. Bagaimana tidak, jika sebuah Menu Utama yang hanya terdiri dari satu form utama misalnya “Menu Pengguna” dibandingkan dengan menu yang terdiri dari banyak sub menu misalnya “Report” yang terdiri dari puluhan “sub menu report” maka diperlukan perlakuan berbeda antara kedua jenis Menu ini. Sebab jika salah desain maka hasilnya akan menyebabkan kumuhnya tampilan Interface yang dibuat.


MENU NAVIGASI DENGAN MAINMENU ATAU MENUBAR DI DELPHI 7

Menu ini sangat cocok untuk memanggil form yang terdapat sub formnya. Misalnya Menu “Kendaraan” > Memiliki Sub Menu “Kendaraan Masuk”, “Kendaraan Keluar”, “Laporan Kendaraan”
  1. Buka aplikasi Borland Delphi 7.
  2. Buat sebuah project baru dengan nama “prjmenubar” dan sebuah form dengan nama “frmmenubar”.
  3. Klik tab Toolbar Standard pada Component Palette, kemudian pilih komponen MainMenu (Menus).
  4. Letakkan komponen tersebut kedalam form frmmenu. Posisi peletakan bebas dimanapun.
  5. Klik kanan pada komponen MainMenu tadi, kemudian klik Menu Designer sehingga tampil jendela PopUp. Maka Aturlah sesuai keinginan.
  6. Berikut ini adalah tampilan yang telah penulis buat.
    Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
    Main Menu / Menubar
  7. Jalankan program tersebut dengan menekan tombol F9 pada Keyboard.


MENU NAVIGASI DENGAN PANEL ATAU SIDEBAR MENU DI DELPHI 7

Menu ini sangat cocok untuk pemanggilan form induk atau form yang hanya terdiri dari satu buah form tanpa ada lagi sub form lainnya. Misalnya Menu “Petugas”.
  1. Buka aplikasi Borland Delphi 7.
  2. Buat sebuah project baru dengan nama “prjsidebar_menu” dan sebuah form dengan nama “frmsidebar_menu”.
  3. Klik tab Toolbar Standar pada Component Palette, kemudian pilih komponen Panel.
  4. Letakkan komponen panel tersebut kedalam form frmsidebar_menu. Karena ini meripakan Menu Navigasi pada bagian Sidebar, maka posisikan menu tersebut pada sebelah kiri. Pembaca juga dapat meletakkannya disebelah kanan jika ingin tampil beda.
  5. Aturlah jumlah, posisi dan properti pada masing-masing panel.
  6. Menu Navigasi yang telah jadi akan tampak seperti gambar dibawah ini.
    Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
    Sidebar Menu
  7. Jalankan program tersebut dengan menekan tombol F9 pada Keyboard.
  8. Nah, bagaimana? Begitu modern kan? Tampilan ini dapat pembaca improvisasi sendiri seperti gambar dibawah ini.
    Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
    Sidebar Menu Modern



MENU NAVIGASI DENGAN PANEL ALA METRO UI/ MODERN UI WINDOWS 10

Menu ini begitu futuristik dengan desain yang tegas. Penggunaan komponen Panel yang sisinya sama besar membuat tampilannya ini seperti Start Menu pada Windows 10. Jika pembaca memiliki keahlian dalam membuat gambar vektor dengan desain flat, maka hal tersebut dapat menjadi nilai plus untuk menjadikan menu ini begitu indah dipandang.
  1. Buka aplikasi Borland Delphi 7.
  2. Buat sebuah project baru dengan nama “prjmetro_menu” dan sebuah form dengan nama “frmmetro_menu”.
  3. Klik tab Toolbar Standar pada Component Palette, kemudian pilih komponen Panel.
  4. Pembaca harus memiliki keahlian atau kemampuan dalam meletakkan panel-panel ini agar tidak tampak kumuh atau tumpang tindih.
  5. Sebagai desainer yang profesional, penulis mengharapkan pembaca untuk memiliki keterampilan dalam menggunakan aplikasi editing gambar seperti Adobe Photoshop, Illustrator, Corel atau sejenisnya untuk membuat gambar verktor dengan desain Flat. Langkah ini digunakan untuk membubuhkan icon pada tiap-tiap Panel yang tersedia.
  6. Menu Navigasi yang telah jadi akan tampak seperti gambar dibawah ini.
    Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
    Metro UI Menu
  7. Jalankan program tersebut dengan menekan tombol F9 pada Keyboard.
Pembaca juga bisa mengkolaborasikan ketiga jenis menu diatas jika diperlukan, tentunya dengan kreatifitas masing-masing.

Lihat Artikel Serupa >>

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Membuat Form Login dengan Desain Modern di Delphi 7 “Sederhana”

Membuat Form Login dengan Desain Modern di Delphi 7 “Sederhana” – Membuat Form Login dengan Desain Modern di Delphi 7 adalah artikel yang membahas tentang pembuatan form login yang dikhususkan pada langkah-langkah dalam mendesainnya. Adapun berbagai aspek yang perlu diperhatikan saat membuat form ini bukanlah tentang penggunaan komponen-komponen yang bersifat tambahan atau mendownload skin tambahan, namun melainkan tentang bagimana pembaca memanfaatkan berbagai komponen-komponen dasar yang telah disediakan oleh Delphi 7 itu sendiri sebagai objek antar muka dalam form login ini.

Membuat Form Login dengan Desain Modern di Delphi 7 “Sederhana”Berfokus pada tampilan antar muka form login, berarti pembaca diarahkan untuk berimajinasi keras tentang objek apa yang akan disuguhkan kepada pengguna program saat program tersebut dijalankan untuk pertama kalinya. Disisi lain penggunaan warna yang harus harmoni terhadap tema maupun isi dari program tersebut, membuat pembaca harus melakukan eksperimen beberapa kali guna untuk mendapatkan citra warna terbaik untuk diaplikasikan kepada antar muka form login ini.
Membuat Form Login dengan Desain Modern di Delphi 7 "Sederhana"
Membuat Form Login dengan Desain Modern di Delphi 7 “Sederhana”
Bagaimana dengan pembaca yang tidak memiliki jiwa desainer? Apakah tetap bisa membuat form login seperti halnya gambar thumbnail pada artikel ini?
Nah, sebenarnya artikel ini ditulis bukan sekedar tulisan belaka yang hanya memberikan penjelasan tanpa praktik percobaan. Penulis akan memandu dan membantu pembaca agar dapat membuat form login sebagaimana gambar dari thumbnail artikel ini, walaupun pada praktiknya nanti kemungkinan tidak 100% persis.

Baiklah, adapun Langkah-Langkah Yang Perlu Dilakukan Untuk Membuat Form Login Dengan Desain Modern Di Delphi 7 Antara Lain Sebagai Berikut

Membuat Form Login dengan Desain Modern di Delphi 7 "Sederhana"
Gambar 1 – Desain interface login


Cara menambahkan maupun setting project dan form :

  1. Buka Borland Delphi 7, kemudian buat project baru dengan nama “prjdesain_login”.
  2. Tambahkan sebuah form (form1) kemudian atur properties form1 tersebut seperti tabel di bawah ini.
    Properties
    Value
    Caption
    Form Login
    Color
    $00FF3C9D
    + Font
         Name
         Size
    Trebuchet MS
    12
    Heigh
    537
    Name
    Frmform_login
    Width
    1062
    WindowsState
    wsNormal

Komponen yang dibutuhkan untuk membuat objek antar muka form login antara lain sebagai berikut : (Urutan nomor tutorial di bawah ini sama dengan urutan nomor yang terdapat di gambar 1)
  1. Tambahkan sebuah Panel, caranya klik tab Standard pada Component Palette – Klik Panel – Atur Propertiesnya seperti dibawah ini :
    Properties
    Value
    BevelOuter
    bvNone
    Color
    clWhite
    Heigh
    345
    Left
    372
    Name
    pnlbg_login
    Top
    80
    Width
    313
    Catatan : Panel ini dijadikan sebagai wadah untuk menempatkan komponen-komponen selanjutnya.
  2. Tambahkan label kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik label – Atur Propertiesnya seperti dibawah ini : 
    Properties
    Value
    Alignment
    taCenter
    AutoSize
    False
    Caption
    Sistem Terproteksi
    Color
    $00800040
    Heigh
    62
    Layout
    tlCenter
    Left
    0
    Name
    lblket
    Top
    0
    Transparent
    False
    Width
    313

  3. Tambahkan label lagi kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik label – Atur Propertiesnya seperti dibawah ini : 
    Properties
    Value
    Alignment
    taCenter
    AutoSize
    False
    Caption
    ~
    Color
    clSilver
    + Font
         Name
         Size
    Webdings
    48
    Heigh
    97
    Layout
    tlCenter
    Left
    104
    Name
    lbllogo_login
    Top
    80
    Transparent
    False
    Width
    105

  4. Tambahkan Edit kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik Edit – Atur Propertiesnya seperti dibawah ini : 
    Properties
    Value
    Ctl3D
    False
    + Font
         Name
         Size
    Trebuchet MS
    16
    Heigh
    33
    Hint
    Nama Pengguna
    Left
    8
    Name
    txtusername
    ShowHint
    True
    TabOrder
    0
    Top
    192
    Width
    297

  5. Tambahkan Edit lagi kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik Edit – Atur Propertiesnya seperti dibawah ini :
    Properties
    Value
    Ctl3D
    False
    + Font
         Name
         Size
    Trebuchet MS
    16
    Heigh
    33
    Hint
    Kata Sandi
    Left
    8
    Name
    txtpassword
    ShowHint
    True
    TabOrder
    1
    Top
    231
    Width
    265

  6. Tambahkan label lagi kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik label – Atur Propertiesnya seperti dibawah ini : 
    Properties
    Value
    Alignment
    taCenter
    AutoSize
    False
    Caption
    l
    Color
    $00800040
    Cursor
    crHandPoint
    + Font
         Color
         Name
         Size
    clWhite
    Wingdings
    14
    Heigh
    33
    Hint
    Tampilkan Kata Sandi
    Layout
    tlCenter
    Left
    272
    Name
    cmdshow_password
    Top
    231
    Transparent
    False
    Width
    33

  7. Tambahkan Panel kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik Panel – Atur Propertiesnya seperti dibawah ini :
    Properties
    Value
    BevelOuter
    bvNone
    Caption
    Masuk
    Color
    $00800040
    Ctl3D
    True
    Cursor
    crHandPoint
    + Font
         Color
         Name
         Size
    clWhite
    MS Serif
    12
    Heigh
    34
    Left
    8
    Name
    cmdlogin
    Top
    270
    Width
    297

  8. Tambahkan label lagi kedalam Panel, caranya klik tab Standard pada Componen Palette – Klik label – Atur Propertiesnya seperti dibawah ini : 
    Properties
    Value
    Alignment
    taCenter
    AutoSize
    False
    Caption
    Bersihkan
    Color
    clWhite
    Cursor
    crHandPoint
    + Font
         Color
         Name
         Size
    clBlue
    MS Sans Serif
    12
    Heigh
    20
    Left
    8
    Name
    cmdclear
    Top
    313
    Transparent
    False
    Width
    297

  9. Jalankan program dengan menekan tombol Run atau tekan tombol F9.
Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Membuat Efek Gradasi di Delphi 7 Seperti Instagram

Tekno Borneo – Saat pertama kali membuat sebuah project program aplikasi visual seperti di Delphi 7, maka secara otomatis Delphi 7 akan mengcreate sebuah form dengan nama form1. Form adalah sebuah objek kontrol penampung dari objek kontrol lain, dapat menerima tugas dan memberikan reaksi terhadap tindakan dari user (pengguna) untuk kelangsungan sebuah program aplikasi[1].
Selain itu, form sangat penting keberadaannya sebab salah satu cara komunikasi antara pengguna dengan program aplikasi adalah dengan menggunakan form itu sendiri.
Ada jenis program yang berjalan di background (belakang layar), jenis program ini tidak memerlukan form yang tampak dan pengguna untuk melakukan suatu aksi tertentu agar menghasilkan suatu output, sebab jenis program ini telah di set untuk berjalan secara otomatis dengan algoritma tertentu.
Namun sebaliknya, ada juga program yang sangat memerlukan form dan pengguna agar program dapat berjalan serta mendapatkan hasil sebagaimana mestinya.
Membuat Form Gradasi di Delphi 7 Seperti Instagram
Gambar 1. Membuat Form Gradasi di Delphi 7 Seperti Instagram

Pada saat perancangan form, pembaca akan menemukan berbagai macam model dan style suatu form. Mulai dari pilihan style form dengan adanya tombol Minimize, Maximize, Close, Sizeable form, Single form, Dialog form dan lain sebagainya. Maka dari itu style form akan berpengaruh untuk menunjukkan fungsi dan tugas dari form itu sendiri ketika form telah dijalankan. Form yang telah dijalankan akan berbentuk window (jendela kerja).
Penjelasan di atas merupakan pembukaan dari artikel pada hari ini, dengan memahami dan mengerti tujuan dari adanya form maka pembaca dapat membuat sebuah form sesuai kebutuhan, baik dalam segi jenis form, model form, ukuran form bahkan style form.
Kembali kepada tema artikel pada hari ini, penulis ingin berbagi tentang “Cara Membuat Form Gradasi Seperti di Instagram Dengan Menggunakan Delphi 7”. Adapun unsur pembuatan form yang berkenaan dengan artikel ini adalah jenis dan style form.
1. Langkah awal dalam membuat form gradasi Delphi 7 seperti Instagram
Seperti pada percobaan yang telah penulis lakukan sebelum artikel ini terbit, form yang cocok untuk dibuat gradasi adalah form yang memiliki space besar, dalam artian kata bahwa form ini tidak banyak mengandung komponen-komponen yang sifatnya mendominasi.
Adapun salah satu form yang cocok untuk dibuat gradasi adalah form login.
2. Jalankan Borland Delphi 7
Pastikan pembaca telah memiliki program Delphi 7. Buka Delphi 7 – Klik FileNew – klik Application hingga terbuka sebuah form baru.
3. Atur properties form
Klik form tersebut kemudian atur propertiesnya seperti tabel di bawah ini
Properties
Value
Caption
Login Form
+ Font
                Name
                Size
Trebuchet MS
12
Name
frmlogin
Position
poDesktopCenter
WindowState
wsMaximized
3. Pilih Events OnPaint
Klik form frmlogin – klik tab events – klik 2x pada OnPaint
Membuat Form Gradasi di Delphi 7 Seperti Instagram
Gambar 2. Membuat Form Gradasi di Delphi 7 Seperti Instagram

4. Koding program
Masukkan syntax gradasi form seperti dibawah ini
procedure Tfrmlogin.FormPaint(Sender: TObject);
var baris, y : Word;
    merah : Integer;
begin
  merah  := 200 ;
  y  := (ClientHeight + 512) div 256;
  for baris := 0 to 512 do
  begin
    with Canvas do begin
      Brush.Color := RGB(merah,0,230);
      FillRect(Rect(0, baris * y, ClientWidth, (baris + 1) * y));
      merah :=(merah-1);
    end;
  end;
end;
5. Eksekusi Program
Jalankan program dengan menekan tombol Run atau F9 pada keyboard.

6. Tambahan
Artikel ini fokus kepada pembuatan gradasi di form. Jika pembaca ingin tampilan seperti Gambar 1, maka artikel ini bukanlah artikel yang tepat. Penulis akan menshare artikel khusus untuk membuat tampilan login form di Delphi pada artikel selanjutnya.

Pembaca juga dapat membuat form gradasi yang dapat berubah-ubah warna layaknya seperti di Instagram. Untuk membuat “Membuat Efek Gradasi Instagram di Delphi 7 Dengan Warna Berubah-ubah”, maka klik link di bawah ini.

Lanjut Membaca :
1. Membuat Efek Live Gradasi di Form Delphi 7 >> (Artikel Selengkapnya di blog West Borneo Blogger)
2. Desain Program Delphiku Tidak Seklasik Desain Miliknya << Artikel Sebelumnya

(Video Belum Tersedia)

Blog Teknoborneo.com tidak menyediakan project seperti gambar di atas untuk disebarkan, namun jika pembaca ingin, maka dapat menghubungi penulis dengan kontak yang telah tertera di akhir artikel atau masuk ke dalam menu Contact.

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Referensi :
[1] https://bagibagijawaban.blogspot.co.id/2014/12/pengertian-form-visual-basic.html

Desain Program Delphiku Tidak Seklasik Desain Miliknya

Tekno Borneo – Dewasa ini Desain Antar Muka atau Graphics User Interface (GUI) dalam pemrograman sangat diperlukan untuk menunjang produktifitas user (pengguna) dalam menggunakan aplikasi yang dibuat. Antar muka yang dimaksud adalah bagaimana pengguna dapat merasakan kemudahan dan kenyamanan saat melakukan interaksi di atas aplikasi yang dibuat, hal ini dapat disebut dengan istilah “User Experience (UX)”.
User Experience yang baik memungkinkan pengguna menjadi lebih betah, terbantu dan mendapatkan pengalaman yang baik dalam menyelesaikan pekerjaan tanpa adanya pengalihan perhatian terhadap objek yang dipandangnya.
Untuk membuat pengalaman pengguna menjadi lebih baik, diperlukan metode khusus dalam merancang tampilan aplikasi. Rancangan ini biasanya didapatkan dengan membuat Mockup Aplikasi terlebih dahulu sebelum program dibuat.
Pembuatan Mockup memerlukan aplikasi khusus seperti Balsamiq Mockups 3 dan sejenisnya.
Desainer juga dapat memanfaatkan aplikasi desain grafis seperti Photoshop, Corel, Ilustrator dan lainnya untuk merancang tampilan yang diimpikan sehingga terbentuklah sebuah GUI yang berbeda atau khas dengan gaya desainernya.
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya

Pembaca mungkin pernah mendengar istilah “Flat Design”? Suatu desain yang hadir di era Modern UI milik Microsoft Windows 10. Desain ini mulai mendominasi desain-desain produknya. Tentunya para desainer hingga kompetitor mulai melirik dan mengadopsi desain tersebut hingga menjadi tren desain akhir-akhir ini.

Baca juga : Windows 10 mendapat penghargaan desain interface terbaik

Baiklah sesuai topik yang tertera di judul artikel ini, penulis akan memperkenalkan sedikit tentang Desain Antar Muka Aplikasi khusus Program Delphi 7. Sebelum penjelasan masuk lebih dalam, ada baiknya pembaca telah memiliki program Delphi 7 agar tahu tentang tampilan default dari pemrograman hasil dari pengembangan bahasa Pascal ini.
Sedikit review 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 banyaknya kelebihan yang ditawarkan seperti penjelasan di atas, ternyata ada kelemahan di sisi tampilan dasar dari program ini. Kelemahan ini bukan hal yang krusial jika programmer hanya mementingkan jalannya sistem, namun akan menjadi hal yang fatal jika programmer memiliki pola pemikiran yang berorientasi kepada pelanggannya seperti Saya (Admin Tekno Borneo).
Mari lihat seperti gambar di bawah ini, (mohon maaf) tampilan yang klasik dan membosankan akan menjadi nilai minus saat mempublish atau membagikan program kepada pelanggan.
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Bagaimana mungkin nilai jual menjadi lebih tinggi jika tampilan yang merupakan barometer penilaian pertama telah gagal didapatkan? Atau jika tidak ingin dijual, apakah tampilan yang kurang menarik ini sanggup pembaca jadikan laporan dalam Tugas Akhir atau Skripsi?
Baiklah, masuk kepada topik inti, penulis akan menunjukkan bahwa desain program Delphi yang penulis buat tidak seklasik desain-desain miliknya (Percaya Diri). Pembaca mungkin akan merasakan hal yang biasa-biasa saja saat melihat desain ini, sebab desain ini dibuat berdasarkan plagiasi berbagai model Antar Muka yang kemudian dikompilasi sehingga terbentuklah sebuah tampilan baru. Namun bukan itu tujuan sebenarnya dalam desain GUI, sebab desain antar muka bertujuan untuk memuaskan pelanggan saat menggunakan bukan saat memandang, walaupun jangan sampai image dari aplikasi yang dibangun menjadi runtuh karena tampilan yang apa adanya.
Berikut ini tiga buah model desain yang Teknoborneo buat dengan berbagai macam sumber referensi, namun mungkin belum pernah pembaca coba saat mendesain Antar Muka aplikasi di Delphi 7 :

1. Form Pembukaan atau Splash Screen ala Microsoft Office

Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Layaknya sebuah aplikasi profesional kelas atas, penulis juga mewajibkan setiap form yang dibuat harus selalu diawali dengan Form Pembukaan. Form ini menjadi tidak terlalu penting jika dibuat tanpa mencantumkan sesuatu informasi di dalamnya. Sebagai contoh gambar di atas, informasi yang termuat di form ini adalah nama atau judul aplikasi dan copyright atau hak cipta.

2. Form Login dengan desain background ala instagram.

Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Menjadi fokus utama adalah warna background yang bergradasi. Gradasi warna ini dapat berubah-ubah dengan interval waktu yang sudah ditentukan. Dengan metode infinity looping membuat perubahan gradasi tidak akan berhenti terkecuali form ini di close. Tentunya warna yang ditampilkan dapat disetting sesuai keinginan.

3. Form Menu dengan desain Metro UI ala Windows 10

Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Bukan hanya kotak sembarang kotak, namun lebih kepada tampilan yang interaktif sehingga memanjakan pengguna. Dilain sisi, penggunaan tampilan yang dinamis (bergerak-gerak dan hilang-datang) dapat membentuk ruang baru sehingga menjadikan bagian-bagian yang tampil belakangan dengan space lumayan luas dapat dimanfaatkan untuk memberikan keterangan atau informasi lain. Misalnya pada bagian kotak “Tentang Pengguna”, pada slide pertama dapat dimanfaatkan untuk menampilkan gambar user yang login, sedangkan untuk slide ke dua digunakan untuk informasi user tersebut.

4. Form Beranda dengan desain Modern UI ala Android

Desain Program Delphiku Tidak Seklasik Desain Miliknya
Desain Program Delphiku Tidak Seklasik Desain Miliknya
Pernah dapat masukan dari salah satu YouTuber konten kreatif Indonesia, desainer pemula yang ingin membuat sebuah karya sebaiknya memanfaatkan karya-karya milik orang lain untuk dijadikan referensi dalam menciptakan desain milik sendiri. Namun harus diingat, bahwasanya plagiasi yang berlebihan akan membuat image dari desain Antar Muka menjadi buruk atau di anggap membosankan. Misalnya pada desain form beranda ini, dengan mengadopsi desain dari Google Keep dan Slider Navigation Menu layaknya di Telegram Apps, menjadikan aplikasi ini seperti aplikai yang dibuat oleh brand-brand ternama (Percaya Diri). Padahal dengan sedikit kreatifitas, pembaca dapat membuat desain ini bahkan mungkin lebih bagus dari aslinya.
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 Teknoborneo.com 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 Tampilan Form Delphi 7 Modern, Cantik, Keren dan Menarik >> (Artikel Selengkapnya di blog West Borneo Blogger)
2. Membuat Efek Gradasi di Delphi 7 Seperti Instagram >> Artikel Selanjutnya

Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

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

Referensi :
https://id.wikipedia.org/wiki/Desain_antarmuka_pengguna
https://id.wikibooks.org/wiki/Delphi_7