thai most web developement

59
ความส าคัญของการ พัฒนาเว็บไซต์ส าหรับการบริการข้อมูลของวท. ศาสตราจารย์ ดร.ไพรัช ธัชยพงษ์ เนคเทค/สวทช 9:30-10:00 น. 27 กรกฎาคม 2554

Upload: boonlert-aroonpiboon

Post on 26-Jun-2015

1.651 views

Category:

Business


8 download

DESCRIPTION

ความสำคัญของการพัฒนาเว็บสำหรับบริการข้อมูล วท.

TRANSCRIPT

Page 1: Thai MOST Web Developement

ความสําคญัของการพัฒนาเว็บไซตส์ําหรับการบรกิารขอ้มลูของวท.

ศาสตราจารย ์ดร.ไพรัช ธชัยพงษ์เนคเทค/สวทช9:30-10:00 น.

27 กรกฎาคม 2554

Page 2: Thai MOST Web Developement

สงัคมความรู ้

Page 3: Thai MOST Web Developement

นยิาม

•สงัคมความรูห้มายถงึสงัคมซึ6งใชค้วามรูเ้ป็นทรัพยากรหลกัในการผลติแทนการใช ้ทรัพยากรเงนิและแรงงานอยา่งในอดตี•สงัคมความรู ้“สรา้ง แบง่ปันและใชค้วามรูเ้พื6อความเจรญิรุง่เรอืงและความเป็นอยูท่ี6ดขีองประชาชน”

wikipedia

http://www.modernization.com.cn/index2.htm

Page 4: Thai MOST Web Developement

ความรูเ้ป็นตน้ทนุที6สําคญั•สงัคมความรูม้มีานานแลว้ มใิชเ่พิ6งเกดิใหม ่ตวัอยา่งเชน่สงัคมชาวประมงแบง่ปันความรู ้เรื6องการพยากรณ์อากาศในหมูข่องตน และความรูน้ึCไดก้ลายเป็นตน้ทนุของสงัคมชาวประมงเป็นตน้ •สิ6งที6เกดิขึCนใหมค่อื

�ดว้ยเทคโนโลยปีัจจบุนัสงัคมความรูม้ไิดถ้กูจํากัดดว้ยสภาพภมูศิาสตร์�เทคโนโลยปีัจจบุนับนัดาลใหเ้กดิการแบง่ปัน การเก็บและการเรยีกใช(้archiving

and retrieving) ความรูท้ี6กวา้งไกล�ความรูไ้ดก้ลายเป็นตน้ทนุที6สําคัญในยคุปัจจบุนั�ความสําเร็จของแตล่ะสงัคมจงึขึCนอยูก่บัการรูจ้ักใชป้ระโยชนจ์ากความรู ้

•หมายถงึการที6องคก์รใดองคก์รหนึ6งซึ6งมคีวามรูท้ี6มคีณุคา่ภายในของตนเองและสามารถสามารถแบง่ปันเพื6อยกระดับความสามารถในการแขง่ขันขององคก์ร•ทนุทางความรูบ้ง่วาการแบง่ปันทักษะและสารสนเทศเป็นการแบง่ปันพลัง•ทนุทางความรูเ้กดิจากการสะสมประสบการณ์ สารสนเทศ ความรู ้การเรยีนรูแ้ละทักษะของบคุคลหรอืพนักงานของกลุม่หรอืขององคก์ร •ในบรรดาตน้ทนุทางการผลติทัCงหลาย(เงนิ คน ความรู)้ ทนุทางความรูส้รา้งการแขง่ขันที6ยั6งยนืที6สดุ•มันอาจเก็บบันทกึเป็นสารสนเทศทางเทคนกิ (เชน่ในอตุสาหกรรมเคมแีละอเิล็กทรอนกิสเ์ป็นตน้) หรอืมันอาจอยูใ่นตัวบคุคลในรูปแบบของประสบการณ์หรอืทักษะที6บคุคลนัCนไดส้รา้งสมไว ้(เชน่ในอตสาหกรรมกอ่สรา้งหรอืโรงงานเหล็ก).•ทนุความรูเ้ป็นองคป์ระกอบที6สําคัญของทนุมนุษย์

ทนุทางความรู(้knowledge capital)

Page 5: Thai MOST Web Developement

•สงัคมความรูต้อ้งการโครงสรา้งพืCนฐาน

1.กายภาพ: สถานที6ประชมุ, แผงตดิประกาศ, …..

2.เทคโนโลย:ี language, content sharing, mailing lists, web portals, wikis, chat rooms, videoconferencing, virtual meetings, collaborative development environments, distance education ...

•การผลกัดนัซอฟตแ์วรฟ์ร(ีFree software movement ) เป็นตวัอยา่งของความสําเร็จของสงัคมความรู ้

โครงสรา้งพืCนฐานของความรู ้

Page 6: Thai MOST Web Developement

นยิามและววิฒันาการของสงัคมสารสนเทศ:สื6อและสื6อผสม

Page 7: Thai MOST Web Developement

นยิามสื�อ(media)•ดั Cงเดมิสื6อจะหมายถงึที6ตวักลางในการเก็บและชอ่งทางรับสง่สารสนเทศและขอ้มลูอกีนัยหนึ6งคอืเครื6องมอืที6ใชใ้นการเก็บและรับสง่สารสนเทศหรอืขอ้มลู•บอ่ยครั Cงที6คํานีCจะใชใ้นความหมายเดยีวกบักนัสื6อสําหรับมวลชน(mass media) เชน่โทรทัศน ์วทิย ุหนังสอืพมิพ,์ อนิเทอรเ์น็ตเป็นตน้

