1. 1
แบบเสนอโครงร่ างโครงงานคอมพิวเตอร์
รหัสวิชา ง33201 ชื่อวิชา เทคโนโลยีสารสนเทศและการสื่อสาร 5
ปีการศึกษา 2555
ชื่อโครงงาน การนาเสนอนิทานไทยด้วยเว็บไซต์
ชื่อผู้ทาโครงงาน
1. นางสาว วราภรณ์ วงศ์วรชาติ เลขที่ 25 ชั้น ม. 6 ห้อง 8
2. นางสาว ธีราพร ศักดิศฤงคาร เลขที่ 28 ชั้น ม. 6 ห้อง 8
์
3. นาย สุวิชา ต๊ะเปี้ยสืบ เลขที่ 33 ชั้น ม. 6 ห้อง 8
ชื่ออาจารย์ที่ปรึกษาโครงงาน นางเขื่อนทอง มูลวรรณ์
ระยะเวลาดาเนินงาน ภาคเรียนที่ 1-2 ปีการศึกษา 2555
โรงเรียนยุพราชวิทยาลัย จังหวัดเชียงใหม่

2. 2
สานักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 34
ใบงาน
การจัดทาข้อเสนอโครงงานคอมพิวเตอร์
สมาชิกในกลุ่ม
1.น.ส.วราภรณ์ วงศ์วรชาติ เลขที่ 25 2. น.ส. ธีราพร ศักดิ์ศฤงคาร เลขที่ 28
3. นาย สุวิชา ต๊ะเปี้ยสืบ เลขที่ 33
คาชี้แจง ให้ผู้เรียนแต่ละกลุ่มเขียนข้อเสนอโครงงานตามหัวข้อต่อไปนี้
ชื่อโครงงาน (ภาษาไทย) การนาเสนอนิทานไทยด้วยเว็บไซต์
ชื่อโครงงาน (ภาษาอังกฤษ) Stories presentation Thailand with the website.
ประเภทโครงงาน โครงงานพัฒนาสื่อเพื่อการศึกษา
ชื่อผู้ทาโครงงาน 1. นางสาว วราภรณ์ วงศ์วรชาติ เลขที่ 25
2. นางสาว ธีราพร ศักดิ์ศฤงคาร เลขที่ 28
3. นาย สุวิชา ต๊ะเปี้ยสืบ เลขที่ 33
ชื่อที่ปรึกษา นางเขื่อนทอง มูลวรรณ์
ระยะเวลาดาเนินงาน 2 เดือน
ที่มาและความสาคัญของโครงงาน
ในปัจจุบัน เราจะสังเกตเห็นว่าเด็กไทยขาดทักษะในการอ่าน ไม่ค่อยเข้าห้องสมุด เพื่อที่จะหยิบหนังสือเล่ม
หนึ่งมาอ่าน แต่กลับเข้าเว็บไซต์เพื่อการบันเทิง อีกทั้งยังใช้ในทางที่ผิด ผู้จัดทาได้เล็งเห็นปัญหาในข้องนี้ จึงร่วมกัน คิด
โครงงานคอมพิวเตอร์เรื่องการนาเสนอนิทานไทยด้วยเว็บขึ้น เพื่อให้คนไทยหันมารักการอ่านมากยิ่งขึ้น ถึงแม้ว่าจะไม่
ชอบอ่านหนังสือ แต่เมื่อเข้าเว็บไซต์ก็สามารถอ่านได้ โดยเนื้อหาในเว็บมีการระบุไปที่ การนาเสนอนิทานไทย เพื่อ
ความบันเทิง และให้ข้อคิดมากยิ่งขึ้น
วัตถุประสงค์
1. เพื่อเสริมสร้างทักษะการอ่าน และนาเสนอนิทานไทยให้ผู้อ่าน

