วันพฤหัสบดีที่ 13 ธันวาคม พ.ศ. 2555

วิธีการประชาสัมพันธ์ E-Book ผ่าน Facebook

หลังจากที่หนังสือผลิตเสร็จแล้ว จะได้ผลลัพธ์มาเป็น url ลิงก์ 1 ตัว สำหรับเข้าไปอ่านหนังสือ ตัวอย่างเช่น http://digital.bookkurry.com/i/96673

กรณีที่ 1 ถ้าต้องการโปรโมตทั้งเล่ม ไม่เน้นหน้าใดหน้าหนึ่ง ให้ใส่ลิงก์ http://digital.bookkurry.com/i/96673 ลงไปได้เลย เมื่อผู้อ่านเข้ามาคลิกลิงก์ จะวิ่งไปที่หน้าแรกเสมอ

กรณีที่ 2 ถ้าต้องการโปรโมตเน้นไปที่คอลัมภ์ใด เป็นพิเศษ ให้ใส่ลิงก์ แล้วตามด้วยเลขหน้าของคอลัมภ์ที่ต้องการโปรโมต เช่น  http://digital.bookkurry.com/i/96673/16 เมื่อผู้อ่านเข้ามาคลิกลิงก์ จะวิ่งไปที่หน้า16 เสมอ

วันอังคารที่ 25 กันยายน พ.ศ. 2555

การประชาสัมพันธ์หนังสือ หลังจากผลิตเสร็จ

หลังจากที่หนังสือ E-Book ผลิตเสร็จแล้ว ก็ถึงเวลาที่เราต้องเอาหนังสือไปวางตามแผผงหนังสือ ซึ่งในที่นี่จะหมายถึงเสบไซต์, Facebook หรือสื่อดิจิตัลอื่นๆ ที่สามารถใส่โค้ด html ได้ เพื่อกระจายหนังสือไปยังกลุ่มผู้อ่านให้มากที่สุด

