โครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา

เรอง อปกรณคอมพวเตอร (Hardware)

โดย

นายอภมข ตาอด

นายจรศกด ดวงมณ

นางสาวณฐธดา ไชยสวรรณ

โรงเรยนขนหาญวทยาสรรค

สงกดองคการบรหารสวนจงหวดศรสะเกษ

รายงานฉบบนเปนสวนประกอบของโครงงานคอมพวเตอร

ชนมธยมศกษาตอนปลาย

เนองในงานศลปหตถกรรมนกเรยน ครงท 62 ปการศกษา 2555

วนท 3 เดอน ธนวาคม พ.ศ. 2555

โครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา

เรอง อปกรณคอมพวเตอร (Hardware)

โดย

นายอภมข ตาอด

นายจรศกด ดวงมณ

นางสาวณฐธดา ไชยสวรรณ

โรงเรยนขนหาญวทยาสรรค

สงกดองคการบรหารสวนจงหวดศรสะเกษ

ครทปรกษา

นายนพพร พนานสรณ นางสาวนภาพร วรรณทอง

ข

เรอง โครงงานคอมพวเตอรการพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร

(Hardware)

ประเภทโครงงาน โครงงานพฒนาเสอการศกษา

ระดบชน มธยมศกษาตอนปลาย

โดย 1. นายจรศกด ดวงมณ

2. นายอภมข ตาอด

3. นางสาวณฐธดา ไชยสวรรณ

โรงเรยน ขนหาญวทยาสรรค อาเภอขนหาญ จงหวดศรสะเกษ

สงกด องคการบรหารสวนจงหวดศรสะเกษ

ครทปรกษา นายนพพร พนานสรณ นางสาวนภาพร วรรณทอง

ปการศกษา 2555

บทคดยอ

โครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร

(Hardware) จดทาขนโดยมวตถประสงค 1) เพอพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร

(Hardware) 2) เพอใชเปนสอในการศกษาใหกบผทสนใจ เรอง อปกรณคอมพวเตอร (Hardware) การพฒนา

เวบไซตในครงนใชโปรแกรมในการดาเนนงาน คอ โปรแกรม Adobe Dreamweaver , Adobe Flash ,

Adobe Photoshop , Sothink Glanda , Microsoft Word , Captivate

ผลการพฒนาเวบไซต เพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware)ในเวบไซต

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

การประเมนของการพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware) มคาเฉลยรวม

อยในระดบด ( X =3.92)

ก

กตตกรรมประกาศ

โครงงานนสาเรจลลวงไดดวยความกรณาจากอาจารยนพพร พนานสรณอาจารยทปรกษา

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

เลมนเสรจสมบรณ ผศกษาจงขอขอบพระคณเปนอยางสง

ขอขอบคณอาจารยนภาพร วรรณทอง คณครทปรกษาพเศษทใหคาปรกษาในการแกไข

และปรบปรงโครงงานใหสาเรจลลวง ไปดวยด

ขอขอบคณผปกครองทใหคาปรกษา และการสนบสนน ในเรองตางๆ รวมทงเปน

กาลงใจทดเสมอ

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

ประกอบการทาโครงงานน

สดทายขอบคณเพอนๆ ทชวยใหคาแนะนาด ๆ เกยวกบการทา

จรศกด ดวงมณ

อภมข ตาอด

ณฐธดา ไชยสวรรณ

ค

สารบญ

หนา

กตตกรรมประกาศ ก

บทคดยอ ข

สารบญ ค

บทท 1 บทนา 1

ทมาและความสาคญ 1

วตถประสงค 2

ขอบเขตการศกษา 2

ผลทคาดวาจะไดรบ 2

บทท 2 เอกสารทเกยวของ 3

ความสาคญของคอมพวเตอร 3

ขอมลเกยวกบคอมพวเตอร 3

อปกรณคอมพวเตอร (Hardware) 4

เวบไซต (Website) 7

โปรแกรมทใชในการดาเนนงาน 9

บทท 3 อปกรณและวธการดาเนนการ 11

วสดอปกรณ เครองมอหรอโปรแกรมหรอทใชในการพฒนา 11

ขนตอนการดาเนนงาน 11

บทท 4 ผลการดาเนนโครงงาน 12

ผลการพฒนาเวบไซต (Website) 12

การทดสอบการพฒนาเวบไซต 18

ผลการประเมนประสทธภาพ 18

ง

สารบญ (ตอ)

หนา

บทท 5 สรปผลการดาเนนงาน และขอเสนอแนะ 19

สรปผลการพฒนาเวบไซต 19

การทดสอบการพฒนาเวบไซต 19

ผลการประเมนประสทธภาพ 19

อปสรรคในการทาโครงงาน 20

ขอเสนอแนะและแนวทางในการพฒนาตอ 20

บทท 1

บทนา

ทมาและความสาคญ

