1. e-Publishing ศตพล ยศกรกุล สำนักวิทยบริการ มหาวิทยาลัยขอนแก่น

2. e-Publishing ข้อความ ภาพ และสื่อมัลติมีเดียที่นำเสนอในรูปแบบอิเล็กทรอนิกส์ เนื้อหา เรื่องเล่าในฟอร์แมต งานเขียน วรรณกรรมออนไลน์ (Blog, Wiki, Webpages) บทกวีที่ส่งผ่าน e-Mail e-Publishing is a form of publishing in which books are produced and stored electronically rather than in print

3. e - Publishing กระบวนการผลิตสร้างสรรค์สิ่งพิมพ์ในรูปแบบอิเล็กทรอนิกส์ รูปแบบ ( Formatted) การเข้ารหัส ( Encrypted) การป้องกันความปลอดภัย (Security) การเผยแพร่ (Published)

4. ประโยชน์ของ e - Publishing ลดการใช้กระดาษ , พลังงาน , สิ่งแวดล้อม , ธรรมชาติ ง่ายต่อการปรับปรุงแก้ไข ได้เอกสารที่มีคุณค่า ด้วยกรรมวิธีที่รวดเร็ว เช่น Video Clips ได้เอกสารที่สามารถโต้ตอบกับผู้อ่านได้ ง่าย สะดวกต่อการอ่าน ง่ายต่อการสืบค้น มีความคงทน นำเสนอสื่อมัลติมีเดียได้

5. ประโยชน์ของ e - Publishing สร้างโอกาสให้กับนักเขียนหน้าใหม่ , นักอยากเขียน พัฒนาสื่อความรู้ สร้างโอกาสทางด้านการศึกษา สร้างโอกาสทางธุรกิจ เพิ่มมูลค่าให้กับ e-Library, e-Learning

6. จุดอ่อนของ e - Publishing ลงทุนสูงในขั้นต้น ปัญหาในการอ่าน เช่น ขนาดจอภาพ , ความคมชัด การละเมิดลิขสิทธิ์ ไม่ให้ความสำคัญกับมาตรฐาน เทคโนโลยียังมีการพัฒนาอย่างต่อเนื่อง

7. องค์ประกอบที่เกี่ยวข้องกับ e - Publishing Publishers Conversion Services / Tool Developers Distributors e - Retailers Device Manufactures Software Vendors Reader / User

8. โมเดลสร้างสื่อสิ่งพิมพ์ Creation Editing Pre-press Printing Distribution Sale Consumption

9. โมเดลสร้างสื่อสิ่งพิมพ์ Creation Editing Pre-press Printing Distribution Sale Consumption

10. ประเภทของ e - Publishing Free e-Publishing Commercial e-Publishing Pay per View e-Publishing Purchased e-Publishing Leased e-Publishing

11. องค์ประกอบ การพัฒนา Hardware Software Content Format & Standard Security / Protection Tools (DRM) & Standard DRM : Digital Right Management

12. Hardware Specific Reader Handheld Readers Desktop Readers Online

13. Software Authoring Converter Reader DNL Reader – Desktop Author FlipViewer – FlipAlbum, FlipPublisher Acrobat Reader – PDF Format TIFF Viewer – TIF Format

14. Content Format Original Format from Word Processor & DTP Palm/PDA (PDB, PML: Peanut Markup Language) Acrobat (PDF: Portable Document Format) Graphics (TIFF format) Multimedia (FlipAlbum, Flash, MP3) Web Documents (HTML, XML: Extensive Markup Language)

15. Word Processor & DTP ฟอนต์มาตรฐาน Style หัวใจหลักในการสร้างผลงาน Layout ดึงดูดความสนใจ อย่าลืมฝังฟอนต์ (Embedded) http :// www . stks . or . th / web / index2 . php?option = com_docman&task = doc_view&gid = 334&Itemid = 31