ซึ่งวิธีการกระจายหนังสือ ก็มีอยู่หลายช่องทาง ให้เหมาะสมกับสื่อที่มีอยู่ในมือ ได้แก่

  1. Facebook/Twitter/Instagram สื่อยอดนิยม ที่หลายคนเป็นเจ้าของ page อยู่ ด้วยวิธีการง่ายๆในการประชาสัมพันธ์หนังสือ ด้วยการ
    • บอกแฟนเพจว่า หนังสือของเราออกแล้ว ซึ่งก็เป็นการเขียนโปรโมทหนังสือของเราปกติ แล้วตบท้ายด้วยการบอกว่า ถ้าต้องการอ่านหนังสือละก็ คลิกที่ลิงก์นี้เลย (ซึ่งลิงก์ที่ว่า ก็คือลิงก์หนังสือนั่นเอง เช่น http://digital.bookkurry.com/i/83769) ตัว facebook จะขึ้นภาพหน้าปก และลิงก์ไปที่หนังสือเอง
    • หลังจากบอกกล่่าวว่า หนังสือเล่มใหม่ออกแล้ว ก็ถึงเวลา Follow up ด้วยการทะยอยแนะนำคอลัมภ์ที่น่าสนใจในหนังสือมาแนะนำ ก็จะใช้วิธีเดียวกัน คือ โปรโมตพูดเกี่ยวกับคอลัมภ์นั้นๆ แล้วตามด้วยลิงก์หนังสือ แต่คราวนี้ให้ใส่เลขที่หน้าหนังสือที่จะชี้ไปที่คอลัมภ์นั้นด้วย เช่น   http://digital.bookkurry.com/i/83769/50 ตัวเลข "50" คือตัวเลขหน้าหนังสือ ซึ่งเมื่อคลิกที่ลิงก์นี้แล้ว ก็จะกระโดดไปที่หน้า 50 ทันที
  2. เวบไซต์/blog ใครเป็นเจ้าของสื่อประเภทนี้ ก็จะมีออพชั่นตัวเลือกในการโปรโมตหนังสือได้มากขึ้น เพราะนอกจากวิธีการวางลิงก์หนังสือตามด้านบนแล้ว ยังสามารถวางเป็น

วันศุกร์ที่ 3 สิงหาคม พ.ศ. 2555

ทดสอบการวาง HTML5 ANIMATION ในหนังสือ

วันนี้ (03 สค. 55) ทางผมได้มีโอกาสทดสอบการใส่ html5 animation อีกครั้งในหนังสือ E-Book จากคำแนะนำของทางเมืองนอก ปรากฏว่า Work แฮะ !

ดูจากลิงก์หนังสือต่อไปนี้เปรียบเทียบระหว่าง Flash Embed และ HTML5 Animation
http://digital.bookkurry.com/i/14154/10
ด้านซ้ายจะเป็น Flash ส่วนด้านขวาจะเป็น HTML5 Animation

ทั้งนี้ผมได้ทดสอบด้วย Chrome, iPad, iPhone เรียบร้อยแล้ว ว่าใช้ได้

แต่ตอน Implement จริงๆ ควรจะต้องทำ Animation ออกมา 3 ขนาด

  1. ต้นฉบับเป็น swf สำหรับใช้กับ PC/MAC 
  2. Fla ที่ทำขนาดสำหรับ iPad 1 ขึ้นไป คือ ความละเอียดตั้งแต่ 1024 pixel ขึ้นไป
  3. Fla ที่ทำขนาดสำหรับ iPhone ขึ้นไป คือ ความกว้างไม่เกิน 480 pixel (ยึด iPhone 4S เป็นหลัก)
หมายเหตุ
  1. ถ้าเป็น flash embed ขณะที่ zoom in/out ตัว Animation จะไม่หายไป
  2. ถ้าเป็น  HTML5 Animation  ขณะที่ zoom in/out ตัว Animation จะหายไป เนื่้องจากอยู่ในสถานะ Widget
ทั้งนี้ blog post ครั้งหน้า จะเป็นการ test flash embed บน Android เพื่อหาดูว่า Android version ไหน ที่ซัพพอร์ต Flash embed ซึ่ีงจะทำให้การออกแบบ Flash animation ง่ายกว่านี้ เพราะสามารถคุมขนาดของ animation ได้ ส่วน  HTML5 Animation ก็เอาไว้เฉพาะ iOS Devices เท่านั้น

วันพฤหัสบดีที่ 26 กรกฎาคม พ.ศ. 2555

ผลการทดสอบการ convert Flash Animation ไปเป็น html5

วันนนี้ ผมได้มีการทดสอบลอง convert flash animation file ให้ไปเป็น html5 animation ซึ่งทดสอบ 2  โปรแกรมคือ

  1. Google Swiffy 
  2. adobe wallaby
ปรากฏว่าทั้งสองอันน่าจะซัพพอร์ตแค่ Flash ที่เป็น AS2 เท่านั้น เพราะถ้าเป็น as3 ก็จะเห็น error แต่เท่าที่ดูผลลัพธ์ของ Wallaby ดูออกมาเรียบร้อยกว่า

Guideline สำหรับการสร้าง Flash Animation เพื่อใส่ในหนังสือ



Creating dynamic content for your Issue
Here are some general guidelines to ensure you get the most out of your dynamic content.

SWF Animations
Here are some general guidelines for your developer to follow in order to get the best results:
  • while actionscript is allowed, DO NOT include any scripting that modifies the position or dimension of elements causing those elements to exit the main stage's area
  • we use both the stage dimensions and animation dimensions to calculate your content's proportions. For best results, create a box (can be transparent) on the first frame on the main stage with the exact same dimensions as your stage.
  • keep all movie clips and animations inside a mask that is contained within the stage to ensure your animations stay within your stage
  • DO NOT embed FLV videos into your SWF's - upload an FLV file instead
  • publish your SWF animations in AS3 (actionscript 3.0) ONLY - AS2 is not supported as an embeddable SWF in the new Flipbook 3.0. (it will continue to work in your existsing Flipbook 2.0 issues) learn more
Further technical rules for developers to follow in creating AS 3.0 SWF files:
  • first frame must be exactly the size and rect of the stage;
  • entire stage on frame 1 must be filled;
  • no masking allowed on the first frame;
  • no nested movieclips with animations or masking or code on first frame;
  • no code on first frame;
  • if you need to have masking and interactivity it can exist in frame 2 which can have "stop()";
  • frame 1 assets may be transparent so avoid puting any critical assets here.
  • frame 1 execution may be omitted at times therefore there should be no vital content on that frame and content replication on frame 2 may be required.

วันอาทิตย์ที่ 15 มกราคม พ.ศ. 2555

ข้อแนะนำการติดตั้ง Andriod App

Tip สำหรับผู้ที่ดาวน์โหลด Android App หากพบ Warning Box ลักษณะข้างล่างนี้

  1.  ให้คลิกที่ปุ่ม "Settings"
  2. Check ที่ "Unknows sources" (ตามภาพ)


  3. จะพบ Alert Box แสดงขึ้นมาดังภาพ ให้กดปุ่ม Ok


  4. หลังจากให้กดปุ่ม Back เพื่อกลับไปติดตั้ง App ต่อไป

วันเสาร์ที่ 14 มกราคม พ.ศ. 2555

วิธีการอัพโหลดภาพ ขึ้น Flickr.com

การอัพโหลดภาพขึ้น Flickr.com เป็นขั้นตอนแรก ในการเตรียมภาพให้พร้อม สำหรับการทำ Photo Slide ซึ่งมีขั้นตอนดังนี้

  1. สมัครสมาชิกที่ flickr.com นอกจากสมัครด้วย account ของ yahoo แล้ว ยังใช้ account ของ Google หรือ Facebook สมัครได้ด้วย

  2. อัพโหลดภาพที่ต้องการจัดเป็น Photo Slide ด้วยการคลิก "Upload" ที่เมนู ด้านขวาบน (ตามภาพ)

  3. เมื่ออัพโหลดภาพเสร็จแล้ว จะเป็นขั้นตอนการสร้าง Set เริ่มต้นด้วยการกคลิกปุ่ม "Organize & Create" ที่เมนู ด้านบน

  4. ให้เลือกแท๊บ "Set" แล้วเลือก "Create a new set"

  5. ให้ตั้งชื่อ แล้วลากภาพทีต้องการให้อยู่ใน Set ไปไว้ในตำแหน่งดังภาพ เสร็จแล้วให้กด "Save"

  6. หลังจากนั้นเป็นขั้นตอนการจด "หมายเลข Set" เริ่มต้นด้วยการคลิกที่ "You" แล้วเลือก "Your Sets"


  7. เลือก "Set" ที่คุณต้องการ

  8. copy "หมายเลข Set" แล้วส่งมาที่ผม