full-paper

รายงานโครงงานคอมพวิ เตอร์ การพฒั นาเวบ็ บลอ็ ก (WebBlog) ด้วย Wordpress เรื่อง แทบ็ เลต็ จัดทาโดย นางสาว นิชนิภา อรรถพร ช้ัน มธั ยมศึกษาปี ที่ 5/4 เลขท่ี 16 นาเสนอ ครูสมร ตาระพนั ธ์ รายงานโครงงานคอมพวิ เตอร์นีเ้ ป็ นส่วนหน่ึงของการศึกษา วชิ า การสร้างและออกแบบเวบ็ ไซต์ (ง30242) ภาคเรียนท่ี 1 ปี การศึกษา 2554 กล่มุ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี (คอมพวิ เตอร์) สานักงานเขตพนื้ ทกี่ ารศึกษามธั ยมศึกษา เขต 19

หัวข้อโครงงาน : การพฒั นาเวบ็ บลอ็ ก (WebBlog) ดว้ ย Wordpress เร่ือง แทบ็ เล็ต ประเภทของโครงงาน : โครงงานพฒั นาส่ือเพื่อการศึกษา ผู้เสนอโครงงาน : นางสาวนิชนิภา อรรถพร ช้นั มธั ยมศึกษาปี ที่ 5/4 เลขท่ี 16 ครูทปี่ รึกษาโครงงาน : นางสมร ตาระพนั ธ์ ตาแหน่ง ครูชานาญการพิเศษ ปี การศึกษา : 2554 บทคดั ยอ่ โครงงานการพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เร่ืองแทบ็ เล็ต น้ี จดั ทาข้ึนโดยมี วตั ถุประสงคเ์ พือ่ นาเอารูปแบบการเรียนรู้ยคุ ใหม่ที่ใชส้ ่ือสังคม หรือ Social Media ซ่ึงเป็นส่ือท่ีไดร้ ับความ สนใจและเป็นที่นิยมในปัจจุบนั มาประยกุ ตเ์ ขา้ กบั การเรียนรู้ โดยไดศ้ ึกษารูปแบบและพฒั นาการเรียนรู้ใน การจดั สร้างเวบ็ บล็อกดว้ ยเวบ็ ไซตส์ าเร็จรูปช่ือวา่ Wordpress ท้งั น้ีไดท้ าการศึกษาคน้ ควา้ เน้ือหาความรู้ท่ี สนใจเก่ียวกบั เรื่อง แทบ็ เลต็ คือ คอมพิวเตอร์พกพาหรือคอมพวิ เตอร์ท่ีสามารถใชง้ านขณะเคลื่อนท่ีไดข้ นาด กลางท่ีมีหนา้ จอแบบสมั ผสั ในการใชง้ านเป็ นหลกั โดยผจู้ ดั ทาโครงงานสามารถพฒั นารูปแบบของเวบ็ บลอ็ กจาก Wordpress ไดด้ ว้ ยตนเองและนามาประยกุ ตใ์ ชใ้ หเ้ ขา้ กบั การเรียนรู้ของตนเองมากยง่ิ ข้ึน และได้ และนาเสนอผา่ นทางเวบ็ บล็อกท่ี http://nitnipajoy.wordpress.com ท้งั น้ี ทาใหส้ ามารถติดต่อสื่อสารกนั ได้ ระหวา่ งครู เพอ่ื นและผสู้ นใจทว่ั ไปไดเ้ ป็นอยา่ งดี

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

สารบญั หน้า บทคดั ย่อ ก กติ ติกรรมประกาศ ข สารบญั ค สารบัญภาพ จ บทท่ี 1 บทนา 1 1.1 แนวคิด ท่ีมา และความสาคญั 1 1.2 วตั ถุประสงค์ 2 1.3 ขอบเขตของโครงงาน 2 1.4 ผลที่คาดวา่ จะไดร้ ับ 2 บทท่ี 2 เอกสารทเ่ี กย่ี วข้อง 3 2.1 ความสาคญั ของเทคโนโลยสี ารสนเทศและอินเทอร์เน็ต 3 2.2 ขอ้ มลู เก่ียวกบั ส่ือสงั คม Social Media 3-4 2.3 เวบ็ บลอ็ ก (WebBlog) 4-7 บทที่ 3 วธิ ีดาเนินงานโครงงาน 8 3.1 วสั ดุ อุปกรณ์ เครื่องมือหรือโปรแกรมหรือท่ีใชใ้ นการพฒั นา 8 3.2 ข้นั ตอนการดาเนินงาน 8-9 บทท่ี 4 ผลการดาเนินงานโครงงาน 10 4.1 ผลการพฒั นาเวบ็ บลอ็ ก 10 4.2 ตวั อยา่ งการนาเสนอหนา้ เวบ็ บล็อก 10-11

บทที่ 5 สรุปผลการดาเนินงาน และข้อเสนอแนะ 12 5.1การดาเนินงานจดั ทาโครงงาน 11 5.2 สรุปผลการดาเนินงานโครงงาน 11-12 5.3 ขอ้ เสนอแนะ 12 ภาคผนวก 13 บรรณานุกรม 14

