หลกและทฤษฏการสอสาร กมลรฐ อนทรทศน และ พรทพย เยนจะบก

การสอสาร ชวตเปนเรองของการเรยนรและสงหนงทส าคญและตองมการเรยนรคอ ความสมพนธ หรอ มนษยสมพนธ เพราะทกสงทกอยางในโลกนมกเปนบทเรยนของกนและกน ถาไมใสใจเรยนรซงกนและกนกจะอยในโลกนดวยความยากล าบาก เพราะชวตจะมคณคาและรสกมความสขเมอไดแสดงออกอยางทรสก มโอกาสเรยนรเรองราวและสงใหมๆตามทเราตองการ ดงนนความส าเรจของมนษยในการด ารงชวตทวไปจงมกมขอก าหนดไวอยางกวางๆวา เราจะตองเขากบคนทเราตดตอดวยใหไดและตองเขาใหไดด ดวยการเรยนรทจะสรางความสมพนธรวมกน โดยอาศยวธการสอสารและหลกจตวทยา ความสมพนธระหวางมนษยโดยทวไปมกถกมองวาเปนเรองของศลปะ(Arts) มากกวาศาสตร(Science) ซงกหมายความวา การเรยนรเกยวกบความสมพนธของบคคลแตเพยงอยางเดยว โดยขาดศาสตรของการสอสาร ยอมขาดศลปะในการน าไปปรบใชในชวตจรงใหประสบความส าเรจได ความหมายของการสอสาร ไดมนกวชาการหลายทานใหความหมายของการสอสารไวในหลายแงมม เชน จอรจ เอ มลเลอร : เปนการถายทอดขาวสารจากทหนงไปยงอกทหนง จอรจ เกรบเนอร : เปนการแสดงกรยาสมพนธทางสงคมโดยใชสญลกษณและระบบสาร วลเบอร ชแรมส : เปนการมความเขาใจรวมกนตอเครองหมายทแสดงขาวสาร

ซงสามารถสรปใหเขาใจไดงายๆคอ การถายทอดขอมลขาวสารจากบคคลฝายหนงทเรยกวาผสงสารไปยงยงบคคลอกฝายหนงทเรยกวาผรบสารโดยผานชองทางในการสอสารโดยมองคประกอบทส าคญคอ ผสงสาร(Sender) สาร(Message) ชองทาง(Channel) และตวผรบสาร(Reciever) ซงมกเรยกกนวา SMCR วตถประสงคของการสอสาร การสอสารในชวตของแตละบคคลนนลวนมวตถประสงคทแตกตางกนออกไป และสงผลตอการด าเนนชวตไดคอ ท าใหไมรสกโดดเดยว ท าใหทราบการเปลยนแปลงทเกดขน สรางความสมพนธทางสงคม ท าใหเกดการแสดงออก ท าใหเกดการพกผอนหยอนใจ ท าใหเกดการเรยนร ท าใหเกดก าลงใจ(หาภาพประกอบแตละประเภท) ประเภทของการสอสาร

การสอสารภายในบคคล(Intrapersonal Communication) การคดหรอจนตนาการกบตวเองเปนการคดไตรตรองกบตวเองกอนทจะมการสอสาร ประเภทอนตอไป

การสอสารระหวางบคคล(Interpersonal Communication)

การทบคคลตงแต 2 คนขนไปมาท าการสอสารกนอยางมวตถประสงค เชนการพดคย ปรกษาหารอในเรองใดเรองหนง การสอสารกลมยอย(Small-group) Communication) การสอสารทมบคคลรวมกนท าการสอสารเพอท ากจกรรมรวมกนแตจ านวนไมเกน 25 คน เชนชนเรยนขนาดเลก หองประชมขนาดเลก การสอสารกลมใหญ(Large-group Communication) การสอสารระหวางคนจ านวนมาก เชนภายในหองประชมใหญ โรงภาพยนตร โรงละคร ชนเรยนขนาดใหญ

การสอสารในองคกร(Organization Communication) การสอสารระหวางสมาชกภายในหนวยงานเพอปฏบตงานใหส าเรจลลวง เชนการสอสารระหวาเพอนรวมงาน เจานายกบลกนอง การสอสารมวลชน(Mass Communication) การสอสารกบคนจ านวนมากในหลายๆพนทพรอมกน โดยใชสอมวลชน เชน หนงสอพมพ นตยสาร วทยกระจายเสยง วทยโทรทศนเปนสอกลาง เหมาะส าหรบการสงขาวสารไปยงผคนจ านวนมากๆในเวลาเดยวกน

การสอสารระหวางประเทศ(International Communication) การสอสารระหวางบคคลทมความแตกตางกนใน เชอชาต ภาษา วฒนธรรม การเมองและสงคม เชนการสอสารทางการทต การสอสารเจรจาตอรองเพอการท าธรกจ การเรยนการสอนผานเวบเพจ (Web Based Instruction) การเรยนการสอนผานเวบเพจเปนการประยกตใชคณสมบตทส าคญของอนเตอรเนตมาใชในการสนบสนนการเรยนการสอน เพอทใหเกดประสทธภาพสงสดในการเรยนรและการเรยนการสอน ความหมายของการเรยนการสอนผานเวบเพจ

ใจทพย ณ สงขลา (2542: 18-28) ไดใหความหมายของการเรยนการสอนผานเวบเพจไววาหมายถง การผนวกคณสมบตไฮเปอรมเดยเขากบคณสมบตของเครอขาย เวรลไวดเวบ เพอสรางสงแวดลอมแหงการเรยนรในมตทไมมขอบเขตทจ ากดดวยระยะทางและเวลาของผเรยน วชดา รตนเพยร (2542: 29-35) ไดใหความหมายของการเรยนการสอนผานเวบเพจไววา การเรยนการสอนผานเวบเพจเปนการน าเสนอโปรแกรมบทเรยนบนเวบเพจโดยน าเสนอผานบรการในเครอขายอนเตอรเนตซงผออกแบบไดสรางโปรแกรมและบทเรยนผานเวบเพจ

น ามนต เรองฤทธ (2543: 92-97) ไดใหความหมายของการเรยนการสอนผานเวบเพจไววาเปนรปแบบการเรยนการสอนทอาศยการท างานบนระบบเครอขายอนเตอรเนต โดยผเรยนสามารถตดตอสอสารกบผสอนผเรยนดวยกนโดยไมจ ากดเวลาและสถานท รปแบบการเรยนการสอนผานเวบเพจ

การเรยนการสอนผานเวบเพจมลกษณะโดดเดน คอ ผเรยนสามารถเรยนเวลาใดกไดสถานทใดกได ทมความพรอมดานการเชอมตอระบบสามารถใชเครองมอตางๆ เชน E-Mail, Chat,Webboard, Newsgroup สอสารกบเพอนๆ ผสอนหรอบคคลอนๆ ทสนใจและผเชยวชาญตางๆแตผเรยนไมตองเขาชนเรยนเขาโรงเรยนเพราะถอวาเวบไซทเปนเสมอนหองเรยน หรอโรงเรยนหนงสอเนอหาการเรยนถกแทนทดวยเนอหาดจตอลลกษณะตางๆ ทงขอความ, ภาพนง,ภาพเคลอนไหว, เสยง และวดทศน ตามแตลกษณะของเวบไซทส าคญทสดคอผเรยนทไมกลาแสดงออกในหองเรยนปกตจะกลาแสดงออกและแสดงความคดเหนไดมากกวาเดมรปแบบของการเรยนการสอนผานเวบเพจแบงออกเปน 2 รปแบบ คอ 1. Instructor Centric กลาวคอ รปแบบน จะมองวาจดศนยรวมของความรทงหมดจะอยทอาจารยผสอน อาจารยเปนคนส าคญทสดทจะเกดการเรยนรขนมาได และเปนคนควบคมการเรยนรทงหมด การเรยนโดยใชวธน จะไดผลดเมอ

1.1 นกเรยนมการเตรยมตวทเทาเทยมกน ทมความพรอมทจะเรยนเทาๆกน 1.2 นกเรยนมสไตลของการเรยนรเหมอนกน 1.3 นกเรยนอยากเรยนเทาๆกน 1.4 นกเรยนมความสามารถเทาๆกน

ดงนนการทจะสอนโดยใชวธน กอนอนจะตองทราบวา ผเรยนเปนใคร มพนฐานความรความแตกตางกนเพยงใด เพอทจะท า หลกสตรการเรยนการสอนแบบกลางๆเพอใหผเรยนสามารถเกดประสทธภาพทสดในการเรยน ประเภทของเวบไซตออกเปน 7 ประเภท ดงน

1. เวบไซตสวนตว (Personal website) เปนเวบทสรางขนเพอเผยแพรขอมลสวนตว เชน ขอมลเกยวกบสวนตว การศกษา การงาน ความสนใจ เปนตน

2. เวบไซตเพอธรกจการคา (Promotional website) เวบไซตนมจดประสงค เพอการคาขายสนคา การโฆษณาสนคา การสงเสรมการขาย ในเวบไซตจะมขอมลของสนคา ราคาและการบรการตางๆ ซงในปจจบนตลาดประเภทนก าลงใชกนมากขน

3. เวบไซตทเสนอขาวประจ าวน (Current website) เปนเวบทเสนอขอมลประเภทขาว ซงจะเปลยนไปเปนประจ าวน เชน เวบไซตของหนงสอพมพไทยรฐ เดลนวส เปนตน

4. เวบไซตสงเสรมการบรการเปนสอกลางของขอมล (Share Information website) เปนเวบทมจดประสงคทจะใชเปนการแลกเปลยนขอมลตามกลมสนใจ เชน แบงตามอาชพ ตามงานอดเรก เปนตน

5. เวบไซตทสรางขนเพอชกชวนหรอโฆษณาชวนเชอ (Persuasive website) เปนเวบทเชญชวนหรอชกน าใหเหนคลอยตามในเรองทผสรางตองการ

