SlideShare a Scribd company logo
1 of 10
LAPORAN PEMROGRAMAN VISUAL
          PROGRAM SLIDESHOW
DENGAN MENGGUNAKAN BORLAND C++ BUILDER




                  OLEH :
            FENTY TRI HIDAYATI
               (09091003058)




         JURUSAN SISTEM INFORMASI
         FAKULTAS ILMU KOMPUTER
          UNIVERSITAS SRIWIJAYA
                 2010/2011
1.   Fundamental Visual Program dalam Bahasa C++

       Konsep Pemrograman Visual, dari pengertiannya sendiri pemrograman
visual adalah perancangan antarmuka grafis yang melibatkan kode-kode
program.

       - GUI (Graphical User Interface)

       - Visual component (instant)-> input, proses, output

       - Object Oriented Programming

       - Event Driven Programming

       - C++ Programming

       - IDE (Integrated Development Environtment)

  2.   Screenshot dari Rancangan Form Program Slideshow dalam borland
       C++ builder

     Slideshow adalah menampilkan beberapa gambar secara bergantian
  secara otomatis dengan waktu atau kondisi yang ditentukan. Adapun salah
  satu program yang bisa membuat slideshow, yaitu dengan menggunakan
  borland C++ builder.

    Screenshot dari rancangan program slideshow yang saya buat
  menggunakan borland C++ builder yaitu :
•   Langkah pertama klik toolbar additional lalu klik menu image, klik menu
      image lalu drag gambar ke form, lihat gambar.

     Dalam program slideshoe yang saya buat terdapat tiga buah image yang
  berisi gambar dan berganti dan satu image yang kosong berfungsi untuk
  menampung satu gambar yang berubah jadi gambar yang lain, jadi dalam
  perancangannya terdapat empat image (tiga fungsional dan satu image yang
  kosong).

  •   Lalu untuk menginput gambar pilih di form object inspector pilih
      properties. Pada properties terdapat picture, lihat gambar




      Untuk meng-input gambar klik pada gambar, lalu tampil dialog pilih load




Lakukan sampai dengan gambar ketiga, biarkan gambar keempat kosong lalu
tumpuk keempat gambar menjadi satu.
•   Langkah selanjutnya pada toolbar standar pilih menu button, fungsinya
    untuk memproses nilai, mulai dan berhenti pada program slideshow.
    Sertakan pula menu timer pada toolbar system untuk pengaturan waktu
    menyangkut kondisi proses. Seperti gambar dibawah ini :




    Hasil akhir dari perancangan program slideshow ini sebagai berikut :
Gambar setelah di klik button1, start.




Gambar setelah di klik button2, stop.
3. Komponen-Komponen Visual dan Non Visual yang Terlibat



• Form

  Form merupakan parent dari objek berfungsi sebagai tempat untuk
  merancang design untuk aplikasi yang akan kita buat, dan juga sebagai
  tempat untuk meletakkan komponen-komponen yang kita ambil dari
  component palette.

  Form juga merupakan komponen visual input. Form memiliki 2 bagian
  yaitu object treeView dan object Inspector.



• Image

  Pada toolbar komponen Additional pilih menu image. Menu ini berfungsi
  untuk menginput gambar. Menu image merupakan komponen visual
  input. Gambar diambil dari object inspector



• Button

  Pada toolbar komponen standart pilih menu button. Button merupakan
  komponen dasar Borland C++ Builder dalam melakukan sebuah event.
  Button termasuk komponen visual input. Cara pengunaannya yaitu
  dengan drag and drop menu button ke dalam form utama. Kemudian kita
  bisa mengedit bagian menu ini di properties sesuai kegunaannya.



• Timer

  Pada toolbar komponen system pilih menu timer . menu timer merupakan
  komponen visual proses. Adapun fungsi dari timer yaitu untuk
  pengaturan waktu menyangkut kondisi proses.




                            Object Treeview