บทที่ 1 บทนา 1.1 แนวคิด ทม่ี า และความสาคัญ ปัจจุบนั เทคโนโลยสี ารสนเทศและอินเทอร์เน็ตไดเ้ ขา้ มามีบทบาทตอ่ การดาเนินชีวติ ของเรามากข้ึน ซ่ึงเราอาจไมร่ ู้สึกตวั วา่ อินเทอร์เน็ตกลายเป็นปัจจยั ที่สาคญั ต่อการดารงชีวติ ในยคุ ขอ้ มูลข่าวสารมี ความสาคญั คนหนั มาบริโภคขอ้ มลู ข่าวสารกนั มากข้ึน นอกจากเทคโนโลยอี ินเทอร์เน็ตเปรียบเสมือนถนน สาหรับการเขา้ ไปถึงขอ้ มูลท่ีตอ้ งการ เรายงั ตอ้ งการเครื่องมือท่ีจะสามารถสร้างเน้ือหาและขอ้ มลู ต่างๆ ไว้ รองรับการเขา้ ถึง นน่ั กค็ ือเทคโนโลยเี วบ็ ไซต์ ซ่ึงเป็นตวั กลางคอยใหข้ อ้ มลู ต่างๆ แก่ผใู้ ชโ้ ดยการพฒั นาของ เทคโนโลยอี ินเทอร์เน็ตและเวบ็ ไซตไ์ ดถ้ ูกเปลี่ยนแปลงจากเดิมไปมาก ในยคุ ท่ีเทคโนโลยกี ารส่ือสารผา่ นอินเทอร์เน็ต กาลงั เป็นท่ีนิยมและมีผลกระทบในทุกๆดา้ นใน ปัจจุบนั ทาใหท้ ุกคน ทุกสงั คมตอ้ งมีการปรับตวั และพฒั นาใหท้ นั ตอ่ การเปลี่ยนเปลี่ยนแปลงในโลกของ การส่ือสาร และการพฒั นาของโลกเวลิ ดไ์ วดเ์ วบ็ (World Wide Web; WWW) จากยคุ แรก คือ Web 1.0 ซ่ึงมี ลกั ษณะเป็น Static Web คือมีการนาเสนอขอ้ มูลทางเดียว (one-way communication) ดว้ ยการแปลงขอ้ มลู ข่าวสารที่มีอยรู่ อบตวั เราใหอ้ ยใู่ นรูปของดิจิตอล (Digital) เช่น หนงั สือพมิ พ์ นิตยสาร หรือการโฆษณาตาม หนา้ เวบ็ ไซต์ โดยผใู้ ชส้ ามารถอ่านไดแ้ ตไ่ มส่ ามารถเขา้ ร่วมในการสร้างขอ้ มูลได้ แตเ่ มื่อกา้ วเขา้ สู่ยคุ ที่ 2 ของเทคโนโลยคี ือ WWW หรือ Web 2.0 เป็นยคุ ท่ีทาใหอ้ ินเทอร์เน็ตมีศกั ยภาพในการใชง้ านมากข้ึน เนน้ ให้ ผใู้ ชม้ ีส่วนร่วมในการสร้างสรรค์ จุดกาเนิดของ Web 2.0 และการพฒั นากา้ วผา่ นเขา้ สู่ยคุ Web 3.0 ความนิยมขอ Social Media มีการ เติบโตอยา่ งไม่หยดุ ย้งั และมีแนวโนม้ ของผใู้ ชบ้ ริการทว่ั โลก ปัจจุบนั Social Network Website ตา่ ง ๆ กม็ ี การพฒั นา และเปิ ดโอกาสใหผ้ ใู้ ชไ้ ดเ้ ขา้ ไปมีส่วนร่วมในการใชป้ ระโยชน์เชิงสงั คมกนั มากข้ึน ไมว่ า่ จะเป็น Facebook หรือ การสร้างเวบ็ Blog เพอ่ื เผยแพร่ขอ้ มลู ในรูปแบบตา่ งๆ ในเร่ืองของเน้ือหาความรู้เกี่ยวกบั แทบ็ เลต็ น้นั เป็นความสนใจส่วนตวั ท่ีอยากจะศึกษาเร่ืองราว เก่ียวกบั ประโยชนข์ องแทบ็ เล็ตแทบ็ เลต็ สามารถทางานไดเ้ หมือนโน๊ตบุคทุกอยา่ งมยั๊ ?ซ่ึงมีเน้ือหาของ “แทบ็ เล็ต – Tablet‛ ในความหมายแทจ้ ริงแลว้ ก็คือแผน่ จารึกที่เอาไวบ้ นั ทึกขอ้ ความต่างๆโดยการเขียน (อาจจะ เป็นกระดาษ, ดิน, ข้ีผ้งื , ไม)้ และมีการใชก้ นั มานานแลว้ ในอดีต แต่ในปัจจุบนั มีการพฒั นาคอมพิวเตอร์ท่ีใช้ แนวคิดน้ีข้ึนมาแทนที่ซ่ึงมีหลายบริษทั ไดใ้ หค้ านิยามที่แตกตา่ งกนั ไป หลกั ๆแลว้ กม็ ี 2 ความหมายดว้ ยกนั คือ \"แทบ็ เล็ต พซี ี - Tablet PC (Tablet Personal Computer)\" และ \"แทบ็ เลต็ คอมพวิ เตอร์ - Tablet Computer\" หรือเรียกส้นั ๆวา่ \"แทบ็ เล็ต - Tablet\" ดงั น้นั ผจู้ ดั ทาจึงไดม้ ีความคิดที่จะนาเอารูปแบบของ WebBlog ดว้ ยเวบ็ ไซต์ Wordpress มาใชใ้ นการ เผยแพร่ขอ้ มูลที่เก่ียวขอ้ งกบั เรื่องแทบ็ เลต็ เพ่ือศึกษา เผยแพร่ความรู้ดงั กล่าวสู่ผสู้ นใจต่อไป

