Trainer Adobe Captivate 7

เอกสารประกอบการบรรยาย https://www.facebook.com/ProgramsDD สร้างสรรค์ส่อื การเรียนการสอนมลั ตมิ เี ดยี Adobe Captivate 7 วันท่ี xx-xx xxxxxx 255x โดย... กฤษณพงศ์ เลิศบารุงชัย http://programsdd.wordpress.com

ส่งิ ที่เราจะเรยี นรกู้ นั ตลอดการฝึกอบรม - ติดตง้ั โปรแกรม Adobe Captivate 6 Trial Version - การสรา้ งโปรเจคแบบต่างๆ โดยเร่ิมจาก Blank Ptoject - เข้าใจเรอ่ื งเก่ียวกบั ส่วนประกอบของหน้าตา่ งโปรแกรม - Master Slide และ Slide ใน Film Strip เข้าใจการตกแตง่ สไลด์ - เครื่องมือต่างๆ (เท่าท่จี าเป็นต้องใช้) - การเตรียมไฟล์ใหพ้ รอ้ ม และนาไฟล์ต่างๆ เขา้ มาใชง้ าน - สรา้ งแบบฝึกหัดหรอื แบบทดสอบ - ใส่เสยี งให้กบั วตั ถุ เสียงดนตรปี ระกอบ - รวมไฟล์งานไวใ้ นโปรเจคเดยี วกัน - สง่ ออกไฟล์เพอื่ ไปใช้งาน

บทนา บทเรยี นคอมพวิ เตอรช์ ่วยสอน คอื สื่อการสอนท่ใี ชเ้ ทคโนโลยี ทาให้เกิดการมีปฏิสมั พนั ธ์กนั ได้ ระหว่างผเู้ รียนกบั เครอื่ งคอมพิวเตอร์ ความหมายของบทเรยี น คอมพิวเตอรช์ ว่ ยสอน ภาพ วดิ ีโอ เคลื่อนไหว (อยากใหเ้ รยี กวา่ บทเรยี นคอมพวิ เตอร์ ภาพนง่ิ เพอื่ การเรยี นรู้ มากกวา่ ) ตวั อักษร องคป์ ระกอบ เสยี ง

บทนา สื่อรูปแบบตา่ งๆ สื่อ อาจเปน็ วิดโี อ เวบ็ ไซต์ หนังสอื อเิ ล็กทรอนกิ ส์ หรอื จะเปน็ สอื่ มลั ติมเี ดียทส่ี ามารถเปิดผ่านคอมพิวเตอร์ และอปุ กรณ์ตา่ งๆ

ขนั้ ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน ไมเ่ กี่ยว (ตัดออก) 1 ชว่ งวเิ คราะห์ เนือ้ หา 1. สร้างแผนภมู ริ ะดม สมอง 2. สร้างแผนภมู ิหวั เรอื่ ง สัมพนั ธ์ ซ้าซ้อน (ยา้ ยหมวด)

ข้ันตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 1 ชว่ งวเิ คราะห์ D 5 9 H 10 เนือ้ หา 68G C 4E 7 3. สรา้ งแผนภูมิ โครงขา่ ยเน้ือหา F 1 A 2 B 3 I 11 J 12 K 13 L 14 M 15 22 O 17 P 18 21 S N 16 Q 19 R 20

ขน้ั ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 2 ช่วงออกแบบ Module 7 ช่อื วิชา Module 1 หน่วยการเรยี น Module 6 Module 2 4. กาหนดกลวิธใี นการ Module 3 นาเสนอ และเขียน Module 4 วตั ถปุ ระสงคเ์ ชงิ Module 5 พฤตกิ รรมของเนอื้ หา แบบทดสอบ

ขัน้ ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 2 ช่วงออกแบบ หนว่ ยการเรยี น 5. ออกแบบแผนภูมิการ นาเสนอในแตล่ ะ หนว่ ยการเรียน

ขัน้ ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 3 ชว่ งพัฒนาหนว่ ย การเรยี น 6. การเขียนรายละเอยี ด เนื้อหาลงบนกรอบ การสอน 7. การจัดทาลาดับกรอบ การสอน