Object TreeView adalah bagian yang berisi daftar komponen yang
     digunakan dalam designer. Dengan model tampilan bercabang, akan
     memudahkan kita dalam menunjuk komponen tertentu terutama jika
     aplikasi yang dibuat menggunakan banyak komponen.




1.    Button1

     Dalam program slideshow ini terdapat dua button. Pada button1 diganti
     nama caption nya menjadi Start. Button berfungsi untuk melakukan
     sebuah event, jika di klik akan memulai slideshow.
Cara membuat codingnya, klik button1 lalu pilih event pada object
  inspector. Klik 2kali pada OnClick

  Source Code :

    void __fastcall TForm1::Button1Click(TObject *Sender)
    {
            Timer1 -> Enabled = True;


         Image4 -> Picture = Image3 -> Picture;

         Image3 -> Picture = Image2 -> Picture;

         Image2 -> Picture = Image1 -> Picture;

         Image1 -> Picture = Image4 -> Picture;

         Timer1 -> OnTimer = Button1Click;
    }




2. Button2
Pada button2 diganti caption nya menjadi stop. Berfungsi jika di klik
  akan menghentikan slideshow.

  Source Code :

    void __fastcall TForm1::Button2Click(TObject *Sender)
    {
         Timer1 -> Enabled = False;
    }




3. Image

  Dalam program ini terdapat 4 gambar (empat image) terdiri dari tiga buah
  image yang berisi gambar yang berganti dan satu image yang kosong
  berfungsi untuk menampung satu gambar yang berubah jadi gambar yang
  lain. Setelah ketiga image dimasukkan gambar yang diinginkan maka
  tumpuk keempat gambar menjadi satu.



4. Timer1

  Timer berfungsi untuk pengaturan waktu menyangkut kondisi proses.




  Object Inspector



        Object Inspector adalah bagian yang digunakan untuk
  memanipulasi sifat atau karakteristik dan event dari komponen yang kita
  gunakan dalam form designer. Jendela object inspector terbagi menjadi
  dua bagian tab, yaitu tab property dan tab event. Tab property digunakan
  untuk memanipulasi properti yang dimiliki oleh komponen tertentu,
  misalkan ukuran, warna dan caption dari komponen.

        Sedangkan Tab Event digunakan untuk menangani pemasukan
  kode pada kejadian tertentu dari suatu komponen, misalnya : kejadian
  ketika komponen button (tombol) diklik atau onClick. Sebagaimana yang
telah dijelaskan di atas, salah satu fungsi dari object inspector ini adalah
untuk mengatur property dari komponen, pengaturan tersebut tidak akan
disimpan pada file unit, melainkan akan disimpan pada file form.

More Related Content

What's hot

Penuntun imk informatika_2015
Penuntun imk informatika_2015Penuntun imk informatika_2015
Penuntun imk informatika_2015
Abdul Hafid
 
Pertemuan 4 alert dan toast
Pertemuan 4 alert dan toastPertemuan 4 alert dan toast
Pertemuan 4 alert dan toast
heriakj
 
Pertemuan 11 thread dan asyntask
Pertemuan 11 thread dan asyntaskPertemuan 11 thread dan asyntask
Pertemuan 11 thread dan asyntask
heriakj
 
Koneksi Delphi Database MySQL
Koneksi Delphi Database MySQLKoneksi Delphi Database MySQL
Koneksi Delphi Database MySQL
Prima Wisesa
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
Afifa Rosyida
 
Pemrograman visual basic
Pemrograman visual basicPemrograman visual basic
Pemrograman visual basic
ahmadranddy
 
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
Nurdin Al-Azies
 
Modul pemrograman-1-revisi
Modul pemrograman-1-revisiModul pemrograman-1-revisi
Modul pemrograman-1-revisi
Yang Terluka
 

What's hot (15)

Pertemuan 6 tabview
Pertemuan 6 tabviewPertemuan 6 tabview
Pertemuan 6 tabview
 
Vbasic access
Vbasic accessVbasic access
Vbasic access
 
Modul delphi
Modul delphiModul delphi
Modul delphi
 