1.2 วตั ถุประสงค์ - เพ่อื ศึกษาและพฒั นาเวบ็ บลอ็ ก (WebBlog) ดว้ ย Wordpress เรื่องแทบ็ เล็ต - เพือ่ ศึกษาคน้ ควา้ เร่ืองที่สนใจเกี่ยวกบั เร่ืองแทบ็ เล็ต - เพ่ือใหผ้ เู้ รียนสามารถพฒั นารูปแบบของเวบ็ บล็อกจาก Wordpress ไดด้ ว้ ยตนเองและนามา ประยกุ ตใ์ ชใ้ หเ้ ขา้ กบั การเรียนรู้ของตนเองมากยงิ่ ข้ึน - เพ่อื ใหส้ ามารถติดต่อส่ือสารกนั ไดร้ ะหวา่ งครู เพือ่ นและผสู้ นใจทวั่ ไป 1.3 ขอบเขตของโครงงาน - จดั ทาโครงงานคอมพวิ เตอร์ การพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เรื่อง แทบ็ เลต็ - วสั ดุ อุปกรณ์ เคร่ืองมือหรือโปรแกรมหรือที่ใชใ้ นการพฒั นา ไดแ้ ก่ - เคร่ืองคอมพวิ เตอร์ พร้อมเชื่อมต่อระบบเครือขา่ ยอินเทอร์เน็ต - เวบ็ ไซตท์ ่ีใหบ้ ริการเวบ็ บล็อก คือ www.wordpress.com - เวบ็ ไซตท์ ี่ใชใ้ นการติดต่อสื่อสาร เช่น www.facebook.com www.hotmail.com www.google.com - โปรแกรมตดั ต่อและตกแต่งรูปภาพ เช่นAdobe Photoshop CS4 และ PhotoScape2.0 1.4 ผลทค่ี าดว่าจะได้รับ 1.4.1 ไดร้ ับความรู้เก่ียวกบั พฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เรื่อง แทล็ เล็ต 1.4.2 ไดร้ ับความรู้เก่ียวกบั เร่ืองที่นามาเป็ นบทเรียนในการสร้างเวบ็ บล็อกคือเร่ืองแทบ็ เลต็ 1.4.3 ผเู้ รียนสามารถพฒั นารูปแบบของเวบ็ บล็อกจาก Wordpress ไดด้ ว้ ยตนเองและนามา ประยกุ ตใ์ ชใ้ หเ้ ขา้ กบั การเรียนรู้ของตนเองมากยงิ่ ข้ึน 1.4.4 สามารถติดต่อสื่อสารกนั ไดร้ ะหวา่ งครู เพื่อนและผสู้ นใจทว่ั ไป เพ่อื สร้างเป็ นเครือขา่ ยการเรียนรู้ผา่ นเวบ็ บล็อกได้ 1.4.5 ไดน้ าเอาเทคโนโลยสี ารสนเทศยคุ ใหม่มาใชอ้ ยา่ งมีคุณคา่ และสร้างสรรค์

บทท่ี 2 เอกสารทเี่ กยี่ วข้อง ในการจดั ทาโครงงานคอมพิวเตอร์ การพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เรื่องแทบ็ เล็ต น้ี ผจู้ ดั ทาโครงงานไดศ้ ึกษาเอกสารและจากเวบ็ ไซตต์ ่างๆ ท่ีเก่ียวขอ้ งดงั ตอ่ ไปน้ี 2.1 ความสาคญั ของเทคโนโลยสี ารสนเทศและอินเทอร์เน็ต 2.2 ขอ้ มูลเก่ียวกบั สื่อสงั คม Social Media 2.3 เวบ็ บลอ็ ก (WebBlog) 2.1 ความสาคญั ของเทคโนโลยสี ารสนเทศและอนิ เทอร์เน็ต เทคโนโลยสี ารสนเทศ' หรือ ไอที (องั กฤษ: Information technology หรือ IT) หมายถึงเทคโนโลยี สาหรับการประมวลผลสารสนเทศ ซ่ึงครอบคลุมถึงการรับ-ส่ง การแปลง การจดั เกบ็ การประมวลผล และ การคน้ คืนสารสนเทศ ในการประยกุ ต์ การบริการ และพ้ืนฐานทางเทคโนโลยี สามารถแบง่ กลุ่มยอ่ ยเป็น 3 กลุ่ม ไดแ้ ก่ คอมพิวเตอร์, การส่ือสาร และขอ้ มูลแบบมลั ติมีเดีย ซ่ึงในแต่ละกลุ่มน้ียงั แบ่งเป็นกลุ่มยอ่ ยๆ ได้ อีกมากมาย องคป์ ระกอบท้งั 3 ส่วนน้ี ยงั ตอ้ งอาศยั การทางานร่วมกนั ยกตวั อยา่ งเช่น เครื่องเซิร์ฟเวอร์ คอมพวิ เตอร์ (คอมพวิ เตอร์) เป็นองคป์ ระกอบสาคญั ของระบบเครือขา่ ย (การส่ือสาร) โดยมีการส่งขอ้ มลู ต่างๆ ไปยงั เครื่องลูก (ขอ้ มลู แบบมลั ติมีเดีย)ในบางคร้ังจะมีการใชช้ ่ือวา่ เทคโนโลยสี ารสนเทศและการ ส่ือสาร (information and communications technology ยอ่ วา่ ICT) อนิ เทอร์เน็ต (องั กฤษ: Internet) หมายถึง เครือขา่ ยคอมพิวเตอร์ขนาดใหญ่ ท่ีมีการเชื่อมตอ่ ระหวา่ ง เครือขา่ ยหลายๆ เครือขา่ ยทว่ั โลก โดยใชภ้ าษาท่ีใชส้ ื่อสารกนั ระหวา่ งคอมพิวเตอร์ที่เรียกวา่ โพรโทคอล (Protocol) ผใู้ ชเ้ ครือข่ายน้ีสามารถส่ือสารถึงกนั ไดใ้ นหลายๆ ทาง อาทิเช่น อีเมล เวบ็ บอร์ด และสามารถ สืบคน้ ขอ้ มูลและข่าวสารต่างๆ รวมท้งั คดั ลอกแฟ้ มขอ้ มูลและโปรแกรมมาใชไ้ ด้ 2.2 ข้อมูลเกยี่ วกบั สื่อสังคม Social Media 2.2.1 ความหมายของ Social Media ทุกวนั น้ี พวกเราหลายคนใชช้ ีวติ อยกู่ บั Social Network และ Social Media มากข้ึนทุกวนั แต่ พอพดู ถึง ‘Social Media’ วา่ คืออะไร หลายคนที่ใชอ้ ยู่ ก็ยงั ถึงกบั อ้ึง และตอบไมไ่ ดว้ า่ มนั คืออะไร และไม่รู้