6. เวบไซตเพอการสอน (Instructional website) เปนเวบทสรางขนเปนการสอนโดยเฉพาะเปนรายวชา (Course) อาจแยกยอยเปนหวเรองเรองยอยๆ กได ส าหรบเวบไซตประเภทนจะจ ากดผใชเฉพาะราย

7. เวบไซตทจ ากดเฉพาะสมาชก (Registrational website) เปนเวบไซตทบรการเฉพาะสมาชกเทานน ผทจะใชตองลงทะเบยนตามราคาทก าหนดโดยบตรเครดต หรอผานธนาคาร ผใหบรการจงจะใหหมายเลขสมาชกและรหสผาน แตการขายสนคาหรอบรการใดๆ ของเวบไซตเหลาน จะเชญชวนผทสนใจโดยมตวอยางสนคาหรอบรการใหศกษาบางสวนจนพอใจดวย ส าหรบองคประกอบของเวบไซตจะเปนปจจยหลกทมผลตอเวบไซต ๆ หนงในการทจะประสบผลส าเรจดงทตงวตถประสงคไวหรอไม โดยทวไปประกอบดวย 1. Domain Name : ชอและทอยของเวบไซตในการเรยกขอมลเวบไซตของทานมาแสดงผล เชน www.yourcompany.com เปนตน ปจจบนมกจดชอ domain name ใหเปนชอทสอถงสนคาหรอบรการหรอเปนชอองคกร และอาศยการท าประชาสมพนธผาน Search Engine และ Web Directory การเลอกใชชอเวบไซตทเหมาะสมกมสวนในการท าใหเวบไซตของคณประสบความส าเรจเชนกน 2. Design & Development : การออกแบบและจดท าเวบไซตโดยทวไปแลวส าหรบเวบไซตประชาสมพนธองคกรการออกแบบเวบไซต เปนเพยงสวนทท าหนาทน าเสนอขอมลขององคกร หรอบรษทใหแกผเยยมชมไดอยางสะดวก และดวยการออกแบบทดทจะสอถงความเปนเอกลกษณขององคกร หรอบรษทจะน ามาซงความนาเชอถอใหเกดแกผเขาเยยมชมได หากแตมกมคนเขาใจผดเกยวกบการออกแบบเวบไซตวาเวบไซตทมการออกแบบดมความสวยงาม และมการน าเสนอทนาสนใจจะสามารถดงดด และเพมปรมาณผเขาเยยมชมไดในความเปนจรงแลว การเขาถงกลมเปาหมายและเพมปรมาณของผเขาเยยมชมนน เปนหนาทหลกของการท าประชาสมพนธเวบไซตไมใชจากการออกแบบและจดท าเวบไซต 3. Content : เนอหาของเวบไซตถอวาเปนสงทส าคญทสดในองคประกอบของเวบไซต เพราะคอสงทผ เยยมชมคนหาโดยปกตแลวเราสามารถใสเนอหาทเกยวของกบสนคา หรอบรการขององคกรของเราไดโดยละเอยด อกทงจ าตองน าเสนออยางชดเจนอกดวย เชน รปภาพของสนคา หรอสถานทบรการ เปนตน จงจะท าใหผเขาเยยมชมไดประโยชนจากการเขาชมเวบไซตอยางแทจรงอนจ าน ามาซงผลประโยชนทางธรกจในอนาคตได 4. Hosting : พนทจดวางและตดตงเวบไซต เปนองคประกอบทส าคญมากไมนอยกวาเนอหาของเวบไซต (Content) เพราะการเลอกผใหบรการโฮสตงทดมการซพพอรตลกคาทดและรวดเรว เซรฟเวอรมความ

เสถยรภาพสง สามารถตดตอเจาหนาททดแลเซรฟเวอรไดตลอดเวลา คอหวใจส าคญในการเลอกผใหบรการดานน นอกจากความพรอมในการออกแบบและจดท าเวบไซตแลว เรายงมความพรอมอยางยงในการใหบรการโฮสตงแกลกคาเราเปนอยางดอกดวย ซงท าใหเวบไซตและอเมลของลกคาสามารถเขาถงไดตลอดเวลาอนสงผลใหธรกจของลกคามความตอเนองในการท างานอยเสมอ 5. Promotion : การท าประชาสมพนธเวบไซต เปนองคประกอบทส าคญมากอกอยางหนง เมอเราไดจดท าเวบไซตเสรจแลวจะตองอาศยการประชาสมพนธเวบไซต เพอใหเขาถงกลมเปาหมายมากทสดโดยอาศยวธการตางผานชองทางอนเตอรเนต เชน Search Engine Submission, Registration Web Directory, Mailing List, Banner Link Exchange เหลานเปนตน นอกเหนอจากน อาจใชชอ domain name ในการประชาสมพนธเวบไซตผานสออน ๆ เชน ในนามบตร, ใบปลวหรอ โบรชวรของบรษท เปนตน การประเมนเวบไซต 1. หนาทของเวบไซต (Authority) เกยวกบหนาทของเวบทสรางขนนนตองดวาใครหรอผใชเวบน อะไรคอความถกตอง เหมาะสม ชอบธรรม ระหวางความสมพนธของเรองและการรบประกนคณภาพของเวบเพจนทมตอผชม 2. ความถกตอง (Accuracy) แหลงขอมลและขอเทจจรงทน ามาสรางเวบสามารถแยกแยะเปนประเดนรายการตางๆ สามารถตรวจสอบยอนหลงไดหรอไม 3. จดประสงค (Objective) จดมงหมายในการสรางชดเจนและบอกความสมพนธของสงทตองการนนชดเจน 4. ความเปนปจจบน (Currency) เวบเพจทสรางขนนนตองแสดงวนททเปนปจจบนดวย เชน บอกวาสรางเมอใดและมการแกไขครงหลงสดเมอใด 5. ความครอบคลม (Coverage) การสรางเวบไซตตองใหตรงกบจดสนใจ หวเรองมความชดเจน เหมาะกบรปภาพ โครงเรองและเนอหาสาระวธการคนหาขอมลในเวบไซตชดเจน

แหลงอางอง : ประเภทและสวนประกอบของเวบไซต.(2554).คนเมอ 14 มกราคม 2556.จากhttp://www.websuay.com/th/web_page/web_component กรอบเกยรต สระอบล. (2554). เวบไซตสวยแบบมออาชพดวย Joomla . พมพครงท 1 กรงเทพฯ:อนเตอร มเดย หลกการออกแบบเวบไซต

1.น าเสนอขอมลโดยจดสสนขอความใหดสะดดตาและมรปภาพประกอบ 2.หนาแรกไมควรมขอมลหรอรปภาพใหญๆมากเกนไป จะท าใหเวบเปดไดชาถาตองการน าเสนอภาพ

ขนาดใหญควรเรมตนแสดงภาพเลกกอนแลวท าลงคใหคลกเพอเปดดภาพใหญ

3.มภาพเคลอนไหวประกอบเพอโฆษณาประชาสมพนธเพอดงดดความสนใจแตไมควรใสมากเกนไปจะท าใหลายตา

4.หนาเวบทมภาพถายควรใชโปรแกรมกราฟก เชน Photoshop ลดขนาดไฟลและบบ%ลง ไมควรน าภาพจากกลองขนไปตรงๆเพราะขนาดไฟลจะใหญมาก

5.อพเดทขอมลหนาเวบเปนระยะๆเพอไมใหผชมรสกเบอ เชน เพมเนอหา ขาวใหม เปลยนส เปลยนรปภาพ ฯลฯ

6.ไมควรใสเบอร อเมลลไวทหนาเวบไซตเพราะจะท าใหเมลลขยะ (สแปม) สงเขามามาก ใหใชแบบฟอรมส าหรบตดตอสอบถามแทน

กรอบเกยรต สระอบล. (2554). เวบไซตสวยแบบมออาชพดวย Joomla . พมพครงท 1 กรงเทพฯ:อนเตอร มเดย การโปรโมทเวบไซต ทหนาเวบเพจควรใสคยเวรดไวและเพอใชชอเวบไซตของเราเขาไปอยในสารระบบและเปนทรจกมากควรกรอกขอมลและชอเวบไซตเขาไปทเวบไซตคนหาหรอ Search Engine เชน http://www.google.com/addur/ http://search.yahoo.com/info/submit.html http://www.addme.com/ แตละแหงจะมหลกการคลายกนคอ กรอกรายละเอยดเกยวกบเวบไซต ส าหรบตวอยางตอไปนแสดงการกรอกชอเวบเขาไปท Google

1 เปดเวบ(หรอเวบอนๆกหาคลกลงคทใหกรอก submit URL เชน suggest site,submit ฯลฯ) 2 กรอกรายละเอยดตางๆเขาในแบบฟอรม เชน ชอเวบและรายละเอยดเกยวกบเวบ เปนตน 3 พมพรหสอกขระใหเหมอนกบชองดานบน 4 คลกปมสงขอมล ประชา พฤกษประเสรฐ. (2553). สรางเวบและเพมลกเลนดวย HTML XHTML .พมพครงท 2

กรงเทพฯ:มพลฟาย การออกแบบโครงสรางเวบไซต เวบไซตในปจจบน จะมหลกการอกแบบทแตกตางไมมากนก ซงจะมวธการออกแบบหนาตาของเวบไซตอย 3 รปแบบ คอ

1.ออกแบบหนาเวบไซตทเนนการน าเสนอเนอหามากๆ

เปนการออกแบบเวบไซตทมการน าเสนอเนอหามากกวารปภาพ โดยจะใชโครงสรางของตารางเปนหลก เพอใสขอความแบบหนาสารบญ และรปภาพทเปนชนเลกๆได

