คู่มือ pubHTML5 by Aom

How to use คมู่ อื การใชง้ าน pubHTML5 ผเู้ รยี บเรยี ง นางสาววรุณยภุ า นาเกลอื บรรณารกั ษช์ านาญการ กศน.อาเภอทา่ บอ่ สานกั งาน กศน.จงั หวดั หนองคาย ค่มู อื การใช้งาน pubHTML5: How to use pubHTML5 [email protected] หนา้ 1

คานา ภายใตบ้ ริบทในยุคของ “สือ่ สังคมออนไลน์” (Social Network) ท่อี าศยั การเชอื่ มตอ่ แบบไรส้ ายผ่านเครอื ข่ายอินเทอร์เน็ต ได้นามาซง่ึ การเปลย่ี นแปลงของเทคโนโลยีสารสนเทศ และการสอื่ สารในรปู แบบใหม่ ท่เี รียกว่า “สือ่ ใหม่” (New media) ซ่งึ เปน็ ช่องทางการสอ่ื สาร แบบสองทาง (Two-way communication) ผ่านอุปกรณ์ส่อื อเิ ลก็ ทรอนกิ สห์ รืออุปกรณ์ ส่ือสาร ประเภทตา่ ง ๆ เชน่ คอมพิวเตอร์ โทรศัพท์แบบสมาร์ทโฟน หรอื คอมพวิ เตอรแ์ บบพกพา (แท็บเล็ต) เป็นตน้ เป็นอุปกรณ์การสอ่ื สารพกพาส่วนบุคคลทสี่ ามารถนาติดตัวผู้ใชไ้ ปไดท้ กุ ท่ี หยบิ ใชไ้ ด้ตลอดเวลา สะดวก รวดเรว็ ใชง้ านงา่ ย ไม่ซับซอ้ น มลี ูกเล่นสสี ันสวยงาม ตอบสนอง ตอ่ การใช้งานของผู้ใช้ไดท้ กุ มิตจิ ากการพัฒนาเทคโนโลยีและนวัตกรรมใหม่ ๆ อยูต่ ลอดเวลาน้ี เอง ดว้ ยการเปลี่ยนแปลงทางเทคโนโลยที ่เี กิดข้นึ ส่งผลให้หลายภาคสว่ นไดร้ ับผลกระทบ อย่างมาก และจะตอ้ งปรับตัวให้ทันต่อการเปลีย่ นแปลงดังกล่าว แตเ่ ราคงตอ้ งมองหาจดุ ทส่ี มดลุ ทาใหเ้ กดิ ประโยชน์ในเชงิ สรา้ งสรรค์และนามาซึง่ มลู ค่าท่ีจะเกดิ ข้นึ ไมว่ า่ จะเปน็ มลู คา่ ทางวชิ าการ หรือมลู คา่ ทางธุรกิจ pubHTML5 เป็นอีกแอพพลิเคชนั หน่งึ ทีส่ ามารถเปลย่ี นเอกสารท่ีมีอยใู่ ห้กลายเป็น เอกสารในรูปแบบ e-Book ที่สามารถใชง้ านผา่ นอุปกรณเ์ คลอื่ นทีส่ มัยใหม่ได้ทกุ ทท่ี กุ เวลา ช่วยลดความเหลื่อมลา้ ทางการศึกษา สร้างความน่าสนใจในเอกสารท่ีแสนธรรมดา ดึงดดู และ สง่ เสริมการเรยี นรู้ให้เกิดขนึ้ อยา่ งต่อเนื่องตลอดชวี ติ เอกสารฉบบั นผ้ี ูเ้ ขยี นไดจ้ ดั ทาขน้ึ เพ่อื เผยแพร่วิธีการใช้งาน pubHTML5 สาหรับ นาไปใช้ประโยชน์ในการปรบั เปล่ียนรปู แบบการนาเสนอเน้ือหาต่าง ๆ และหวังเปน็ อยา่ งยง่ิ วา่ เอกสารฉบับนี้จะเป็นประโยชน์สาหรบั ผ้ทู ส่ี นใจจะทาการศึกษาคน้ คว้าตอ่ ไป นางสาววรณุ ยภุ า นาเกลือ บรรณารกั ษช์ านาญการ กศน.อาเภอท่าบ่อ สานักงาน กศน.จงั หวดั หนองคาย 10 พฤษภาคม 2563 ค่มู อื การใช้งาน pubHTML5: How to use pubHTML5 [email protected] หนา้ 2

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

