เอกสารประกอบการใช้งาน pubHTML5

NEW NORMAL Documentation Training | Learning by yourself

โครงการเพิ่มศักยภาพการเรียนรูด ้ ้วยสื่อดิจิทัลที่มง ุ่ เน้นกระบวนการเรียนรูแ้ บบเชื่อมโยงสู่ชุมชน

ภายใต้โครงการพัฒนาคุณภาพการศึกษาและการพัฒนาท้องถิน ่ โดยมีสถาบันอุดมศึกษาเป็นพีเ่ ลี้ยง

pubHTML5

PUTTINUN NAKSUKH Business Computer Program | Faculty of Information Technology

NORTH BANGKOK UNIVERSITY

2

คำนำ ด้วยการเปลี่ยนแปลงทางเทคโนโลยีที่เกิดขึ้น หลายภาคส่วนมีผลกระทบอย่างมาก ซึ่งต้องปรับตัวให้ ทันกับการเปลี่ยนแปลงดังกล่าว แต่เราคงต้องมองหาจุดที่สมดุล ทำให้เกิดประโยชน์ในเชิงสร้างสรรค์ และ นำมาซึ่งมูลค่าที่เกิดขึ้นไม่ว่าจะเป็นมูลค่าทางวิชาการ หรือมูลค่าทางธุรกิจก็ดี pubHTML5 เป็นอีกแอพลิเคชันหนึ่งที่สามารถเปลี่ยนเอกสารที่มีอยู่ให้กลายเป็นเอกสารในรูปแบบ e-Book ที่สามารถใช้งานผ่านอุปกรณ์เคลื่อนที่สมัยใหม่ได้ ทำให้ เกิดความน่าสนใจ ช่วยส่งเสริมการเรียนรู้ ลดความเหลื่อมล้ำทางการศึกษา สำหรับเอกสารฉบับนี้ผู้เขียนต้องการเผยแพร่เพื่อนำไปใช้ในการปรับเปลี่ยนการนำเสนอเนื้อหากับผู้ที่ มีความสนใจ และหวังเป็นอย่างยิ่งว่าจะได้รับประโยชน์จากเอกสารฉบับนี้ พุทธินันท์ นาคสุข

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

3

สารบัญ เรื่อง 1. ทำความรู้จักกับ pubHTML5 2. ขั้นตอนการสมัครเข้าใช้งาน 3. ส่วนประกอบบนจอภาพของเว็บไซต์ 4. ขั้นตอนการสร้าง e-Book 5. ขั้นตอนการสร้างชั้นหนังสือ (BOOKCASES)

หน้า 1 1 6 7 12

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

4

คู่มือการใช้งาน pubHTML5.com 1. ทำความรู้จักกับ pubHTML5 กันก่อน pubHTML.com เป็นเว็บไซต์ที่ให้บริการทางด้านของสื่อสิ่งพิมพ์ในรูปแบบ Flipbook โดยผู้ใช้ สามารถนำไฟล์เอกสาร .pdf ที่สร้างจากโปรแกรมใดๆ มาเป็นเป็นหนังสืออิเล็กทรอนิกส์ได้ ซึ่งสามารถดูผา่ น Website, Smart Phone หรือ Tablet PC ได้ 2. ขั้นตอนการสมัครเข้าใช้งาน - ให้ผู้ใช้ไปที่ www.pubhtml5.com - จะปรากฏหน้าจอ ดังในภาพที่ 1

ภาพที่ 1 หน้าจอเว็บไซต์ pubhtml5.com - เลือกที่คำสั่ง Sign in จะปรากฏหน้าจอดังภาพที่ 2 ซึ่งระบบจะให้ทำการเลือกการสมัครการเข้าใช้งาน โดยสามารถเลือกการ Sign in ผ่านทาง Social Network Account ได้ ประกอบไปด้วย SIGN IN WITH FACEBOK หรือ SIGN IN WITH GOOGLE หรืออาจต้องการจะทำการสร้างบัญชีใหม่ก็ได้ โดยการเลือก Create New Account ซึ่งผู้เขียนแนะนำในวิธีนี้

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

5

ภาพที่ 2 หน้าจอเว็บไซต์ pubhtml5.com - เมื่อทำการเลือกปุ่ม Create New Account แล้วจะปรากฏหน้าจอ ดังภาพที่ 3

ภาพที่ 3 หน้าจอการสมัครสมาชิก

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

6 - เมื่อทำการสมัครสมาชิกได้เรียบร้อยแล้ว จะเข้าสู่หน้าจอหลักของเว็บไซต์เหมือนเดิม ให้ผู้ใช้เลือก คำสั่ง My Pubs โดยในเวอร์ชั่นที่ใช้งานนี้จะเป็น FREE ACCOUNT โดยจะมีข้อจำกัดในการ Upload หนังสือ หรือ เอกสารต่อวัน จำนวน 5 เล่มเท่านั้น แต่หากต้องการ Upload มากกว่านี้จะต้องทำการ Upgrade Version