ปจจบนความกาวหนาทางเทคโนโลยสารสนเทศกอใหเกดการเปลยนแปลงอนยงใหญ

ตอทกวงการทวโลก รวมทงวงการการศกษาของไทยดวย และผลพวงทตามมาในแงของเ ทคนค

วธการเกยวกบการศกษา และกระบวนการเรยนรท จะเปลยนไปจากกระบวนการเรยนร แบบเดม

เปนกระบวนการเรยนรทไมมขดจากด ดวยการพฒนาของเทคโนโลยสารสนเทศ ทาใหประเทศ

ตาง ๆ ทวโลกหนมา ใหความ สาคญและสนใจในการพฒนาเทคโนโลยสารสนเทศเพ อใหเกด

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

ผเรยนรรนใหมจะเปนผเรยนทรกในการศกษาคนควา เรยนรดวยตนเอง มความคดรเรมสรางสรรค

สงใหม ๆ มความรทกษะทจาเปนตอการ เรยนร เพอพฒนาตนเองมากขน (ลดดาวลย เพชรโรจน ,

2539 : 122) จงเปนทยอมรบวา เทคโนโลยสารสนเทศ ไดกลายเปนปจจยทสาคญในการพฒนา

ประเทศ การจดการศกษาจงตองปรบเปลยน โดยการปรบเอาเทคโนโลยสารสนเทศเขามาใชใหเกด

ประโยชนในทกๆ ดาน จงไดมขอกาหนดไวในพระราชบญญตการศกษาแหงชาต พ.ศ. 2542 วาดวย

รฐตองสงเสรมและสนบสนนใหมการผลตสอเทคโนโลยเพอการศกษา รวมทงใหมการพฒนา

บคคลากรดานการผลตและผใหมความสามารถ มทกษะตลอดจนผเรยนใหมประสทธภาพทจะ

พฒนาเพอใหเกดคว ามรความสามารถและทกษะเพยงพอทจะใชเทคโนโลยเพอการศกษา ในการ

แสวงหาความรดวยตนเองไดอยางตอเนองตลอดชวต ซงเจตนารมณของพระราชบญญตฉบบน

ไดประกาศชดวาประชาชนทกคนสามารถเขาถงการศกษาเพอการเรยนร และพฒนาตนเอง

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

การเรยนร" เพอพฒนาสงคมไทยใหไปส "สงคมแหงภมปญญา" อยางแทจรง (ปญญาพล, 2542 : 100)

จากเหตผลดงกลาว ผจดทา จงสนใจทจะพฒนาเวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) ซงถอไดวาเปนแนวทางหนงในการนาเทคโนโลยทางการศกษามา

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

โดยผสนใจสามารถเรยนร ไดดวยตวเอง ไมวาจะเรยนรเรวหรอชากสามารถบรรลจดมงหมาย

ไดเหมอนกน

2

วตถประสงค

1. เพอพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware)

2. เพอใชเปนสอในการศกษา ใหกบผทสนใจ เรอง อปกรณคอมพวเตอร (Hardware)

ขอบเขตการศกษา

1. ขอบเขตดานเนอหา เรอง อปกรณคอมพวเตอร (Hardware) ซงประกอบดวย

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

2. โปรแกรมทใชในการดาเนนงาน ไดแก

2.1 โปรแกรม Adobe Dreamweaver

2.2 โปรแกรม Adobe Flash

2.3 โปรแกรม Adobe Photoshop

2.4 โปรแกรม Sothink Glanda

2.5 โปรแกรม Microsoft Word

2.6 โปรแกรม Captivate

ผลทคาดวาจะไดรบ

1. ไดเรยนรและสามารถพฒนาเวบไซตทสามารถใชในการศกษาคนควาไดจรง

2. ไดนาเอาเทคโนโลยสารสนเทศมาใชใหเกดประโยชนสงสด

3. สามารถนาความรทไดรบจากการศกษาเรอง อปกรณคอมพวเตอร( Hardware) ไปใช

ในการศกษาได

บทท 2

เอกสารทเกยวของ

การจดทาโครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) นผจดทาไดศกษาเอกสารทเกยวของดงตอไปน

1. ความสาคญของคอมพวเตอร

2. ขอมลเกยวกบคอมพวเตอร

3. อปกรณคอมพวเตอร (Hardware)

4. เวบไซต (Website)

5. โปรแกรมทใชในการดาเนนงาน

1. ความสาคญของคอมพวเตอร

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

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

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

กาลงรอสญญาณไฟเขยวอยตรงสแยก สญญาณไฟกถกควบคมโดยคอมพวเตอร เชนกน กจกรรม

ตางๆนตองพงพาคอมพวเตอรเขามาชวยแทบทงสน ปจจบนพฒนาการดานคอมพวเตอรกาวหนา

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

การนาคอมพวเตอรมาใชในงานตางๆ อยางกวางขวาง หรอแมกระทงการนาคอมพวเตอรมาใช