Adapted from wikipedia

สื�อผสม(Multimedia)•สื6อผสมจะหมายถงึสื6อ(media)และสาระ(content) ที6ประกอบกนัทําใหไ้ดร้ปูแบบตา่งๆของสาระ •สื6อผสมจะหมายรวมถงึการผสมกนัระหวา่งอกัษรเสยีง ภาพนิ6ง แอนนเิมชนั วดิทิศัน ์ตลอดจนการมปีฎสิมัพันธร์ะหวา่งสอืกบัผูใ้ช ้

Page 8: Thai MOST Web Developement

•อกัขระปรากฏบนแผน่อฐิเป็นสตูรในการหมักเบยีร์•หลกัฐานที6แสดงวา่ชนชาตสิมุาเรยีนที6อาศยัในประเทศเมโซโปเตเมยี(ปัจจบุันเป็นสว่นหนึ6งของอริัก)เมื6อ 3200ปีกอ่นครสิตกาลเป็นชนชาตแิรกที6รูจ้ักการเขยีน

Source:Who Began Writing? Many Theories, Few AnswersBy JOHN NOBLE WILFORD,The New York Times -- April 6, 1999

http://www.virtual-egypt.com

ยคุเริ6มตน้ของการเขยีน

ชิ!นสว่นกระดาษปาปิรสัในครสิศตวรรษที�4 ซึ�งมขีอ้ความอกัขระยวิเป็นบทสวดที�89:4-7ในคมัภรีไ์บเบลิฉบบัเกา่

Page 9: Thai MOST Web Developement

ภาพวาดฝาผนังกอ่นประวตัศิาสตร์

http://www.oddee.com/item_93915.aspx

•ถํCา Lascaux อยูท่างตะวนัตกเฉยีงใตข้องฝรั6งเศส•ภาพบนฝาถํCายคุหนิ(15,000-10,000 กอ่นครสิตกาล) กวา่2,000 ภาพซึ6งสามารถแบง่ออกเป็น3กลุม่ไดแ้ก่ — ภาพสตัว ์ภาพมนุษยแ์ละสญัลักษณ์จตินการ(abstract signs)

•ถํCา Magura อยูท่างตะวันตกเฉียงเหนอืของบลุกาเรยีหา่งจากเมอืงหลวงโซเฟีย180กม.•ภาพวาดแสดงผูห้ญงิและชาย สตัว ์ตน้ไม ้เครื6องมอื ดวงดาวและดวงอาทติย ์กอ่นยคุบรอนซ(์3,000ปีกอ่นครสิตกาล)

Page 10: Thai MOST Web Developement

•คมัภรีไ์บเบลิที6พมิพด์ว้ยเครื6องพมิพก์เูต็นเบริก์ระหวา่งค.ศ.1454-1455เป็นสญัลักษณ์ที6บง่ถงึการเริ6มตน้ “ยคุแหง่การพมิพห์นังสอื” (ตน้ฉบับยังเก็บไวท้ี6Library of Congress, US)

ยคุแหง่การพมิพห์นังสอื

คมัภรีไ์บเบลิพมิพด์ว้ยเครื6องพมิพก์เูต็นเบริก์ แทน่พมิพเ์ปลี6ยนตวัอกัษรได ้ของกเูต็นเบริก์

โยฮนั กเูต็นเบริ(์ค.ศ.1400 -1468), ชาวเยอรมนัผู ้ประดษิฐเ์ครื6องพมิพ์

Page 11: Thai MOST Web Developement

หนังสอือเิล็กทรอนกิส(์eBook): Kindle DX (6 May 2009)

Amazon today unveiled a new,larger version of its Kindle ebookreader, which is aimed atstudents – and heralded as a potential saviour by some partsof the newspaper industry.

(guardian.co.uk, Wednesday 6 May 2009 )

วางขายราว

•วางตลาดฤดรูอ้นของสหรัฐอเมรกิาในราคา $489•ใชแ้สดงตําราและขา่วหนังสอืพมิพ์•จอขนาด 9.7 นิCวใหญก่วา่รุน่เดมิ(ซึ6งแสดงนวนยิาย paperback) ราว 2 เทา่•สามารถบรรจหุนังสอื 3,500 เลม่•แสดงไฟลแ์ละสารคดทีี6เคยแสดงบนPCไดด้ว้ย

•ผูซ้ ืCอสามารถเขา้ถงึ 60%ของตําราเรยีนของสํานักพมิพ ์Pearson, Wiley และ Cangage•ตอนเปิดตวับรษิัทอเมซอนจะลดราคาผู ้ประสงคส์มัครเป็นสมาชกิระยะยาวของNew York Times, Washington Post และBoston Globe (ซึ6งกําลงัมปีัญหาดา้นธรุกจิที6ใชก้ระดาษ)

ปรมิาณการขายAmazon e-book สงูกวา่หนงัสอืธรรมดาเป็นคร ั!งแรกเมื�อปลายปีค.ศ.2009 (guardian.co.uk, 28 Dec 2009)

Page 12: Thai MOST Web Developement

ววิฒันาการของระบบโทรศพัท์

มอืถอืและแท็บเบล็ต