2.ออกแบบหนาเวบไซตทเนนภาพกราฟกเปนหลก เปนการออกแบบเวบไซตทมภาพกราฟกทสวยงามถกจดวางไวในหนาโฮมเพจ ซงแตกตางจากขอแรกมากเพราะจะไมคอยมขอความในเวบเพจ แตจะเปนการ Link ทภาพเพอเขาไปยงหนาเวบเพจอนๆตอไป การสรางเวบไซตแบบนจะใหโปรแกรม Photoshop ส าหรบตกแตงภาพกอนน าไปใชบนหนาเวบ

3.ออกแบบหนาเวบไซตทมทงภาพและเนอหา เปนการออกแบบหนาเวบไซตทผสมกนระหวางขอ1 และ 2 ขางตน โดยจะเนนการจดวางภาพทตดแบงเปนชนเลกๆกอน หลงจากนนจงใสขอความประกอบภาพลงไป เพอใหเวบไซตของเรามความสวยงามดวยภาพกราฟกทน ามาประกอบและใสเนอหาไดอยางสมบรณดวยเวบไซต (Web site)

ปยวท เจนกจจาไพบลย (2540) ไดกลาววา เวบไซต ถกเรยกเปนต าแหนงทอยของผทมเวบเพจเปนของตวเองบนระบบอนเทอรเนต ซงไดจากการลงทะเบยนกบผใหบรการเชาพนทบนระบบอนเทอรเนตเมอลงทะเบยนในชอทตองการแลว กสามารถจดท าเวบเพจและสงใหศนยบรการน าขนไปไวบนอนเทอรเนต ซงถอวามเวบไซตเปนของตนเองแลว และเวบไซตกคอแหลงทรวบรวมเวบเพจจ านวนมากมายหลายหนาในเรองเดยวกนมารวมอยดวยกน แตสงหนงในการเสนอเรองราวทอยบนเวบไซตทแตกตางไปจากโปรแกรมโทรทศน เนอหาในนตยสาร หรอหนงสอพมพ เนองจากการท างานบนเวบจะไมมวนสนสด ทงนเนองจากเราสามารถเปลยนแปลงและเพมสารสนเทศบนเวบไซตไดตลอดเวลา และแตละเวบเพจจะมการเชอมโยงกนภายในเวบไซตหรอไปยงเวบไซตอนๆ เพอใหผอานสามารถอานไดในเวลาอนรวดเรว (กดานนท มลทอง,2542) สวนประกอบของหนาเวบไซตแบงออกเปน 3 สวนหลกๆ คอ 1. สวนหวของเวบเพจ (Page Header) เปนสวนทอยตอนบนสดของหนา และเปนสวนทส าคญทสดของหนา เพราะเปนสวนทดงดดผชมใหตดตามเนอหาภายในเวบไซตมกใสภาพกราฟกเพอสรางความประทบใจสวนใหญประกอบดวย - โลโก (Logo) เปนสงทเวบไซตควรม เปนตวแทนของเวบไซตไดเปนอยางด และยงท าใหเวบนาเชอถอ - ชอเวบไซต - เมนหลกหรอลงค (Navigation Bar) เปนจดเชอมโยงไปสเนอหาของเวบไซต 2.สวนของเนอหา (Page Body) เปนสวนทอยตอนกลางของหนา ใชแสดงขอมลเนอหาของเวบไซต ซงประกอบดวยขอความ , ตารางขอมล ภาพกราฟก วดโอ และอนๆ และอาจมเมนหลกหรอเมนเฉพาะกลมวางอยในสวนนดวย

ส าหรบสวนเนอหาควรแสดงใจความส าคญทเปนหวเรองไวบนสด ขอมลมความกระชบ ใชรปแบบตวอกษรทอานงาย และจด Layout ใหเหมาะสมและเปนระเบยบ 3. สวนทายของหนา (Page Footer) เปนสวนทอยดานลางสดของหนา จะมหรอไมมกได มกวางระบบน าทางทเปนลงคขอความงาย ๆ และอาจแสดงขอมลเพมเตมเกยวกบเนอหาภายในเวบไซต เชน เจาของเวบไซต, ขอความแสดงลขสทธ, วธการตดตอกบผดแลเวบไซต, ค าแนะน าการใชเวบไซต เปนตน โดยปกตสวนหวและสวนทายมกแสดงเหมอนกนในทกหนาของเวบไซต

โครงสรางเวบไซตทเหมาะสม

สวนประกอบยอยอนๆ ทจ าเปน

1. Text เปนขอความปกต โดยเราสามารถตกแตงใหสวยงามและมลกเลนตางๆ ดงเชนโปรแกรมประมวลค า 2. Graphic ประกอบดวยรปภาพ ลายเสน ลายพน ตางๆ มากมาย 3. Multimedia ประกอบดวยรปภาพ ภาพเคลอนไหว และแฟมเสยง 4. Counter ใชนบจ านวนผทเขามาเยยมชมเวบไซตของเรา 5. Cool Links ใชเชอมโยงไปยงเวบไซตของตนเองหรอเวบไซตของคนอน

6. Forms เปนแบบฟอรมทใหผเขาเยยมชม กรอกรายละเอยด แลวสงกลบมายงเวบไซต 7. Frames เปนการแบงจอภาพเปนสวนๆ แตละสวนกจะแสดงขอมลทแตกตางกนและเปนอสระจากกน 8. Image Maps เปนรปภาพขนาดใหญทก าหนดสวนตางๆ บนรป เพอเชอมโยงไปยงเวบไซตอนๆ 9. Java Applets เปนโปรแกรมส าเรจรปเลกๆ ทใสลงในเวบไซต เพอใหการใชงานเวบไซตมประสทธภาพมากยงขน อางอง : อาจารยอนงค หลอดแกว องคประกอบงานกราฟก (Element of Design)

องคประกอบหลก ๆ ในงานกราฟกจะแบงออกเปน 8 ชนดคอ เสน, รปราง, รปทรง, น าหนก, พนผว, ทวาง, ส และตวอกษร เสน (Line)

ลกษณะของเสน (Line) แบบต าง ๆ ตามตารางมาตรฐานแลวจะพดถงเรองนวาเปนเรองของจด เสน ระนาบ แต ถาจะเอาใหเขาใจงาย ๆ กเพยงแตเขาใจวาความหมายของเสนกคอ การทจดหลาย ๆ จด ถกน ามาวางตอเนองจน กลายเปนเสนรปทรงตาง ๆ ขนมา รปทรงของเสนทจะสอออกมาถงความรสกทแตกตางกนออกไป

เสนแนวนอน ใหความรสกสงบ ราบเรยบ เสนตรงแนวตง ใหความรสกมนคงแขงแรง เสนทแยง ใหความรสกไมมนคง รวดเรว แสดงถงเคลอนไหว เสนตดกน ใหความรสกประสาน แขงแกรง หนาแนน เสนโคง ใหความรสกออนชอย ออนนอม เสนประ ใหความรสก โปรง ไมสมบรณ หรอในบางกรณอาจจะใชเปนสญลกษณในการแสดงถงสวนท

ถกซอนเอาไว เสนโคงกนหอย ใหความรสกเคลอนไหวไมมทสนสด เสนโคงแบบคลน ใหความรสกถงการเคลอนไหวอยางนมนวล เสนซกแซก ใหความรสก นากลว อนตราย

สวนใหญแลวเสนจะมอยทกๆ งานออกแบบ โดยถกน าไปใชรวมกบองคประกอบตางๆ จนสอถงอารมณของผลงานออกมาได ในแบบทตองการ ดงนน การเลอกใชเสนเขามาเปนสวนประกอบในงานของเราจงถอวาเปนสงทตองค านงถงเปนอนดบแรก

รปราง (Shape), รปทรง (Form) ,น าหนก (Value)

รปราง : เปนองคประกอบตอเนองมาจากเสน เกดจากการน าเสนแบบตาง ๆ มาตอกนจนไดรปราง 2 มตทมความกวางและความยาว (หรอความสง) ในทางศลปะจะแบงรปรางออกเปน 2 แบบคอ รปรางทคนตา แบบทเหนแลวรเลยวานนคออะไร เชนดอกไม หรอคน และอกแบบหนงจะเปนรปรางแบบฟรฟอรม เปนแนวทใชรปรางสอความหมายท จนตนาการไวออกมา ไมมรปทรงทแนนอน แตดแลวเกดจนตนาการถงอารมณทตองการสอได

รปทรง : เปนรปรางทมตเพมขนมากลายเปนงาน 3 มตคอ มความลกเพมเขามาดวย น าหนก : เปนสวนทมาเสรมใหดออกวารปทรงมน าหนกขนาดไหนเบา หรอหนก ทบ หรอ

โปรงแสง น าหนกจะเกดจากการเตมสและแสงแรเงาลงไปในรปทรงจนไดผลลพธออกมาตามทตองการ

ในการท างานกราฟกรปรางจะมผลอยางมากตออารมณของงาน เชน ถาตองการงานทอารมณผหญงจด ๆ เพยงแคใสรปของดอกไมลงไปกจะสามารถแสดงอารมณไดอยางชดเจน หรอในงานทตองการใหมมตมากขนกอาจจะเปนรปทรงของดอกไมในมมมองทแปลกตา กจะสามารถสออารมณทตองการออกไปไดพรอมกบเปนการสรางความนาสนใจเพมขนมาอกดวย

พนผว (Texture)

ในงานออกแบบกราฟก พนผวจะเปนอกหนงองคประกอบทชวยสออารมณของงานออกมาไดชดเจนมากขน เชน ถาเราเลอกพมพงานลงในกระดาษ Glossy ทเงาและแวววาว งานนนจะสอกอกไปไดทนทวา “หร มระดบ” หรอ ถาเราใสลวดลายทดคลาย ๆ สนม หรอรอยเปอนลงไปในงานกจะสอไดทนทถง “ความเกา” ดงนนในการท างาน นกออกแบบจงควรเลอกสรางพนผวทงในองคประกอบตาง ๆ ทใสลงไปในภาพ รวมทงวสดทใชพมพงานดงกลาวลงไป กจะสามารถชวยสอความหมายทตองการไดอยางเหมาะสม