คู่มอื การใชง้ าน pubHTML5.com 1. ทาความรจู้ กั กบั pubHTML5 กนั กอ่ น pubHTML.com เป็นเว็บไซต์ที่ให้บริการทางด้านของสื่อส่ิงพิมพ์ในรูปแบบ Flipbook โดยผู้ใช้สามารถนาไฟล์เอกสาร pdf ที่สร้างจากโปรแกรมใดๆ มาเป็นหนังสือ อเิ ล็กทรอนกิ สไ์ ด้ ซึ่งสามารถดูผา่ น Website, Smart Phone หรอื Tablet PC ได้ 2. ขนั้ ตอนการสมคั รเขา้ ใชง้ าน - เข้าสเู่ วบ็ ไซต์ www.pubhtml5.com จะปรากฏหนา้ จอ ดงั ในภาพที่ 1 ภาพที่ 1 หนา้ จอเวบ็ ไซต์ pubhtml5.com - เลอื กท่ีคาสงั่ Sign in จะปรากฏหนา้ จอ ดังภาพท่ี 2 ซง่ึ ระบบจะใหท้ าการเลือกการสมคั รการเขา้ ใชง้ าน โดยสามารถเลอื กการ Signinผา่ น ทาง Social Network Account ได้ ประกอบไปด้วย SIGN IN WITH FACEBOK หรือ SIGN IN WITH GOOGLE หรอื อาจตอ้ งการจะทาการสรา้ งบญั ชีใหม่กไ็ ด้ โดยการเลือก Create New Account ซึ่งผ้เู ขียนแนะนาในวธิ นี ้ี ค่มู อื การใชง้ าน pubHTML5: How to use pubHTML5 หน้า 1

ภาพท่ี 2 หนา้ จอ sign in เวบ็ ไซต์ pubhtml5.com - เมื่อทาการเลือกปมุ่ Create New Account แลว้ จะปรากฏหนา้ จอ ดงั ภาพท่ี 3 - กรอก e-mail address / ตง้ั password / ยืนยนั password - sign up/สมัครสมาชกิ ภาพที่ 3 หนา้ จอการสมคั รสมาชกิ หนา้ 2 ค่มู ือการใช้งาน pubHTML5: How to use pubHTML5

- เมอ่ื ทาการสมคั รสมาชิกแล้วระบบจะสง่ รหสั ยนื ยนั ไปตาม e-mail ที่ได้กรอกไว้ - นารหสั ยืนยนั จาก e-mail มากรอกเพ่ือยนื ยนั การสมคั รสมาชิกของเว็บไซต์ - กรอกรหสั คลิกยืนยัน Verify Account ปรากฏหนา้ จอดังภาพท่ี 4 ภาพที่ 4 หนา้ จอการยนื ยนั การสมคั รสมาชกิ - ยนื ยนั แล้วจะเขา้ สหู่ นา้ จอหลักของเวบ็ ไซตเ์ หมอื นเดิม ปรากฏหนา้ จอดงั ภาพที่ 5 ภาพที่ 5 หนา้ จอหลกั ของเวบ็ ไซต์ pubHTML5.com ค่มู ือการใช้งาน pubHTML5: How to use pubHTML5 หนา้ 3

***ในเวอรช์ ันท่ใี ช้งานนจี้ ะเป็น FREE ACCOUNT โดยจะมีขอ้ จากัดในการ Uploadหนงั สอื หรอื เอกสาร จานวน 5 เล่ม/รายการต่อวนั เทา่ น้ัน หากต้องการ Upload มากกว่านจี้ ะต้องทา การ Upgrade Version (มีค่าใชจ้ า่ ย)*** ปรากฏหน้าจอดังภาพท่ี 6 ภาพที่ 6 Package สาหรบั การใชง้ าน 3. สว่ นประกอบบนจอภาพของเวบ็ ไซต์ สว่ นประกอบสาคญั ของการใชง้ านจะมี 2 ส่วน ปรากฏดงั ภาพท่ี 7 ไดแ้ ก่ สว่ นที่ 1: MY PUBS ใชส้ าหรับการสรา้ ง e-Book โดยหนังสือหรือเอกสารที่ทาเป็น e-Book จะถกู จัดเกบ็ ไว้ทส่ี ว่ นน้ี และ ส่วนที่ 2: MY BOOKCASES ใช้สาหรบั การสร้างช้นั หนงั สอื ซึง่ ในกรณนี จี้ ะทาใหผ้ ใู้ ช้ ไดร้ ับความสะดวกอยา่ งมากในการท่จี ะเผยแพร่เพียงครงั้ เดียว และเมอ่ื มหี นงั สอื หรอื เอกสารใหม่ ผใู้ ชส้ ามารถดูไดเ้ ลย ซ่ึงจะได้กล่าวในลาดับต่อไปสาหรับขน้ั ตอนวิธีการทา คู่มือการใช้งาน pubHTML5: How to use pubHTML5 หน้า 4

