BAB I
PENDAHULUAN
1.1 Latar Belakang
Komponen antar muka grafis umumnya bersifat tetap yang selalu digunakan pada sebuah program aplikasi komputer. Komponen antar muka grafis bertujuan untuk memenuhi salah satu kriteria interaksi antara manusia dan komputer yakni agar mendapat perhatian dari pengguna terhadap program aplikasi yang dibuat, tentunya sebuah program aplikasi haruslah mempunyai tampilan yang menarik perhatian pengguna.
Oleh karena itu pada kesempatan ini kami membuat sebuah makalah yang bejudul Borland Graphical Interface (BGI) dimana BGI ini merupakan salah satu bentuk user interface yang sering kita jumpai terutama jika menggunakan bahasa pemrogaraman buatan Borland
1.2 Tujuan
Makalah ini bertujuan untuk memperdalam pemahaman tentang Borland Graphical Interface sekaligus memberikan informasi kepada pembaca tentang BGI itu sendiri
BAB II
PEMBAHASAN
2.1 Antar Muka Grafis
2.1.1. Pengertian Komponen Antarmuka Grafis
Komponen antar muka grafis adalah bentuk - bentuk tampilan yang dapat dilihat dan umumnya bersifat tetap yang selalu digunakan pada sebuah program aplikasi komputer. Komponen antar muka grafis bertujuan untuk memenuhi salah satu kriteria interaksi antara manusia dan komputer yakni agar mendapat perhatian dari pengguna terhadap program aplikasi yang dibuat, tentunya sebuah program aplikasi haruslah mempunyai tampilan yang menarik perhatian pengguna.
Dengan antarmuka berbasis grafis berbagai kemudahan dalam hal pengontrolan format tampilan dapat dikerjakan dengan lebih mudah dan fleksibilitas tampilan dapat semakin dirasakan oleh perancang tampilan maupun penggunanya.
2.1.2 Keuntungan Perancangan Antarmuka Grafis
· Antarmuka yang dihasilkan menjadi lebih baik
· Hasil rancangan sementara dapat dibuat prototipe dan diimplementasikan, bahkan sebelum aplikasinya ditulis.
· Perubahan yang diinginkan pengguna dapat segera dilakukan karena antarmukanya mudah dimodifikasi.
· Sebuah aplikasi dapat mempunyai lebih dari sebuah antarmuka.
· Sejumlah aplikasi yang berbeda dapat mempunyai antarmuka yang konsisten, karena mereka dapat dibangun dengan menggunakan peranti bantu yang sama.
· Memberikan interface yang unik dari sebuah program aplikasi, dan sentuhan/pengaruh khusus kepada sebuah program aplikasi.
· Memungkinkan sejumlah ahli bekerja bersama untuk memberikan kontribusinya masing-masing, misalnya ahli grafis, psikolog, ahli kognitif, maupun spesialis human factor.
2.1.3 Program antarmuka menjadi mudah ditulis dan lebih ekonomis untuk dipelihara
· Program antarmuka menjadi lebih terstruktur dan lebih modular karena sudah dipisahkan dari aplikasinya. Hal ini memungkinkan pengguna untuk mengubah antarmuka tanpa mempengaruhi aplikasinya, dan memungkinkan pemrogram untuk mengubah program aplikasi tanpa mengubah antarmukanya.
· Program antarmuka lebih reusable karena peranti bantu menggabungkan bagian-bagian yang sama.
· Kehandalan antarmuka menjadi lebih tinggi, karena program itu dibangkitkan secara otomatis dari arah spesifikasi yang lebih tinggi.
· Spesifikasi antarmuka menjadi lebih mudah dinyatakan, divalidasi, dan dievaluasi, serta dimodifikasi.
2.1.4 Komponen Dasar Antarmuka Grafis
· Spin Box, adalah salah satu komponen antar muka grafis yang digunakan untuk mengatur suatu nilai peubah, biasanya bertipe numerik, dengan menambahkan atau mengurangkannya dengan suatu nilai tertentu. Dalam spin box nilai maksimum dan minimum peubah harus dinyatakan dengan jelas, supaya tombol ini tidak memutar (spining) terus menerus.
· List Box, digunakan untuk menampilkan sejumlah pilihan yang tersedia yang dapat dipilih oleh pengguna program. Setelah pengguna memilih sekian banyak pilihan yang tersedia, pilihan terpilih akan disimpan sebagai nilai dari sebuah peubah.Combo box mirip dengan list box, tetapi memiliki perbedaan dalam penampilannya. Pada list box beberapa pilihan dapat dilihat langsung oleh pengguna, sementara pada combo box pilihan-pilihan yang ada tidak akan terlihat kecuali pengguna menekan tombol anak panah yang melekat pada tombol combo box itu.
· Check Box, komponen ini digunakan untuk memilih satu atau lebih pilihan dari jumlah pilihan yang tersedia. Komponen ini cocok dipakai apabila pemrogram lebih memberi kebebasan kepada pengguna untuk membuat lebih dari satu pilihan.
· Radio button, berbeda dengan check box, tombol radia hanya memungkinkan pengguna untuk memilih satu pilihan diantara beberapa pilihan yang tersedia. Contoh nyatanya adalah pemilihan jenis kelamin.
· Button, biasanya digunakan untuk mengaktifkan suatu aktivitas apabila tombol tersebut ditekan menggunakan mouse (klik mouse). Jenis tombol ini disebut tombol tekan karena tombol ini seolah-olah masuk kedalam layar komputer, seperti halnya anda menekan sebuah tombol. Teknik penampilan tombol tekan pada layar perlu diperhatikan, sehinngga penampilan tombol tekan tersebut terkesan merupakan tombol 3 dimensi yang ketika tombol tersebut dipilih, terlihat seperti menekan tombol yang sebenernya.
· Panel biasanya digunakan unutk melakukan group beberapa komponen.
· DBGrid biasanya digunakan untuk menampilkan data dan edit dataset dengan format tabulasi atau sering disebut browse.
2.2 Pengertian Borland Graphical Inteface
BGI adalah sebagai salah satu alternatif pengembangan program antarmuka berbasis grafis. Antar muka berbasis grafis dari kata Graphical User Interface, yang disingkat GUI. GUI adalah suatu antarmuka yang memanfaatkan berbagai macam gambar yang memungkinkan seorang pengguna dapat melakukan komunikasi atau berdialog dengan komputer sebagai sebuah mesin
Dengan antarmuka berbasis grafis berbagai kemudahan dalam hal pengontrolan format tampilan dapat dikerjakan denagn lebi mudah dan fleksibilitas tampilan dapat semakin dirasakan oleh perancang tampilan maupun penggunanya. Di sisi lain, kita harus memperhatikan, beberapa kendala dalam penerapan antarmuka berbasis grafis ini, antaralain adalah waktu tanggap, kecepatan penampilan, lebarpita penampilan, dan tipe tampilan (berorientasi ke tektual atau grafis).
Pada tahun 1970an, di Xerox Palo Alto Research Centre (PARC) dilakukan sejumlah penelitian yang mengarah kepada perancangan antarmuka yang disebut Xerox Star, yang menggunakan teknik manipulasi langsung. Selain itu ditempat yang sama juga dikembangkan suatu antarmuka berbasis grafis yang kemudian dikenal dengan sebutan Lisa yang berjalan denagn Macintosh. Penelitian lain untuk mendapatkan antarmuka berbasis grafis terus dilakukan. Beberapa kemampuan yang dimiliki oleh Xerox Star dan Lisa, yang kemudian diikuti oleh sisitem seperti Microsoft Windows, antara lain adalah:
Pada tahun 1970an, di Xerox Palo Alto Research Centre (PARC) dilakukan sejumlah penelitian yang mengarah kepada perancangan antarmuka yang disebut Xerox Star, yang menggunakan teknik manipulasi langsung. Selain itu ditempat yang sama juga dikembangkan suatu antarmuka berbasis grafis yang kemudian dikenal dengan sebutan Lisa yang berjalan denagn Macintosh. Penelitian lain untuk mendapatkan antarmuka berbasis grafis terus dilakukan. Beberapa kemampuan yang dimiliki oleh Xerox Star dan Lisa, yang kemudian diikuti oleh sisitem seperti Microsoft Windows, antara lain adalah:
· Pengguna tidak harus mengingat perintah-perintah yang serin kali cukup panjang, tetapi cukup dikerjakan dengan melihat dan kemudian menunjuk kesuati gambar yan mewakili suatu aktifitas (yang seterusnya disebut dengan ikon),
Penggunaan borang property atau option untuk mengaturü kenampakan (wajah) desktop,
Kemampuan WYSIWYG (what you see isü what you get) yan kemudian menjadi angat terkenal,
Penggunaan borang property atau option untuk mengaturü kenampakan (wajah) desktop,
Kemampuan WYSIWYG (what you see isü what you get) yan kemudian menjadi angat terkenal,
· Perintah-perintah yan berlaku umum, seperti MOVE, DELETE, atau COPY, dan lain-lain.
Berdasarkan kelebihan-klebihan yang disebutkan pada contoh diatas, ada lima faktor yang perlu diperhatikan pada saat kita merancang antarmuka berbasis grafis yang masing-masing dijelaskan sebagai berikut.
a) Ilusi pada obyek-obyek yang dapat dimanipulasi
Perancangan antarmuka berbasis grafis yang efektif harus melibatkan tiga komponen. Pertama, gunakan kumpulan obyek yang disesuaikan dengan aplikasi yang akan dibuat. Jika obyek-obyek itu belum ada, kita dapat mengembangkannya sendiri. Kedua, penampilan obyek-obyek grafis harus dilakukan denagn keyakinan bahwa ia akan dengan mudah dimengerti oleh pengguna. Ketiga, gunakan mekanisme yang konsisten untuk memanipulasi obyek yagn akan muncul dilayar.
Perancangan antarmuka berbasis grafis yang efektif harus melibatkan tiga komponen. Pertama, gunakan kumpulan obyek yang disesuaikan dengan aplikasi yang akan dibuat. Jika obyek-obyek itu belum ada, kita dapat mengembangkannya sendiri. Kedua, penampilan obyek-obyek grafis harus dilakukan denagn keyakinan bahwa ia akan dengan mudah dimengerti oleh pengguna. Ketiga, gunakan mekanisme yang konsisten untuk memanipulasi obyek yagn akan muncul dilayar.
b) Urutan visual dan fokus pengguna
Antarmuka dapat digunakan untuk menarik perhatian pengguna antara lain dengan menbuat suatu obyek berkedip, menggunakan warna tertentu untuk obyek-iobyek tertentu, serta menyajikan suatu animasi yang akan lebih menarik perhatian pengguna. Tetapi, penggunanan rangsangan visual yang berlebihan justru akan membuat pengguna bingung dan merasa tidak nyaman.
Antarmuka dapat digunakan untuk menarik perhatian pengguna antara lain dengan menbuat suatu obyek berkedip, menggunakan warna tertentu untuk obyek-iobyek tertentu, serta menyajikan suatu animasi yang akan lebih menarik perhatian pengguna. Tetapi, penggunanan rangsangan visual yang berlebihan justru akan membuat pengguna bingung dan merasa tidak nyaman.
c) Struktur internal
Pada pengolah kata kita seringkali menulis beberapa kata yang berbeda dengan kata-kata yan lain, misalnya ada sekelompok kata yang ditebalkan, dimiringkan, atau diberi garis bawah. Pada salah satu pengola kata, kita dapat melihat apa yan disebut denagn reveal code, yakni suatu tanda khusus yan digunkan untuk menunjukkan adanya perbadaan font style. Reveal code ini tdak akan ikut dicetak, tetapi digunakan untuk menunjukkan kepada pengguna antara lain tentang font style yang digunakan, batas kiri dan batas kanan dari halaman teks setrta informasi yang lain. Reveal code biasanya berupa suatu karakter khusus.
Pada pengolah kata kita seringkali menulis beberapa kata yang berbeda dengan kata-kata yan lain, misalnya ada sekelompok kata yang ditebalkan, dimiringkan, atau diberi garis bawah. Pada salah satu pengola kata, kita dapat melihat apa yan disebut denagn reveal code, yakni suatu tanda khusus yan digunkan untuk menunjukkan adanya perbadaan font style. Reveal code ini tdak akan ikut dicetak, tetapi digunakan untuk menunjukkan kepada pengguna antara lain tentang font style yang digunakan, batas kiri dan batas kanan dari halaman teks setrta informasi yang lain. Reveal code biasanya berupa suatu karakter khusus.
d) Kosakata grafis yang konsisten dan sesuai
Penggunaan simbol-simbol obyek, atau ikon, memang tidak ada standarnya, dan biasanya disesuaikan dengan kreatifitas perancangnya.
Penggunaan simbol-simbol obyek, atau ikon, memang tidak ada standarnya, dan biasanya disesuaikan dengan kreatifitas perancangnya.
e) Kesesuaian denagn media
Karakteristik khusus dari layar tampilan yang digunakan akan mempunyai pengaruh yang besar terhadap keindahan “wajah” antarmuka yang akan ditampilkan. Pada layar tampilan yang masih berbasis pada karakter, misalnya CGA, pemunculan gambar tidak akan secantik apabila kita menggunakan layar tampilan yang sering disebut dengan bitmap atau raster display. Dengan semakin canggihnya teknologi layar tampilan pada saat ini, kreatifitas perancang tampilanlah yang saat ini lebih dituntut untuk memenuhi permintaan pengguna akan aspek kenyamanan dan keramahan antarmuka.
Karakteristik khusus dari layar tampilan yang digunakan akan mempunyai pengaruh yang besar terhadap keindahan “wajah” antarmuka yang akan ditampilkan. Pada layar tampilan yang masih berbasis pada karakter, misalnya CGA, pemunculan gambar tidak akan secantik apabila kita menggunakan layar tampilan yang sering disebut dengan bitmap atau raster display. Dengan semakin canggihnya teknologi layar tampilan pada saat ini, kreatifitas perancang tampilanlah yang saat ini lebih dituntut untuk memenuhi permintaan pengguna akan aspek kenyamanan dan keramahan antarmuka.
2.2.1 Pengertian UNIT graph
Unit dalam Turbo Pascal, adalah semacam berkas overlay yang dapat dipanggil oleh sembarang program yang lain sesuai keperluannya. Dalam Turbo Pascal dikenal dikenal sejumlah unit standar, antara lain ; dos, crt, printer, graph3 dan graph. Dua unit terakhir yaitu graph3, unit graph merupakan bagian utama dari BGI. Dengan memanfaatkan prosedur-prosedur dan fungsi-fungsi standar yang ada pada kedua unit ini.
Untuk memanfaatkan fasilitas yang tersedia di dalam unit graph. Anda harus mempunyai berkas GRAPH TPU, selain GRAPH TPU juga harus tersedia satu atau lebih berkas *.BGI yang berisi penggerak grafik sesuai dengan apdeter grafik yang anda mliki. Misalnya CGA.BGI atau EGA VGA.BGI. sebagai tambahan, jika anda mengunkan font goresan, juga harus tersedia berkas *.CHR. misalnya GOTT.CHR atau LITT.CHR. Berkas-berkas tersebut biasanya sudah terinstal secara otomatis pada saat pertama kali Anda menginstal Turbo Pascal kedalam harddisk atau disket.
Untuk memanfaatkan fasilitas yang tersedia di dalam unit graph. Anda harus mempunyai berkas GRAPH TPU, selain GRAPH TPU juga harus tersedia satu atau lebih berkas *.BGI yang berisi penggerak grafik sesuai dengan apdeter grafik yang anda mliki. Misalnya CGA.BGI atau EGA VGA.BGI. sebagai tambahan, jika anda mengunkan font goresan, juga harus tersedia berkas *.CHR. misalnya GOTT.CHR atau LITT.CHR. Berkas-berkas tersebut biasanya sudah terinstal secara otomatis pada saat pertama kali Anda menginstal Turbo Pascal kedalam harddisk atau disket.
2.1.2 Penggerak Grafik
Dalam keadaan normal, turbo pascal bekerja pada mode teks. Dengan mengeksekusi satu prosedur pustaka. Yaitu prosedur initGraph yang dapat dalm unit graph. Mode text dapat diubah mode grafik dengan menggunakan prosedur closeGraph, layar tampilan dapat dikenmbalikan menjadi mode teks.
Untuk dapat bekerja pada mode grafik, diperlukan adapter grafik ang sesuai (pada saat ini dapat dipastikan hampir semua komputer adapter grafik, minimal VGA sehingga hal ini tidak akan menjadi masalah lagi). Turbo pascal mendukung semua adapter grafikyang tersedia di pasaran dengan menyediakan sejumlah pengerak (driver) grafik yang sesuai dengan adapter grafik yang ada. Penggerak yang didukung oleh Turbo Pascal adalah sebagai berkut.
Untuk dapat bekerja pada mode grafik, diperlukan adapter grafik ang sesuai (pada saat ini dapat dipastikan hampir semua komputer adapter grafik, minimal VGA sehingga hal ini tidak akan menjadi masalah lagi). Turbo pascal mendukung semua adapter grafikyang tersedia di pasaran dengan menyediakan sejumlah pengerak (driver) grafik yang sesuai dengan adapter grafik yang ada. Penggerak yang didukung oleh Turbo Pascal adalah sebagai berkut.
· CGA
· MCGA
· Hercules
· EGA
· AT & T 400 Line
· 3270 PC
· VGA
· IBM 8514
Masing-masing penggerak grafik yang sesuai dengan adapter grafik di atas tersimpan dalam berkas yang terpisah yang berpengenal BGI. sebagai contoh, pengerak CGA tersimpan dalam berkas CGA.BGI penggerak EGA dan VGA tersimpan dalam berkas EGAVGA.BGI dan lain-lain.
2.1.3. Inisialisasi Mode Grafik
Seperti yang dijelaskan diatas dalam keadaan normal Turbo Pascal bekerja pada mode teks sehingga jika diinginkan untuk bekerja dalam mode grafik. Harus dilakukan inisialisasi, yang antara lain bertujuan untuk mendeteksi dan mencocokkanpenggerak grafik yang dipakai dan resolusi yang diinginkan.
Langkah pertama untuk memulai mode grafik adalah dengan melakukan adapter grafik yang digunakan dan menginisialisasikan mode grafik ang diinginkan. Deteksi otomatis adapter grafis dan inisialisasi mode grafik dilakukan dengan mengeksekusi fungsi detect dan prosedur initGraph secara berturut-turut. Fungsi detect dan prosedur iniGraph keduanya ada di dalam BGI. Anda tinggal memanfaatkannya. Bentuk umum fungsi detect adalah ;
· PenggerakGrafik : = detect;
dengan penggerakGrafik adalah sembarang nama penuh. Bentuk umum prosedur
initGraph (var penggerakGrafik : integer;dengan penggerakGrafik adalah sembarang nama penuh. Bentuk umum prosedur
var mode : integer; jalur : string).
penggerakGrafik adalah nama penggerak grafik yang akan digunakan, mode menyatakan mode grafikyang akan digunakan dan jalur menyatakan direktori yang berisi penggerak grafik yang akan digunakan.
0 Response to "Borland Graphical Interface"
Posting Komentar