ทวาง (Space)

อาจจะจะเกดจากความตงใจหรอไมตงใจของนกออกแบบกได ทวางไมไดหมายความถงพนทวางเปลาในงานเพยงอยางเดยว แตหมายถงรวมไปถงพนททไมสาคญหรอ Background ดวย ในการออกแบบงานกราฟกทวางจะเปนตวชวยในงานดไมหนกจนเกนไป และถาควบคมพนทวางนใหด ๆ ทวางกจะเปนตวทชวยเสรมจดเดนใหเหนไดชดเจนมากขน

ส (Color)

สของงานกราฟก ถอเปนหวใจหลกส าคญเลยกวาได เพราะการเลอกใชสจะแสดงถงอารมณท

ตองการไดชดเจนมากกวาสวนประกอบอนๆ ทงหมด เชน สโทนรอน สาหรบงานทตองการความ

ตนเตน ทาทาย หรอสโทนเยนสาหรบงานตองการใหดสภาพ สบายๆ ส าหรบเรองสเปนเรองทตองพดถงละเอยดมากกงาหวขออน ๆ ดงนนจงขอยกไปอธบายไวเปนเรองใหญๆ ในหวขอตอไป

ตวอกษร (Type)

ตวอกษรเปนสงส าคญไมเปนรองใคร เมอตองทางานกราฟกดไซน ในเรองงานกราฟกทดบาง

งาน นกออกแบบอาจจะใชเพยงแคตวอกษรและสเปนสวนประกอบเพยงสองอยาง เพอสรางสรรคงานทสามารถสอความหมายออกมาไดในดไซนทสวยงาม ดงนน เรองนจะตองยกไปอธบายใหละเอยดมากขนในหวขอใหญ ๆ ตอไปจากเรองส

สและการสอความหมายในอารมณตางๆ ถาจะรจกสใหลกซงถงขนเลอกใชไดอารมณทตองการได กตองมาทาความเขาใจกบ 3 เรอง

เหลาน คอ สเกดจากอะไร, แตละสมความหมายอยางไร และเทคนคการนาสไปใชใหไดอยางใจตองการท าอยางไรกนกอน

สเกดจากอะไร? ในปจจบนแหลงก าเนดสจะมอย 3 ชนดคอ

สทเกดจ ากแสง เกดจากการหกเหของแสงผานแทงแกวปรซมม 3 สคอ สแดง (Red), สเขยว (Green) และสนาเงน (Blue) เรยกรวมกนวา RGB นามาผสมกนจนเกดเปนสสนตาง ๆ มากมาย ตวอยางอปกรณทใชแหลงกาเนดสแบบน เชน โทรทศนหรอจอคอมฯ ของเรานนเอง

สเกดจากหมกสในการพมพ เกดจากการผสมหมกพมพทง 4 สในเครองพมพคอ สฟา, สมวงแดง, สเหลอง และสดา เรยกรวมกนวา CMYK จนไดออกมาเปนสสนตาง ๆ ตามทตองการ ในการทางานกราฟก ถาหากวาเปนงานทนาไปพมพตามแทนพมพแลว นกออกแบบกควรจะเลอกใชโหมดสแบบนทกครง เพอใหไดผลลพธทออกมาตรงกบทเหนในจอคอมฯ ทท างานอย

สทเกดจ ากธรรมช าตเปนสทไดจ ากธรรมช าต จากกระบวนการสงเคราะหทางเคม 3 สคอ สแดง สเหลองและสนาเงน หลงจากนนจงนามาผสมกนจนเกดเปนสอนๆ แหลงกาเนดสแบบทเราเรยนกนมาในคลาสศลปะตงแตเดกจนโต ทเรยกกนวาแมสกคอสแบบนนนเอง

การผสมสไวใชงานจะใชงานจะใชวธผสมจากสทเกดจากสทเกดธรรมชาต โดยเรมผสมจากแมส หรอสขนทหนง ไปจนเปนสขนทสองและขนทสามตากลาดบภาพแตละสมความหมายอยางไร?

หลงจากรจกการผสมสกนไปแลว ตอไปกจะตองมารจกกบจตวทยาของสทจะมผลตออารมณของผพบเหนกนสอะไรใหความรสกอยางไรบาง เราจะมาดกนตามรายละเอยดตอไปน

สแดง ใหความรสกอนตราย เรารอน รนแรง มนคง อดมสมบรณ สสม ใหความรสกสวาง เรารอน ฉดฉาด สเหลอง ใหความรสกสวาง สดใส สดชน ระวง สเขยว ใหความรสกงอกงาม พกผอน สดชน สน าเงน ใหความรสกสงบ ผอนคลาย สงางาม ทม สมวง ใหความรสกหนก สงบ มเลศนย สน าตาล ใหความรสกเกา หนก สงบเงยบ

สขาว ใหความรสกบรสทธ สะอาด ใหม สดใส สด า ใหความรสกหนก หดห เศราใจ ทบตน สทองเงนและสมนวาว แสดงถงความรสกมนคง สด ากบสขาว แสดงถงความรสกทางอารมณทถกกดดน สเทาปานกลาง แสดงถงความนงเฉย สงบ สเขยวแกผสมสเทา แสดงถงความสลด รนทดใจ ชรา สสดและสบาง ๆ ทกชนด แสดงความรสก กระชมกระชวย แจมใส

ความรสกเกยวกบสทกลาวมาจะเปนความรสกแบบกลาง ๆ ทเปนสวนใหญในโลก แตนอกจากทกลาวมาแลว ในบางพนทหรอบางวฒนธรรม อทธพลของสจะแตกตางกนออกไปตามประสบการณของแตละบคคลวฒนธรรม ประเพณ ขนบธรรมเนยม หรอคานยมของแตละกลมชน

ตวอยางภาพทออกแบบโดยการเลอกใชสตางๆ

นอกจากแตละสจะสรางความรสกดวยตนเองแลว เมอนามาใชรวมกนเรายงสามารถแบงสออกเปน 2 วรรณะ เพอสรางอารมณทแตกตางกนออกไปเมอใชงานรวมกนไดอกคอ

สทอยในวรรณะรอน (Warm Tone Color) ไดแก สเหลองสม สสม สแดง และสมวงแดง สกลมนเมอใชในงานจะรสกอบอน รอนแรง สนกสนาน

สทอยในวรรณะ (Cool Tone Color) ไดแก สเขยว สฟา สมวงคราม สกลมนเมอใชงานจะไดความรสกสดชน เยนสบาย

การแบงสออกเปนสโทนรอนและสโทนเยน

ภาพตวอยาง

ภาพตวอยางงานออกแบบสโทนเยน และสโทนรอน

เทคนคการน าสไปใชงาน

เทคนคการนาสไปใชงานมอยมากมายหลายวธ แตทกวธจะชไปทวตถประสงคเดยวหลก ๆ คอ ใชสเพมความโดดเดนใหกบจดเดนในภาพ และใชสตกแตงสวนอนๆ ของภาพใหไดภาพรวมออกมาในอารมณทตองการ เทคนคการเลอกสจะมสตรส าเรจใหเลอกใชงานอยบาง คอ วธโยงความสมพนธจากวงลอส กอนนะท างานทกครง และน าวาใหเปดไฟลวงลอสขนมา แลวเลอกสหลก ๆ สาหรบใชในการท างานกอน เทคนคการเลอกใชสแบบสตรส าเรจจะมอยหลายรปแบบ แตแบบทนยมใหงานกนเปนหลกจะมอยาง4รปแบบ คอ

Mono หรอเอกรงค จะเปนการใชสทไปในโทนเดยวกนทงหมด เชน จดเดนเปนสแดง สสวนทเหลอจะเปนสทใกลเคยงกบสแดง โดยใชวธลดนาหนกความเขมของสแดงลงไป

Complement คอ สทตดกนหรอสตรงกนข าม เปนสทอยตรงข ามกนในวงจรสเชน สฟาจะตรงขามกบสสม หรอสแดงจะตรงขามกบสเขยว สามารถนามาใชงานไดหลายอยาง และกสามารถสงผลไดทงดและไมด หากไมรหลกพนฐานในการใชงาน การใชสตรงขามหรอสตดกน ไมควรใชในพนทปรมาณเทากนในงาน ควรใชสใดสหนงจานวน 80% อกฝายหนงตองเปน 20% หรอ 70-30 โดยประมาณ บนพนทของงานโดยรวม จะทาใหความตรงขามกนของพนทนอยกลายเปนจดเดนของภาพ

Triad คอ การเลอกสสามสทระยะหางเทากนเปนสามเหลยมดานเทามาใชงาน Analogicหรอสขางเคยงกน การเลอกสใดสหนงขนมาใชงานพรอมกบสทอยตดกนอกขางละส หรอก

คอสสามสอยตดกนในวงจรสนนเอง

รจกตวอกษรทใชอยใหดขนอกสกนด (Typography) ส าหรบการเลอกใชงานตวอกษรทเหมาะสม เราจะตองมารจกกบคณสมบตหลก ๆ ทสาคญของ

ตวอกษร เชน สวนประกอบหลก ๆ และชนดกนกอน Body & Proportion

Body หลก ๆ จะประกอบไปดวยตว Body เอง และสวนแขนขา และทสาคญทสดทจะสงผลถงการเลอกใชงาน Font กคอสวนของ “เชง” หรอ “Serif” (ในตว Body ของ Font อาจจะแยกยอยไดเปนตา หรอไหลไดอก และในเบองตนใหรจกกนไวในชอของ Body กอน)

สวนของ Proportion ของ Font จะหมายถง ลกษณะการตกแตงเพอนาไปใชงาน เชน ตวหนา หรอตงเอยง โดยปกตแลว Proportion ของ Font จะมอย 3 แบบคอ Normal คอ แบบปกตไมไดกาหนดอะไรเพมเตม Bold คอ แบบทเปนตวหนาและ Italic คอ แบบทเปนตวเอยง