จะอธิบายอยา่ งไร วนั น้ี Marketing Oops! เลยขอทาหนา้ ท่ีอธิบายคาๆ น้ีแทน เพื่อใหค้ นท่ีใชเ้ ป็นประจาอยู่ แลว้ สามารถอธิบายตอ่ ใหค้ นอ่ืนทราบได้ และสาหรับคนที่ยงั ไม่เคยรู้ กส็ ามารถทาความรู้จกั ไดเ้ ช่นกนั Social ในท่ีน้ีหมายถึง สังคมออนไลน์ Media ในท่ีน้ีหมายถึง เน้ือหา เร่ืองราว และบทความ Social Media จึงหมายถึงสังคมออนไลน์ที่มีผใู้ ชเ้ ป็นผสู้ ่ือสาร หรือเขียนเล่า เน้ือหา เรื่องราว ประสบการณ์ บทความ รูปภาพ และวดิ ีโอ ท่ีผใู้ ชเ้ ขียนข้ึนเอง ทาข้ึนเอง หรือพบเจอจากส่ืออ่ืนๆ แลว้ นามาแบ่งปันใหก้ บั ผอู้ ื่นท่ีอยใู่ นเครือขา่ ยของตน ผา่ นทางเวบ็ ไซต์ Social Network ที่ใหบ้ ริการบนโลกออนไลน์ ปัจจุบนั การ สื่อสารแบบน้ี จะทาผา่ นทาง Internet และโทรศพั ทม์ ือถือเท่าน้นั 2.2.2 ประวตั คิ วามเป็ นมาและพฒั นาการของ Social Media 1. บลอ็ ก, วกิ ิพเี ดีย, เวบ็ รวมท่ีใหท้ ุกคนโพสตข์ า่ ว แบง่ ปัน: วดิ ีโอ, รูปภาพ, ดนตรี, ลิงก์ การอภิปราย: การ เสวนา, โปรแกรมสนทนาออนไลน์ เครือข่ายสังคม: เครือขา่ ยสังคมโดยทว่ั ไปและเครือขา่ ย สงั คมเฉพาะ ดา้ น การตีพมิ พแ์ บบไมโคร: ไมโครบลอ็ ก เคร่ืองมือที่รวมขอ้ มูลจากหลายแหล่งโซเชียลมีเดียเขา้ 6 ดว้ ยกนั (Social aggregation tools) 6 2. 2.2.3 ประเภทเวบ็ ไซต์ทใี่ ห้บริการ Social Media บลอ็ ก  http://www.blogger.com/ เป็นที่นิยมมากที่สุดในโลก  http://www.wordpress.com/ โอเพนซอร์สซอฟตแ์ วร์ที่เป็ นที่นิยม  http://www.exteen.com/ เป็นท่ีนิยมมากท่ีสุดในเมืองไทย  http://www.bloggang.com/ เป็นส่วนหน่ึงของเวบ็ พนั ทิพ  http://gotoknow.org เป็นที่นิยมในการ แลกเปลี่ยนความรู้ในหม่คู นทางาน  http://blognone.com เป็นแหล่งขา่ วไอทีของคนไทย 2.3 เวบ็ บลอ็ ก (WebBlog) 2.3.1 ความหมายของเวบ็ บลอ็ ก (WebBlog) เวบ็ บลอ็ ก (Weblog) เป็นคาที่มาจากคาวา่ เวบ็ (Web) กบั คาวา่ บลอ็ ก (Blog) รวมกนั เรียกวา่ เวบ็ บลอ็ ก ความหมายของเวบ็ บล็อกคือ เคร่ืองมือส่ือสารที่ใชง้ านบนเวบ็ ไซตม์ ีลกั ษณะเหมือนกบั เวบ็ บอร์ด แต่เนน้ การใชง้ านไปที่การบนั ทึกเร่ืองราวหรือขอ้ มูลส่วนตวั เหมือนกบั ไดอารี่ จะแสดงขอ้ มลู ใน ลกั ษณะท่ีเป็นหวั ขอ้ ประกอบบทคดั ยอ่ แต่จะดีกวา่ ไดอารีท่ีเขียนดว้ ยมือ กค็ ือเป็นเวบ็ ท่ีสามารถเช่ือมโยงไป หาบทความท่ีเวบ็ ไซด์อื่น และเปิ ดรับความเห็นจากผอู้ ื่นไดด้ ว้ ยโดยทว่ั ๆไป

