Pages

Wednesday, January 13, 2010

Membuat Windows Installer (Setup) dengan Visual Studio 2005

  1. Buka project yang Anda buat terlebih dahulu.
  2. Selanjutnya klik File > Add > New Project… Pada kotak dialog New Project perluas Other Project Types dan pilih Setup and Deployement. Pada bagian Templates pilih Setup Project dan beri Name dengan nama Setup (bebas) seperti gambar.

  3. Pada jendela Solution Explorer akan terdapat sebuah project baru dengan nama Deployment.

  4. Terdapat dua cara untuk menambahkan program yang Anda buat kedalam Setup. Pastikan bahwa Setup Project merupakan file yang sedang aktif (tampak seperti gambar diatas).
    1. Klik menu Project > Add > Project Output… , atau
    2. Pada Solution Explorer klik kanan pada project Deployment, akan muncul pop up seperti di bawah ini, pilih Add > Project Output

  5. Setelah Anda meng-klik Project Output maka akan muncul jendela seperti di bawah ini, Pada opsi Project, pilih project yang Anda buat (jika lebih dari satu), klik OK.

  6. Pada tahap ini sebenarnya project Setup yang Anda buat sudah jadi, namun kita akan menambahkan Property Deployment agar file Setup lebih bagus, dengan nama produk, persetujuan lisensi, serial number, dll.
  7. Berikut properti deployment yang penting.

  8. Di bawah ini merupakan jendela File System Editor, yang dapat Anda munculkan dengan klik menu View > Editor > File System, Editor ini digunakan untuk membuat folder di mesin pengguna, menambahkan file tertentu misalnya readme.txt, membuat shortcut aplikasi ke desktop, dll.
  9. Untuk menambahkan file seperti icon, readme, lisensi. Klik menu Project > Add > File atau dapat menggunakan klik kanan seperti gambar dibawah ini.
  10. Setelah kita memasukan file yang kita inginkan, misalnya icon. Sebaiknya file yang kita ingin masukan kedalam project berada dalam 1 folder dengan project yang kita buat agar nantinya apabila kita memidahkan project kita, tidak ada file yang hilang.

  11. Untuk mengganti icon program yang kita buat, maka kita harus membuat shortcut terlebih dahulu dengan mengklik kanan pada Primary output from HokiTekno, seperti gambar di bawah ini.
  12. Kemudian ubah nama file sesuai dengan nama program Anda, pada jendela properties Icon pilih icon yang sudah Anda masukkan sebelumnya.

  13. Pindahkan file shortcut yang Anda buat tadi ke User’s Desktop yang berfungsi untuk membuat shortcut ke desktop komputer Anda. Ulangi pembuatan shortcut di atas dan pidahkan ke User’s Programs Menu untuk menampilkan shortcut program Anda pada Start Menu.

  14. Sekarang kita akan merubah tampilan sewaktu Setup. Klik menu View > Editor > User Interface.

  15. Tampilan akan muncul sebagai berikut. Pada bagian Install terdapat tiga bagian yaitu: Start, Progress, End. Kita akan menambah 3 buah kotak dialog yang merupakan tahap Start yaitu Splash, License Agreement, Customer Information.
  16. Klik kanan pada Start, kemudian pilih Add Dialog

  17. Muncul jendela seperti dibawah ini, tekan tombol Ctrl dan tahan untuk memilih Splash, User Information, dan License Agreement.

  18. Kemudian susun urutan pada Start dengan urutan Splash, Welcome, Lisence Agreement, Customer Information, Installation Folder, Confirm Installation.
  19. Untuk mengatur Customer Information, klik pada Customer Information. Atur properti SerialNumberTemplate dengan “<###-%%%%%>” dan properti ShowSerialNumber dengan True. Validasi % yaitu dengan menjumlahkan semua digit % kemudian dibagi 7, jika sisa pembagian 0 maka sukses.
  20. Memasukkan file License Agreement, klik Lisence Agreement kemudian atur properti LicenseFile dan pada kotak drop-down yang muncul pilih (Browse…). Akan muncul kotak dialog, klik ganda pada folder Application Folder kemudian pilih file lisensi Anda.
  21. Jika ingin menggunakan splash screen masukkan gambar yang Anda inginkan pada properti SplashBitmap.
  22. Tahap akhir kita membangun file Setup dengan klik menu Build > Build .