การสร้างสรรค์ e-Book ด้วย FlashPageFlip 31 สิงหาคม 2555

1. การสร้างสรรค์ e-Book ด้วย FlashPageFlip
ฝ่ายบริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี
สานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ
http://stks.or.th
www.nstda.or.th Activity Name 1
© NSTDA 2010 Author

2. e-Book
Electronics Book
วารสารอิเล็กทรอนิกส์
การนาเสนอเนื้อหาด้วยการจัดหน้าเอกสารตามรูปแบบ
สื่อสิ่งพิมพ์วารสาร ในรูปแบบสื่ออิเล็กทรอนิกส์
www.nstda.or.th Activity Name 2
© NSTDA 2010 Author

3. การนาเสนอ e-Book
www.nstda.or.th Activity Name 3
© NSTDA 2010 Author

4. e-Book
Electronics Book
Hardware Content
Software
www.nstda.or.th Activity Name 4
© NSTDA 2010 Author

5. วารสารรูปเล่ม
www.nstda.or.th Activity Name 5
© NSTDA 2010 Author

6. www.nstda.or.th Activity Name 6
© NSTDA 2010 Author

7. ประโยชน์ของ e-Book
ลดการใช้กระดาษ, พลังงาน, สิ่งแวดล้อม, ธรรมชาติ
ง่ายต่อการปรับปรุงแก้ไข
ได้เอกสารที่มีคุณค่า ด้วยกรรมวิธีที่รวดเร็ว เช่น Video
Clips, Multimedia Object
ได้เอกสารที่สามารถโต้ตอบกับผู้อ่านได้
ง่ายต่อการสืบค้น
มีความคงทน
www.nstda.or.th Activity Name 7
© NSTDA 2010 Author

8. การสร้าง e-Book
.doc
.xls
.ppt
.txt
…
Contents
Authoring e-Book
System
www.nstda.or.th Activity Name 8
© NSTDA 2010 Author

9. โครงสร้าง e-Book
โปรแกรม
ช่ วยสร้ าง
Document
editor
ผ้ พฒนา
ู ั
ผ้ ใช้
ู
ซอฟต์ แวร์
Reader
+ เครื่องอ่ าน ดิสค์
เช่ น Computer
หรื อ
CD
www.nstda.or.th Activity Name 9
© NSTDA 2010 Author

10. รูปแบบของ e-Book
TIFF Format
PDF Format
HTML Format
Graphics Format
Flash Format
Multimedia Format
www.nstda.or.th Activity Name 10
© NSTDA 2010 Author

11. ขั้นสูงของ e-Book
การเข้ารหัสเอกสาร
การป้องกันการสั่งพิมพ์
การนาเสนอเนื้อหาบางส่วนเพื่อส่งเสริม
การขาย
คิดค่าอ่านต่อหน้า
คิดค่าอ่านต่อครั้ง
สมาชิกรายปี
www.nstda.or.th Activity Name 11
© NSTDA 2010 Author

12. ข้อควรระวังในการสร้าง
 แบบอักษรมาตรฐาน
Tahoma, MS Sans Serif
 การเข้ารหัสอักขระ
ASCII, UNICODE
 Control Character
ใช้ในการกาหนด Text formatting เช่น การขึ้นบรรทัดใหม่,
line feed, การใส่ช่องว่าง, อักขระพิเศษต่างๆ
www.nstda.or.th Activity Name 12
© NSTDA 2010 Author

13. การเผยแพร่
ประกาศผ่านเว็บเครือข่าย
ระบบสมัครสมาชิก
www.nstda.or.th Activity Name 13
© NSTDA 2010 Author

14. e-Book Reader
จุดเด่น จุดด้อย
จอภาพขนาดใหญ่ ความสามารถมีจากัด
ความจุมาก นาหนักมาก
ปรับเปลี่ยนฟอนต์ได้ ราคาแพง
สนับสนุนมัลติมีเดีย ยุ่งยากในการพกพา
www.nstda.or.th Activity Name 14
© NSTDA 2010 Author

15. Desktop Readers
 Desktop
 Notebook
 Desknote
 Tablet PC
 Ipad
www.nstda.or.th Activity Name 15
© NSTDA 2010 Author