ภาพที่ 4 Package สำหรับการใช้งาน 3. ส่วนประกอบบนจอภาพของเว็บไซต์ ส่วนประกอบสำคัญของการใช้งานจะมี 2 ส่วน ได้แก่ ส่วนที่ 1 : MY PUBS ใช้สำหรับการสร้าง e-Book โดยหนังสือ หรือเอกสารที่ทำ e-Book จะถูก จัดเก็บไว้ที่ส่วนนี้ และ ส่ ว นที ่ 2 : MY BOOKCASES ใช้ ส ำหรั บ การสร้ า งชั ้ น หนั ง สื อ ซึ ่ ง ในกรณี น ี ้ จ ะทำให้ ผ ู ้ ใ ช้ เ กิ ด ความสะดวกอย่างมากในการที่จะเผยแพร่เพียงครั้งเดียว และเมื่อมีหนังสือ หรือเอกสารใหม่ผู้ใช้สามารถดู ได้เลย ซึ่งจะได้กล่าวในลำดับต่อไปสำหรับขั้นตอนวิธีการทำ

ภาพที่ 5 เมนูการใช้งาน

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

7 4. ขั้นตอนการสร้าง e-Book - ให้ผู้ใช้เลือกในส่วนของ MY PUBS เพื่อใช้สำหรับการ Upload หนังสือ หรือไฟล์เอกสาร - Click ปุ่ม - จากนั้นให้เลือก Folder เก็บงาน และ Click ปุ่ม Next

ภาพที่ 6 ขั้นตอนการเลือก Folder เก็บหนังสือ - จากนั้นให้ทำการเลือกหนังสือ หรือเอกสาร โดยการ Click ปุ่ม Browse โดยไฟล์เอกสารจะต้อง มีนามสกุล .pdf และจะต้องตั้งชื่อเป็นภาษาอังกฤษ จากนั้น Click ปุ่ม Create

ภาพที่ 7 ขั้นตอนการ Upload หนังสือ

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

8 - จากนั้นให้ทำการเลือก TEMPLATE ที่ต้องการ ซึ่งในเวอร์ชั่นนี้จะต้องเลือก TEMPLATE FREE เท่านั้น ที่สามารถใช้งานได้ เมื่อเลือกเสร็จแล้วให้ทำการ Click Next

ภาพที่ 8 การเลือก TEMPLATE - จากนั้นให้ทำการเลือก THEME ซึ่งจะมีให้เลือกอยู่ 11 แบบ หลังจากเลือกเสร็จเรียบร้อยแล้ว ให้ ทำการ Click Next เพื่อไปสู่ในขั้นตอนสุดท้าย

ภาพที่ 9 การเลือก THEME

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

9 - สำหรับในขั้นตอนสุดท้ายคือการกำหนดรายละเอียดของหนังสือ ซึ่งจะกำหนด หรือไม่กำหนดก็ได้ โดยสามารถใช้ค่า Default ที่ถูกกำหนดไว้ได้

ภาพที่ 10 การเลือกรายละเอียด สำหรับการกำหนดรายละเอียดนั้น ถ้าผู้ใช้เลือกเป็น Enable จะเป็นการเปิดใช้งาน ส่วนการเลือก เป็น Disable เป็นการปิดการใช้งานในส่วนนั้นๆ - เมื่อเลือกทุกอย่างเรียบร้อยแล้ว ให้ทำการ Click ที่ปุ่ม Create เพื่อทำการแปลงเอกสารเป็น รูปแบบ e-Book

ภาพที่ 11 การเลือกรายละเอียด

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

10 สำหรับเครื่องมือด้านล่าง สามารถเลือกใช้งานได้ตามต้องการ ซึ่งจะประกอบไปด้วย 1. General Setting ใช้สำหรับการกำหนดรายละเอียดที่ต้องการแก้ไข

ภาพที่ 12 การปรับแก้ไขรายละเอียด 2. Embed เป็นการกำหนด Code เพื่อนำไปใช้งานบนเว็บไซต์

ภาพที่ 13 การแสดง Code Embed

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

11 3. Share เป็นการกำหนดการเผยแพร่ในรูปแบบต่างๆ เช่น QR-Code, Book Link, และ การเผยแพร่ผ่านทาง Social Media

ภาพที่ 14 การแสดงการเผยแพร่ 4. Disable This Book เป็นการกำหนดการไม่เผยแพร่ผลงาน 5. View Text Version เป็นการกำหนดการแสดงในรูปแบบตัวอักษร 6. Download เป็นการดาวน์โหลดเอกสาร

ภาพที่ 15 การดาวน์โหลดไฟล์หนังสือ

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