Penuntun imk informatika_2015
Penuntun imk informatika_2015Penuntun imk informatika_2015
Penuntun imk informatika_2015
 
Pertemuan 4 alert dan toast
Pertemuan 4 alert dan toastPertemuan 4 alert dan toast
Pertemuan 4 alert dan toast
 
Uts
UtsUts
Uts
 
Modul delphi-7
Modul delphi-7Modul delphi-7
Modul delphi-7
 
Dasar dasar pemograman_delphi
Dasar dasar pemograman_delphiDasar dasar pemograman_delphi
Dasar dasar pemograman_delphi
 
Pertemuan 11 thread dan asyntask
Pertemuan 11 thread dan asyntaskPertemuan 11 thread dan asyntask
Pertemuan 11 thread dan asyntask
 
Koneksi Delphi Database MySQL
Koneksi Delphi Database MySQLKoneksi Delphi Database MySQL
Koneksi Delphi Database MySQL
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
36 JBK Borland Delphi 7
36 JBK Borland Delphi 736 JBK Borland Delphi 7
36 JBK Borland Delphi 7
 
Pemrograman visual basic
Pemrograman visual basicPemrograman visual basic
Pemrograman visual basic
 
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
Membuat Sistem Informasi Penjualan Retail dengan SQL Server dan VB 6
 
Modul pemrograman-1-revisi
Modul pemrograman-1-revisiModul pemrograman-1-revisi
Modul pemrograman-1-revisi
 

Similar to Laporan pemrograman visual

Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
hasznud89
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
Alan Alan
 
Visual basic bsi 2
Visual basic bsi 2Visual basic bsi 2
Visual basic bsi 2
erna irawan
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
Sepri Tarigan
 
Laporan Praktikum Algoritma Pemrograman Modul VI-GUI
Laporan Praktikum Algoritma Pemrograman Modul VI-GUILaporan Praktikum Algoritma Pemrograman Modul VI-GUI
Laporan Praktikum Algoritma Pemrograman Modul VI-GUI
Shofura Kamal
 
Tutorial membuat Simulasi Visual
Tutorial membuat Simulasi VisualTutorial membuat Simulasi Visual
Tutorial membuat Simulasi Visual
Romiy RoMett
 
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal ReportInsert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
Rahmat Taufiq Sigit
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
Afifa Rosyida
 
new Chapter 2 - New Project Visual Studio C#.pdf
new Chapter 2 - New Project Visual Studio C#.pdfnew Chapter 2 - New Project Visual Studio C#.pdf
new Chapter 2 - New Project Visual Studio C#.pdf
rahmantoyuri
 

Similar to Laporan pemrograman visual (20)

Pengenalan Dasar Visual Basic - bagian 3
Pengenalan Dasar Visual Basic - bagian 3Pengenalan Dasar Visual Basic - bagian 3
Pengenalan Dasar Visual Basic - bagian 3
 
20110323 modul1 vb
20110323 modul1 vb20110323 modul1 vb
20110323 modul1 vb
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Visual basic bsi 2
Visual basic bsi 2Visual basic bsi 2
Visual basic bsi 2
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
Event & Property VB - dasar visual basic bagian 4
Event & Property VB - dasar visual basic bagian 4Event & Property VB - dasar visual basic bagian 4
Event & Property VB - dasar visual basic bagian 4
 
Modul 1-AP3-Deplhi-Unpar
Modul 1-AP3-Deplhi-UnparModul 1-AP3-Deplhi-Unpar
Modul 1-AP3-Deplhi-Unpar
 
Laporan Praktikum Algoritma Pemrograman Modul VI-GUI
Laporan Praktikum Algoritma Pemrograman Modul VI-GUILaporan Praktikum Algoritma Pemrograman Modul VI-GUI
Laporan Praktikum Algoritma Pemrograman Modul VI-GUI
 