ข้นั ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 3 ช่วงพัฒนาหนว่ ย การเรยี น 8. การตรวจสอบความ มกี ารตรวจสอบ 2 ดา้ นตอ่ เนือ่ งกัน คอื ถกู ตอ้ งของเน้อื หา 1. การตรวจสอบความถกู ตอ้ งของเนื้อหา โดยผ้เู ชยี่ วชาญดา้ นเน้อื หา 2. การนากรอบการสอนไปทดลองใหก้ ลุ่มเป้าหมายอ่าน

ข้ันตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 3 ช่วงพฒั นาหนว่ ย 1. สร้างแบบทดสอบตามหลกั การเขียนแบบทดสอบ การเรยี น 9. การสรา้ งแบบทดสอบ วดั ผลสัมฤทธิท์ างการ 2. นาไปทดลองกบั กลุ่มผู้เรยี นที่มคี วามรู้ หรอื เคยเรียนเน้ือหานั้น เรยี นของบทเรียน มาแล้ว จานวน 30 - 100 คน คอมพิวเตอร์ช่วย สอน 3. นาแบบทดสอบมาหาคา่ ความยากงา่ ย คา่ อานาจจาแนก และค่า ความเช่ือมน่ั

ขั้นตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 4 ชว่ งพัฒนาเนอื้ หา โปรแกรมทใี่ ชแ้ บง่ ออกเปน็ 2 ประเภท ลงคอมพวิ เตอร์ 10. การเลอื กโปรแกรมท่ี โปรแกรมทใ่ี ช้ โปรแกรมที่ใช้ ใชน้ าเสนอบทเรียน นาเสนอบทเรียน ผลิตดา้ นสอ่ื ประกอบ สโู่ ปรแกรม

ขั้นตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 4 ช่วงพัฒนาเนอื้ หา ภาพ ลงคอมพวิ เตอร์ เคลื่อนไหว 11. การพฒั นาและ ภาพนิ่ง Cp วดิ โี อ จัดเตรียมสือ่ ทจ่ี ะใช้ ตัวอกั ษร เสยี ง ประกอบบทเรียน 12. การนาเสนอกรอบ การสอนลงโปรแกรม

ข้นั ตอนการพฒั นาบทเรยี นคอมพวิ เตอรช์ ว่ ยสอน 5 ช่วงการ 13. การตรวจสอบคุณภาพมลั ตมิ ีเดยี ของบทเรียน ประเมนิ ผล บทเรยี น 14. การทดลองกระบวนการทดสอบหาประสทิ ธภิ าพ 15. การทดสอบหาประสทิ ธภิ าพของบทเรยี นและ ประสทิ ธผิ ลทางการเรยี น 16. จัดทาคู่มือการใช้บทเรียนคอมพวิ เตอร์

แนวคดิ ในการออกแบบหนา้ จอ บทเรียนคอมพวิ เตอรเ์ พือ่ การเรยี นรู้ เรอ่ื ง .......................................... 1เลยเ์ อาทแ์ บบท่ี คลกิ >> หน้าเริ่มต้น เขา้ สบู่ ทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ เลอื กเนือ้ หาท่ีต้องการเรยี น 1เลย์เอาทแ์ บบท่ี หนว่ ยการเรียนรทู้ ่ี 1 หนว่ ยการเรียนรู้ที่ 2 >> หน้าเมนูหลัก หนว่ ยการเรยี นร้ทู ่ี 3 หน่วยการเรยี นรทู้ ่ี 4 ออกจากบทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ หน่วยการเรียนรู้ท่ี 1 เรื่อง .......................... 1เลยเ์ อาทแ์ บบท่ี >> หนา้ เมนยู อ่ ย หวั ข้อยอ่ ย 1 หัวข้อย่อย 2 หวั ข้อยอ่ ย 3 กลบั เมนหู ลกั

แนวคดิ ในการออกแบบหนา้ จอ 1เลย์เอาทแ์ บบที่ หน่วยการเรียนรทู้ ่ี …. เรือ่ ง .......................... >> หนา้ เนอ้ื หา หัวขอ้ ย่อยที่ 1 สว่ นของเนื้อหา << < >