2.3.2 ประเภทของเวบ็ บลอ็ ก บลอ็ กท่ีเราเห็นอยใู่ นปัจจุบนั น้ี ใช่มีเพยี งแคบ่ ลอ็ กที่เป็นตวั หนงั สือและรูปภาพเทา่ น้นั หรือ มีแค่ ออนไลน์ไดอารี่ เราแบ่งบลอ็ กออกได้ ดงั ต่อไปน้ี 1. แบง่ ตามลกั ษณะของมีเดียท่ีมีในบล็อกไดแ้ ก่1.1. Linklog บล็อกแบบน้ีน่าจะเป็ นบล็อกรุ่นแรก ๆ เป็น บลอ็ กท่ีรวมลิ๊งกท์ ี่เจา้ ของบลอ็ กสนใจเอาไว้ ถา้ คณยงั จาผใู้ หก้ าเนิดคาวา่ ‚บลอ็ ก‛ ท่ีช่ือ จอห์น บาจเจอร์ได้ นน่ั แหล่ะครับ robotwisdom.com ของเขาคือตวั อยา่ งของ linklog นนั่ เอง แมว้ า่ จะบลอ็ กแบบน้ีจะเป็นการ รวมลิ๊งกเ์ ทา่ น้นั แต่กไ็ มเ่ รียงเหมือนวบ็ ไดเร็กทอร่ี เพราะเจา้ ของบลอ็ กจะโพสตล์ ิ๊งกข์ องเขา 1 – 2 ลิ๊งกต์ อ่ โพสตเ์ ทา่ น้นั ครับ ใครท่ีอยากมีบล็อกเป็นของตนเองแตย่ งั นึกไม่ออกวา่ จะทาบล็อกแบบไหน linklog น่าจะ เป็นการเร่ิมตน้ การทาบล็อกไดเ้ ป็นอยา่ งดี1.2 Photoblog ช่ือก็บอกอยแู่ ลว้ ครับวา่ Photo บลอ็ กประเภทน้ีเนน้ ในโพสตภ์ าพถ่ายที่เจา้ ของบล็อกอยากนาเสนอ และมกั จะไมเ่ นน้ ที่จะเขียนขอ้ ความมากนกั บางบลอ็ กเรียก ไดว้ า่ ภาพโดยเจา้ ของบล็อกลว้ น ๆ เลยครับ1.3. Vlog ยอ่ มาจาก Videoblog เป็นบล็อกท่ีรวมวดิ ีโอคลิปไวใ้ น บลอ็ ก Vlog เป็นบล็อกท่ีเรียกไดว้ า่ เป็นบล็อกท่ีนิยมทากนั มากในอนาคต เพราะการเจริญเติบโตของไฮสปี ด อินเตอร์เน็ต หรือ อินเตอร์เน็ตบอร์ดแบนด์ ท่ีทาใหก้ ารถ่ายทอดเสียง ภาพเคลื่อนไหว movie […] 2. แบง่ ตามประเภทเน้ือหา ไดแ้ ก่2.1 บล็อกส่วนตวั (Personal Blog) นาแสนอความคิดเห็น กิจวตั รประจาวนั ของเจา้ ของบลอ็ กเป็ นหลกั 2.2 บล็อกขา่ ว(News Blog) บล็อกท่ีนาเสนอข่าวเป็ นหลกั 2.3 บลอ็ กกลุ่ม (Collaborative Blog) เป็นบลอ็ กท่ีเขียนกนั เป็ นกลุ่ม เช่น blognone.com2.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) เป็นบล็อกท่ีนาเสนอวธิ ีการต่าง

2.3.3 เวบ็ ไซต์ทใี่ ห้บริการเวบ็ บลอ็ ก www.exteen.com www.buddythai.com www.blogger.com www.5iam.com www.mapandy.com www.ndesignsblog.com www.imigg.com www.inewblog.com www.blogprathai.com www.freeseoblogs.com www.idatablog.com www.diaryi.net www.onblogme.com www.skypream.com www.sumhua.com www.sungson.com www.istoreblog.com www.sabuyblog.com www.thailandspace.com www.jaideespace.com www.gujaba.com www.my2blog.com www.ugetblog.com www.maxsiteth.com 2.3.4 ประวตั ิของเวบ็ ไซต์ Wordpress WordPress คอื โปรแกรมสาเร็จรูปตวั หน่ึง ที่เอาไวส้ าหรับสร้าง บลอ็ ก หรือ เวบ็ ไซต์ สามารถใช้ งานไดฟ้ รี ถูกจดั อยใู่ นประเภท CMS (Contents Management System) ซ่ึงหมายถึง โปรแกรมสาเร็จรูปที่มีไว้ สาหรับสร้างและบริหารจดั การเน้ือหาและขอ้ มูลบนเวบ็ ไซต์ WordPress ไดร้ ับการพฒั นาและเขียนชุดคาส่ังมาจากภาษา PHP (เป็นภาษาโปรแกรมม่ิงตวั หน่ึง) ทางานบนฐานขอ้ มูล MySQL ซ่ึงเป็นโปรแกรมสาหรับจดั การฐานขอ้ มลู มีหนา้ ที่เกบ็ เรียกดู แกไ้ ข เพิม่ และ ลบขอ้ มลู การใชง้ าน WordPress ร่วมกบั MySQL อยภู่ ายใตส้ ญั ญาอนุญาตใชง้ านแบบ GNU General Public License