3. 3
ขอบเขตโครงงาน
ส่วนของผู้ดูแลระบบ
- จะมีการ Login เพื่อเข้ามาใช้ระบบ
-ผู้ดูแลระบบสามารถเพิ่มเติมเนื้อหาได้
-ผู้ดูแลระบบสามารถแก้ไขเนื้อหา บทเรียนที่ได้สร้างไว้แล้วได้
ส่วนของผู้เข้ามาใช้บริการ
-สามารถค้นหาเว็บได้ทั่วไป
-สามารถเข้าดูเนื้อหาได้
-ผู้ใช้บริการสามารถแสดงความคิดเห็นต่อบทความในเว็บได้
หลักการและทฤษฎี (ความรู้ หลักการ หรือทฤษฎีที่สนับสนุนการทาโครงงาน)
-เทคนิคหรือเทคโนโลยีที่ใช้ : การสร้างเว็บไซต์นั้นจะใช้เครื่องมือ Dreamwerver มาใช้สร้างเว็บไซต์เกี่ยวกับการ
นาเสนอนิทานไทย
-หลักการในการสร้างเว็บไซต์โดยใช้โปรแกรม Dreamwerver มีดังนี้
1. ภาษา HTML เว็บเพจนั้นสร้างมาจากภาษา HTML ซึ่งจะใช้ในการจัดรูปแบบของเว็บเพจว่าต้องการให้
ตัวอักษรมีขนาเท่าไหร่ จัดวางอยู่นะตาแหน่งไหน ให้รูปภาพอยู่ที่ตาแหน่งใด ซึ่งจาเป็นมากในการสร้างเว็บ
ดังนั้นเราจึงควรรู้พื้นฐานของ HTML บ้าง ถึงแม้ว่าจะมีโปรแกรมอย่าง Dreamwerver ที่เข้ามาอานวยความ
สาดวกในการเขียน HTML ให้เราแต่ตัวของ Dreamweaver เองก็ยังมีข้อจากัดอยู่ ดังนั้นถ้าเรารู้ภาษาHTML
ก็จะทาให้ข้อจากัดนั้นหายไป
2. รูปภาพ ภาพเพียงภาพเดียว อาจแทนคาพูด หลายล้านคา ด้วยเหตุนี้การทาเว็บจึงไม่ขาดรูปภาพได้
เพราะ นอกจากจะบรรยายเรื่องราวได้ดีแล้วยังทาให้เว็บของเราดูสวยงามขึ้นอีกด้วย ถึงแม้ว่าภาพจะบรรยาย
คาพูดได้ดี แต่ด้วยขนาดของมันก็ใหญ่กว่าตัวอักษรมากเช่นเดียวกัน ซึ่งถ้าเราใส่รูปในเว็บของเรามากก็จะทา
ให้เว็บของเราเปิดได้ช้าลง การเปิดเว็บไซต์ได้ช้าหรือเร็วเป็นเรื่องที่สาคัญมาก ดังนั้นเราจึงควรเลือกรูปภาพที่
สามารถสื่อความหมายได้ดี ตกแต่งให้รูปสวยงาม และมีขนาดเล็กลงโดยไม่ทาให้คุณภาพของรูปเสียไป ซึ่ง
ปัจจุบันมีโปรแกรมมากมายที่เข้ามาจัดการรูปภาพเช่น Photoshop , Gimp ดังนั้นเราจึงควรศึกษาข้อมูล
เกี่ ย วกั บ โปรแกรมพวกนี้ เ อาไว้ ด้ ว ยเพื่ อ เว็ บ ของเราจะได้ มี ป ระสิ ท ธิ ภ าพและความสวยงาม
3. การใช้โปรแกรมสร้างเว็บเพจ โปรแกรมที่ใช้ในการสร้างเว็บเพจอย่าง Dreamwerver เป็นโปรแกรมที่ใช้
งานได้ง่าย และทาให้เราสร้างเว็บเพจได้เร็วขึ้น นอกจากนั้นยังมีตัวช่วยและเครื่องมือต่างคอยอานวยความ
สาดวกเรา เช่น FTP ซึ่งเป็นการดีที่เราจะเรียนรู้โปรแกรมพวกนี้เอาไว้ สาหรับผู้เริ่มต้น เราอาจศึกษาจากตัว
ของ Dreamwerver เองก็จะทาให้เราเรียนรู้ได้เร็วขึ้น และรู้วิธีการเขียน HTML ที่ดี เพราะ Dreamwerver
นั้ น จ ะ แ ส ด ง HTMLที่ โ ป ร แ ก ร ม ส ร้ า ง ขึ้ น ม า ซึ่ ง เ ป็ น ก า ร เ ขี ย น ที่ เ รี ย บ ร้ อ ย ล ะ ดู ง่ า ย
4. weserver web server ก็คือเครื่องคอมพิวเตอร์เครื่องหนึ่งซึ่งเชื่อมต่ออยู่กับอินเทอร์เน็ต เพื่อให้ทุกคน
เข้าถึงได้ มีความสาคัญคือเอาไว้เก็บไฟล์(เว็บเพจ) ของเรา เพื่อให้คนอื่นเปิดเข้ามาดูนั่นเอง ถ้าเราต้องการจะ
ทาให้เครื่องของเราเป็น web server ก็แต่ แต่ก็ได้กล่าวไปแล้วว่าเป็นเรื่องที่สิ้นเปลืองและ web server ที่ได้
ก็จะไม่มีประสิทธิภาพ ซึ่งปัจจุบันนั้นมี web server (hosting) ให้เช่าพื้นที่ในการเก็บเว็บเพจ มากมายหลาย

