คู่มือการสร้างE-Book-HTML5

การสร้าง E-book 30 E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหนา้ ฝา่ ยพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบรุ ี

การสรา้ ง E-book 31 คุณสมบตั ขิ อง PUB HTML5 PUB HTML5 คือ เครื่องมือสาหรับการสร้างหนังสืออีเล็กทรอนิกส์ หรือฟลิปบุ๊ค (Flipbook) ในรูปแบบสามมิติ เช่น แมกกาซีนออนไลน์, อีโบรชัวร์, อีแคตตล็อค เป็นตัน มีระบบการทางานทุกอยา่ งอยู่บนเว็บไซต์ ที่สามารถสร้างและผยแกรข้อมลู ใน รูปแบบอีบุ๊คออนไลน์ผ่านระบบเครือข่ายอินเทอร์เน็ต สามารถสร้างได้ด้วยตัวเองผ่นทางเว็บไซต์ pubhtml5.com โดยการอัพ โหลดไฟล์ pdf และกาหนดค่ารายละเอยี ดขอ้ มลู ของเอกสารเท่าน้นั How to Use PUB HTML5? Creating Eye-Catching Flipping Book has Never Been that Easy 1. มใี หเ้ ลือกทั้งแบบตดิ ตง้ั โปรแกรม และไมต่ อ้ งตดิ ตง้ั โปรแกรม สามารถใชง้ านได้ผา่ นระบบออนไลนไ์ ดเ้ ลย 2. สรา้ งและเผยแพร่ เอกสารในรูปแบบอบี คุ๊ ผ่านระบบออนไลน์ 3. สร้างหนงั สอื อเิ ล็กทรอนิกส์ (E-book) หรอื ฟลปิ บคุ๊ (Flipbook) ไดโ้ ดยผา่ นเว็บไซตเ์ พียงแคอ่ พั โหลดไฟลใ์ นรปู แบบ Pdf ทม่ี ีขนาดไฟลไ์ มเ่ กนิ 150 MB. 4. สามารถแชร์หนงั สอื อิเล็กทรอนิกส์หรือฟลปิ บคุ๊ ไดด้ ้วยช่องทางสื่อออนไลน์ Facebook Google e-Mail หรอื การ คดั ลอกลิงก์ไปแชร์สง่ ผา่ นไลนห์ รอื อน่ื ๆ ไดโ้ ดยง่าย 5. สามารถนาหนังสอื อเิ ลก็ ทรอนิกส์ หรอื ฟลปิ บุค๊ ฝงั โค๊ตเพอื่ เผยแพรบ่ นเว็บไซตไ์ ดด้ ว้ ยวธิ กี าร “Embed Code HTML” วธิ ีการเข้าใชง้ าน 1 พมิ พ์ Url เวบ็ ไซต์ pubhtml5.com 2 คลกิ ปมุ่ “Sign in” E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี

การสรา้ ง E-book 32 1. เปดิ เบราวเ์ ซอร์พมิ พ์ URL เว็บไซต์ pubhtml5.com 2. คลกิ เลอื กปมุ่ “Sign in” 3. กรณีท่ียังไม่มีบัญชี ให้เลือกสร้างบัญชีใหม่ “Create New Account” ซ่ึงสามารถ Sign in ได้ 3 วิธี คือ 1) Facebook 2) Google+ หรอื 3) อีเมล โดยเลอื กใช้อย่างใดอยา่ งหนง่ึ 4. เม่ือ “Sign in” เรียบร้อยแล้ว ช่ือผู้ใช้จะปรากฏบนแถบเมนูด้านบน ให้คลิกเลือกปุ่ม “Quick Upload” หรือ “Create Your Publication” ชอ่ื ผใู้ ช้ 4 คลกิ เลอื กปมุ่ “Quick Upload” หรือ “Create Your 5. ปรากฏหนา้ ตา่ งให้อพั โหลดไฟล์ คลกิ เลือกคาสัง่ “Upload Online” 5 คลกิ E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝา่ ยพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวทิ ยาลัยเทคโนโลยรี าชมงคลธญั บรุ ี