นอกจากทง 3 แบบทกลาวมาแลว ในบางครงอาจจะเจอแบบทยอยลงไปอก เชน Bold Italic ทเปน

ตวหนาและเอยงหรอ Narrow ทมลกษณะแคบๆ ผอมๆ กเปนไปได

วธเลอก Font ไปใชในงานออกแบบ การเลอก Font ไปใชในงานออกแบบมขอควรค านงงาย ๆ อย 2 ขอคอ 1. ความหมายตองเขากน หมายความวา ความหมายของคาและ Font ทเลอกใชควรจะไปดวยกนได เชน คาวานารกกควรจะใช Font ทดนารกไปดวย ไมควรใช Font ทดเปนทางการดงภาพตวอยาง

2. อารมณของฟอนต และอารมณของงานตองไปในทศทางเดยวกน เชน งานทตองการความนาเชอถอกจะเลอกใช Font แบบ Serif ทดหนกแนน นาเชอถอ สวนงานทตองการความฉดฉาดอยางโปสเตอรลดราคากควรจะเลอกใช Font ทเปนกนเองไมเปนทางการมากนกอยาง Font ในกลม Script เปนตน

ภาพตวอยาง อารมณของฟอนต และอารมณของงานทเปนไปในทศทางเดยวกน

นอกจากการเลอก Font มาใชงานแลว การวางต าแหนงตวอกษรกเปนอกเรองหนงทมความส าคญกบ

การทางาน สาหรบการวางต าแหนงตวอกษร มขอควรค านงถงไวใหอย 3 ขอคอ 1. ธรรมชาตการอานของคนไทยจะอานจากซายไปขวา และบนลงลาง โดยมรศมการกวาดสายตา

ตามล าดบ ดงนนถาอยากใหอานงาย ควรจะวางเรยงลาดบใหดดวย ไมเชนนนจะเปนการอานขามไปขามมาทาใหเสยความหมายของขอความไป

2. จดเดนควรจะมเพยงจดเดยว หรอพดงาย ๆ กคอ มตวอกษรตวใหญๆ อยเพยงชดเดยว จงจะเปนจดเดนทมองเหนไดงาย ไมสบสน สวนจดอน ๆ ขนาดควรจะเลกลงมาตามลาดบความส าคญ

3. ไมควรใช Font หลากหลายรปแบบเกนไป จะทาใหกลายเปนงานทอานยากและชวนปวดศรษะมากกวาชวนอาน ถาจาเปนจรง ๆ แนะนาใหใช Font เดมแตไมตกแตงพวกขนาด, ความหนาหรอกาหนดใหเอยงบาง เพอเพมความนาสนใจไมใหงานดนาเบอแบบนจะดกวา

การประชาสมพนธ (เสนย แดงวง 2525 ; วจตร อาวะกล 2526) ความหมายของการประชาสมพนธ การประชาสมพนธ คอ การสรางความเขาใจอนด โดยใชสอทกรปแบบ เพอสราง ความสมพนธระหวางหนวยงานของรฐกบประชาชน และระหวางประชาชนกบหนวยงานของรฐ ทงน การประชาสมพนธจะตองด าเนนการอยางจรงจง ตอเนอง โดยยดหลกความจรงเปนหลก วตถประสงคของการประชาสมพนธ ม 3 ประการคอ 1. ปองกนชอเสยงมใหเสอมเสย ทงนหนวยงานตาง ๆ จะตองประชาสมพนธเชงรก โดยเผยแพรผลงาน ชแจงเหตผลในการด าเนนการตาง ๆ ทงกอน ระหวางหรอภายหลงด าเนน การโครงการตาง ๆ 2. กอใหเกดความเขาใจอนด ในการด าเนนการประชาสมพนธจะตองค านงถง การเกด ความเขาใจอนดระหวางกนและกน 3. แกไขความผดพลดหรอกฎระเบยบตางๆ ปญหาความไมเขาใจกนอยางหนงคอ ระบบราชการมกจะอางกฎ ระเบยบ ขอบงคบตาง ๆ จงท าใหการปฏบตงานขาดความรวดเรวไม ทนการ จงเปนสาเหตส าคญทท าใหเกดความเขาใจผดเสมอ ฉะนน จ าเปนอยางยงทจะตองแกไข กฎระเบยบตาง ๆ กระบวนการประชาสมพนธ ประกอบดวย 4 ขนตอนคอ 1. การศกษาส ารวจวจย เปนขนตอนแรกของการประชาสมพนธกลาวคอการจะด าเนนการตางๆ จะตองศกษา ส ารวจ วจย ปญหา ทศนคตของเจาหนาท ประชาชน ชมชน หนวยงานตางๆ วามแนวคดเกยวกบงาน คน หนวยงานตางๆ ของเราในทางบวก ทางลบอยางไร ทงนเพอเปนขอมล ในการด าเนนการขนตอไป 2. การวางแผน เมอทราบปญหา ทศนคตตางๆ แลว จะตองมการวางแผนวาจะด าเนนการ รณรงคอยางไร เชน วน เวลา สถานทด าเนนการ กจกรรมการใชวสด อปกรณ ก าลงคน งบประมาณ ฯลฯ เพอใหงานออกมามประสทธภาพเปนไปตามวตถประสงค 3. การด าเนนการ เปนขนตอนในการใชสอ ชองทางการประชาสมพนธใหเหมาะสม เกดประโยชนสงสด เชน การน าชมสถานท จดหนวยประชาสมพนธเคลอนท เผยแพรขาว กจกรรม ผานสอมวลชนตางๆ ฯลฯ 4. การประเมนผล สามารถประเมนผลการด าเนนงานไดตลอดเวลาทงกอนด าเนนการ ในระหวางด าเนนงาน หรอสนสดโครงการแลว ทงนเพอใหกจกรรมนนประสบผลส าเรจ ตามวตถประสงคดทสด ในการด าเนนงานประชาสมพนธนนจะตองยดหลก S M C R กลาวคอ 1. Source หรอตวเรา จะตอง

1.1 มความร คอจะตองรเรอง -การประชาสมพนธและมทกษะ ประสบการณการสอสาร ถายทอดพอสมควร -บทบาท หนาท ภารกจหนวยงานของเรา -หนาทหลก หนาทรอง ของเรา -งานทเราจะไปด าเนนการ และสภาพชมชน แวดลอมตางๆ 1.2 มความเขาใจ คอจะตองเขาใจ -จดออน จดแขง โอกาส อปสรรค ในการด าเนนงาน -เจาหนาททกคนในหนวยงานมความเขาใจ สามารถอธบาย ชแจง โตตอบได และมเปาหมายการท างานอนเดยวกน -ขดจ ากดในการด าเนนงาน เชน ก าลงคน งบประมาณ กฎระเบยบ ฯลฯ 2. Message หรอ เนอหา จะตอง -ศกษา คนควา เนอหาสาระใหแมนย า สามารถอางองได -สามารถน ามาประยกตใชได -สามารถเชอมโยงการด าเนนงานกบหนวยงานอน 3. Channel หรอ ชองทางการสอสาร มมากมาย เชน วทย โทรทศน หนงสอพมพ การแขงขน การประกวด การพาชมสถานท การจดหนวยชมชนสมพนธ ฯลฯ ซงการจะใช ชองทางใดในการสอสารนน ควรค านงถง 3.1 ความเหมาะสมกบสภาพพนท ชมชน ผคน 3.2 การรบร ความเขาใจของผคน 3.3 ประสทธภาพ ประสทธผล การเกดประโยชนสงสดและประหยด 4. Receiver หรอผรบสาร มความส าคญทสดเนองจากเปนจดสดทายในการสอสาร ซงสามารถประเมนผลไดวา การประชาสมพนธนนประสบผลส าเรจตามวตถประสงคหรอไม การประชาสมพนธมกจะถกเขาใจสบสนกบการโฆษณา คนจ านวนมากมกจะเขาใจวาการโฆษณาและการประชาสมพนธมความหมายเหมอนกน จนบางทเราเรยกการโฆษณาและการประชาสมพนธเปน “การโฆษณาประชาสมพนธ” ซงในความเปนจรงการโฆษณาและการประชาสมพนธมความแตกตางกนพอสมควร ดงน การโฆษณา (Advertising) เปนการกระท าการใดๆ อนเปนการชกจงใจตอกลมเปาหมายเฉพาะ โดยมวตถประสงคเพอการจ าหนายสนคาหรอบรการ ซงอาศยสอมวลชน (Mass media) ในการสงผานขอมลขาวสารซงตองเสยคาใชจายและมไดเปนไปในรปสวนตว การประชาสมพนธ (Public Relation) เปนการตดตอสอสารจากองคการไปสสาธารณชนทเกยวของ รวมถงรบฟงความคดเหนและประชามตจากสาธารณชนทมตอองคการโดยมวตถประสงคเพอสรางความเชอถอ ภาพลกษณ ความร และแกไขขอผดพลาดในเรองใดเรองหนง ลกษณะของการประชาสมพนธ ลกษณะของการประชาสมพนธมดงตอไปน

