INTERAKSI MANUSIA DAN KOMPUTER

Transkripsi

1 INTERAKSI MANUSIA DAN KOMPUTER \ NI KADE MEGA HANDAYANI TEKNOLOGI INFORMASI FAKULTAS TEKNIK UNIVERSITAS UDAYANA 2017

2 Review Aplikasi Visual Basic 6 dan Delphi 7 Tampilan Interface Visual Basic 6 Secara umum saat pertama kali membuaka aplikasi visual basic 6 maka akan tampil seperti gambar diatas.. Dari segi tampilan atau interface yaitu warna, aplikasi ini menggunakan warna dasar abu-abu, nama-nama tool mudah dibaca, mudah dipahami tata letak dari tool- tool yang ada pada aplikasi ini. Pada bagian atas seperti terhilat terdapat menu bar, lalu dibawah menu bar ada tool bar, pada sebelah kiri terdapat menu toolbox, pada sebelah kanan atas terdapat project window, di bawah project window ada properties window dan form layout window, lalu pada bagian tengah terdapat form designer dan di belakangnya terdapat code window. Masing- masing dari tool yang ada memilki nama dan fungsinya masing-masing. Nama dari tool-tool yang ada pada aplikais ini menggunakan bahasa inggris. Berikut adalah penjelasan tool-tool pada visual basic 6: a. Menu Bar

3 Menu Bar memiliki fungsi yaitu untuk memilih tugas-tugas tertentu seperti menyimpan project, membuka project dsb. Dalam Menu Bar terdapat 13 menu utama, setiap menu memilki berbagai intruksi-intruksi lainnya. b.tool Bar Tool Bar berfungsi untuk melakukan tugas-tugas tertentu dengan cepat, atau bisa disebut jalan pintas untuk mempercepat pencarian menu yang ada pada menu bar. c. Toolbox Tool Box merupakan tool ynag berisi komponen yang digunakan untuk mengembangkan user interface. d.project Window

4 Merupakan menu untuk menampilakan gambaran semua modul yang terdapat dalam aplikasi (dapat dikelompokkan secara group maupun urut berdasarkan nama); saat membuat project kita akan memberi nama pada form seperti gambar di sebelah. e. Properties Window Menu ini menampilakan informasi tentang daftar properties dari objek yang sedang terpilih; f. Form Layout Window Jendela ini akan berfungsi untuk menunjukkan bagaimana form bersangkutan ditampilkan ketika runtime atau bisa dikatakan untuk review saat runtime. g. Form Designer

5 Tempat untuk merancang user interface dari aplikasi pernacanngan interface program akan menggunakan menu toolbox h. Code Window Jendela yang berisikan source code yang berisi instruksi-instruksi program yang mendukung tampilan dan proses yang dilakukan. Pada VB6 bahasa pemrograman yang digunakan adalah C dan java Debugging visual basic 6 juga dilengkapi fitur untuk mendeteksi eror pada tiap compile, pada VB 6, daftar kerusakan akan ditampilkan lebih spesifik, yakni dengan memberitahu letak bagian kesalahannya. Screenshot project sederhana yang dibuat dengan VB6. Saat project yang dibuat sukses maka program akan dapat dijalankan dengan semestinya seperti program berikut.

6 Saat project yang kita buat mengalami kesalahan penulisan code pada sourcode yang sudah siap akan tampil intruksi seperti gambar tersebut Tampilan Interface Delphi 7

7 Secara umum saat pertama kali membuaka aplikasi Delphi 7 maka akan tampil seperti gambar diatas. Dari segi tampilan atau interface, Delphi 7 memiliki perbedaan dengan VB6 seperti yang terlihat pada gambar aplikasi Delphi 7 menggunakan tampilan layar destop sebagai latar belakang untuk program, dari segi warna aplikasi ini menjadi lebih menarik meskipun warna dari tool-toolnya sama dengan ini.vb6. Pada Delphi 7 tata letak tool-tool yang ada sedikit berbeda dengan VB6, selain tata letak tool yang berbeda untuk Delphi 7 tool-tool yang ada dapat dipindah sesuai keinginan user. Pada bagian atas terdapat menu bar, dibawah menu bar terdapat toolbar dan component palette lalu ada menu object inspector dan object tree view pada sebelah kiri. Pada bagian tengah terdapat form designer dan code editor. Nama dari tool-tool yang ada pada aplikais ini menggunakan bahasa inggris. Berikut adalah penjelasan tool-tool pada Delphi 7: a. Menu Bar Menu ini pada Delphi memiliki kegunaan yang sama dengan VB6. Menu ini dapat memanggil, menyimpan program, menjalankan program, meremove komponen atau menambahkan komponen baru dan lain sebagainya. b. Toolbar Toolbar berisi kumpulan tombol yang tidak lain adalah pengganti beberapa item menu yang sering digunakan dalam menu ini terdapat perintah yang sering kita gunakan seperti saat ingin run program, intruksi untuk run program ada di menu toolbar. c. Component Palette Component Palette berisi kumpulan icon yang melambangkan komponen-komponen pada VCL ( Visual Component Library ) memilki fungsi yang sama dengan toolbox. VCL adalah merupakan pustaka komponen yang dengannya Anda dapat membangun sebuah aplikasi. Pada Component Palette, terdapat beberapa tab, yaitu Standard, Additionals, Data Access, Data Controls dan lain sebagainya. d. Object Inspector

