Lompat ke konten
BerandaDesktopWindowsWindows 7Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 2)

Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 2)

Pembaca setia Windowsku, melanjutkan artikel pada part 1 kemaren, yaitu membuat aplikasi Picture Viewer dengan Visual Studio Express. Pada part 1, anda telah mengerti bagaimana cara instalasi dari Visual Studio Express 2012. Dan juga melakukan register produk, agar Visual Studio Express 2012 dapat anda gunakan. Sekarang, mari kita lanjutkan tutorialnya di part 2 ini.

Jika anda belum membaca part sebelumnya, anda bisa mengklik link dibawah ini untuk mempelajarinya:
  1. Programming Tutorial: Membuat Aplikasi Picture Viewer Sederhana Dengan Visual Studio Express (Part 1)
Pada tutorial part 2, anda akan mulai menggunakan Visual Studio Express 2012. Mari kita mulai tutorialnya.
Membuat Project Baru di Visual Studio Express 2012

Hal pertama yang harus anda lakukan adalah membuat proyek baru di Visual Studio. Caranya adalah buka Visual Studio Express 2012 dan klik File > New Project.
Lalu, klik ‘Visual Basic’ pada panel sebelah kiri dan pilih ‘Windows Forms Application’. Berikan nama pada proyeknya. Nama proyek terserah anda. Jika sudah, klik OK.
Mengenal tampilan Visual Studio Express 2012

Sebelum kita melanjutkan pembuatan aplikasi Picture Viewer, ada baiknya anda mengenal terlebih dahulu interface atau tampilan utama dari Visual Studio Express 2012. Bisa anda lihat pada gambar dibawah ini:
Ada 3 bagian utama dari tampilan utama Visual Studio Express 2012. Yaitu sebagai berikut:
  1. Main Window: Disini, anda akan membuat aplikasi anda. Anda akan melakukan banyak pekerjaan dalam bagian ini.
  2. Solution Explorer Window: Disini, anda dapat mengatur berbagai elemen dari aplikasi yang anda buat. Jika anda mengklik salah satu file kode (biasanya elemen tersebut berekstensi *.cs dan lain-lain), maka kode di dalam file tersebut akan terbuka.
  3. Properties Window: Disini, anda bisa melihat properti dari aplikasi yang anda buat. Misalnya anda membuat sebuah form. Maka, anda bisa merubah nama form ini di Properties Window pada bagian ‘Title’.
Sekarang, anda telah mengerti dasar-dasar dari tampilan Visual Studio Express 2012. Selanjutnya, anda akan mengetahui bagaimana cara menjalankan aplikasi.
Menjalankan aplikasi (Running) yang anda buat

Memang aplikasi yang kita buat belum ada, namun untuk mencoba aplikasi yang nantinya kita buat, kita harus melakukan Running/Debugging terhadap program. Dengan begitu, aplikasinya dapat terlihat. Untuk mulai melihat aplikasi yang anda buat, klik ‘Debug’ dan klik ‘Start Debugging’. 
TIPS: Anda bisa menekan tombol F5 untuk membuka aplikasi yang anda buat
Setelah anda running, maka aplikasi anda akan tampil:
Karena kita belum menambahkan apapun dalam form kita, maka tidak ada apapun saat anda running. Mari, kita lanjutkan ke tahap selanjutnya.
Mengatur Properties untuk form anda

Setelah itu, anda perlu melakukan setting atau pengaturan terhadap form yang anda buat. Klik window ‘Form1’ pada main window dan lihatlah pada ‘Properties Window’. Lalu, klik icon ‘Alphabetical’ (di gambar, saya menandainya dengan lingkaran merah) untuk mengurutkan semua properti di Properties Window secara urut dari A-Z. Lalu, scroll ke bawah dan cari properti ‘Text’. Ubah namanya menjadi ‘Picture Viewer’.
Selanjutnya, lihatlah Form1 yang anda buat. Di sekelilingnya, ada icon ‘kotak putih’. Jika anda klik dan drag, maka ukurannya akan berubah. Silahkan anda coba klik dan drag ‘kotak putih’ itu untuk mengubah ukuran dari Form1.
Sekarang, lihatlah pada Properties Window. Pada properti ‘Size’, ukurannya telah berubah karena anda telah memperbesar ukuran dari Picture Viewer. Untuk proyek ini, silahkan ubah properti ‘size’ menjadi ‘550; 350’ dan tekan enter. Maka, ukuran Picture Viewer (karena properti ‘text’ telah dirubah jadi Form1 menjadi Picture Viewer) akan berubah.
Sekarang, coba lakukan running/Start debugging terhadap program anda. Lihatlah sekarang ukurannya telah berubah.
Menyimpan proyek Picture Viewer

Agar aplikasi atau software yang anda buat tidak hilang, tentu saja anda harus menyimpannya. Untuk menyimpan proyek, caranya adalah klik File > Save All. Dengan begitu, semua form dan elemen yang anda buat akan disimpan.
Ringkasan

Pada Part 2 ini, anda telah belajar:
  1. Membuat proyek baru di Visual Studio Express 2012
  2. Mempelajari tampilan Visual Studio Express 2012
  3. Menjalankan aplikasi yang anda buat
  4. Mengatur properties untuk Windows Form Aplication
  5. Menyimpan proyek aplikasi anda
Pada part selanjutnya, kita akan membuat layout dari aplikasi Picture Viewer dan menambahkan beberapa elemen. Jadi, tetap kunjungi Windowsku, Pusat Informasi Komputer dan Windows untuk mengetahui cara membuat Picture Viewer!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *