1. แบบเสนอโครงร่ างโครงงานคอมพิวเตอร์
รายวิชา การสร้ างและออกแบบเว็บไซต์ (ง30242)
กลุ่มสาระการเรียนรู้ การงานอาชี พและเทคโนโลยี (คอมพิวเตอร์ )
ปี การศึกษา 2554
----------------------------------------------------
1. ชื่อโครงงาน การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ อง TEENHIPHOP
2. ประเภทของโครงงาน (เลือก 1 โครงงาน)
โครงงานประเภทการประยุกต์ใช้งาน
3. ชื่ อ สกุลผู้เสนอโครงงาน
นายกิตติศกดิ์ พีรศรุ ตวิบูล
ั ชั้น ม.5/1 เลขที่ 8
4. ชื่ อครู ทปรึกษาโครงงาน
ี่
นางสมร ตาระพันธ์ ตาแหน่ง ครู ชานาญการพิเศษ
5. ชื่ อครู ทปรึกษาโครงงานร่ วม (ถ้ ามี)
ี่
-
6. แนวคิด ทีมา และความสาคัญ
่
ปั จจุบนเทคโนโลยีสารสนเทศและอินเทอร์ เน็ตได้เข้ามามีบทบาทต่อการดาเนินชีวตของ
ั ิ
เรามากขึ้น ซึ่ งเราอาจไม่รู้สึกตัวว่าอินเทอร์ เน็ตกลายเป็ นปั จจัยที่สาคัญต่อการดารงชีวตในยุคข้อมูล
ิ
ข่าวสารมีความสาคัญ คนหันมาบริ โภคข้อมูลข่าวสารกันมากขึ้น นอกจากเทคโนโลยีอินเทอร์เน็ต
เปรี ยบเสมือนถนนสาหรับการเข้าไปถึงข้อมูลที่ตองการ เรายังต้องการเครื่ องมือที่จะสามารถสร้าง
้
เนื้อหาและข้อมูลต่างๆ ไว้รองรับการเข้าถึง นันก็คือเทคโนโลยีเว็บไซต์ ซึ่งเป็ นตัวกลางคอยให้
่
ข้อมูลต่างๆ แก่ผใช้โดยการพัฒนาของเทคโนโลยีอินเทอร์ เน็ตและเว็บไซต์ได้ถูกเปลี่ยนแปลงจาก
ู้
เดิมไปมาก
ในยุคที่เทคโนโลยีการสื่ อสารผ่านอินเทอร์ เน็ต กาลังเป็ นที่นิยมและมีผลกระทบในทุกๆ
ด้านในปัจจุบน ทาให้ทุกคน ทุกสังคมต้องมีการปรับตัว และพัฒนาให้ทนต่อการเปลี่ยน
ั ั
เปลี่ยนแปลงในโลกของการสื่ อสาร และการพัฒนาของโลกเวิลด์ไวด์เว็บ (World Wide Web;
WWW) จากยุคแรก คือ Web 1.0 ซึ่งมีลกษณะเป็ น Static Web คือมีการนาเสนอข้อมูลทางเดียว
ั

