คู่มือการปฏิบัติงานระบบฐานข้อมูลศิลปะไทย

คมู ือการปฏิบัตงิ านระบบฐานขอมูลศลิ ปะไทย
( Programmer’s Manual)

สว นเทคโนโลยที างการศกึ ษาและสารสนเทศ
นางจิรพรรณ คำหมนื่ กุล
นกั วชิ าการคอมพวิ เตอร

Page |B

หมายเลขสำเนา รายชอื่ ผถู ือครองเอกสาร
(Copy No.) (Distribution List)

ตน ฉบบั ผูถ อื ครอง / ผคู รอบครองสำเนา
1
2 สวนเทคโนโลยที างการศึกษา
เลขานุการคณะวจิ ติ รศลิ ป
ภาควชิ าศิลปะไทย

ประวตั กิ ารใช้ และการแก้ไขเอกสารหรือบันทกึ การเปลยี นแปลง(Amendment Record)

แกไข หมายเลข รายการการปรบั ปรงุ / แกไ ข วันทมี่ ีผล ผแู กไ ข
ครง้ั ที่ หนา บงั คบั ใช

0 ท้ังฉบบั จดั ทำเอกสารครัง้ แรก 1/12/64 จิรพรรณ คำหม่ืนกุล

1 ทงั้ ฉบับ แกไ ขความเปน ปจ จบุ ันของเอกสารตามการพัฒนา 1/6/65 จิรพรรณ คำหมน่ื กุล
ระบบ

Page |C

คำนำ

คูมอื การพัฒนาระบบฐานขอ มูลศลิ ปะไทย เปน สว นหนึ่งของโครงการ “ระบบฐานขอมูลศลิ ปะลา นนา”
เพ่อื ของบประมาณการขบั เคล่ือนยทุ ธศาสตรท่ี 3 เชิงรกุ ลานนาสรา งสรรค ประจำปงบประมาณ พ.ศ.2563 กล
ยทุ ธท ี่ 2 เปน ศนู ยรวมคลังความรู พัฒนา เผยแพรองคค วามรูและขอมูลดา นลานนาคดแี ละลานนาสรา งสรรค โดย
มีผชู ว ยศาสตราจารยภาณุพงษ เลาหสม ประธานกรรมการบริหารหลกั สูตรสาขาวิชาศลิ ปะไทย เปน ผปู ระสานงาน
รวมกบั หนวยงานภายในทร่ี วมรบั ผิดชอบโครงการ อันไดแก สาขาวชิ าศิลปะไทย สาขาวชิ าศิลปะการถา ยภาพ งาน
บริหารงานวจิ ัย และ งานเทคโนโลยที างการศกึ ษาและสารสนเทศ

เน้ือหาในคูมอื มุงหมายใหผพู ัฒนาหรอื ผทู ่สี นใจไดร ับความรู ความเขาใจ ตลอดจนสามารถทำการประยกุ ต
แกไ ข และ พฒั นาฐานขอมลู น้ี และ ถอื เปนมาตราฐานในการทำงาน และ สามารถเพ่ิมประสทิ ธภิ าพของงานได
เปนอยางดี

นางจิรพรรณ คำหม่นื กลุ
นกั วชิ าการคอมพวิ เตอร
สว นเทคโนโลยที างการศกึ ษา

สารบัญ Page |D

วตั ถปุ ระสงค หนา
ขอบเขต 1
คำจำกัดความ 1
ความตอ งการของผูใชง าน 2
ทรพั ยากรท่ีใช 2
การออกแบบหนาจอ 8
Flowchart 9
Context Diagram 26
DFD Level 1 29
Data Relationship 31
Data Dictionary 33
การทดสอบโปรแกรม 35
การจัดฝกอบรมผปู ฏิบัติงานและผดู แู ลระบบ 44
48



Page |1

1. วัตถปุ ระสงค
1.1. เพือ่ ใหส วนเทคโนโลยีทางการศกึ ษาและสารสนเทศ มคี ูมอื การปฏบิ ตั งิ านในสว นของการพัฒนาโปรแกรม
ฐานขอ มูลศิลปะไทยทช่ี ัดเจน อยางเปน ลายลกั ษณอกั ษร ที่แสดงถึงรายละเอยี ด ขั้นตอน การปฏิบัติงาน
การพฒั นาระบบฐานขอมลู และ สรา งมาตรฐานการปฏิบัติงานที่มงุ ไปสูก ารบริหารคณุ ภาพท่ัวทัง้ องคก ร
อยางมีประสทิ ธิภาพ เกิดผลงานทไี่ ดมาตรฐานเปน ไปตามเปาหมาย ไดผ ลผลติ ทีม่ ีคณุ ภาพ และ บรรลุ
ขอ กำหนดทสี่ ำคญั ของกระบวนการ
1.2. เพอื่ เปน หลักฐานแสดงวธิ ีการพฒั นาระบบฐานขอมูลศลิ ปะไทย และ สรางมาตรฐานการปฏบิ ตั งิ านที่มงุ สู
การบรหิ ารคุณภาพทวั่ ทัง้ องคกรอยางมีประสิทธภิ าพ สามารถถา ยทอดใหกับผูเ ขา มาปฏบิ ัตงิ านใหม
พฒั นาใหการทำงานเปน ไปอยางมืออาชีพ
1.3. เพอื่ ใชเปน เครื่องมือในการสรางมาตรฐานการพัฒนาระบบฐานขอมลู

2. ขอบเขต
คูมือกระบวนการพัฒนาระบบฐานขอ มลู ศลิ ปะไทย สำหรบั ผทู ีม่ หี นา ที่รบั ผดิ ชอบ ในการพฒั นาระบบ
ฐานขอ มูล สว นเทคโนโลยที างการศึกษา ประกอบดว ยข้ันตอน ดงั นี้
2.1 การวิเคราะห ศึกษาความตองการของผูใชง าน
2.2 รวบรวมขอมลู พ้ืนฐานของฐานขอ มูล
2.3 ออกแบบฐานขอมูล และ ออกแบบความเชอ่ื มโยงของระบบ
2.4 ออกแบบหนาจอการแสดงผลของระบบ
2.5 เขียนโปรแกรม
2.6 ทดสอบระบบโดยผพู ฒั นาแกไขระบบ
2.8 ทดสอบระบบโดยผูใชง านพรอมแกไ ข
2.9 ทดสอบการนำระบบท่ีพัฒนาแลวเสรจ็ เชื่อมตอกับเครื่องแมขา ย
2.10 จัดทำคมู อื ประกอบ สำหรบั ผูใชง านและผดู ูแลระบบ
2.11 จดั ฝกอบรมผใู ชงาน
2.12 ประเมินผล

Page |2

