OBEC-N-e-Libคู่มือโปรแกรมสร้างเนื้อหาอิเล็กทรอนิกส์-Authoring-Tool_V.3.0.0

โครงการพฒั นาปรับปรุงประสิทธภิ าพชุดโปรแกรม และระบบคลังเนอ้ื หาอิเลก็ ทรอนิกส์ของสำนกั งานคณะกรรมการ การศกึ ษาขนั้ พนื้ ฐาน (OBEC Content Center) เพือ่ สนบั สนุน โครงการ National e-Library ตามนโยบายรัฐบาล ค่มู ือการใชง้ าน โปรแกรมสร้างเนอื้ หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) สำนกั งานคณะกรรมการการศึกษาขน้ั พน้ื ฐาน Office of The Basic Education Commission เวอร์ช่นั 2.0.0

) โปรแกรมสรา้ งเนอื้ หาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) สารบัญ หน้า บทที่ 1 การดาวนโ์ หลดโปรแกรมสร้างเนอ้ื หาอเิ ล็กทรอนิกส์........................................................................... 1 1.1 การดาวนโ์ หลดโปรแกรมสรา้ งเนื้อหาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) ........................ 1 บทที่ 2 การติดตง้ั โปรแกรมสร้างเนื้อหาอิเล็กทรอนกิ ส์.................................................................................... 5 2.1 การติดตั้งโปรแกรมสรา้ งเน้ือหา OBEC Authoring Tool.......................................................... 5 2.1.1 การตดิ ตง้ั ซอฟท์แวร์ Authoring Tool ระบบปฏิบัติการวินโดว์ ................................... 5 บทที่ 3 การใช้งานโปรแกรมสรา้ งเนื้อหาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool)......................................... 9 3.1 การเข้าสู่โปรแกรมสร้างเนือ้ หา OBEC Authoring Tool........................................................... 9 3.2 หน้าหลักโปรแกรมสร้างเน้ือหา OBEC Authoring Tool ........................................................ 10 3.4 แนะนำหน้าการสรา้ งเนื้อหาในรูปแบบไฟล์ e-Pub 3.0 ........................................................... 12 3.5 การสร้างโปรเจคในรปู แบบไฟล์ e-Pub 3.0............................................................................. 14 3.5.1 การเพ่ิมบท................................................................................................................. 14 3.5.2 การลบบท.................................................................................................................. 15 3.5.4 การแทรกข้อความ...................................................................................................... 16 3.5.5 การแทรกรปู ภาพ ....................................................................................................... 18 3.5.6 การแทรกเสียง ........................................................................................................... 19 3.5.7 การแทรกวีดทิ ศั น์....................................................................................................... 20 3.5.8 การแทรกรูปทรง........................................................................................................ 21 3.5.9 การแทรกตาราง......................................................................................................... 23 3.5.10 การแทรกแผนภมู ิ....................................................................................................... 25 3.5.11 การแทรกแกลอร่ี........................................................................................................ 26 3.5.12 การแทรกวตั ถุสามมิติ................................................................................................. 28 3.5.13 การแทรกป๊อปอัป ...................................................................................................... 29 หน้าท่ี ก

) โปรแกรมสรา้ งเนอ้ื หาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.14 การแสดงตวั อย่างเนือ้ หา ............................................................................................ 30 3.5.15 การบนั ทึกเน้ือหา และบันทึกโปรเจค ......................................................................... 31 3.5.16 การส่งออกเน้ือหา ...................................................................................................... 33 3.6 การเปดิ โปรเจค........................................................................................................................ 34 3.7 การแปลงไฟลเ์ อกสาร.............................................................................................................. 35 3.8 การอปั โหลดเนอื้ หา ................................................................................................................. 36 บทที่ 4 ความต้องการของระบบ (System Requirement).......................................................................... 39 4.1 คุณสมบตั ทิ ี่แนะนำสำหรับอปุ กรณ์ .......................................................................................... 39 บทที่ 5 ปญั หาและวธิ ีแกป้ ญั หา (Troubleshooting) ................................................................................... 40 5.1 ไมส่ ามารถลากวตั ถุวางบนพืน้ ท่ีสร้างเนอื้ หา ได้ ....................................................................... 40 5.2 ไม่สามารถส่งออกไฟล์ ได้ (Export)......................................................................................... 40 หนา้ ที่ ข

) โปรแกรมสร้างเนอ้ื หาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) สารบญั รูป หนา้ รูปที่ 1 หนา้ เรยี กใชง้ านเวบ็ เบราว์เซอร์........................................................................................................... 1 รูปท่ี 2 หนา้ หลักเว็บไซต์คลงั เน้ือหาอิเล็กทรอนิกส์.......................................................................................... 2 รปู ท่ี 3 หนา้ รวบรวมโปรแกรมของเว็บไซต์คลังเน้อื หาอเิ ล็กทรอนิกส์ .............................................................. 2 รูปที่ 4 หนา้ ดาวนโ์ หลดโปรแกรมสร้างหนงั สอื อเิ ล็กทรอนิกส์.......................................................................... 3 รปู ท่ี 5 หนา้ สถานะการดาวน์โหลดโปรแกรมสร้างหนงั สอื อิเล็กทรอนิกส์ ........................................................ 3 รปู ที่ 6 หนา้ ไฟล์ทใ่ี ชต้ ดิ ตั้ง .............................................................................................................................. 5 รปู ท่ี 7 หน้าดูข้อมูลเพ่ิมเติม ............................................................................................................................ 5 รปู ท่ี 8 หน้าดำเนนิ การต่อ............................................................................................................................... 6 รปู ท่ี 9 หน้าดำเนนิ การตดิ ตง้ั ........................................................................................................................... 6 รูปท่ี 10 หน้ายอมรบั ข้อสญั ญา ....................................................................................................................... 7 รูปท่ี 11 หนา้ การติดตง้ั ................................................................................................................................... 7 รูปที่ 12 หน้าการตดิ ต้ังเสร็จสมบรู ณ์............................................................................................................... 8 รปู ท่ี 13 ไอคอนโปรแกรมสรา้ งเน้ือหา OBEC Authoring Tool..................................................................... 9 รปู ท่ี 14 หนา้ หลกั ของโปรแกรมสร้างเนือ้ หา OBEC Authoring Tool ......................................................... 10 รปู ที่ 15 แนะนำหนา้ การสรา้ งเน้อื หาในรูปแบบไฟล์ e-Pub 3.0................................................................... 12 รปู ที่ 16 หน้าการเพม่ิ บท .............................................................................................................................. 14 รูปที่ 17 หน้าการลบบท................................................................................................................................ 15 รปู ท่ี 18 การหนา้ แทรกขอ้ ความ ................................................................................................................... 16 รปู ท่ี 19 หนา้ การแทรกรปู ภาพ..................................................................................................................... 18 รูปท่ี 20 หน้าการแทรกเสยี ง......................................................................................................................... 19 รปู ที่ 21 หน้าการแทรกวีดทิ ัศน์..................................................................................................................... 20 รปู ท่ี 22 หน้าการแทรกรูปทรง...................................................................................................................... 21 รปู ท่ี 23 หน้าการแทรกตาราง....................................................................................................................... 23 รปู ท่ี 24 หน้าการแทรกแผนภูมิ..................................................................................................................... 25 รปู ท่ี 25 หน้าการแทรกแกลอร่ี (1)................................................................................................................ 26 รปู ที่ 26 หน้าการแทรกแกลอรี่ (2)................................................................................................................ 27 รูปที่ 27 หนา้ การแทรกวตั ถุสามมิติ............................................................................................................... 28 หนา้ ท่ี ค

) โปรแกรมสรา้ งเน้อื หาอิเล็กทรอนกิ ส์ (OBEC Authoring Tool) รูปที่ 28 หนา้ การแทรกป๊อปอัป .................................................................................................................... 29 รูปท่ี 29 หนา้ การแสดงตัวอย่างเนื้อหา.......................................................................................................... 30 รปู ที่ 30 หน้าการบันทกึ เนื้อหา ..................................................................................................................... 31 รปู ท่ี 31 หนา้ การบนั ทกึ โปรเจค.................................................................................................................... 32 รูปที่ 32 หน้าการสง่ ออกเน้ือหา .................................................................................................................... 33 รูปที่ 33 หน้าการเปิดโปรเจค........................................................................................................................ 34 รปู ที่ 34 หนา้ การแปลงไฟลเ์ อกสาร .............................................................................................................. 35 รปู ท่ี 35 หนา้ การอัปโหลดหนงั สือ................................................................................................................. 36 รูปที่ 36 หน้าเขา้ สู่ระบบ............................................................................................................................... 37 รูปท่ี 37 หน้าสร้างและอปั โหลดเนื้อหา......................................................................................................... 37 รูปที่ 38 หนา้ รายการบรหิ ารจัดการเน้ือหา ................................................................................................... 38 หน้าที่ ง

) โปรแกรมสร้างเนือ้ หาอิเล็กทรอนิกส์ (OBEC Authoring Tool) สารบัญตาราง หน้า ตารางท่ี 1 อธบิ ายการดาวนโ์ หลดโปรแกรมสรา้ งเนือ้ หาอเิ ลก็ ทรอนิกส์ OBEC Authoring Tool.................... 4 ตารางที่ 2 อธบิ ายการติดตงั้ ซอฟท์แวร์ Authoring Tool............................................................................... 8 ตารางที่ 3 อธบิ ายการเข้าส่โู ปรแกรมสรา้ งเน้ือหา OBEC Authoring Tool.................................................... 9 ตารางที่ 4 อธบิ ายหนา้ หลักของโปรแกรมสร้างเนอื้ หา OBEC Authoring Tool........................................... 10 ตารางที่ 5 อธบิ ายการหนา้ แนะนำการสรา้ งเน้ือหาในรูปแบบไฟล์ e-Pub 3.0.............................................. 12 ตารางท่ี 6 อธบิ ายหน้าการเพิ่มบท................................................................................................................ 14 ตารางที่ 7 อธบิ ายหน้าการลบเน้ือหา............................................................................................................ 15 ตารางท่ี 8 อธบิ ายหนา้ การแทรกข้อความ..................................................................................................... 16 ตารางที่ 9 อธิบายหนา้ การแทรกรูปภาพ....................................................................................................... 18 ตารางที่ 10 อธบิ ายหน้าการแทรกเสียง......................................................................................................... 19 ตารางที่ 11 อธิบายการแทรกวีดทิ ศั น์ ........................................................................................................... 20 ตารางที่ 12 อธบิ ายหนา้ การแทรกรปู ทรง ..................................................................................................... 21 ตารางท่ี 13 อธบิ ายหน้าการแทรกตาราง ...................................................................................................... 24 ตารางท่ี 14 อธิบายหน้าการแทรกแผนภูมิ.................................................................................................... 25 ตารางที่ 15 อธิบายหนา้ การแทรกแกลอร่ี..................................................................................................... 27 ตารางที่ 16 อธิบายหนา้ การแทรกวตั ถสุ ามมิติ.............................................................................................. 28 ตารางที่ 17 อธิบายหน้าการแทรกปอ๊ ปอปั .................................................................................................... 29 ตารางท่ี 18 อธบิ ายหนา้ การแสดงตวั อย่างเนื้อหา ......................................................................................... 31 ตารางที่ 19 อธบิ ายหน้าการบนั ทึกเนื้อหา และบนั ทึกโปรเจค....................................................................... 32 ตารางท่ี 20 อธิบายหนา้ การส่งออกเน้ือหา.................................................................................................... 33 ตารางท่ี 21 อธบิ ายหน้าการเปดิ โปรเจค ....................................................................................................... 35 ตารางที่ 22 อธบิ ายหน้าการแปลงไฟล์เอกสาร.............................................................................................. 36 ตารางที่ 23 อธบิ ายหน้าการเพิม่ รายการหนังสอื อเิ ลก็ ทรอนกิ ส์..................................................................... 38 หนา้ ท่ี จ

) โปรแกรมสร้างเน้ือหาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) บทท่ี 1 การดาวน์โหลดโปรแกรมสร้างเน้ือหาอิเล็กทรอนิกส์ 1.1 การดาวน์โหลดโปรแกรมสรา้ งเนอ้ื หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) 1. การเรยี กใช้งานเว็บไซต์ คลงั เน้ือหาอเิ ล็กทรอนกิ ส์ (OBEC Content Center) ทำการเปิดเว็บเบราว์เซอร์ด้วย Web browser (Internet Explorer, Firefox และ Google Chrome) จะแสดงหน้าเว็บเบราว์เซอร์ โดยพิมพ์ URL http://contentcenter.obec.go.th ในช่อง URL จะแสดงหนา้ แรกของเวบ็ ไซต์ ดงั รูปท่ี 1 รูปท่ี 1 หน้าเรียกใช้งานเวบ็ เบราว์เซอร์ หนา้ ท่ี 1

) โปรแกรมสรา้ งเนอ้ื หาอิเล็กทรอนิกส์ (OBEC Authoring Tool) รูปที่ 2 หนา้ หลกั เว็บไซตค์ ลังเนอ้ื หาอเิ ลก็ ทรอนกิ ส์ รปู ที่ 3 หนา้ รวบรวมโปรแกรมของเวบ็ ไซตค์ ลังเน้ือหาอิเล็กทรอนกิ ส์ หนา้ ที่ 2

) โปรแกรมสรา้ งเนือ้ หาอเิ ลก็ ทรอนิกส์ (OBEC Authoring Tool) รูปท่ี 4 หน้าดาวนโ์ หลดโปรแกรมสร้างหนังสืออิเลก็ ทรอนกิ ส์ รูปท่ี 5 หน้าสถานะการดาวนโ์ หลดโปรแกรมสร้างหนงั สืออิเลก็ ทรอนกิ ส์ หนา้ ที่ 3

) โปรแกรมสรา้ งเนอ้ื หาอิเล็กทรอนกิ ส์ (OBEC Authoring Tool) ตารางท่ี 1 อธิบายการดาวน์โหลดโปรแกรมสร้างเนือ้ หาอิเลก็ ทรอนิกส์ OBEC Authoring Tool ลำดับที่ รายละเอยี ด 1 เปิดเว็บเบราว์เซอร์ และกรอก URL http://contentcenter.obec.go.th ลงในช่อง URL จากนน้ั กดป่มุ Enter 2 คลิกปมุ่ ดาวนโ์ หลด เพอื่ เข้าสู่หน้ารวบรวมโปรแกรมของเวบ็ ไซต์คลังเนื้อหาอเิ ลก็ ทรอนกิ ส์ 3 คลกิ ป่มุ ดาวนโ์ หลด ที่โปรแกรมสรา้ งเนื้อหาอิเล็กทรอนกิ ส์ OBEC Authoring Tool 4 กดปมุ่ “Save” เพื่อบนั ทึกการดาวน์โหลดโปรแกรมสรา้ งเนอ้ื หาอิเล็กทรอนิกส์ OBEC Authoring Tool 5 พ้ืนทแ่ี สดงสถานะการดาวนโ์ หลดโปรแกรมสร้างเน้อื หาอเิ ล็กทรอนิกส์ OBEC Authoring Tool หน้าท่ี 4

) โปรแกรมสรา้ งเน้อื หาอิเลก็ ทรอนกิ ส์ (OBEC Authoring Tool) บทท่ี 2 การติดตั้งโปรแกรมสร้างเนือ้ หาอิเลก็ ทรอนิกส์ 2.1 การตดิ ต้ังโปรแกรมสร้างเน้ือหา OBEC Authoring Tool 2.1.1 การติดต้งั ซอฟทแ์ วร์ Authoring Tool ระบบปฏบิ ตั กิ ารวนิ โดว์ 1. การตดิ ตง้ั โปรแกรม OBEC Authoring Tool รปู ท่ี 6 หนา้ ไฟล์ทใี่ ชต้ ดิ ต้ัง รูปที่ 7 หน้าดขู ้อมลู เพิ่มเติม หน้าท่ี 5

) โปรแกรมสร้างเน้อื หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) รูปที่ 8 หนา้ ดำเนนิ การตอ่ รูปท่ี 9 หนา้ ดำเนนิ การตดิ ต้งั หนา้ ท่ี 6

) โปรแกรมสร้างเน้อื หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) รปู ท่ี 10 หนา้ ยอมรบั ข้อสญั ญา รูปท่ี 11 หน้าการตดิ ตงั้ หนา้ ที่ 7

) โปรแกรมสร้างเน้อื หาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) รปู ท่ี 12 หน้าการติดตง้ั เสร็จสมบูรณ์ ตารางท่ี 2 อธิบายการตดิ ตงั้ ซอฟทแ์ วร์ Authoring Tool ลำดับท่ี รายละเอยี ด 1 ดบั เบล้ิ คลกิ ไฟล์ at2_20200118 จะปรากฏ ดงั รูปที่ 7 2 กดปุ่ม “More info” 3 กดปุ่ม “Run anyway” 4 กดปุม่ “ทำต่อ” 5 เลือก “ฉนั ยอม รบั ข้อสญั ญา” จากนน้ั กดปุ่ม “ทำต่อ” 6 กดปุ่ม “ตดิ ตัง้ ” เพ่อื ตดิ ตงั้ โปรแกรม 7 การติดต้ัง Authoring Tool เสรจ็ สมบรู ณ์ กดปุม่ “เสรจ็ ” หน้าที่ 8

) โปรแกรมสร้างเนอ้ื หาอิเล็กทรอนิกส์ (OBEC Authoring Tool) บทที่ 3 การใชง้ านโปรแกรมสรา้ งเน้อื หาอิเล็กทรอนิกส์ (OBEC Authoring Tool) 3.1 การเขา้ สู่โปรแกรมสร้างเนอ้ื หา OBEC Authoring Tool รปู ที่ 13 ไอคอนโปรแกรมสร้างเนอ้ื หา OBEC Authoring Tool ตารางที่ 3 อธิบายการเข้าสโู่ ปรแกรมสร้างเน้ือหา OBEC Authoring Tool ลำดับ รายละเอยี ด 1 กดทีไ่ อคอนโปรแกรมสรา้ งเน้ือหา OBEC Authoring Tool หน้าท่ี 9

) โปรแกรมสร้างเน้อื หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) 3.2 หนา้ หลกั โปรแกรมสรา้ งเนอ้ื หา OBEC Authoring Tool เมอ่ื เข้าสโู่ ปรแกรมสรา้ งเน้ือหา OBEC Authoring Tool จะแสดงหนา้ หลักของโปรแกรม รปู ที่ 14 หน้าหลักของโปรแกรมสร้างเนอื้ หา OBEC Authoring Tool ตารางท่ี 4 อธิบายหน้าหลักของโปรแกรมสรา้ งเนื้อหา OBEC Authoring Tool ลำดบั รายละเอยี ด 1 เมนูหลักของโปรแกรมสร้างเนื้อหา OBEC Authoring Tool ประกอบด้วยเมนตู ่าง ๆ ดังน้ี - เมนูไฟล์ ประกอบดว้ ยเมนูย่อยดังต่อไปน้ี หนา้ ที่ 10

) โปรแกรมสร้างเนอ้ื หาอิเลก็ ทรอนกิ ส์ (OBEC Authoring Tool) ลำดับ รายละเอียด - เมนูแก้ไข ประกอบดว้ ยเมนูยอ่ ยดงั ต่อไปนี้ - เมนโู ปรเจค ประกอบด้วยเมนยู ่อยดังต่อไปน้ี - เมนชู ่วยเหลือ ประกอบดว้ ยเมนยู ่อยดงั ต่อไปนี้ 2 เมนูลัดการใช้งาน ประกอบด้วยเมนตู ่าง ๆ ดงั น้ี - ปุ่มสร้างเนอ้ื หาในรปู แบบไฟล์ e-Pub 3.0 - ปุ่มเปิดโปรเจค - ปุ่มแปลงไฟล์เอกสาร หนา้ ที่ 11

) โปรแกรมสร้างเนื้อหาอิเล็กทรอนิกส์ (OBEC Authoring Tool) 3.4 แนะนำหนา้ การสรา้ งเนือ้ หาในรปู แบบไฟล์ e-Pub 3.0 การสร้างเนื้อหาในรูปแบบไฟล์ e-Pub 3.0 ทำได้โดยกดปุ่ม หรือไปที่เมนูไฟล์ > สร้าง โปรเจคใหม่ > e-Pub 3.0 (ไฟล์ e-Pub 3.0 สนับสุนนการทำงานกับวัตถุประเภทข้อความ รูปภาพ เสียง วดี ิทัศน์ รปู ทรง ตาราง แผนภูมิ แกลเลอรี่ วัตถุสามมติ ิ และปอ๊ ปอปั ) รูปที่ 15 แนะนำหน้าการสร้างเนื้อหาในรูปแบบไฟล์ e-Pub 3.0 ตารางท่ี 5 อธิบายการหน้าแนะนำการสร้างเนอื้ หาในรปู แบบไฟล์ e-Pub 3.0 ลำดบั รายละเอียด 1 วตั ถุ ประกอบดว้ ยรายการ ดังต่อไปนี้ - -- --- -- -- หนา้ ที่ 12

) โปรแกรมสรา้ งเน้อื หาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) ลำดบั รายละเอียด 2 แถบเคร่ืองมือสำหรับปรบั แต่งขอ้ ความ 3 พน้ื ท่กี ารทำงาน 4 หนา้ ตา่ งสารบญั ประกอบดว้ ยเครื่องมอื ที่ใช้สำหรบั จัดการเน้ือหา ประกอบด้วยเครอ่ื งมอื ดังนี้ - ปุ่ม “เพมิ่ ” บท - ปุ่ม “ลบ” บท - ปุ่ม “เลอื่ นบท” ขน้ึ ด้านบน - ปุ่ม “เล่อื นบท” ลงด้านลา่ ง หน้าท่ี 13

) โปรแกรมสรา้ งเนื้อหาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5 การสร้างโปรเจคในรปู แบบไฟล์ e-Pub 3.0 หรือ เพือ่ เพิม่ บทใหม่ 3.5.1 การเพม่ิ บท ผใู้ ช้สามารถเพ่มิ บทได้ โดยการกดป่มุ ตารางท่ี 6 อธิบายหนา้ การเพิ่มบท รูปที่ 16 หนา้ การเพม่ิ บท ลำดบั หรอื รายละเอยี ด เพ่ือเพิ่มบทใหม่ 1 กดปุ่ม หนา้ ท่ี 14

) โปรแกรมสรา้ งเนือ้ หาอิเล็กทรอนิกส์ (OBEC Authoring Tool) 3.5.2 การลบบท หรือคลิกขวาที่บท ที่ต้องการลบ จากนั้นเลือก “ลบ” ผู้ใช้สามารถลบบทได้ โดยการกดปุ่ม รปู ที่ 17 หน้าการลบบท ตารางที่ 7 อธิบายหนา้ การลบเน้ือหา ลำดบั รายละเอยี ด 1 กดปมุ่ หรอื คลกิ ขวาทบี่ ท ท่ีต้องการลบ จากน้ันเลือก “ลบ” 2 โปรแกรมจะแสดงกลอ่ งข้อความแจง้ เตือนการลบบท จากน้ันกดปุ่ม “ตกลง” เพอื่ ยืนยนั การ ลบบท หน้าที่ 15

) โปรแกรมสร้างเน้อื หาอิเลก็ ทรอนกิ ส์ (OBEC Authoring Tool) 3.5.4 การแทรกข้อความ ไปวางในพื้นที่การทำงาน ผู้ใช้สามารถแทรกข้อความได้ โดยการลากไอคอน ซงึ่ ผใู้ ชส้ ามารถกำหนดคุณสมบตั ใิ ห้กับขอ้ ความใหม่ได้ รปู ที่ 18 การหน้าแทรกขอ้ ความ ตารางที่ 8 อธิบายหนา้ การแทรกข้อความ ลำดับ รายละเอยี ด 1 ไปวางในพน้ื ท่ีการทำงาน ลากไอคอน 2 แถบเคร่ืองมือสำหรบั ปรบั แต่งข้อความ ประกอบด้วยเคร่ืองมอื ดังต่อไปนี้ - เปล่ียนฟอนต์ - เปลยี่ นขนาดฟอนต์ - ตวั หนา (ทำข้อความใหเ้ ป็นตัวหนา) - ตวั เอียง (ทำข้อความใหเ้ ป็นตวั เอียง) - ขดี เสน้ ใต้ (ขดี เสน้ ใตข้ ้อความ) - ขีดทับ (ขีดเสน้ ทับข้อความ) - ตวั หอ้ ย (ทำข้อความใหเ้ ป็นตวั อักษรขนาดเล็กใตบ้ รรทัดข้อความ) หนา้ ที่ 16

) โปรแกรมสรา้ งเน้ือหาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) ลำดับ รายละเอยี ด - ตวั ยก (ทำข้อความให้เป็นตวั อักษรขนาดเล็กเหนือบรรทัดข้อความ) - สีแบบอักษร - เนน้ (เนน้ สีข้อความ) - สัญลกั ษณแ์ สดงหัวข้อย่อย (สรา้ งรายการสญั ลกั ษณแ์ สดงหวั ข้อย่อย) - ลำดบั เลข (สรา้ งรายการลำดบั เลข) - เพิม่ การเยอ้ื ง (เพ่ิมการเยื้องของข้อความสำหรบั การทำย่อหน้า) - ลดการเยอ้ื ง (ลดการเยื้องของข้อความ) - จัดชดิ ซา้ ย (จดั แนวขอ้ ความใหช้ ดิ ระยะขอบซ้าย) - ก่ึงกลาง (จัดแนวข้อความให้กึ่งกลาง) - จัดชดิ ขวา (จดั แนวขอ้ ความให้ชิดระยะขอบขวา) - ชิดขอบ (จดั แนวขอ้ ความโดยการกระจายข้อความใหม้ รี ะยะยา่ งระหว่างขอบเท่ากนั ) หนา้ ที่ 17

) โปรแกรมสรา้ งเนื้อหาอเิ ล็กทรอนกิ ส์ (OBEC Authoring Tool) 3.5.5 การแทรกรปู ภาพ ไปวางในพน้ื ท่กี ารทำงาน ซ่งึ ผ้ใู ช้ ผู้ใชส้ ามารถแทรกรูปภาพได้ โดยการลากไอคอน สามารถกำหนดคณุ สมบตั ใิ ห้กบั รปู ภาพใหมไ่ ด้ รปู ที่ 19 หน้าการแทรกรปู ภาพ ตารางที่ 9 อธิบายหนา้ การแทรกรูปภาพ ลำดบั รายละเอียด 1 ไปวางในพ้ืนที่การทำงาน ลากไอคอน 2 หนา้ ต่างตัง้ ค่ารปู ภาพ ประกอบดว้ ยเคร่อื งมือดังต่อไปนี้ - รูปภาพ มีปุ่ม สำหรับเลอื กรปู ภาพ (รองรับไฟล์รูปภาพสกุล jpg, png และ gif เทา่ น้นั ) - ความกวา้ ง มีกล่องข้อความสำหรับกรอกค่าความกวา้ ง (กรอกข้อมูลได้เฉพาะตัวเลขเท่านนั้ ) - ความสงู มกี ล่องขอ้ ความสำหรบั กรอกค่าความสูง (กรอกขอ้ มูลได้เฉพาะตัวเลขเท่านั้น) - รกั ษาอตั ราส่วน มี Checkbox สำหรบั กำหนดการรักษาอตั ราสว่ นของรูปภาพ - ปุ่มคืนค่าเร่มิ ตน้ ให้รปู ภาพ หนา้ ท่ี 18

) โปรแกรมสรา้ งเนอ้ื หาอเิ ลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.6 การแทรกเสยี ง เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแล้ว ผู้ใช้สามารถแทรกเสียงได้ โดยการลาก ไอคอน ไปวางในพน้ื ท่ีการทำงานซึง่ ผูใ้ ชส้ ามารถกำหนดคณุ สมบัติให้กบั ไฟลเ์ สียงใหม่ได้ รูปท่ี 20 หนา้ การแทรกเสยี ง ตารางที่ 10 อธบิ ายหน้าการแทรกเสยี ง ลำดับ รายละเอียด 1 ไปวางในพนื้ ท่ีการทำงาน ลากไอคอน 2 หน้าต่างต้งั คา่ ไฟลเ์ สยี ง ประกอบดว้ ยเคร่อื งมือดงั ต่อไปน้ี - เสยี ง มีปุ่ม สำหรับเลือกไฟล์เสยี ง โดยรองรบั ไฟล์เสียงสกุล mp3 ไดเ้ ท่านัน้ (จาก หน้าต่างตัง้ ค่าไฟล์เสียง สามารถเลน่ ไฟลเ์ สยี งได้ โดยกดปมุ่ และกดปุ่ม เพอ่ื หยดุ เล่นไฟล์เสยี ง) หน้าที่ 19

) โปรแกรมสร้างเน้อื หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) 3.5.7 การแทรกวีดทิ ัศน์ เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแล้ว ผู้ใช้สามารถแทรกวีดิทัศน์ได้ โดยการลาก ไอคอน ไปวางในพ้ืนที่การทำงาน ซึ่งผู้ใช้สามารถกำหนดคณุ สมบตั ิใหก้ ับไฟล์วดี ิทัศน์ใหม่ได้ รูปที่ 21 หนา้ การแทรกวีดทิ ัศน์ ตารางท่ี 11 อธิบายการแทรกวีดทิ ัศน์ ลำดับ รายละเอียด 1 ลากไอคอน ไปวางในพืน้ ท่ีการทำงาน 2 หน้าต่างตง้ั ค่าวดี ิทัศน์ ประกอบดว้ ยเครอ่ื งมือดังต่อไปนี้ - วดี ิทศั น์ มีปุ่ม สำหรบั เลอื กไฟล์วีดทิ ัศน์ โดยรองรบั ไฟลว์ ดี ิทัศนส์ กุล mp4 ได้ เทา่ นนั้ - ความกวา้ ง มกี ล่องข้อความสำหรบั กรอกคา่ ความกวา้ ง (กรอกข้อมลู ไดเ้ ฉพาะตวั เลขเท่านน้ั ) - ความสงู มีกล่องข้อความสำหรบั กรอกค่าความสงู (กรอกขอ้ มูลไดเ้ ฉพาะตัวเลขเท่านัน้ ) - รักษาอัตราสว่ น มี Checkbox สำหรับกำหนดการรกั ษาอัตราสว่ นของวดี ิทัศน์ - ป่มุ คืนค่าเริ่มตน้ ใหว้ ีดิทัศน์ หน้าท่ี 20

) โปรแกรมสร้างเนอื้ หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) ลำดบั รายละเอยี ด และกดปุ่ม (จากหนา้ ต่างต้งั ค่าวดี ิทัศน์ สามารถเล่นไฟล์วีดทิ ศั น์ได้ โดยกดป่มุ เพอ่ื หยดุ เลน่ ไฟลว์ ีดิทัศน์) 3.5.8 การแทรกรูปทรง เม่ือกำหนดโครงสรา้ งการวางวตั ถเุ รียบร้อยแล้ว ผใู้ ช้สามารถแทรกรูปทรงได้ โดยการลาก ไอคอน ไปวางในพ้ืนที่การทำงาน ซึง่ ผ้ใู ชส้ ามารถกำหนดคุณสมบตั ิให้กับรูปทรงใหม่ได้ รปู ที่ 22 หนา้ การแทรกรูปทรง ตารางท่ี 12 อธิบายหนา้ การแทรกรูปทรง ลำดับ รายละเอยี ด 1 ไปวางในพื้นท่ีการทำงาน ลากไอคอน 2 หนา้ ต่างตั้งค่ารปู ทรง ประกอบด้วยเคร่ืองมือดังต่อไปนี้ - รปู ทรง มีชอ่ งรายการตวั เลือกรปู ทรง เชน่ สเี่ หลีย่ ม วงกลม วงรี และรปู หลายเหลีย่ ม - ความกวา้ ง มกี ล่องข้อความสำหรับกรอกค่าความกว้าง (กรอกข้อมูลไดเ้ ฉพาะตวั เลขเท่านั้น) - ความสงู มกี ล่องขอ้ ความสำหรับกรอกค่าความสงู (กรอกข้อมูลไดเ้ ฉพาะตัวเลขเทา่ นนั้ ) หน้าท่ี 21

) โปรแกรมสร้างเนือ้ หาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) ลำดับ รายละเอยี ด - ความหนาเส้นขอบ มีกล่องขอ้ ความสำหรับกรอกคา่ ความหนาเสน้ ขอบ (กรอกข้อมูลได้ เฉพาะตวั เลขเทา่ นน้ั ) - สเี สน้ ขอบ มชี ่องเลอื กสีเสน้ ขอบให้กับรูปทรง - สพี ้นื หลัง มีชอ่ งเลือกสีพน้ื หลงั ให้กับรูปทรง - ข้อความ มีกลอ่ งสำหรับกรอกข้อความทตี่ ้องการให้แสดงในรปู ทรง - เปลยี่ นฟอนต์ - เปลี่ยนขนาดฟอนต์ - สแี บบอักษร หน้าท่ี 22

) โปรแกรมสรา้ งเน้ือหาอิเล็กทรอนกิ ส์ (OBEC Authoring Tool) 3.5.9 การแทรกตาราง เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแล้ว ผู้ใช้สามารถแทรกตารางได้ โดยการลาก ไอคอน ไปวางในพืน้ ท่กี ารทำงาน ซ่งึ ผใู้ ช้สามารถกำหนดคณุ สมบัตใิ หก้ บั ตารางใหมไ่ ด้ รปู ท่ี 23 หนา้ การแทรกตาราง หนา้ ท่ี 23

) โปรแกรมสร้างเน้ือหาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) ตารางท่ี 13 อธบิ ายหนา้ การแทรกตาราง ลำดับ รายละเอยี ด 1 ลากไอคอน ไปวางในพนื้ ที่การทำงาน 2 แสดงหนา้ ต่างกำหนดค่าสำหรบั ตารางท่ีสร้างใหม่ เมอ่ื ผู้ใช้กำหนดค่าเรียบร้อยแล้ว ใหก้ ดปมุ่ “ตกลง” 3 แสดงตารางท่ีผูใ้ ช้ไดส้ รา้ งขน้ึ 4 หน้าตา่ งสำหรับต้งั คา่ ตาราง - จำนวนแถว มีช่องรายการตัวเลขสำหรบั เลอื กจำนวนแถว - จำนวนคอลมั น์ มีช่องรายการตัวเลขสำหรับเลือกจำนวนคอลัมน์ - ความกว้าง มีกล่องข้อความสำหรบั กรอกคา่ ความกว้าง (กรอกข้อมลู ไดเ้ ฉพาะตวั เลขเทา่ นน้ั ) - ความหนาเสน้ ขอบ มชี ่องรายการตัวเลขสำหรับเลอื กขนาดความหนาของเสน้ ขอบ - ระยะหา่ งระหว่างขอบ มีชอ่ งรายการตวั เลขสำหรบั เลอื กระยะห่างระหว่างขอบ - ระยะห่างระหวา่ งเซลล์ มีช่องรายการตัวเลขสำหรับเลอื กระยะห่างระหวา่ งเซลล์ - สีเส้นขอบ มีชอ่ งเลือกสเี สน้ ขอบให้กบั ตาราง - สพี น้ื หลงั มชี อ่ งเลือกสพี ื้นหลงั ใหก้ ับตาราง หน้าที่ 24

) โปรแกรมสร้างเนื้อหาอิเล็กทรอนิกส์ (OBEC Authoring Tool) 3.5.10 การแทรกแผนภมู ิ เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแลว้ ผู้ใช้สามารถแทรกแผนภูมิได้ โดยการลาก ไอคอน ไปวางในพน้ื ท่กี ารทำงาน ซ่งึ ผูใ้ ชส้ ามารถกำหนดคุณสมบตั ิใหก้ บั แผนภูมใิ หม่ได้ รูปท่ี 24 หน้าการแทรกแผนภูมิ ตารางที่ 14 อธบิ ายหน้าการแทรกแผนภมู ิ ลำดบั รายละเอยี ด 1 ไปวางพน้ื ท่ีการทำงาน ลากไอคอน 2 หนา้ ตา่ งตง้ั ค่าแผนภมู ิ ประกอบดว้ ยเคร่ืองมือดงั ต่อไปน้ี - ชือ่ แผนภมู ิ มีกล่องขอ้ ความสำหรบั ต้ังช่อื แผนภมู ิ - รปู แบบ มปี ุ่มเลือกอตั โนมัติ (Radio button) สำหรับเลอื กรูปแบบของแผนภมู ิ เช่น แผนภมู แิ บบแท่ง, แผนภูมิแบบเสน้ และ แผนภมู แิ บบวงกลม - ขอ้ มูล มีปมุ่ สำหรับแก้ไขข้อมลู ของแผนภมู ิ - ชุดสี มชี อ่ งเลือกชุดสีให้กับแผนภมู ิ หน้าท่ี 25

) โปรแกรมสร้างเนื้อหาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) ลำดบั รายละเอยี ด 2 - ความกว้าง มกี ล่องข้อความสำหรบั กรอกคา่ ความกวา้ ง (กรอกข้อมูลไดเ้ ฉพาะตัวเลขเท่าน้นั ) - ความสูง มกี ล่องขอ้ ความสำหรบั กรอกคา่ ความสงู (กรอกข้อมูลไดเ้ ฉพาะตวั เลขเทา่ น้ัน) - รักษาอตั ราส่วน มี Checkbox สำหรับกำหนดการรักษาอัตราส่วนของแผนภมู ิ 3.5.11 การแทรกแกลอร่ี เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแล้ว ผู้ใช้สามารถแทรกแกลอรี่ได้ โดยการลาก ไอคอน ไปวางในพน้ื ทก่ี ารทำงาน ซ่งึ ผู้ใช้สามารถกำหนดคณุ สมบตั ใิ หก้ บั แกลอร่ีใหม่ได้ รูปท่ี 25 หนา้ การแทรกแกลอรี่ (1) หน้าที่ 26

) โปรแกรมสรา้ งเน้อื หาอิเล็กทรอนกิ ส์ (OBEC Authoring Tool) รปู ท่ี 26 หนา้ การแทรกแกลอร่ี (2) ตารางท่ี 15 อธิบายหน้าการแทรกแกลอรี่ ลำดบั รายละเอยี ด 1 ไปวางในพืน้ ท่ีการทำงาน ลากไอคอน 2 กดปุม่ “เพม่ิ รปู ภาพ” เพื่อเลือกรูปภาพทีต่ ้องการได้ 3 แสดงตวั อย่างรปู ภาพแกลอรี่จากการเลือกของผใู้ ช้ 4 แสดงรปู ภาพแกลอรี่ทผี่ ู้ใช้ได้สรา้ งข้ึน 5 หน้าตา่ งตัง้ ค่าแกลอร่ี ประกอบด้วยเครอ่ื งมือดงั ต่อไปนี้ - แกลอรี่ มปี ่มุ สำหรับแกไ้ ขเปล่ียนรปู ภาพท่ีใช้ในการจดั ทำแกลอรี่ - ความกวา้ ง มีกล่องข้อความสำหรับกรอกค่าความกวา้ ง (กรอกข้อมลู ไดเ้ ฉพาะตัวเลขเทา่ นน้ั ) - ความสงู มกี ลอ่ งข้อความสำหรับกรอกค่าความสูง (กรอกขอ้ มลู ได้เฉพาะตัวเลขเทา่ นัน้ ) - ป่มุ คนื คา่ เร่ิมตน้ ใหร้ ูปภาพ หมายเหตุ เป็นไอคอนสัญลักษณ์ของแกลอร่ี หน้าที่ 27

) โปรแกรมสรา้ งเนอื้ หาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.12 การแทรกวตั ถสุ ามมติ ิ เมื่อกำหนดโครงสร้างการวางวัตถุเรียบร้อยแล้ว ผู้ใช้สามารถแทรกวัตถุสามมิติได้ โดยการ ลากไอคอน ไปวางในโครงสรา้ งที่กำหนดไว้ ซ่ึงผู้ใชส้ ามารถกำหนดคณุ สมบตั ใิ ห้กบั วัตถุสามมิตใิ หม่ได้ รูปที่ 27 หน้าการแทรกวัตถุสามมติ ิ ตารางที่ 16 อธบิ ายหน้าการแทรกวัตถุสามมติ ิ ลำดบั รายละเอยี ด 1 ลากไอคอน ไปวางในโครงสร้างท่ีกำหนดไว้ 2 หน้าตา่ งตัง้ ค่าวตั ถสุ ามมิติ ประกอบด้วยเคร่ืองมือดงั ต่อไปน้ี - วัตถสุ ามมิติ มปี ุ่ม สำหรับเลอื กรูปภาพสามมิติ (รองรับไฟล์รปู ภาพสกลุ obj เทา่ น้นั ) - ความกวา้ ง มกี ล่องข้อความสำหรับกรอกคา่ ความกว้าง (กรอกข้อมูลไดเ้ ฉพาะตวั เลขเท่านั้น) - ความสูง มีกล่องขอ้ ความสำหรบั กรอกค่าความสูง (กรอกขอ้ มูลได้เฉพาะตวั เลขเทา่ นนั้ ) - รกั ษาอตั ราสว่ น มี Checkbox สำหรับกำหนดการรกั ษาอตั ราส่วนของรูปภาพ หน้าท่ี 28

) โปรแกรมสร้างเนื้อหาอิเลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.13 การแทรกป๊อปอัป เมื่อกำหนดโครงสร้างการวางวตั ถุเรียบรอ้ ยแลว้ ผู้ใช้สามารถแทรกป๊อปอัปได้ โดยการลาก ไอคอน ไปวางในโครงสรา้ งทีก่ ำหนดไว้ ซึง่ ผูใ้ ชส้ ามารถกำหนดคณุ สมบัตใิ ห้กบั ปอ๊ ปอัปใหม่ได้ รูปที่ 28 หน้าการแทรกป๊อปอัป ตารางที่ 17 อธิบายหน้าการแทรกปอ๊ ปอัป ลำดับ รายละเอยี ด 1 ไปวางในโครงสร้างทีก่ ำหนดไว้ ลากไอคอน 2 หนา้ ตา่ งตั้งค่าป๊อปอัป ประกอบด้วยเครอ่ื งมือดงั ต่อไปน้ี - รปู ภาพ มีปุ่ม สำหรับเลือกรูปภาพ (รองรบั ไฟลร์ ปู ภาพสกุล jpg, png และ gif เท่านนั้ ) - ความกว้าง มกี ล่องข้อความสำหรับกรอกค่าความกว้าง (กรอกข้อมลู ไดเ้ ฉพาะตวั เลขเทา่ น้นั ) - ความสงู มกี ลอ่ งขอ้ ความสำหรับกรอกค่าความสงู (กรอกข้อมลู ไดเ้ ฉพาะตวั เลขเท่านน้ั ) - รกั ษาอตั ราสว่ น มี Checkbox สำหรับกำหนดการรักษาอัตราส่วนของรูปภาพ - คำอธบิ ายภาพ มปี ุ่ม สำหรับเพิ่มหรอื แก้ไขคำอธิบายป็อปอัป หมายเหตุ เปน็ ไอคอนสัญลักษณ์ของปอ๊ ปอัป หนา้ ที่ 29

) โปรแกรมสร้างเนื้อหาอเิ ลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.14 การแสดงตัวอยา่ งเน้ือหา ผู้ใช้สามารถดูตัวอย่างของเนื้อหาได้ โดยกดปุ่ม หรือไปที่เมนูโปรเจค > แสดง ตัวอย่าง จากนั้นโปรแกรมสร้างเนื้อหา OBEC Authoring Tool จะเปดิ โปรแกรมแสดงเนอ้ื หา (Viewer) ขึน้ มา เพือ่ แสดงผลตวั อย่างเน้อื หา รปู ที่ 29 หน้าการแสดงตัวอยา่ งเนอ้ื หา หน้าท่ี 30

) โปรแกรมสร้างเนือ้ หาอเิ ล็กทรอนกิ ส์ (OBEC Authoring Tool) ตารางท่ี 18 อธบิ ายหนา้ การแสดงตวั อย่างเน้อื หา ลำดบั รายละเอยี ด 1 กดปุ่ม หรือไปที่เมนโู ปรเจค > แสดงตวั อย่าง 2 แสดงตัวอยา่ งเนื้อหาผ่านโปรแกรมแสดงเนื้อหา (Viewer) 3.5.15 การบนั ทกึ เนอ้ื หา และบนั ทึกโปรเจค เมื่อสร้างเนื้อหาเรียบร้อยแล้ว ผู้ใช้สามารถบันทึกเนื้อหาได้ โดยการกดปุ่ม เพื่อบนั ทึกเน้อื หา รปู ท่ี 30 หน้าการบันทกึ เนอ้ื หา หนา้ ท่ี 31

) โปรแกรมสรา้ งเนื้อหาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) จากนั้นผู้ใช้จะต้องบันทึกโปรเจค โดยไปที่เมนูไฟล์ > บันทึกโปรเจค หรือ กดปุ่ม Ctrl + Shift + S ที่คีย์บอร์ด (ไฟล์โปรเจคที่ถูกบันทึกจะอยู่ในรูปแบบนามสกุลไฟล์ .atxml ซึ่งผู้ใช้สามารถกลับมา แก้ไขในภายหลงั ได้) รูปท่ี 31 หน้าการบนั ทึกโปรเจค ตารางที่ 19 อธบิ ายหน้าการบันทึกเน้อื หา และบันทกึ โปรเจค ลำดับ รายละเอียด 1 เพื่อบันทึกเนอื้ หา กดปุ่ม 2 ไปท่ีเมนูไฟล์ > บันทึกโปรเจค หรือ กดปมุ่ Ctrl + Shift + S ทคี่ ยี บ์ อร์ด เพอ่ื บันทึกโปรเจค 3 โปรแกรมจะแสดงหนา้ ตา่ งบันทกึ โปรเจค เพื่อใหผ้ ู้ใช้ต้งั ช่ือโปรเจค และกำหนดโฟลเดอร์ ปลายทาง จากนนั้ กดปุม่ “ตกลง” เพือ่ ยนื ยนั การบันทึกโปรเจค หน้าท่ี 32

) โปรแกรมสรา้ งเนอ้ื หาอเิ ลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.5.16 การสง่ ออกเน้อื หา ผู้ใช้สามารถส่งออกเนื้อหา เพื่อนำไปเปิดใช้งานบนอุปกรณ์สมาร์ทโฟน หรืออุปกรณ์แท็บ เล็ตได้ โดยกดปุ่ม หรือไปที่เมนูโปรเจค > ส่งออก (ไฟล์ e-Pub 3.0 ที่ถูกบันทึกจะอยู่ในรูปแบบ นามสกุลไฟล์ .e-Pub ซง่ึ เป็นไฟลท์ ไ่ี ม่สามารถนำกลบั มาแก้ไขได)้ รูปท่ี 32 หน้าการส่งออกเนื้อหา ตารางท่ี 20 อธบิ ายหนา้ การส่งออกเนือ้ หา ลำดับ รายละเอยี ด 1 เพอ่ื สง่ ออกโปรเจคในรปู แบบ e-Pub 3.0 หรือไปท่ีเมนโู ปรเจค > ส่งออก กดป่มุ 2 โปรแกรมจะแสดงหน้าต่างส่งออก e-Pub เพื่อให้ผใู้ ชต้ ้ังช่ือ e-Pub และกำหนดโฟลเดอร์ ปลายทาง จากนน้ั กดปมุ่ “Save” เพื่อยนื ยนั บันทึกโปรเจคใหอ้ ยใู่ นรูปแบบ e-Pub 3.0 หน้าท่ี 33

) โปรแกรมสรา้ งเนื้อหาอเิ ลก็ ทรอนิกส์ (OBEC Authoring Tool) 3.6 การเปิดโปรเจค โปรแกรมสร้างเนื้อหา OBEC Authoring Tool สามารถเปิดโปรเจคที่เคยสร้างไว้ได้ โดยกดปุ่ม หรือไปท่ีเมนูไฟล์ > เปิดโปรเจค (หรอื ไปทีเ่ มนไู ฟล์ > เปิดโปรเจคล่าสดุ โดยโปรแกรมจะแสดงรายชื่อ โปรเจคที่ผใู้ ชไ้ ดส้ ร้างไว้ลา่ สุด) รปู ที่ 33 หน้าการเปิดโปรเจค หนา้ ที่ 34

) โปรแกรมสรา้ งเน้ือหาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) ตารางที่ 21 อธบิ ายหนา้ การเปดิ โปรเจค ลำดบั รายละเอียด 1 กดปุ่ม หรือไปทเี่ มนูไฟล์ > เปดิ โปรเจค 2 โปรแกรมจะแสดงหน้าตา่ งเปิดโปรเจค เพอ่ื ให้ผูใ้ ช้เลือกเปดิ ไฟล์โปรเจคท่ีต้องการ จากนั้นให้ กดปุ่ม “ตกลง” 3 แสดงโปรเจค 3.7 การแปลงไฟล์เอกสาร โปรแกรมสร้างเนื้อหา OBEC Authoring Tool สามารถแปลงไฟล์เอกสารในรูปแบบ Microsoft Word และ Microsoft PowerPoint ไดโ้ ดยกดปุ่ม ท่ีหนา้ หลกั ของโปรแกรม OBEC Authoring Tool หรือไปทีเ่ มนูไฟล์ > แปลงไฟลเ์ อกสาร รปู ท่ี 34 หน้าการแปลงไฟลเ์ อกสาร หน้าที่ 35

) โปรแกรมสรา้ งเนอ้ื หาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) ตารางที่ 22 อธิบายหน้าการแปลงไฟล์เอกสาร ลำดบั รายละเอยี ด 1 หรือไปทีเ่ มนูไฟล์ > แปลงไฟล์เอกสาร เพ่ือแปลงไฟล์เอกสาร (Microsoft กดปุม่ Word, Microsoft PowerPoint) ใหอ้ ยู่ในรูปแบบ e-Pub 2 โปรแกรมจะแสดงหนา้ ตา่ งสำหรับแปลงไฟล์เอกสาร (Microsoft Word, Microsoft PowerPoint) ให้อยูใ่ นรปู แบบ e-Pub โดยที่ผ้ใู ชส้ ามารถเลือกเวอรช์ ันของไฟล์ e-Pub ได้ จากนัน้ ให้ต้ังชื่อไฟลเ์ อกสาร, ช่อื หนังสือ และกำหนดโฟลเดอร์ปลายทาง จากนน้ั กดปุ่ม “ตกลง” เพ่อื ยืนยนั การแปลงไฟลเ์ อกสาร 3.8 การอัปโหลดเนอ้ื หา โปรแกรมสร้างเนื้อหา OBEC Authoring Tool สามารถอัปโหลดหนังสือขึ้นเซิร์ฟเวอร์ของ สพฐ. ได้โดยตรง ซึ่งโปรแกรมสามารถรองรับนามสกุลไฟล์ในรูปแบบ .e-Pub เท่านั้น โดยไปที่เมนูไฟล์ > อัปโหลด เน้อื หา รปู ที่ 35 หนา้ การอัปโหลดหนงั สือ หน้าที่ 36

) โปรแกรมสร้างเนื้อหาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) รปู ที่ 36 หน้าเข้าส่รู ะบบ รปู ที่ 37 หนา้ สรา้ งและอัปโหลดเน้ือหา หนา้ ที่ 37

) โปรแกรมสร้างเนือ้ หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) รปู ที่ 38 หน้ารายการบรหิ ารจดั การเนื้อหา ตารางที่ 23 อธบิ ายหน้าการเพิม่ รายการหนงั สืออเิ ล็กทรอนิกส์ ลำดับ รายละเอียด 1 คลิกทีเ่ มนูไฟล์ 2 คลกิ ท่เี มนูอปั โหลดเนอ้ื หา 3 แสดงหนา้ ลงช่อื เขา้ ส่รู ะบบ เม่ือกรอกช่ือผู้ใช้ และรหสั ผ่านเรยี บรอ้ ยแลว้ 4 คลกิ ปุ่ม “เขา้ สรู่ ะบบ” 5 กดปุ่ม “สร้างและอปั โหลดเน้อื หา” 6 กรอกรายละเอยี ดของหนงั สืออิเลก็ ทรอนกิ ส์ตามหวั ขอ้ ดงั น้ี − ข้อมูลพน้ื ฐาน − คณุ สมบัติ − คณุ ลักษณะ − หมวดหมู่ − ทศนยิ มดวิ อ้ี − ไฟล์เนื้อหา *รองรบั เฉพาะไฟล์ e-Pub เท่าน้นั − รูปภาพ *รองรับเฉพาะไฟลน์ ามสกุล PNG และJPG เทา่ น้ัน − ประวัติ และสถานะ หมายเหตุ (เครื่องหมาย * คือช่องบงั คบั กรอก) 7 กดปมุ่ “บนั ทกึ ” เพ่ือบันทกึ หนงั สืออเิ ล็กทรอนิกส์ หน้าท่ี 38

) โปรแกรมสร้างเนอื้ หาอเิ ลก็ ทรอนกิ ส์ (OBEC Authoring Tool) บทท่ี 4 ความตอ้ งการของระบบ (System Requirement) 4.1 คุณสมบัตทิ ่แี นะนำสำหรับอุปกรณ์ RECOMMENDED OS: (64 bit / 32 bit) Windows 10 Processor: Intel Core i3/i5/i7 1.8 GHz CPU dual-core. AMD 2.0 GHz dual-core. Memory: 4 GB RAM Graphics: Any AMD or NVidia graphics card with latest drivers Hard Drive: 500 MB available space Other Requirements: Internet connection when upload content หน้าท่ี 39

) โปรแกรมสร้างเน้อื หาอเิ ล็กทรอนิกส์ (OBEC Authoring Tool) บทท่ี 5 ปัญหาและวิธีแกป้ ญั หา (Troubleshooting) 5.1 ไม่สามารถลากวตั ถุวางบนพ้ืนท่ีสรา้ งเนอื้ หา ได้ ปญั หาไมส่ ามารถลากวัตถวุ างบนพืน้ ท่สี รา้ งเนื้อหา แก้ไขปัญหาเบ้ืองตน้ ได้ ดงั น้ี 1. วธิ ที ่ี 1 หากตดิ ตง้ั โปรแกรมคร้งั แรก กรณุ า Restart คอมพวิ เตอร์ หลังจาก Restart คอมพวิ เตอร์ จะสามารถวางวัตถุไดต้ ามปกติ 5.2 ไมส่ ามารถสง่ ออกไฟล์ ได้ (Export) ปัญหาไม่สามารถส่งออกไฟล์ได้ แก้ไขปัญหาเบ้ืองต้นได้ ดงั น้ี 1. วิธีที่แก้ไขปัญหา ตรวจสอบชื่อไฟล์รูปภาพ ชื่อไฟล์เสียง และชื่อไฟล์วิดิทัศน์ ที่นำเข้ามา ในโปรเจค ใหต้ งั้ ช่อื ไฟล์เป็นภาษาอังกฤษ เท่าน้ัน หนา้ ที่ 40