สร้างสื่อ Interactive e-Book ด้วย pubHTML5

สร้างสือ่ Interactive e-Book ด้วย Pub HTML5 รองศาสตราจารย์ ดร.ปณิตา วรรณพริ ณุ มหาวทิ ยาลยั เทคโนโลยพี ระจอมเกลา้ พระนครเหนอื อาจารยณ์ ัฐภัทร แก้วรัตนภัทร์ มหาวิทยาลยั ราชภฏั สวนสนุ นั ทา อาจารย์พงศธร ปาลี มหาวทิ ยาลยั ราชภัฏราชนครนิ ทร์ 1

2

3

Pub HTML5 4 คือ เว็บไซต์ท่ีใช้ในการสร้างหนังสืออิเล็กทรอนิกส์เชิงปฏิสัมพันธ์ หรือ Interactive e-Book ซึ่งหนังสืออิเล็กทรอนิกส์ท่ีสร้างข้ึนน้ีสามารถเปิด อ่านได้อย่างสะดวก โดยสามารถพลิกเปิดหน้าคล้ายกับหนังสือท่ัวไปได้จาก เครือ่ งคอมพวิ เตอร์ โนต้ บคุ สมาร์ทโฟน หรอื แท็บเล็ต

Pub HTML5 5 เว็บไซตส์ าหรบั เข้าใช้ Pub HTML5 http://pubhtml5.com/

การสมคั รสมาชกิ 6

การสมคั รสมาชกิ 7

การสมคั รสมาชกิ 8

การสมคั รสมาชกิ 9

Pub HTML5 เว็บไซตส์ าหรับเข้าใช้ Pub HTML5

ขัน้ ตอนการใช้ Pub HTML5 11 1. เตรยี มไฟล์ PDF โดยชอื่ ไฟล์ PDF จะต้องเป็นภาษาองั กฤษเทา่ นนั้ 2. เปิดเว็บเบราเซอร์ เช่น Chrome 3. เขา้ เว็บไซต์ http://pubhtml5.com/ 4. สมัครสมาชกิ (ดาเนนิ การครง้ั แรกเพยี งครงั้ เดียว) 5. อัพโหลดไฟล์ PDF และ ปรับการต้งั ค่า e-Book 6. แชร์ e-Book ไปยังส่ือสังคมออนไลน์ หรือ บคุ คลอนื่ ๆ

ขน้ั ตอนการใช้ Pub HTML5 12 1. เตรยี มไฟล์ PDF โดยชอ่ื ไฟล์ PDF จะตอ้ งเปน็ ภาษาอังกฤษเท่านน้ั 1) เปดิ ไฟลเ์ อกสาร เช่น MS-Word (DOC) หรอื MS-PowerPoint (PPT) 2) เลือก File → Save As → Browse (เลอื กแหล่งจดั เกบ็ ) → Save As Type เลือก PDF → คลกิ ปุม่ Save

MS-WORD (DOC) 13 เลอื ก File เลอื ก Save As เลือกที่จดั เกบ็ (Browse) เลือกประเภทไฟล์เปน็ PDF คลิกบนั ทึก (Save)

MS-POWERPOINT (PPT) 14 เลือก File เลือก Save As คลิกบนั ทึก (Save) เลอื กที่จัดเก็บ (Browse) เลือกประเภทไฟล์เป็น PDF

ข้ันตอนการใช้ Pub HTML5 15 2. เปิดเว็บเบราเซอร์ เช่น Google Chrome 3. เข้าเว็บไซต์ http://pubhtml5.com/

ขน้ั ตอนการใช้ Pub HTML5 16 4. สมคั รสมาชกิ (ดาเนนิ การครั้งแรกเพยี งครั้งเดียว) 1) คลกิ Sing in

ขน้ั ตอนการใช้ Pub HTML5 17 4. สมคั รสมาชกิ (ดาเนนิ การครง้ั แรกเพียงครั้งเดียว) 2) เลือก Create New Account

