PERBEDAAN IDE DAN satuan GUI
VISUAL BASIC
ditujukan untuk memenuhi salah satu tugas mata kuliah
pemrograman komputer 2
Dosen pengampu : Florentina Yuni Arini, S.Kom, M.Cs
oleh :
1. Ika Rizki Agustina (4101411054)
2. Dian Insani A.
(4101411086)
Rombel 05
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS NEGERI SEMARANG
2013
IDE (Integrated Development Environment)
Vs
GUI (Graphical User Interfance)
A. IDE Vs GUI
IDE dan GUI secara umum (Pada Delphi 7.0)
IDE (Integrated Development Environment) adalah program
komputer yang memiliki beberapa fasilitas yang diperlukan dalam
pembangunan perangkat lunak. Tujuan dari IDE adalah untuk
menyediakan semua fasilitas yang diperlukan dalam membangun
perangkat lunak.
IDE (Integrated Development Environtmen/Tampilan) dari Delphi 7.0
sangat mudah dipahami (user friendly) karena menggunakan menu
dan tools-tools seperti aplikasi pada umumnya.
Tampilan Delphi 7.0 Mode Design Form dan mode design kode
Bagian-bagian IDE Delphi 7.0
1. Menu bar
Baris menu Terletak paling atas pada IDE. Menu merupakan
kumpulan perintah-perintah yang dikelompokkan dalam kriteria
operasi yang dihasilkan.
2. Tool Bar
3. Component Palette
Komponent/object untuk mendesain suatu aplikasi, komponen
dikelompokkan dalam beberapa kelompok dari standard, Additional,
Win32 dan seterusnya. Komponent dapat ditambah atau dihapus
sesuai kebutuhan. Komponen yang sering digunakan dalam aplikasi
antara lain adalah Button(
), Edit (
), Label(
).
4. Form
Tempat desain utama untuk membuat aplikasi, form
menampilkan atau menampung Object atau komponen
diletakkan padanya pada saat program dijalankan.
akan
yang
9. Object TreeView
Object TreeView akan menampilkan object-object yang diletakkan
pada form.
10. Object Inspector
Berisi properties dan event, properties digunakan untuk mengatur
object/komponen pada form seperti warna, letak, nama dan lain-lain
sedangkan event adalah kejadian dalam object pada saat program
dijalankan dan dapat diisi program.
11. Kode Program
Tempat untuk menulis program.
GUI (Graphical User Interfance ) components Delphi
GUI mengacu pada windows, tombol, dialog, menu dan segala
sesuatu visual dalam aplikasi modern. Sebuah komponen GUI adalah
salah satu blok bangunan grafis.
Komponen-komponen ini dikelompokkan di bawah serangkaian
panjang tab di bagian atas layar Delphi, dimulai dengan Standar di
sebelah kiri. Kita akan melihat tab ini Standar di sini.
Masing-masing komponen gambar objek GUI yang dapat dibuat
dengan rincian di bawah ini :
Menu
PopupMenu
GroupBox
RadioGroup
IDE dan GUI secara khusus (pada Visual Basic)
a. IDE
Untuk menggunakan Visual Basic sebagai program visual, terlebih dahulu harus
masuk ke dalam Integrated Development Environment atau IDE, karena IDE ini
menghubungkan beberapa fungsi seperti editing, compiling, dan debugging,
dengan cara yang umum digunakan. Jika anda pernah menggunakan salah satu
program tradisional, maka anda akan menemukan fasilitas-fasilitas ini dalam
program yang terpisah, dengan interface yang berbeda pula. Untuk menggunakan
fasilitas IDE ini anda harus mengaktifkan IDE milik Visual Basic ini terlebih
dahulu. Hal ini akan terjadi secara otomatis setelah mengaktifkan program Visual
Basic 6.0. Di dalam IDE terdapat elemen-elemen diantaranya Menu Bar, Toolbar,
Toolbox, Window Project Explorer, Window Properties, Objek Browser, Form
Designer, Window Code Editor, Window Form Layout, Window Immediate, Local
dan Watch. Berikut adalah tampilan IDE VB.6.0 dengan jendela-jendela yang
terbuka.
b. GUI
Pemprograman di visual basic memungkinkan penggunanya untuk membuat program
dengan aplikasi GUI, (Graphical User Interface) yaitu suatu program yang
memungkinkan pengguna komputer dapat berkomunikasi menggunakan media grafik
atau tampilan gambar/visual dengan komputer tersebut. Microsoft Visual Basic 6.0
menyediakan fasilitas yang memungkinkan penggunanya menyusun sebuah program
dengan memasang objek-objek grafis dalam sebuah form.
Persamaan IDE dan GUI
IDE dan GUI merupakan sebuah program yang dapat digunakan untuk
mengembangkan suatu perangkat lunak yang dapat digunakan user dalam
membuat dan menggunakan suatu program aplikasi.
Perbedaaan IDE dan GUI
IDE
GUI
Program
komputer
yang
fasilitasnya diperlukan untuk
pengembangan perangkat lunak
Program yang memungkinkan
pengguna
komputer
dapat
berkomunikasi
menggunakan
media grafik atau gambar visual
dengan komputer tersebut.
untuk
mendesain,
maupun debugging.
coding
untuk menyusun sebuah program
dengan memasang objek-objek
grafis dalam sebuah form.
menyediakan
semua
fasilitas yang diperlukan
dalam
membangun
perangkat lunak.
mengacu
pada
windows,
tombol, dialog, menu dan
segala sesuatu visual dalam
aplikasi modern
B. Window Code
Window Code adalah window tempat kita menuliskan progam. Pada window ini
terdapat fasilitas yang cukup lengkap. Jika kita melakukan klik ganda pada sebuah object
yang berupa kontrol atau form maka window code ini akan langsung aktif dan membawa
kursor kita ke tempat penulisan program yang terkait dengan obyek tersebut. Tempat
penulisan berada diantara kata Private Sub dan End Sub.
Untuk mengaktifkan Window Code ada beberapa cara :
1. Klik tombol View Code pada Window Project
2. Dari menu View klik perintah Code
Pada Window Code ini terdapat dua buah fasilitas utama yaitu pemilih object dan
prosedur. Hasil pemilihan akan membawa kursor ke lokasi penulisan kode program sesuai
pemilihan kita.
Private Sub Command1_Click()
........................................
End Sub
Private Sub merupakan awal dari perintah kita untuk
memulai membuat project dari suatu program. Sedangkan end sub
maksudnya yaitu perintah untuk mengakhiri procedure.
ditujukan untuk memenuhi salah satu tugas mata kuliah
pemrograman komputer 2
Dosen pengampu : Florentina Yuni Arini, S.Kom, M.Cs
oleh :
1. Ika Rizki Agustina (4101411054)
2. Dian Insani A.
(4101411086)
Rombel 05
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS NEGERI SEMARANG
2013
IDE (Integrated Development Environment)
Vs
GUI (Graphical User Interfance)
A. IDE Vs GUI
IDE dan GUI secara umum (Pada Delphi 7.0)
IDE (Integrated Development Environment) adalah program
komputer yang memiliki beberapa fasilitas yang diperlukan dalam
pembangunan perangkat lunak. Tujuan dari IDE adalah untuk
menyediakan semua fasilitas yang diperlukan dalam membangun
perangkat lunak.
IDE (Integrated Development Environtmen/Tampilan) dari Delphi 7.0
sangat mudah dipahami (user friendly) karena menggunakan menu
dan tools-tools seperti aplikasi pada umumnya.
Tampilan Delphi 7.0 Mode Design Form dan mode design kode
Bagian-bagian IDE Delphi 7.0
1. Menu bar
Baris menu Terletak paling atas pada IDE. Menu merupakan
kumpulan perintah-perintah yang dikelompokkan dalam kriteria
operasi yang dihasilkan.
2. Tool Bar
3. Component Palette
Komponent/object untuk mendesain suatu aplikasi, komponen
dikelompokkan dalam beberapa kelompok dari standard, Additional,
Win32 dan seterusnya. Komponent dapat ditambah atau dihapus
sesuai kebutuhan. Komponen yang sering digunakan dalam aplikasi
antara lain adalah Button(
), Edit (
), Label(
).
4. Form
Tempat desain utama untuk membuat aplikasi, form
menampilkan atau menampung Object atau komponen
diletakkan padanya pada saat program dijalankan.
akan
yang
9. Object TreeView
Object TreeView akan menampilkan object-object yang diletakkan
pada form.
10. Object Inspector
Berisi properties dan event, properties digunakan untuk mengatur
object/komponen pada form seperti warna, letak, nama dan lain-lain
sedangkan event adalah kejadian dalam object pada saat program
dijalankan dan dapat diisi program.
11. Kode Program
Tempat untuk menulis program.
GUI (Graphical User Interfance ) components Delphi
GUI mengacu pada windows, tombol, dialog, menu dan segala
sesuatu visual dalam aplikasi modern. Sebuah komponen GUI adalah
salah satu blok bangunan grafis.
Komponen-komponen ini dikelompokkan di bawah serangkaian
panjang tab di bagian atas layar Delphi, dimulai dengan Standar di
sebelah kiri. Kita akan melihat tab ini Standar di sini.
Masing-masing komponen gambar objek GUI yang dapat dibuat
dengan rincian di bawah ini :
Menu
PopupMenu
GroupBox
RadioGroup
IDE dan GUI secara khusus (pada Visual Basic)
a. IDE
Untuk menggunakan Visual Basic sebagai program visual, terlebih dahulu harus
masuk ke dalam Integrated Development Environment atau IDE, karena IDE ini
menghubungkan beberapa fungsi seperti editing, compiling, dan debugging,
dengan cara yang umum digunakan. Jika anda pernah menggunakan salah satu
program tradisional, maka anda akan menemukan fasilitas-fasilitas ini dalam
program yang terpisah, dengan interface yang berbeda pula. Untuk menggunakan
fasilitas IDE ini anda harus mengaktifkan IDE milik Visual Basic ini terlebih
dahulu. Hal ini akan terjadi secara otomatis setelah mengaktifkan program Visual
Basic 6.0. Di dalam IDE terdapat elemen-elemen diantaranya Menu Bar, Toolbar,
Toolbox, Window Project Explorer, Window Properties, Objek Browser, Form
Designer, Window Code Editor, Window Form Layout, Window Immediate, Local
dan Watch. Berikut adalah tampilan IDE VB.6.0 dengan jendela-jendela yang
terbuka.
b. GUI
Pemprograman di visual basic memungkinkan penggunanya untuk membuat program
dengan aplikasi GUI, (Graphical User Interface) yaitu suatu program yang
memungkinkan pengguna komputer dapat berkomunikasi menggunakan media grafik
atau tampilan gambar/visual dengan komputer tersebut. Microsoft Visual Basic 6.0
menyediakan fasilitas yang memungkinkan penggunanya menyusun sebuah program
dengan memasang objek-objek grafis dalam sebuah form.
Persamaan IDE dan GUI
IDE dan GUI merupakan sebuah program yang dapat digunakan untuk
mengembangkan suatu perangkat lunak yang dapat digunakan user dalam
membuat dan menggunakan suatu program aplikasi.
Perbedaaan IDE dan GUI
IDE
GUI
Program
komputer
yang
fasilitasnya diperlukan untuk
pengembangan perangkat lunak
Program yang memungkinkan
pengguna
komputer
dapat
berkomunikasi
menggunakan
media grafik atau gambar visual
dengan komputer tersebut.
untuk
mendesain,
maupun debugging.
coding
untuk menyusun sebuah program
dengan memasang objek-objek
grafis dalam sebuah form.
menyediakan
semua
fasilitas yang diperlukan
dalam
membangun
perangkat lunak.
mengacu
pada
windows,
tombol, dialog, menu dan
segala sesuatu visual dalam
aplikasi modern
B. Window Code
Window Code adalah window tempat kita menuliskan progam. Pada window ini
terdapat fasilitas yang cukup lengkap. Jika kita melakukan klik ganda pada sebuah object
yang berupa kontrol atau form maka window code ini akan langsung aktif dan membawa
kursor kita ke tempat penulisan program yang terkait dengan obyek tersebut. Tempat
penulisan berada diantara kata Private Sub dan End Sub.
Untuk mengaktifkan Window Code ada beberapa cara :
1. Klik tombol View Code pada Window Project
2. Dari menu View klik perintah Code
Pada Window Code ini terdapat dua buah fasilitas utama yaitu pemilih object dan
prosedur. Hasil pemilihan akan membawa kursor ke lokasi penulisan kode program sesuai
pemilihan kita.
Private Sub Command1_Click()
........................................
End Sub
Private Sub merupakan awal dari perintah kita untuk
memulai membuat project dari suatu program. Sedangkan end sub
maksudnya yaitu perintah untuk mengakhiri procedure.