SlideShare a Scribd company logo
1 of 96
เทคนิคการจัดเตรียมสื่อดิจิทัล บุญเลิศ อรุณพิบูลย์  –  นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ http://stks.or.th
ชีวิตที่หลีกหนีไม่พ้นสื่อดิจิทัล HTML
สื่อดิจิทัล http :// treliosdmg . com / news / The - Digital - Media - Ecosystem-26 /
ปัญหาที่พบได้บ่อย ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ทำไมต้องจัดการสื่อดิจิทัล ,[object Object],[object Object],[object Object],มาตรฐาน คือ คำตอบ  ?
เข้าถึงได้ง่าย สะดวก รวดเร็ว ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
File name & Directory ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],ปัญหา *  จัดเรียงไม่ถูกต้อง *  ค้นได้ยาก *  ไม่บ่งชี้ข้อมูล *  ปัญหาการเข้ารหัส *  ปัญหากับ  Server
SEO ,[object Object]
หน่วยงานของท่าน กำหนด  “ระบบการตั้งชื่อแฟ้มเอกสารและโฟลเดอร์”  หรือไม่  ? จำเป็นหรือที่ต้องมี !!!!
สื่อดิจิทัลในปัจจุบัน เผยแพร่ผ่านเครือข่ายมากขึ้น WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape เจ้าของสื่อ Server upload
ปัญหาชื่อแฟ้มเอกสารภาษาไทย
กรณีศึกษาจาก  Greenstone ,[object Object]
เทคโนโลยีเว็บ  2.0  ทำให้ทุกคน มีส่วนสำคัญในการสร้างสื่อดิจิทัล ผู้ใช้ ก ผู้ใช้ ข ผู้ใช้ ง ผู้ใช้ ค เจ้าของเว็บ  2.0 Server บริหารจัดการ
ปัญหาการเข้ารหัสภาษาไทย ,[object Object],[object Object]
ขยายโอกาสด้วย  Metadata ค้น / ทำให้ค้น หนังสือเล่มนี้ ได้อย่างไร ในห้องสมุด  ?
Document Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ตัวอย่างการตรวจสอบ  Metadata  ของเอกสารฟอร์แมตต่างๆ ทั้ง  .doc, .ppt, .pdf, และรูปภาพ  .jpg  ด้วยโปรแกรม  Catalogue http://www.download.com/
สืบค้นได้ดั่งใจด้วย  File, File Search  แทนที่จะใช้  Start, Search
ค้นรูปภาพได้ด้วย  Image Metadata ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
EXIF Metadata โปรแกรมกราฟิกต่างๆ สามารถเปิดดูได้ เช่น  ACDSee, XnView  โดยคลิกปุ่มขวาแล้ว เลือกคำสั่ง  Properties…
IPTC Metadata โปรแกรมกราฟิกต่างๆ อนุญาตให้เพิ่มข้อมูลต่างๆ ได้  เช่น  ACDSee, XnView
คุณเคยตั้งวัน / เวลาของ กล้องถ่ายภาพดิจิทัลหรือไม่  ?
เสียงก็ค้นได้ด้วย  Sound Metadata
Video  ก็สืบค้นได้ครับ หาวิธีใส่  Metadata  ให้ถูกต้องแล้วกัน
เอกสารออนไลน์ต้องให้ความสำคัญกับ  Metadata  มากกว่าเดิม
 