แนวคดิ ในการออกแบบหนา้ จอ บทเรียนคอมพวิ เตอรเ์ พือ่ การเรยี นรู้ เรอ่ื ง .......................................... 2เลยเ์ อาทแ์ บบท่ี คลกิ >> หน้าเริ่มต้น เขา้ สบู่ ทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ เลือกเน้อื หาทตี่ ้องการเรยี น 2เลย์เอาทแ์ บบท่ี แบบทดสอบก่อนเรียน วตั ถปุ ระสงคก์ ารเรียนรู้ >> หน้าเมนูหลัก เขา้ สเู่ น้อื หา แบบทดสอบหลงั เรียน ออกจากบทเรียน

ช่อื เรอ่ื ง เลอื กเนอื้ หาท่ีต้องการเรียน 2เลยเ์ อาทแ์ บบท่ี >> หน้าเมนูรอง หน่วยที่ หนว่ ยท่ี หนว่ ยท่ี หน่วยท่ี 1234

ช่ือเรอ่ื ง หนว่ ยการเรียนรทู้ ี่ …. เรือ่ ง .......................... 2เลย์เอาทแ์ บบที่ >> หนา้ เมนูย่อย หวั ขอ้ ยอ่ ย หัวขอ้ ย่อย หัวขอ้ ยอ่ ย 1 2 3

แนวคดิ ในการออกแบบหนา้ จอ 2เลย์เอาทแ์ บบที่ หน่วยการเรียนรทู้ ่ี …. เรือ่ ง .......................... >> หนา้ เนอ้ื หา หัวขอ้ ย่อยที่ 1 สว่ นของเนื้อหา << < >

แนวคดิ ในการออกแบบหนา้ จอ บทเรียนคอมพวิ เตอรเ์ พือ่ การเรยี นรู้ เรอ่ื ง .......................................... 3เลยเ์ อาทแ์ บบท่ี คลกิ >> หน้าเริ่มต้น เขา้ สบู่ ทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ 3เลยเ์ อาทแ์ บบท่ี หนา้ แรก แบบทดสอบ วัตถปุ ระสงค์ เข้าสเู่ น้ือหา ออก >> หนา้ เมนูหลัก หนว่ ยท่ี หนว่ ยท่ี หน่วยท่ี หนว่ ยที่ 1 2 3 คลกิ 4 เขา้ สบู่ ทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ 3เลยเ์ อาทแ์ บบที่ หน้าแรก แบบทดสอบ วัตถุประสงค์ เขา้ สู่เน้อื หา ออก >> หนา้ เมนยู อ่ ย หน่วยการเรียนรทู้ ่ี .... เรือ่ ง ........................................ หัวขอ้ ย่อย หัวข้อย่อย หวั ขอ้ ย่อย 1 2 3

แนวคดิ ในการออกแบบหนา้ จอ 3เลย์เอาทแ์ บบที่ หนา้ แรก แบบทดสอบ วตั ถุประสงค์ เขา้ สู่เน้อื หา ออก >> หน้าเมนูย่อย หน่วยการเรียนรทู้ ่ี .... เรื่อง ........................................ สว่ นของเนอ้ื หา <>

แนวคดิ ในการออกแบบหนา้ จอ บทเรียนคอมพวิ เตอรเ์ พือ่ การเรยี นรู้ เรอ่ื ง .......................................... 4เลยเ์ อาทแ์ บบท่ี คลกิ >> หน้าเริ่มต้น เขา้ สบู่ ทเรยี น

แนวคดิ ในการออกแบบหนา้ จอ 4เลยเ์ อาทแ์ บบที่ หนา้ แรก เลอื กเนื้อหาทตี่ ้องการเรยี น >> หนา้ เมนูหลกั แบบทดสอบก่อนเรียน หนว่ ยที่ หน่วยท่ี วตั ถปุ ระสงคก์ ารเรยี นรู้ 12 เขา้ สเู่ นอื้ หา คลกิ แบบทดสอบหลังเรยี น ออกจากบทเรยี น 3 4หนว่ ยท่ี เข้าสบู่ ทเรหยี นน่วยที่ < >