4. 4
ที่แต่ละที่ก็จะมีประสิทธิภาพ และราคาต่างกันไป ซึ่งราคาในปัจจุบันก็ถือว่าไม่แพงมาก สาหรับผู้เริ่มต้นอาจ
ใ ช้ บ ริ ก า ร ฟ รี ไ ป ก่ อ น ก็ ไ ด้ พ อ เ ว็ บ เ ริ่ ม เ ป็ น ที่ นิ ย ม ก็ ค่ อ ย ม า ใ ช้ แ บ บ ที่ ต้ อ ง เ สี ย ค่ า บ ริ ก า ร
5.DomainnameDomain name คือชื่อของเว็บของคุณ เช่น www.hellomyweb.com ตัวของ Domain
name นั้ น เหมือนกับ ทะเบี ย นบ้ านที่จะจดซ้ากันไม่ได้ ดังนั้นเราจึงต้องมีผู้ รับ ผิ ดชอบถ้าเราต้องการจะมี
Domain name เป็ น ของตั ว เองก็ จ ะต้ อ งติ ด ต่ อ กั บ ผู้ รั บ ผิ ด ชอบและเสี ย ค่ า บริ ก ารรายปี
วิธีดาเนินงาน
แนวทางการดาเนินงาน
1. รายละเอียดขั้นตอนการดาเนินงาน มีดังต่อไปนี้
- เสนอหัวข้อโครงงาน
- ศึกษาและรวบรวมเนื้อหาที่จะต้องใช้ในการสร้างเว็บไซต์
2. ศึกษาค้นคว้าหาข้อมูลเกี่ยวกับการสร้างเว็บไซต์โดยโปรแกรม Dreamwerver จากอินเตอร์เน็ต
3. รวบรวมนิทานไทยเรื่องต่างๆ
4. จัดแยกข้อมูลเป็นหมวดหมู่ให้ชัดเจน เพื่อใช้ในการสร้างเนื้อหาในส่วนต่าง ๆ อย่างเหมาะสม
5. ออกแบบระบบงานและจัดแบ่งงาน
6. เริ่มสร้างข้อความบนเว็บเพจ
7. ตกแต่งเว็บเพจด้วยรูปภาพ
8. เสริมแต่งลูกเล่นหน้าเว็บ
9. การใช้เลเยอร์ในการจัดการเว็บเพจ
10. เข้าสู่ขั้นตอนการแบ่งเฟรม
11. การทาลิงค์ จุดเชื่องโยงของเว็บเพจ
12. การนาไฟล์ Flash มาแสดงในหน้าเว็บเพจ
เครื่องมือและอุปกรณ์ที่ใช้
1. เครื่องคอมพิวเตอร์
2. โปรแกรม Dreamwerver
งบประมาณ -

5. 5
ขั้นตอนและแผนดาเนินงาน
ลาดับ ขั้นตอน สัปดาห์ที่ ผู้รับผิดชอบ
ที่ 1 1 1 1 1
1 2 3 4 5 6 7 8 9 12 16 17
0 1 3 4 5
1 คิดหัวข้อโครงงาน / ธีราพร
2 ศึกษาและค้นคว้าข้อมูล / วราภรณ์
3 จัดทาโครงร่างงาน / วราภรณ์
ธีราพร สุวิชา
4 ปฏิบัติการสร้างโครงงาน / / / / วราภรณ์
ธีราพร สุวิชา
5 ปรับปรุงทดสอบ / / / วราภรณ์
ธีราพร สุวิชา
6 การทาเอกสารรายงาน / / วราภรณ์
ธีราพร สุวิชา
7 ประเมินผลงาน / / วราภรณ์
ธีราพร สุวิชา
8 นาเสนอโครงงาน / / / วราภรณ์
ธีราพร สุวิชา
ผลที่คาดว่าจะได้รับ (ผลลัพธ์ที่ต้องการให้เกิดขึ้นเมื่อสิ้นสุดการทาโครงงาน)
1. เป็นแหล่งข้อมูลให้แก่ผู้ที่สนใจ
2. ส่งเสริมการเรียนรู้แก่เยาวชน
3. เป็นทางเลือกในการอ่านของบุคคลทั่วไป
สถานที่ดาเนินการ
1. โรงเรียนยุพราชวิทยาลัย เชียงใหม่
2. บ้านคณะผู้จัดทา
กลุ่มสาระการเรียนรู้ที่เกี่ยวข้อง
กลุ่มสาระการงานอาชีพ และเทคโนโลยี
แหล่งอ้างอิง (เอกสาร หรือแหล่งข้อมูลต่าง ๆ ที่นามาใช้การทาโครงงาน)
http://www.hellomyweb.com/index.php/main/content/5
ตัวอย่าง การทาโครงงานของคุณครู เขื่อนทอง มูลวรรณ์