2. ่
(one-way communication) ด้วยการแปลงข้อมูลข่าวสารที่มีอยูรอบตัวเราให้อยูในรู ปของดิจิตอล่
(Digital) เช่น หนังสื อพิมพ์ นิตยสาร หรื อการโฆษณาตามหน้าเว็บไซต์ โดยผูใช้สามารถอ่านได้แต่
้
ไม่สามารถเข้าร่ วมในการสร้างข้อมูลได้ แต่เมื่อก้าวเข้าสู่ ยคที่ 2 ของเทคโนโลยีคือ WWW หรื อ
ุ
Web 2.0 เป็ นยุคที่ทาให้อินเทอร์เน็ตมีศกยภาพในการใช้งานมากขึ้น เน้นให้ผใช้มีส่วนร่ วมในการ
ั ู้
สร้างสรรค์
จุดกาเนิดของ Web 2.0 และการพัฒนาก้าวผ่านเข้าสู่ ยค Web 3.0 ความนิยมขอ Social
ุ
Media มีการเติบโตอย่างไม่หยุดยั้งและมีแนวโน้มของผูใช้บริ การทัวโลก ปัจจุบน Social Network
้ ่ ั
Website ต่าง ๆ ก็มีการพัฒนา และเปิ ดโอกาสให้ผใช้ได้เข้าไปมีส่วนร่ วมในการใช้ประโยชน์เชิง
ู้
่
สังคมกันมากขึ้น ไม่วาจะเป็ น Facebook หรื อ การสร้างเว็บ Blog เพื่อเผยแพร่ ขอมูลในรู ปแบบ้
ต่างๆ
ในเรื่ องของเนื้อหาความรู ้เกี่ยวกับ TEENHIPHOP นั้น เป็ นคว ามสนใจส่ วนตัวที่อยากจะ
ศึกษาเรื่ องราว TEENHIPHOP ซึ่ งมีเนื้อหาเกี่ยวกับ HIPHOP FASION, HIPHOP MUSIC และ
เรื่ องราวน่ารู ้ต่างๆ เกี่ยวกับ HIPHOP ซึ่ งได้รับความสนใจจากวัยรุ่ นเป็ นจานวนมากในปัจจุบน
ั
ดังนั้น ผูจดทาจึงได้มีความคิดที่จะนาเอารู ปแบบของ WebBlog ด้วยเว็บไซต์ Wordpress
้ั
มาใช้ในการเผยแพร่ ขอมูลที่เกี่ยวข้องกับเรื่ อง TEENHIPHOP เพื่อศึกษา เผยแพร่ ความรู ้ดงกล่าวสู่
้ ั
ผูสนใจต่อไป
้
7. วัตถุประสงค์
7.1 เพื่อศึกษาและพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress TEENHIPHOP
7.2 เพื่อศึกษาค้นคว้าเรื่ องที่สนใจเกี่ยวกับ TEENHIPHOP
7.3 เพื่อให้ผเู้ รี ยนสามารถพัฒนารู ปแบบของเว็บบล็อกจาก Wordpress ได้ดวยตนเองและ
้
นามาประยุกต์ใช้ให้เข้ากับการเรี ยนรู ้ของตนเองมากยิงขึ้น
่
7.4 เพื่อให้สามารถติดต่อสื่ อสารกันได้ระหว่างครู เพื่อนและผูสนใจทัวไป
้ ่

3. 8. หลักการและทฤษฎี
1. ความหมายของเว็บบล็อก (WebBlog) เป็ นรู ปแบบเว็บไซต์ประเภทหนึ่ง ซึ่ งถูกเขียนขึ้น
ในลาดับที่เรี ยงตามเวลาในการเขียน ซึ่ งจะแสดงข้อมูลที่เขียนล่าสุ ดไว้แรกสุ ด บล็อกโดยปกติจะ
่
ประกอบด้วย ข้อความ ภาพ ลิงก์ ซึ่ งบางครั้งจะรวมสื่ อต่างๆ ไม่วา เพลง หรื อวิดีโอในหลายรู ปแบบ
ได้ จุดที่แตกต่างของบล็อกกับเว็บไซต์โดยปกติคือ บล็อกจะเปิ ดให้ผเู ้ ข้ามาอ่านข้อมูล สามารถ
แสดงความคิดเห็นต่อท้ายข้อความที่เจ้าของบล็อกเป็ นคนเขียน ซึ่งทาให้ผเู้ ขียนสามารถได้ผลตอบ
กลับโดยทันที
2. ประเภทของเว็บบล็อก
1. แบ่งตามลักษณะของมีเดียที่มีในบล็อกได้แก่
1.1. Linklog บล็อกแบบเป็ นบล็อกรุ่ นแรก ๆ ที่รวมลิ๊งก์ที่เจ้าของบล็อกสนใจเอาไว้ แม้วา
่
จะบล็อกแบบนี้จะเป็ นการรวมลิ๊งก์เท่านั้น แต่ก็ไม่เรี ยงเหมือนว็บไดเร็ กทอรี่ เพราะเจ้าของบล็อกจะ
โพสต์ลิ๊งก์ของเขา 1 – 2 ลิ๊งก์ต่อโพสต์เท่านั้น
1.2 Photoblog บล็อกประเภทนี้เน้นโพสต์ภาพถ่ายที่เจ้าของบล็อกอยากนาเสนอ และมักจะ
ไม่เน้นเขียนข้อความมากนัก
1.3. Vlog ย่อมาจาก Videoblog เป็ นบล็อกที่รวมวิดีโอคลิปไว้ในบล็อก Vlog เป็ นบล็อกที่
่
เรี ยกได้วาเป็ นบล็อกที่นิยมทากันมากในอนาคต เพราะการเจริ ญเติบโตของไฮสปี ด อินเตอร์ เน็ต
หรื อ อินเตอร์ เน็ตบอร์ ดแบนด์ ที่ทาให้การถ่ายทอดเสี ยง ภาพเคลื่อนไหว movie
2.แบ่งตามประเภทเนื้อหา ได้แก่
2.1 บล็อกส่ วนตัว (Personal Blog) นาแสนอความคิดเห็น กิจวัตรประจาวันของเจ้าของ
บล็อกเป็ นหลัก
2.2 บล็อกข่าว(News Blog) บล็อกที่นาเสนอข่าวเป็ นหลัก