Seri 3 mengenal app inventor lebih dalam 2012
Seri 3 mengenal app inventor lebih dalam 2012Seri 3 mengenal app inventor lebih dalam 2012
Seri 3 mengenal app inventor lebih dalam 2012
 
Tutorial membuat Simulasi Visual
Tutorial membuat Simulasi VisualTutorial membuat Simulasi Visual
Tutorial membuat Simulasi Visual
 
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal ReportInsert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
Insert, Edit, Delete pada VB 2010 dengan DB Mysql dan Crystal Report
 
modul animasi.pdf
modul animasi.pdfmodul animasi.pdf
modul animasi.pdf
 
Chapter 02 - Pembuatan Projek Baru
Chapter 02 - Pembuatan Projek BaruChapter 02 - Pembuatan Projek Baru
Chapter 02 - Pembuatan Projek Baru
 
Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1Dasar pemrograman-visual-basic1
Dasar pemrograman-visual-basic1
 
new Chapter 2 - New Project Visual Studio C#.pdf
new Chapter 2 - New Project Visual Studio C#.pdfnew Chapter 2 - New Project Visual Studio C#.pdf
new Chapter 2 - New Project Visual Studio C#.pdf
 
Belajar pemrograman
Belajar pemrogramanBelajar pemrograman
Belajar pemrograman
 
Tutorial membuat animasi
Tutorial membuat animasiTutorial membuat animasi
Tutorial membuat animasi
 
Ebook visual basic 6 -Indonesia language(fr.www.kuyhaa-android19.com)
Ebook visual basic 6 -Indonesia language(fr.www.kuyhaa-android19.com)Ebook visual basic 6 -Indonesia language(fr.www.kuyhaa-android19.com)
Ebook visual basic 6 -Indonesia language(fr.www.kuyhaa-android19.com)
 
TIK BAB 1
TIK BAB 1TIK BAB 1
TIK BAB 1
 