16. Palm/PDA Word Processor ---convert--> PDB PDF for Palm/PDA Specific Creator http :// www . thaiebook . org / t0103 / index . php?pgid = &PHPSESSID = a2958f6f27808d363d7024fd952c4ca2

17. PDF Acrobat Professional PDF Creator OpenOffice.org http://docs.google.com http://converttle.nectec.or.th

18. PDF การฝังฟอนต์ สารบัญ / Bookmark ระบบรักษาความปลอดภัย http :// www . stks . or . th / web / index2 . php?option = com_docman&task = doc_view&gid = 578&Itemid = 31

19. Special Format FlipAlbum/FlipPublisher Desktop Author Flip Flash http :// www . stks . or . th / web / index2 . php?option = com_docman&task = doc_view&gid = 662&Itemid = 31

20. ขนาดของจอภาพ ปรับแต่งจอภาพสูงกว่า 1024 x 768 pixels กำหนดขนาดของจอภาพ e-Book ให้เหมาะสม พิจารณาจาก http://truehits.net

23. ขนาด e- Publishing Offline เต็มจอภาพ ระบุขนาดให้ชัดเจน เช่น 800 x 600 หรือ 1024 x 768 pixels Online ไม่เต็มจอภาพ ขึ้นอยู่กับ Layout ของเว็บไซต์ ตัวอย่างเช่น 700 x 440 หรือ 900 x 550 pixels

24. โฟลเดอร์เฉพาะต่อผลงาน สร้างโฟลเดอร์ 1 โฟลเดอร์ต่อ 1 ผลงาน Copy ไฟล์ประกอบที่จำเป็นต้องใช้งานมารวมกันในโฟลเดอร์ กำหนดชื่อแฟ้มเอกสารตามมาตรฐาน

25. Server & Client WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape พัฒนาเว็บด้วย HTML Editor, HTML Generator บน Windows Server : Unix/NT upload

26. File name ภาษาอังกฤษ ผสมตัวเลข ใช้เครื่องหมายเฉพาะ – หรือ _ ไม่ควรมีช่องว่าง ไม่ควรยาวมากเกินไป

27. ตัวอย่าง การ ตั้งชื่อ สื่อนำเสนอด้วย Microsoft PowerPoint ตั้งชื่อแฟ้มเอกสารในฟอร์แมต yyyymmdd-filename.ppt โดย yyyy คือปี ค . ศ . mm คือตัวเลขเดือน dd คือเลขวัน ภาษาอังกฤษ ผสมตัวเลข ห้ามเว้นวรรค ใช้ได้เฉพาะเครื่องหมาย –

28. การเตรียมสื่อนำเสนอด้วย Microsoft PowerPoint สร้างสื่อนำเสนอเรื่องดอกบัว โดยสร้างวันที่ 10 ม กรา คม 2553 ให้ตั้งชื่อแฟ้มเอกสารเป็น 20100110-lotus.ppt 2553 มกราคม 10 ดอกบัว 2010 01 10 lotus

29. ไฟล์ประกอบ Image .gif .jpg .bmp Video .avi .wmv Sound/Audio .wav .mp3 Flash Movie .swf PDF .pdf Original Documents .doc .xls .ppt

30. Text เลือกใช้ฟอนต์มาตรฐาน ตระกูล New Tahoma MS Sans Serif

31. รหัส ภาษาไทย

32. TIS-620/Windows-874 ประเทศไทยมีมาตรฐานอักขระซึ่งกำหนดโดย สำนักงานมาตรฐานอุตสาหกรรม ดังที่เรียกกันโดยทั่วไปว่ารหัส สมอ . แต่รหัส สมอ . หรือที่มีชื่อทางการว่า มอก . 620 หรือ TIS-620 นี้ เป็นมาตรฐานของประเทศไทย ซึ่งเมื่อนำไปใช้บนเครือข่ายอินเทอร์เน็ต ก็อาจเกิดความเข้าใจไม่ตรงกันได้ ดังนั้นจึงมีความพยายามที่จะจดทะเบียน รหัส สมอ . ที่ Internet Assigned Numbers Authority ( IANA ) ซึ่งเป็นผู้ควบคุมมาตรฐานของเครือข่ายอินเทอร์เน็ต และได้ดำเนินการจดทะเบียนจนสำเร็จ เมื่อวันที่ 22 กันยายน 2541