ลองตรวจสอบดูสิครับ เว็บของท่านสนับสนุน Search Engine  หรือยัง  ? http://www.submitexpress.com/analyzer/
http://www.submitexpress.com/analyzer/
Web Title <head> <title>NECTEC : Thailand : National Electronics and  Computer Technology Center</title> </head> เปิดดูด้วยคำสั่ง  View, Source
Web Title & Google
ไม่ระบุ  Web Title
Meta tag: Description ,[object Object],[object Object],[object Object],เปิดดูด้วยคำสั่ง  View, Source
Meta tag: Description ,[object Object]
Meta tag  อื่นๆ ,[object Object],[object Object],[object Object],[object Object],[object Object]
Author & Keyword ,[object Object],[object Object]
ให้ความสำคัญกับเนื้อหาเว็บ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ค้นภาพจากเน็ตไม่ใช่เรื่องยาก แต่ให้ได้ภาพตรงกับที่ต้องการยากยิ่งกว่า
ระบุคำค้นให้กับภาพ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],<img src=“aaa.jpg”  alt=“Computer System” >
เทคโนโลยีช่วยทำให้ทุกอย่างลงตัว ,[object Object],[object Object],[object Object]
Image Metadata กับการแลกเปลี่ยนข้อมูล
กรณีศึกษาจาก  Greenstone ,[object Object]
Word Styles  & Metadata กับการแลกเปลี่ยน / ถ่ายโอนข้อมูล PDF Presentation Others
สร้างสรรค์เอกสารออนไลน์ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ท่านกำหนดมาตรฐาน เอกสารของหน่วยงานแล้วหรือยัง  ?
ฟอร์แมตที่ถูกต้อง ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ปัญหาการเข้ารหัสภาษาไทย
กรณีศึกษา  Macromedia Dreamweaver
HTML Editor  กับการเข้ารหัสภาษาไทย
Tahoma & MS Sans Serif
TIS-620/Windows-874 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
TIS-620/Windows-874/UTF-8 ,[object Object],[object Object],[object Object]
ฐานข้อมูลกับภาษาไทย ,[object Object]
มาตรฐานรูปภาพ    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 ภาพ สื่อสิ่งพิมพ์ ภาพต้นฉบับ
Format ,[object Object],[object Object],[object Object]
RGB model ,[object Object],[object Object],Red Green Blue
CMYK model ,[object Object]
72-ppi and 300-ppi ,[object Object],[object Object]
เว็บกราฟิก รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ  Interlaced การแสดงผลภาพ แบบ  Progressive
GIF or JPEG?
GIF / JPEG
สรุปการเลือกใช้ฟอร์แมตภาพ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
ขนาดของสื่อ ที่เหมาะสม ,[object Object],[object Object],[object Object],[object Object]
 
Truehits.net
การป้องกันการละเมิดลิขสิทธิ์ ,[object Object],[object Object],[object Object],[object Object],[object Object]
วันที่ / เวลาคอมพิวเตอร์ ,[object Object],[object Object],[object Object]
http :// www . nimt . or . th
Content Protection : PDF
Watermark ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
The Watermark Embedding Process
The Watermark Detection Process
DRM
สงวนลิขสิทธิ์  ? ,[object Object],[object Object],[object Object]
ครีเอทีฟคอมมอนส์  Creative Commons ,[object Object],[object Object],[object Object],[object Object]
(CC) ‏ Copyright 100% Copy 100% (CC) ‏
เป้าหมาย ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
เงื่อนไข ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
รูปแบบ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
สร้าง  (cc)  เอกสารเว็บ ,[object Object],[object Object]
สร้าง  (cc)  เอกสารเว็บ ,[object Object]
(cc) – PDF ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
(cc) – PDF
(cc) – PDF
(cc) – PDF
(cc) - Image ,[object Object],[object Object]
(cc) - Image ,[object Object],[object Object]
Multi-Images
(cc) – MS Office ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
(cc) – MS Office
(cc) – MS Office
(cc) OpenOfficeOrg Addin ,[object Object],[object Object]
หน่วยงานของท่านกำหนด สัญญาอนุญาตสื่อดิจิทัลไว้อย่างไร
STKS ,[object Object],[object Object],[object Object],[object Object],[object Object]
ร่วมสร้างเครือข่ายออนไลน์ ,[object Object],[object Object],[object Object],[object Object],ขอขอบคุณ

More Related Content

What's hot

การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibilityการพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web AccessibilityBoonlert Aroonpiboon
 
Computer for graduate-2003
Computer for graduate-2003Computer for graduate-2003
Computer for graduate-2003Somkiet Phetmark
 
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshopการบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla WorkshopSatapon Yosakonkun
 
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศการนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศYongyut Nintakan
 
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...Satapon Yosakonkun
 
ต วอย างโครงงานการจำลองทฤษฎ_
ต วอย างโครงงานการจำลองทฤษฎ_ต วอย างโครงงานการจำลองทฤษฎ_
ต วอย างโครงงานการจำลองทฤษฎ_Rattanathon Phetthom
 
Chapter 10 internet system and information system structures
Chapter 10 internet system and information system structuresChapter 10 internet system and information system structures
Chapter 10 internet system and information system structuresTeetut Tresirichod
 
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศการนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศYongyut Nintakan
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศSup's Tueng
 