Laporan pemrograman visual

  • 1. LAPORAN PEMROGRAMAN VISUAL PROGRAM SLIDESHOW DENGAN MENGGUNAKAN BORLAND C++ BUILDER OLEH : FENTY TRI HIDAYATI (09091003058) JURUSAN SISTEM INFORMASI FAKULTAS ILMU KOMPUTER UNIVERSITAS SRIWIJAYA 2010/2011
  • 2. 1. Fundamental Visual Program dalam Bahasa C++ Konsep Pemrograman Visual, dari pengertiannya sendiri pemrograman visual adalah perancangan antarmuka grafis yang melibatkan kode-kode program. - GUI (Graphical User Interface) - Visual component (instant)-> input, proses, output - Object Oriented Programming - Event Driven Programming - C++ Programming - IDE (Integrated Development Environtment) 2. Screenshot dari Rancangan Form Program Slideshow dalam borland C++ builder Slideshow adalah menampilkan beberapa gambar secara bergantian secara otomatis dengan waktu atau kondisi yang ditentukan. Adapun salah satu program yang bisa membuat slideshow, yaitu dengan menggunakan borland C++ builder. Screenshot dari rancangan program slideshow yang saya buat menggunakan borland C++ builder yaitu :
  • 3. Langkah pertama klik toolbar additional lalu klik menu image, klik menu image lalu drag gambar ke form, lihat gambar. Dalam program slideshoe yang saya buat terdapat tiga buah image yang berisi gambar dan berganti dan satu image yang kosong berfungsi untuk menampung satu gambar yang berubah jadi gambar yang lain, jadi dalam perancangannya terdapat empat image (tiga fungsional dan satu image yang kosong). • Lalu untuk menginput gambar pilih di form object inspector pilih properties. Pada properties terdapat picture, lihat gambar Untuk meng-input gambar klik pada gambar, lalu tampil dialog pilih load Lakukan sampai dengan gambar ketiga, biarkan gambar keempat kosong lalu tumpuk keempat gambar menjadi satu.
  • 4. Langkah selanjutnya pada toolbar standar pilih menu button, fungsinya untuk memproses nilai, mulai dan berhenti pada program slideshow. Sertakan pula menu timer pada toolbar system untuk pengaturan waktu menyangkut kondisi proses. Seperti gambar dibawah ini : Hasil akhir dari perancangan program slideshow ini sebagai berikut :
  • 5. Gambar setelah di klik button1, start. Gambar setelah di klik button2, stop.
  • 6. 3. Komponen-Komponen Visual dan Non Visual yang Terlibat • Form Form merupakan parent dari objek berfungsi sebagai tempat untuk merancang design untuk aplikasi yang akan kita buat, dan juga sebagai tempat untuk meletakkan komponen-komponen yang kita ambil dari component palette. Form juga merupakan komponen visual input. Form memiliki 2 bagian yaitu object treeView dan object Inspector. • Image Pada toolbar komponen Additional pilih menu image. Menu ini berfungsi untuk menginput gambar. Menu image merupakan komponen visual input. Gambar diambil dari object inspector • Button Pada toolbar komponen standart pilih menu button. Button merupakan komponen dasar Borland C++ Builder dalam melakukan sebuah event. Button termasuk komponen visual input. Cara pengunaannya yaitu dengan drag and drop menu button ke dalam form utama. Kemudian kita bisa mengedit bagian menu ini di properties sesuai kegunaannya. • Timer Pada toolbar komponen system pilih menu timer . menu timer merupakan komponen visual proses. Adapun fungsi dari timer yaitu untuk pengaturan waktu menyangkut kondisi proses. Object Treeview
  • 7. Object TreeView adalah bagian yang berisi daftar komponen yang digunakan dalam designer. Dengan model tampilan bercabang, akan memudahkan kita dalam menunjuk komponen tertentu terutama jika aplikasi yang dibuat menggunakan banyak komponen. 1. Button1 Dalam program slideshow ini terdapat dua button. Pada button1 diganti nama caption nya menjadi Start. Button berfungsi untuk melakukan sebuah event, jika di klik akan memulai slideshow.
  • 8. Cara membuat codingnya, klik button1 lalu pilih event pada object inspector. Klik 2kali pada OnClick Source Code : void __fastcall TForm1::Button1Click(TObject *Sender) { Timer1 -> Enabled = True; Image4 -> Picture = Image3 -> Picture; Image3 -> Picture = Image2 -> Picture; Image2 -> Picture = Image1 -> Picture; Image1 -> Picture = Image4 -> Picture; Timer1 -> OnTimer = Button1Click; } 2. Button2
  • 9. Pada button2 diganti caption nya menjadi stop. Berfungsi jika di klik akan menghentikan slideshow. Source Code : void __fastcall TForm1::Button2Click(TObject *Sender) { Timer1 -> Enabled = False; } 3. Image Dalam program ini terdapat 4 gambar (empat image) terdiri dari tiga buah image yang berisi gambar yang berganti dan satu image yang kosong berfungsi untuk menampung satu gambar yang berubah jadi gambar yang lain. Setelah ketiga image dimasukkan gambar yang diinginkan maka tumpuk keempat gambar menjadi satu. 4. Timer1 Timer berfungsi untuk pengaturan waktu menyangkut kondisi proses. Object Inspector Object Inspector adalah bagian yang digunakan untuk memanipulasi sifat atau karakteristik dan event dari komponen yang kita gunakan dalam form designer. Jendela object inspector terbagi menjadi dua bagian tab, yaitu tab property dan tab event. Tab property digunakan untuk memanipulasi properti yang dimiliki oleh komponen tertentu, misalkan ukuran, warna dan caption dari komponen. Sedangkan Tab Event digunakan untuk menangani pemasukan kode pada kejadian tertentu dari suatu komponen, misalnya : kejadian ketika komponen button (tombol) diklik atau onClick. Sebagaimana yang
  • 10. telah dijelaskan di atas, salah satu fungsi dari object inspector ini adalah untuk mengatur property dari komponen, pengaturan tersebut tidak akan disimpan pada file unit, melainkan akan disimpan pada file form.