33. TIS-620/Windows-874 windows-874 เป็น character Set ที่ใช้ภายในระบบปฏิบัติการที่ผลิตโดยบริษัท ไมโครซอฟต์ เท่านั้น ไม่ได้เป็น character Set ที่ใช้ในการแลกเปลี่ยนข้อมูลระหว่างเครื่อง มีส่วนขยายเพื่อการแสดงผล เช่น bullet, smart quote, dash ฯลฯ tis-620 เป็น character Set ที่จดทะเบียนถูกต้อง เป็นที่รับรู้กันทั่วโลก ทุกระบบปฏิบัติการ ( แม้แต่ระบบปฏิบัติการของไมโครซอฟต์เอง )

34. ณ ปัจจุบัน TIS-620 Windows-874 UTF-8

35. Metadata Data about data ข้อมูลแสดงคุณสมบัติของไฟล์ หรือวัตถุต่างๆ แสดงข้อมูลสรุปเกี่ยวกับรายละเอียดของไฟล์ แสดงลิขสิทธิ์ความเป็นเจ้าของ แยกกลุ่มได้ตามประเภทของไฟล์หรือวัตถุ Subject Metadata Title Metadata Category Metadata Keyword Metadata Author Metadata Description Metadata Publisher Metadata Resource Metadata

36. ประโยชน์ของ Metadata เพิ่มประสิทธิภาพการสืบค้นเอกสาร เป็นข้อมูลให้กับ Search Engine ต่างๆ การเผยแพร่ในระบบอินเทอร์เน็ต เป็นไปอย่างรวดเร็ว

37. การกำหนดคุณสมบัติของเอกสาร MS – Office File, Properties..

38. ประโยชน์ของ Metadata เพิ่มประสิทธิภาพการสืบค้นเอกสาร เป็นข้อมูลให้กับ Search Engine ต่างๆ การเผยแพร่ในระบบอินเทอร์เน็ต เป็นไปอย่างรวดเร็ว

39. Meta Tags Metadata สำหรับการนำเสนอบนเว็บ บรรจุไว้ใน Head รูปแบบทั่วไป <META NAME=“dataname” CONTENT=“datavalue”>

40. ตัวอย่าง <head> <title>Meta Tags-Metadata Elements</title> <meta name=&quot;description&quot; content=“meta tags.&quot;> <meta name=&quot;keywords&quot; content=&quot;meta data, metadata, meta tag, meta-tag, search-engine&quot;> <meta name=&quot;author&quot; content=&quot;Keith Brooke&quot;> </head>

41. Meta Analyst http://www.submitexpress.com/analyzer/

42. มาตรฐาน Image Metadata สนับสนุนระบบค้นคืนภาพ และการป้องกันลิขสิทธิ์ของภาพ Image Metadata ระบบ XMP ( eXtensible Metadata Platform ) พัฒนาโดย The Newspaper Association of America ( NAA ) และ The International Press Telecommunications Council ( IPTC ) ใช้งานได้กับโปรแกรม Adobe PhotoShop 7.0 และสามารถนำเสนอข้อมูลต่างๆ เกี่ยวกับรูปภาพ เช่น Title, Author, Position, Caption, Copyright, URL, Keyword, Categories, Detail of org.

43. ภาพ กำหนดขนาดภาพให้เหมาะสมกับ Layout เลือกใช้ภาพฟอร์แมต GIF สำหรับภาพที่มีจำนวนสีไม่มาก หรือภาพขาวดำ JPEG สำหรับภาพที่ต้องการความคมชัด สีจำนวนมาก BMP สำหรับภาพที่ต้องการความถูกต้องของสี

