สมาชกในกลมสมาชกในกลม

1. นายสามารถ สมภกด รหสนกศกษา 533410080548

2. นางสาวเขมนนท ทาโยธ รหสนกศกษา 533410080502

ไ 3. นางสาวชไมพร อทยแสน รหสนกศกษา 533410080508

4. นางสาวปทมา ปะวะโข รหสนกศกษา 533410080515

สาขาวชาคอมพวเตอรศกษา ชนปท 4 หม 5

TitleTitle

เวบไซตทเลอก

UNIVERSITY OF AUCKLANDUNIVERSITY OF AUCKLAND

จะออกแบบเวบไซตจะออกแบบเวบไซต

ไงด ไงด ????????????????ไงด ไงด ????????????????

เพราะ เวบไซตของมหาวทยาลยโอคแลนด มการออกแบบเวบไซตท

ตรงตามองคประกอบหลก ของการออกแบบเวบไซตทางการศกษา อยางมตรงตามองคปร กอบหลก ของการออกแบบเวบไซตทางการศกษา อยางม

ประสทธภาพ คอ

1. ความเรยบงาย 7. การเขาใชงานไดไมจากด. ว มเรยบ ย . รเข ใช นไ ไมจ

2. ความสมาเสมอ 8. มคณภาพในการออกแบบ

3. ความเปนเอกลกษณ 9. ระบบใชงานไดถกตอง9

4. เนอหาทมประโยชน

5. ระบบนาทางทใชงานงาย

6. มลกษณะทนาสนใจ

และยงมวธการใชสสนทสดใส สวยงาม เรยบงาย และบรสทธมองแลวใหความรสก

สบายตา ตรงตามทฤษฎสทใชในการออกแบบเวบไซต คอ หลกการใชสในงาน

กราฟก โดยเลอกใชระบบสแบบ RGB ทสามารถดงดดความสนใจจากผทเขามาเยยม

ชมเวบไซตได

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

เพอทาการวเคราะหการออกแบบเวบไซต ในครงน

การออกแบบเวบไซตทด คอ การออกแบบใหเหมาะสม กบกลมเปาหมายการออกแบบเวบไซตทด คอ การออกแบบใหเหมาะสม กบกลมเปาหมาย

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

ควรมความเรยบงาย มความสมาเสมอ สะทอนเอกลกษณและลกษณะขององคกรนนควรมความเรยบงาย มความสมาเสมอ สะทอนเอกลกษณและลกษณะขององคกรนน

ได มเนอหาทมประโยชน มระบบ Navigation ทใชงานงาย มโลโกและชอเวบไซตทก

หนา ทสาคญ คอ มลกษณะทนาสนใจและหมนปรบปรงเนอหาอยางสมาเสมอ (ดวงพร หนา ทสาคญ คอ มลกษณ ทนาสนใจแล หมนปรบปรงเนอหาอยางสมาเสมอ (ดวงพร

เกยงคา. 2549: 27)

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

โพฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

1. ความเรยบงาย

1.ความเรยบงาย หมายถง การสอสารเนอหาถงผใชใหอานเขาใจ

งาย เราจะเหนไดจากเวบไซตของมหาวทยาลยโอคแลนด มการ

ใ ไ โ ใ ออกแบบเรยบงายและมการสอสารกบผใชไดด โดยการใชทฤษฎ

สมาใชในการสอสารและดงดดความสนใจกบผใช

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

โพฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

2. ความสมาเสมอ หมายถง สามารถสรางความสมาเสมอใหกบ

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

นาเสนอเวบไซตในรปแบบเดยวกนทงเวบไซต โดยจะสงเกตไดจาก

สวนหวของเวบเพจ ประกอบไปดวย โลโก,ชอเวบไซต,กลองคนหา

เปนตน และทสาคญ คอ มการใชสในรปแบบเดยวกนทงเวบไซต

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

โพฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

3. ความเปนเอกลกษณ ตองคานงถงลกษณะขององคกรเปนหลก

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

ไ ใ ป ลกษณะของมหาวทยาลยไดด มการใชชดส ชนดตวอกษร รปภาพ และ

กราฟก ไดอยางเหมาะสม

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

4. เนอหาทมประโยชน

4. เนอหาทมประโยชน เนอหาถอเปนสงทสาคญทสดในเวบไซต ดงนน

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

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

เพมเตม เวบไซตใหทนเหตการณและทนสมยอยเสมอ

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

5 ร บบนาทางทใชงานงาย5. ระบบนาทางทใชงานงาย

5 ระบบนาทางทใชงานงาย ระบบนาทางเปนองคประกอบทสาคญ5. ระบบนาทางทใชงานงาย ระบบนาทางเปนองคประกอบทสาคญ

มากของเวบไซต ตองออกแบบใหผใชเขาใจไดงายและใชงานสะดวก

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

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

เชน วางไวในตาแหนงเดยวกน ของทกๆ หนา

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184) พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