WordPress ปรากฏโฉมคร้ังแรกในโลกเม่ือปี พ.ศ. 2546 (2003) เป็นความร่วมมือกนั ระหวา่ ง Matt Mullenweg และ Mike Littlej มีเวบ็ ไซตห์ ลกั อยทู่ ี่ http://wordpress.org และยงั มีบริการ Free Hosting (พ้ืนท่ี สาหรับเกบ็ ทุกอยา่ งของเวบ็ /บล็อก) โดยขอใชบ้ ริการไดท้ ี่ http://wordpress.com ปัจจุบนั น้ี WordPress ไดร้ ับความนิยมเพ่มิ ข้ึนอยา่ งรวดเร็ว จนมีผใู้ ชง้ านมากกวา่ 200 ลา้ นเวบ็ บล็อกไปแลว้ แซงหนา้ CMS ตวั อื่น ๆ ไม่วา่ จะเป็น Drupal , Mambo และ Joomla สาเหตุเป็นเพราะ ใชง้ าน ง่าย ไมจ่ าเป็นตอ้ งมีความรู้ในเร่ือง Programing มีรูปแบบท่ีสวยงาม อีกท้งั ยงั มีผพู้ ฒั นา Theme (รูปแบบการ แสดงผล) และ Plugins (โปรแกรมเสริม) ใหเ้ ลือกใชฟ้ รีอยา่ งมากมาย นอกจากน้ี สาหรับนกั พฒั นา WordPress ยงั มี Codex เอาไวใ้ หเ้ ราไดเ้ ป็นไกดไ์ ลน์ เพื่อศึกษา องคป์ ระกอบส่วนตา่ ง ๆ ท่ีอยภู่ ายใน สาหรับพฒั นาต่อยอด หรือ นาไปสร้าง Theme และ Plugins ข้ึนมาเอง ไดอ้ ีกดว้ ย หนาซ้า ยงั มีรุ่นพิเศษ คือ WordPress MU สาหรับไวใ้ หผ้ นู้ าไปใช้ สามารถเปิ ดใหบ้ ริการพ้ืนที่ทา เวบ็ บล็อกเป็นของตนเอง เพื่อใหผ้ อู้ ื่นมาสมคั รขอร่วมใชบ้ ริการในการสร้างเวบ็ บล็อก ภายใตช้ ่ือโดเมนของ เขา หรือที่เรียกวา่ Sub-Domain จากที่ไดเ้ กริ่นนาไปในบทความน้ี คงจะทาใหร้ ู้จกั และไดท้ ราบประวตั ิความเป็นมา รวมถึง ความหมายกนั ไปบา้ งแลว้ วา่ WordPress คือ อะไร ในบทความหนา้ เราจะไดเ้ ริ่มเรียนรู้ถึงรูปแบบ และ วธิ ีการใชง้ าน ไปจนถึงการเพิ่มลูกเล่นตา่ ง ๆ ต่อไป

บทท่ี 3 วธิ ีดาเนินงานโครงงาน ในการจดั ทาโครงงานคอมพิวเตอร์ การพฒั นาเวบ็ บลอ็ ก (WebBlog) ดว้ ย Wordpress เรื่องแทบ็ เล็ต น้ี ผจู้ ดั ทาโครงงานมีวธิ ีดาเนินงานโครงงาน ตามข้นั ตอนดงั ต่อไปน้ี 3.1 วสั ดุ อุปกรณ์ เครื่องมือหรือโปรแกรมหรือทใ่ี ช้ในการพฒั นา 3.1.1 เครื่องคอมพวิ เตอร์ พร้อมเช่ือมต่อระบบเครือขา่ ยอินเทอร์เน็ต 3.1.2 เวบ็ ไซตท์ ่ีใหบ้ ริการเวบ็ บลอ็ ก คือ www.wordpress.com 3.1.3 เวบ็ ไซตท์ ี่ใชใ้ นการติดตอ่ ส่ือสาร เช่น www.facebook.com www.hotmail.com www.google.com 3.1.4 โปรแกรมตดั ต่อและตกแตง่ รูปภาพ เช่นAdobe Photoshop CS4 และ PhotoScape2.0 3.2 ข้นั ตอนการดาเนินงาน 3.2.1 คิดหวั ขอ้ โครงงานเพอื่ นาเสนอครูท่ีปรึกษาโครงงาน 3.2.2 ศึกษาและคน้ ควา้ ขอ้ มูลท่ีเก่ียวขอ้ งกบั เร่ืองที่สนใจ คือเร่ืองแทบ็ เลต็ วา่ มีเน้ือหามากนอ้ ย เพยี งใด และตอ้ งศึกษาคน้ ควา้ เพ่ิมเติมเพยี งใดจากเวบ็ ไซตต์ า่ งๆ และเก็บขอ้ มลู ไวเ้ พ่ือจดั ทาเน้ือหาต่อไป 3.2.3 ศึกษาการสร้างเวบ็ บล็อกท่ีสร้างจากเวบ็ ไซต์ Wordpress จากเอกสารท่ีครูประจาวชิ ากาหนด และจากเวบ็ ไซตต์ ่างๆ ท่ีนาเสนอเทคนิค วธิ ีการสร้างเวบ็ บล็อก 3.2.4 จดั ทาโครงร่างโครงงานคอมพวิ เตอร์เพ่ือนาเสนอครูที่ปรึกษาผา่ นเวบ็ บล็อกของตวั เอง โดย ไดน้ าไฟลข์ อ้ มลู ไปฝากไวท้ ี่เวบ็ ไซตช์ ื่อ http://www.slideshare.net 3.2.5 ปฏิบตั ิการจดั ทาโครงงานคอมพิวเตอร์การพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เร่ืองแทบ็ เล็ต โดยการสมคั รสมาชิก และสร้างบทเรียนที่สนใจตามแบบเสนอโครงร่างท่ีเสนอไวแ้ ลว้ ท้งั น้ี ไดน้ าเสนอบทเรียนผา่ นเวบ็ บล็อกท่ี http://nitnipajoy.wordpress.com/ 3.2.6 นาเสนอรายงานความกา้ วหนา้ เป็ นระยะๆ โดยแจง้ ใหค้ รูที่ปรึกษาโครงงานเขา้ ไปตรวจ ความกา้ วหนา้ ของโครงงานผา่ นเวบ็ ไซต์ www.facebook.com/ นิชนิภา อรรถพรซ่ึงครูท่ีปรึกษาจะให้ ขอ้ เสนอแนะต่างๆ เพื่อใหจ้ ดั ทาเน้ือหาและการนาเสนอท่ีน่าสนใจต่อไป ท้งั น้ีเมื่อไดร้ ับคาแนะนากจ็ ะนามา ปรับปรุง แกไ้ ขใหเ้ ป็นที่สนใจยง่ิ ข้ึน อีกท้งั ไดส้ ร้างเครือข่ายสังคมโดยใชเ้ วบ็ ไซต์ Facebook เพื่อใหเ้ พ่ือนๆ มาช่วยใหข้ อ้ เสนอแนะ และส่ือสารกนั หากมีขอ้ สงสยั เก่ียวกบั การสร้างและพฒั นาเวบ็ บล็อกดงั กล่าว

