1

แบบเสนอโครงร่างโครงงานคอมพวิเตอร์ รหัสวิชา ง33201 ชื่อวิชา เทคโนโลยีสารสนเทศและการสื่อสาร 5

ปีการศึกษา 2555

ชื่อโครงงาน การน าเสนอนิทานไทยด้วยเว็บไซต ์

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

ชื่ออาจารย์ที่ปรึกษาโครงงาน นางเขื่อนทอง มูลวรรณ์

ระยะเวลาด าเนินงาน ภาคเรียนที่ 1-2 ปีการศึกษา 2555

โรงเรียนยุพราชวิทยาลัย จังหวัดเชียงใหม่

2

ส านักงานเขตพื้นที่การศึกษามัธยมศึกษาเขต 34

ใบงาน

การจัดท าข้อเสนอโครงงานคอมพิวเตอร ์

สมาชิกในกลุ่ม 1.น.ส.วราภรณ์ วงศ์วรชาติ เลขที่ 25 2. น.ส. ธีราพร ศักดิ์ศฤงคาร เลขที่ 28 3. นาย สุวิชา ต๊ะเปี้ยสบื เลขที่ 33

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

2. นางสาว ธีราพร ศักดิ์ศฤงคาร เลขที่ 28 3. นาย สุวิชา ต๊ะเปี้ยสืบ เลขที่ 33

ชื่อที่ปรึกษา นางเขื่อนทอง มูลวรรณ์ ระยะเวลาด าเนินงาน 2 เดือน

ที่มาและความส าคัญของโครงงาน ในปัจจุบัน เราจะสังเกตเห็นว่าเด็กไทยขาดทักษะในการอ่าน ไม่ค่อยเข้าห้องสมุด เพ่ือที่จะหยิบหนังสือเล่มหนึ่งมาอ่าน แต่กลับเข้าเว็บไซต์เพ่ือการบันเทิง อีกท้ังยังใช้ในทางที่ผิด ผู้จัดท าได้เล็งเห็นปัญหาในข้องนี้ จึงร่วมกัน คิดโครงงานคอมพิวเตอร์เรื่องการน าเสนอนิทานไทยด้วยเว็บขึ้น เพ่ือให้คนไทยหันมารักการอ่านมากยิ่งขึ้น ถึงแม้ว่าจะไม่ชอบอ่านหนังสือ แต่เมื่อเข้าเว็บไซต์ก็สามารถอ่านได้ โดยเนื้อหาในเว็บมีการระบุไปที่ การน าเสนอนิทานไทย เพ่ือความบันเทิง และให้ข้อคิดมากยิ่งข้ึน วัตถุประสงค์

1. เพ่ือเสริมสร้างทักษะการอ่าน และน าเสนอนิทานไทยให้ผู้อ่าน

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

ที่แต่ละที่ก็จะมีประสิทธิภาพ และราคาต่างกันไป ซึ่งราคาในปัจจุบันก็ถือว่าไม่แพงมาก ส าหรับผู้เริ่มต้นอาจใ ช้ บ ริ ก า ร ฟ รี ไ ป ก่ อ น ก็ ไ ด้ พ อ เ ว็ บ เ ริ่ ม เ ป็ น ที่ นิ ย ม ก็ ค่ อ ย ม า ใ ช้ แ บ บ ที่ ต้ อ ง เ สี ย ค่ า บ ริ ก า ร 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

ขั้นตอนและแผนด าเนินงาน

ล าดับ ที ่

ขั้นตอน สัปดาห์ที่ ผู้รับผิดชอบ

1 2 3 4 5 6 7 8 9 10

11

12 13

14

15

16 17

1 คิดหัวข้อโครงงาน / ธีราพร 2 ศึกษาและค้นคว้าข้อมลู / วราภรณ ์3 จัดท าโครงร่างงาน / วราภรณ์

ธีราพร สุวิชา 4 ปฏิบัติการสรา้งโครงงาน / / / / วราภรณ์

ธีราพร สุวิชา 5 ปรับปรุงทดสอบ / / / วราภรณ์

ธีราพร สุวิชา 6 การท าเอกสารรายงาน / / วราภรณ์

ธีราพร สุวิชา 7 ประเมินผลงาน / / วราภรณ์

ธีราพร สุวิชา 8 น าเสนอโครงงาน / / / วราภรณ์

ธีราพร สุวิชา

ผลที่คาดว่าจะได้รับ (ผลลัพธ์ที่ต้องการให้เกิดข้ึนเมื่อสิ้นสุดการท าโครงงาน)

1. เป็นแหล่งข้อมูลให้แก่ผู้ที่สนใจ 2. ส่งเสริมการเรียนรู้แก่เยาวชน 3. เป็นทางเลือกในการอ่านของบุคคลทั่วไป

สถานที่ด าเนินการ

1. โรงเรียนยุพราชวิทยาลัย เชียงใหม่ 2. บ้านคณะผู้จัดท า

กลุ่มสาระการเรียนรู้ที่เก่ียวข้อง กลุ่มสาระการงานอาชีพ และเทคโนโลยี แหล่งอ้างอิง (เอกสาร หรือแหล่งข้อมูลต่าง ๆ ที่น ามาใช้การท าโครงงาน) http://www.hellomyweb.com/index.php/main/content/5 ตัวอย่าง การท าโครงงานของคุณคร ูเขื่อนทอง มูลวรรณ์