Digital Media
Upcoming SlideShare
Loading in...5
×
 

Digital Media

on

  • 2,756 views

สื่อดิจิทัลที่มีคุณภาพ

สื่อดิจิทัลที่มีคุณภาพ

Statistics

Views

Total Views
2,756
Views on SlideShare
2,753
Embed Views
3

Actions

Likes
0
Downloads
34
Comments
0

1 Embed 3

http://www.stks.or.th 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Digital Media Digital Media Presentation Transcript

  • สื่อดิจิทัลที่มีคุณภาพ บุญเลิศ อรุณพิบูลย์ นักวิชาการ ศูนย์บริการความรู้ทางวิทยาศาสตร์และเทคโนโลยี สำนักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ [email_address] http://www.stks.or.th
  • ด้วยระบบอินเทอร์เน็ต คอมพิวเตอร์ทุกเครื่อง ทุกระบบ สามารถติดต่อสื่อสารกันได้
  • Server & Client WindowsXP IE Windows2000 IE Macintosh Windows98 Netscape พัฒนาเว็บด้วย HTML Editor, HTML Generator บน Windows Server : Unix/NT upload
  • ปัญหา
    • การแสดงผลภาษา
    • ขนาดของสื่อ
    • ความเร็วการโหลดวัตถุบนเว็บ
    • การสืบค้น
    • การละเมิดลิขสิทธิ์
  • File name
    • ภาษาอังกฤษ ผสมตัวเลข
    • ใช้เครื่องหมายเฉพาะ –
    • ไม่ควรมีช่องว่าง
    • ไม่ควรยาวมากเกินไป
  • แบบอักษร (Fonts)
    • เลือกใช้ฟอนต์มาตรฐาน
      • ตระกูล NEW
      • Tahoma
      • Tahoma, MS Sans Serif, Thonburi
  • ขนาดของสื่อ ที่เหมาะสม
    • ไม่มีข้อกำหนดที่ชัดเจน ควรคำนึงถึง
      • กลุ่มเป้าหมาย (Personal/Business)
      • ลักษณะของคอมพิวเตอร์ที่กลุ่มเป้าหมายใช้ (Screen Area ของจอภาพ )
    • Screen Area ที่เหมาะสมในปัจจุบัน คือ 1024 x 768 pixels
  •  
  •  
  • มาตรฐานรูปแบบการนำเสนอภาพ  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
    • รูปแบบของไฟล์ภาพที่ใช้ในการจัดเก็บภาพ
    • การเลือกรูปแบบที่เหมาะสมต่อการนำเสนอจะช่วยให้ภาพมีขนาด ( File Size ) เล็กลง โดยคงความคมชัดไว้ในระดับดี
    • เป็นการประหยัดพื้นที่ของสื่อบันทึกข้อมูลได้เป็นอย่างดี
  • เว็บกราฟิก รูปภาพที่แสดงในโหมดปกติ การแสดงผลภาพแบบ Interlaced การแสดงผลภาพ แบบ Progressive
  • RGB model
    • RGB model used for lighting, video, and monitors
    • So, computer’s monitor only has 3 colors
    Red Green Blue
  • CMYK model
    • The CMYK model is based on the light-absorbing quality of ink printed on paper.
  • GIF / JPEG
  • GIF or JPEG?
  • Interlaced GIF
  • JPEG Quality & Progressive
    • ภาพฟอร์แมต JPG ค่า Quality ไม่ควรต่ำ หรือสูงเกินไป
    • กำหนดรูปแบบการแสดงผล เป็นแบบ Progressive ด้วย สำหรับภาพที่มีขนาดโต
  • GIF
    • Graphics Interlace File
    • จำนวนสีและความละเอียดของภาพไม่สูงมากนัก
    • ต้องการพื้นแบบโปร่งใส
    • ต้องการแสดงผลแบบโครงร่างก่อน แล้วค่อยแสดงผลแบบละเอียด
    • ต้องการนำเสนอภาพแบบภาพเคลื่อนไหว
    • ส่วนขยายคือ .gif
  • 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
  • Transparent GIFs
  • Animation GIF
  • JPEG
    • Joint Photographer's Experts Group
    • เหมาะสมกับการนำเสนอทั้งระบบสื่อมัลติมีเดีย และเว็บไซต์
    • สามารถกำหนดขนาดของไฟล์ได้ตามความเหมาะสม ( File Compression )
    • สามารถกำหนดคุณสมบัติการแสดงผลแบบหยาบ แล้วค่อยๆ ละเอียดเมื่อเวลาผ่านไป ที่เรียกว่าคุณสมบัติ Progressive
    • ส่วนขยายของไฟล์รูปแบบนี้คือ . jpg หรือ . jpeg
  • JPEG File Format JPEG - 19K Low Quality JPEG - 60K Max Quality
  • PNG
    • Portable Network Graphics
    • รูปแบบล่าสุดในการนำเสนอภาพผ่านเครือข่ายอินเทอร์เน็ต
    • สามารถแสดงผลได้ในระบบสีเต็มพิกัด ( True Color ) , มีขนาดไฟล์เล็ก และควบคุมคุณภาพได้ตามที่ต้องการ มีการกำหนดให้พื้นภาพเป็นพื้นโปร่งใสได้ ( Transparent ) รวมทั้งการแสดงผลแบบหยาบสู่ละเอียด ( Interlaced )
    • ส่วนขยายของไฟล์รูปแบบนี้คือ . png
  • TIFF
    • Tagged - Image File Format
    • รูปแบบที่ใช้เก็บภาพพร้อมรายละเอียดต่างๆ เช่น เลเยอร์ ( Layer ) , Annotation, โหมดภาพทั้งระบบ CMYK, RGB, Lab Color ตลอดจนข้อมูลประกอบอื่นๆ ตามต้นฉบับเดิมของภาพ
    • เหมาะสมต่อการเก็บบันทึกภาพต้นฉบับ และ ภาพสำหรับใช้ประกอบการสร้างสื่อสิ่งพิมพ์
    • ส่วนขยายของไฟล์รูปแบบนี้คือ . tif
  • สรุปการเลือกใช้ฟอร์แมตภาพ
      • ไฟล์สกุล GIF (Graphics Interlace File)
        • ภาพที่ไม่ต้องการความคมชัดมากนัก สีไม่มาก
        • มีลักษณะพื้นโปร่งใส
      • ไฟล์สกุล JPG (Joint Photographer’s Experts Group)
        • ภาพที่ต้องการความคมชัดสูง มีสีมาก
      • ไฟล์สกุล PNG (Portable Network Graphics)
        • ภาพที่ต้องการความคมชัดสูง มีสีมากทำพื้นโปร่งใสได้
  • 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
  • Illustration
    • การเขียนภาพประกอบ ภาพตัวอย่าง
    • หัวใจสำคัญของการนำเสนอสื่อ
    • สร้างแนวคิด ช่วยจดจำ
    • สร้างความสัมพันธ์ ของวัตถุแต่ละชิ้น
  • องค์ประกอบของ Illustration
    • วัตถุ ( Object)
      • Attributes
        • Color, format, font
      • Position
        • Position, Distance
    • เส้น / ลูกศร (Line/ Arrow)
      • Type, Attribute, Direction
  • Concept of Illustration Time Axis Space Axis
  • Content Lifecycle
    • Design/Develop
    • Assemble
    • Deploy
    • Import
    • Deliver/Track
    • Report
  • ตัวอย่างการปรับแต่ง #1 Design/Develop Assemble Deploy Import Deliver/Track Report
  • Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
  • Content Lifecycle Design/Develop Deploy Import Deliver/Track Report Assemble
  • สังคมแห่งภูมิปัญญาและการเรียนรู้
    • การพัฒนาประเทศไทยให้ก้าวสู่ “สังคมแห่งภูมิปัญญาและการเรียนรู้ จำเป็นต้องอาศัยกลยุทธ ์ ต่างๆ อันได้แก่ e-Government, e-Education, e-Society, e-Commerce, e-Industry ทั้งนี้รัฐบาลจะต้องส่งเสริมบุคลากรของประเทศในทุกด้าน พร้อมๆ กับการพัฒนาโครงสร้างพื้นฐานของประเทศ
  • ตัวอย่างการปรับแต่ง #1
    • สังคมแห่งภูมิปัญญาและการเรียนรู้
      • e-Government
      • e-Education
      • e-Society
      • e-Commerce
      • e-Industry
      • พัฒนาบุคลากร
      • พัฒนาโครงสร้างพื้นฐาน
  • e-Society สังคมแห่งภูมิปัญญา และการเรียนรู้ e-Education e-Govenment e-Industry e-Commerce Infrastructure HRD
  •  
  • Image
  • ไม่ควรเลือกใช้ภาพ Clipart ผสมกับ Photo
  •  
  • Multimedia File Format
    • Audio
      • Au, Wav, MIDI, MPEG, MP3
    • Video
      • Rm, Ra, Ram, MPEG2, MPEG4, MOV
    • Flash
    • MPEG-1 ( Video CD / Laser disk ) 1992
    • MPEG-2 ( DVD ) 1994
    • MPEG-4 1998 ( Streaming media, Video conferencing and 3D animated models )
    • QuickTime
    • RealNetworks
    • Windows Media
  • File Format Real Mov wma wmv Flv/fla swf
  • 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
  • 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.
  • Text 2 Sound
    • Microsoft Narrator
      • Start, Program, Accessories, Accessibility, Narrator
    • Text2Sound
    • สาริกา
    • IBM HomePage Reader
  • ข้อความ พิมพ์ด้วย NotePad Convert
  • 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
  • Software Creator
    • Macromedia Flash
    • Ulead Video
    • Windows Movie Maker
    • Pinnacle
    • Apple iMovie 2
    • Apple Final Cut Pro 3
    • Adobe Premiere 6.5
  • Software Player
    • RM RealPlayer
    • MOV QuickTime
    • AVI, WMV, Windows Media Player
    • WMA, MPEG Windows Media Player
  • ความพร้อมของเครื่องมือ
    • Digital camcorder
    • Video capture software
    • Video capture card or fire wire card
      • Matrox
      • Dazzle
      • Pinnacle
    • Video editing software
      • MovieMaker – free with Windows XP
      • Imovie – free with MacOS
      • Pinnacle Studio 8 - $99
      • Adobe Premiere Pro - $699
    • 1 GB or more hard drive space
    • 512 MB RAM
  • Video Frame Size
    • สื่อเคลื่อนไหวน้อย
      • 176 x 132, 28.8 kbps, 10 fps
      • 240 x 180, 56 kbps, 12 fps
      • 320 x 240, 200 kbps, 30 fps
    • สื่อเคลื่อนไหวมาก
      • 160 x 120, 28.8 kbps, 7.5 fps
      • 176 x 132, 56 kbps, 10 fps
      • 240 x 180, 200 kbps, 30 fps
  • PDF Format
    • Portable Document Format
    • เอกสารเสมือนจริง
  • Word & PDF
  • Security Document เลือก Reconfirm Security for each job แล้วคลิกปุ่ม Edit เพื่อปรับแต่งค่าที่ต้องการ
  • Watermark
    • ข้อมูลแสดงลิขสิทธิ์หรือคุณสมบัติของไฟล์
    • แสดงความเป็นเจ้าของ
    • แบ่งได้เป็น
      • Text Embedded Watermark
      • Image Embedded Watermark
    • มีประโยชน์อย่างสูงสำหรับ Digital Library, Digital Archive, E-Commerce
  •  
  •  
  • Text Embedded Watermark
    • มีลักษณะเป็นข้อความที่ผนวกกับไฟล์ภาพ
    • สามารถระบุได้จากโปรแกรม Adobe PhotoShop จากคำสั่ง File, File info, Copyright & URL
    • สามารถค้นหาได้จากคำสั่ง Search/Find ของ Windows
  • Image Embedded Watermark
    • มีลักษณะเป็นภาพที่ผนวกกับไฟล์ภาพ
    • อาจจะเป็นภาพโลโก้ของหน่วยงาน , ภาพข้อความลิขสิทธิ์
    • สามารถระบุได้จากซอฟต์แวร์ประเภท Watermarking Software
  • Watermark Processing
    • Encoding การเข้ารหัส
    • Decoding/Detect การตรวจสอบรหัส
      • ระบบ Detect สามารถกระทำได้กับภาพที่มีการลง Watermark และสั่งพิมพ์บนกระดาษ โดยนำภาพดังกล่าวมาสแกน แล้วใช้ Detecting Watermark Software ทำการตรวจสอบ
  • The Watermark Embedding Process
  • The Watermark Detection Process
  • Resource
    • http://www.stks.or.th
    • http://www.stks.or.th/elearning
    • http://elearning.nectec.or.th