การสร้าง E-book 33 6. เลือกโฟล์เดอรท์ ีต่ อ้ งการอัพโหลดเอกสาร เบอื้ งตน้ กรณีที่สร้างครั้งแรกจะมีเพียงโฟล์เดอร์ “Default” จากนน้ั คลิกทีค่ าส่งั “Next” เลอื กโฟลเดอร์ คลกิ 6 7. คลกิ คาส่งั \"Browse\" เพือ่ อพั โหลดไฟลห์ นงั สอื ในรูปแบบ PDF (ขนาดไฟลไ์ มเ่ กิน 150 MB) ดังรปู 7 คลกิ Browse 8. ในขณะทีก่ าลังอพั โหลดไฟล์ ให้ใสร่ ายละเอยี ดที่ \"Book Info\" ไดแ้ ก่ ช่ือเรื่อง (Title) คาอธิบาย (Description) คยี ์เวริ ์ด (keywords) ประเภทหนังสอื (Category) และอ่นื ๆ ทตี่ อ้ งการ เชน่ อนุญาตให้ผ้อู า่ นดาวน์ไฟล์ PDF ได้ เปน็ ตนั 9. คลิกเลอื กคาสั่ง Next 8 ใสร่ ายละเอยี ด E-book คลกิ คาสง่ั Next 9 โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพัฒนาและเผยแพร่ขอ้ มลู เวบ็ ไซต์ มหาวิทยาลยั เทคโนโลยีราชมงคลธญั บรุ ี

การสร้าง E-book 34 10. จะปรากฏหนา้ ต่างใหเ้ ลอื ก “Template” พนื้ หลงั ของ E-book คลกิ เลอื กแบบทต่ี อ้ งการจากนั้นคลกิ เลือกคาสง่ั “Next” เลอื ก Template 10 คลกิ คาสง่ั Next 11. เลอื ก “Theme” ทต่ี ้องการจากนน้ั คลกิ คาสั่ง “Next” เลอื ก Theme E-book 11 คลกิ คาสง่ั Next โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝา่ ยพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธญั บรุ ี

การสรา้ ง E-book 35 12. กาหนดค่า “Advance” ตามท่ตี อ้ งการ จากน้ันคลกิ เลือกคาสั่ง “Create” E-book คลกิ คาสง่ั Create 12 โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลยั เทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 36 13. รอระบบทาการประมวลผลจนสมบูรณจ์ ะปรากฏหน้าต่างดงั นี้ เมอื่ คลกิ ทรี่ ปู เลม่ หนงั สอื จะมี 2 ลงิ กใ์ ห้เลอื กดงั น้ี 1. PubHTML5 Link 2. Online Line 1. PubHTML5 Link จะพบกบั รปู เลม่ ของหนังสอื ทส่ี ามารถกาหนดการพลิกหนา้ หนังสอื อตั โนมตั ิได้ ดังภาพตวั อยา่ ง E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หน้าฝ่ายพัฒนาและเผยแพรข่ อ้ มลู เว็บไซต์ มหาวิทยาลัยเทคโนโลยรี าชมงคลธัญบรุ ี

การสร้าง E-book 37 ความหมายของปมุ่ (Icon) Like UPload แสดงความคดิ เห็นเมื่อถกู ใจผลงาน อพั โหลดเอกสารเพื่อสรา้ ง E-book ใหม่ Share เม่ือตอ้ งการแชร์ผลงานตอ่ ในสอื่ ออนไลนต์ ่าง ๆ Embed นา Code ดังกลา่ วไปใส่ลงในเว็บไซต์เพ่ือใส่ หนังสอื ไว้ในเวบ็ ทต่ี อ้ งการเผยแพร่ 2. Online Line จะเป็นการแสดงหนังสอื อิเล็กทรอนิกสแ์ บบลงิ ก์และมขี นาดเตม็ หนา้ จอ ดงั ภาพ การแกไ้ ขหนงั สอื อเิ ล็กทรอนิกส์ (e-Book) กรณีที่ตอ้ งการปรับปรงุ หรือแกไ้ ขเอกสารท่ีเผยแพร่ไป ใหเ้ ข้าไปที่ 1. คลกิ เลอื กท่ชี อ่ื ของ User 2. เลือกเอกสารทตี่ อ้ งการแกไ้ ข 1 คลกิ เลอื ก My Pubs E-book 2 เลอื ก General Setting โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หวั หนา้ ฝ่ายพฒั นาและเผยแพรข่ อ้ มลู เวบ็ ไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี

การสรา้ ง E-book 38 3. จะปรากฏหนา้ จอการตงั้ ค่า เหมอื กบั ตอนทอี่ พั โหลดเอกสารใหม่ เริ่มจากการตัง้ ค่า Title เมอ่ื ตัง้ คา่ การแก้ไขครบทุกส่วน ตามที่ตอ้ งการแลว้ ใหก้ ดคาสง่ั “Save And Close” 3คลกิ เลอื ก Save And Close E-book โดย.นางสาวเบญสริ ย์ า ปานปญุ ญเดช หัวหน้าฝา่ ยพฒั นาและเผยแพร่ขอ้ มลู เว็บไซต์ มหาวทิ ยาลยั เทคโนโลยีราชมงคลธญั บรุ ี