ภาพที่ 7 เมนกู ารใชง้ าน 4. ขนั้ ตอนการสรา้ ง e-Book - เลือกในสว่ นของ MY PUBS เพื่อใชส้ าหรับการ Upload หนงั สอื หรือไฟลเ์ อกสาร - Click ปมุ่ Quick Upload ภาพท่ี 8 แถบเครอื่ งมอื สาหรบั การ Upload ไฟล์ - เลือก Folder เกบ็ งาน และ Click ป่มุ Next เพอ่ื Upload ภาพที่ 9 ขนั้ ตอนการเลอื ก Folder เกบ็ หนงั สอื หน้า 5 ค่มู อื การใช้งาน pubHTML5: How to use pubHTML5

- ใหท้ าการเลือกหนังสอื หรอื เอกสาร โดย Click ปุม่ Browse ซึ่งไฟล์เอกสารจะตอ้ ง มีนามสกุล .pdf จากนั้น Click ป่มุ Create ภาพที่ 10 ขน้ั ตอนการ Upload หนงั สอื คมู่ อื การใช้งาน pubHTML5: How to use pubHTML5 หน้า 6

- เลอื ก TEMPLATE ทีต่ อ้ งการ ซงึ่ ในเวอรช์ นั น้จี ะตอ้ งเลอื ก TEMPLATE FREE เทา่ นนั้ ทส่ี ามารถใชง้ านได้ เมอื่ เลือกเสร็จแล้วใหท้ าการ Click Next ภาพที่ 11 การเลอื ก TEMPLATE - จากนนั้ ให้ทาการเลอื ก THEME ซ่งึ จะมใี ห้เลอื กอยู่ 11 แบบ หลงั จากเลอื กเสร็จ เรยี บรอ้ ยแลว้ ให้ ทาการ Click Next เพ่อื ไปสู่ในขนั้ ตอนสุดทา้ ย ภาพที่ 12 การเลอื ก THEME หน้า 7 คมู่ ือการใช้งาน pubHTML5: How to use pubHTML5

- สาหรับในขน้ั ตอนสดุ ทา้ ย คือ การกาหนดรายละเอียดของหนังสอื ซง่ึ จะกาหนด หรือไมก่ าหนดก็ได้ โดยสามารถใช้คา่ Default ทถ่ี ูกกาหนดไว้ได้ ภาพที่ 13 การเลอื กและกาหนดรายละเอยี ด - สาหรบั การกาหนดรายละเอยี ดนนั้ ถ้าผู้ใชเ้ ลอื กเปน็ Enable จะเปน็ การเปดิ ใชง้ าน สว่ นการเลอื ก เปน็ Disable เปน็ การปิดการใชง้ านในสว่ นนน้ั ๆ - เม่อื เลือกทกุ อย่างเรยี บร้อยแลว้ Click ทปี่ ุ่ม Create เพ่อื ทาการแปลงเอกสารใน รปู แบบไฟล์ pdf ให้เปน็ รปู แบบ e-Book ปรากฏดงั ภาพที่ 13 คู่มอื การใช้งาน pubHTML5: How to use pubHTML5 หน้า 8

ภาพท่ี 14 ไฟล์ pdf ในรปู แบบ e-Book - สาหรับเคร่อื งมอื ดา้ นลา่ งสามารถเลอื กใชง้ านได้ตามต้องการ ซงึ่ จะประกอบไปด้วย ภาพที่ 15 แถบเครอ่ื งมอื สาหรบั การแกไ้ ข 1. General Setting ใชส้ าหรบั การกาหนดรายละเอยี ดทตี่ ้องการแกไ้ ข ภาพที่ 16 การปรบั แกไ้ ขรายละเอยี ด ค่มู ือการใช้งาน pubHTML5: How to use pubHTML5 หนา้ 9