8 Object Inspector digunakan untuk mengubah karakteristik dari sebuah komponen. Ada dua tab pada Object Inspector, yaitu Properties dan Events. e. Object Tree View Object TreeView berisi struktur pohon yang menampilkan semua nama komponen yang telah Anda letakkan pada form designer atau biasa juga disebut dengan hirarki seperti pada Windows Explorer f. Form Designer Form Designer merupakan tempat dimana programmer dapat merancang jendela aplikasi atau tempat untuk desain interface g. Code Editor

9 Code Editor adalah tempat dimana programmer menuliskan kode program yang pernyataanpernyataannya dalam bahasa Object Pascal. Hal utama yang perlu diperhatikan dalam Code Editor adalah Anda tidak perlu menuliskan seluruh kode sumber karena Delphi telah menuliskan semacam kerangka sumber. Debugging Screenshot project sederhana yang dibuat dengan Delphi 7. Ini adalah program yang berhasil dijalankan Saat project yang kita buat mengalami kesalahan penulisan code pada sourcode yang sudah siap akan tampil intruksi seperti gambar tersebut

10 Tabel Perbandingan Visual Basic 6 dengan Delphi 7 No Hal yang Visual Basic 6 Delphi 7 dibandingkan 1. Interface Latar belakang dari tampilan aplikasi berwarna abu-abu. Menggunakan latar belakang Latar belakang dari aplikasi adalah tampilan dari destop user. bawaan dari aplikasi 2. Menu Bar Menu bar sangat mudah dilihat seperti menu bar yang ad pada umunya, terdapat 13 komponen Sama halnya dengan visual basic 6 menu bar pada Delphi 7 juga mudah dikenali, yerdapat 11 komponen 3. Tool Bar Untuk tool bar pada VB6 sangat jelas terlihat dan mudah untuk Untuk Delphi 7 terdapat tool Tool Bar yang sangat membantu digunakan. Icon yang ada pada tool mempercepat dalam dalam bar masih kurang dapat dimengerti membuat project icon yang hanya dengan melihat saja. digunakan pada Delphi7 sudah Memilki tool toolbar dengan sangat sering kita lihat pada jumlah 21 komponen program window. Memilki tool toolbar dengan jumlah 16 komponen 4. Tool Box Tool box pada VB6 mudah Component Pallete pada digunakan serta tata letak yang strategis memudahkan user dalam Delphi7 sama dengan toolbox pada VB6, toolbox pada Delphi7 membuat program interface memilki sedikit komponen disbanding dengan VB6. Component Pallete berada bersebelahan dengan menu

11 toolbar sehingga susah dikenali saat pertama kali mencoba mungkin akan mengira pada Delphi7 tidak ada menu toolbox 5. Form Designer Pada VB6 memilki titik titik yang memudahkan dalam membuat form Pada Delphi7 juga sama 6. Form Pada Vb6 Project Window Pada delphi Object Tree Window 7. Properties Properties Window Object Inspector 8. Code Code Window Code Editor 9. Form Layout Form Layout Window Bahasa Menggunakan bahasa Menggunakan bahasa pemrograman pemrograman C dan jva pemrograman Pascal 11. Tampilan saat Akan tampil intruksi bertanda seru Saat terjadi error akan run/error dalam grafis (kotak) ditampilakn pada compiler di code 12. User (Kemudahan Lebih mudah dalam menggunakan Pada Delphi sangat sulit untuk pemakaian) aplikasi VB6 dalam membuat membuat sourcode program, project interface serta aturan pembuatan yang juga lebih rumit dari delphi7