เพอการพกผอน เพอการบนเทง เลนเกม ดหนง ฟงเพลง

ดงนนการศกษาเกยวกบเรองคอมพวเตอรจงเปนเรองจาเปนอยางยงเพราะจะทาใหเรา

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

2. ขอมลเกยวกบคอมพวเตอร

2.1 ความหมายของคอมพวเตอร

เมอพจารณาศพทคาวา คอมพวเตอร ถาแปลกนตรงตวตามคาภาษาองกฤษ

จะหมายถง เครองคานวณ ดงนนถากลาวอยางกวาง ๆ เครองคานวณทมสวนประกอบเปนเครอง

4

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

คานวณ (slide rule) ซงถอเปนเครองมอประจาตววศวกรในยคยสบปกอน

ในปจจบนความหมายของคอมพวเตอรจะระบเฉพาะเจาะจง หมายถง เครอง

คานวณอเลกทรอนกสทสามารถทางานคานวณผลและเปรยบเทยบคาตามชดคาสงดวยความเรวสง

อยางตอเนองและอตโนมต พจนานกรมฉบบราชบณฑตยสถาน พ .ศ. 2525 ไดใหคาจากดความของ

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

ใชสาหรบแกปญหาตาง ๆ ทงทงายและซบซอน โดยวธทางคณตศาสตร

2.2 ประวตความเปนมาและพฒนาการของคอมพวเตอร

คอมพวเตอรทเราใชกนอยทกวนนเปนผลมาจากการประดษฐคดคนเครองมอ

ในการคานวณซงมววฒนาการนานมาแลว เรมจากเครองมอในการคานวณเครองแรกคอ "ลกคด"

(Abacus) ทสรางขนในประเทศจน เมอประมาณ 2,000-3,000 ปมาแลว จนกระทงในป พ .ศ. 2376

นกคณตศาสต รชาวองกฤษ ชอ ชารล แบบเบจ (Charles Babbage) ไดประดษฐเครองวเคราะห

(Analytical Engine) สามารถคานวณคาของตรโกณมตฟงกชนตางๆ ทางคณตศาสตร การทางาน

ของเครองนแบงเปน 3 สวน คอ สวนเกบขอมล สวนคานวณ และสวนควบคม ใชระบบ

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

ในหนวยความจา กอนจะพมพออกมาทางกระดาษ หลกการของแบบเบจนเองทไดนามาพฒนา

สรางเครองคอมพ วเตอรสมยใหม เราจงยกยองใหแบบเบจเปน บดาแหงเค รองคอมพวเตอร

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

เรมยคของคอมพวเตอรอยางแทจรง โดยสามารถจดแบงคอมพวเตอรออกไดเปน 5 ยคไดแก

ยคท 1 ยคของหลอดสญญากาศ

ยคท 2 ยคของทรานซสเตอร

ยคท 3 ยคของวงจรไอซ (IC หรอ Integrated Circuits)

ยคท 4 ยคของวแอลเอสไอ

ยคท 5 ยคเครอขาย (ยคปจจบน)

3. อปกรณคอมพวเตอร (Hardware)

คอมพวเตอรประกอบดวยอปกรณอเลกทรอนกสมากมาย หรอทเราเรยกวา อปกรณ

ฮารดแวร (hardware) ซงสามารถแบงไดเปน หนวยรบขอมล (input), หนวยแสดงขอมล (output),

หนวยประมวลผล (processing unit), หนวยความจา (memory unit/storage unit) และอปกรณอนๆ

5

3.1.ฮารดแวร (Hardware)

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

คยบอรด เมาส จอคอมพวเตอร และตวเครอง นอกจากนยงประกอบดวยอปกรณตอพวงตางๆ

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

เครองดจไตสเซอร ชดมลตมเดย อปกรณสอสารอนๆ ดงนน สวนประกอบของเครองคอมพวเตอร

แบงตามหนาทการทางานของเครองไดดงน

1) หนวยรบขอมล (Input unit) เปนอปกรณรบเขา ทาหนาทรบโปรแ กรมและขอมล

เขาสเครองคอมพวเตอร อปกรณรบเขาทใชกนเปนสวนใหญ คอ แปนพมพ ( Keyboard ) และเมาส

( Mouse) นอกจากนยงมอปกรณรบเขาอน ๆ อก ไดแก สแกนเนอร ( Scanner), วดโอคาเมรา

(Video Camera), ไมโครโฟน (Microphone),ทชสกรน (Touch screen), แทรคบอล (Trackball),

ดจตเซอร เทเบล แอนด ครอสแชร (Digiter tablet and crosshair)

2) หนวยประมวลผลกลาง (Processor) เปนชปเซตททาหนาทในการประมวลผล

ภายใน ซงประกอบดวย สวนควบคม (Control Unit : CU) ทาหนาทควบคมการทางานสวนตางๆ