2. Embed เป็นการกาหนด Code เพอ่ื นาไปใชง้ านบนเว็บไซต์ ภาพที่ 17 การแสดง Code Embed 3. Share เป็นการกาหนดการเผยแพรใ่ นรูปแบบต่าง ๆ เช่น QR-Code, Book Link, และการเผยแพรผ่ ่านทาง Social Media ภาพท่ี 18 การแสดงการเผยแพร่ 4. Disable This Book เปน็ การกาหนดการไม่เผยแพรผ่ ลงาน 5. View Text Version เปน็ การกาหนดการแสดงในรปู แบบตัวอักษร 6. Download เป็นการดาวนโ์ หลดเอกสาร คมู่ ือการใช้งาน pubHTML5: How to use pubHTML5 หน้า 10

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 ภาพท่ี 19 ขนั้ ตอนการสรา้ งชน้ั หนงั สอื หน้า 11 ค่มู ือการใช้งาน pubHTML5: How to use pubHTML5

ภาพที่ 20 การกาหนดรายละเอยี ด Bookcase - ตั้งช่อื ในซอ่ ง Bookcase Title - เลือกหนังสอื จาก แถบ Defult Add books เพ่ือให้ไปปรากฏที่ชนั้ หนังสอื ในช่อง In this bookcase จะปรากฏดังภาพที่ 19 ภาพท่ี 21 การเลอื กหนงั สอื ไปแสดงยงั Bookcase คู่มอื การใชง้ าน pubHTML5: How to use pubHTML5 หนา้ 12

- Click ปมุ่ Create จากนน้ั จะปรากฏชนั้ หนงั สอื (Bookcase) ดงั ภาพท่ี 20 ภาพท่ี 22 การแสดงชนั้ หนงั สอื - ชั้นหนงั สือ (Bookcase) นี้ สามารถทาการเผยแพร่ไดผ้ ่านทาง Link, QR-Code และ Embed ซึ่งหากแสดงผลบน Web Browser จะปรากฏดงั ภาพที่ 20 ภาพท่ี 23 การแสดงผลชน้ั หนงั สอื ผา่ น Web Browser ***สามารถแสดงผลผา่ น Smart Phone หรอื Tablet PC ไดโ้ ดยผ่าน Link หรอื QR-Code ไดเ้ ชน่ กนั *** ค่มู ือการใชง้ าน pubHTML5: How to use pubHTML5 หน้า 13

สาหรบั การใชง้ าน pubHTML5 ท่ไี ด้กลา่ วไปในข้างต้นนี้ ผู้เขียนหวังว่าจะทาให้ เอกสารของผู้ใชท้ ่ีมาจากโปรแกรมต่าง ๆ เช่น MS-Word, MS-Excel หรือ MS-Power point นั้น มกี ารแสดงผลผ่านทางอนิ เทอรเ์ นต็ ในรปู แบบหนงั สืออเิ ลก็ ทรอนกิ สไ์ ด้และยงั สรา้ ง ความน่าสนใจให้กบั ผ้ใู ชง้ านอีกดว้ ย ซง่ึ เหมาะกับนาไปประยุกต์ใช้ในการจัดและส่งเสริม การศึกษานอกระบบและการศึกษาตามอธั ยาศยั ซึง่ จะช่วยสง่ เสรมิ การอา่ นหนงั สอื และการเรยี นรู้ ตลอดชีวิตอีกด้วย นอกจากนนั้ แลว้ pubHTML5 ยงั สามารถใชง้ านในรปู แบบ PUBHTML5 Desktop Version ทีส่ ามารถทาการ Download มาใชง้ านในเครอื่ งทง้ั บนระบบปฏบิ ตั กิ าร Windows และ Mac ************************************** ค่มู อื การใช้งาน pubHTML5: How to use pubHTML5 หนา้ 14

ผเู้ รยี บเรยี ง นางสาววรณุ ยภุ า นาเกลอื E-mail : [email protected] Id Line : aomsoulmate Facebook : จิตฐร์ างคณางค์ ฎารริ ณ์ Tel. 0910616424 ค่มู อื การใชง้ าน pubHTML5: How to use pubHTML5 หน้า 1