นยิาม 1G(ยคุค.ศ.1980)•พัฒนาเพื6อใชส่ื6อสารดว้ยเสยีงเทา่นัCนใชเ้ทคโนโลยอีานาล็อกนยิาม2G/2.5G(ยคุค.ศ.1990)•ระบบดจิทิัลตัวอยา่งเชน่ระบบGSM เป็นระบบเทคโนโลย2ีG •ใชเ้ทคโนโลยทีี6เรยีกวา่TDMA•นอกเหนอืจากเสยีงแลว้ยังสามารถรับสง่ขอ้มลูที6 9.6kbps/14.4kbps.•ตอ่มาไดร้ับการปรับปรุงใหร้ับสง่ไดถ้งึ114kbpsดว้ยระบบทีเรยีกวา่ GPRS•GSMที6มGีPRS เป็นเทคโนโลยทีี6จะนําไปสู ่3GดังนัCนมันจงึมักได ้ชื6อวา่เป็น 2.5G •เชื6อกันวา่ไมช่า้GSM ก็จะคอ่ยๆหมดไปและจะถกูแทนที6ดว้ยระบบ3Gนยิาม 3G(ยคุค.ศ.2000)•นอกจากเสยีงแลว้ยังมอีนิเทอรเ์น็ตความเร็วสงูในการรับสง่ขอ้มลูภาพวดีโิอและเพลงคณุภาพเดยีวกบัที6ฟังจากซดีี•อตัราเร็วขอ้มลูไมต่ํ6ากวา่ 2 Mbps

Page 13: Thai MOST Web Developement

•เมื6อวนัที6 15 มกราคม 2553 บรษิัทLG Displayของเกาหลแีถลงผลการพัฒนากระดาษอเิล็กทรอนกิสข์นาดแผน่หนังสอืพมิพ ์•ความกวา้ง 19 (250x400 มม.)ทําใหข้นาดเกอืบเทา่กระดาษ A3 ของหนังสอืพมิพ ์•ความหนา 0.3 มลิลเิมตรและหนัก 130 กรัม•กระดาษอเิล็กทรอนกิสน์ีCสามาราถให ้ความรูส้กึคลา้ยการอา่นหนังสอืพมิพจ์ากกระดาษธรรมดา•เทคโนโลยเีป็น TFT (Thin Film Transistor) สรา้งบนแผน่โลหะบางบดิได ้(metal foil)แทนที6จะอยูบ่นแผน่กระจกตามปกต ิ

กระดาษอเิล็กทรอนกิสบ์ดิได ้ขนาดเทา่หนา้หนังสอืพมิพ์

http://www.digitimes.com/news/a20100115PR201.html

Page 14: Thai MOST Web Developement

http://www.nytimes.com/2009/10/27/business/media/27audit.html

http://barrdear.com/john/2009/10/28/the-death-throes-of-us-newspapers/

Page 15: Thai MOST Web Developement

Internetclient/server

world wide web(web 1.0)

Page 16: Thai MOST Web Developement

Web 2.0 เว็บ 1.0•เจา้ของเว็บสรา้งเว็บขึCนมา•การเพิ6มสาระใหมล่งไปบนเว็บไซต์ของตนตอ้งกระทําโดยตนเองเพื6อเชื6อมโยงกบัเว็บผูอ้ื6น•ผูอ้ื6นสามารถเชื6อมโยงเขา้มาได ้เชน่กนั

เว็บ2.0•Wikipedia ซึ6งเป็นสารานุกรมออนไลนเ์กดิจากสมมตฐิานที6ไมน่่าเชื6อวา่การเตมิสาระลงไปในสารานุกรมนัCนสามารถกระทําได ้โดยผูใ้ชเ้ว็บคนใดก็ได ้•เว็บสงัคม(social web)ผูใ้ชเ้ตมิสาระดว้ยผูใ้ชเ้องเชน่ Hi5, MySpace, Facebook, Friendster Twitter, etc.

Page 17: Thai MOST Web Developement

สถติกิารใชอ้นิเทอรเ์น็ตโลก

•ประชากรโลก:~6,700 ลา้นคน•ผูใ้ชอ้นิเทอรเ์น็ต:~1,700 ลา้นคน

(ณ กนัยายน พ.ศ.2552)

http://www.internetworldstats.com/stats.htm

Page 18: Thai MOST Web Developement

การหลอมรวมกนัของเทคโนโลย ีC+C

Page 19: Thai MOST Web Developement

The Digital Economy

Page 20: Thai MOST Web Developement

ความสําคญัของการทําเว็บไซต ์วท.(รัฐบาลอเิล็กทรอนกิส)์

Page 21: Thai MOST Web Developement

UN E-Government Survey 2010(192 UN Member States)

2008 2010Republic of Korea 6 1Singapore 23 11Malaysia 34 32Japan 11 17Thailand 64 76

Page 22: Thai MOST Web Developement

การเปรยีบเทยีบรัฐบาลอเิล็กทรอนกิสร์ะหวา่งประเทศ(UN Global E-Government Survey 2010)

สหประชาชาต(ิUN)ไดท้าํการสาํรวจความพรอ้มทางรฐับาลอเิล็กทรอนกิส์มากกวา่ 50,000 เว็บไซตข์อง 192 ประเทศสมาชกิแลว้จดัอนัดบัความพรอ้มของประเทศเหลา่นี!ประจําปี2553(The E-Government Readiness Survey 2010)

การวดัความพรอ้มอาศยัดชัน ี3 ลกัษณะดงันี!1.ดชันกีารใหบ้รกิารออนไลน ์(Online service index)แบง่เว็บไซตเ์ป็น5ระดบั กลา่วคอื เริ6มตน้(emerging), ปรับปรงุ(enhanced), ปฏสิมัพันธ ์(interactive), ธรุกรรม(transactional) , การเชื6อมโยง(connected)

