การทำโปรแกรมแบบ All In One ด้วยตัวเอง
บทความนี้เป็นบทความแรกในโชนไอทีของผมครับ หลังจากทำตัวไร้สาระอยู่นาน ก็ได้เวลาเขียนบทความที่เป็นประโยชน์กับชาวบ้านเขาซะที
การทำ AIO (คำนี้ย่อมาจาก All In One) ที่จะสอนนี้เป็นการทำโดยใช้โปรแกรม AutoPlay Media Studio และ สิ่งแรกที่จะต้องเตรียมคือ ต้องวางแผนว่าจะเอาอะไรมาทำเป็น AIO ดังนั้นถ้าท่านใดยังนึกไม่ออกก็ดาวน์โหลด Package เหล่านี้ไปก่อนครับแล้วลองทำตามขั้นตอนดูนะครับ (ส่วนท่านที่มีในใจอยู่แล้วลองอ่านเป็นแนวทางดูนะครับ)
สิ่งที่ต้องใช้มีดังนี้
1. โปรแกรม
AutoPlay Media Studio ไปดาวน์โหลดมาก่อนครับ
2. สิ่งที่ต้องการทำเป็น AIO ซึ่งควรรวมไว้ในโฟล์เดอร์เดียวกันเพื่อความไม่สับสน และผมได้เตรียมไว้ให้แล้ว
ดาวน์โหลดที่นี่ครับสิ่งที่ดาวน์โหลดไปแล้วจะประกอบด้วย
เมื่อดาวน์โหลดโปรแกรมและติดตั้งแล้วเมื่อเปิดโปรแกรมทุกครั้งเราจะพบกับหน้าต่างแบบนี้ครับ
- ถ้าหากยังไม่มี Project อยู่แล้ว ก็เลือก CREATE A NEW PROJECT
- แต่ถ้าได้ทำค้างไว้ยังไม่สมบูรณ์ หรือ ทำเสร็จและได้บันทึกไว้ แล้วอยากแก้ไขใหม่ก็ให้เลือกเมนู OPEN AN EXISTING PROJECT
- ในที่นี้ผมเลือกเมนู CREATE A NEW PROJECT ก็จะพบกับหน้างต่างนี้ |
- สำหรับคนที่ต้องการเลือกแม่แบบก็สามารถเลือกที่ถูกใจได้เลยครับ โดยการเลือกแม่แบบที่มีอยู่แล้ว จะมีข้อดีคือทำผลงานได้รวดเร็ว แต่จะมีข้อเสียคือถูกตีกรอบความคิดและปรับแต่งได้ยาก
- ในขั้นนี้เราสามารถตั้งชื่อผลงานได้เลยครับ (สังเกตว่าชื่อเดิมคือ My Project) ถ้าหากเราไม่ทันสังเกตแล้วกดผ่านไปเลย ผลงานที่ออกมาจะชื่อว่า My Project ครับ
- ต่อไปผมจะเลือก Blank Project และตั้งชื่อว่า AIO FireFox Setup ครับ
- เมื่อตั้งชื่อและดับเบิลคลิกที่ Blank Project แล้วจะพบกับหน้าต่างของโปรแกรมเราแบบนี้ครับ
- ก่อนเริ่มทำจริงๆ ขอใส่เลขกำกับเมนูที่ใช้ในการทำให้เข้าใจตรงกันก่อนครับ
และจาก
ไฟล์ที่ท่านดาวน์โหลดไปขอให้ท่านแตกไฟล์ และนำมาวางไว้ที่ Desktop ครับ
ขั้นที่ 1 ใส่รูปภาพพื้นหลัง และภาพไอคอน หรือภาพเพื่อตกแต่ง
- วิธีใส่ภาพทำไม่ยากเลยครับเพียงแค่คลิกที่ เมนูที่ 4 และเลือกภาพจาก Desktop >> โฟล์เดอร์ Making AIO FireFox by Youself
โดยถ้าเลือกภาพพื้นหลังเป็นรูปแรกแล้ว อาจจะขาดหรือเกินจากกรอบ Project ของเราไปบ้าง ให้เเอาเมาส์ปรับแต่งขนาดรูปได้เลยครับ
เมื่อปรับแต่งจนพอดีแล้วจะได้ผลลัพธ์เป็นแบบนี้ครับ
ขั้นที่ 2 เป็นขั้นการออกแบบว่าจะวางภาพตกแต่ง ไอคอน ปุ่มและข้อความต่างๆ ไว้ตรงไหน
ในขั้นนี้ผมเลือกใส่ภาพมาอีก 4 ภาพ เพื่อเป็นไอคอนของเมนู โดยคลิกที่ เมนูที่ 4 และเลือกภาพเช่นเดิม
ผลลัพธ์ในขั้นที่ 2 ที่ผมออกแบบก็เป็นดังภาพครับ ใครต้องการออกแบบให้แตกต่างจากนี้ก็ทำได้เลยครับ อันนี้แล้วแต่ความชอบครับ
ขั้นที่ 3 เป็นขั้นการใส่ปุ่ม หรือข้อความ
การใส่ปุ่มให้กดที่เมนูที่ 1 แล้วเลือกแบบปุ่มที่ต้องการ
- การเปลี่ยนข้อความให้ปุ่ม ให้ ดับเบิ้ลคลิกที่ปุ่ม และเปลี่ยนข้อความในตำแหน่งที่ 1 >> เลือกขนาดและแบบอักษรในตำแหน่งที่ 2 >> เลือกสีของอักษรในตำแหน่งที่ 3 ส่วนตำแหน่งที่ 4 เป็นสีที่เปลี่ยนเมื่อข้อความถูกกระทำ (เอาเมาส์ชี้ /คลิก เป็นต้น)
ซึ่งถ้าปรับแต่งแล้วผลที่ได้จะมีลักษณะดังรูป
การใส่ข้อความให้กดที่เมนูที่ 2 ในที่นี้ ผมจะใส่ข้อความ 4 ข้อความ ได้แก่
ข้อความที่ 1 “about:config Setting”
ข้อความที่ 2 “Flashplayer 10 for Non IE”
ข้อความที่ 3 “On/Off Sound”
ข้อความที่ 4 “www.zone-it.com”
|
เมื่อคลิกครั้งแรกจะปรากฏกล่องข้อความ คำว่า New Label
การปรับแต่งข้อความก็ทำเช่นเดียวกับการปรับแต่งปุ่มคือดับเบิ้ลคลิกแล้วแก้ข้อความ และแบบอักษรได้โดยตรงเลยครับ
เมื่อปรับแก้แล้วจะได้ผลลัพธ์ดังรูป
ขั้นที่ 4 การใส่ Action ให้กับปุ่ม ข้อความ และภาพ
การใส่ Action ให้กับข้อความ กับปุ่ม ข้อความ และภาพ มีวิธีเหมือนกัน จึงขอยกตัวอย่างการใส่ Action ให้กับปุ่มดังนี้
1. ดับเบิ้ลคลิกที่ปุ่ม Firefox 3.11 TH setup >> เมื่อปากฎหน้าต่าง Bottom Properties >> คลิกที่แถบ Quick Action ดังรูป
2. คลิกเลือก Acion ที่ Action to run >> จะพบกับตัวเลือกหลายตัวดังนี้
2.1 เมนู Show page ใช้ในกรณีที่เราสร้าง Project ที่มีหลายๆหน้า
2.2 เมนู Run Program เป็นการเรียกดปรแกรม รวมทั้งเรียกโปรแกรมที่เป็น Portable หรือ ตัวติดตั้งก็ได้
2.3 เมนู Open Document ใช้เมนูนี้เมื่อต้องการเปิดไฟล์หรือ โฟล์เดอร์
2.4 เมนู Print Document ความหมายตรงตัวครับ
2.5 เมนู Send Email ความหมายตรงตัวครับ
2.6 เมนู View Website ทำหน้าที่เป็น hyperlink เชื่อมต่อไปยังเว็บที่เรากำหนด
2.7 เมนู Exploer Folder ความหมายตรงตัวครับ
2.8 เมนู Play Multimedia ใช้เมื่อเราต้อ’การใส่ flash ไฟล์ หรือ วีดีโอ หรือ เพลงก็ได้ครับ
2.9 เมนู Play/Pourse Background Music ใช้เมื่อเราต้องการ เปิด/ปิดเสียงที่เราใส่เข้าไป ใน AIO
2.10 เมนู Exit/Close ความหมายตรงตัวครับ
ในกรณีนี้ผมต้องการให้การคลิกปุ่มนี้เป็นการ Run ตัวติดตั้ง Firefox 3.11 TH ก็จะเลือกค่าต่างๆดังนี้
- ในตำแหน่งที่ 1 เลือก Run Program
- ในตำแหน่งที่ 2 Browse เลือก Firefox Setup 3.0.11TH.exe ในโฟล์เดอร์ที่เราวางไว้ที่ desktop ตั้งแต่ต้น
- ส่วนในตำแหน่งที่ 3 และตำแหน่งอื่นจะตั้งค่าหรือไม่ตั้งค่าก้ได้ครับ ปล่อยว่างเลยก้ได้ครับ (โปรแกรมจะจัดการให้อัตโนมัติอยู่แล้ว)
ส่วนข้อความและไอคอนอื่นผมจะใส่ Action ดังนี้รูปภาพ 
ใส่ Action “Open Document” และเรียกให้เปิด ไฟล์ชื่อว่า “การปรับแต่ง about_configให้หมาแรงขึ้น.txt”
รูปภาพ 
ใส่ Action “Run Program” และเรียกให้ run ตัวติดตั้ง Flashplayer 10 for Non IE ไฟล์ชื่อว่า “Install Flashplayer 10 non IE.exe”
รูปภาพ ใส่ Action “Play/Pourse Background Music” เพื่อเอาไว้เปิดปิดเพลง
ข้อความ “www.zone-it.com”ใส่ Action “View Website” เพื่อลิงค์ไปยัง
www.zone-it.com
ขั้นที่ 5 การใส่เสียงดนตรีเป็น Background
การใส่เสียงเป็น Background จะต้องเตรียมไฟล์นามสกุล
.wma จึงจะนำมาเป็น Background Music ได้
วิธีใส่:ให้คลิกขวาตรงพื้นที่ว่าง แล้วเลือกเมนู Audio
เมื่อปรากฏหน้าต่าง Audio Setting >> เลือก Add เลือกเพลงที่เตรียมไว้ >> ปรับระดับเสียง (100 กำลังดี) เมื่อตั้งค่าเสร็จ OK
ขั้นที่ 6 การ Preview และ การเก็บผลลัพธ์ - การ Preview เป็นการทดลอง run AIO ของเราว่าได้ผลเป็นที่พอใจ หรือยังมีจุดผิดพลาดหรือไม่ ทำได้โดยการคลิกที่เมนูที่ 15
-เมื่อ Preview ดูแล้วไม่มีปัญหาใดๆ ก็สามารถเก็บผลลัพธ์โดยคลิกที่เมนูที่ 16 จะพบตัวเลือกดังนี้ เลือกแล้วทำการ save ก็เป็นอันจบขั้นตอนครับ
ตัวเลือกในการ save อธิบายได้ดังนี้Burn data CD/DVD คือ เขียนข้อมูลที่เราทำลงแผ่นก็จะได้ผลเป็น CD/DVD แบบ Autorun ที่มีเมนูตามที่เราสร้างไว้
Hard drive folder คือบันทึกผลงานที่เราทำเก็บไว้เป็นโฟล์เดอร์ ซึ่งสามารถเรียกมาแก้ไขได้ภายหลัง โดยไฟล์จะมีนามสกุล .am7
Web/Email executable จะได้ผลลัพธ์เป็นไฟล์เป็น exe สามารถดับเบิ้ลคลิกเรียก ใช้งานได้ทันทีครับ (ผมเลือกข้อนี้ครับ)
ISO image คล้ายตัวเลือกที่ 1 แต่เป็นการเก็บผลลัพธ์เอาไว้เป็น Image ไฟล์
- ที่เครื่องหมาย * เปลี่ยนเป็นชื่อตัวเองครับ โดยข้อความนี้จะปรากฏเมื่อเราเรียกใช้โปรแกรมครับ และถ้าหากมีหน้าต่างรายงานขึ้นมาตอนที่กำลังบันทึกก็ให้กด continue ได้เลยครับ
- ถึงขั้นนี้เราก็จะได้ผลงานเป็นไฟล์ .exe ซึ่งถือว่าเสร็จสิ้นขั้นตอนการทำ All In One Program แล้วครับ
ตกหล่นยังไงติชมกันได้นะครับ รายละเอียด เทคนิคการปรับแต่งที่ยังไม่ได้พูดถึงก็ยังมีครับ ผมคงจะมาเพิ่มเติมให้ในภายหลังนะครับ (จองที่ข้างล่างไว้แล้ว 
)และนี่คือผลงานที่ได้จากการทำประกอบบทความในกระทู้นี้ครับ
http://www.mediafire.com/?wdmzyyqzmjo
Credit:
Mai4897@zone-it.coM