3. คำจำกดั ความ
3.1. ระบบฐานขอมลู (Database) คือ กลมุ ของขอมูลท่ถี ูกเก็บรวบรวมไว โดยมีความสมั พันธซ่ึงกนั และกนั
มรี ะบบความสัมพนั ธร ะหวางขอ มูลไวอ ยางชัดเจน ประกอบไปดว ยแฟมขอมูลหลายๆแฟมท่ีมีขอมลู
เกีย่ วขอ งสัมพันธกันและเปดโอกาสใหผใู ชส ามารถใชง านและดแู ลรักษาปอ งกันขอมลู เหลา น้ัน ไดอ ยา งมี
ประสิทธภิ าพ
3.2. ระบบจดั การฐานขอ มลู (Database Management System : DBMS) คือ ซอฟตแวรท่เี ปน สื่อกลาง
ระหวางผใู ชงานและโปรแกรมตางๆ ที่เก่ยี วของกับการใชฐานขอมูล มหี นา ที่ชว ยใหผ ใู ชเ ขาถึงขอมลู ได
งา ยสะดวกและมีประสทิ ธภิ าพ โดยไมจ ำเปน ตองรบั รูเกย่ี วกับรายละเอยี ดภายในโครงสรางของฐานขอมลู
3.3. โมดูล (Module) คือ สว นจดั เกบ็ ขอมลู ตามเรื่องทีเ่ ก่ียวของภายในไฟลโคด ของโปรแกรม เพ่ืองา ยตอ การ
สืบคน เพ่ือนำโคด ของโปรแกรมมาแกไขในอนาคต
3.4. ผใู ชง าน (User) คือ ผูม หี นา ท่ีจัดการขอมูลในสวนของเน้อื หา โดยผานระบบหลงั บา น (Backend) ของ
ระบบ
3.5. ผูดูแลระบบ (Admin) คือ ผูมหี นา ท่ีจดั การดแู ลระบบท้ังหมด ทั้งโคดโปรแกรม จนกระทัง่ การจดั การ
เนอ้ื หาโดยตรงในฐานขอม ลู

4. ความตองการของผใู ชงาน (Requirement)
4.1 ความตองการคร้ังท่ี 1
4.1.1. มเี วปไซคส ำหรับนำเสนอฐานขอมลู ศิลปะไทยจำนวน 1 เวปไซค โดยใช Sub Domain ของคณะ
วิจติ รศิลป
4.1.2 ในเวปไซคจะนำเสนอขอมูลศิลปะลานนาจำนวน 2 เรื่อง ไดแก จิตรกรรมลานนาแบบประเพณี
และ ศิลปะลานนารว มสมัย โดยที่
ลักษณะแรก เปนขอ มูลภาพและขอ ความแบบภาพรวมคือ เนนการรวบรวมขอมลู พื้นฐานละ
ความรตู ามมาตรฐานวชิ าการ แบงเปนกลมุ หลัก กลุมรอง และ ประเดน็ ยอย
ลักษณะท่สี อง เลือกงานท่โี ดดเดนหรอื จำเปน ออกมานำเสนอเปนภาพชดุ การตัดตอภาพทีม่ คี วาม
ตอเนือ่ งเปน องคป ระกอบภาพขนาดใหญ
4.1.3 มีระบบการคนหาเรื่องของศลิ ปะลา นนาผา นชองทาง Keyword สำคัญของเรื่อง
4.1.4 มีเมนูในเวปไซค อันประกอบดวย เมนูเก่ียวกบั เรา คน หา ชวยเหลือ ติดตอ เรา และ หนา สำหรบั
จัดการระบบ

4.1.5 จำนวนขอมลู ตางๆตามตำแหนง ทตี่ ้งั (จังหวดั ) ท่ผี ลงานศลิ ปะนน้ั ๆตั้งอยู
4.2 ความตองการคร้ังท่ี 2

4.2.1 ออกแบบหนาแสดงผลใหดูเปนวิชาการมากขึ้น
4.2.3 ลดขนาดภาพใหไมสามารถทำการทำการคัดลอกไปใชง านตอได
4.3 ความตองการคร้ังท่ี 3
4.3.1 ขอเพ่มิ ลด แกไขหมวดหมูไดเอง เพ่ือการเพ่มิ ในอนาคต
4.3.2 ตดั หมวดหมูข องลานนารว มสมยั ออก เหลือเพียงแค ลานนาประเพณี แตแ ยกเมนูออกเปน

จิตรกรรมลานนา และ ลา นนาเชิงประเด็น
4.3.3 เมนูตา งๆ สามารถแตกเปน หมวดหมูยอ ยได
4.3.4 ขอเรียงลำดบั เมนยู อยของ จิตรกรรมลานนาเปนดังนี้

- ยุคสมยั : สมัยราชมงคม งั ราย สมัยพมาปกครอง สมยั เจา เจ็ดตน สมัยใหมและรวมสมัย
- ทตี่ งั้ : เชยี งใหม ลำปาง นาน แพร พะเยา เชียงราย ลำพูด แมฮ อ งสอน
- เน้ือหา : พระอดีตพทุ ธ พทุ ธประวัติ ทศชาตชิ าดก พระเวสสันดร ชากดนอกนบิ าต ....
- ประเภทงาน : จิตรกรรมฝาผนงั พระบฏ พระพุทธบท หีบธรรม-ตูพระธรรม สมดุ ภาพ
- ประเภทของภาพ : ภาพสัญลักษณ ภาพเลาเร่ือง ลวดลาย....
- แบบศิลปะ :

 แบบลา นนาชว งพทุ ธศตวรรษท่ี 20
 แบบลา นนายคุ ทอง
 แบบลา นนาชว งพุทธศตวรรษท่ี 22-23
 แบบสกลุ ชา งลำปาง
 แบบเชียงใหมชว งพุทธศตวรรษท่ี 25
 แบบศลิ ปะไทยภาคกลาง
 เลียนแบบศิลปะไทยภาคกลาง
 แบบศลิ ปะพมา
 แบบอิทธิพลชางไทใหญ
 แบบชา งไทใหญ
 แบบเมอื งนาน
 แบบพืน้ บา น

Page |3

 แบบพนื้ เมืองยุคหลัง

 แบบรว มสมยั

- เทคนคิ : ลายเสน ลายคำ ลายรดน้ำ ภาพเขยี นสี ภาพประดบั มุก ภาพกระจกสี

4.4 ความตอ งการคร้ังท่ี 4

4.4.1 ปรับหวั ขอ ใน Metadata เปนใหมีรายละเอยี ดดงั น้ี

 ลำดบั ภาพ  ขนาด

 เลขทะเบียนภาพ  ชา งเขียน

 ช่ือภาพ  จารึก

 ประเภทงาน  คำอธิบายภาพ

 ทต่ี ้งั  อางองิ

 ตำแหนงภาพ  ผูเขียน

 กำหนดอายุ  ภาพถา ย

 ประเภทของภาพ  ไฟลภ าพดิจิทัล

 เนอ้ื หา  การปรับปรงุ ขอมูล

 แบบศลิ ปะ  กำหนดอายุ

 วัสด-ุ เทคนคิ

4.4.2 เพ่ิมเมนู บทความ สำหรบั แสดงเร่ืองราวทเี่ ปน pdf

4.4.3 เพม่ิ เมนู เอกสารอา งอิง สำหรับแสดงเอกสารทางวชิ าการทีเ่ กยี่ วของกับจิตรกรรมลา นนา

4.4.4 เพม่ิ เมนู กิจกรรม สำหรับแสดงผลงานกิจกรรมท่ีไดเขารว ม หรือ จัดแสดง

4.5 ความตองการคร้งั ท่ี 5

4.5.1 ขอเรยี งหมวดหมูใหมดงั น้ี

- จติ รกรรมลานนา

 สมัยลา นนายคุ ทอง  สมัยเจาเจ็ดตน

 สมยั พมาปกครอง  สมยั ใหมแ ละรว มสมยั

- ท่ตี ั้งจิตรกรรม

 เชยี งใหม  แพร

 ลำพนู  นาน

 ลำปาง  พะเยา

Page |5

 เชียงราย  แมฮองสอน

