1. 1
โครงงานคอมพิวเตอร์
รหัสวิชา ง 33202 ชื่อวิชา เทคโนโลยีสารสนเทศและ
การสื่อสาร 6
ปีการศึกษา 2557
เรื่อง ASEAN WORLD
ชื่อผู้ทำาโครงงาน
1 นายณัฐดนัย รัตนวิชัยกุล เลขที่ 24 ชั้น ม.6 ห้อง 15
2 นายธนพล พฤกทาน เลขที่ 27 ชั้น ม.6 ห้อง 15
ชื่ออาจารย์ที่ปรึกษาโครงงาน ครูเขื่อนทอง มูลวรรณ์
ระยะเวลาดำาเนินงาน ภาคเรียนที่ 1-2 ปีการ
ศึกษา 2557
โรงเรียนยุพราชวิทยาลัย จังหวัดเชียงใหม่
สำานักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 34
ชื่อโครงงาน (ภาษาไทย) เรื่อง อาเซียน

2. 2
ชื่อโครงงาน (ภาษาอังกฤษ) เรื่อง ASEAN WORLD
ประเภทของโครงงาน โครงงานพัฒนาสื่อเพื่อการศึกษา
ผู้จัดทำาโครงงาน 1 นายณัฐดนัย รัตนวิชัยกุล เลขที่ 24 ชั้น ม.6
ห้อง 15
2 นายธนพล พฤกทาน เลขที่ 27 ชั้น ม.6
ห้อง 15
ชื่อครูที่ปรึกษา ครูเขื่อนทอง มูลวรรณ
ระยะดำาเนินงาน ภาคเรียนที่ 1 – 2 ประการศึกษา 2557
บทคัดย่อ
การจัดทำา โครงงานในคร้ัังนี้มีวัตถุประสงค์พื่อให้ความรู้แก่ผูที่
สนใจเกี่ยวกับ ประชาคมอาเซียน โดยสร้างเว็บไซต์ ในการเผยแพร่
นำาเสนอให้ความรู้ ผลการจัดทำา โครงงานพบว่าการพัฒนาโครง
งานสร้างเว็บไซต์ ASEAN WORLD เพื่อเผยแพร่ความรู้เกี่ยวกับ
ประชาคมอาเซียนที่ประเทศไทยจะเข้าร่วมใน ปี พุทธศักราช
2558 นี้คณะผู้จัดทำาได้ดำาเนินงานตามขั้น ตอนการดำาเนินงานที่ได้
วางแผนไว้ และได้นำา เสนอเผยแพร่ผลงานผ่านทางเครือข่ายระบบ
อินเทอร์เน็ต ที่สามารถเข้าถึงได้ทุกเวลา และทุกสถานที่ เป็นแหล่ง
เรียนรู้ในโลกออนไลน์และมีความรวดเร็วในการรับข้อมูลบุคคล
ทั่วไปสามารถเข้ารับชมได้เป็นเว็บไซต์ที่มีประโยชน์
ที่มาและความสำาคัญของโครงงาน

3. 3
ประเทศไทยอยู่ในทวีปเอเชียตะวันออกเฉียงใต้ ซึ่งมี
ประเทศทั้งหมด 11 ประเทศ แต่ละ ประเทศมีวัฒนธรรม เศรษฐกิจ
การเมือง ที่แตกต่างกัน ในปัจจุบัน แต่ละประเทศไดให้ความสนใจ
และความร่วมมือในด้านเศรษฐกิจและด้านอื่นๆจึงเกิดความร่วมมือ
ในระหว่างประเทศเกิดขึ้น
ประชาคมอาเซียน คือ องคก์รระหว่างประเทศระดับ
ภูมิภาคเอเชียตะวันออกเฉียงใต้ โดยมีวัตถุประสงคใการจัดตั้งขึ้นน
เพื่อ ให้ประเทศสมาชิกอยู่ ร่วมกันอย่างงสันติสุข แก้ไขปัญหา
ภายใน ภูมิภาคโดยสันติวิธีและยึกมั่น ในหลกัความมั่นคงรอบด้าน
สร้างความมั่นคง และมั่งคั่ง ทางเศรษฐกิจให้ประเทศสมาชิก
สามารถแข่งขันกับภูมิภาคอื่นๆ มีสภาพความเป็นอยู่ที่ ดีไดรับการ
พัฒนาในทุกด้านและมีความมั่นคงทางสังคมแบบเอื่ออาทร
ประเทศไทยเป็นประเทศสมาชิกประเทศหนึ่งในประชาคม
อาเซียน ดังนั้น จึงส่งผลกระทบกับประเทศไทยโดยตรงทั้งในด้าน
เศรษฐกิจ ด้านการเมือง วัฒนธรรม และ ความมนั่ คง ซึ่งถือว่า มี
ความสำาคัญต่อการพัฒนาประเทศเปิดประเทศสู่การเป็นประชาคม
อาเซียน
เพื่อเป็นการเตรียมความพร้อมและเป็นแนวทางในการปรับ
ตัวรับมือกบัการเปิดประเทศสู่การเป็นประชาคอาเซียน คณะผู้จัดทำา
เล็งเห็นความสำาคัญจึงสร้างโครงงาน ASEAN WORLD ขึ้นมาโดย
การสร้างเว็บไซต์กี่ยวกับ ประชาคมอาเซียนเพื่อเผยแพร่ความรู้ให้
เยาวชนและบุคคลทั่ว ไปได้เข้าใจและเห็นความสำาคัญของ
ประชาคมอาเซียน
วัตถุประสงค์
1. เพื่อศึกษาความเป็นมาของอาเซียน
2. เพือเข้าใจและเรียนรู้อาเซียน
3. เพื่อเผื่อแพร่ความรู้เกี่ยวกบอาเซียน
4. เพื่อพัฒนาเว็บไชต์ให้ดีขึ่น
ขอบเขตโครงงาน (คุณลักษณะ ขอบเขต เงื่อนไขและข้อจำากัดของการ
ทำาโครงงาน)
1. ระยะเวลาการทำาเว็บไชต์อาเซียน
2. เก็บรวบรวมข้อมูล