3.2.7 จดั ทาเอกสารรายงานโครงงานคอมพวิ เตอร์ โดยนาเสนอในรูปแบบไฟลค์ อมพวิ เตอร์และนา ฝากขอ้ มูลไฟลด์ งั กล่าวไวท้ ่ีเวบ็ http://www.slideshare.net แลว้ นามาเช่ือมโยงผา่ นเวบ็ บลอ็ กที่สร้างข้ึน 3.2.8 ประเมินผลงาน โดยการนาเสนอผา่ นเวบ็ บล็อก ท่ีช่ือ nitnipajoy แลว้ ใหค้ รูท่ีปรึกษา ประเมินผลงาน และใหเ้ พ่ือนๆ ผสู้ นใจเขา้ ร่วมประเมิน โดยการสร้างกล่อง Like Box เพอ่ื ใหค้ ลิก Like และ คอมเมนทใ์ นหนา้ เวบ็ บลอ็ ก 3.2.9 นาเสนอผา่ นเวบ็ บล็อก ท่ีช่ือ nitnipajoy เพอ่ื ให้ผสู้ นใจศึกษาหาความรู้ต่อไป

บทท่ี 4 ผลการดาเนินงานโครงงาน การจัดทาโครงงานคอมพิวเตอร์การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เร่ืองแทบ็ เล็ต น้ี มีวตั ถุประสงคเ์ พ่ือพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress และคน้ ควา้ เรื่องท่ีสนใจ เก่ียวกบั แทบ็ เล็ต เพือ่ ใหผ้ จู้ ดั ทาโครงงานสามารถนามาประยุกตใ์ ชใ้ หเ้ ขา้ กบั การเรียนรู้ของตนเองมากยิ่งข้ึน ตลอดจนสามารถติดต่อส่ือสารกนั ไดร้ ะหวา่ งครู เพื่อนและผสู้ นใจทวั่ ไป ซ่ึงมีผลการดาเนินงานโครงงาน ดงั น้ี 4.1 ผลการพฒั นาเวบ็ บลอ็ ก การพฒั นาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่องแท็บเล็ต น้ี ผูจ้ ดั ทาได้เริ่มดาเนินงานตาม ข้ัน ต อน ก าร ด า เนิ น งา น ที่ เส น อใ น บท ท่ี 3 แ ล้ว แ ล้วไ ด้ส มัค รเ ป็ น ส ม า ชิ ก เ ว็บบ ล็ อก ท่ี ช่ื อ http://www.wordpress.com จากน้นั ไดน้ าเสนอเผยแพร่ผลงานผา่ นเครือขา่ ยอินเทอร์เน็ต ที่สามารถเขา้ ถึงได้ ทุกท่ีทุกเวลา โดยไดน้ าเผยแพร่ท่ีเวบ็ บล็อกช่ือ nittnipajoy ซ่ึงสามารถเชื่อมต่อกบั ส่ือสังคมในรูปแบบของ Social Media ประเภทเวบ็ ไซต์ facebook ของผจู้ ดั ทาท่ีชื่อ (http://นิชนิภา อรรถพร) ท้งั น้ีเวบ็ บล็อกดงั กล่าว สามารถจดั การและเชื่อมตอ่ กบั เวบ็ ไซตอ์ ่ืนๆ ไดเ้ ป็นอยา่ งดี โดยท้งั ครูท่ีปรึกษา เพื่อนๆในห้องเรียนไดเ้ ขา้ ไป มีส่วนร่วมในการจดั การเรียนรู้ โดยแสดงความเห็นในเน้ือหาและรูปแบบของการนาเสนออยา่ งหลากหลาย ซ่ึงทาใหเ้ กิดการเรียนรู้และเป็นแหล่งเรียนรู้ในโลกออนไลน์อยา่ งหลากหลายและรวดเร็ว 4.2 ตวั อย่างการนาเสนอหน้าเวบ็ บลอ็ ก