แนวคดิ ในการออกแบบหนา้ จอ 4เลยเ์ อาทแ์ บบที่ หน้าแรก หน่วยการเรียนรทู้ ่ี .... เรื่อง ......................... >> หนา้ เมนยู ่อย แบบทดสอบก่อนเรียน หวั ข้อย่อย หัวข้อยอ่ ย หวั ขอ้ ย่อย วัตถุประสงคก์ ารเรียนรู้ 1 2 3 เขา้ สูเ่ น้อื หา แบบทดสอบหลงั เรียน ออกจากบทเรียน <>

แนวคดิ ในการออกแบบหนา้ จอ 4เลย์เอาทแ์ บบที่ หนา้ แรก หนว่ ยการเรยี นรู้ที่ .... เรอ่ื ง ......................... สว่ นของเนอ้ื หา >> หน้าเน้อื หา แบบทดสอบกอ่ นเรียน วัตถุประสงคก์ ารเรยี นรู้ <> เข้าส่เู น้ือหา แบบทดสอบหลังเรยี น ออกจากบทเรียน

กาหนดขนาดหนา้ จอ อุปกรณป์ จั จบุ นั 1600 x 900 1920 x 1080 >> จอ Monitor PC >> จอ Notebook 1366 x 768 800 x 1280 >> จอ Tablet 768 x 1024 >> จอ Smartphone 480 x 800 เราควรศกึ ษาหน้าจอแตล่ ะอุปกรณ์ก่อน ว่าเราจะนาไปใชก้ บั อุปกรณ์ใด เปน็ หลัก เพอื่ ให้ไดก้ ารแสดงผลท่ีสมบรู ณ์

กาหนดขนาดหนา้ จอ คอมพวิ เตอร์ คลกิ ขวาที่ Desktop แลว้ เลือก Screen resolution แต่ไม่ตอ้ งปรับคา่ อะไร ให้ดูเฉยๆ เราจะรู้ไดอ้ ย่างไรว่า ขนาดหน้าจอเรามันมี ถา้ ตอ้ งการใช้กับท้ังหนา้ จอ PC และ Notebook ก็ให้ยึด Notebook ขนาดเท่าไหร่ ? เปน็ หลัก แล้วเปิดโปรเจคโดยยึดจอเล็กเป็นหลัก

กาหนดขนาดหนา้ จอ 1366 px คอมพวิ เตอร์ 768 px โดยมาก Notebook 25 px จะเป็น 1366 x 768 768 – 40 – 25 = 703 px ดเู รื่องความละเอยี ด 40 px ท้งั จอไมพ่ อ ตอ้ งคิดด้วย วา่ จริงๆ เหลอื พืน้ ที่แบบ บทเรียนไมล่ น้ จอเท่าไหร่ ก่อนเปิดโปรเจค เช็คความละเอียดจอแล้ว ลบทาสกบ์ าร์ออก 40 พิกเซล ลบไตเต้ิลบาร์ออก 25 พิกเซล จะเหน็ พืน้ ทท่ี ี่แสดงบทเรยี นแบบไม่ลน้ จอ จากรูปถ้าเปดิ ไฟล์ท่ี 1280 x 720 บทเรียนจะลน้ จอ ต้องไม่เกิน 1366 x 703 แต่มันไมส่ วย กเ็ ลอื กตามความเหมาะสมโดยดู ความสงู ของจอเป็นหลัก ยกเวน้ ตั้งใจเปน็ Full Screen กส็ ูงถงึ 768 ได้ เช่น 1024 x 768

กาหนดขนาดหนา้ จอ 1280 px แท็บเลต็ แอนดรอยด์ ดูเร่อื งความละเอียด โดยมาก Tablet 800 - 48= 752 px ทงั้ จอไมพ่ อ ต้องคิดดว้ ย 800 px จะเปน็ 1280 x 800 ว่าจริงๆ เหลือพน้ื ทแ่ี บบ บทเรยี นไม่ล้นจอเทา่ ไหร่ 48 px ถ้าเราต้องการใชก้ บั แทบ็ เลต็ ให้ดวู ่ามีความละเอยี ดเทา่ ไรโดยดทู ี่ตวั สเปคของเครอ่ื ว โดยมากจะมีขนาด 1280 x 800 ซึ่งต้องลบทาสกบ์ ารอ์ อก 48 px จะไดพ้ นื้ ทจ่ี ริง ยกเวน้ รนุ่ ท่ี ไมม่ ีทาสกบ์ าร์ ให้ใชข้ นาดปกติไม่ตอ้ งหักลบใดๆ ได้เลย