การติดต่อสื่อสาร
การติดต่อสื่อสารการติดต่อสื่อสาร
การติดต่อสื่อสารJha Jah
 

What's hot (19)

Web Accessibility
Web AccessibilityWeb Accessibility
Web Accessibility
 
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibilityการพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
การพัฒนาเว็บและการเข้าถึงเนื้อหาตาม Web Accessibility
 
Computer for graduate-2003
Computer for graduate-2003Computer for graduate-2003
Computer for graduate-2003
 
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshopการบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
การบริการสารสนเทศบนเว็บด้วย OSS : Joomla Workshop
 
20080306 Web Graphics
20080306 Web Graphics20080306 Web Graphics
20080306 Web Graphics
 
20190220 digital-archives
20190220 digital-archives20190220 digital-archives
20190220 digital-archives
 
Library 2.0
Library 2.0Library 2.0
Library 2.0
 
Computer System for CIO
Computer System for CIOComputer System for CIO
Computer System for CIO
 
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศการนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
 
Open Source Reference Manager
Open Source Reference ManagerOpen Source Reference Manager
Open Source Reference Manager
 
LAM Code of conduct
LAM Code of conductLAM Code of conduct
LAM Code of conduct
 
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...
การเพิ่มประสิทธิภาพและการสืบค้นทรัพยากรอิเล็กทรอนิกส์ด้วย Metadata (การจัดทำ ...
 
ต วอย างโครงงานการจำลองทฤษฎ_
ต วอย างโครงงานการจำลองทฤษฎ_ต วอย างโครงงานการจำลองทฤษฎ_
ต วอย างโครงงานการจำลองทฤษฎ_
 
Chapter 10 internet system and information system structures
Chapter 10 internet system and information system structuresChapter 10 internet system and information system structures
Chapter 10 internet system and information system structures
 
Addiction I T
Addiction  I TAddiction  I T
Addiction I T
 
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศการนำเสนองานด้วยเทคโนโลยีสารสานเทศ
การนำเสนองานด้วยเทคโนโลยีสารสานเทศ
 
20110816 oss4edu-nsru
20110816 oss4edu-nsru20110816 oss4edu-nsru
20110816 oss4edu-nsru
 
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศการนำเสนองานด้วยเทคโนโลยีสารสนเทศ
การนำเสนองานด้วยเทคโนโลยีสารสนเทศ
 
การติดต่อสื่อสาร
การติดต่อสื่อสารการติดต่อสื่อสาร
การติดต่อสื่อสาร
 

Viewers also liked (12)

OpenOffice.org
OpenOffice.orgOpenOffice.org
OpenOffice.org
 
STKS Handbook
STKS HandbookSTKS Handbook
STKS Handbook
 
Green library & cloud computing
Green library & cloud computing Green library & cloud computing
Green library & cloud computing
 
Web 2.0
Web 2.0Web 2.0
Web 2.0
 
TemaTres : OSS Thesaurus
TemaTres : OSS ThesaurusTemaTres : OSS Thesaurus
TemaTres : OSS Thesaurus
 
Mozilla thunder-bird
Mozilla thunder-birdMozilla thunder-bird
Mozilla thunder-bird
 
Thai MOST Web Developement
Thai MOST Web DevelopementThai MOST Web Developement
Thai MOST Web Developement
 
Standardization for Digital Media - How to
Standardization for Digital Media - How toStandardization for Digital Media - How to
Standardization for Digital Media - How to
 
Video with Windows Movie Maker
Video with Windows Movie MakerVideo with Windows Movie Maker
Video with Windows Movie Maker
 
Special Libraries
Special LibrariesSpecial Libraries
Special Libraries
 
Web 2.0 ... How to
Web 2.0 ... How toWeb 2.0 ... How to
Web 2.0 ... How to
 
20080306 Appserv
20080306 Appserv20080306 Appserv
20080306 Appserv
 

Similar to e-Media Development

มาตรฐานคำอธิบายภาพ + NextGen Gallery
มาตรฐานคำอธิบายภาพ + NextGen Galleryมาตรฐานคำอธิบายภาพ + NextGen Gallery
มาตรฐานคำอธิบายภาพ + NextGen GalleryArthit Suriyawongkul
 
Opendream nextgen-20100127
Opendream nextgen-20100127Opendream nextgen-20100127
Opendream nextgen-20100127opendream
 
Instructional Design for e-Learning
Instructional Design for e-LearningInstructional Design for e-Learning
Instructional Design for e-LearningBoonlert Aroonpiboon
 

Similar to e-Media Development (20)

Web Accessibility Coding
Web Accessibility CodingWeb Accessibility Coding
Web Accessibility Coding
 
มาตรฐานคำอธิบายภาพ + NextGen Gallery
มาตรฐานคำอธิบายภาพ + NextGen Galleryมาตรฐานคำอธิบายภาพ + NextGen Gallery
มาตรฐานคำอธิบายภาพ + NextGen Gallery
 
Opendream nextgen-20100127
Opendream nextgen-20100127Opendream nextgen-20100127
Opendream nextgen-20100127
 
NextGen Gallery for wordpress
NextGen Gallery for wordpressNextGen Gallery for wordpress
NextGen Gallery for wordpress
 
ICT with Web site
ICT with Web siteICT with Web site
ICT with Web site
 
20080314 Greenstone
20080314 Greenstone20080314 Greenstone
20080314 Greenstone
 
Technology for Digital Library
Technology for Digital LibraryTechnology for Digital Library
Technology for Digital Library
 
Open Source for Library
Open Source for LibraryOpen Source for Library
Open Source for Library
 
OSS for WUNCA 51
OSS for WUNCA 51OSS for WUNCA 51
OSS for WUNCA 51
 
Digital Content for Web
Digital Content for WebDigital Content for Web
Digital Content for Web
 
Introduction to XMP
Introduction to XMPIntroduction to XMP
Introduction to XMP
 
Digital Media Standard
Digital Media StandardDigital Media Standard
Digital Media Standard
 
Instructional Design for e-Learning
Instructional Design for e-LearningInstructional Design for e-Learning
Instructional Design for e-Learning
 
e-Office with digital document
e-Office with digital documente-Office with digital document
e-Office with digital document
 
Code of conduct for digital media
Code of conduct for digital mediaCode of conduct for digital media
Code of conduct for digital media
 
Database1
Database1Database1
Database1
 
Digital Media
Digital MediaDigital Media
Digital Media
 
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยีศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
ศัพท์ที่เกี่ยวข้องกับเทคโนโลยี
 
oss
ossoss
oss
 
oss
ossoss
oss
 

More from Boonlert Aroonpiboon

More from Boonlert Aroonpiboon (20)

Excel quiz
Excel quizExcel quiz
Excel quiz
 
Scival for Research Performance
Scival for Research PerformanceScival for Research Performance
Scival for Research Performance
 
20190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-420190726 icde-session-chularat-nstda-4
20190726 icde-session-chularat-nstda-4
 
20190409 social-media-backup
20190409 social-media-backup20190409 social-media-backup
20190409 social-media-backup
 
20190220 open-library
20190220 open-library20190220 open-library
20190220 open-library
 
OER KKU Library
OER KKU LibraryOER KKU Library
OER KKU Library
 
Museum digital-code
Museum digital-codeMuseum digital-code
Museum digital-code
 
OER MOOC - Success Story
OER MOOC - Success StoryOER MOOC - Success Story
OER MOOC - Success Story
 
RLPD - OER MOOC
RLPD - OER MOOCRLPD - OER MOOC
RLPD - OER MOOC
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
New Technology for Information Services
New Technology for Information ServicesNew Technology for Information Services
New Technology for Information Services
 
digital law for GLAM
digital law for GLAMdigital law for GLAM
digital law for GLAM
 
20180919 digital-collections
20180919 digital-collections20180919 digital-collections
20180919 digital-collections
 
Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)Field-Weighted Citation Impact (FWCI)
Field-Weighted Citation Impact (FWCI)
 
20180828 digital-archives
20180828 digital-archives20180828 digital-archives
20180828 digital-archives
 
Local Wisdom Information : How to
Local Wisdom Information : How toLocal Wisdom Information : How to
Local Wisdom Information : How to
 
201403 etda-library-settup
201403 etda-library-settup201403 etda-library-settup
201403 etda-library-settup
 
201403 etda-library
201403 etda-library201403 etda-library
201403 etda-library
 
MOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in ThailandMOOC - OER ... Royal Project in Thailand
MOOC - OER ... Royal Project in Thailand
 
Open Digital Education
Open Digital EducationOpen Digital Education
Open Digital Education
 

e-Media Development