2.ดชันโีครงสรา้งพื!นฐานโทรคมนาคม(Telecommunications infrastructure index): PC’s/ประชากร 100 คน, ผูใ้ชอ้นิเทอรเ์น็ต/ประชากร100 คน, โทรศพัทป์กต/ิประชากร 100 คน, โทรศพัทเ์คลื6อนที6/ประชากร100คน;Broadband/ประชากร 100 คน.

3.ดชันตีน้ทนุกําลงัคน(Human capital index) : ไดม้าจากดชันกีารศกึษาของ UNESCO และ UNDP ซึ6งวดัอตัราสว่นประชากรผูใ้หญท่ี6รูห้นังสอืและอตัราสว่นประชากรที6เขา้เรยีนชั Cนประถมมัธยมและอดุมศกึษา

Page 23: Thai MOST Web Developement

ดชันบีรกิารออนไลน์

ระดบัที� 1 เร ิ�มตน้(Emerging):บรกิารขอ้มลูนโยบายสาธารณะ, การกํากบัดแูล,กฏหมาย,ระเบยีบ,เอกสารและบรกิารของรัฐ, การเชื6อมโยงไปยังกระทรวง กรม และหน่วยงานอื6นของรัฐ ประชาชนเขา้ถงึสารสนเทศไดง้า่ยไมว่า่จะเป็นอะไรที6ใหมใ่นระดับรัฐบาลกลาง กระทรวงและสามารถเขา้ไปถงึสารสนเทศที6เก็บยอ้นหลงัระดบัที�2 ปรบัปรงุ(Enhanced): การตดิตอ่ระหวา่งรัฐและประชาชนทัCงทางเดยีวและสองทางที6ปรับปรงุสมํ6าเสมอเชน่เอกสารบรกิารและแบบฟอรม์ขอรับบรกิารdownloadไดเ้ป็นตน้ เว็บไซตม์เีสยีงและภาพวดิโีอหลายภาษา บรกิารทางอเิล็กทรอนกิสห์รอืขอ้มลูสว่นตนที6ประชาชนสามารถรอ้งขอใหส้ง่เป็นกระดาษไปยังบา้นของประชาชนได ้

Page 24: Thai MOST Web Developement

ระดบัที� 3 ธุรกรรม(transcational): ปฏสิมัพันธส์องทางระหวา่งรัฐกับประชาชนซึ6งรวมการรอ้งขอจากรัฐและใหข้อ้มลูแกร่ัฐดา้นนโยบาย โครงการ ระเบยีบ ฯลฯ มรีะบบการตรวจสอบบคุคลที6เขา้ทําธรุกรรมกบัรัฐได ้สามารถใหบ้รกิารธรุกรรมที6มใิชก่ารเงนิเชน่ การโวตทางอเิล็กทรอนกิส ์รับแบบฟอรม์และสง่แบบฟอรม์ กรอกแบบภาษีออนไลน ์ขอใบอนุญาตทางออนไลน ์เป็นตน้นอกจากนีCสามารถทําธรุกรรมอเิล็กทรอนกิสก์ารเงนิบนเครอืขา่ยที6มั6นคงปลอดภัย

ระดบัที� 4 บรกิารเชื�อมโยง(connected):.ใชเ้ว็บ2.0และอปุกรณ์อื6นเพื6อใหป้ระชาชนรอ้งขอและแสดงความเห็นอยา่งกา้วหนา้ เชื6อมโยงขอ้มลูสารสนเทศและความรูร้ะหวา่งกระทรวงและกรมอยา่งบรูณาการปราศจากรอยตอ่ เคลื6อนยา้ยจากรัฐเป็นศนูยก์ลางไปเป็นประชาชนเป็นศนูยก์ลาง สรา้งสิ6งแวดลอ้มที6ใชป้ระชาชนใหม้สีว่นรว่มในการตดัสนิใจของรัฐ

Online service index Supplementary e-participation index

Page 25: Thai MOST Web Developement

ตงัอยา่งที61 Belgium eGovernment : Portal Belgium

Page 26: Thai MOST Web Developement

ตวัอยา่งที6 2 Bahrain eGovernment ใช ้Web 2.0(เพื6อ citizen centric)

Page 27: Thai MOST Web Developement

ดชันโีครงสรา้งพืCนฐานโทรคมนาคม

•PC ตอ่ประชากร 100 คน •ผูใ้ชอ้นิเทอรเ์น็ตตอ่ประชากร 100 คน•จํานวนเลขหมายโทรศพัทต์อ่ประชากร 100 คน•จํานวนผูใ้ชโ้ทรศพัทม์อืถอืตอ่ประชากร 100 คน•จํานวนผูใ้ชb้road bandตอ่ประชากร 100 คน

•ดชันแีตล่ะตวัไดน้ับการnormalizedโดยการนําดชันตีวันัCนของประเทศนัCนลบดว้ยดชันขีองประเทศตํ6าสดุแลว้หารดว้ยผลตา่งระหวา่งประเทศสงูสดุกบัประเทศตํ6าสดุ•ตวัอยา่งเชน่หากประเทศ “x” มผีูใ้ช ้อนิเทอรเ์น็ต 36.69ตอ่ประชากร 100 คนและคา่นีCของประเทศตํ6าสดุคอื 0 และประเทศสงูสดุคอื 88.87 แลว้เราจะดชันนีีCของประเทศ “x” วา่

•ดชันโีครงสรา้งพืCนฐานโทรคมนาคมของประเทศ “x”จะไดจ้ากการคํานวณเลขคณติอยา่งงา่ยวา่เป็นคา่เฉลี6ยของดชันทีั Cง 5 ตวักลา่วคอื