44. เว็บกราฟิก รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ Interlaced การแสดงผลภาพ แบบ Progressive

45. มาตรฐานรูปแบบการนำเสนอภาพ  100  100 pixels  300  250 pixels  300  250 pixels Up to 1024  768 pixels Up to 1024  768 pixels Up to 1840  1232 pixels Up to 1840  1232 pixels Size 72 dpi 72 dpi 72 dpi 72 dpi 72 dpi Up to 350 dpi Up to 350 dpi Resolution GIF JPG PNG GIF JPG PNG TIF JPEG JPEG JPEG TIFF JPEG, TIFF Format Preview Website Database Presentation ภาพสำหรับ Digital Archive ภาพ สื่อสิ่งพิมพ์ ภาพต้นฉบับ

46. RGB model RGB model used for lighting, video, and monitors So, computer’s monitor only has 3 colors Red Green Blue

47. GIF / JPEG

48. GIF or JPEG?

49. Interlaced GIF

50. JPEG Quality & Progressive ภาพฟอร์แมต JPG ค่า Quality ไม่ควรต่ำ หรือสูงเกินไป กำหนดรูปแบบการแสดงผล เป็นแบบ Progressive ด้วย สำหรับภาพที่มีขนาดโต

51. GIF Graphics Interlace File จำนวนสีและความละเอียดของภาพไม่สูงมากนัก ต้องการพื้นแบบโปร่งใส ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด ต้องการนำเสนอภาพแบบภาพเคลื่อนไหว ส่วนขยายคือ .gif

52. Bit depth drastically affects file size 24 bit color 16 million colors 1.55 MB 8 bit color 256 colors 518k 8 bit gray scale 256 shades of gray 518k 1 bit dithered image 64k

53. Transparent GIFs

54. Animation GIF

55. JPEG Joint Photographer's Experts Group เหมาะสมกับการนำเสนอทั้งระบบสื่อมัลติมีเดีย และเว็บไซต์ สามารถกำหนดขนาดของไฟล์ได้ตามความเหมาะสม ( File Compression ) สามารถกำหนดคุณสมบัติการแสดงผลแบบหยาบ แล้วค่อยๆ ละเอียดเมื่อเวลาผ่านไป ที่เรียกว่าคุณสมบัติ Progressive ส่วนขยายของไฟล์รูปแบบนี้คือ . jpg หรือ . jpeg

56. PNG Portable Network Graphics รูปแบบล่าสุดในการนำเสนอภาพผ่านเครือข่ายอินเทอร์เน็ต สามารถแสดงผลได้ในระบบสีเต็มพิกัด ( True Color ) , มีขนาดไฟล์เล็ก และควบคุมคุณภาพได้ตามที่ต้องการ มีการกำหนดให้พื้นภาพเป็นพื้นโปร่งใสได้ ( Transparent ) รวมทั้งการแสดงผลแบบหยาบสู่ละเอียด ( Interlaced ) ส่วนขยายของไฟล์รูปแบบนี้คือ . png

57. TIFF Tagged - Image File Format รูปแบบที่ใช้เก็บภาพพร้อมรายละเอียดต่างๆ เช่น เลเยอร์ ( Layer ) , Annotation, โหมดภาพทั้งระบบ CMYK, RGB, Lab Color ตลอดจนข้อมูลประกอบอื่นๆ ตามต้นฉบับเดิมของภาพ เหมาะสมต่อการเก็บบันทึกภาพต้นฉบับ และ ภาพสำหรับใช้ประกอบการสร้างสื่อสิ่งพิมพ์ ส่วนขยายของไฟล์รูปแบบนี้คือ . tif

58. สรุปการเลือกใช้ฟอร์แมตภาพ ไฟล์สกุล GIF (Graphics Interlace File) ภาพที่ไม่ต้องการความคมชัดมากนัก สีไม่มาก มีลักษณะพื้นโปร่งใส ไฟล์สกุล JPG (Joint Photographer’s Experts Group) ภาพที่ต้องการความคมชัดสูง มีสีมาก ไฟล์สกุล PNG (Portable Network Graphics) ภาพที่ต้องการความคมชัดสูง มีสีมากทำพื้นโปร่งใสได้