16. www.nstda.or.th Activity Name 16
© NSTDA 2010 Author

17. E-Book : Software
e-Book Authoring/Converter
e-Book Reader
www.nstda.or.th Activity Name 17
© NSTDA 2010 Author

18. e-Book : Authoring
Desktop Author
FlipAlbum
FlipPublisher
Acrobat Professional
PDF Creator
www.nstda.or.th Activity Name 18
© NSTDA 2010 Author

19. e-Book : Viewer/Reader
DNL Reader – Desktop Author
FlipViewer – FlipAlbum, FlipPublisher
Acrobat Reader – PDF Format
TIFF Viewer – TIF Format
www.nstda.or.th Activity Name 19
© NSTDA 2010 Author

20. e-Book : Software
 Acrobat Professional  Acrobat Reader
 Flash Flip  Browser & Flash
 FlipAlbum Player
 FlipPublisher  FlipViewer
 DeskTop Author  FlipViewer
 DNL Reader
www.nstda.or.th Activity Name 20
© NSTDA 2010 Author

21. e-Book : Content
 OriginalFormat from MS-Office
 Palm/PDA (PDB, PML: Peanut Markup Language)
 Acrobat (PDF: Portable Document Format)
 Web Documents (HTML, XML: Extensive Markup
Language)
 Graphics (TIFF format)
 Multimedia (FlipAlbum, Flash, MP3)
www.nstda.or.th Activity Name 21
© NSTDA 2010 Author

22. จุดเด่นของ e-Book
 ประหยัดค่าทาอาร์ตเวิร์ค การจัดหน้าไปจนกระทั่งถึง ค่ากระดาษที่ต้องพิมพ์
ออกมา
 e-Book สามารถอยู่ทนทานได้เป็นระยะเวลานาน
 ไม่ต้องสต็อคของไว้จานวนมากๆ
 สามารถเก็บข้อมูลได้จานวนมากมายมหาศาล
 สามารถเพิ่มลูกเล่นจากภาพมัลติมีเดีย และเสียง
 นักเขียนหน้าใหม่หรือนักอยากเขียนจะได้มีเวทีใน การนาเสนอผลงานของตัวเอง
ไม่ต้องทนส่งต้นฉบับไปแล้ว
www.nstda.or.th Activity Name 22
© NSTDA 2010 Author

23. บทบาทของ e-Book
สร้างโอกาสให้กับนักเขียนหน้าใหม่,
พัฒนาสื่อความรู้
สร้างโอกาสทางด้านการศึกษา
สร้างโอกาสทางธุรกิจ
เพิ่มมูลค่าให้กับ e-Library, e-Learning
www.nstda.or.th Activity Name 23
© NSTDA 2010 Author

24. จุดด้อยของ e-Book
อาศัยซอฟต์แวร์สาหรับอ่าน
อาศัยระบบเครือข่าย
การละเมิดลิขสิทธิ์
www.nstda.or.th Activity Name 24
© NSTDA 2010 Author

25. e-Book ในยุค Internet
อินเทอร์ เน็ต ผ้ แต่ ง, ผ้ เู ขียนหนังสือ
ู
Down load Server
ผ้ ใช้ + E-Book reader
ู
ร้ านขายหนังสือ
www.nstda.or.th Activity Name 25
© NSTDA 2010 Author

26. ขนาดของจอภาพ
ปรับแต่งจอภาพสูงกว่า
1024 x 768 pixels
กาหนดขนาดของจอภาพ e-Book ให้เหมาะสม
พิจารณาจาก http://truehits.net
www.nstda.or.th Activity Name 26
© NSTDA 2010 Author

27. www.nstda.or.th Activity Name 27
© NSTDA 2010 Author

28. www.nstda.or.th Activity Name 28
© NSTDA 2010 Author

29. โปรแกรมที่ใช้ในการสร้าง e-Book
 โปรแกรมแปลงไฟล์ PDF เป็น JPG
 Boxoft PDF to JPG (freeware)
 Resize & Rename ไฟล์ JPG
 XnView
 โปรแกรมแก้ไขไฟล์ (Editor)
 NotePad++
 โปรแกรมสร้าง e-Book
 FlashPageFlip FreeVersion
www.nstda.or.th Activity Name 29
© NSTDA 2010 Author