4. 2.3 บล็อกกลุ่ม(Collaborative Blog) เป็ นบล็อกที่เขียนกันเป็ นกลุ่ม เช่น blognone.com
2.4 บล็อกการเมือง(Politic Blog) ว่าด้วยเรื่ องการเมืองล้วน ๆ
2.5 บล็อกเพื่อสิ่ งแวดล้อม (Environment Blog) พูดถึงเรื่ องราวของธรรมชาติและการรักษา
สิ่ งแวดล้อม
2.6 มีเดียบล็อก(Media Blog) เป็ นบล็อกที่วเิ คราะห์สื่อต่างๆ สารคดีและสิ่ งที่เกี่ยวกับสื่ อ
ั ่
เช่น oknation.net/blog/black ของสุ ทธิ ชย หยุน
2.7 บล็อกบันเทิง(Entertainment Blog) บล็อกที่นาเสนอเรื่ องราวบันเทิงทั้งทางจอแก้ว และ
จอเงิน เรื่ องซุ บซุ ดารา กองถ่าย ฯลฯ
2.8 บล็อกเพื่อการศึกษา (Educational Blog) ในโรงเรี ยน หรื อมหาวิทยาลัยในต่างประเทศ
มักจะใช้บล็อกเป็ นสื่ อในการสอนหรื อ แลกเปลี่ยนความคิดกัน
2.9 ติวเตอร์บล็อก(Tutorial Blog) เป็ นบล็อกที่นาเสนอวิธีการต่าง
3.แบ่งตามรู ปแบบของเนื้อหาเฉพาะที่เห็นเด่นชัด
3.1 Filter Blog เป็ นบล็อกที่ผจดทา จะใช้สาหรับนาเสนอแหล่งข้อมูลที่ตนสนใจ (เว็บเพจ
ู้ ั
หรื อเว็บไซต์ ) โดยปกติมกจะเป็ นข่าว บทความ หรื อความคิดเห็นของบุคคลในวงก ารที่เผยแพร่ ใน
ั
เว็บไซต์ต่าง ๆ อาจเรี ยกได้วา เป็ น บล็อก “Bookmark” หรื อ มีชื่อเฉพาะ ว่า Social Bookmarkบล็อก
่
ลักษณะนี้ จะนาเสนอแค่หวข้อเรื่ อง และ URL ของเว็บเพจหรื อเว็บไซต์ บางทีอาจเพิ่มคาอธิ บายเว็บ
ั
เพจหรื อเว็บไซต์น้ น ๆ ได้ดวย และบางที่อาจจะสามารถเพิมความ คิดเห็นของผูจดทาบล็อกได้อีก
ั ้ ่ ้ั
ด้วย เป็ นเหมือนการกลันกรองข้อมูลให้ทราบว่าเว็บเพจหรื อเว็บไซต์ใดกาลังได้รับความนิยม ซึ่ งจะ
่
เป็ นการช่วยจัดลาดับความน่าเชื่อถือของเว็บเพจหรื อเว็บไซต์น้ น ๆ ได้เช่นกัน ตัวอย่างบล็อก
ั
ลักษณะนี้ได้แก่ http://del.icio.us/ เป็ นต้น