ของระบบโดยสงสญญาณควบคมผานระบบบส (Bus) สวนคานวณและเปรยบเทยบ (Arithmetic

and Logic Unit : ALU) มหนาทหลกคอ การคานวณและและเปรยบเทยบขอมลดวยหลกการทาง

คณตศาสตร และ ตรรกศาสตร เชน การบวก ลบ คณ หาร และการตรวจสอบเงอนไข เกบขอมลท

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

ประมวลผลเพยงชดเดยว ในกรณของคอมพวเตอรทใชในงานประมวลผลขอมลดาวเทยมซงม

ความละเอยดของขอมลสง มการประมวลผลตลอดเวลา และมการทางานของโปรแกรมพรอมกน

หลายโปรแกรม หนวยประมวลผลเพยงชดเดยวจงอาจไมเพยงพอ เพราะจะทาใหเครองประมวลผล

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

2 ชด (two-processor) เปนทางหนงทชวยใหการประมวลผลมเสถยรภาพ โดยหนวยประมวลผล

สามารถทางานในเวลาเดยวกนเปนตวสารองซงกนและกนเมอ CPU ตวใดตวหนงหยดทางานอกตว

หนงจะทางานแทนโดยอตโนมต

3) หนวยความจาหลก (Main Memory) เราสามารถสงใหคอมพวเตอรทางานไดโดย

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

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

(Read Only Memory : ROM) ทาหนาทในการเกบชดคา สงควบคมการรบสงขอมลพนฐาน คอ

BIOS ซงจะถกกาหนดมาจากโรงงานผลตเครองคอมพวเตอร หนวยความจาสวนนจะเกบขอมลไว

ตลอดอายการใชงานของเครอง อกประเภทหนงเรยกวา หนวยความจาแบบชวคราว (Random

6

Access Memory : RAM)หนวยความจาสวนนสามารถอานและบนทกขอมลไดตลอดเวลา เปนสวน

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

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

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

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

การประมวลผลขอมลดาวเทยม ในปจจบนควรจะเลอกใช RAM ชนด ทม Parity SDRAM PC100

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

ประมวลผลหลายขนตอน กอปรกบโปรแกรมประมวลผลขอมลดาวเทยมมขนาดใหญ และมการตอ

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

ความตองการหนวยความจาหลกมมากขนและการประมวลผลแตละครงจะมการใชหน วยความจา

จะเพมขนอกเปนเทาตว

4) หนวยบนทกขอมล (Data Entry Unit) เปนสอในการเกบขอมล และสามารถนา

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

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

อปกรณสวนนทาหนาทเปนทงหนวยรบขอมลและหนวยแสดงผลขอมล (Input/output Device)

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

(1) ฮารดดสต (Hard Disk ) แผนจานแมเหลกเกบขอมลชนดแขง แบงไดเปน 2

ประเภท คอ ประเภททเชอมตอภายในเครอง (Internal Hard Disk) และประเภททเชอมตอภายนอก

(External hard disk) ปจจบนไดมการผลต ฮารดดสตวามจตงแต 6 GB ขนไป โดยมมาตรฐาน

การเชอมตอ IDE SCSI และ USB ซงมความเรวในการสงผานขอมลตามมาตรฐานแบบ SCSI จะม

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

ประมวลผลขอมลและสงผานขอมลจานวนมาก ฮารดดส ตทผลตในปจจบนไดแก Seagate, IBM,

Maxtor, Quantum

(2) เทปคารทรดจ (Cartridge Tape) เทปคารทรดจ มจดเดนตรงสามารถบนทก

ขอมลซ าไดหลายครง และมความจสงถงระดบกกะไบต คอ ตงแต 1 กกะไบตขนไป สงถง 14

กกะไบต มลกษณะเทปคลายเทปคาสเซท เปนมวนยาว 112 m ใชสาหรบบนทกขอมลทมจานวน

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

(3) เครองอานและบนทกขอมล ประเภท CD, DVD ใชลาแสงเลเซอรในการอาน

และเขยนขอมลมทงชนดอานไดอยางเดยว ซงเรยก วา Compact Disk Read Only Memory

(CD-ROM) Digital Video disc/Digital Versatile Disc (DVD) และชนดทสามารถอานและอานและ

7

เขยนได เรยกวา CD-R, DVD-Rปกตแลวการบนทกขอมลลงซดจะบนทกไดเพยงครงเดยว แตม

เครองบนทกซดทออกมา รองรบการบนทกขอมลไดมากกวา 1 ครง เรยกวา CD - RW, DVD-RW

สามารถลบขอมลในแผนและบนทกใหมได

(4) Floppy Disk แผนจานแมเหลกชนดออน เคลอบดวยสาร Polyester เปน

Mylar บางๆ บรรจในซองพลาสตก มขนาด 3.5 นว ความจ 1.44MB

5) หนวยแสดงผลขอมล (Output Unit) ทาหนาทในการแสดงผลขอมลทไดจากการ

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

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

ทางสงพมพ แตเราไมสามารถจบตองไดเราเรยกวา Softcopy สวนการแสดงผลออกทางสอสงพมพ