บทท่ี 5 สรุปผลการดาเนินงาน และข้อเสนอแนะ การจดั ทาโครงงานคอมพิวเตอร์การพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เรื่องแทบ็ เล็ต น้ีสามารถสรุปผลการดาเนินโครงงาน และขอ้ เสนอแนะ ดงั น้ี 5.1 การดาเนินงานจัดทาโครงงาน 5.1.1 วตั ถุประสงค์ของโครงงาน 5.1.1.1 เพื่อศึกษาและพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เร่ืองแทบ็ เล็ต 5.1.1.2 เพื่อศึกษาคน้ ควา้ เรื่องที่สนใจเก่ียวกบั แทบ็ เลต็ 5.1.1.3 เพ่อื ใหผ้ เู้ รียนสามารถพฒั นารูปแบบของเวบ็ บล็อกจาก Wordpress ไดด้ ว้ ยตนเอง และนามาประยกุ ตใ์ ชใ้ หเ้ ขา้ กบั การเรียนรู้ของตนเองมากย่งิ ข้ึน 5.1.1.4 เพือ่ ใหส้ ามารถติดต่อส่ือสารกนั ไดร้ ะหวา่ งครู เพอ่ื นและผสู้ นใจทว่ั ไป 5.2.2 วสั ดุ อปุ กรณ์ เคร่ืองมือหรือโปรแกรมหรือทใ่ี ช้ในการพฒั นา 5.2.1.1 เครื่องคอมพวิ เตอร์ พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต 5.2.1.2 เวบ็ ไซตท์ ี่ใหบ้ ริการเวบ็ บล็อก คือ www.wordpress.com 5.2.1.3 เวบ็ ไซตท์ ่ีใชใ้ นการติดตอ่ ส่ือสาร เช่น www.facebook.com www.hotmail.com www.google.com 5.2.2.4 โปรแกรมตดั ต่อและตกแต่งรูปภาพ เช่นAdobe Photoshop CS4 และ PhotoScape2.0 5.2 สรุปผลการดาเนินงานโครงงาน การพฒั นาเวบ็ บล็อก (WebBlog) ดว้ ย Wordpress เรื่องแทบ็ เล็ต น้ี ผจู้ ดั ทาไดเ้ ร่ิมดาเนินงานตาม ข้นั ตอนการดาเนินงานที่เสนอในบทที่ 3 แลว้ แลว้ ไดส้ มคั รเป็นสมาชิกเวบ็ บล็อกท่ีช่ือ http://www.wordpress.com จากน้นั ไดน้ าเสนอเผยแพร่ผลงานผา่ นเครือข่ายอินเทอร์เน็ต ที่สามารถเขา้ ถึงไดท้ ุกที่ทุกเวลา โดยไดน้ าเผยแพร่ที่เวบ็ บลอ็ กช่ือ nitnipa ซ่ึงสามารถเชื่อมต่อกบั ส่ือสังคม ในรูปแบบของ Social Media ประเภทเวบ็ ไซต์ facebook ของผจู้ ดั ทาที่ช่ือ (http://นิชนิภา อรรถพร) ท้งั น้ี เวบ็ บลอ็ กดงั กล่าว สามารถจดั การและเชื่อมต่อกบั เวบ็ ไซตอ์ ื่นๆ ไดเ้ ป็นอยา่ งดี โดยท้งั ครูท่ีปรึกษา เพื่อนๆใน

หอ้ งเรียนไดเ้ ขา้ ไปมีส่วนร่วมในการจดั การเรียนรู้ โดยแสดงความเห็นในเน้ือหาและรูปแบบของการ นาเสนออยา่ งหลากหลาย ซ่ึงทาใหเ้ กิดการเรียนรู้และเป็นแหล่งเรียนรู้ในโลกออนไลนอ์ ยา่ งหลากหลายและ รวดเร็ว 5.3 ข้อเสนอแนะ 5.3.1 ข้อเสนอแนะทว่ั ไป 5.3.1.1 เวบ็ ไซตท์ ี่ใหบ้ ริการเวบ็ บลอ็ ก คือ Wordpress เป็นเวบ็ บลอ็ กสาเร็จรูปท่ีใชท้ า เวบ็ ไซตไ์ ดง้ ่าย และรวดเร็ว แต่ถา้ เราใชป้ ระโยชน์ในทางท่ีไม่ถูกตอ้ งและไมเ่ หมาะสม กจ็ ะส่งผลต่อการ ละเมิดลิขสิทธ์ิและไดร้ ับความรู้ที่ไม่ถูกตอ้ ง เพราะฉะน้นั ผจู้ ดั ทาควรเผยแพร่สิ่งท่ีดี ๆ ใหบ้ ุคคลที่เขา้ มา เยย่ี มหรือศึกษาไดค้ วามรู้และสิ่งดี ๆ นาไปเผยแพร่ต่อใหผ้ อู้ ่ืนมาศึกษาความรู้ ที่เป็นประโยชนต์ ่อไป 5.3.1.2 ควรมีการจดั ทาเน้ือหาของโครงงานใหห้ ลากหลายใหค้ รบทุกกลุ่มสาระ การเรียนรู้ 5.3.1.3 ควรมีการจดั ทาแบบทดสอบก่อนเรียนและหลงั เรียนเพิ่มเติม 5.3.2 ปัญหา อุปสรรค และแนวทางในการพฒั นา 5.3.2.1 เคร่ืองคอมพิวเตอร์ไมเ่ พยี งพอกบั การทาโครงงาน และบางคร้ังอินเทอร์เน็ตมี ปัญหา เขา้ พร้อมกนั ก็จะทาใหช้ า้ จึงทาใหก้ ารพฒั นาเวบ็ บล็อกเกิดความล่าชา้ ตามไปดว้ ย 5.3.2.2 เพอื่ นนกั เรียนบางคนเรียนรู้การพฒั นาเวบ็ บล็อกคอ่ นขา้ งชา้ ทาใหต้ อ้ งเสียเวลาใน การเรียนรู้ เพราะครูผสู้ อนไม่สามารถสอนเน้ือหาเพ่มิ เติมได้

ภาคผนวก

บรรณานุกรม สืบคน้ เมื่อวนั ที่ 10 กนั ยายน 2554 แหล่งขอ้ มลู จาก  http://en.wikipedia.org/wiki/Tablet_personal_computer#cite_note-3  http://en.wikipedia.org/wiki/Tablet_computer#cite_note-Editors_PC_Magazine-0  http://en.wikipedia.org/wiki/X86  http://en.wikipedia.org/wiki/Wax_tablet http://th.wikipedia.org/wiki/%E0%B9%80%E0%B8%97%E0%B8%84%E0%B9%82%E0%B8%99%E0 %B9%82%E0%B8%A5%E0%B8%A2%E0%B8%B5%E0%B8%AA%E0%B8%B2%E0%B8%A3%E0% B8%AA%E0%B8%99%E0%B9%80%E0%B8%97%E0%B8%A8