การจัดระบบข้อมูลในเว็บไซต์
description
Transcript of การจัดระบบข้อมูลในเว็บไซต์
![Page 1: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/1.jpg)
![Page 2: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/2.jpg)
สรางความเขาใจในโครงสรางของเวบไซต
ควบคมการรบรของผใชงาน
คนหาขอมลไดงาย
เขาถงขอมลทตองการไดอยางรวดเรว
![Page 3: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/3.jpg)
ปญหาของภาษาทใช
เพราะ “คา” อาจมความหมายทหลากหลาย
ในสถานการณทแตกตางกน เชน เกยวกบ
รจกกนหนอย
ผลงานของเรา
Link
![Page 4: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/4.jpg)
ภายในเวบไซตจะเปนการรวบรวมสงทแตกตาง
กน 2 อยาง ไดแก
ความตางของลกษณะขอมล
เชน บทความ ขาว ขอมลผลตภณฑ
ความตางของรปแบบขอมล
เชน ตวหนงสอ รปภาพ วดทศน เพลง
![Page 5: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/5.jpg)
สนข แมว
แมงปอง ตะขาบ ง
องน ลาไย ลางสาด
มะมวง มะยม มะขาม มะปราง
ดอกมะล ดอกลนทม ดอกพด
![Page 6: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/6.jpg)
ตเยน
ถงเทา
ตเสอผา
หองนงเลน
พจนานกรม
หองครว
นมสด
ชนหนงสอ
หองนอน
เรยงตามตวอกษร
ชนหนงสอ
ตเยน
ตเสอผา
ถงเทา
นมสด
พจนานกรม
หองครว
หองนอน
หองนงเลน
![Page 7: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/7.jpg)
ตเยน
ถงเทา
ตเสอผา
หองนงเลน
พจนานกรม
หองครว
นมสด
ชนหนงสอ
หองนอน
แบงตามขนาด
สงของ
ขนาดใหญ
หองครว
หองนอน
หองนงเลน
ขนาดกลาง
ชนหนงสอ
ตเยน
ตเสอผา
ขนาดเลก
ถงเทา
นมสด
พจนานกรม
![Page 8: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/8.jpg)
ตเยน
ถงเทา
ตเสอผา
หองนงเลน
พจนานกรม
หองครว
นมสด
ชนหนงสอ
หองนอน
แบงตามประเภท
สงของ
สงทอยในหองครว
ตเยน
นมสด
สงทอยในหองนงเลน
ชนหนงสอ
พจนานกรม
สงทอยในหองนอน
ถงเทา
ตเสอผา
![Page 9: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/9.jpg)
![Page 10: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/10.jpg)
![Page 11: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/11.jpg)
![Page 12: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/12.jpg)
![Page 13: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/13.jpg)
แบบแผนระบบขอมล
โครงสรางระบบขอมล
![Page 14: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/14.jpg)
แบบแผนระบบขอมล คอ การกาหนดลกษณะ
พนฐานของขอมลภายในกลมเดยวกน เชน การ
คนหาเบอรโทรศพทจากสมดโทรศพท พจนานกรม
แผนกตางๆ ในหางสรรพสนคา
สามารถแบงออกเปน 2 ประเภท ดงน
![Page 15: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/15.jpg)
แบบแผนระบบขอมลแบบแนนอน
แบบแผนระบบขอมลแบบไมแนนอน
![Page 16: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/16.jpg)
แบบแผนระบบขอมลแบบแนนอนเกดจากการ
แบงขอมลออกเปนกลมทแนนอน โดยไมมการ
เหลอมลาของขอมลในแตละกลม
ลกษณะเดน
- งายตอการออกแบบ
- ดแล ปรบปรงขอมลไดงาย
ลกษณะดอย
- ผใชตองทราบรายละเอยดของสงทตองการ
![Page 17: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/17.jpg)
ระบบขอมลตามตวอกษร
เปนรปแบบการจดระบบขอมลโดยอาศย
พนฐานของพจนานกรม สา รานกรม สมด
โทรศพท ดชนหนงสอ
![Page 18: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/18.jpg)
![Page 19: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/19.jpg)
![Page 20: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/20.jpg)
![Page 21: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/21.jpg)
ระบบขอมลตามลาดบเวลา
ระบบขอมลดงกลาวมความเหมาะสมกบขอมล
ประเภททมความสมพนธกบเวลาเทานน เชน ขาว
หนงสอพมพ นตยสาร รายการโทรทศน ฯลฯ
![Page 22: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/22.jpg)
![Page 23: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/23.jpg)
![Page 24: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/24.jpg)
ระบบขอมลตามพนท
ข อ ม ล ท ค ว ร น า ม า จด ร ะ บ บ ไ ด แ ก ข า ว
พยากรณอากาศ เศรษฐกจ การเมอง การ
ปกครอง ทมลกษณะเฉพาะของแตละพนท
ลกษณะดอย
- ผใชตองร ถงชอและรายละเอยดของสงท
ตองการจะคนหา
![Page 25: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/25.jpg)
![Page 26: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/26.jpg)
![Page 27: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/27.jpg)
เปนขอมลทถกจดอย ในกลมโดยไม มการ
กาหนดแนนอน ซงยากตอการออกแบบ การ
จดระบบขอมลดงกลาวเปนทนยมเพราะผใชสวน
ใหญไมรแนชดในสงทตองการคนหาหรอรเพยง
บางสวน
![Page 28: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/28.jpg)
จดกลมขอมลตามหวขอ
เปนวธทไดนยมใชในเวบไซตโดยทวไป ซงเปน
ความทาทายความสามารถของผพฒนาเวบไซต
เ น อ ง จ า ก ต อ ง ก า ห น ด ห ว ข อ ต า ง ๆ ใ ห ส อ
ความหมาย
![Page 29: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/29.jpg)
![Page 30: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/30.jpg)
![Page 31: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/31.jpg)
![Page 32: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/32.jpg)
จดกลมขอมลตามผใช
จะใชในกรณทผพฒนาเวบไซตมกลมทชดเจน
และเขามาใชงานเวบไซตอยางสมาเสมอ
![Page 33: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/33.jpg)
![Page 34: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/34.jpg)
จดกลมขอมลตามการทางาน
เปนการแบงเนอหาและการทางานตางๆ ใหอย
ในรปแบบของกระบวนการทางาน
![Page 35: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/35.jpg)
![Page 36: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/36.jpg)
จดกลมขอมลตามแบบจาลอง
เปนการจาลองสถานการณเพอนาเสนอสง
ใหมๆ โดยเชอมโยงความสมพนธกบสงทผใช
คนเคย
![Page 37: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/37.jpg)
การจดระบบขอมลควรใชแบบแผนระบบขอมล
เพยงแบบเดยวซงจะทาใหผใชสามารถเขาใจไดงาย
และรวดเรว
เมอใดกตามทจาเปนตองใชแบบแผนระบบ
ขอมลแบบผสมกอาจจะสรางความสบสนใหกบผใช
อยางหลกเลยงไมได
![Page 38: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/38.jpg)
![Page 39: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/39.jpg)
![Page 40: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/40.jpg)
หากจาเปนตองใชแบบแผนระบบขอมลแบบ
ผสมควรแยกสวนการนาเสนอของแบบแผนท
แตกตางกนใหอยคนละทกนและทาใหมลกษณะท
แตกตางกนอยางชดเจน
![Page 41: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/41.jpg)
โ ค ร ง ส ร า ง ร ะ บ บ ข อ ม ล ค อ ร ป แ บ บ
ความสมพนธระหวางกลมขอมล เวบไซตใดม
โครงสรางระบบขอมลทดกจะชวยเพมความชดเจน
ใหกบเนอหา และสะดวกในการใชงาน
![Page 42: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/42.jpg)
โครงสรางระบบขอมลแบบลาดบชน
โครงสรางระบบขอมลแบบไฮเปอรเทกซ
โครงสรางระบบขอมลแบบฐานขอมล
![Page 43: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/43.jpg)
![Page 44: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/44.jpg)
เปนการแบงแยกกลมขอมลอยางชดเจน เชน
โครงสรางองคกร
ซงโครงสรางดงกลาวจะทาใหผใชสามารถ
เขาใจโครงสรางของขอมลทซบซอนในเวบไซตได
งายและรวดเรว
เวบไซตจะมเรมทหนาโฮมเพจกอนเสมอแลวจง
แบงออกเปนสวนยอยๆ จดลาดบจากชนบนลงลาง
![Page 45: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/45.jpg)
การออกแบบโครงสราง
1. แตละกลมของขอมลควรแยกออกจากกน
อยางชดเจน
2. พจารณาความกวาง/ลกของขอมล
** จากการศกษา ความกวางของโครงสรางระบบ
ขอมลควรมจานวน 7 หรอ -2 รายการ (Weeraphan
Chanhom, 2008) สวนความลกควรไมเกน 4-5 ชน
![Page 46: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/46.jpg)
![Page 47: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/47.jpg)
![Page 48: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/48.jpg)
เวบไซตทตองการเพมเตมขอมลจานวนมากใน
อนาคต ควรมการจดวางโครงสรางขอมลทม
ลกษณะกวางและตน เพอความสะดวกในการ
เพมเตมขอมล
![Page 49: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/49.jpg)
โครงสรางดงกลาวประกอบดวย 2 สวน คอ
รายการหรอกลม ขอมล ทถกลงค กบลงค ท
เชอมโยงขอมล
โดยการเชอมโยงขอมลอาจเปนไปตามลาดบ
ชนขอมลหรอไมตามลาดบชนขอมล หรอทงสอง
รปแบบรวมกน
![Page 50: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/50.jpg)
![Page 51: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/51.jpg)
เปนโครงสรางทนยมนาไปใชกบเวบไซตขนาด
ใหญ ซงมการเกบขอมลในฐานขอมล
จะชวยเพมความสามารถในการคนหาขอมลได
อยางถกตองและรวดเรว เพมความสะดวกในการ
ปรบปรงดแลเนอหา
![Page 52: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/52.jpg)
![Page 53: การจัดระบบข้อมูลในเว็บไซต์](https://reader034.fdocument.pub/reader034/viewer/2022052705/579057291a28ab900c9c39b3/html5/thumbnails/53.jpg)