เรยกวา Hardcopyเชน แผนท แผนภมตางๆ จดพมพในรปกระดาษ หรอแผนฟลม

(1) จอคอมพวเตอร จอคอมพวเตอรสาหรบงานประมวลผลขอมลดาวเทยมค วรใช

จอขนาดใหญ 20 นวขนไป หรอไมควรตากวา 17 นว มหลอดภาพชนด Trinitron ซงใหความคมชด

ของภาพไดด และความละเอยดในการแสดงผล 1600x1200 จด ทาใหสามารถแสดงผลภาพไดด

2) เครองพมพ เครองพมพทใชในการแสดงผลขอมลดาวเทยมมดวยกนหลาย

ประเภท แตทนยมใชกน คอ เครองพมพชนด Laser เครองพมพชนด Ink Jet ซงใหความละเอยดใน

การพมพสงกวา และพมพไดรวดเรวกวาเครองพมพชนด Dot matrix

4. เวบไซต (Website)

4.1 ความหมายของเวบไซต (Website)

เวบไซต (Web Site) คอ แหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ

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

(Web Page) และเรยกเวบหนาแรกของแตละเวบไซตวา โฮมเพจ (Home Page) หรออาจกลาวไดวา

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

ผทมคอมพวเตอรแบบเซรฟเวอรหรอจดทะเบยนเปนของตนเองเรยบรอยแลวเชน

www.google.co.th ซงเปนเวบไซตทใหบรการสบคนขอมลเปนตนโฮมเพจ (Home Page)

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

เรองราวตางๆมากมายคลายกบหนาปกนตย สารบานเรา ดงนนหากเราออกแบบหนาโฮมเพจให

สวยงามและนาสนใจ โอกาสทผชมจะแวะเขามาเยยมเยยนโฮมเพจของ เรากจะยงมากตามไปดวย

เวบเพจ (Web Page)

8

เวบเพจ คอ คาทใชเรยกหนาเอกสารตางๆ ทอยในรปแบบไฟล HTML (Hyper

Text Markup Language) เปรยบเสมอนหนากระดาษแตละหนาทมเรองราวตางๆมากมายบรรจอย

ในนตรสาร แตแตกตางกนตรงทมการเชอมโยง (Link) ซงเราสามารถคลกไปทหนาใดของโฮมเพจ

กได

เวบไซต (Web Site) คอ คาทใชเรยกกลมของเวบเพจ ( ดงนนภายในเวบไซตจะ

ประกอบไปดวยโฮมเพจและเวบเพจ ) โดยเรามกใชเรยกเวบทมขนาดใหญและมการจดทะเบยนชอ

เวบไซตนนๆไวแลว (Domain Name) เชน http://www.geocities.com ,http://www.sanook.com,

http://www.yahoo.com เปนตน สรป เวบไซต คอ ชอเรยกหรอทอยของเครองคอมพวเตอร

ทใหบรการเวบเพจ คอ หนาแตละหนาทมการเชอมโยงถงกน

4.2 ประเภทของเวบไซต(Website)

เวบไซตสามารถแบงออกไดเปนกลมใหญๆ ได 8 ประเภทตามลกษณะของเนอหา

และรปแบบของเวบไซต กลมเวบทง 8 ประเภท

1) เวบทา (Portal site)เวบทานนอาจเรยกอกชอหนงไดวาเวบวาไรต (variety

web) ซงหมายถงเวบทใหบรการตางๆ ไวมากมาย มกประกอบไปดวยบรการเครองมอคนหา ท

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

สาระและบนเทงหลากหลายประเภท เชน ดหนง ฟงเพลง ดดวง ทองเทยว ITเกม สขภาพ หรออนๆ

2) เวบขาว (News site)เวบขาวมกเปนเวบไซตทสรางขนโดยองคกรขาวหรอ

สถาบนสอสารมวลชนตางๆ ทมสอมวลชนประเภทตางๆ ของตนอยเปนหลก เชน สถานโทรทศน

สถานวทย หนงสอพมพ นตยสาร วารสาร หรอแมกระทงกระทรวง ทบวง กรมตางๆ

3) เวบขอมล (Information site) เวบขอมลนนเปนเวบทใหบรการเกยวกบการ

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

บคคลทสนใจ ไดเขามาศกษาคนควาขอมลทเกยวของกบองคกรของตนได อกทงยงเปนการ สราง

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

4) เวบธรกจหรอการตลาด (Business/ Marketing site) เวบธรกจหรอการตลาด

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

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

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

5) เวบการศกษา (Education site) เวบการศกษามกเปนเวบทสรางขนโดย

สถาบนการศกษาตางๆ หรอองคกรทงภาครฐและเอกชนทมนโยบายในการเผยแพรความร และให

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

9

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

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

ออนไลนทเรยกวา อ-เลรนนง (e-learning) นอกจากนแลวยงรวมถงเวบทสอนหรอใหความร