4. 4
หลักการและทฤษฎี
ในการจัดทำาโครงงานคอมพิวเตอร์ พัฒนาสื่อเพื่อการศึกษา เว็บไซต์
ASEAN WROLD ให้ ความรู้เกี่ยวกับประชาคมอาเซียน คณะผู้จัดทำา ได้
ศึกษาข้อมูลเอกสารที่เกี่ยวขอ้งดังนี้
2.1 ประชาคมอาเซียน
2.2 เว็บไซต์ ( Website )
2.3 โปรแกรม Adobe Dreamweaver
ประชาคมอาเซียน
อาเซียน (ASEAN) เป็นการรวมตัวกันของ 10 ประเทศ ในทวีปเอเชีย
ตะวันออก
เฉียงใต้ ผู้นำาอาเซียนได้ร่วมลงนามในปฎิญญาว่าด้วย ความร่วมมือ
อาเซียนเห็นชอบ ให้จัดตั้ง ประชาคมอาเซียน (ASEAN Community)
คือ เป็นองค์กรระหว่างประเทศ ระดับภูมิภาคเอเชียตะวันออกเฉียงใต้ มี
จุดเริ่มต้นโดยประเทศไทย มาเลเซีย และฟิลิปปินส์ ได้ร่วมกันจัดตั้ง สม
าคมอาสา (Association of South East Asia) เมื่อเดือน ก.ค.2504 เพื่
อการร่วมมือกันทาง เศรษฐกิจ สังคมและวัฒนธรรม แต่ ดำาเนินการ ไปได้
เพียง 2 ปี ก็ต้องหยุดชะงักลง เนื่องจากความผกผันทางการเมือง ระหว่าง
ประเทศอินโดนีเซียและประเทศมาเลเซีย จนเมื่อมีการฟื้นฟูสัมพันธ์ทา
งการฑูตระหว่างสองประเทศ
จึงได้มีการแสวงหาหนทางความร่วมมือกันอีกครั้ง และสำาเร็จภายใน
ปี พ.ศ. 2563 (ค.ศ. 2020) แต่ต่อมาได้ตกลงร่นระยะเวลาจัดตั้งให้เสร็จใน
ปี พ.ศ. 2558 (ค.ศ. 2015) ในปีนั้นเองจะมีการเปิดกว้างให้ประชาชนใน
แต่ละประเทศสามารถเข้าไปทำางานในประเทศ อื่น ๆ ในประชาคมอาเซียน
ได้อย่างเสรี เสมือนดังเป็นประเทศเดียวกัน ซึ่งจะมีผลกระทบต่อการ
ประกอบอาชีพและการมีงานทำาของคนไทย ควรทำาความ เข้าใจในเรื่องนี้จึง
เป็นสิ่งสำาคัญสำาหรับทุกคน
เว็บไซต์ ( Website )
เว็บไซต์ (อังกฤษ: Website, Web site หรือ Site) หมายถึง หน้า
เว็บเพจหลายหน้า ซึ่งเชื่อมโยงกันผ่านทางไฮเปอร์ลิงก์ ส่วนใหญ่จัดทำาขึ้น
เพื่อนำาเสนอข้อมูลผ่านคอมพิวเตอร์ โดยถูกจัดเก็บไว้ในเวิลด์ไวด์เว็บ หน้า
แรกของเว็บไซต์ที่เก็บไว้ที่ชื่อหลักจะเรียกว่า โฮมเพจเว็บไซต์โดยทั่วไปจะ
ให้บริการต่อผู้ใช้ฟรี แต่ในขณะเดียวกันบางเว็บไซต์จำาเป็นต้องมีการสมัคร
สมาชิกและเสียค่าบริการเพื่อที่จะดูข้อมูล ในเว็บไซต์นั้น ซึ่งได้แก่ข้อมูลทาง
วิชาการ ข้อมูลตลาดหลักทรัพย์ หรือข้อมูลสื่อต่างๆ ผู้ทำาเว็บไซต์มีหลาก