การประชาสมพนธเปนการสอสารสองทาง (Two-way communication) เปนการสอสารจากผสงไปยงผรบเกยวกบขาวสารขององคการทตองการสอสารใหสาธารณชนรบทราบและเขาใจ และยงเปน การสอสารยอนกลบจากผรบคอ สาธารณชนไปยงองคการเกยวกบความคดเหนทเกยวกบองคการ การประชาสมพนธอาจมกลมเปาหมายหลายกลม (Multiple target group) เชน พนกงาน ลกคา ผถอหนชมชน รฐบาล หรอหนวยงานตางๆ เปนตน ทงนขนอยกบวตถระสงคในการประชาสมพนธวาตองการ ประชาสมพนธไปยงกลมเปาหมายใดบาง การประชาสมพนธเปนการสอสารเพอโนมนาวใจทงนการประชาสมพนธตองตงอยบนหลกความจรงเพอมงใหเกดความเชอถอและปฏบตตามดวยความสมครใจ การประชาสมพนธเปนการด าเนนงานอยางตอเนองและสม าเสมอ โดยคาดหวงผลตอเนองในระยะยาวเพอใหสาธารณชนมความศรทธาและมความไวเนอเชอใจตอองคการเพอใหองคการสามารถด าเนนกจการอยในระยะยาวได การประชาสมพนธเปนการด าเนนงานอยางเปนระบบ โดยจะมการวางแผนควบคมและประเมนผล ของการประชาสมพนธเพอใหมนใจวาการด าเนนการประชาสมพนธเปนไปอยางมประสทธภาพและ ประสทธผล กระบวนการพฒนาเวบไซต

ธวชชย ศรสเทพ (2544) สรปกระบวนการพฒนาเวบไซตออกมาเปน 13 ขนตอน ขนตอนท 1 ส ารวจปจจยส าคญ (Research) 1.รจกตวเอง-ก าหนดเปาหมายและส ารวจความพรอม 2.เรยนรผใช-ระบกลมผใชและศกษาความตองการ 3.ศกษาคแขง-ส ารวจการแขงขนและเรยนรคแขง ขนตอนท 2 พฒนาเนอหา (Site Content) 4.สรางกลยทธการออกแบบ 5.หาขอสรปขอบเขตเนอหา ขนตอนท 3 พฒนาโครงสรางเวบไซต (Site Structure) 6.จดระบบขอมล 7.จดท าโครงสรางขอมล 8. พฒนาระบบเนวเกชน ขนตอนท 4 ออกแบบและพฒนาหนาเวบ(Visualdesign) 9.ออกแบบลกษณะหนาตาเวบเพจ

10.พฒนาเวบตนแบบและขอก าหนดสดทาย ขนตอนท 5 พฒนาและด าเนนการ(Production and Operation) 11.ลงมอพฒนาเวบเพจ 12.เปดตวเวบไซต 13. ดแลและพฒนาตอเนอง การจดระบบขอมลในเวบไซต การจดระบบขอมลในเวบไซตน นเปนสงส าคญตอความส าเรจของเวบไซตเนองจากโครงสรางขอมลมความส าคญอยางมากตอการพฒนาระบบเนวเกชนเนองจากขอมลในแตละล าดบขนจะมความสมพนธอยางใกลชดกบรายการในระบบเนวเกชน นอกจากนชอของกลมขอมลตางๆ กจะเปนตวก าหนดชนดและลกษณะของขอมลภายในกลมนนๆดวยการจดขอมลในเวบไซตประกอบไปดวยแบบแผนขอมลและโครงสรางขอมลโดยทแบบแผนระบบขอมลจะเปนตวก าหนดลกษณะพนฐานของขอมลในกลม ซงจะมผลตอการจดแบงขอมลเขาในแตละกลมภายหลง สวนโครงสรางระบบขอมลจะก าหนดรปแบบความสมพนธระหวางกลมขอมล (1) แบบแผนระบบขอมล คอ การก าหนดลกษณะพนฐานของขอมลภายในกลมเดยวกน เหมอนกบแบบแผนการจดการระบบตางๆในชวตประจ าวน เชน การจดระบบตามตวอกษรของเบอรโทรศพทในสมดโทรศพทหรอการแบงหมวดหมสนคาในหางสรรพสนคาเปนตน - แบบแผนระบบขอมลแบบแนนอน เกดจากการแบงขอมลออกเปนกลมทแนนอน โดยไมมการเหลอมล าของขอมลในแตละกลมตวอยางรปแบบขอมลรปแบบนไดแกระบบขอมลตามตวอกษร, ระบบขอมลตามล าดบเวลา และระบบขอมลตามพนท ลกษณะเดนของแบบแผนประเภทน คอ ความงายตอการออกแบบ, การดแล และการใชงาน แตมขอจ ากดคอผใชตองรถงชอและรายละเอยดของสงทตองการคนหา มฉะนนกจะหาไมเจอ - แบบแผนระบบขอมลแบบไมแนนอน ม 4 ชนดดงน จดกลมตามหวขอ, จดกลมตามผใช, จดกลมตามการท างาน และจดกลมตามแบบจ าลอง ขอมลทอยในแบบแผนน เปนขอมลทถกจดอยในกลมโดยไมมการก าหนดแนนอน ซงยากตอการออกแบบ, การดแล และการใชงาน แตอยางไรกตาม รปแบบนกลบมความส าคญและเปนทนยมใชมากกวาแบบระบบขอมลแบบแนนอนเสยอก เพราะวาผใชอนเตอรเนตบางคนไมรแนชดถงสงทก าลงคนหาอย ดงนนในกระบวนการคนหาขอมลประเภทน ผใชจงสามารถเรยนรรายละเอยดของสงทคนหาเพมได ตามจ านวนครงการคนหา เหมอนกบทเราคนหาขอมลจากเสรชเอนจน(Search Engine) โดยใชค าทมความหมายกวางกอนและผลจากการเสรชท าใหเรารถงสงทมความเฉพาะเจาะจงขนเรอยๆ แลวจงน าขอมลนนมาเสรชตอจนเจอขอมลทตองการหาในทสดแตระบบแบบนมขอเสยตรงทใชเวลานานและตองท าหลายครง

- แบบแผนระบบขอมลแบบผสมการจดระบบขอมลโดยใชแบบใดเพยงแบบเดยวอาจมขอจ ากด จงมการน าเอาแบบแผนระบบขอมลทงสองแบบมาผสมกน เพอใหผใชไดรบประโยชนสงสด อยางไรกด ในการผสมแบบแผนเหลานควรเลอกใชอยางระวง เพราะอาจท าใหผใชเวบไซตสบสนได (ธวชชย ศรสเทพ,2544) (2) โครงสรางระบบขอมลในเวบไซต ธวชชย ศรสเทพ (2544) ไดอธบายความหมายของโครงสรางขอมลวา เปนรปแบบความสมพนธระหวางกลมขอมล ซงจะมผลตอความสะดวกในการทองเวบไซตของผใช ระบบโครงสรางขอมลทด จะชวยเพมความชดเจนใหกบเนอหา โครงสรางหลกของระบบขอมลในเวบไซต มอยดวยกน 3 รปแบบไดแก - โครงสรางระบบขอมลแบบล าดบชน นบวาเปนพนฐานของโครงสรางระบบขอมลทด เนองจากมการแบงแยกกลมอยางชดเจน อกทงความสมพนธระหวางชนขอมลกเปนสงทผใชคนเคย และเขาใจโครงสรางของขอมลทซบซอนในเวบไซตไดงายและรวดเรว มขอพงระวงเพยง อยาสรางโครงสรางระบบขอมลทลกเกนไป หรอมจ านวนชนของขอมลในโครงสรางแคบและลกมากเกนไป เพราะจะท าใหผใชตองคลกหลายครงจนกวาจะเขาถงสงทตองการ ขณะทถาออกแบบโครงสรางระบบขอมลมลกษณะแบบกวางและตนมาก หมายถงมจ านวนรายการทมอยในแตละชนขอมล อาจท าใหผใชรสกวาเนอหาในสวนนนมนอยเกนกวาทคดเอาไวหลงผใชคลกไปได - โครงสรางระบบขอมลแบบไฮเปอรเทกซ เปนโครงสรางระบบขอมลแบบใหมทมลกษณะคลายเครอขายโยงใย โครงสรางระบบนประกอบไปดวย 2 สวน คอรายการ หรอกลมขอมลทถกลงค กบลงคทเชอมโยงขอมลเหลานน องคประกอบ 2 สวนนเมอรวมกน จะเกดเปนระบบการเชอมโยงขอมลประเภทตางๆ ไมวาจะเปนตวอกษร, ขอมล, รปภาพ, เสยง หรอภาพยนตร โดยการเชอมโยงนนอาจเปนไปตามล าดบชนขอมลหรอไมเปนไปตามตามล าดบช นขอมล หรอท งสองอยางรวมกนกไดจากความยดหยนสงของระบบไฮเปอรเทกซนเอง จงเปนไปไดงายทนกออกแบบจะท าการเชอมโยงซบซอนเกนไปจนผใชสบสน และไมสามารถนกถงโครงสรางรวมของเวบไซตได เราจงมกน าเอาไฮเปอรเทกซมาใชเปนสวนเสรมใหกบโครงสรางขอมลแบบล าดบชนมากกวาจะใชเปนโครงสรางหลกเสยเอง - โครงสรางระบบขอมลแบบฐานขอมล โครงสรางระบบขอมลแบบนมกน าไปใชกบเวบขนาดใหญ ทมผรบผดชอบเรองระบบฐานขอมลโดยเฉพาะ การจดระบบขอมลแบบฐานขอมลน ขอมลจะถกจดอยในรปแถวและคอลมนดวยกฎเกณฑบางอยางทมการก าหนดไวเฉพาะฐานขอมลนนๆ การน าระบบฐานขอมลมาใชในเวบไซตจะชวยเพมความสามารถในการคนหาขอมลไดอยางถกตองและรวดเรว นอกจากนนการใชระบบฐานขอมลยงชวยเพมความสะดวกในการดแลและปรบปรงเนอหาอกดวยอยางไรกด ในระบบฐานขอมลมความซบซอนของกฎเกณฑและขอจ ากดตางๆ อยมาก จงควรน าไปใชกบบางสวนของเวบไซตหรอเวบไซตยอยทม

กลมของขอมลประเภทเดยวกนตวอยางเชน รายชอสมาชก, แหลงรวมขอมล, ขาวยอนหลง หรอขอมลสนคา เปนตน Web2.0 และ Web3.0