5. 3.2 Personal Journal Blog เป็ นบล็อกที่ผจดทา จะใช้สาหรับนาเสนอความคิดเห็นหรื อ
ู้ ั
ประสบการณ์ของตนเองผ่านข้อเขียน โดยอาจจะมีภาพประกอบ หรื อมีการเชื่อมโยงออกไปยัง
เว็บไซต์อื่น ๆ เพื่อให้ขอมูลดูน่าเชื่อถือหรื อมีความน่าสนใจมาก
้ ยิงขึ้น ซึ่ งบล็อกลักษณะนี้ เป็ น
่
บล็อกตามความเข้าใจของบุคคลทัวไป ตัวอย่างบล็อกลักษณะนี้ได้แก่ http://www.exteen.comหรื อ
่
http://www.blogger.com เป็ นต้น
3.3 Photo Blog เป็ นบล็อกที่ใช้สาหรับเก็บภาพ (ภาพถ่าย, ภาพวาด ฯลฯ) และสามารถใส่
รายละเอียดของภาพ ใส่ คาค้น (tag) ได้ ทาให้การเก็บภาพเป็ นระบบและง่ายต่อกา รค้นหามากขึ้น
ตัวอย่างบล็อกลักษณะนี้ได้แก่ http://www.flickr.com เป็ นต้น
3.4 Video Blog หรื อ เรี ยกว่า Vlog เป็ นบล็อกที่ใช้สาหรับเก็บวีดิทศน์ส่วนตัว สามารถใส่
ั
รายละเอียดของวีดิทศน์ ใส่ คาค้น (tag) ได้ ทาให้การเก็บวีดิทศน์เป็ นระบบและง่ายต่อการค้นหา
ั ั
มากขึ้น ตัวอย่างบล็อกลักษณะนี้ได้แก่ http://www.aolvideoblog.com เป็ นต้น
3.5 บล็อกผสม มีลกษณะเป็ นบล็อกที่สามารถเก็บข้อมูลต่าง ๆ ได้หลายประเภท ทั้งเก็บ
ั
รู ปภาพ เก็บเพลง เก็บวีดิโอ เก็บลิงค์ (link) ต่าง ๆ หรื อบันทึกประจาวัน และใส่ ปฏิทินรายการงานที่
ต้องทา ฯลฯ ได้ดวย ปั จจุบนเป็ นบริ การที่ได้รับความนิยมสู งมาก โดยมีชื่อเฉพาะด้วย เรี ยกว่า Social
้ ั
Network Service ซึ่ งนอกจากจะมีจุดประสงค์เพื่อให้สมาชิกแลกเปลี่ยนข้อมูลต่าง ๆ กันแล้ว ก็ยงมี
ั
จุดประสงค์หลักเพื่อการค้นหาและสะสมเพื่อนจากทัวโลก ตัวอย่าง Social NetworkingWebsites ซึ่ง
่
ให้บริ การลักษณะนี้ ได้แก่ http://hi5.com หรื อ http://multiply.com หรื อhttp://spaces.live.com เป็ น
ต้น (ซึ่ งปั จจุบน คาว่า blog ใน Social Networking Websites นั้นจะกลายเป็ นแค่ส่วนที่ใช้เขียน
ั
ข้อความเช่นบันทึกประจาวันแต่เพียงอย่างเดียวเท่านั้น และยัง อาจใช้คาว่า journal แทนคาว่า blog
่
ด้วย แต่เนื่องจากบริ การนี้ เป็ นการรวมเอาบล็อกลักษณะต่าง ๆที่เคยมี มาอยูในที่เดียว ทาให้
ผูใช้งานได้รับความสะดวกสบายมากยิงขึ้น เพราะเพียงแค่เปิ ดใช้บริ การที่เดียว ก็ได้ใช้บริ การ
้ ่
ครบถ้วน ไม่ตองเสี ยเวลาไปสมัครใช้งานจาก เว็บไซต์หลายที่ให้จดจายากอีกด้วย)
้