- ลานนาเชงิ ประเด็น

 ภาพเลา เร่ือง

 พุทธประวตั ิ , นบิ าตชาดก , ทศชาติชาดก , เวสสันดรชาดก , ปญญาสชาดก

 ธรรมบท , มาฆะมาณพ / ประวัตพิ ระอนิ ทร , นางสามาวดี

 บทละครนอก , สงั ขน อก , สุวรรณหงส

 นทิ านพน้ื บา น ตำนาน ประวัติศาสตรท อ งถ่ิน

 อ่นื ๆ : พระมาลัย การสังคยานาพระธรรม

 ภาพสญั ลักษณ

 พระอดีตพุทธ พระพุทธเจา 4 พระองค พระพุทธเจา ปางเปดโลก

 พระอัครสาวก พระสาวก/พระสงฆ พระอุปคุต

 ฉากจกั รวาล ภาพนรก ตนศรีมหาโพธ์ิ พระอาทิตยพระจนั ทร หมอปรู ณฆฏ

 บคุ คล

 พระพุทธเจา พระสาวก พระมาลัย พระอปุ คุต พระศรีอารยิ เมตไตร

 กษัตรยิ  เจา ชาย เทวดา ขนุ นาง ขา ราชสำนกั พราหมณ ทหาร

 ผหู ญงิ เด็ก คนแก ชาวบา น กลุมชาติพนั ธุ ชาวตา งชาติ

 ภาพบคุ คล เจาเมือง ชา งเขียน

 ภาพสัตว

 สตั วห ิมพานต กินรี นกหัสดลี ิงค หงส เสอื สิงห ชา ง มา วัว ควาย สุนขั นก ปลา

สตั วใ นลวดลาย

 ภาพธรรมชาติ

 ตนไม ปา ไม ภเู ขา ทวิ ทัศน แมน้ำ ลำธาร นอกเมือง ทวิ ทัศน สวน

 ภาพเหตกุ ารณ

 ราชสำนกั ขบวนเสดจ็ การเดินทาง วถิ ชี ีวิตชาวบาน ชีวิตประจำวัน ตลาด มหรสพ

การละเลน การแสดง ดนตรี ปรุงอาหาร สงคราม การตอสู หนมุ จีบสาว กามวสิ ัย

 ภาพสถาปต ยกรรม

Page |6

 เมอื ง ปราสาท พลับเพลา ศาลา บรรณศาลา อาศรม บา นเรือน กำแพงเมือง ประตู

เมอื ง อุทยาน บอน้ำ สะพาน

 ภาพขา วของเครื่องใช

 ราชรถ ยานพาหนะ เรอื เคร่ืองดนตรี อาวุธ เครือ่ งครัว เคร่ืองสูง เคร่อื งบูชา

 ลวดลาย

 ลายพันธุพ ฤกษา ดอกบัว ดอกโบตัน๋ ลายกระหนก ลายชอ งกระจก(กรอบลกู ฟก)

ลายรปู สัตว

- ประเภทงานจิตรกรรม

 จิตรกรรมฝาผนัง  หีบธรรม / ตูพระธรรม

 พระบฏ  สมุดภาพ

 พระพทุ ธบาท  ผา ยันต

- เทคนคิ

 ลายเสน

 ลายคำ

 ลายรดน้ำ

 ภาพเขยี นสี

 ภาพประดบั มุก

 ภาพประดบั กระจกสี

Page |7

- แบบศลิ ปะ
 แบบลา นนาชวงพุทธศตวรรณท่ี 20
 แบบลานนายุคทอง
 แบบลานนาชว งพทุ ธศตวรรษที่ 22-23
 แบบสกลุ ชางลำปาง
 แบบเชียงใหมช ว งพุทธศตวรรษที่ 25
 แบบศิลปะไทยภาคกลาง
 ฝมือชางเลียนแบบศิลปะกรงุ เทพ
 แบบศลิ ปะพมา
 แบบอทิ ธิพลศลิ ปะพมา
 แบบฝม ือชางไทใหญ
 แบบเมืองนา น
 แบบพื้นบาน
 แบบพืน้ เมอื งยุคหลัง
 แบบรวมสมัย

4.6 ความตอ งการครั้งท่ี 6
4.6.1 เพิ่มตัวอักษรในแถบสแี ดง
4.6.2 ปรบั ขอความ ชื่อตัวเลือกในเมนู ตดั คำวา แยกตามออก
4.6.3 ลำดบั ชอ่ื ยคุ สมยั ใหป รับเหลือแค 4 สมยั คอื สมยั ราชวงคม ังราย สมัยพมาปกครอง สมัยเจา
เจ็ดตน สมัยใหมและรวมสมัย
4.6.4 ขยายขนาดรปู ใหใหญข้ึน และ คลกิ เพิ่มขนาดใหญได
4.6.5 ใหสามารถใสรปู ยอยเพ่ิม ในหนาขอมลู เดียวกนั
4.6.6 ขอใหขยายพ้ืนท่อี ัพรูปไฟลใ หญข้นึ
4.6.7 ชวยใชร ายชอื่ บรรณานกุ รรมในแทปสืบคน และ แสนกบทความเขา ไป
4.6.8 ในหนา แรกขอมูล 4 สมัยพอคลิกเขา ไปได
4.6.9 ขอมูลที่มาโครงการในหนาแรกยายไปไวใ นหนาเกย่ี วกับเรา
4.6.10 ยา ยหวั ขอ ยอ ยของ Metadata ใหมาอยูเปนคอลัมปดานซา ยทงั้ หมดแลวเนน เปน ตัวหนาเขม
4.6.11 หวั ขอยอ ยไหนที่ไมมีขอ มลู ใหหวั ขอน้ันหายไปขา มไป
4.6.12 เพิ่มพื้นทีใ่ สขอ มูลสำหรับหัวขอจารึกประมาณ 10 บรรทดั

Page |8

4.7 ความตองการครั้งที่ 7
4.7.1 ปรบั หัวขอ ใน Metadata จาก เนือ้ หา/รายละเอยี ด มาเปนคำวา ท่มี าของภาพ
4.7.2 ลดขนาดภาพท้งั ภาพเล็ก และ ภาพใหญ
4.7.3 ปรับขนาดภาพขนาดเลก็ ใหไดภาพใหญท มี่ ี scale เดียวกัน เพ่ิมระยะหางใตรปู ใหญ
4.7.4 เชค็ การเรียงลำดับของแตละยุคสมยั ใหเรียงตาม List ขอ มลู 4 ตาราง
4.7.5 เชค็ การเรียงลำดบั ขอมลู แตละเรอ่ื ง ใหเ รียงตามรหัสภาพ
4.7.6 ต้ังคา ลำดบั ภาพในแตละแหลง / วัด ตามลำดับภาพท่ี เนือ่ งจากพอกดแกไขแลว รูปกลับมา
ไมเรยี งลำดับ
4.7.7 เพมิ่ ชอ งคนหา นบั จำนวนคนทมี่ าเขา ชมแตล ะวนั แตล ะภาพ
4.7.8 เพ่มิ ขอความแสดงผลงานลขิ สิทธ์ิ
4.7.9 ปรบั เนื้อหาในหนาเก่ียวกับเรา
4.7.1.0 หนา แรกใหม เี ฉพาะนิยามภาพรวม ตัดการแสดงบทความออก และ เพิ่มยุคสมยั และ คำ
บรรยายอยา งสน้ั
4.7.11 พอกดเขาแตละยุคสมัย ใหม ีคำบรรยายอยางยาว

4.8 ความตอ งการครั้งท่ี 8
4.8.1 เวลาเลอื กหมวดหมตู ามตำแหนง ที่ตงั้ ใหควบรวมวดั ที่ซำ้ กัน ใหเหลอื แคท ี่เดยี ว พอกดแลว
คอยใหเลือกวดั แลว เลอื กบทความ
4.8.2 ลบขอมลู กำหนดอายุ เปลีย่ นเปนวันที่แกไขขอมลู ลา สดุ ใหบันทกึ แบบอัตโนมตั ิ
4.8.3 เพิม่ ระบบปองกันการคัดลอกรปู ภาพและขอความ
4.8.4 เปล่ียนคำอธิบายภาพเปน ขอความยาว