Page 28: Thai MOST Web Developement

ดชันตีน้ทนุกําลงัคน

•ประกอบดว้ยดชัน ี2 ตวักลา่วคอือตัราการรูห้นังสอืของผูใ้หญร่วมกบัอตัราการลงทะเบยีนเรยีนหนังสอืชั Cนประถม(primary) มัธยม(secondary)และอดุมศกึษา(tertiary)•UNESCOเป็นแหลง่สําคญัของขอ้มลูทั Cงสองประเภท•สว่นที6ขาดไปไดจ้ากขอ้มลูจาก 2009UNDP Human Development Report

•ดชันทีั Cงสองไดร้ับการnormalizedโดยการนําคา่ของประเทศนัCนลบดว้ยคา่ดชันขีองประเทศตํ6าสดุแลว้หารดว้ยผลตา่งระหวา่งคา่าประเทศสงูสดุกบัประเทศตํ6าสดุ•ตวัอยา่งเชน่หากประเทศ “x” มอีตัราการรู ้หนังสอืของผูใ้หญ ่66.8ตอ่ประชากร 100คน คา่ของปรเทศตํ6าสดุ 28.7%และประเทศศูงสดุ 99.5% แลว้เราจะไดว้า่ ดชันตีน้ทนุกําลงัคนของประเทศ”x

•ดชันตีน้ทนุกําลงัคนของประเทศ“x”จะไดจ้ากคา่เฉลี6ยถว่งนํCาหนักของดชันนียอ่ยทั CงสองดงันีC

Page 29: Thai MOST Web Developement

ตวัอยา่งดัชนบีรกิารออนนไ์ลน์

Page 30: Thai MOST Web Developement

ดชันกีารมสีว่นรว่ม

Page 31: Thai MOST Web Developement

ตวัอยา่งดชันโีครงสรา้งพืCนฐานโทรคมนาคม

Page 32: Thai MOST Web Developement

ตวัอยา่งดชันตีน้ทนุกําลังคน

Page 33: Thai MOST Web Developement

มารตรฐานสื6อดจิทิัล

Page 34: Thai MOST Web Developement

มารตฐานและการกําหนดมาตรฐาน

• การกําหนดมาตรฐาน(standardization) คอืกระบวนการพัฒนาและตกลงมาตรฐาน

• มาตรฐานจะปรากฎเป็นเอกสารที6บง่รปูแบบเดยีวกนัของคณุสมบตั ิเงื6อนไข วธิกีาร กระบวนการหรอืการปฏบิตั ิ

• มาตรฐานอาจเกดิอยา่งไมเ่ป็นทางการแตเ่กดิจากคนสว่นใหญร่ว่มกนัใช(้de facto )อยา่งกวา้งขวางจนเป็นที6นยิม

• บางมาตรฐานเกดิอยา่งเป็นทางการ(de jure)ตามความตอ้งการของกฏหมาย ตวัอยา่งเชน่มาตรฐานที6กําหนดโดย International Organization for Standardization (ISO) หรอื American National Standards Institute (ANSI)เป็นตน้ มาตรฐานนีCจะกําหนดอยา่งเป็นเป็นอสิระจากผูผ้ลติสนิคา้

• วตัถปุระสงคข์องการกําหนดมาตรฐานก็เพื6อชว่ยใหส้นิคา้– อสิระจากผูผ้ลติรายใดรายหนึ6ง – ความเขา้กนัได(้compatibility)– ทํางานรว่มกนัได(้interoperability) – ความปลอดภัย(safety), – ผลติซํCาได(้repeatability), – มคีณุภาพ(quality)

wikipedia

Page 35: Thai MOST Web Developement

ปัญหาสื6อดจิทิัล

เสยีเวลาปรับแตง่

จําไมไ่ดแ้ลว้ใช ้ขนาดอกัษรเทา่ไร

โห!! สรา้งสารบญัเสยีเวลาจัง

ฟอนต ์Error

เปิดแลว้ฟอรแ์มตเสยีเปิดไมไ่ดน้ะ

คนละ version

Page 36: Thai MOST Web Developement

การจัดการสื6อดจิทิัล

• มกีารถา่ยทอดและจัดเก็บอยา่งเป็นระบบ• การเขา้ถงึไดอ้ยา่งทั6วถงึ • มมีาตรฐานเพื6อการนํามาใชใ้หมไ่ดห้ลายๆ ครั Cง• มกีารไหลเวยีนผา่นกระบวนที6สรา้งคณุคา่ อนัจะ

สง่ผลถงึประสทิธภิาพโดยรวมที6สงูขึCนขององคก์ร/หน่วยงาน

• มกีารใชเ้ทคโนโลยเีป็นเครื6องมอื เพื6อชว่ยแปลงความซํCาซอ้นในการทํางานเป็นความรว่มมอื

ทวศีักดิ� กออนันตกลู. วฒันธรรมการจัดการความรู ้สวทช.

Page 37: Thai MOST Web Developement

มาตรฐานสื6อดจิทิัล

• มาตรฐานการตั Cงชื6อโฟลเดอรแ์ละแฟ้มเอกสาร• มาตรฐานการสรา้งเอกสารงานพมิพ์• มาตรฐานเอกสารเว็บ• มาตรฐานการสรา้งสื6อนําเสนอ• มาตรฐานเสยีงดจิทิัล• มาตรฐานภาพนิ6งและภาพเคลื6อนไหวดจิทิัล• มาตรฐานสื6อมัลตมิเีดยี• ฯลฯ

