Your SlideShare is downloading. ×
0
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Emerging Technology & Web Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Emerging Technology & Web Design

1,478

Published on

การพัฒนาเว็บบริการสารสนเทศให้สอดรับกับเทคโนโลยีอุบัติใหม่

การพัฒนาเว็บบริการสารสนเทศให้สอดรับกับเทคโนโลยีอุบัติใหม่

Published in: Technology
1 Comment
4 Likes
Statistics
Notes
No Downloads
Views
Total Views
1,478
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
57
Comments
1
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. บุญเลิศ อรุณพิบลย์ ู ฝ่ ายบริการความรู ้ทางวิทยาศาสตร์และเทคโนโลยี สานักงานพัฒนาวิทยาศาสตร์และเทคโนโลยีแห่งชาติ (สวทช.)
  • 2. Physical Space Virtual Space Human Space (Librarian)
  • 3. ผู ้ใช ้ เว็ บนำเสนอข้อมูลห้องสมุด เทคโนโลยี อุบตใหม่ ั ิ เว็ บโครงกำร/กิจกรรม เว็ บฐำนข้อมูลระบบต่ำงๆ พฤติกรรม ผู ้ใช ้ เว็ บระบบห้องสมุด ความ ทันสมัย 3
  • 4. Web Analytics เครืองมือ ่ ผู ้ใช ้ ??? พฤติกรรมการอ่าน ILS Report Database & Online Report ้ พฤติกรรมเข ้าใชงาน การวิเคราะห์ ประมวลผล พฤติกรรม ICT การปรับปรุง การบริการ
  • 5. 5
  • 6. 7 Steve Matthews. 2013. “Customer Is The Purpose.” 21st Century Library Blog. Accessed November 7. http://21stcenturylibrary.com/2011/01/26/customer-is-the-purpose/.
  • 7. ึ คณาจารย์ นั กวิจัย นั กวิชาการ บุคลากรทางการศกษา ิ ึ ึ นิสต นั กศกษาระดับบัณฑิตศกษา เนือหาจาแนกตาม ้ ิ ึ นิสต นั กศกษา กลุมเป้ าหมาย ่ นั กเรียน ประชาชน ผู ้สนใจทั่วไป 8 Steve Matthews. 2013. “Customer Is The Purpose.” 21st Century Library Blog. .... Accessed November 7. http://21stcenturylibrary.com/2011/01/26/customer-is-the-purpose/.
  • 8. 9
  • 9. 10
  • 10. 11 http://www.gutenberg.org/ebooks/38577
  • 11. Web ILS Digital Library Digital Archives ทรัพยากรห ้องสมุด ี ้ โครงสร้ำงพืนฐำนด้ำนไอซท ี ื่ ระบบการสอสาร ระบบคอมพิวเตอร์ ระบบเครือข่ายข ้อมูล
  • 12. ตัวอย่าง TOR ทีมปัญหา ่ ี • ระบบจะต ้องรองรับมาตรฐานสากล ดังต่อไปนี้ รองรับการแลกเปลียนข ้อมูลด ้วย OAI-PMH ่ รองรับการทางานกับดิจทัลไฟล์ผานเมทาดาทา ิ ่ Dublin Core, EXIF, IPTC, XMP, LOM ปั ญหา ั • กาหนด TOR บนฐานระบบภายในสานั กงาน ... ไม่ควรมีฟังก์ชนนี้ • ผู ้เขียน ไม่มความรู ้เทคนิคทีดพอ ี ่ ี • ผู ้รับจ ้างพัฒนาระบบ ไม่มความรู ้เกียวกับเทคนิคนี้ ี ่
  • 13. เครืองมือ ่ • เพิมมูลค่า ่ ภาพลักษณ์องค์กร ี ี • ทักษะไอซทท ี่ สร ้างสรรค์ • การคานึงถึงต ้นทุน ราคาไม่แพง • มีความมั่นคง ปลอดภัย • มีเนือหาหลากหลาย ้ แบบ • ร่วมสร ้างสรรค์ แบ่งปั นความรู ้ • คานึงถึงประเด็น ิ ทรัพย์สนทางปั ญญา • แนวปฏิบตทรับทราบ ั ิ ี่ ร่วมกัน
  • 14. ฟอร์แมตของแฟ้ มภาพ Logo JPG GIF GIF – transparent PNG PNG – transparent 17
  • 15. • • • • ี ่ สมวง CMYK RGB Web Code
  • 16. http://www.ifla.org/en/taxonomy/term/653 19
  • 17. 20
  • 18. 21
  • 19. 22
  • 20. 23
  • 21. • โดยปกติการเข ้าถึงเนื้อหาในเว็บไซต์โดยผู ้ใช ้ มักจะใช ้ ื การสบค ้นมากกว่าการเข ้าถึงตรงผ่าน URL ดังนันการ ้ ่ ื พัฒนาเว็บให ้สามารถฝั งตัวเองกับชองสบค ้นทีมาพร ้อม ่ เบราว์เซอร์ จึงเป็ นแนวทางทีน่าสนใจ ่ 24 http://www.opensearch.org
  • 22. 25
  • 23. • ตัวอย่าง URL ทีไม่เป็ นมิตรกับ Search Engine ่ ่ ตัวอย่าง URL ทีไม่เป็ นมิตรกับ Search Engine เพราะมีการสงค่า Parameter ่ ของระบบ ทาให ้ ้ ่ 1) ผู ้ใชไม่ทราบว่า URL ดังกล่าวคือ เนือหาสวนใดของเว็บ ้ 2) Search Engine ไม่สามารถนา “คา” ทีประกอบใน URL ไปทาดัชนี ่ 26
  • 24. 27
  • 25. • Title – Alias – Permalink • Metadata – Web Metatag – Scholar Metatag – Open Graph Metatag • Intro Text – Excerpts • Social Connect 28
  • 26. ออกแบบสอดคล ้องกับมาตรฐานโลก เว็บไซต์ได ้ถูกออกแบบให ้สอดคล ้องกับมาตรฐานในการ ออกแบบเว็บไซต์ ตามมาตรฐาน HTML ทีกาหนดไว ้โดย ่ World Wide Web Consortium ทีเป็ นหน่วยงานระดับ ่ ้ ้ นานาชาติ กล่าวคือผู ้ใชงานสามารถใชเว็บเบราเซอร์ได ้ทุก ตัว ไม่วา โครม (Chrome), ซาฟารี (Safari), ไฟร์ฟอกซ ์ ่ ์ (Firefox), หรือ อินเทอร์เน็ ตเอกซพลอเรอร์ (Internet ้ Explorer) รุนไหนก็ตาม ผู ้ใชสามารถเข ้าชมเว็บไซต์ได ้เต็ม ่ ้ ้ ้ สมรรถนะโดยไม่จากัดการใชงานว่าผู ้ใชต ้องใชเว็บ เบราว์เซอร์ตวใดตัวหนึง และได ้ออกแบบให ้รองรับอุปกรณ์ ั ่ พกพาในรูปแบบของการออกแบบเว็บทีตอบสนองทุกเว็บ ่ ้ เบราว์เซอร์ (responsive web design) ทีผู ้ใชงานแท็บเล็ต ่ ั อย่าง iPad หรือโทรศพท์สมาร์ตโฟนอย่าง iPhone สามารถ เข ้าถึงเว็บไซต์ได ้เต็มสมรรถนะ ฐานข ้อมูลงานวิจัย และผลงานตีพมพ์ ิ ฐานข ้อมูลงานวิจัยและผลงานตีพมพ์ของภาควิชาวิศวกรรม ิ ้ โยธา ได ้ออกแบบโดยใชมาตรฐานของเก็บข ้อมูลตีพมพ์ทใช ้ ิ ี่ กันทัวโลก โดยมีความสามารถพืนฐาน ทีเว็บไซต์ในด ้านนีม ี ่ ้ ่ ้ ่ ได ้แก่ การนาเข ้าและสงออกข ้อมูลในรูปแบบ - BibTex, RIS, EndNote tagged and XML. การแสดงผลรองรับในหลายรูปแบบ - APA, Chicago, CSE, IEEE, MLA, Vancouver ่ ่ นอกจากนียงเพิมในสวนของ meta data ในสวนงานวิจัย ้ ั ่ เพือให ้โปรแกรมอัตโนมัตสามารถอ่านค่าได ้ ไม่วาข ้อมูลจาก ่ ิ ่ Google Scholar, Endnote, Zotero 29
  • 27. 30
  • 28. 31
  • 29. • ระบบต่างๆ ทีพัฒนาให ้เรียกดูผานเว็บของห ้องสมุด ่ ่ “ท่าน” สนับสนุนการเข ้าถึงด ้วยอุปกรณ์ท ี่ หลากหลาย ้ • ท่านเลือกใชเทคโนโลยีใดในการนาเสนอเนือหา ้ บนพืนฐานของความหลากหลายของอุปกรณ์ ้ • ห ้องสมุดท่าน “ผสานระบบต่างๆ เข ้ากับ Social Network” อย่างไร ภายใต ้แนวปฏิบตทเหมาะสม ั ิ ี่ อย่างไร
  • 30. • ระบบทีพัฒนา “เป็ นมิตรทีดกบ Google” แล ้วหรือยัง ่ ่ ี ั ่ • ท่านตระหนักหรือไม่ “ความเร็วของการเข ้าถึง” สงผลต่อ ิ “ปั ญหาทรัพย์สนทางปั ญญา” รวมทัง “ปั ญหาการละเมิด ้ ิ สทธิของบุคคล” และมีมาตรการอย่างไร ้ • ห ้องสมุดท่านรองรับการใชประโยชน์จาก ICT อย่างไร ้ • ห ้องสมุดของท่าน พร ้อมสนับสนุนการเข ้าใชงานของ “บุคคลทุกกลุม ทุกประเภท” ่ – บุคคลทีมความบกพร่องลักษณะต่างๆ ่ ี
  • 31. www.newsbroadcastingcouncil.or.th 34
  • 32. 35
  • 33. ิ ์ ประเด็นลิขสทธิในยุคดิจทัล ิ • • • • ิ ์ ้ ลิขสทธิเนือหา ิ ์ ลิขสทธิโปรแกรมสร ้างสรรค์ ิ ์ ื่ ลิขสทธิภาพ/สอมัลติมเดีย ี ิ ์ ลิขสทธิฟอนต์
  • 34. www.dustball.com/cs/plagiarism.checker
  • 35. Agility, startups, innovation, digital, customer experience - these are the subjects being shared and discussed among IT leadership peers. We became used to the old mantra that the typical IT department spends 80% of its time keeping the lights on and just 20% on new initiatives. Increasingly, if your IT department operates in that conventional way, you're being left behind by the leading CIOs.
  • 36. ระบบตรวจสอบความเป็ นต ้นฉบับของเอกสาร ภาษาไทยแบบอัตโนมัต ิ (Anti-KobPae) http://vivaldi.cpe.ku.ac.th/~noom/new_kobpae/select_wp_input.php
  • 37. ิ ์ ระบบตรวจสอบลิขสทธิผลงานวิชาการ และวิทยานิพนธ์ (CopyCat) http://www.copy-cat.in.th
  • 38. http://www.copy-cat.in.th/
  • 39. http://turnitin.com
  • 40. มาตรการในการป้ องกันและตรวจสอบ การลักลอกผลงานวิชาการ • มาตรการสร ้างจิตสานึก • มาตรการป้ องปราม • มาตรการติดตามและตรวจสอบ
  • 41. CU e-Thesis
  • 42. http://slideshare.net
  • 43. http://slideshare.net
  • 44. Pingback & Trackback
  • 45. ิ เขียนอย่างไม่ละเมิดลิขสทธิ์ ิ • GotoKnow.org : แนวทางการเขียนอย่างไม่ละเมิดลิขสทธิ์ http://www.gotoknow.org/pages/nonplagiarism-writing-guideline ิ • วิกพเดีย:เขียนงานอย่างไรไม่ละเมิดลิขสทธิ์ ิ ี ิ http://th.wikipedia.org/wiki/วิกพเดีย:เขียนงานอย่างไรไม่ละเมิดลิขสทธิ์ ิ ี ิ ์ • คาแนะนาเรืองลิขสทธิของบล็อกเกอร์ (Blogger.com) ่ https://support.google.com/blogger/answer/157170?hl=th
  • 46. Image Metadata
  • 47. ิ ์ ลิขสทธิภาพ
  • 48. เคยทราบกันไหมครับ “รูปภาพ” จากกล ้องถ่ายภาพ “ฝั งข ้อมูลพิกด” ั ตาแหน่งทางภูมศาสตร์ และนาไปแสดงบนแผนทีสาธารณะฉบับออนไลน์ได ้ ิ ่ ง่าย --- Google Map ---
  • 49. การติดตามย ้อนกลับภาพดิจทัล ิ
  • 50. ิ ์ ลิขสทธิเพลง ภาพเคลือนไหว ่
  • 51. ิ ์ ลิขสทธิเพลง ภาพเคลือนไหว ่ From: YouTube <no_reply@youtube.com> Date: December 28, 2011 18:32:52 GMT+07:00 To: xxxx <xxxx@gmail.com> Subject: Information about your video “xxxxxxxxx" Dear xxxx, Your video, xxxxxxxxx, may have content that is owned or licensed by [Merlin] Ninja Tune Ltd. No action is required on your part; however, if you are interested in learning how this affects your video, please visit the Content ID Matches section of your account for more information. Sincerely, The YouTube Team © 2011 YouTube, LLC 901 Cherry Ave, San Bruno, CA 94066
  • 52. ฟอนต์ ก็มลขสทธิครับ ี ิ ิ ์
  • 53. ฟอนต์ในประเทศไทย ้ • การใชฟอนต์ทหลากหลายไม่มมาตรฐานในเอกสารทางราชการ ี่ ี ้ ิ ์ • การใชมาตรฐานฟอนต์ของบริษัทเอกชนทีผกขาดลิขสทธิของ ่ ู ิ ์ ่ ระบบปฏิบตงาน ทาให ้จากัดสทธิตางๆ ทีจะมีมาตรฐานเอกสาร ั ิ ่ เป็ นเสรี ไม่ขนกับระบบปฏิบตการใดๆ ึ้ ั ิ ิ ์ • ปั ญหาเรืองการฟ้ องร ้องละเมิดลิขสทธิฟอนต์ ่ • รายละเอียด ... http://www.nstda.or.th/index.php/ nstda-knowledge/2689-thai-gov-fonts – ทางออก • ฟอนต์มาตรฐานราชการไทย • Open Fonts
  • 54. ฟอนต์ในเอกสารเผยแพร่
  • 55. Image Metadata
  • 56. ั รู ้จักกับสญญาอนุญาต ิ สงวนลิขสทธิ์ Copyright (c) สมบัตสาธารณะ ิ Public Domain (pd) CreativeCommons (cc)
  • 57. ิ สงวนลิขสทธิ์ Copyright ©
  • 58. http://openclipart.org/ 64
  • 59. 65
  • 60. 66
  • 61. Creative Commons - Level 68
  • 62. ้ ซอฟต์แวร์ทนามาใชงาน ... ี่ ิ ์ ถูกลิขสทธิหรือไม่
  • 63. ทรัพยากรทีต ้องการเผยแพร่ ่ ฟอนต์ Error เข ้าถึงยาก ้ มีแต่ PDF โหลดชา ี เสยเวลา ค ้นหายากมาก ี เสยเวลาปรับแต่ง โห!! สร ้างสารบัญ ี เสยเวลาจัง เปิ ดไม่ได ้นะ คนละ version ตอบรับ เทคโนโลยีอบตใหม่ ุ ั ิ เปิ ดแล ้ว ี ฟอร์แมตเสย ทีเก็บกระจาย ่ ้ ทางานซ้าซอน ี เสยเวลา/เงิน ข ้อกาหนดมีการ ปรับเปลียน ่
  • 64. ภาษาไทย ... ปั ญหาใหญ่ทต ้องรณรงค์ ี่ ต่อไป • คุณรู ้จัก ... Thai Encoding แล ้วหรือยัง • ANSI, TIS-620, Windows-874, UTF-8 72
  • 65. 73
  • 66. 74
  • 67. เอกสารดิจทัล ณ วันนี้ ิ • เอกสารจาก Microsoft Office Word/PowerPoint สร ้างเอกสารแบบ Style กาหนด Metadata บันทึกเอกสารแบบฝั งฟอนต์ ่ สงออกเป็ น PDF/A
  • 68. ขอขอบคุณ www.stks.or.th www.thailibrary.in.th facebook.com/boonlert.aroonpiboon 76

×