5. ทรัพยากรทีใ่ ช
5.1. Apache Web Server Version 2.4.25
5.2. PHP Script Language Version 5.6.30 & 7.1.1
5.3. MySQL Database Version 5.7.17
5.4. phpMyAdmin Database Manager Version 4.6.6
5.5. Sublime Text Version 3.2.2
5.6. Adobe Photoshop CS6
5.7. Bootstrap v4.4.1

Page |9

5.8. jQuery v3.3.1
5.9. OS Windows 10 Pro | Processor: Intel(R) Core(TM) i7-7700HQ CPU @ 2.80GHz 2.81

GHz | Ram: 8.00 GB (7.89 GB usable)
6. การออกแบบหนา จอ

ในการออกแบบหนาจอของระบบครงั้ ท่ี ทางคณะผูจัดทำไดอ อกแบบใหมีเมนูเกย่ี วกับเรา ซง่ึ แยก
ออกเปน ขอมลู เกีย่ วกับเรา เก่ียวกบั โรงการ ประวตั ิของฐานขอมูลลา นนา และ อนื่ ๆ จากนั้นจึงจะเปน
บทความของฐานขอมลู ลานนา สวนชว ยเหลือ ติดตอเรา และ การเขา สรู ะบบของผดู ูแลระบบตามลำดบั
ดงั ภาพที่ 1 การออกแบบหนาจอของระบบคร้งั ที่ 1

ภาพที่ 1 การออกแบบหนา จอเมนูของระบบคร้ังที่ 1
จากนน้ั สว นเทคโนโลยที างการศึกษาและสารสนเทศจึงไดทำการออกแบบหนาจอโดยกำหนดใหม ีโลโก
ของฐานขอมลู ศลิ ปะที่ถกู ออกแบบโดยคณะทำงานฯ อยูตรงกลาง เนนสแี ดงของคณะวจิ ิตรศลิ ป มีปมุ คน หา
และ แถบเมนูถัดลงมา 4 แถบ ไดแ ก หนา แรก เกีย่ วกับโครงการ ลานนาประเพณี ลา นนารวมสมัย และ ตดิ ตอ
เรา ตามภาพท่ี 2 การออกแบบหนาจอของระบบ คร้งั ที่ 1

P a g e | 10

ภาพที่ 2 การออกแบบหนา จอของระบบครง้ั ท่ี 1
ลำดบั ถัดมาเปน สไลดร ปู ภาพขนาดใหญท เ่ี กย่ี วของกับโครงการ และ เมนจู ำแนกประเภทของ
เนอื้ หาภายในฐานขอมลู อนั ไดแก ขอมูลยคุ สมัย ประเภทจิตรกรรม แบบศิลปะ และ เนอ้ื หาของ
บทความ จากนั้นจะเปนขอมูลสถติ กิ ารเขาชมระบบโดยรวม ดังภาพท่ี 3 การออกแบบหนา จอของ
ระบบครั้งที่ 1

ภาพที่ 3 การออกแบบหนา จอของระบบครั้งท่ี 1

P a g e | 11

จากนัน้ จะแสดงขอมลู ทม่ี าของโครงการอยางยอ พรอ มรปู ภาพประกอบ เพื่อใหผทู ่ีเขามา
รบั ชมระบบมคี วามเขา ใจถงึ สาเหตุของการดำเนนิ การโครงการมากย่ิงขึ้น ดงั ภาพที่ 4 การออกแบบ
หนา จอของระบบครัง้ ที่ 1

ภาพที่ 4 การออกแบบหนาจอของระบบครัง้ ที่ 1
ในหนาแรกลำดับถดั มาเปนขอมลู บทความ เนื้อหาของฐานขอ มูลลา สดุ 3 เน้ือเรื่อง และ
ภาพประกอบขนาดเล็ก เพื่อเพิ่มความนาสนใจของเน้ือหา ดังภาพท่ี 5 การออกแบบหนา จอของระบบ
ครง้ั ท่ี 1

P a g e | 12

ภาพที่ 5 การออกแบบหนา จอของระบบครั้งที่ 1
สดุ ทา ยของหนาแรกจะเปน สวนของ Footer ซงึ่ จะเหมอื นกนั ท่ัวทั้งระบบ ประกอบไปดวย
ขอมูลสำหรับการตดิ ตอ ขอมูลลขิ สิทธ์ิ การลงิ คไ ปยังเนื้อหาทสี่ ำคัญของระบบ เพ่ือความงา ยตอการ
เขาดูระบบ ดังภาพท่ี 6 การออกแบบหนา จอของระบบครง้ั ที่ 1

ภาพที่ 6 การออกแบบหนา จอของระบบครั้งที่ 1
เมือ่ กดไปยังเมนลู านนาประเพณี หรอื ลา นนารวมสมยั จะปรากฏจังหวดั ที่ขอมูลศลิ ปะไทย
นนั้ ๆ ตัง้ อยู ดงั ภาพท่ี 7 และ ภาพที่ 8 การออกแบบหนา จอของระบบคร้ังที่ 1

P a g e | 13

ภาพท่ี 7 การออกแบบหนาจอของระบบครง้ั ที่ 1

ภาพที่ 8 การออกแบบหนาจอของระบบครั้งที่ 1
เมื่อกดเขาไปในจงั หวัด เชน เชยี งใหม จะปรากฏบทความหรือเนื้อหาทอ่ี ยใู นจังหวัดทเ่ี หลือ
เพอ่ื จะเขา ไปดรู ายละเอียดอีกคร้ัง ดงั ภาพที่ 9 การออกแบบหนาจอของระบบครั้งที่ 1

P a g e | 14

ภาพที่ 9 การออกแบบหนาจอของระบบครงั้ ที่ 1
หนา จอสำหรบั แสดงรายละเอียดของบทความ จะปรากฏรายละเอยี ดตามที่ผใู ชง านไดท ำการ
เพม่ิ ขอมูลเขามาในฝง ซา ย และ ขอ มลู ทเ่ี กี่ยวของในฝง ขวา ดังภาพท่ี 10 การออกแบบหนาจอของ
ระบบครงั้ ท่ี 1

P a g e | 15

ภาพที่ 10 การออกแบบหนา จอครง้ั ที่ 1
ในสวนของระบบการจัดการขอมูล (Backend) ของระบบ จะมหี นาจอสำหรับให Login เพือ่
ใชช อื่ ผใู ชงานและรหัสผา น ดังภาพท่ี 11 การออกแบบหนาจอสวน Backend คร้ังที่ 1

ภาพที่ 11 การออกแบบหนา จอสว น Backend คร้ังท่ี 1
เม่อื ทำการ Login เขา มาไดอยางถกู ตองแลว จะมีหนา จอฝง ซายเปนเมนุสำหรับจัดการขอมูล
ตา งๆ และ ฝง ขวาเปน สว นของการจดั การตามท่ีไดเ ลอื กเมนู

P a g e | 16

ภาพที่ 12 การออกแบบหนา จอสวน Backend คร้งั ท่ี 1
ในสวนของบทความ จะมีสวนของแบบฟอรม ใหกรอกขอมลู รายละเอียดทงั้ หมดของบทความ
ทั้งชอื่ บทความ ตำแหนงที่ตง้ั พิกัดทต่ี ้ัง ชวงอายุ ประเภทบทความ ดังภาพท่ี 13 และ ภาพท่ี 14 การ
ออกแบบหนา จอสวน Backend ครงั้ ท่ี 1

ภาพท่ี 13 การออกแบบหนาจอสว น Backend ครั้งท่ี 1

