เมื่อวันก่อนมีเด็กฝึกงานกรมที่ดินขึ้นมาที่สำนักงานมาถามเรื่องโปรแกรมทำ E-Book ชื่อ Flip Book บอกว่าที่สำนักงานแจกโปรแกรมฟรีเล่นเอางงกันไปเลย ผมเองไม่ค่อยมีความรู้เรื่องนี้เท่าไร ก็เลยได้ลองค้นหาโปรแกรมแนวๆ นี้มาลองเล่นดูบ้าง ซึ่งโปรแกรมที่คล้ายๆ Flip Book มีหลายตัวมาก วันนี้ผมจะมาแนะนำ MegaZine3 ครับ

MegaZine3 เป็นโปรแกรมใช้สร้าง E-Book ประกอบไปด้วย Flash Script สำหรับไปติดตั้งบนเว็บ และโปรแกรมสร้างไฟล์ข้อมูลหนังสือ ซึ่งโชคร้ายโปรแกรมสร้างไฟล์ข้อมูลหนังสือมันไม่ support linux :P แต่ไม่เป็นไรครับ ทาง MegaZine3 ได้แนะนำทางออกให้ 2 ทางคือ ใช้ SWFTools ในการแยกไฟล์ PDF ไปเป็นไฟล์ Flash หรือใช้ ImageMagick ในการแยกไฟล์ PDF ไปเป็นภาพ ซึ่ง MegaZine3 สามารถสร้างหน้าหนังสือจากภาพและไฟล์ Flash ได้

ดูตัวอย่าง

หนังสือเปิดโลกโอเพนซอร์ส

มาลงมือกัน เริ่มจากสร้างไฟล์เอกสารของเรามาก่อนบน OpenOffice.org Writer ครับดังนี้

จากนั้นดาวน์โหลด MegaZine3 มาครับ คลี่ไฟล์ออกจะพบ folder แบบนี้

ให้คุณสร้างไดเรคทอรี data ลงในไดเรคทอรี megazine จากนั้น export ไฟล์หนังสือของเราจาก OpenOffice.org Write ไปเป็น PDF ใส่ลงในไดเรคทอรี data ที่เราเพิ่งสร้างเมื่อกี้ จากนั้นเราจะใช้ ImageMagick แยกไฟล์ PDF ไปเป็นไฟล์ภาพกันครับ

ไฟล์ PDF ที่ได้ผมใช้ชื่อว่า mybook.pdf ให้เราใช้เครื่องมือจาก ImageMagick ดังนี้ (ใครมีวิธีที่ดีกว่านี้ก็สามารถเลือกวิธีของคุณได้นะครับ ไม่บังคับ)

convert mybook.pdf mybook-%d.jpg

เราจะได้ไฟล์ mybook-0.jpg ไปจนถึง mybook-15.jpg ตามจำนวนหน้าของหนังสือครับ

จากนั้น แก้ไขไฟล์ megazine.mz3 ซึ่งเป็นไฟล์ข้อมูลหนังสือที่เป็นรูปแบบ XML ดังนี้

<book
pageheight="842"
pagewidth="595"
bgcolor="0xCCCC99"
pagethickness="0.3"
maxloaded="10"
minscale="0.3"
plugins="backgroundsounds, batchpages,navigationbar, gallery, overlays, titles, anchors, swfaddress, links, keyboardnavigation, slideshow, options"
>
<foreground>
<box background="image(gui/engine/poweredby.png)" width="160" height="45" anchors="pw-w,ph-h" url="http://www.megazine3.de/" target="_blank"/>
</foreground>
<chapter>
<page stiff="true" anchor="cover">
<img src="data/mybook-0.jpg" aa="true" width="595" height="842"/>
</page>
<page>
<img src="data/mybook-1.jpg" aa="true" width="595" height="842"/>
</page>
<page>
<img src="data/mybook-2.jpg" aa="true" width="595" height="842"/>
</page>
<page>
<img src="data/mybook-3.jpg" aa="true" width="595" height="842"/>
</page>
...
<page>
<img src="data/mybook-15.jpg" aa="true" width="595" height="842"/>
</page>
</chapter>
</book>

เปิดไฟล์ index.html เพื่อดูผลลัพท์ได้เลยครับ จะได้ผลลัพท์ดังนี้

หรือจะดู online ได้ที่เว็บไทยโอเพนซอร์ส ลองเอาไปประยุกต์ใช้กันดูได้ครับ อ้อ เกือบลืม อ่านเอกสารเพิ่มเติมได้ที่ http://www.megazine3.de/doc/MegaZine3 ครับ :)

Comments are closed.