Page 38: Thai MOST Web Developement

• ชว่ยกนัพัฒนาเว็บไซตร์ัฐบาลเพื6อประโยชนส์าธารณะและยกระดบัรัฐบาลอเิล็กทรอนกิสข์องประเทศ

• รว่มกนัทําความเขา้ใจและกําหนดมาตรฐานสื6อดจิทิลั• รว่มกนัรณรงค ์สง่เสรมิการใชง้านมาตรฐานสื6อดจิทิลั• รว่มกนัพัฒนา ปรับปรงุขอ้กําหนด มาตรฐาน

กระบวนการที6เกี6ยวขอ้งกบัสื6อดจิทิลั

สรปุ

Page 39: Thai MOST Web Developement

ขอบคณุ

Page 40: Thai MOST Web Developement

ภาคผนวก:มาตรฐานสื6อดจิทิลั

Page 41: Thai MOST Web Developement

สํานักงานมาตรฐานผลติภณัฑอ์ตุสาหกรรม (สมอ.)กระทรวงอตุสาหกรรม

Page 42: Thai MOST Web Developement

ระบบรหสัอกัษรและสญัลกัษณ์(character encoding system)

• หมายถงึรหสัที6ทําใหเ้กดิการจับคูร่ะหวา่งอกัษรหรอืสญัญลกัษณ์หนึ6งๆเขา้กบัสญัญาณไฟฟ้าเพื6อใหเ้กดิการสง่อกัษรหรอืสญัญลกัษณ์นัCนทางโทรคมนาคมหรอืเพื6อการเก็บรักษาอกัษรหรอืสญัญลกัษณ์นัCนไวใ้นคอมพวิเตอร์

Samuel F. B. Morse (1791-1872)Jean-Maurice-Émile Baudot(1845 – 1903),

•American Standard Code for InformationInterchange•1st edition 1963, 1st revision 1967,latest revision 1986

Page 43: Thai MOST Web Developement

ยนูโิคด(UNICODE)

•รหสัแอสกีCมขีนาด 7 บติจงึสามารถแทนอกัษรและ

สญัญลกัษณ์ไดเ้พยีง 128 ลกัษณะหรอืแมน้จะขยายขึCน

ไปเป็น 8 บติเพื6อใชก้บัอกัษรและสญัญลกัษณภาษาอื6นก็

แทนไดเ้พยีง256 ลกัษณะเทา่นัCน

•จงึมคีวามจําเป็นในการพัฒนายนูโิคดเพื6อให ้

คอมพวิเตอรส์ามารถมรีหสัครอบคลมุอกัษรและ

สญัญลกัษณ์ของภาษาทั6วโลกโดยครั Cงแรก (ค.ศ.1988)

เสนอใช ้16 บติ(2 ไบต)์ทําใหส้ามารถแทนไดถ้งึ 65,536

ลกัษณะ

•ปัจจบุนัยนูโิคดขยายออกไปถงึ 32 บติ(4 ไบต)์

ครอบคลมุมากกวา่107,000อกัษรและสญัญลกัษณ์ของง

ภาษาทั6วโลก

wikipedia

Page 44: Thai MOST Web Developement

ฟอนต(์Font)(1/2)•ดั Cงเดมิฟอนตจ์ะบงถงึขนาดและรปูแบบของอกัษรหรอืสญัญลกัษ์โลหะที6ใชใ้นการเรยีงพมิพ์เทา่นัCน•ตั Cงแตย่คุค.ศ.1900เป็นตน้มาฟอนตไ์ดก้ลายมาเป็นดจิติัลใชใ้นระบบคอมพวิเตอร ์•ดงันัCนฟอนตใ์นยคุนีCมักจะหมายถงึคอมพวิเตอรฟ์อนตซ์ ึ6งก็คอืไฟลอ์เิล็กทรอนกิสท์ี6เก็บชดุของอกัษรและสญัลกัษณ์ (characters, glyphs, or symbols such as dingbats)

Metal typeset

ตวัอยา่งฟอนต์

Page 45: Thai MOST Web Developement

ตวัอยา่งฟอนตข์องไมโครซอฟท์

ฟอนต(์Font)(2/2)•ฟอนตจ์ะบง่ประเภท(family)ลักษณะ(faces)และขนาด(point)•การแสดงฟอนตบ์นจอคอมพวิเตอรท์ี6แพรห่ลายจะแสดงเป็นลกัษณะที6เรยีกนัวา่บติแม็ป(bitmap)หรอืบางที6ก็เรยีกกนัวา่ราสเตอร(์raster)•การแสดงจะมลีักษณะเป็นจดุหลายจดุภายในกรอบสี6เหลี6ยม แตล่ะจดุแทนดว้ย 1 ไบต์(8บติ)หรอื 3 ไบต(์24บติ)เพื6อใหไ้ดส้ทีั Cงสามที6ละเอยีด•ความละเอยีดในการแสดงจะขึCนอยูก่บัจํานวนจดุตอ่นิCว(dpi: dot per inch)

การแสดงภาพแบบบติแม็ป

Page 46: Thai MOST Web Developement

ไฟลเ์สยีง(audio file)• เสยีงดจิทิัลเกดิจากการสุม่(sample)อยา่งสมํ6าเสมอของเสยีงอะนาล็อก• ขอ้มลูที6ไดจ้ากการสุม่จะมคีา่เป็นดจิทิัลเก็บไวใ้นไฟลข์องคอมพวิเตอร์• เมื6อตอ้งการฟังเสยีงเราสามารถแปลงขอ้มลูที6เก็บไวก้ลับไปเป็นเสยีงอะนาล็อกเดมิได ้• ขอ้มลูดจิทิัลที6เก็บไวอ้าจมลีักษณะเทา่เดมิuncompressed)หรอืลดขนาด(compressed)เพื6อ

