คู่มือการสร้าง e-Book สวยๆให้กับ Joomla

1. ~1~
สราง e-Book สวยๆ ใหกบ Joomla
ั
ดวย FlippingBook Joomla Gallery Component
FlippingBook Joomla Gallery Component เปน component ของ Joomla ที่มีไวสราง e-
Book โดยสรางจากไฟลภาพ เชน .jpg .png .gif และ .swf animation ซึ่ง FlippingBook Joomla Gallery
  
Component สามารถจดหมวดหมของ e-Book ได และปรับเปลี่ยนการแสดงผลของ e-Book ได
ั ู
1.การตดตง FlippingBook Joomla Gallery Component
ิ ้ั
1.1 ดาวนโหลด component ไดที่ http://www.page-flip-tools.com/flippingbook-joomla-

gallery-component.html
1.2 เมื่อดาวนโหลดเสร็จจะไดไฟล com_flippingbook_for_1.6-2.5.zip เขาไปที่ Extension
Manager >Install > Upload Package File เลือกไฟล แลวกด Upload&Install
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

2. ~2~
1.3 เมื่อ Install component เสร็จแลว จะพบกบหนาจอการใชงาน ดงรป
ั   ั ู
2.การสราง e-Book ดวย FlippingBook Joomla Gallery Component
 
2.1 การเตรียมไฟลภาพเพื่อนําไปสราง e-book
ภาพทสามารถนามาสราง E-Book ไดนั้นตองเปนไฟลนามสกุล .jpg .png .gif และ .swf
่ี ํ 
animation โดยมีหลักการตั้งชื่อไฟลตามมาตรฐานการตั้งชื่อสื่อดิจิทัลที่จะแนะนํา ดังนี้
1. ตั้งชื่อที่สื่อความหมาย เชน 20121116-sleeping-front.jpg คือ ป เดือน วัน ที่จัดทําไฟล
เปนหนังสือเกี่ยวกับการนอนหนาปก เปนตน
2. ใสอกษรภาษาองกฤษตวเลข (a-z) หรือผสมตัวเลข (0-9)
ั ั ั
3. ไมใสเครื่องหมายพิเศษนอกจาก หรือหลีกเลี่ยงเครื่องหมายชองวาง (Space) และ
เครื่องหมาย Underscore _ โดยใชเ ครองหมาย Hyphen – ในการเชอมแทน
่ื ่ื
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

3. ~3~
2.2 การนําไฟลภาพเขาไปใน FlippingBook Joomla Gallery Component
1) เขาไปที่ File Manager คลก Upload file
ิ
2) เลือกไฟลภาพที่ตองการ เมื่อเสร็จแลว คลิก Upload
3) ไฟลภาพจะนําเขาไปเก็บไวใน imagesflippingBook เพื่อนําไปสราง e-Book ตอไป

พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

4. ~4~
2.3 การสรางหมวดหมู (Categories)

1) เขาไปที่ FlippingBook > Categories > new เพื่อสรางหมวดหมูใหม
2) ใสรายละเอยดของ Category ที่จะเพิ่มใหครบไมวาจะเปน Title (ชื่อหมวดหมู) , Alias,
 ี
Description (คาอธบาย)และ Preview Image (ภาพหนาปกหมวดหม)ู
ํ ิ 
2.4 การสรางหนังสือ (Books)
1) เขาไปท่ี FlippingBook > Books > new เพื่อสรางหนังสือเลมใหม

พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

5. ~5~
2) ใสรายละเอียดตางๆของหนังสือไมวาจะเปน Title (ชื่อหนังสือ), Alias, Category
(หมวดหมูหนังสือ) และ Description (คาอธบาย) รวมถึงสามารถใสรูปภาพหนาปกหนังสือไดที่ แถบ Book
ํ ิ
Parameters > Preview Image
2.5 การสรางหนาหนังสือ (Page)
1) เขาไปท่ี FlippingBook > Pages > new เพื่อสรางหนาหนังสือตางๆใหกับ e-Book

เลือกหนังสือใหถูกตอง
กอนสรางหนาใหม
2) เลือกและใสรายละเอียดตางๆของหนาหนังสือ สวนหลักๆมีดังนี้
Image: เลือกรูปภาพที่นําเขา
Select Book: เลือกหนังสือที่ตองการใสหนาหนังสือ
Ordering: ใสเลขเพื่อเรียงลําดับหนา
Description: ใสรายละเอียดคําอธิบายหนังสือ
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

6. ~6~
3) ใสหนาหนังสือตามจํานวนที่ตองการ และเรียงลําดับหนาใหถูกตอง
2.6 การตั้งคาการแสดงผล FlippingBook Joomla Gallery Component
1) เขาไปที่ Menu > Main Menu > Add New Menu Item เพื่อสรางเมนูให
FlippingBook แสดงผล
2) เมื่อเขาไปเสร็จแลว จะเห็น Menu Item Type เลือก Select
3) สามารถเลอกการแสดงผลแบบตางๆได ทจะเลอกคอ Categories: Blog Layout เพื่อ
ื  ่ี ื ื
แสดงหนาแรกเปนหมวดหมูของ e-Book
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

7. ~7~
4) ใสรายละเอยดตางๆของ Menu ที่เพิ่มขึ้นใหม คลิก Save&Close เปนอันเสร็จสิ้น
 ี 
2.7 การแสดงผลของ e-Book จาก FlippingBook Joomla Gallery Component
1) เมนูสําหรับ e-Book ที่สรางขึ้น
คลิกเมนู e-Book
2) ตอมาจะปรากฏหนาหมวดหมของ e-Book คลิกเขาไปในหมวดหมูที่สราง
  ู
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)

8. ~8~
3) ตอมาจะพบกับรายชื่อหนังสือที่อยูในหมวดหมูนั้นๆ คลิกเลือกหนังสือ
4) e-Book ที่เราสรางขึ้น สามารถพลิกหนาเสมือนจริง (3D-Flip Book)
พัทนีย อาบุญงาม ชั้นปที่ 4 สาขาสารสนเทศศาสตร มหาวิทยาลัยขอนแกน
นักศึกษาฝกงานฝายบริการความรูทางวิทยาศาสตรและเทคโนโลยี(STKS)