6. มลกษณะทนาสนใจ

6.มลกษณะทนาสนใจ เปนเรองยากทจะตดสนวาลกษณะหนาเวบของ6.มลกษณะทนาสนใจ เปนเรองยากทจะตดสนวาลกษณะหนาเวบของ

เวบไซต จะมความนาสนใจหรอไม เพราะเกยวของกบความชอบของแต

ละบคคล ดงนนเวบไซตของมหาวทยาลยโอคแลนด มการใชกราฟก ใช

ชนดตวอกษรทอานงาย สบายตา และการใชกลมสทเขากนอยาง

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

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184) พฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

7. การเขาใชงานไดไมจากด

7. การเขาใชงานไดไมจากด มหาวทยาลยโอคแลนด ไดมการออกแบบ

เวบไซตใหผใชสวนใหญสามารถเขาถงไดมากทสด เวบไซตใหผใชสวนใหญสามารถเขาถงไดมากทสด

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

โพฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

8 มคณภาพในการออก บบ8. มคณภาพในการออกแบบ

ใ ไ 8.คณภาพในการออกแบบ มความสาคญกบการออกแบบเวบไซต

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

ประเมนเวบไซตอยเสมอ จะเหนไดจากการเปลยนแปลงหนาเวบเพจประเมนเวบไซตอยเสมอ จะเหนไดจากการเปลยนแปลงหนาเวบเพจ

ของเวบไซตอยตลอดเวลา

การออกแบบเวบไซต อยางมประสทธภาพ มหลกการ ดงน (จตเกษม

โพฒนาศร.2539; ธวชชย ศรส เทพ. 2544: 16; วเศษศกด โคตรอาษา. 2542: 184)

9. ระบบใชงานไดถกตอง

ใ ไ ใ ไ 9. ระบบใชงานไดถกตอง ระบบการทางานตางๆ ในเวบไซตของ

มหาวทยาลยโอคแลนด มความแนนอน และทาหนาทไดอยางถกตอง

เชน มการตดตอผาน Social Network เชน Facebook Twitter เชน มการตดตอผาน Social Network เชน Facebook , Twitter ,

YouTube , LinkedIn และสามารถใชการไดจรง

การออกแบบโครงสรางเวบไซต (Site Structure Design)การออกแบบโครงสรางเวบไซต (Site Structure Design)

คอ การจดหมวดหม และลาดบของเนอหา แลวจดทาเปนแผนผงโครงสราง

เวบไซต ซงจะทาใหเรารวามเนอหาอะไรบางภายในเวบไซต และแตละหนาเวบไซต ซงจะทาใหเรารวามเนอหาอะไรบางภายในเวบไซต และแตละหนา

เวบเพจนนมการเชอมโยงกนอยางไร

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

เวบไซต ดงน

1. มรายการสารบญแสดงรายละเอยดของเวบไซตญ

2. มการเชอมโยงขอมลไปยงเปาหมายไดตรงกบความตองการมากทสด

3. เนอหากระชบสนและทนสมยอยเสมอ