ประหยัดพื6นที6ในคอมพงิเตอรไ์ด ้• ดังนัCนไฟลจ์งึม3ี ลักษณะ:เทา่เดมิ(uncompressed) ลดขนาดแบบไมส่ญูเสยี(lossless

compression)และลดขนาดแบบสญูเสยี(lossy compression)

ตงัอยา่งการแปลงจากอนาล็อกเป็นดจิทิัล(แบบ PCM)•เราจะสงัเกตวา่สญัญานลกัษณะไซนไ์ดร้ับการสุม่อยา่สมํ6าเสมอและเปลี6ยนเป็นคา่ดดจิทิัลตรงจดุที6สุม่ดงันีC 7, 9, 11, 12, 13, 14, 14, 15, 15, 15, 14, ฯลฯ•เมื6อแปลงคา่นีCเป็นไบนารกี็จะไดค้า่ 0111, 1001, 1011, 1100, 1101, 1110, 1110, 1111, 1111, 1111, 1110, ฯลฯ

wikipedia

Page 47: Thai MOST Web Developement

http://www.fileinfo.com/filetypes/audio

ประเภทของไฟลเ์สยีง

Page 48: Thai MOST Web Developement

ตวัอยา่งรายละเอยีดของไฟลเ์สยีง

Page 49: Thai MOST Web Developement

กลอ้งดจิทิัลCCD: Charge Couple Device

Olympus EVOLT E-330•7.5-megapixel NMOS solid state image sensor•2.5-inch color LCD monitor with vertical tilt design and Live View capability•JPEG, uncompressed TIFF, and RAW file formats •Images saved on CompactFlash cards and Microdrives, as well as xD-Picture cards •USB cable for fast connection to a computer (USB auto-connect for driverless connection to Windows Me, 2000, XP, and Vista, and Mac OS 8.6 or greater)

Page 50: Thai MOST Web Developement

http://www.fileinfo.com/filetypes/image

ประเภทของไฟลภ์าพนิ6ง

Page 51: Thai MOST Web Developement

•JPEG ยอ่มาจาก Joint Photographic Experts Groupซึ6งเป็นคณะกรรมการพจิารณามาตรฐานไฟล์ภาพประเภทนีC

•ปัจจบุันมชีื6อเป็นทางการวา่ITU – T JTC1/SC2/WG10.

•ไฟลJ์PEG รุน่แรกเริ6มประกาศเมื6อค.ศ.1986มวีตัถปุระสงคท์ี6จะยอ่บบีอดัภาพถา่ยธรรมชาตทิัCงส(ี24 บติหรอื16.7ลา้นส)ีหรอืขาวดํา(8 บติหรอื256ระดับ)

• การลดขนาด(บบีอัด)เป็นลักษณะสญูเสยีสารสนเทศ กลา่วคอืภาพที6ลดขนาดจะเลวกวา่ภาพเริ6มตน้

•อยา่งไรก็ดJีPEGไดอ้าศัยคณุลักษณะสายตาของมนุษยท์ี6ทนตอ่การสยูเสยีสารสนเทศนัCนได ้

ตวัอยา่งไฟลภ์าพนิ6งชนดิ JPEG

•ภาพทัCงสองนีCเป็ภาพเดยีวกนัหรอื?•ภาพขวาเป็นภาพเริ6มตน้นําออกมาจากกลอ้งโดยตรง•ภาพดา้นซา้ยเป็นภาพหลงัจากใช ้Photoshopบบีอัดลดสารสนเทศเหลอื60%

http://www.photoshopessentials.com/essentials/jpeg-compression/

Page 52: Thai MOST Web Developement

ตวัอยา่งไฟลภ์าพนิ6งชนดิ GIF• GIFยอ่มาจากThe Graphics Interchange Format (GIF) • มลีกัษณะของบติแม็ปเสนอโดยบรษิัทCompuServe เมื6อค.ศ. 1987 และเป็นที6นยิมใช ้

เนื6องจากการสนับสนุนและการป้อนลงเครื6อง(portability)ที6ดี• ลกัษณะ 8 บติตอ่พกิเซลทําใหเ้รยีกใชส้ไีด ้ 256 สจีากจํานวนส ีRGB ทั Cงหมด16.7ลา้นสี

(24-บติ) • นอกจากนีCยังใชใ้นงานแอนนเิมชนัโดยแตล่ะเฟรมเลอืกสเีป็นอสิระจาก256สเีป็นจากกนั • ดว้ยขอ้จํากัดจํานวนสจีงึทําใหG้IFTเหมาะสําหรับที6งา่ยกลา่วคอืภาพเสน้ ภาพกราฟฟิก

และโลโกเ้ป็นตน้แตไ่มเ่หมาะสําหรับภาพถา่ยสจีากกลอ้งและภาพวาดที6มลีักษณะสทีี6ตอ่เนื6อง

• GIFใชว้ธิบีบีอัดที6ปราศจากการสญูเสยีสารสนเทศ

line drawing textual image photograph imagepainting

Page 53: Thai MOST Web Developement

ความสิCนเปลอืงหน่วยความจําของภาพนิ6ง

•สมมตเิรามภีาพขนาด6x4นิCวที6150 dpi เราจะคํานวณดังนีC(6 inches x 150 dpi) x (4 inches x 150 dpi)=900x600 pixels= 540,000 pixels

