SOFT DEPL No.1: Membuat Setup Installation Software dengan InstallShield

<p><style>#vid_6255382854200757617{display:none;}#txt_6255382854200757617{display:block;}</style><br />Pernahkah anda bingung cara membuat installasi setelah anda men-develop sebuah software aplikasi? Pernahkah anda ingin tahu bagaimana membuat setup installasi seperti pada software software profesional??<br /><br />Yup, Visual Studio menyediakan Setup and Deployment untuk anda yang ingin men-package software anda untuk didistribusikan. Bila anda menggunakan Visual Studio 2010/2012, maka terdapat Setup and Deployment yang berisikan “default” dan “Install Shield”.<br /><br />Nah, pada tutorial ini kita akan membahas tentang deployment dengan menggunakan Install Shield tetapi kita akan mencoba fungsi fungsi dasar terlebih dahulu.<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLKzZCyWYjYnZw_uYgGTDd-Pm1XnjhFI53IfGrvYQe3vYiBTmQPJ6PsxptKq3OJh2GEAiDzTXmdSNdkc7hat3YihoqtFXpkEqYanTgbYz2a8ROBXdVFGcfZVlsWfHQf87anokLXFAv5Ftm/s1600/1.SCREENSHOT-setup-installshield.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLKzZCyWYjYnZw_uYgGTDd-Pm1XnjhFI53IfGrvYQe3vYiBTmQPJ6PsxptKq3OJh2GEAiDzTXmdSNdkc7hat3YihoqtFXpkEqYanTgbYz2a8ROBXdVFGcfZVlsWfHQf87anokLXFAv5Ftm/s1600/1.SCREENSHOT-setup-installshield.jpg" /></a></div><br /><a name="more"></a> <br /><div style="clear:both;">Install Shield merupakan sebuah aplikasi yang akan membuat sebuah installation package untuk software kita. Dengan menggunakan installshield ini maka anda tidak perlu bingung proses penginstallan software anda di komputer client seperti shortcut, requirement, registry, dan lain-lain. Mari kita bahas satu persatu dimulai dari project solution pada Visual Studio 2012.<br /><br /><b>1.SEDIAKAN SOFTWARE/PROJECT kita</b><br />Disini saya akan mengambil salah satu aplikasi yang kemarin kemarin telah kita buat dengan bahasa Visual C# yaitu <a href="http://www.mediatutorial.web.id/2013/08/membuat-picture-viewer-rotate-ccw-dan-cw.html">{{{ Metu+ Picture Viewer }}}</a>. Tentu anda masih ingat kan?? :) akan lebih baik lagi jika anda juga menyediakan ‘Icon” untuk aplikasi anda. Icon ini (.ico) dapat anda buat dengan berbagai software berbayar maupun gratis yang bertebaran di Internet.<br /><br />Di atas saya menulis “SOFTWARE/PROJECT”, karena dalam installShield pada Visual Studio, kita dapat membuat installation package baik untuk software yang telah jadi, maupun project solution.<br />Nah, pada Metu+ Picture Viewer project, saya akan mengambil software jadi nya, yaitu di folder \WindowsPhotoViewer\bin\Debug dan saya memilih .exe nya yaitu WindowsPhotoViewer.exe , adan dapat mendownload project tersebut <a href="https://docs.google.com/file/d/0B6_ki5nuY_ysR05QRXZJc0RjUGM/edit?usp=sharing" target="_blank">{{{{{ di sini. }}}}}</a><br /><br /><b>2.BUAT PROJECT BARU “Setup and Deployment” PASTIKAN MEMILIH INSTALL SHIELD</b><br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-UPvrh9s6L4oiRgJB926xZODPDf-qj-fyZIgUJa0ht3TLBbqT7VkaqGfQycoQeHIRxwzUy9PXcCqbqH-EVWB7YlNtatwts91fJ8a8HoI1VPl1piJYzYwbwFOvmwavtpP2PMcogxj5GTq/s1600/2.SCREENSHOT-new-solution-setup-deployment.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT-UPvrh9s6L4oiRgJB926xZODPDf-qj-fyZIgUJa0ht3TLBbqT7VkaqGfQycoQeHIRxwzUy9PXcCqbqH-EVWB7YlNtatwts91fJ8a8HoI1VPl1piJYzYwbwFOvmwavtpP2PMcogxj5GTq/s1600/2.SCREENSHOT-new-solution-setup-deployment.jpg" /></a></div><br />Secara default, menu “InstallShield” memang ada, tetapi untuk anda pengguna baru harus mendownload InstallShield gratis ini ke situsnya yaitu:<a href="http://learn.flexerasoftware.com/content/IS-EVAL-InstallShield-Limited-Edition-Visual-Studio" target="_blank">http://learn.flexerasoftware.com/content/IS-EVAL-InstallShield-Limited-Edition-Visual-Studio</a><br /><br />Anda tinggal mengisikan data lengkap anda kemudian akan digiring ke halaman tempat dimana anda mendapatkan serial number kemudian anda dapat mendownloadnya (60mb-nan).<br /><br />Setelah ter-download silahkan install, aktifkan dengan serial number tadi gratis (harus ada internet connection untuk mengaktifkan).<br /><br /><b>3.LIHAT DAN AMATI INSTALSHIELD ANDA dan AMATI JUGA SOLUTION EXPLORER</b><br />Secara default, Visual Studio terbagi kedalam dua window, yaitu window kiri yang merupakan window utama dan window kanan yang berisikan window solution explorer dan window properties.<br /><br />Bila anda tidak menemukan window ini anda dapat memunculkannya dari menu View pada deretan mendatar menu utama paling atas sendiri.<br /><br />Secara default, window utama dari InstallShield adalah “Project Assistant”, ini adalah simple asisten anda yang akan membantu anda step by step, nah, bila anda ingin lebih advanced, maka anda dapat melihat dan memilih step by step dalam Solution Explorer.<br />Lihat gambar project assistant:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGTjFibVoiXv228d559c2LQmSu71DTG7i-scWhj2n6G_0vpcES8is_-cAL5jROS4co7oY-C_GmL57i4eGTPn0CtglZ_T8A7TtWYenu2m2GcrK7aSwGCQMd01HKqjwvBXYt97DHwdRHMWD/s1600/3.SCREENSHOT-project-assistant.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUGTjFibVoiXv228d559c2LQmSu71DTG7i-scWhj2n6G_0vpcES8is_-cAL5jROS4co7oY-C_GmL57i4eGTPn0CtglZ_T8A7TtWYenu2m2GcrK7aSwGCQMd01HKqjwvBXYt97DHwdRHMWD/s1600/3.SCREENSHOT-project-assistant.jpg" /></a></div><br />Lihat gambar solution explorer:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjxF_L6Etw1sAnCKDOh7AZlAtLsJEgS7GMLoUadx2Li-sxH3rByyaWYSO-_hQ4Ybzf388afYqlqaMw8T4HB5__nPdiI9D6Iyjml0BVayun5NEuWeCW0R5WatH79tUadglSIHP02yHgh3S/s1600/4.SCREENSHOT-solution-explorer.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBjxF_L6Etw1sAnCKDOh7AZlAtLsJEgS7GMLoUadx2Li-sxH3rByyaWYSO-_hQ4Ybzf388afYqlqaMw8T4HB5__nPdiI9D6Iyjml0BVayun5NEuWeCW0R5WatH79tUadglSIHP02yHgh3S/s1600/4.SCREENSHOT-solution-explorer.jpg" /></a></div><br /><i><b>Nah, pada tutorial InstallShield ini, kita akan mencoba untuk menggunakan “Project Assistant”. Sedangkan tutorial versi advanced akan kita bahas pada pembahasan berikutnya. </b></i><br /><br /><b>4.MARI KITA GUNAKAN PROJECT ASSISTANT</b><br />Sekarang mari kita isikan detail software kita pada bagian “Aplication Information”<br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXKcosJTl1m_UcEmEnnv660LNgbhoh3TgKd5T-GS67CWVFvp1wQFNqKV7rK-wq6ez96pR4ImEiQ-WCqEIIYUoHpi_K9vs_pklZe3TFqOFLb1zjpY44R2HvlcY-xBCkeVncKB0QQ8cz9Jf/s1600/5.Aplication-Information.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPXKcosJTl1m_UcEmEnnv660LNgbhoh3TgKd5T-GS67CWVFvp1wQFNqKV7rK-wq6ez96pR4ImEiQ-WCqEIIYUoHpi_K9vs_pklZe3TFqOFLb1zjpY44R2HvlcY-xBCkeVncKB0QQ8cz9Jf/s1600/5.Aplication-Information.jpg" /></a></div>Tidak ada yang sulit dari penjelasan di atas bukan?? Kita hanya memasukan Company kita, kemudian nama dan versi dari aplikasi kita. Mudah bukan?<br /><br /><b>5.MARI KITA KLIK TAB BERIKUTNYA YAITU “Installation Requirements”</b><br />Ini adalah tempat dimana kita dapat mensetting spek software komputer yang bisa menjalankan komputer kita. Bila komputer pengguna tidak memenuhi syarat, maka InstallShield akan menampilkan komfirmasi saat pengguna akan menginstall software kita.<br />lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_eUgLLiynrxzOkVtR8uqZgwljeZMIVYxDWYye8waTmvqVMpUPztNouw7uprBw1W3-7I8mGs7VtruJdU-kPvR8z0SdOO5Q6kcHIb01Ajr-_j-L2Q0Oz9FFd-FQ8ZMv0W96pdE0wWUd5Nm/s1600/6.InstallationRequirements.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD_eUgLLiynrxzOkVtR8uqZgwljeZMIVYxDWYye8waTmvqVMpUPztNouw7uprBw1W3-7I8mGs7VtruJdU-kPvR8z0SdOO5Q6kcHIb01Ajr-_j-L2Q0Oz9FFd-FQ8ZMv0W96pdE0wWUd5Nm/s1600/6.InstallationRequirements.jpg" /></a></div><br />Pada dasarnya setiap software/aplikasi yang kita buat adalah menggunakan settingan default dari Visual Studio, sehingga default nya adalah Microsoft.NET Framework 4.5.1. Nah, software anda ini nantinya hanya dapat di jalankan bila computer klien terinstall .NET FRAMEWORK versi 4.5.1. Anda dapat mensetting framework versi berapa yang anda targetkan melalui click kanan pada project dan pilih properties. Tenang, setiap computer Windows 7 maupun 8 pasti sudah terinstall .NET sehingga anda tidak perlu khawatir komputer klien tidak dapat menjalankan software anda .<br /><br /><b>6.INSTALLATION ARCHITECTURE (Arsitektur installasi)</b><br />Nah, disini maksudnya kita membuat bagian – bagian installasi kita. Misalnya bila anda memiliki lebih dari satu software untuk di install dan ingin semua itu terjadi dalam satu proses install , atau mungkin bila anda punya file .exe , kemudian juga ingin install file lain misalnya .hlp, semua ini dapat dilakukan dengan mensetting arsitektur installasi. TAPI FASILITAS INI HANYA UNTUK InstallShield versi premiere, professional, dan express, tidak untuk Limited Edison gratisan dari VisualStudio.<br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQHVqlaHC1iNST4KYnTwdMqZfSzHmPOElPl0FOjCDo-yWZi1g7MwPdeBxKE9K7poF0ohRiwQn89Sgdp6J0y5V9SFQYqIRDIASCDVKa_rzDAaBHS_B-Ynbyn4iPQIGjcJiLnn319TjmFzS7/s1600/7.InstallationArchitexture.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQHVqlaHC1iNST4KYnTwdMqZfSzHmPOElPl0FOjCDo-yWZi1g7MwPdeBxKE9K7poF0ohRiwQn89Sgdp6J0y5V9SFQYqIRDIASCDVKa_rzDAaBHS_B-Ynbyn4iPQIGjcJiLnn319TjmFzS7/s1600/7.InstallationArchitexture.jpg" /></a></div><br /><b>7.MARI KITA MASUKAN SOFTWARE JADI KITA</b><br />Pada bagian “Aplication Files”, kita dapat memasukan semua file yang kita butuhkan, dapat membuat folder baru dan lain sebagainya. Bukan hanya files saja, tapi juga output project anda.<br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-ofhvb6jGw7i3PStDt9dscPIZ5c9ru5-eNI5-Ffv8RLcYBwsEVygX_OIlPEjAjnmgxXiPzrPKcqT28vxlAolKCZKtvy3EtUkxUEJsN_B5RhkkB4UzqGnwOEK-7s87ZDUvhdKWKz6ew35/s1600/8.AplicationFiles.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhY-ofhvb6jGw7i3PStDt9dscPIZ5c9ru5-eNI5-Ffv8RLcYBwsEVygX_OIlPEjAjnmgxXiPzrPKcqT28vxlAolKCZKtvy3EtUkxUEJsN_B5RhkkB4UzqGnwOEK-7s87ZDUvhdKWKz6ew35/s1600/8.AplicationFiles.jpg" /></a></div><br />Anda dapat melihat, pada gambar di atas saya meng-click tombol add files, kemudian saya memasukan aplikasi yang sudah jadi (.exe) kemudian saya rename foldernya, supaya nanti software dapat dikategorikan dalam satu perusahaan yang sama.<br /><br />Software aplikasi di atas saya tambahkan ke dalam folder “ProgramFiles” pada komputer klien, nah, bukan hanya folder “ProgramFiles” saja yang dapat anda tambahkan filenya, juga bisa anda menambahkan file pada folder “AppData” dan pada folder “CommonFiles”.<br /><br /><b>8.MARI KITA SETTING SHORTCUT NYA</b><br />Pada bagian ini, kita hanya mensetting shortcut. Tidak ada yang sulit dalam bagian ini, kita hanya perlu baca dan pahami serta coba.<br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GsXW3gx-HSd_wR87wVhvfwezj2KL2OjoiptWwzsWuY347znEsSGJMLYsC-BUFLQA9nqaSWhePUTZCRdxViNQdMmM-xOajfM6QL-q5uYpnZFcT28XOH-0yA9TmWAy_pWBiW07A54-ZB6V/s1600/9.CreateShortCut.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6GsXW3gx-HSd_wR87wVhvfwezj2KL2OjoiptWwzsWuY347znEsSGJMLYsC-BUFLQA9nqaSWhePUTZCRdxViNQdMmM-xOajfM6QL-q5uYpnZFcT28XOH-0yA9TmWAy_pWBiW07A54-ZB6V/s1600/9.CreateShortCut.jpg" /></a></div><br /><b>9.MARI KITA TAMBAHKAN REGISTRY YANG DIPERLUKAN UNTUK SOFTWARE KITA</b><br />Nah, pada bagian berikutnya kita dapat menambahkan Registry, apa sih registry?? Kita akan bahas pada tutorial selanjutnya.<br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5Swtxb1sF0sfsdUMH8pNks0ga42liSdA1WQoHUkihl8pvOQCFpBxuI_8LayFyHTHrOGlyzsdLh04_Fo4nF9VN886RhteP8wORYo8Wrv4IUYbxXW0oVRdVjlSNzWSi8hUWhxqZQ9ibMP7/s1600/10.Registry.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix5Swtxb1sF0sfsdUMH8pNks0ga42liSdA1WQoHUkihl8pvOQCFpBxuI_8LayFyHTHrOGlyzsdLh04_Fo4nF9VN886RhteP8wORYo8Wrv4IUYbxXW0oVRdVjlSNzWSi8hUWhxqZQ9ibMP7/s1600/10.Registry.jpg" /></a></div><br /><b>10.YANG BERIKUTNYA ADALAH BAGIAN “Installation Interview”.</b><br />Pada bagian ini anda akan diberikan opsi tentang License Agreement Dialog untuk software anda, opsi tentang apakah user anda izinkan untuk menginstall selain pada folder installasi dan lain lain.<br /><br /><b>11.YANG TERAKHIR, BUILD!!</b><br />Nah, yang terakhir adalah, setelah kita menggunakan “Project Assistant”, kita dapat melihat ke solution explorer kita. Kita perlu BUILD supaya semua project InstallShield ter BUILD.<br /><br /><b>Caranya, pada solution explorer – klik kanan project – pilih build. Selesai. Mudah bukan?</b><br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUICUufUXLSCK5LRzptNNQvqpLh2_1jjjbqgjaRqJTQNE2-PybUY1nyH17hTcUHIq22DdaJiA-93tChlX9dG4v3_vbMlmw76VINIyrv_tNJUuUIcUM1kqwnyrZgLp-zkhrrR2xV_DC7vK/s1600/11.BUILD.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTUICUufUXLSCK5LRzptNNQvqpLh2_1jjjbqgjaRqJTQNE2-PybUY1nyH17hTcUHIq22DdaJiA-93tChlX9dG4v3_vbMlmw76VINIyrv_tNJUuUIcUM1kqwnyrZgLp-zkhrrR2xV_DC7vK/s1600/11.BUILD.jpg" /></a></div><br />Bila anda tidak ingin menggunakan “Project Assistant” seperti contoh di atas, anda dapat mengedit satu satu poin yang ada pada solution explorer ini untuk advanced project. Kita akan membahas sedikit demi sedikit tentang isi dari solution explorer ini pada tutorial-tutorial selanjutnya.<br />Nah, hasil dari BUILD dapat anda buka pada folder BUILD InstallShield solution, <br />Lihat gambar:<br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihicn27q3Gp4dvqXvjE46vPUQsGxuNqgn6OsCy3gZar9JKIrxzu8TEHP_8OowY3BTqRWI5E6PZG7uNBdK2OYQL4oco9jnW7GigBCDR6f1NboTQ-MO2m6PLmEVBHQyqwB_J7h6nQFhZus7n/s1600/12.HasilAkhir.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihicn27q3Gp4dvqXvjE46vPUQsGxuNqgn6OsCy3gZar9JKIrxzu8TEHP_8OowY3BTqRWI5E6PZG7uNBdK2OYQL4oco9jnW7GigBCDR6f1NboTQ-MO2m6PLmEVBHQyqwB_J7h6nQFhZus7n/s1600/12.HasilAkhir.jpg" /></a></div><br />Mudah sekali bukan ternyata,,,,<br /><br />Silahkan anda distribusikan file “setup.exe” tersebut, install di komputer klien dan semua akan jalan sebagaimana semestinya termasuk membuat shortcut di desktop.<br />Selamat mencoba dan semoga bermanfaat.<br /><br /></div></p>

Pernahkah anda bingung cara membuat installasi setelah anda men-develop sebuah software aplikasi? Pernahkah anda ingin tahu bagaimana membua...