SETUP PROJECT (C#)Naruemon SoonthongBangbowitthayakhom School

เมอเรยนจบแลว นกเรยนสามารถสรางชดการตดตงโปรแกรมได

เมอเรยนจบแลว นกเรยนสง โฟลเดอรไฟลตดตง พรอมไฟล

ประกอบ (Readme/Logo/License)

ไฟลทนกเรยนไดรบบน DESKTOP เปนไฟลบบอด ใหนกเรยนทำ�ก�รแตกไฟล จะได 1 โฟลเดอร ชอ setup นกเรยนสร�งโฟลเดอรตนเองใหม ในโฟลเดอร setup ตวอย�งก�รตงชอ5701วศรต

นกเรยนสร�งไฟล Readme.rtf (Rich Text Format) และบนทกลงโฟลเดอรตนเอง

นกเรยนสร�งไฟล License.txt (Plain Text) และบนทกลงโฟลเดอรตนเอง

นกเรยนสร�งไฟล logo.bmp ( ขน�ด 700 * 50 pixel) และบนทกลงโฟลเดอรตนเอง

ตวอย�งไฟล logo.bmp

ตวอย�งไฟล Readme.rtf

ตวอย�งไฟล License.txt

ก�รสร�งชดตดตง แบบ SETUP PROJECT

เปนก�รเพมโปรเจกตอกหนงตวเข�ไปใน SOLUTION ของแอพพลเคชนทพฒน�ดวย WINDOWS INSTALLER ซงเปนตวชวยในก�รตดตงแอพพลเคชน

จดเดนของ WINDOWS INSTALLERRollback

• ถ�ก�รตดตงมขอผดพล�ด ส�ม�รถยอนกลบไปทเกดขอผดพล�ดนนไดโดยไมตองเรมใหมทงหมดSelf Repair• เมอแอพพลเคชนทตดตงทำ�ง�นผดพล�ด ซอมแซมดวยตวแอพพลเคชนเองได

Uninstall• ทำ�ก�รถอนก�รตดตงไดทงหมด ลบทกไฟล ไมเหลอไฟลขยะ หรอรจสทรขยะ

Advertisement• แทรกโฆษณ� หรอขอมลทชวยใหผใชง�นมนใจ และเข�ใจแอพพลเคชนนน ๆ ได

ไฟลทใชในการตดตง PROJECT1

• ไฟลโปรเจกตททดสอบแลว

2• ไฟล Readme.rtf • เปนไฟลคำ�แนะนำ�เกยวกบแอพพลเคชน (rtf คอ ชนดไฟล Rich Text

Format)

3• ไฟล License.txt• เปนไฟลขอมลเกยวกบลขสทธ (txt คอ ชนดไฟล Plain Text)

4• ไฟล logo.bmp• เปนไฟลภ�พโลโกในชดตดตง ควรมขน�ด 700 X 50 pixel

วธสร�งชดตดตง1. เปดโปรเจกตททดสอบแลว และเข�สหน�ต�ง Project > Properties…

วธสร�งชดตดตง (ตอ)2. เลอก Application และคลกเลอก Assembly Information…

วธสร�งชดตดตง (ตอ)3. เมอปร�กฏหน�ต�งAssembly Information แกไขร�ยละเอยดของโปรแกรม

ไดแก Title คอ ชอโปรแกรม Description คอ ร�ยละเอยด เชน ตดตงโปรแกรมแปลงหนวยสกลเงน Company คอ บรษท/ผเขยน

โปรแกรม เชน นกเรยนชน ม.5@บบว. Product คอ เกยวกบโปรแกรม เชน โปรแกรมแปลงหนวยสกลเงน Copyright คอ ลขสทธ เชน Copyright © 2017 เปนตน

วธสร�งชดตดตง (ตอ)4. เลอกเมน Build > Build tic tac toe

วธสร�งชดตดตง (ตอ)5. เลอกเมน File > Add > New Project…

วธสร�งชดตดตง (ตอ)6. เมอปร�กฏหน�ต�ง Add New Project เลอก Installed Templates

วธสร�งชดตดตง (ตอ)7. จะปร�กฏหน�ต�ง File System ของไฟล Setup1

วธสร�งชดตดตง (ตอ)8. คลกขว�ท Setup1

และเลอกคำ�สง Properties

วธสร�งชดตดตง (ตอ)9. ปร�กฏหน�ต�ง Setup1 Property Pages

Output file name คอ ชอของไฟลตดตง ซงมน�มสกลเปน .msi

วธสร�งชดตดตง (ตอ)Package files คอ ชนดของชดตดตง ม 3 แบบ ไดแก

- As loose uncompressed files เปนชนดทไมตองบบอดชดไฟลตดตง- In setup file เปนชนดทรวมทกไฟลทตดตงไวทไฟล .msi - In cabinet file(s) เปนชนดทแยกเกบชดไฟลตดตงทถกบบอด

แลวไวหล�ย ๆ ไฟล ซงชนดนเหม�ะสำ�หรบก�รเกบชดไฟลตดตงในเครอข�ย

ในขนตอนน เลอก Package files: เปนชนด In setup file

วธสร�งชดตดตง (ตอ)10. เลอก Prerequisites… ทชองของ Installation URL:

วธสร�งชดตดตง (ตอ) จะปร�กฏหน�ต�ง Prerequisites… เลอกโปรแกรมทจำ�เปนในก�รตดตง จ�ก

นนคลกปม OK

วธสร�งชดตดตง (ตอ)11. เลอก เมน View > Editor > File System

วธสร�งชดตดตง (ตอ)12. คลกเลอก Application Folder ในหน�ต�ง Properties ทชองDefaultLocation กำ�หนดตำ�แหนงก�รตดตงเข�ไปในโฟลเดอร ซงปร�กฏดงน โดย [ProgramFilesFolder] ตำ�แหนงทเกบโฟลเดอร และ[Manufacturer] กบ [ProductName] นำ�ม�จ�ก Assembly

วธสร�งชดตดตง (ตอ)13. เลอก Project > Add > Project Output…

วธสร�งชดตดตง (ตอ) เมอปร�กฏหน�ต�ง

เลอก Project ทตองก�รใหเปน

Primary Output และคลกปม OK

วธสร�งชดตดตง (ตอ) จ�กนนจะมก�รเพม

Primary output ม�ให

วธสร�งชดตดตง (ตอ)14. เพม Folder เพอเกบไฟลทจำ�เปนตอก�รออกแบบหน�จอในชด

ตดตง โดยคลกขว�ท Application Folder เลอกคำ�สง Add >

Folder

วธสร�งชดตดตง (ตอ)14.1 ตงชอ Folder ใหสอคว�มหม�ย เชน resources14.2 คลกขว�ท Folder resources เลอก Add > File

วธสร�งชดตดตง (ตอ)15. เลอกไฟลทเตรยมไว และคลกเลอก OK

วธสร�งชดตดตง (ตอ) จะปร�กฏไฟลทเลอกในหน�ต�งของ File System

วธสร�งชดตดตง (ตอ)16. เลอกเมน View > Editor > User Interface เพอทำ�ก�รออกแบบลำ�ดบก�รทำ�ง�นของชดตดตง

วธสร�งชดตดตง (ตอ) จะปร�กฏหน�ต�ง

User Interface Designer ทแสดงลำ�ดบก�รทำ�ง�นของ

ชดตดตง

ม 3 ลำ�ดบ คอ ลำ�ดบท 1 Start ลำ�ดบท 2 Progress

และลำ�ดบท 3 End โดยมร�ยละเอยดดงน

วธสร�งชดตดตง (ตอ) 

ลำ�ดบท 1 Start เปนก�รตอนรบและยนยนก�รตดตง

โดยปกตม 3 หน�จอ คอWelcome, Installation Folder และConfirm Installation  

วธสร�งชดตดตง (ตอ) 

ลำ�ดบท 2 Progress เปนก�รตดตง แสดงคว�มคบหน�

ก�รตดตง ม 1 หน�จอ 

วธสร�งชดตดตง (ตอ) 

ลำ�ดบท 3 End เปนก�รเสรจสนก�รตดตง ม 1 หน�จอ คอ Finish

แตส�ม�รถเพมตวเลอกได เชน ก�รกำ�หนดใหเรมตนโปรแกรมทนททตดตงเสรจ

หรอกำ�หนดก�รอ�นไฟล Readme.txt

วธสร�งชดตดตง (ตอ) 17. ท Welcome เลอก Properties “BannerBitmap”

เพอกำ�หนดรปโลโกทเร�เตรยมไว โดย

วธสร�งชดตดตง (ตอ) 17.1 เลอก Browse…

วธสร�งชดตดตง (ตอ) 17.2 ท Look in: เลอกFolder resources

ทเร�ใสขอมลเตรยมไว จะปร�กฏไฟล logo.bmp

ทเตรยมไว ใหเร�คลก เลอกไฟลดงกล�ว

และคลกปม OK

วธสร�งชดตดตง (ตอ) 18. ท Start คลกขว� เลอกคำ�สง Add Dialog

วธสร�งชดตดตง (ตอ) 18.1 เมอปร�กฏ Dialog Bog “Add Dialog” เลอก Dialog “Read Me” คลกปม OK

วธสร�งชดตดตง (ตอ) 18.2 คลกขว� Start > Add Dialog เมอปร�กฏ Dialog Bog “Add Dialog” เลอก Dialog “License Agreement” คลกปม OK

วธสร�งชดตดตง (ตอ) 19. เมอเพม Dialog Bog จะปร�กฏดงภ�พ

วธสร�งชดตดตง (ตอ) 19.1 จดลำ�ดบ โดยก�รคลกขว�ท Dialog ทตองก�ร

แลวเลอกคำ�สง Move Up หรอ Move Down ใหตำ�แหนงเปนไปต�มตองก�ร

ภ�พก�รจดลำ�ดบแลว >>

วธสร�งชดตดตง (ตอ) 20. กำ�หนด Properties ของ ReadmeFile

วธสร�งชดตดตง (ตอ) 20. กำ�หนด Properties ของ ReadmeFile

วธสร�งชดตดตง (ตอ) 20. กำ�หนด Properties ของ ReadmeFile

วธสร�งชดตดตง (ตอ) 21. กำ�หนด Properties ของ License Agreement

วธสร�งชดตดตง (ตอ) 21. กำ�หนด Properties ของ License Agreement

วธสร�งชดตดตง (ตอ) 21. กำ�หนด Properties ของ License Agreement

วธสร�งชดตดตง (ตอ)22. กำ�หนด Properties “BannerBitmap” ของ ทก Diglog เปนlogo.bmp 22.1 คลกท Dialog “Read Me” และเลอก Browse… ทProperties “BannerBitmap”  

วธสร�งชดตดตง (ตอ)22. กำ�หนด Properties “BannerBitmap” ของ ทก Diglog เปนlogo.bmp 22.1 คลกท Dialog “Read Me” และเลอก Browse… ทProperties “BannerBitmap”  

วธสร�งชดตดตง (ตอ) เลอกไฟล logo.bmp 

วธสร�งชดตดตง (ตอ) ท Dialog “Read Me” จะปร�กฏชอไฟล logo.bmp ท

Properties “BannerBitmap” 

วธสร�งชดตดตง (ตอ)22.2 กำ�หนด Properties “BannerBitmap” ของ Diglog “License Agreement” เปน logo.bmp ต�มขนตอนในขอ 22.1  

วธสร�งชดตดตง (ตอ)22.3 กำ�หนด Properties “BannerBitmap” ของ Diglog “Installation Folder” เปน logo.bmp ต�มขนตอนในขอ 22.1  

วธสร�งชดตดตง (ตอ)22.4 กำ�หนด Properties “BannerBitmap” ของ Diglog “Comfirm Installation” เปน logo.bmp ต�มขนตอนในขอ 22.1

วธสร�งชดตดตง (ตอ)23. คลกขว�ท Setup Project เลอก Build

วธสร�งชดตดตง (ตอ)24. คลกขว�ท Solution ‘tic tac toe’ เลอก Build Solution

วธสร�งชดตดตง (ตอ) เมอ Build เสรจแลวจะปร�กฏไฟลตดตงจ�ก Folder “Release” ส�ม�รถ

คดลอกไฟลใส CD หรอ Flash drive ไปตดตงทเครองคอมพวเตอรอนได

ทดสอบก�รตดตงนำ�ไฟลทไดม�ตดตงใน

คอมพวเตอร ดงขนตอนตอไปน

1. ดบเบลคลกทไฟลSetup1.msi

จะปร�กฏหน�ต�ง จ�กนน คลก Next

ทดสอบก�รตดตง (ตอ)2. ปร�กฏขอมลจ�กไฟลReadme คลกปม Next

ทดสอบก�รตดตง (ตอ)3. ปร�กฏขอมลจ�ก

ไฟล License

โดยคลกเลอกI Agree

และคลกปม Next

ทดสอบก�รตดตง (ตอ)4. ปร�กฏหน�จอใหเลอกตำ�แหนงทตง

ในก�รตดตง และคลก Next

ทดสอบก�รตดตง (ตอ)5. ปร�กฏหน�จอ

ใหยนยนก�รตดตง คลก Next

ทดสอบก�รตดตง (ตอ)6. เมอก�รตดตงเสรจแลว คลกปม close

ทดสอบก�รตดตง (ตอ) เมอตดตงแลว ส�ม�รถเข�สโปรแกรมได ตวอย�ง