ยคของอนเทอรเนต ก าลงจะกาวไปสยคท 3 โดยในยคแรก หรอ Web 1.0 นนเปนเรองของการทผใหบรการน าเสนอขอมลใหกบบคคลทวไป ผอานมสวนรวมนอยมากในการเตมแตงขอมล แตในยคท 2 หรอ Web 2.0 บคคลทวไปคอผสรางเนอหา และน าเสนอขอมลตางๆ มการแบงปนความรซงกนและกนอยางแทจรงดวยการสรางเสรมขอมลสารสนเทศใหมคณคาและมขอมลทถกตองทสด ตวอยางทเหนไดชด และเปนทรจกกนดอยาง Wikipedia นน ไดท าใหความรถกตอยอดไปอยตลอดเวลา ขอมลทกอยางไดมาจากการเตมแตงอยางไมมทสนสด เกดจากการคานอ านาจของขอมลของแตละบคคลท าใหขอมลนนถกตองมากทสดและจะถกมากขนเมอเรองนนถกขดเกลามาเปนเวลายาวนาน แตส าหรบยคท 3 ท Web 3.0 ก าลงจะเขามามอทธพล เปนการน าแนวคดของ Web 2.0 มาท าให Web นนสามารถจดการขอมลจ านวนมากๆ ไดดยงขน ซงทกวนนผใชท วไปทเปนผสรางเนอหา ไดเพมจ านวนมากขนเชน การเขยน Blog, การแชรรปภาพและไฟลมลตมเดยตางๆ ท าใหขอมลมจ านวนมหาศาล ดวยเหตนจงจ าเปนตองมความสามารถในการขอมลดงกลาวอยางหลกเลยงไมได โดยเอาขอมลเหลานนมาจดการใหอยในรปแบบ Metadata หรอ ขอมลทบอกรายละเอยดของขอมล (Data about data) ท าใหเวบกลายเปน Semantic Web หรอเวบทใช Metadata มาอธบายสงตางๆ บนเวบ ซงในตอนนจะเหนกนทวไปในรปของTagนนเองถาจะกลาวอกนยหนงSemantic Web คอ การรวมควบรวมกนของฐานขอมลแบบอตโนมตโดยใชการคาดเดา และหลกทางคณตศาสตรเขามาชวย ซงผลลพธของ Application ทสรางขนบน Semantic Web จะถกสงไปยงอนเทอรเนต และสงตอไปยง Web Browser เชน InternetExplorer, Firefox เปนตน โดยเวบเบราเซอร อาจจะถกฝงตวอยในอปกรณตางๆ เชน โทรศพทมอถอ ตเยนโทรทศนหรอเครองคอมพวเตอรซงอปกรณทถกฝงเวบเบราเซอรไวในตวนนสวนใหญจะสามารถเชอมตอเขาสอนเทอรเนตได เทคโนโลยส าหรบยค Web 3.0

จากคณลกษณะในเรองความฉลาดส าหรบการบรหารจดการขอมล จงท าให Web 3.0 เปน การน าเทคโนโลย Semantic Web และ AI มาผสมผสานกนซงมลกษณะเดนดงตอไปน Semantic Web เปนการเชอมโยงขอมลตางๆ ทงทอยในเวบของผพฒนาและแหลงขอมลอนๆ ใหม ความสมพนธกน ซงท าใหฐานขอมลมขนาดใหญมากๆ หรออาจจะท าใหเกดฐานขอมลโลก (Global Database) เทคโนโลยใหมๆ ทนาจะเขาไปมสวนใหการพฒนาเวบใหเปน Web 3.0 นน ม ดงน

1. AI (Artificial Intelligence) หรอปญญาประดษฐ เปนการสรางความฉลาดใหระบบคอมพวเตอร ท าใหสามารถคาดเดาพฤตกรรม และวเคราะหความตองการของผใชงานเวบ ชวยในการคนหาขอมลซงมจ านวน

มาก เพอใหไดขอมลทตรงกบความตองการของผใชมากทสดนอกจากเทคโนโลย Semantic Web และ AI แลว ยงมการพฒนาเวบในยค Web 3.0 โดยใชเทคโนโลยอนๆ

2. Automated reasoning การเขยนโปรแกรมใหระบบคอมพวเตอรรจกการแกปญหาเองมการประมวลผลไดอยางสมเหตสมผล พรอมทงแกไขสถานการณเฉพาะหนา อกทงปรบปรงระบบเองไดโดยอตโนมต ปนระบบสมองกล ทนยายวทยาศาสตรมกจะน าไปใสไวในหนยนต โดยเจา AIจะสามารถคาดเดาผใชงานไดวาก าลงคนหา หรอคดอะไรอย เปนการผสมผสาน Application หรอโปรแกรม หรอบรการตางๆ ของเวบ ทมาจากแหลงตางๆ เขาไวดวยกน เพอประโยชนของผใชงาน

3. Ontology หรอ OWL เปนภาษาทใชในการอธบายสงตางๆ ใหมความสมพนธกน โดยดจากความหมายของสงนนๆ ซงกจะเชอมโยงกบระบบ Metadata คอภาษาทใชเปนตวอธบายขอมลเชงสมพนธ (Data about Data) หรอ “ขอมลทใชอธบายความหมายของขอมล” หรอ Tags นนเอง

4. Semantic Wiki เปนการอธบายค าๆ หนง คลายกบดกชนนารนนเองครบ ดงนนถา Web3.0 เปน Wiki ดวยแลวนน จะท าใหเราสามารถหา ความหมาย หรอขอมลตางๆ ไดละเอยด และแมนย ามากขน เมอขอมลมนมมาก คนเขยนบลอกกมเยอะ ท าใหเนอหามมากมายขนทกท จนบางทกไมรวาจะคนหาขอมลทตองการ ดวยคยเวรดอะไร ดงนนถาใชค าคนหา แบบกวางๆ แตก าจดวงแคบๆใหเราไดกคงเปนผลดการคนหาแบบขอมลซอนขอมลหรอใชการคนหาหลายทศทาง(Vertical Search) ผสมกบความเปนสวนตวเขาชวย (Personalize) จะสามารถโฟกสขอมลลงไปไดหรออกหลายเทคโนโลยซงสามารถอานเพมเตมไดจากบทความ "12 เทคโนโลย (ไม) พรอมใชในWeb 3.0"

5. Semantic Web เปนระบบทมการเชอมโยงขอมลตางๆ ทงทอยในเวบของผพฒนาและแหลงขอมลอนๆ ใหมความสมพนธกน ซงจะท าใหระบบฐานขอมลมขนาดใหญมากๆ หรออาจท าใหเกดฐานขอมลโลก (Global Database) ไปเลยกได ขอแตกตางของ Web2.0 และ Web3.0

ถาแบงยคของ Internet ในตอนนอาจแบงได 2 ยค และเราก าลงกาวไปสยดท 3 ในไมชานในยดแรก Web 1.0 นนเปนเรองของการทผใหบรการน าเสนอขอมลใหกบบคคลทวไป โดยท าในลกษณะเดยวกบหนงสอทวไป ทผอานมสวนรวมนอยมากในการเตมแตงขอมล แตในยคของ Web2.0 บคคลทวไปคอผสรางเนอหา และน าเสนอขอมลตาง ๆ จาก Web 2.0 ในเปลอกนท ท าใหเราเขาใจวาในยคท 2 นนเปนเรองของการแบงปนความรซงกนและกนอยางแทจรง โดยการสรางเสรมขอมลสารสนเทศ ใหมคณคาและมขอมลทถกตองทสด ดงตวอยางทเปนสงททกคนคงรจกกนดอยาง Wikipedia ท าใหความรถกตอยอดไปอยตลอดเวลา ขอมลทกอยางไดมาจากการเตมแตงอยางไมมทสนสด เกดจากการคานอ านาจของขอมลของแตละบคคลท าใหขอมลนนถกตองมากทสด

และจะถกมากขนเมอเรองนนถกขดเกลามาตามระยะเวลายาวนานและวนน Web 3.0 ก าลงจะมาเปนการน าแนวคดของ Web 2.0 มาท าให Web นนสามารถจดการขอมลจ านวนมาก ๆ โดยอยางทเรารกนดวาผใชท วไปนนเปนผสรางเนอหา ไดเพมจ านวนมากขน เชนการเขยน Blog, การแชรรปภาพและไฟลมลตมเดยตาง ๆ ท าใหขอมลมจ านวนมหาศาล ท าใหจ าเปนตองมความสามารถในการขอมลดงกลาวอยางหลกเลยงไมได โดยเอาขอมลตาง ๆ เหลานนมาจดการใหอยในรปแบบMetadata ทหมายถงขอมลทบอกรายละเอยดของขอมล (Data about data) ท าใหเวบกลายเปนSematic Web กลาวคอเวบทใช Metadata มาอธบายสงตาง ๆ บนเวบ

ซงในตอนนเราจะเหนกนทวไปนนคอ Tag นนเอง โดยท Tag กคอค าสน ๆ หลาย ๆ ค า ทเปนหวใจของเนอหา เพอท าใหเราสามารถเขาถงเนอหาตาง ๆ ไดดวยการใช Tag ตาง ๆ เพอเขาถงขอมลทเกยวของ แตแทนทผผลตเนอหาจะใสเอง แตตว Web จะท าหนาทประมวลผลขอมลและวเคราะหขอมลเหลานน แลวใหTags ตามความเหมาะสมใหเราแทนโดยเมอได Tag มาแลว ขอมลแตละ Tag จะมความสมพนธกบอก Tag โดยปรยาย เชนขอมลเกยวกบบรษท Apple กจะม Tag ทเกยวกบ Computer, iPod, iMac …และ Tag ทมเนอหา Computer กม Tag ทเชอมโยงกบ Tag ทมเนอหาดาน Electronic โดยจะเชอมโยงแบบนไปเรอย ๆ ท าใหขอมลมการเชอมโยงกนเหมอนฐานขอมลทมความสมพนธกนในเชงขอมล ท าใหอนเตอรเนตกลายเปนฐานขอมลความรขนาดใหญ ทขอมลทกอยางถกเชอมตอกนอยางเปนระบบมากขน