ขน้ั ตอนการใช้ Pub HTML5 18 4. สมัครสมาชกิ (ดาเนนิ การครั้งแรกเพยี งครั้งเดยี ว) 3) กรอก email address และ รหัสผ่าน Email address Password Password

ขน้ั ตอนการใช้ Pub HTML5 19 4. สมัครสมาชกิ (ดาเนินการครั้งแรกเพียงครั้งเดยี ว) 4) คลกิ ฉันไมใ่ ชโ่ ปรแกรมอัตโนมัติ และเลือกภาพ ตามคาส่งั Click

ขน้ั ตอนการใช้ Pub HTML5 20 4. สมัครสมาชิก (ดาเนนิ การครงั้ แรกเพยี งครั้งเดยี ว) 5) คลิกเลือก I accept the Term of Services Click I accept the Term of Services

ขนั้ ตอนการใช้ Pub HTML5 21 4. สมคั รสมาชกิ (ดาเนินการครัง้ แรกเพียงคร้ังเดยี ว) 6) คลิกเลอื ก Sign Up Click Sign Up

22 กรณไี ม่สามารถสมคั รสมาชกิ PubHTML5 1. ต้องมี email ของ Gmail 2. เปิด Web Browser 3. เขา้ สู่โหมด ไมร่ ะบุตัวตน 4. คลิกปุ่ม 5. เขา้ สู่ระบบด้วย email ของ Gmail

23

24

25

26

27

28

29

30

ขนั้ ตอนการใช้ Pub HTML5 31 5. อัพโหลดไฟล์ PDF 1) เลอื ก Quick Upload

ขนั้ ตอนการใช้ Pub HTML5 32 5. อพั โหลดไฟล์ PDF 2) เลอื ก Next

ขนั้ ตอนการใช้ Pub HTML5 33 5. อพั โหลดไฟล์ PDF 3) เลือก Browse

ขนั้ ตอนการใช้ Pub HTML5 34 5. อพั โหลดไฟล์ PDF 4) เลอื กไฟล์ PDF

ขน้ั ตอนการใช้ Pub HTML5 35 5. อัพโหลดไฟล์ PDF 5) แก้ไขชอื่ หัวขอ้ หรือ รายละเอยี ดได้ จากน้ันคลิก Next

ขนั้ ตอนการใช้ Pub HTML5 36 5. อพั โหลดไฟล์ PDF 6) เลอื ก Template ท่ีต้องการ และ คลิกปมุ่ Next

ขัน้ ตอนการใช้ Pub HTML5 37 5. อพั โหลดไฟล์ PDF 7) เลอื ก Theme ทตี่ ้องการ และ คลิกปุม่ Next

ขน้ั ตอนการใช้ Pub HTML5 38 5. อพั โหลดไฟล์ PDF 8) ในชอ่ ง QR Code เลือก Enable เพอื่ ใหส้ ามารถใช้ QR Code ได้

ขน้ั ตอนการใช้ Pub HTML5 39 5. อัพโหลดไฟล์ PDF 9) คลกิ Toolbar ทาเครอ่ื งหมายที่ Download เพ่อื ให้สามารถ ดาวนโ์ หลดไฟล์ได้

ขน้ั ตอนการใช้ Pub HTML5 40 5. อัพโหลดไฟล์ PDF 10) คลิก Create เพอ่ื สรา้ ง eBook

ขน้ั ตอนการใช้ Pub HTML5 41 6. แชร์ e-Book ไปยงั ส่ือสังคมออนไลน์ หรือ บุคคลอื่น ๆ 1) เลือกสัญลักษณแ์ ชร์

ขน้ั ตอนการใช้ Pub HTML5 42 6. แชร์ e-Book ไปยังสอ่ื สังคมออนไลน์ หรอื บคุ คลอ่นื ๆ 2) นา QRCode ไปใช้ หรอื Copy Book Link ส่งใหบ้ ุคคลอนื่ ๆ หรือแชร์ในสื่อสังคม ออนไลน์ตา่ ง ๆ ได้

43