P a g e | 17

ภาพที่ 14 การออกแบบหนา จอสว น Backend คร้งั ที่ 1
เมื่อระบบดำเนินการจนกระทั่งถึงการปรบั เปลยี่ นขอมลู ใหญใ นคร้ังท่ี 2 สว นเทคโนโลยี
ทางการศกึ ษาและสารสนเทศ ไดทำการออกแบบหนา จอใหม เพ่อื ใหสอดคลอ งกบั ความตองการท่ี
เปลย่ี นแปลงไป โดยจะทำการตัดขอมูลลานนารว มสมยั ออกไป เปล่ยี นจากเมนูตา งๆ ออกเปน
เก่ยี วกบั เรา จิตรกรรมลานนา ลา นนาเชิงประเดน็ ตดิ ตอ เรา เพิ่มเตมิ ดังน้ี
1. ระบบเอกสารอางองิ สำหรับแสดงขอมูลทางวชิ าการในการอา งอิงเนื้อหาของศลิ ปะไทย

จากแหลง ตางๆ
2. ระบบบทความ สำหรับแสดงเนอ้ื หาในรูปแบบของไฟล PDF สำหรบั บทความท่เี คยมกี าร

ตีพมิ พ หรือ จัดทำแลว
3. ระบบกิจกรรม สำหรบั แสดงภาพ หรอื งานกจิ กรรมท่ีทางคณะทำงานไดด ำเนินการ หรือ

กำลังจะดำเนนิ การ
การออกแบบหนาจอครั้งท่ี 2 ดังจะปรากฏในภาพที่ 15 การออกแบบหนาจอเมนขู องระบบ
คร้ังท่ี 2

P a g e | 18

ภาพท1่ี 5 การออกแบบหนา จอเมนูของระบบคร้งั ที่ 2

การแสดงผลของหนา จอระบบในการออกแบบครั้งที่ 2 มีการปรับเปลี่ยน โลโกข องระบบโดย
เพ่มิ คำวา CMU เขา มาในโลโกดว ยเพื่อบงบอกถึงสว นหนึง่ ของมหาวิทยาลัยเชยี งใหม แตยงั คงเนน สี
แดงของคณะวจิ ิตรศิลปดังเดิม เมนจู ะทำตามการออกแบบตามภาพท่ี 15 ทัง้ หมด แตจะแตกเมนู
ยอยลงมาจากหมวดหมูของจิตรกรรมลานนา และ ลานนาเชิงประเดน็ ตามท่ผี ูใชงานไดก ำหนดใน
ระบบจัดการหลงั รา นของระบบ (Backend) ดังภาพท่ี 17 และ ภาพที่ 18 แสดงเมนยู อ ยจากเมนูหลกั
ถดั จากเมนจู ะเปน ภาพสไลดทีเ่ กี่ยวขอ ง เปน ภาพของยคุ สมัยท้ัง 4 ยุค และ ภาพรวมของจิตรกรรม
ลา นนา

ถดั มาเปน คำอธิบายอยางยอของจติ รกรรมลานนา และ ยุคสมัยที่สำคญั ท้ัง 4 ยคุ พรอม
คำอธบิ ายอยา งยอ และ ลงิ คเ พือ่ กดเขา ไปดูรายละเอยี ดของเน้ือหาบทความที่อยูใ นยุคนัน้ ๆ ดังภาพท่ี
16 การออกแบบหนาจอของระบบ คร้งั ท่ี 2

P a g e | 19

ภาพที่ 16 การออกแบบหนาจอของระบบ คร้งั ที่ 2

P a g e | 20

ดังภาพท่ี 17 แสดงเมนูยอยจากเมนูหลกั

ดังภาพที่ 18 แสดงเมนยู อ ยจากเมนหู ลัก
เมอ่ื กดเขา มาดรู ายละเอยี ดจะแสดงเปน เมนูยอ ยในเมนูหลกั ซอ นกนั ตามลำดับช้นั และ
เน้อื หาเพ่ือใหผ เู ขาชมไดเลือกคลิกเพ่ืออา นรายละเอยี ด ดงั ภาพที่ 19 แสดงเนื้อหาในหมวดหมยู อ ย

P a g e | 21

ภาพที่ 19 แสดงเนื้อหาในหมวดหมยู อ ย
ในสวนของหนา จอระบบสว นท่ีแสดงรายละเอียด จะมีการปรับหัวขอท่จี ะแสดงตามความ
ตอ งการท่ปี รบั เปลยี่ นไป พรอ มรปู ภาพประกอบขนาดเล็ก จำนวนหน่ึง หรือ มากกวา ตามท่ผี ใู ชงาน
ไดเพ่ิมเขา ไปในฐานขอมูล ซ่ึงในรปู ภาพจะสามารถกดเพื่อดูรูปภาพท่ีมีขนาดใหญกวาได
ถัดจากน้ันจะมี Tag หรอื คำคน สำคญั ตามทีเ่ นือ้ หาไดกลาวถงึ เพ่ืองายตอการคน หาขอ มูลท่ี
เก่ยี วขอ งกัน อาทเิ ชน พระบฏ พุทธชาติชาดก เปน ตน ดังภาพท่ี 20 หนาจอแสดงเน้ือหารายละเอยี ด
ของบทความ

P a g e | 22

ภาพท่ี 20 หนาจอแสดงเน้อื หารายละเอียดของบทความ
สวนของการจัดการหลังรา น (Backend) ของระบบมีการปรับเปลีย่ นการแสดงผลและเน้ือหา
ดังหนาสำหรบั การเขา สูระบบ ภาพที่ 21 หนา จอการเขาสูร ะบบ

P a g e | 23

ภาพท่ี 21 หนาจอการเขาสรู ะบบ
การจัดการหมวดหมขู องบทความ จะสามารถจัดการไดในหนาหมวดหมูของขอมูลโดยการ
คลิกท่ีเมนู หมวดหมูขอมูลฝงซาย การปอ นขอ มูลจะสามารถเลอื กไดว า หมวดหมูทเี่ พ่ิมไปนัน้ อยูใน
หมวดหมใู ด เพื่อนำไปแสดงผลตามลำดบั ของหมวดหมูอ ีกคร้งั มขี อ ดขี องระบบน้คี อื สามารถเพมิ่
หมวดหมยู อ ยไดเ รอื่ ยๆตามท่ีผูใ ชง านตองการ ดงั ภาพที่ 22 หนา รวมของรายการหมวดหมสู ินคา และ
ภาพท่ี 23 ภาพรวมของรายการหมวดหมูสนิ คา เรยี งลำดับตามหมวดหมหู ลกั และหมวดหมูย อย

ภาพท่ี 22 หนารวมของรายการหมวดหมูส ินคา

P a g e | 24

ภาพที่ 23 ภาพรวมของรายการหมวดหมสู นิ คา เรยี งลำดบั ตามหมวดหมหู ลักและหมวดหมยู อ ย
การจัดการบทความเพิ่มสว นของการคนหาบทความไดตามชือ่ บทความ หรอื ตามหมวดหมู

เพ่ือดภู าพรวมของหมวดหมูวา มเี รื่องทีแ่ สดงจำนวนเทาใด ดังภาพที่ 24 หนา รายการแสดงเนอ้ื หา
บทความศลิ ปะไทย

ภาพท่ี 24 หนา รายการแสดงเนื้อหาบทความศลิ ปะไทย
การเพ่ิม หรอื แกไขขอ มูลของรายละเอยี ดเน้อื หาศลิ ปะไทยจะจัดเรยี ง และ ตัง้ หวั ขอใหมตามความ
ตองการท่ีเปลีย่ นแปลงไป อาทิ การเพ่ิมรปู ภาพไดหลายรปู ไมจำกัด การเพอื่ หัวขอทเ่ี กย่ี วของใหม การเลือก
หมวดหมขู องเนื้อหาไดค ร้ังละ หลายๆ หมวดหมู ดังภาพที่ 25 หนาแกไขจัดการเนอ้ื หาของบทความศลิ ปะไทย