เกยวกบเรองตางๆ เชน การทาเวบ การทาอาหาร การถายภาพ การเขยนโปรแกรม ฯลฯ

6) เวบบนเทง (Entertainment site) เวบบนเทงนนมงเสนอและใหบรการตางๆ

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

ภาพยนตร ดารา กฬา ความร ก บทกลอน การตน เรองขาขน รวมถงการใหบรการดาวนโหลด

โลโกและรงโทนสาหรบโทรศพทเคลอนทอกดวย เวบประเภทนอาจมรปแบบทเปนอนเตอรแอค

ทฟทตนตาตนใจ หรอใชเทคโนโลยมลตมเดยไดมากกวาเวบประเภทอน

7) เวบองคกรทไมแสวงหาผลกาไร (None-profit organization site) เวบประเภท

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

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

สมาคม ชมรม ม ลนธ และโครงการตางๆ โดยอาจมจดประสงคเฉพาะทแตกตางกน เชน เพอทา

ความด สรางสรรคสงคม พทกษสงแวดลอม ปกปองสทธมนษยชน รณรงคไมใหสบบหร หรออาจ

รวมตวกนเพอดแลผลประโยชนของสมาชกในกลม

8) เวบสวนตว (personal site) เวบสวนตว อาจเปนเวบของคนๆ เดยว เพอนฝง

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

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

เชยวชาญหรอสนใจ โดยทงหมดนอาจทาเปนเวบไซตหรอเปนเพยงเวบเพจหนาเดยวกได

5. โปรแกรมทใชในการดาเนนงาน

5.1 โปรแกรม Adobe Dreamweaver

Macromedia Dreamweaver เปนโปรแกรมสาหรบออกแบบและพฒนาเวบไซต

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

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

ไดอยางงายดายโดยไมจาเปนตองใชโคด HTML ใน Dreamweaver มเครองมอมากมายใหใชในการ

พฒนาเวบไดอยางรวดเรว สวยงาม และมประสทธภาพสง Dreamweaver มเครองมอในการจดการ

และบรหารเวบ ไซท ทชวยใหคณจดการกบ Site และไฟลทเกยวของกบ Site ของคณ เชน สราง ลบ

ยาย และเปลยนชอไฟล เปนตน

10

5.2 โปรแกรม Adobe Flash

เปนซอฟตแวร ทใชสรางชนงานกราฟกทพบเปนสวนมากบนเวบไซดตาง ๆ และ

สามารถพบชนงาน Flash บน เกมส สอโฆษณาบนเวบไซต อนเตอรเฟสตาง ๆ สรางชนงาน

Interactive บนเวบไซต การตนแอนเมชนตางๆ สรางเวบไซตไดสวยงาม และสรางลกเลนตาง ๆ

สรางเกมส (GAME)

5.3 โปรแกรม Adobe Photoshop

Photoshop เปนโปรแกรมสาหรบสรางและตกแตงภาพทมชอเสยง และไดรบ

ความนยมมากทสด เนองจากคณสมบตเดนทมอยมากมาย ไมวาจะเปนความสามารถจดการกบ

ไฟลสารพดชนดทใชในงานประเภทตาง ๆ ทงภาพทถายจากกลองดจตอล และภาพทจะนาไปผาน

กระบวนการการพมพ โปรแกรมมความสามารถเปนเยยมในการแกไขตกแตงภาพ และการสราง

เอฟเฟคตพเศษตาง ๆ มเครองมอทมประสทธภาพและความยดหยนสง

5.4 โปรแกรม Sothink Glanda

เปนโปรแกรมสาหรบสรางขอความอกษร Flash ซงมลกษณะเปนขอความ

เคลอนไหว ในลกษณะตางๆ หลากหลายรปแบบ อนจะทาใหเวบไซตมความนาสนใจและสวยงาม

มากยงขน นอกจากการทา effect ใหกบขอความแลว ยงสามารถทากบรป ภาพ ไดอกดวย และ

สามารถทาขอสอบได

5.5 โปรแกรม Microsoft Word

เปนโปรแกรมสาหรบสรางเอกสาร โปรแกรมประมวลผลคา (Word Processor)

หรอทเรยกกนอยางยอ ๆ วา “เวรด” (Word) เปนโปรแกรมทใชในการสรางงานเอกสารทวไป

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

ไมโครซอฟตเวรดเปนหนงในชดโปรแกรมไมโครซอฟตออฟฟศ (Microsoft Office)

5.6 โปรแกรม Captivate

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

และอน ๆ โปรแกรม Captivate สามารถสรางบทเรยนแบบมปฏสมพนธ สรางขอสอบ ไดอยางด

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

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

บคลากร และสามารถ สงขนเวบ You tube ไดทนท หรอจะทาเปนไฟล PDF กได

บทท 3

อปกรณและวธการดาเนนการ

การจดทาโครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) มวธการดาเนนโครงงานตามขนตอนตอไปน