กาหนดขนาดหนา้ จอ 1024 px iPad 96 px ดูเร่ืองความละเอียด 768 px iPad 768 – 96 = 672 px ท้ังจอไมพ่ อ ต้องคดิ ด้วย จะเป็น 1024 x 768 วา่ จริงๆ เหลอื พนื้ ทแี่ บบ บทเรียนไม่ลน้ จอเทา่ ไหร่ ถา้ เราต้องการใช้กบั iPad ซึง่ มีขนาดหน้าจอ 1024 x 768 สิง่ ทีต่ อ้ งคานงึ กค็ ือ iPad เลน่ .swf ไมไ่ ด้ ดงั นน้ั ต้อง Publish ชน้ิ งานเปน็ HTML5 แลว้ เปิดชนิ้ งานผา่ น Safari หรือ Browser อื่นๆ จงึ ตอ้ งลบความสงู ของพนื้ ท่ี Address ของ Browser 96 พกิ เซล

กาหนดขนาดหนา้ จอ Smart Phone ไม่เป็นทนี่ ยิ มในการทาบทเรียน คอมพวิ เตอร์ เนอื่ งจากหนา้ จอเล็ก บรรจเุ นอื้ หาได้ไม่มาก Smartphone และหนา้ จอมีหลายขนาดมากเกนิ ไป ถึงแม้ว่าตอน ดูเร่ืองความละเอียด Publish จะเปิดเต็มจออยเู่ สมอ แต่การแสดงผล อาจจะมี ท้งั จอไมพ่ อ ต้องคดิ ดว้ ย ผดิ เพ้ยี นไปบา้ ง และตวั อักษรจะเลก็ แทบมองไมเ่ ห็น ถา้ จะ วา่ จรงิ ๆ เหลือพ้ืนท่แี บบ บทเรยี นไม่ลน้ จอเทา่ ไหร่ ออกแบบหนา้ จอเพอื่ Smart Phone ตอ้ งคดิ ใหด้ ีๆ

กาหนดขนาดหนา้ จอ นาไปใชก้ บั ระบบ LMS ต้องคานงึ ว่าสร้าง กรณนี าชิน้ งานจาก Captivate ไปต่อยอดในระบบ LMS การออกแบบหน้าจอไมค่ วรใหญ่ ช้ินงานเสร็จแล้ว ใชก้ ับ จนเกินไป ควรดวู า่ เทา่ ไหรจ่ งึ จะเหมาะสม อย่างเชน่ Moodle จะมี Panel ดา้ นซ้ายหรอื อุปกรณเ์ ลย หรือว่านา ขวา ทาใหพ้ น้ื ท่ใี นการแสดงผลแคบลง อาจเลือกขนาดช้นิ งานเปน็ 800 x 600 จะปลอดภยั มันไปตอ่ ยอด ทีส่ ุด ซ่ึงตอน publish จะต้องสง่ ในรูปแบบ .zip โดยใช้มาตรฐาน SCORM

SCORM กบั Adobe Captivate SCORM คืออะไร SCORM เป็นมาตรฐานท่ีพัฒนาขนึ้ เพ่ือแก้ไขปญั หาความไมเ่ ข้ากนั ของระบบ E-Learning ใน Adobe Captivate สามารถสง่ ออกโดยใชม้ าตรฐาน SCORM ได้ อธิบายแบบเขา้ ใจง่ายๆ วา่ ถา้ ไม่สง่ ออกแบบ SCORM ตวั บทเรยี นจะไม่สามารถเก็บข้อมลู ผ้เู รียนได้

SCORM กับ Adobe Captivate SCORM คอื อะไร หรอื ส่งออกเป็น SCORM แต่ไมน่ าไปใช้กบั ระบบ LMS ก็จะไมม่ ีการบนั ทกึ ข้อมูลของผเู้ รียนดังน้ัน ถ้าไม่ได้นาไปใช้กับระบบ LMS ก็ไม่ตอ้ งไปใช้ SCORM