5. 5
หลายระดับ ตั้งแต่สร้างเว็บไซต์ส่วนตัว จนถึงระดับเว็บไซต์สำาหรับธุรกิจหรือ
องค์กรต่างๆ การเรียกดูเว็บไซต์โดยทั่วไปนิยมเรียกดูผ่านซอฟต์แวร์ใน
ลักษณะของ เว็บเบราว์เซอร์
โปรแกรม Adobe Dreamweaver
อะโดบี ดรีมวีฟเวอร์ (Adobe Dreamweaver) หรือชื่อเดิม
คือ แมโครมีเดีย ดรีมวีฟเวอร์ (Macromedia Dreamweaver[1]
) เป็น
โปรแกรมแก้ไข HTML พัฒนาโดยบริษัทแมโครมีเดีย (ปัจจุบันควบกิจการ
รวมกับบริษัท อะโดบีซิสเต็มส์) สำาหรับการออกแบบเว็บไซต์ในรูป
แบบ WYSIWYG กับการควบคุมของส่วนแก้ไขรหัส HTML ในการพัฒนา
โปรแกรมที่มีการรวมทั้งสองแบบเข้าด้วยกันแบบนี้ ทำาให้ ดรีมวีฟเวอร์เป็น
โปรแกรมที่แตกต่างจากโปรแกรมอื่นๆ ในประเภทเดียวกัน ในช่วงปลายปี
ทศวรรษ 2533 จนถึงปีพ.ศ. 2544 ดรีมวีฟเวอร์มีสัดส่วนตลาดโปรแกรม
แก้ไข HTML อยู่มากกว่า 70% ดรีมวีฟเวอร์มีทั้งในระบบปฏิบัติการ
แมคอินทอช และไมโครซอฟท์วินโดวส์ ดรีมวีฟเวอร์ยังสามารถทำางานบน
ระบบปฏิบัติการแบบยูนิกซ์ ผ่านโปรแกรมจำาลองอย่าง WINE ได้ รุ่นล่าสุด
คือ ดรีมวีฟเวอร์ CC (2014)
วิธีดำาเนินงาน
1.คิดหัวข้อโครงงานเพื่อนนำาเสนออาจารย์ที่ปรึกษา
2.ศึกษาค้นคว้ารวบรวมข้อมูล ที่เกี่ยวขอ้งกบัโครงงานในการสร้าง
เวบ็ไซต์และการตกแต่ง
เว็บไซตให้หน้าสนใจ
3. ศึกษาโปรแกรมในการสร้างเว็บไซต์
4.จัดทา โครงร่างโครงงานเสนออาจารย์ที่ปรึกษา
5.ออกแบบเว็บไซต์
6.จัดทำาโครงงานสร้างเว็บไซต์ASEAN WORLD
7. เผยแพร่ผลงานผ่านระบบเครือข่ายอินเทอร์เน็ต
8. ทำาเอกสารสรุปรายงานโครงงาน
เครื่องมือและอุปกรณ์ที่ใช้
1. เครื่องคอมพิวเตอร์พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต
2. ซอฟต์แวร์
- Adobe Dreamweaver CS3
- Adobe Flash CS3
- Adobe Photoshop CS3
งบประมาณ

6. 6
ทำารูปเล่ม 50 บาท
ขั้นตอนและแผนดำาเนินงาน
ลำา
ดับ
ที่
ขั้นตอน สัปดาห์ที่ ผู้รับผิด
ชอบ
1 2 3 4 5 6 7 8 9
1
0
1
1
1
2
1
3
1
4
1
5
1
6
17
1 คิดหัวข้อโครงงาน / ธนพล
2 ศึกษาและค้นคว้า
ข้อมูล
/ / / ณัฐดนัย
3 จัดทำาโครงร่างงาน / / ธนพล
4 ปฏิบัติการสร้าง
โครงงาน
/ / / ธนพล
5 ปรับปรุงทดสอบ / / ณัฐดนัย
6 การทำาเอกสาร
รายงาน
/ / ณัฐดนัย
7 ประเมินผลงาน / / ธนพล
8 นำาเสนอโครงงาน / / ณัฐดนัย
ผลที่คาดว่าจะได้รับ
1. ผู้สนใจมีความเข้าใจและให้ความสำาคัญเกี่ยวกับประชาคมอาเซียน
2. ได้รับความรู้เกี่ยวกับการสร้างเว็บไซต์
3. ได้นำาเทคโนโลยมีาประยุกตใช้ได้อ้ย่างมีคุณค่าและเกิดประโยชน์
สถานที่ดำาเนินการ
1.ที่บ้านผู้จัดทำา
2.โรงเรียนยุพราชวิทยาลัย
กลุ่มสาระการเรียนรู้ที่เกี่ยวข้อง

7. 7
กลุ่มสาระสังคมศึกษา
แหล่งอ้างอิง (เอกสาร หรือแหล่งข้อมูลต่าง ๆ ที่นำามาใช้การทำาโครง
งาน)
1. http://th.wikipedia.org/wiki/
%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A
%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C
2. http://www.hellomyweb.com/index.php/main/content/4
5