1. วสดอปกรณ เครองมอหรอโปรแกรมหรอทใชในการพฒนา

1.1 เครองคอมพวเตอร พรอมเชอมตอระบบเครอขายอนเตอรเนต

1.2 โปรแกรมทใชในการดาเนนงาน ไดแก

1) โปรแกรม Adobe Dreamweaver

2) โปรแกรม Adobe Flash

3) โปรแกรม Adobe Photoshop

4) โปรแกรม Sothink Glanda

5) โปรแกรม Microsoft Word

6) โปรแกรม Captivate

2. ขนตอนการดาเนนงาน

2.1 คดหวขอโครงงานเพอนาเสนอครทปรกษาโครงงาน

2.2 ศกษาและคนควาขอมลทเกยวของกบเรองทสนใจ คอเรองอปกรณคอมพวเตอร

และศกษาคนควาเพมเตมเพยงใดจากเวบไซตตาง ๆ และจดเกบขอมลเพอจดทาเนอหาตอไป

2.3 ศกษาการสรางเวบไชตโดยใชโปรแกรม Adobe Dreamweaver ,Adobe Flash ,

Sothink glanda , Captivate จากอกสาร และจากเวบไซตตางๆ ทเสนอเทคนค วธการสราง

2.4 จดทาโครงรางโครงงานคอมพวเตอรเพอนาเสนอครทปรกษา

2.5 จดทาโครงงานคอมพวเตอรการพฒนาเวบไชต เรองอปกรณคอมพวเตอร โดยสราง

บทเรยนทสนใจตามแบบเสนอโครงรางทเสนอ

2.6 นาเสนอรายงานความกาวหนาใหครทปรกษาโครงงานไดตรวจสอบ ซงครทปรกษา

จะใหขอเสนอแนะตาง ๆ เพอใหจดทาเนอหาและการนาเสนอทนาสนใจ ทงนเมอไดรบคาแนะนา

กจะนามาปรบปรงแกไขแกไขใหเปนทนาสนใจยงขน

2.7 จดทาเอกสารรายงานโครงงานคอมพวเตอร

2.8 ประเมนผลงานโดยใหครทปรกษาประเมนผลงาน และใหเพอนผทสนใจรวมประเมน

บทท 4

ผลการดาเนนโครงงาน

การจดทาโครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร

(Hardware) มผลการดาเนนโครงงาน ดงน

1. ผลการพฒนาเวบไซต (Website)

1.1 เปดเวบไซต http://www.kws.ac.th/comp จะ1ปรากฏหนาจอ ดงน

ภาพท 1 หนาจอเวบไซต เรอง คอมพวเตอร (Hardware)

ภาพท 2 MENU

13

จากภาพท 2 ประกอบดวยเมน ดงน

1. แบบทดสอบกอนเรยน

2. เนอหาบทเรยน

3. แบบทดสอบหลงเรยน

4. ใบความร

5. ใบงาน

1.1 แบบทดสอบกอนเรยน

แบบทดสอบกอนเรยนมทงหมด 5 เรอง ไดแก เรอง อปกรณนาเขา หนวยความจา

หนวยประมวลผล หนวยความจาสารอง หนวยแสดงผล เรองละ 5 ขอ

ภาพท 3 แบบทดสอบกอนเรยนเรอง หนวยความจา

ภาพท 4 แบบทดสอบกอนเรยนเรอง หนวยประมวลผล

14

ภาพท 5 แบบทดสอบกอนเรยนเรอง หนวยความจาสารอง

1.2 เนอหาบทเรยน

เนอหามทงหมด 5 เรอง ไดแก อปกรณนาเขา หนวยความจา หนวยประมวลผล

หนวยความจาสารอง หนวยแสดงผล

ภาพท 6 เนอหา

15

1.3 แบบทดสอบหลงเรยน

แบบทดสอบกอนเรยนมทงหมด 5 เรอง ไดแก เรอง ไดแก เรอง อปกรณนาเขา

หนวยความจา หนวยประมวลผล หนวยความจาสารอง หนวยแสดงผล เรองละ 5 ขอ

ภาพท 7 แบบทดสอบหลงเรยน

ภาพท แบบทดสอบหลงเรยน เรอง อปกรณนาเขา

16

ภาพท 9 แบบทดสอบหลงเรยน เรอง หนวยความจาสารอง

ภาพท 10 แบบทดสอบหลงเรยน เรอง หนวยแสดงผล

17

14 ใบความร

ภาพท 11 ใบความร

1.5 ใบงาน

ภาพท 12 ใบงาน

18

2. การทดสอบการพฒนาเวบไซต

ในการทดสอบ การพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware)

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

การศกษาเนอหา ขอมลทนามาทดสอบเปนทงขอมลทถกตองและขอมลทผดพลาด

จากการทดสอบ พบวาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware) ท