6. 3. เว็บไซต์ที่ให้บริ การเว็บบล็อก
1.Bloggang
แหล่งชุมชน ชาวบล็อก ที่ชอบ สิ งสถิตย์ ในเว็บ พันธุ์ทิพย์ มีเว็บ บล็อกมากที่สุดในเวลานี้ แบ่งเป็ น
หมวดหมู่ หลากหลายประเภท
2 .Gotoknow
บล็อกชุมชน ของ สถาบัน ส่ งเสริ ม การจัดการ ความรู ้ เพื่อ สังคม มีคณาจารย์ และ ผูชานาญการ
้
ร่ วมกัน มาเขียนบล็อก ถ่ายทอดวิชา
3. DiaryHub
แหล่งชุมชน นักเขียนไดอารี แห่งแรก ของประเทศไทย
4. Blogger
ต้นกาเนิด เว็บบล็อก ต่างประเทศ ที่มีคนใช้มากที่สุด ในโลก

7. 9. ขอบเขตของโครงงาน
1. จัดทาโครงงานคอมพิวเตอร์ การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress
เรื่ อง TEENHIPHOP
2. วัสดุ อุปกรณ์ เครื่ องมือหรื อโปรแกรมหรื อที่ใช้ในการพัฒนา ได้แก่
2.1 เครื่ องคอมพิวเตอร์ พร้อมเชื่อมต่อระบบเครื อข่ายอินเทอร์ เน็ต
2.2 เว็บไซต์ที่ให้บริ การเว็บบล็อก คือ www.wordpress.com
2.3 เว็บไซต์ที่ใช้ในการติดต่อสื่ อสาร เช่น www.facebook.com,
www.hotmail.com, www.google.com
2.4 โปรแกรมตัดต่อและตกแต่งรู ปภาพ เช่นAdobe Photoshop CS4 และ
PhotoScape2.0
10. ขั้นตอนและแผนดาเนินงาน
ระยะเวลาดาเนินงาน
เดือนสิ งหาคม เดือนกันยายน
ที่ ขั้นตอนการดาเนินงาน
สัปดาห์ที่ สัปดาห์ที่
1 2 3 4 1 2
1 คิดหัวข้อโครงงาน 
2 ศึกษาและค้นคว้าข้อมูล 
3 จัดทาโครงร่ างเพื่อนาเสนอ 
4 ปฏิบติการจัดทาโครงงาน
ั 
นาเสนอรายงานความก้าวหน้า
5 
ของโครงงานครั้งที่ 1
นาเสนอรายงานความก้าวหน้า 
6
ของโครงงานครั้งที่ 2
7 ปรับปรุ ง ทดสอบ 
6 จัดทาเอกสารรายงานโครงงาน 
8 ประเมินผลงาน 
9 นาเสนอโครงงานผ่านเว็บ blog 

8. 10. สถานทีดาเนินงาน
่
ห้องเรี ยนคอมพิวเตอร์ ICT โรงเรี ยนเลยอนุกลวิทยา อาเภอเมือง จังหวัดเลย
ู
11. ผลทีคาดว่ าจะได้ รับ
่
11.1 ได้รับความรู ้เกี่ยวกับพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress
เรื่ องTEENHIPHOP
11.2 ได้รับความรู ้เกี่ยวกับเรื่ องที่นามาเป็ นบทเรี ยนในการสร้างเว็บบล็อกคือ
เรื่ องTEENHIPHOP
11.3 ผูเ้ รี ยนสามารถพัฒนารู ปแบบของเว็บบล็อกจาก Wordpress ได้ดวยตนเองและนามา
้
ประยุกต์ใช้ให้เข้ากับการเรี ยนรู ้ของตนเองมากยิงขึ้น
่
11.4 สามารถติดต่อสื่ อสารกันได้ระหว่างครู เพื่อนและผูสนใจทัวไป
้ ่
่
เพื่อสร้างเป็ นเครื อข่ายการเรี ยนรู ้ผานเว็บบล็อกได้
11.5 ได้นาเอาเทคโนโลยีสารสนเทศยุคใหม่มาใช้อย่างมีคุณค่า และสร้างสรรค์
12. เอกสารอ้างอิง
http://th.wikipedia.org/wiki/%E0%B8%9A%E0%B8%A5%E0%B9%87%E0%B8%AD
%E0%B8%81
http://www.siamhiphop.com/fashion
http://www.thaitanium.biz/new/index.php

9. ลงชื่อ.............................................
(นายกิตติศกดิ์ พีรศรุ ตวิบูล )
ั
ผูเ้ สนอโครงงาน
ลงชื่อ.............................................
(นางสมร ตาระพันธ์)
ครู ที่ปรึ กษาโครงงาน