เปรยบเทยบไววา Web 1.0 ผเขาชมสามารถอานไดอยางเดยว (read-only) แตพอมาเปนweb 2.0 ผเขาชมสามารถอานและเขยนไดดวย (read-write)

รปภาพท 1 แสดงWeb 1.0 เจาของเวบเปนผสรางระบบและเนอหาบนเวบ ผเขาชม อานอยางเดยว, Web 2.0

เจาของเวบสรางระบบและเนอหาบนเวบ ผเขาชมสรางเนอหาบนระบบเดยวกบเจาของเวบแลวใหผชมอนๆ ไดดตอ จนเปนทมาของ Social Network

แตพอมาเปน Web 3.0 จะกลายเปน อาน/เขยน/จดการ ไดสามอยางพรอมกน (read-write-execute) คราวนความสามารถของมนกจะมากมายมหาศาล แทนทจะเขาไปอานและเพมขอมล เรากจะ สามารถปรบแตงแกไขขอมลหรอระบบไดเองอยางอสระมากขน

รปภาพท 2 แสดงWeb 3.0 แทนทเราจะคาหาขอมลใดสกตวแลวไปเจอแตขอความนาเบอ คราวนเราจะสามารถ

ไปเจอขอมลอนๆ ไดอกดวย โดยไมจ าเปนจะตองเปนขอความเสมอไป

ดงนน Web 3.0 คอเทคโนโลยหรอแนวความคดทจะ เชอมโยงขอมลใน web ทมเนอหาเกยวของกนทงภายใน web หรอภายในเครอขายของโลก ซงมองไปแลวมนกคอ Database ของโลกเลย แตกเปนแนวคดทจะท าใหหาขอมล ทตองการไดงายขน ซงกจะม format ขอมลในการตดตอสอสารกน แตก based-on XML เชนพวก RDF (Resource Definition Framework), OWL(Ontology Web Language) ยคของเวบ 3.0 นเองทมความฉลาดล าหนาไปอยางมาก และความฉลาดของมนนเองจะน าซงความเปลยนแปลงครงใหญและทาทายเหลาผพฒนาเวบไซตและผใชมจดท าเวบไซตทมประสทธภาพ ตอไปในอนาคต

LMS คออะไร

LMS เปนค าทยอมาจาก Learning Management System หรอระบบการจดการเรยนร เปนซอฟตแวรทท าหนาทบรหารจดการเรยนการสอนผานเวบ จะประกอบดวยเครองมออ านวยความสะดวกใหแกผสอน ผเรยน ผดแลระบบ โดยทผสอนน าเนอหาและสอการสอนขนเวบไซตรายวชาตาม ทไดขอใหระบบ จดไวใหไดโดยสะดวก ผเรยนเขาถงเนอหา กจกรรมตางๆ ไดโดยผานเวบ ผสอนและผเรยนตดตอ สอสารไดผานทางเครองมอการสอสารทระบบจดไวให เชน ไปรษณยอเลกทรอนกส หองสนทนา กระดานถาม - ตอบ เปนตน นอกจากนนแลวยงมองคประกอบทส าคญ คอ การเกบบนทกขอมล กจกรรมการเรยนของผเรยนไวบนระบบเพอผสอนสามารถน าไปวเคราะห ตดตามและประเมนผลการเรยนการสอนในรายวชานนอยางมประสทธภาพ LMS คอ ระบบจดการการเรยนการสอนผานเครอขาย มเครองมอและสวนประกอบทส าคญ ส าหรบผสอน ผเรยนและผดแลระบบ ไดแก ระบบการจดการรายวชา ระบบการจดการสรางเนอหา ระบบบรหารจดการผเรยน ระบบสวนการจดการขอมลบทเรยน และระบบเครองมอชวยจดการสอสารและปฏสมพนธและจดกระบวนการเรยนร ไดแก การสอสาร Chat, E-mail, Web-board, การเขาใช การเกบขอมล, และการรายงานผล เปนตน LMS ประกอบดวย 5 สวนดงน 1. ระบบจดการหลกสตร (Course Management) กลมผใชงานแบงเปน 3 ระดบคอ ผเรยน ผสอน และผบรหารระบบ โดยสามารถเขาสระบบจาก ทไหน เวลาใดกได โดยผาน เครอขายอนเตอรเนต ระบบสามารถรองรบจ านวน user และ จ านวน บทเรยนได ไมจ ากด โดยขนอยกบ hardware/software ทใช และระบบสามารถรองรบการใชงาน ภาษาไทยอยางเตม 2. ระบบการสรางบทเรยน (Content Management)

ระบบประกอบดวยเครองมอในการชวยสราง Content ระบบสามารถใชงานไดดทงกบบทเรยนในรป Text - based และบทเรยนใน รปแบบ Streaming Media 3. ระบบการทดสอบและประเมนผล (Test and Evaluation System) มระบบคลงขอสอบ โดยเปนระบบการสมขอสอบสามารถจบเวลาการท าขอสอบและการตรวจ ขอสอบอตโนมต พรอมเฉลย รายงานสถต คะแนน และสถตการเขาเรยนของนกเรยน 4. ระบบสงเสรมการเรยน (Course Tools) ประกอบดวยเครองมอตางๆ ทใชสอสารระหวาง ผเรยน - ผสอน และ ผเรยน - ผเรยน ไดแก Webboard และ Chatroom โดยสามารถเกบ History ของขอมลเหลานได 5. ระบบจดการขอมล (Data Management System) ประกอบดวยระบบจดการไฟลและโฟลเดอร ผสอนมเนอทเกบขอมลบทเรยนเปนของตนเอง โดยไดเนอทตามท Admin การน าระบบ LMS ไปประยกตใชงาน ระบบ LMS สามารถน าไปประยกตใชงานไดอยางหลากหลายอาท สถาบนการศกษา ศนยฝกอบรม หนวยงานราชการ บรษทเอกชน โดยในการน าไปใชงานผใชสามารถ ปรบการใชงานใหเหมาะสมกบหนวยงาน จดประสงคหลกในการพฒนาระบบขนมากเพอสรางระบบการเรยนรใชงานในหนวยงานทงระบบ E-Learning หรอระบบ Knowledge Management(KM) ผใชงานในระบบ LMS ส าหรบผใชงานในระบบ LMS นนสามารถทจะแบงไดเปน 3 กลม คอ 1. กลมผบรหารระบบ (Administrator) ท าหนาทในการตดตงระบบ LMS การก าหนดคาเรมตนของระบบ การส ารองฐานขอมล การก าหนดสทธการเปนผสอน 2. กลมอาจารยหรอผสรางเนอหาการเรยน (Instructor / Teacher) ท าหนาทในการเพมเนอหา บทเรยนตางๆ เขาระบบ อาท ขอมลรายวชา ใบเนอหา เอกสารประกอบการสอน การประเมนผเรยนโดยใชขอสอบ ปรนย อตนย การใหคะแนน ตรวจสอบกจกรรมผเรยน ตอบค าถาม และสนทนากบนกเรยน 3. กลมผเรยน(Student/Guest) หมายถงนกเรยน นกศกษา ทสมครเขาเรยนตามหวขอตาง ๆ รวมทงการท าแบบฝกหด ตามทไดรบมอบหมายจากผสอน โดยอาจารยสามารถท าการแบงกลมผเรยนได และสามารถตงรหสผานในการเขาเรยนแตละวชาได

ลกษณะของ LMS 1. ก าหนดผใชงาน 2. ระบบการสอสาร 3. แหลงอางอง 4. การตรวจและใหคะแนน 5. การตดตามพฤตกรรมการเรยน 6. การรายงานผล 7. ระบบการสอน 8. ความสามารถในการน าเสนอ Rich Media สวนประกอบระบบ LMS 1. สวนเนอหาในบทเรยน (Lecture and Presentation) 2. สวนของการทดสอบในบทเรยน (Testing) 3. สวนของการพดคยในหองสนทนา (Chat) 4. กระดานขาว (Webboard) 5. สวนของการตดตอผาน E-mal 6. สวนสนบสนนการเรยนการสอน - การลงทะเบยนของผเรยน - การบนทกคะแนนของผเรยน - การรบ-สงงานของผเรยน - การเรยกดสถตของการเขาเรยน

มาตรฐานระบบ E-Learning กระทรวงกลาโหมสหรฐอเมรกา(DOD) ไดศกษาปญหาของความไมเขากน (Incompatibility) ของระบบอเลรนนง และเนอหาวชา ทพฒนาแตกตาง แพลตฟอรมกน ไมสามารถใชรวมกนได ทางกระทรวงกลาโหมสหรฐฯ จงรวบรวมขอก าหนด ทพฒนากอนหนามาเขาดวยกน ทงของ IMS และ AICC เพอทจะออกเปนขอก าหนด อเลรนนงกลาง และมการตงหนวยงานรวมมอกนระหวางกระทรวงกลาโหมสหรฐฯ หนวยงานรฐบาล ภาคเอกชนและภาคการศกษา จดตงสถาบนทเรยกวา ADL (Advanced Distributed Learning) เมอป 1997 และไดออกขอก าหนดแรกในเวอรชน 1.0 เมอป 2000 แตเวอรชนทประสบความส าเรจเปนทยอมรบกนทวไปคอ ขอก าหนด SCORM Version 1.2 ซงออกเมอเดอนตลาคมป 2001 ดงนนในการสรางระบบ LMS ขนมาไมวาจะเปนการพฒนาระบบขนมาใชงานเอง ซอจากบรษทเอกชน หรอใชซอฟตแวรส าเรจรปประเภท Open Source จ าเปนตองยดตามมาตรฐานกลางคอ SCORM (Sharable Content Object Reference Model)