P a g e | 25

ภาพที่ 25 หนา แกไ ขจัดการเนอื้ หาของบทความศลิ ปะไทย

P a g e | 26

7. Flowchart

ภาพท่ี 26 Flowchart ของระบบครั้งท่ี 1

การออกแบบระบบครงั้ ท่ี 1 จะเรม่ิ ตง้ั แตการเขาชมหนา เวปไซค และ ใหเ ลือกวาจะเขาไปสหู นา
จดั การระบบหลงั รา น(Backend) หรือไม หากจะเขา ไปตองทำการเขาสูร ะบบ จากนั้นจงึ จะทำการจดั การ
ขอมลู ท่ีตองการ

P a g e | 27

ภาพที่ 27 Flowchart ของระบบสว น Frontend
สำหรับการปรับปรุงระบบครงั้ ท่ี 2 จะเนน ที่การนำเสนอหมวดหมูของเน้ือหาศลิ ปะไทยใหผทู ี่เขา มา
รับชมไดม โี อกาสเลอื ก จึงขอแบงลำดับ Flowchart เปนสวนของหนาเวปไซค (Frontend) และ สว นการ
จดั การระบบหลังรา น (Backend)
Flowchart ของสวน Frontend จะใหเ ลือกวาจะเขา หนาท่ีตอ งการ หรอื หมวดหมทู ีต่ องการหรือไม
หากตองการรบั ชมสวนของหมวดหมู ระบบจะทำการวิเคราะหอ ีกวา หมวดหมนู ้ันเปนขอมูลตำแหนง ทตี่ ้งั
หรือไม หากใชตอ งทำการเลอื กจงั หวดั ทีเ่ นอื้ หาน้ันๆ อยู จากน้ันจะวิเคราะหวามีหมวดหมยู อ ยลงไปกวา
นน้ั หรอื ไม ระบบจะใหเ ลอื กหมวดหมไู ปตรงไมม ีหมวดหมูยอ ยกวาหมวดหมูท่เี ลือกแลว จึงจะเปน สวนของ

P a g e | 28

เนอ้ื หาใหเลอื กวาอยากเลอื กอานเนือ้ หาใด แลวสดุ ทา ยผูใชจะไดเขาสหู นาเนื้อหาทต่ี องการตามหมวดหมทู ี่
เลือกไดอ ยา งตรงความตอ งการทส่ี ุด

ภาพที่ 28 Flowchart ของระบบสว น Backend
สวนของการจัดการระบบสว น Backend จะมเี มนใู หผูใ ชง านไดเ ลอื กวาจะเขาไปจดั การขอมูลสวนใด
หากเปนการจดั การหมวดหมู จะใหเ ลอื กวาเปนหมวดหมหู ลัก หรือ มีหมวดหมูทอี่ ยบู น (Parent) ของ
โหนดของหมวดหมนู ้ันหรอื ไม หากมี ระบบจะทำการประมวลผลใหอยใู ตห มวดหมูนน้ั ๆ เปน ลำดับขัน้ ตอน
ถดั จากการลงมาตอไป

P a g e | 29

8. Context Diagram

ภาพที่ 29 Context Diagram Level 0 ครั้งที่ 1

ในการออกแบบครงั้ ท่ี 1 ระบบจำแนกสว นของผใู ชงานเปน 2 ฝงคอื ผเู ขา ชมระบบ และ ผดู แู ลระบบ
ซึง่ ผเู ขาชมระบบจะสง ขอมูลที่อยากจะรับชม และ ขอมูลทต่ี องการคน หามาใหร ะบบ เพื่อรับขอมูลที่ตอ งการ
และผลของการคนหากลบั คืน สวนของผดู แู ลระบบมีหนา ทต่ี อ งใหขอ มูลหมวดหมู และ รายละเอียดของศลิ ปะ
ไทยเขาสูระบบ ระบบจะทำการประมวลผลและสง รายงานการเขาสูเ วปไซคข องผูใชง านระบบกลบั คืนให

P a g e | 30

ภาพที่ 30 Context Diagram ของการออกแบบระบบคร้งั ท่ี 2
ในการออกแบบระบบครั้งท่ี 2 จะถกู เปลยี่ นเปน ฝง ของ User และ Admin เพ่อื ใหก วา งข้ึนครอบคลุม
การมสี ว นรวมของผเู ขา ระบบ แตย ังคงการรบั ขอมูลที่ตองการจากฝงของ User และ ขอ มูลเนือ้ หาจากฝง
ของ Admin เพื่อสง ขอ มูลทต่ี องการกลับคืนใหท้งั 2 ฝง เชน ดงั่ เดมิ

P a g e | 31

9. DFD Level 1

ภาพท่ี 31 DFD Level 1 ของการออกแบบระบบครั้งท่ี 1

การออกแบบระบบครัง้ ที่ 1 DFD จะแยกออกเปน 2 ระบบยอย อันไดแ ก ระบบ Login เพ่อื เขาสู
ระบบ , ระบบจัดการหลังบา น คอื สว นทจ่ี ะจดั การขอมูลเน้ือหาศิลปะไทย และ ระบบการจดั การการ
แสดงผลและคน หาในหนาเวปไซค มฐี านขอมูลทีเ่ กย่ี วของอยู 9 ตารางขอมูล ดงั ภาพที่ 31 DFD Level 1
ของการออกแบบระบบครง้ั ที่ 1

P a g e | 32

ภาพท่ี 32 DFD Level 1 ในการออกแบบระบบครง้ั ท2ี่
ในการเปล่ยี นแปลงความตอ งการ ทำใหก ารออกแบบระบบจำเปนตองปรบั เปลย่ี นเปน 5 ระบบยอ ย
อันไดแก
1. ระบบการ Login สำหรับเขาสูก ารจดั การหลังราน
2. ระบบการจัดการหมวดหมูของขอมลู เนอ้ื หาศิลปะไทย
3. ระบบการจดั การเนื้อหาขอมูลศลิ ปะไทย
4. ระบบจัดการการแสดงผลหนาเวปไซค อนั ไดแ ก รูปภาพสไลดหนา แรก การจัดการบทความ และ

การจดั การเอกสารอางอิง
5. ระบบจัดการขอมูลงานกิจกรรม
ฐานขอมูลในการใชประกอบดวย ตารางขอมลู ทัง้ สิน้ 10 ตาราง ดงั ภาพที่ 32 DFD Level 1 ในการ
ออกแบบระบบคร้ังท2่ี

P a g e | 33

10. Data Relationship

ภาพท่ี 33 Data Relationship ของระบบคร้งั ที่ 1

การออกแบบระบบครั้งที่ 1 ฐานขอมลู ที่สมั พนั ธกันจำนวน 3 ฐานขอมูล อันไดแ ก ArtsData สำหรบั
จดั การเน้อื หาขอมูลศลิ ปะไทย มีความสมั พันธแ บบ One to Many ไปยังตารางขอมูล MixData ซงึ่ กม็ ี
ความสำพนั ธแบบ One to One ไปยังฐานขอมูล Category และ นอกจากน้ี ตาราง ArtsData ยังมี
ความสมั พนั ธก ับตาราง Pic แบบ One to Many เพื่อเกบ็ ขอมลู ประเภทรูปภาพอีกดว ย

P a g e | 34