•เนืCอที6หน่วยความจําสําหรับภาพส(ีRGB)จงึเป็น•540,000 x 3 = 1.6 ลา้นไบต์

•สําหรับ “x3” จะหมายถงึ 3 ไบตข์องส ีRGB ตอ่พกิเซลหรอืนั6นคอืระดับสไีดถ้งึ 24 บติ(16.7ลา้นส)ีตอ่พกิเซล•กรณี 8 บติตอ่พกิเซล(ขาวดําหรอื256ส)ีหรอืภาพลายเสน้จะใช ้1 บติติ6พกิเซล(1/8 ไบต)์ก็จะสิCนเปลอืงนอ้ยลง

Page 54: Thai MOST Web Developement

ภาพเคลื6อนไหวดจิทิลั

ตวัอยา่งการคํานวณปรมิาณขอ้มลูวดิโีอ• คณุสมบตัิ

– แตล่ะพกิเซลใชส้ขีนาด 24 บติ – ขนาดเฟรม 640x480 พกิเซล – จํานวนเฟรม 25 เฟรมตอ่วนิาที

• ตอ้งการทราบวา่ใน 1 ชั6วโมง(3600วนิาท)ีตอ้งสง่ขอ้มลูเทา่ไร?– จํานวนพกิเซลตอ่เฟรม= 640 * 480 = 307,200 – จํานวนบติตอ่เฟรม= 307,200 * 24 = 7,372,800 = 7.37 เมกะบติ– จํานวนบติตอ่วนิาท ี(BR) = 7.37 * 25 = 184.25 เมกะบติตอ่วนิาท ี– ดงันัCนจํานวนขอ้มลูใน1ชั6งโมง = 184 * 3600 วนิาท=ี 662,400 เม

กะบติ= 82,800 เมกะไบต=์ 82.8 กกิะไบต ์

wikipedia

Page 55: Thai MOST Web Developement

ประเภทของไฟลว์ดิโิอ

http://www.fileinfo.com/filetypes/video

Page 56: Thai MOST Web Developement

ววิัฒนาการของการบบีอดัขอ้มลูภาพเคลื6อนไหวดว้ยมาตรฐาน MPEG

(MPEG: Moving Picture Experts Group )

http://www.althos.com/tutorial/MPEG-Tutorial-moving-picture-experts-Group-Book-page-19.html

Page 57: Thai MOST Web Developement

•MPEG-1 เป็นมาตรฐานในการบบีอดัขอ้มลูวดิโีอและเสยีงชนดิสญูเสยีสารสนเทศ•เริ6มใชเ้มื6อคศ1993•วตัถปุระสงคเ์พื6อบบีอดัขอ้มลูดบิของVHSดจิทิลัวดิโีอและเสยีงในซดีใีห ้เหลอืเพยีง1.5 เมกะบติตอ่วนิาท(ีดว้ยอตัรา 26:1 และ 6:1 ตามลําดบั)โดยไมเ่สยีคณุภาพจนเกนิไป•ดว้ยเหตนุีCบรรดาวซีดี(ีVCD: Video Compact Disc) •MPEG-1 ไดก้ลายเป็นระบบบบีอดัขอ้มลูที6เขา้กนัได(้compatible lossyaudio/video format)ระหวา่งผลติภณัฑต์า่งยี6หอ้มากที6สดุในโลก•ที6รูจ้ักแพรห่ลายคงจะเป็น MPEG-1ที6ใชเ้ป็นมาตรฐานของรปูแบบเสยีง MP3

http://www.wave-report.com/tutorials/VC.htm

MPEG 1,2,4

Page 58: Thai MOST Web Developement

MPEG-2•ออกแบบเพื6อใชง้านระหวา่ง1.5 แล15 เมกะบติ/วนิาที•เนน้ไปที6ดจิทิัลทวีแีละดวีดี(ีDVD: digital versatile disc)• วางอยูบ่นพืCนฐานของMPEG-1 แตอ่อกแบบสําหรับการบบีอัดและสง่ขอ้มลูโทรทัศนด์จิทิัลบนพืCนดนิ การสง่ผา่นเคเบลิ การสง่โทรทัศนโ์ดยตรงทางดาวเทยีม•MPEG-2 ยังสามารถปรับอตัราบติตอ่วนิาทใีหข้ ึCนไปใชใ้นการสง่ภาพละเอยีดของ HDTV ไดโ้ดยหลกีเลี6ยงการที6ตอ้งไปใช ้MPEG-3

MPEG-4•มาตรฐานสําหรับการใชบ้นเว็บ•วางอยูบ่นพืCนฐานการบบีอัดแบบวัตถ(ุobject-based compression) •แตล่ะวัตถใุนภาพจะไดร้ับการตดิตามจากเฟรมหนึ6งไปยังอกีเฟรมหนึ6ง•สิ6งที6ไดค้อืความสามารถในการปรับประสทิธภิาพการบบีอัดจากจํานวนบติตอ่วนิาททีี6ตํ6าไปสูจ่ํานวนบติตอ่วนิาททีี6สงูขึCนได ้•นอกจากนีCยังสามารถควบคมุแตล่ะวัตถใุนภาพไดด้ว้ยทําใหไ้ดม้าซึ6งปฏสิมัพันธ ์(interactivity)ระหวา่งวัตถใุนภาพกบัผูใ้ชไ้ด ้

http://www.wave-report.com/tutorials/VC.htm

MPEG 1,2,4

Page 59: Thai MOST Web Developement

จบบรบิรูณ์