setup project (csharp)
TRANSCRIPT
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
ทดสอบก�รตดตง (ตอ) เมอตดตงแลว ส�ม�รถเข�สโปรแกรมได ตวอย�ง