30. ขั้นตอนการสร้าง e-Book
1. สร้างโฟลเดอร์สาหรับ e-Book โดย 1 ชิ้นงานต่อ 1
โฟลเดอร์
2. เตรียมไฟล์ภาพ ที่จะใช้สร้าง e-Book
www.nstda.or.th Activity Name 30
© NSTDA 2010 Author

31. ขั้นตอนการสร้าง e-Book ด้วย Flash Page Flip
1. แปลงไฟล์ PDF เป็น JPG
2. Resize ไฟล์ภาพ
3. Rename ไฟล์ภาพ
4. คัดลอกไฟล์ภาพไปไว้โฟลเดอร์ e-Book
5. แก้ไขไฟล์ Pages.xml ให้รู้จักไฟล์ภาพ JPG และ
ขนาดหน้าจอแสดงผล
6. ดับเบิลคลิกไฟล์ Default.html เพื่อแสดงผล
www.nstda.or.th Activity Name 31
© NSTDA 2010 Author

32. แปลงไฟล์ PDF เป็น JPG
ติดตั้งโปรแกรม pdf2jpg และ gs.exe
ดับเบิลคลิกที่ไฟล์ Boxoft PDF to JPG (freeware)
คลิกปุ่ม Next
คลิกปุ่ม Add เพื่อนาไฟล์ PDF เข้ามา
คลิกปุ่ม Convert เพื่อแปลงไฟล์เป็น .JPG
www.nstda.or.th Activity Name 32
© NSTDA 2010 Author

33. www.nstda.or.th Activity Name 33
© NSTDA 2010 Author

34. www.nstda.or.th Activity Name 34
© NSTDA 2010 Author

35. เตรียมภาพด้วย XnView
Resize ภาพตามขนาดหน้าจอ
 เลือกไฟล์ภาพทั้งหมดด้วยคาสั่ง Ctrl + A
 คลิกขวาบริเวณภาพที่ได้เลือกไว้
 เลือกคาสั่ง Batch Processing
www.nstda.or.th Activity Name 35
© NSTDA 2010 Author

36. Resize
 กาหนดโฟลเดอร์ที่เก็บไฟล์ที่ได้ Resize แล้ว
 คลิกที่แท็บ Transformations
 เลือกคาสั่ง Resize
 กาหนดขนาดภาพตามต้องการ
www.nstda.or.th Activity Name 36
© NSTDA 2010 Author

37. เปลี่ยนชื่อภาพ
 เลือกไฟล์ภาพทั้งหมดที่ได้ Resize ไว้ก่อนหน้านี้
 คลิกขวา เลือกคาสั่ง
Batch Rename
 พิมพ์ ## ที่รายการ
Name Template
 ตรวจสอบชื่อที่รายการ
New Name
 คลิกปุ่ม Rename
www.nstda.or.th Activity Name 37
© NSTDA 2010 Author

38. FlashPageFlip
Download Program
http://www.stks.or.th/wiki
http://www.flashpageflip.com/
www.nstda.or.th Activity Name 38
© NSTDA 2010 Author

39. FlashPageFlip (1)
แตกไฟล์ Zip ที่ได้ดาวน์โหลดไว้
ดับเบิลคลิกที่โฟลเดอร์ FlashPageFlip_FreeVersion
เปลี่ยนชื่อโฟลเดอร์ Free Version เป็นชื่อหนังสือที่
ต้องการสร้าง
คัดลอกไฟล์ภาพที่ได้ Resize & Rename ไว้ก่อนหน้านี้
ไปไว้ในโฟลเดอร์ pages
www.nstda.or.th Activity Name 39
© NSTDA 2010 Author

40. FlashPageFlip (2)
เปิดไฟล์ Pages.xml ที่อยู่ในโฟลเดอร์ xml
แก้ไขขนาดหน้าจอ
แก้ไขชื่อไฟล์ตาม
โฟลเดอร์ Pages ที่ได้
คัดลอกไว้ก่อนหน้านี้
www.nstda.or.th Activity Name 40
© NSTDA 2010 Author

41. Resource
http://www.stks.or.th/wiki
http://www.stks.or.th/elearning
www.nstda.or.th Activity Name 41
© NSTDA 2010 Author