59. 72-ppi and 300-ppi 72 ppi = 72 pixels high x 72 pixels wide = 5184 pixels in a square inch 300 ppi = 300 pixels high x 300 pixels wide = 90,000 pixels in a square inch

60. 72-ppi & 300-ppi

61. JPEG Quality JPEG - 19K Low Quality JPEG - 60K Max Quality

62. Sound : PCM .wav 8-bit or 16-bit sound data Mono Preprocessing Sample Rate 5 kHz is barely acceptable for speech. 11 kHz is the lowest recommended quality for a short segment of music and is one-quarter of the standard CD rate. 22 kHz is a popular choice for Web playback and is half the standard CD rate. 44 kHz is the standard CD audio rate

63. Sound : MP3 Bit Rate 8 Kbps through 160 Kbps CBR (constant bit rate). 16 Kbps or higher for the best results Mono Preprocessing Quality Fast yields faster compression but lower sound quality. Medium yields somewhat slower compression but higher sound quality. Best yields the slowest compression and the highest sound quality.

64. VDO formats .MOV Quicktime, an Apple standard. It is playable on Macintosh and Windows machines. .AVI Microsoft standard that is playable on Windows and Macintosh machines. .RM Real streaming. They are playable on Windows, MacOS, and Unix computers. .ASF Microsoft streaming format, and play on Windows, MacOS, and Solaris. .WMA/.WMV Microsoft format used in Microsoft MovieMaker .flv Macromedia Flash Video

65. Web-based e-Publishing Webpages Blog Wiki

66. e-Publishing ต้องคำนึงถึงลิขสิทธิ์ ซอฟต์แวร์ เนื้อหา Copyright Creative Commons Public Domain

67. ระวัง ! ตระหนัก ! ก่อนนำเนื้อหา หรือสื่อใดๆ มาใช้ ภาพ เสียง video หรือเนื้อหาที่นำมาใช้สร้างจะต้องไม่ละเมิดลิขสิทธิ์ผู้อื่น

68. Google Images ตระหนักในการให้บริการภาพออนไลน์

70. แต่เพื่อความปลอดภัย 100% การสร้างสรรค์เอง มีความสำคัญมากกว่าการนำมาใช้ เทคนิคการสร้างสรรค์ ตั้งวันที่ / เวลาให้ถูกต้องทั้งเครื่องส่วนตัว และ Server ตาม พรบ . การกระทำความผิดทางคอมพิวเตอร์ .... เป็นเอกสารอ้างอิงในการฟ้องศาล เมื่อมีเหตุละเมิด ว่าเราเป็นเจ้าของผลงานที่ถูกต้องการ เก็บรักษาไฟล์ต้นฉบับ

71. วัน / เวลาคอมพิวเตอร์

74. Copyright สร้างข้อความประกาศการสงวนลิขสิทธิ์ให้ชัดเจนผ่านเว็บไซต์

77. Copyright & Copy Copyright 100% Copy 100% (CC) ‏

78. (cc) คือพระเอก ไม่ควรหวังผล / กำไร 100% ตอบแทนสังคมบ้างก็ดี แนวทาง PR ที่ได้ผลลัพธ์สูงมาก แยกประเภทในข้อมูลในเว็บให้ชัดเจนว่า อะไร คือ copyright 100% อะไร คือ copyright ไม่เต็ม 100

79. Copyright ไม่เต็ม 100 คือ Creative Commons การใช้สื่อที่ copyright จะต้องได้รับอนุญาตเป็นลายลักษณ์อักษร การตอบจดหมายเป็นลายลักษณ์อักษร เป็นภาระ ไม่สร้างความประทับใจ สื่อใดที่ไม่ใช่ copyright 100% ให้ลงทะเบียนเป็น (cc) แทน http://creativecommons.org