ภาพที่ 34 Data Relationship ของการปรบั ปรุงระบบครั้งท่ี 2
การเปลยี่ นแปลงความตองการทำให Data Relationship ของตารางในฐานขอมลู มีการเปล่ียนแปลง อนั
ไดแ ก ตาราง ArtsData มีความสัมพันธไปยังตาราง MixData Writer และ User แบบ One to One จากการ
ตาราง MixData จะมคี วามสัมพันธไปยังตาราง Category แบบ One to one อีกท้งั ตาราง ArtsData ยัง
สมั พนั ธไ ปยังตาราง Pic แบบ One to Many
การเพ่ิมเขา มาของสว นการแสดงผลงานกจิ กรรม ทำใหมตี าราง NewsEvent ท่สี ัมพันธก ับตาราง
PicEvent แบบ One to Many เพม่ิ เขามาอีกดว ย ดังภาพที่ 34 Data Relationship ของการปรับปรุงระบบ
ครัง้ ที่ 2

P a g e | 35

11. Data Dictionary
การจัดทำคร้งั ท่ี 1

Artrecord (สําหรับเกบ็ บทความศิลปะไทย)

วาง หมายเหตุ
สดมภ ชนดิ เปลา คา ปรยิ าย

(null)

IDArtRecord int(11) ไม Not Null รหัสขอ มลู

No int(11) ไม หมายเลขบทความ

Name int(11) ไม ชอ่ื บทความ

IDProvince int(11) ไม จงั หวัดท่ตี ้งั

IDAmphur int(11) ไม อำเภอท่ีตั้ง

IDDistrict int(11) ไม ตำบลท่ตี ้ัง

Zipcode varchar(150) ไม รหสั ไปรษณีย

NameTemp varchar(255) ไม จดุ ที่ผลงานศลิ ปะน้นั ตดิ ตั้ง

Age varchar(255) ไม อายขุ องผลงาน

TypeArt int(11) ไม ประเภทผลงาน

IDMainType int(11) ไม หมวดหมหู ลักของศลิ ปะ (ศิลปะลา นนา / ศลิ ปะรว มสมัย)

Priority text ไม ความสำคญั ของขอมลู

OldArt text ไม ลักษณะวหิ ารหลงั เดมิ

Artist text ไม ผสู รางผลงาน

HIstory text ไม ประวัติ

Inscription text ไม จารึกของผลงาน

Character text ไม ลักษณะของผลงาน

Postion text ไม ตำแหนง โดยละเอียดของผลงาน

Config text ไม องคป ระกอบและการตคี วาม

Technic text ไม เทคนิคทใ่ี ช

Author int(255) ไม ผูเขียนบทความ

Photographer int(255) ไม ชอ่ื ชา งภาพ

P a g e | 36

Reference text ไม ผลงานอา งองิ
สถานะการเผยแพรขอ มลู
StatusData varchar(150) ไม

Picatt (ตารางเกบ็ รูปภาพ)

วา ง หมายเหตุ
สดมภ ชนดิ เปลา คาปรยิ าย

(null)

IDPic int(11) ไม รหัสขอ มลู

Name varchar(255) ไม ช่อื ภาพ

IDDataArts int(11) ไม ชื่อศิลปะไทย(บทความ)อา งองิ

Province (ตารางจังหวัด)

วา ง หมายเหตุ
สดมภ ชนดิ เปลา คา ปริยาย

(null)

IDProvince int(11) ไม รหัสขอมลู

Name varchar(255) ไม ชอ่ื จงั หวดั

StatusData varchar(150) ไม สถานการณเ ผยแพรข อ มลู

Pic varchar(150) ไม รปู ภาพประกอบ

Type (ตารางประเภทผลงาน)

วา ง หมายเหตุ
สดมภ ชนดิ เปลา คาปริยาย

(null)

IDType int(11) ไม รหสั ขอ มลู

NameTH varchar(255) ไม ชือ่ ประเภทภาษาไทย

NameEN varchar(255) ไม ช่อื ประเภทภาษาอังกฤษ

StatusData varchar(150) ไม สถานการณเผยแพรขอมลู

P a g e | 37

User (ตารางผใู ชง าน)

วา ง หมายเหตุ
สดมภ ชนิด เปลา คาปรยิ าย

(null)

IDUser int(11) ไม รหัสขอ มลู

Name varchar(255) ไม ชอื่

Surname varchar(255) ไม นามสกลุ

Nickname varchar(150) ไม ชื่อเลน

Username varchar(255) ไม ชื่อผใู ช

Password text ไม รหสั ผใู ช

Permition varchar(150) ไม สิทธกิ ารใชงาน

LastUpdate datetime ไม วนั ท่แี กไขขอ มลู ลาสุด

StatusData varchar(150) ไม สถานการณเผยแพรขอมลู

การจัดทำระบบครง้ั ท่ี 2
Artsdata สำหรับเก็บขอ มลู เน้ือหาศลิ ปะไทย

Column Type Null Default Comments

IDArtsData int(11) No รหสั ขอมลู

NoNumber varchar(255) No ลำดบั ภาพ

ImageCode varchar(255) No รหสั ภาพ

Title varchar(255) No ชื่อเนื้อหา

NameTemp varchar(255) No ชอ่ื วัด

Tumbon varchar(255) No ตำบล

Amphur varchar(255) No อำภอ

IDProvince int(11) No จงั หวดั

PositionImg varchar(255) No ตำแหนงของภาพ

AgeImg varchar(255) No อายขุ องภาพ

P a g e | 38

TypeImg varchar(255) No ประเภทภาพ
เนอ้ื หา
Content text No แบบศลิ ปะ
วัสดแุ ละเทคนคิ
Styles varchar(255) No ขนาด
ชา งเขียน
MatAndTech varchar(255) No จารกึ
คำอธิบายภาพ
size varchar(255) No อางองิ
ผเู ขียน
painter varchar(255) No ขอ มลู ไฟลด จิ ติ อล (ยกเลกิ )
วนั ทีข่ องไฟล (ยกเลิก)
Inscription text No วนั ทบี่ นั ทึกขอ มูล
สถานะของรายการ
Description text No วันทแ่ี กไ ขรายการลา สดุ
ประเภทงานศลิ ปะ
Reference varchar(255) No

Writer varchar(255) No

FileRecord varchar(150) No

Dating date No

DateAdd datetime No

StatusData varchar(150) No

DateLastUpdate datetime No

TypeArts varchar(255) No

Category หมวดหมู

Column Type Null Default Comments

cid int(11) No รหัสขอมลู

name varchar(150) No ชือ่ หมวดหมู

parent int(11) No หมวดหมหู ลกั ของหมวดหมูยอ ย

StatusData varchar(150) No สถานะของขอ มลู

Pic varchar(150) No รปู ภาพประกอบหมวดหมู

ShortText text No คำอธบิ ายอยางยอ

Code varchar(150) No รหสั ของหมวดหมู

P a g e | 39

ColorGroup varchar(255) No สขี องหมวดหมู
สีของขอ ความของหมวดหมู
ColorText varchar(255) No ลำดับการจดั วางหมวดหมู
ประเภท
ColumnList int(11) No สญั ลกั ษณ
รายละเอียดอยางยาว
Type varchar(150) No

Icon varchar(150) No

Detail text No

Mixdata รวบรวมขอ มลู เน้ือหาและหมวดหมู

Column Type Null Default Comments

IDDataArts int(11) No รหัสเนือ้ หา

IDCate int(11) No รหสั หมวดหมู

StatusData varchar(150) No สถานะของขอมลู

IDMixData int(11) No รหสั ขอ มลู

Newsevent งานกิจกรรม

Column Type Null Default Comments