SCORM กับ Adobe Captivate SCORM คอื อะไร สงิ่ ทจ่ี ะทาใหบ้ ทเรยี นที่สรา้ งขนึ้ ดว้ ย Adobe Captivate เกบ็ ข้อมูลผเู้ รยี นได้ โดยไม่ง้อ SCORM จะตอ้ งใช้ Widget Google LMS ซง่ึ ต้องซอ้ื ผ่านเว็บไซต์ เทา่ น้ันในราคา 80$

ส่งิ ทต่ี อ้ งเตรยี มพรอ้ ม คอมพวิ เตอร์ / ฮารด์ แวร์ • ตดิ ต้ัง Windows 7 / Windows 8 (64-bit) • ความละเอยี ดจอ 1366 x 768, 1600 x 900 ขนึ้ ไป เครื่องดมี ีชยั ไปกวา่ ครง่ึ • แรม 4 GB ดงั นั้นควรใชเ้ ครอื่ งท่ีไม่ • เชือ่ มต่ออินเทอร์เนต็ ได้ เก่ามากนัก • สาคัญตอ้ งเตรียมเนื้อหา องค์ประกอบใหพ้ ร้อม อยา่ ทาไปหาไป

สิ่งทต่ี อ้ งเตรยี มพรอ้ ม ซอฟตแ์ วร์ • พื้นฐานโปรแกรม Adobe Photoshop • พ้ืนฐานโปรแกรม Adobe Premiere อย่าเรียนรูแ้ ค่ Adobe • พน้ื ฐานโปรแกรม Word Captivate อยา่ งเดยี ว • ฯลฯ ควรมพี นื้ ฐานโปรแกรม อืน่ ๆ ด้วย ยิ่งมที ักษะการใช้โปรแกรมที่หลากหลาย จะไดว้ ัตถุดิบท่สี ร้างขนึ้ ไดเ้ อง และ ไม่เปน็ การละเมิดลิขสทิ ธ์ิ

สิง่ ทต่ี อ้ งเตรยี มพรอ้ ม ซอฟตแ์ วร์ ถา้ ไม่มพี นื้ ฐานก็ควรศึกษาไว้เลก็ ๆ นอ้ ยๆ สามารถนาวัตถุดิบเช่น ภาพ เสียง วิดีโอจากแหลง่ ตา่ งๆ มาใชไ้ ด้ แต่อย่าลมื อ้างองิ อย่าเรียนรู้แค่ Adobe Captivate อยา่ งเดียว ควรมีพน้ื ฐานโปรแกรม อืน่ ๆ ด้วย

สง่ิ ทต่ี อ้ งเตรยี มพรอ้ ม ซอฟตแ์ วร์ อย่าเรียนรู้แค่ Adobe Captivate อยา่ งเดยี ว ควรมพี ้นื ฐานโปรแกรม อน่ื ๆ ดว้ ย Adobe Captivate เปรียบเสมอื นหม้อ ทน่ี าวัตถดุ บิ จาก Ps Ai Fl Pr Au Ae มาปรุงรสชาติเพือ่ ใหเ้ กิดการกลมกลอ่ ม

สงิ่ ทต่ี อ้ งเตรยี มพรอ้ ม ซอฟตแ์ วร์ อย่าเรียนรู้แค่ Adobe Captivate อย่างเดยี ว ควรมีพนื้ ฐานโปรแกรม อื่นๆ ด้วย จะนา่ ใชน้ ่าสนใจหรอื ไม่ ถา้ ใชว้ ัตถุดิบลงตวั ทั้งปรมิ าณละสีสนั กจ็ ะออกมา เปน็ ผลงานทีด่ ี

หนงั สอื อา่ นเพม่ิ เตมิ ลุย !!

https://www.facebook.com/ProgramsDD http://programsdd.wordpress.com ติดตามผลงาน ฝกึ ปฏิบตั ิ และสอบถามเพิม่ เตมิ ฝกึ ปฏิบตั ิ