4. สามารถโตตอบกบผใชไดอยางทนทวงท

5. เลอกใชรปภาพ ทาหนาทแทนคาบรรยายทยาวเกนไป

6 เขาสกลมเปาหมายไดอยางถกตอง6. เขาสกลมเปาหมายไดอยางถกตอง

7. การสรางและการออกแบบเวบไซต งายตอการใชงานและตรงตาม

ความตองการของกลมเปหมายความตองการของกลมเปหมาย

8. มการกาหนดขอมลใหเปนมาตรฐานเดยวกน โดยแบงเนอหาออกเปน

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

เยยมชมเวบไซตสะดวกในการใชงาน

จากการทสมาชกในกลมไดทาการศกษา และวเคราะหการออกแบบ

โ ส ไซ โ โครงสรางเวบไซตของมหาวทยาลยโอคแลนด จากงานวจยและทฤษฎทเกยวของ

กสามารถสรปไดวา

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

ทฤษฎการออกแบบโครงสรางเวบไซต ของจตเกษม พฒนาศร (2539)ไดอางองไว

ในงานวจยทสมาชกในกลมศกษามาในงานวจยทสมาชกในกลมศกษามา

ขนตอนในการพฒนาเวบไซตอยางมหลกการ จะตองมการดาเนนการขนตอนในการพฒนาเวบไซตอยางมหลกการ จะตองมการดาเนนการ

ตามขนตอนทชดเจน มหาวทยาโอคแลนด ไดมการพฒนาเวบไซตอยางเปน

ขนตอน ดงนขนตอน ดงน

ป กาหนดเปาหมายและวางแผน

ว ครา ห ล จดโครงสรางขอมลวเคราะหและจดโครงสรางขอมล

ออกแบบเวบเพจและเตรยมขอมล

ลงมอสรางและทดสอบ

ใ เผยแพรและสงเสรมใหเปนทรจก

ดแลและปรบปรงตอเนอง

จอภาพคอมพวเตอรทเราเหนแสดงสสนไดสวยงามนน กมาจากการผสมกน

ของ แมส 3 ส โดยแตละสจะมความเขมได 256 ระดบ คอ ตงแต 0 255 และเมอผสมของ แมส 3 ส โดยแตละสจะมความเขมได 256 ระดบ คอ ตงแต 0-255 และเมอผสม

กนทง 3 ส จานวนสทสามารถแสดงไดกคอ 256x256x256 หรอประมาณ 16.7 ลานส

หรอเรยกวาความคมชด 24 บต การแสดงสของภาพทปรากฏจะชดเจนหรอไมนน หรอเรยกวาความคมชด 24 บต การแสดงสของภาพทปรากฏจะชดเจนหรอไมนน

ขนอยกบความละเอยดของจอภาพ (resolution) และความสามารถของการด

แสดงผลจอภาพ (VGA Card)แสดงผลจอภาพ (VGA Card)

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

สดใส สวยงาม เรยบงาย และบรสทธมองแลวใหความรสกสบายตา ตรงตามทฤษฎสท

ใชในการออกแบบเวบไซต คอ หลกการใชสในงานกราฟก โดยเลอกใชระบบสแบบ

RGB ทสามารถดงดดความสนใจจากผทเขามาเยยมชมเวบไซตได

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

สวนประกอบของเวบไซต ตรงตามทฤษฏของ วทยา เรองพรวสทธ (2539: 46-47)

ดงน

Header

MenuSidebar

Content

Footter

ตามทไดทาการศกษาการออกแบบและขนตอนการพฒนาเวบไซต จากทฤษฎฎ

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

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

พฒนาเวบไซต การเกดสและภาพบนจอคอมพวเตอร สวนประกอบของเวบไซต และ

ทฤษฎสทใชในการออกแบบเวบไซต วามขนตอนและวธการอยางไรบาง สามารถฎ

นามาประยกตใชในการเรยนรและใชในชวตประจาวนไดอยางมประสทธภาพ

ENDEND