ไดพฒนาขนนสามารถทางานไดครบความตองการของผใช คอ ทาแบบทดสอบกอนเรยน ศกษา

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

3. ผลการประเมนประสทธภาพ

ผลการประเมนประสทธภาพของ การพฒนา เวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) แสดงคาคะแนนเฉลย ( X ) สวนเบยงเบนมาตรฐาน (S.D.) และคาระดบ

ประสทธภาพของกลมตวอยางของผใชงานจานวน 20 คน มดงตอไปน

ตารางท 1 แบบประเมนเพอหาประสทธภาพของการพฒนาเวบไซตเพอการศกษา

เรอง อปกรณคอมพวเตอร (Hardware)

รายการประเมน X S.D. ความหมาย

1. ความชดเจนของขอความทแสดงบนจอภาพ 4.21 0.419 ด

2. ความเหมาะสมของการใชสของตวอกษรพนหลงและรปภาพ 4.05 0.524 ด

3. ความเหมาะสมของตาแหนงการจดวางสวนตางๆ บนจอภาพ 3.95 0.405 ด

4. คาสงบนหนาจอใชสอสารกบผใชไดตรงตามวตถประสงค 3.68 0.820 ด

5. การใชงานงาย 4.21 0.419 ด

6. ความเหมาะสมของปรมาณขอมลทนาเสนอในแตละจอภาพ 3.47 0.513 พอใช

รวมเฉลย 3.92 0.353 ด

จากตารางท 1 แบบประเมนเพอหาประสทธภาพของ การพฒนาเวบไซตเพอการศกษา

เรอง อปกรณคอมพวเตอร (Hardware) มคาเฉลยรวม อยในระดบด ( X =3.92)

บทท 5

สรปผลการดาเนนงาน และขอเสนอแนะ

การจดทาโครงงานคอมพวเตอร การพฒนาเวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) นสรปผลการดาเนนงานโครงงานและขอเสนอแนะ ไดดงน

1. สรปผลการพฒนาเวบไซต

ผจดทาไดพฒนาเวบไซต เพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware) ซงม

รายละเอยด ดงน

1.1 แบบทดสอบกอนเรยน

1.2 เนอหาบทเรยน

1.3 แบบทดสอบหลงเรยน

1.4 ใบความร

1.5 ใบงาน

2. การทดสอบการพฒนาเวบไซต

ในการทดสอบ การพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware)

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

การศกษาเนอหา ขอมลทนามาทดสอบเปนทงขอมลทถกตองและขอมลทผดพลาด

จากการทดสอบ พบวาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware) ท

ไดพฒนาขนนสามารถทางานไดครบความตองการของผใช คอ ทาแบบทดสอบกอนเรยน ศกษา

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

3. ผลการประเมนประสทธภาพ

ผลการประเมนประสทธภาพของ การพฒนา เวบไซตเพอการศกษา เรอง อปกรณ

คอมพวเตอร (Hardware) มคาเฉลยรวม อยในระดบด ( X =3.92)

20

4. อปสรรคในการทาโครงงาน

การพฒนาเวบไซตเพอการศกษา เรอง อปกรณคอมพวเตอร (Hardware) และไดมการ

ทดลองใชงานทาใหพบปญหาตาง ๆ ดงน

1. รปแบบตวอกษรในโปรแกรม Captivate เมอ Publish แลวตวอกษรหางกนมาก

2. การทาลงคไฟล PDF ในโปรแกรม Dreamweaver เมอลงคแลวไมสามารถเลอก

เมนหลกของเวบไซตได ตองใชปม Back

5. ขอเสนอแนะและแนวทางในการพฒนาตอ

1. ควรมการเพมเนอหาทมความหลากหลายใหมากกวาน

2. ควรเพมแบบทดสอบใหมากกวาน

บรรณานกรม

ความสาคญของคอมพวเตอร.[ออนไลน].เขาถงไดจาก: http://ku-scmicro36bkk.tripod.com/0.0.htm

(วนทสบคน : 2 สงหาคม 2555).

นชนอภา อรรถพร. การสรางเวบบลอก. [ออนไลน]. เขาถงไดจาก:

http://www.slideshare.net/nitnipa/ss-9209972 (วนทสบคน : 2 สงหาคม 2555).

ประวตความเปนมาของคอมพวเตอร[ออนไลน].เขาถงไดจาก:

http://www.thaiwbi.com/course/Intro_com/Intro_com/wbi1/hie/menu2.htm

(วนทสบคน : 6 สงหาคม 2555).

ลดดาวลย เพชรโรจน. “การพฒนาการศกษาไทยสองทศวรรษหนา”, วารสารสโขทยธรรมาธราช.

9 (กนยายน-ธนวาคม 2539), 123-166.

อปกรณคอมพวเตอร Hardware. [ออนไลน].เขาถงไดจาก:

http://web.ku.ac.th/schoolnet/snet1/hardware/index01.htm(วนทสบคน: 7 สงหาคม 2555).