81. รูปแบบ ของ (cc) Human-Readable Common Deed สัญญาฉบับอ่านง่าย สำหรับคนทั่วไป Lawyer-Readable Legal Code สัญญาฉบับกฎหมาย สำหรับการนำไปใช้ในกระบวนการยุติธรรม เช่น เมื่อเกิดคดีฟ้องละเมิดลิขสิทธิ์ Machine-Readable Digital Code สัญญาฉบับภาษาคอมพิวเตอร์ สำหรับให้โปรแกรมท่องเว็บต่างๆ เช่น เสิร์ชเอ็นจิ้นของกูเกิ้ล “อ่าน” ออกโดยอัตโนมัติ

82. เห็นแล้วรู้ อ่านเข้าใจง่าย

86. เงื่อนไข สัญญาอนุญาตแบบครีเอทีฟคอมมอนส์มีเงื่อนไขหลักสี่ข้อ ผู้สร้างงานสามารถเลือกใช้ข้อใดข้อหนึ่งหรือหลายข้อรวมกันก็ได้ “ ยอมรับสิทธิของผู้สร้าง” (Attribution ) - BY “ ไม่ใช้เพื่อการค้า” (Noncommercial) - NC “ ไม่แก้ไขต้นฉบับ” (No Derivative Works) - ND “ ใช้สัญญาอนุญาตแบบเดียวกัน” (Share Alike) - SA

87. (cc)@Thailand http://creativecommons.org/international/th/ ร่างสัญญาอนุญาตของครีเอทีฟคอมมอนส์ แบบยอมรับสิทธิ ไม่ใช้เพื่อการค้าและอนุญาตแบบเดียวกัน 3.0 สำหรับประเทศไทย จัดทำร่างโดยสำนักกฎหมายธรรมนิติ ขั้นตอนประชาพิจารณ์ วันที่ 27 พฤศจิกายน ถึงวันที่ 11 ธันวาคม 2550 http://cc.in.th/wiki/th_ccl

88. สร้าง (cc) เอกสารเว็บ เข้าเว็บไซต์ http://creativecommons.org/license/ เลือกรูปแบบ

89. เลือกรูปแบบ Logo

90. สร้าง (cc) เอกสารเว็บ คัดลอก Code ไปแปะในเอกสารเว็บ

91. (cc) – PD F เลือก Licences บันทึกเป็น XMP Template XMP (Extensible Metadata Platform) ‏ คัดลอก XMP ไปไว้ที่ C:\Documents and Settings\ user-name \Application Data\Adobe\XMP\Metadata Templates เปิด Adobe Acrobat Professional เลือก File, Documents Properties...

92. บันทึกเป็น XMF

93. (cc) – PDF

94. (cc) – PDF

95. (cc) – PDF

96. (cc) - Image ลักษณะเดียวกับ PDF แต่ให้เปิดโปรแกรม Adobe PhotoShop เลือกคำสั่ง File, File Info... เลือก Advanced คลิกปุ่ม Append โหลดไฟล์ .xmp ที่ดาวน์โหลดจาก (cc) web

97. (cc) - Image ลักษณะเดียวกับ PDF แต่ให้เปิดโปรแกรม Adobe PhotoShop เลือกคำสั่ง File, File Info...

98. Multi-Images

99. (cc) – MS Office Download Add-in จาก www.stks.or.th ติดตั้ง Add-in เปิด MS Office เลือกคำสั่ง File, Creative Common ต่อเน็ตด้วย เลือกรูปแบบ ตรวจสอบได้จาก File, Properties...

100. (cc) – MS Office

101. (cc) – MS Office

102. แหล่งข้อมูล http://stks.or.th http://www.stks.or.th/elearning http://creativecommons.org/ http://wiki.creativecommons.org http://cc.in.th http://www.dlo.co.th http://trnlab.org http://fuse.in.th