IDNews int(11) No รหสั ขอ มลู

Type int(11) No ประเภท

DateShowStart datetime No วันที่เร่ิมงานกจิ กรรม

DateShowEnd datetime No วนั ทส่ี นิ้ สดุ งานกิจกรรม

PidDisplay varchar(155) No ภาพเล็ก

PidTop varchar(255) No ภาพใหญ

Topic varchar(255) No หัวขอ

Detail text No รายละเอยี ด

StatusData varchar(60) No สถานะขอมลู

ArtistName varchar(255) No ชื่อศลิ ปน ทแี่ สดงงาน

P a g e | 40

DateAdd datetime No วันทบ่ี ันทึกขอ มลู
Area varchar(150) No พ้นื ทที่ ี่จัดแสดง / พื้นท่กี จิ กรรม

Page หนาตางๆในระบบ

Column Type Null Default Comments

IDPage int(11) No รหัสขอมลู

PageName varchar(255) No ชือ่ หนา

Detail text No รายละเอียด

Topic varchar(255) No หัวขอ

PicBG varchar(255) No รูปภาพแบนเนอร

map text No แผนที่

Pic รปู ภาพ Null Default Comments
Column Type No รหัสขอมลู ศิลปะ
IDArtsData int(11)

Name varchar(255) No ช่อื รูปภาพ
IDPic int(11) No รหัสขอมลู
OldName varchar(255) No ชื่อภาพเดมิ

Picevent รูปภาพกิจกรรม

Column Type Null Default Comments

IDPicEvent int(11) No รหัสขอ มลู

NamePic varchar(255) No ชื่อภาพ

IDNewsEvent int(11) No รหสั ขอมลู กิจกรรม
OldName varchar(255) No ชือ่ ภาพเดมิ
StatusData varchar(20) No สถานะของขอมูล

P a g e | 41

Picslider รปู ภาพสไลดห นาแรก

Column Type Null Default Comments

PicSID int(11) No รหัสขอมลู

Topic varchar(255) No ช่อื หวั เรอื่ ง

text text No คำอธิบาย

Link text No ลิงคไปยังทีต่ อ งการ

PicSName varchar(250) No ชือ่ ภาพ

User ขอ มูลผใู ชงาน Null Default Comments
Column Type

Username varchar(255) No ชอื่ ผใู ชง าน

Password text No รหสั การเขาใชงาน

StatusData varchar(150) No สถานะของขอมลู

Name varchar(255) No ชือ่ ผูใชง าน

Surname varchar(255) No นามสกลุ ผใู ชงาน

Display varchar(255) No รูปภาพ

Position varchar(255) No ตำแหนง

Permition varchar(30) No สิทธ์ิของผูใชงาน

IDUserNK int(11) No รหสั ขอ มลู

Writer ขอมูลผเู ขยี นเนือ้ หาศิลปะ

Column Type Null Default Comments

IDWriter int(11) No รหสั ขอ มลู

Display varchar(100) No ภาพประกอบ

Name varchar(150) No ช่อื ผเู ขยี น

Detail text No รายละเอียด

P a g e | 42

12. การทดสอบโปรแกรม
สรุปการประชุมรวมกบั ผูทรงคณุ วฒุ ิประเมินงาน คร้ังที่ 1 ในวันพฤหัสบดีท่ี 26 สงิ หาคม 2564

การประเมนิ โครงการและเวบ็ ไซตโ ดยผทู รงคณุ วุฒปิ ระเมินงาน ครง้ั ท่ี 2
ในวนั อังคารที่ 28 สิงหาคม 2564
รองศาสตราจารย ดร. ชยั ยศ อิษฎวรพันธุ ภาควิชาทฤษฎีศิลป คณะจิตรกรรม ประติมากรรม
และภาพพมิ พ มหาวิทยาลยั ศลิ ปากร และ

P a g e | 43

ผูชวยศาสตราจารย ดร.ชัยวฒั น นนั ทศรี ภาควิชาบรรณารกั ษ ศาสตรและสารสนเทศศาสตร คณะ
มนษุ ยศาสตร มหาวทิ ยาลัยเชียงใหม

P a g e | 44

แบบประเมินโครงการระบบฐานขอมูลศลิ ปะลานนา: จิตรกรรมลานนา

การประเมินภาพรวมของโครงการโดยผทู รงคณุ วุฒิ

1. ภาพรวมของงาน (เว็บไซต) มคี ุณภาพเปนไปตามวัตถุประสงคของโครงการและมีขอที่ควรแกไขปรับปรุง
อยา งไร ภาพรวมมคี วามสวยงาม สสี ันเหมาะสมกับโครงการฐานขอมลู ศลิ ปะลา นนา การแบงเมนูของเวบ็ ไซต

เพ่ิมเตมิ บาง Feature ท่นี าจะทำได เชนการเพม่ิ รูปในหวั เรอ่ื งไดม ากกวา 1 หัวเรอื่ ง

เพ่ิม Metadata บางตัวในสว น Administrator

สว นผใู ช เพม่ิ Navigator เมือ่ ผูใชทำการเลือกดขู อมลู ลกึ ลงไปในแตละเมนู

ปดบางเมนูที่ยังไมไดใ ช (แตเตรียมไวในสว น Admin เปนสิ่งที่ดีมาก แครอเมื่อมีขอ มลู ถงึ เปดใชง าน
ไมเชนนน้ั ผใู ชอ าจจะมีความสบั สนได)

2. โครงสรางของระบบฐานขอมูลหรือเว็บไซตมีการออกแบบอยา งถูกตอ งเหมาะสมตามหลักวิชาการหรือการ
ใชง านหรือไม มขี อควรแกไ ขปรับปรุงอยางไร

จากโครงสรางฐานขอมูลที่ไดนำเสนอจากทีมงานนักวิจัย พบวา มีความเหมาะสมกับวัตถุประสงคของ
โครงการ มีการออกแบบท่ีรองรับการขยายเน้ือหา (จำนวนขอ มูล) ในอนาคตไวได

3. ชุดขอมูลจิตรกรรมลานนาที่จัดทำขึ้นมีคุณภาพเพียงพอสำหรับการเผยแพรแกสาธารณะ เพื่อใหเกิด
ประโยชนตามวัตถุประสงคห รือไม

ขอ มลู ที่ไดรบั การนำเสนอและทำการตรวจสอบ มีคณุ ภาพมาก และสอดคลองกัน ซึง่ ผวู จิ ยั สามารถนำ
ขอมูลที่ไดทำการสำรวจไว นำเสนอตามหลักวิชาการ และสามารถนำเสนอมุมมองตามสิ่งที่ผูวิจัยเห็น
ความสำคัญได โดยปจจุบันเนนการนำเสนอตามสถานที่ ซึ่งอาจนำขอมูลนำเสนอตามหัวเร่ือง หรือยุคสมัย
ตอ เนอื่ งได เนื่องจากผูวจิ ยั ไดเตรียมภาพและจดั เก็บขอมูลครบถวนตามหลกั วชิ าการ
4. ขอเสนอแนะในดานการบริหารจัดการฐานขอมูล การเผยแพร และการพัฒนาตอ ในอนาคต ตลอดจนสิ่งท่ี
ควรระวงั หรือแกไ ขปรับปรุง

เตรียมเรอ่ื งลิขสิทธิข์ องภาพและเนอื้ หา แนะนำวา หากใช Creative Common สวน BY และ Non
Commercial

P a g e | 45

ลงนาม ผปู ระเมิน
(ผูช ว ยศาสตราจารย ดร. ชยั วฒั น นันทศร)ี

ผูท รงคณุ วุฒิประเมินโครงการระบบฐานขอมลู ศิลปะลานน