12 7. Move to Another Folder เป็นการย้ายไปเก็บในโฟล์เดอร์ 8. Clone เป็นการคัดลอก 9. Delete เป็นการลบเอกสาร สำหรับเครื่องมือที่ได้กล่าวไปแล้วนั้น ผู้ใช้สามารถเลือก หรือไม่เลือกก็ได้ หากไม่เลือกสามารถทำ การปิดหน้าต่างโต้ตอบได้ และไปทำการเรียกดูเอกสาร หรือเผยแพร่ในภายหลังได้ โดยการเลือกที่เมนูคำสั่ง My Pubs หากต้องการ Upload หนังสือ หรือเอกสารเพิ่มเติมสามารถทำได้โดยการเลือกที่ปุ่มคำสั่ง Quick Upload เหมือนเดิม หรือเลือกคำสั่ง ADD NEW BOOK ซึ่งจะปรากฏหลังจากที่เลือกเมนู My Pubs 5. ขั้นตอนการสร้างชั้นหนังสือ (BOOKCASES) สำหรับการสร้างชั้นหนังสือนั้นจะทำได้ก็ต่อเมื่อ เรามีหนังสือที่ทำการ Upload เรียบร้อยแล้ว และ นำไปวางที่ชั้นหนังสือ ซึ่งผู้ใช้สามารถที่จะทำการเผยแพร่ชั้นหนังสือได้ โดยจะแสดงหนังสือทุกเล่มที่เรามีอยู่ ซึ่งวิธีนี้เหมาะสำหรับการเผยแพร่เพียงครั้งเดียวให้ผู้ใช้ งาน และผู้สร้างก็สามารถทำการ Upload หนังสือ เข้าไปเก็บได้ตลอดโดยไม่ต้องเผยแพร่ทีละเล่ม โดยมีขั้นตอนดังต่อไปนี้ - เลือกคำสั่ง MY BOOKCASES - Click ปุ่ม New Bookcase จะปรากฏ ดังภาพที่ 16

ภาพที่ 16 การกำหนดรายละเอียด Bookcase - จากนั้นให้ทำการตั้งชื่อในช่อง Bookcase Title PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

13 - เลือกหนังสือจากฝั่งด้านซ้าย Add books เพื่อให้ไปปรากฏที่ชั้นหนังสือในช่อง In this bookcase จะปรากฏดังภาพที่ 17

ภาพที่ 17 การเลือกหนังสือไปแสดงยัง Bookcase - Click ปุ่ม Create จากนั้นจะปรากฏชั้นหนังสือ (Bookcase) ดังภาพที่ 18

ภาพที่ 18 การแสดงชั้นหนังสือ

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

14 ซึ่งชั้นหนังสือ (Bookcase) นี้ สามารถทำการเผยแพร่ได้ผ่านทาง Link, QR-Code และ Embed หากแสดงผลบน Web Browser จะได้ผลลัพธ์ดังภาพที่ 19

ภาพที่ 19 การแสดงผลชั้นหนังสือผ่าน Web Browser สำหรับการแสดงผลนี้ ผู้ใช้สามารถใช้ Smart Phone หรือ Tablet PC ในการส่อง QR-Code เพื่อดู ชั้นหนังสือนี้ได้เช่นกัน สำหรับการใช้งาน pubHTML5 ที่ได้กล่าวไปในข้างต้นนี้ หวังว่าจะทำให้เอกสารของผู้ใช้ที่มาจาก โปรแกรมต่างๆ เช่น MS-Word, MS-Excel หรือ MS-Power point นั้น มีการแสดงผลผ่านทางอินเทอร์เน็ต ในรูปแบบหนังสือ e-Book ได้ และยังช่วยสร้างความน่าสนใจให้กับผู้ใช้งานอีกด้วย ซึ่งเหมาะกับครูผู้สอนที่ จะนำไปปรับใช้กับการเรียนการสอนในชั้นเรียน ซึ่งจะช่วยส่งเสริมการอ่านหนังสือได้อีกด้วย นอกจากนั้นแล้ว pubHTML5 ยังสามารถใช้งานในรูปแบบ PUBHTML5 Desktop Version ที่สามารถทำการ Download มาใช้งานในเครื่องทั้งบนระบบปฏิบัติการ Windows และ Mac ซึ่งหากผู้อ่านท่านใดสนใจ รอติดตามในโอกาสต่อไปนะครับ ยินดีรับคำติชม หรือหากมีข้อเสนอแนะประการใด ส่งข้อมูลได้ที่ naksukh@hotmail.com

PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com

15

Reference :

Line เข้าร่วมกลุ่ม

Clip VDO สาธิตขั้นตอนการใช้งาน pubHTML5

tiny.cc/c69nsz

ส่งงาน Flipping Book [e-Book] มาดูกันครับ…

tiny.cc/m79nsz PubHTML5 User Manual – PUTTINUN NAKSUKH - naksukh@hotmail.com