• Like
รายงานโครงงานคอมพิวเตอร์
Upcoming SlideShare
Loading in...5
×

รายงานโครงงานคอมพิวเตอร์

  • 8,078 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
8,078
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
112
Comments
0
Likes
4

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. รายงานโครงงานคอมพิวเตอร์ การพัฒนาเว็บบล็อก (WebBlog) ด้ วย Wordpress เรื่อง แท็บเล็ต จัดทาโดย นางสาว นิชนิภา อรรถพร ชั้น มัธยมศึกษาปี ที่ 5/4 เลขที่ 16 นาเสนอ ครู สมร ตาระพันธ์ รายงานโครงงานคอมพิวเตอร์ นีเ้ ป็ นส่ วนหนึ่งของการศึกษา วิชา การสร้ างและออกแบบเว็บไซต์ (ง30242) ภาคเรียนที่ 1 ปี การศึกษา 2554กลุ่มสาระการเรียนรู้ การงานอาชีพและเทคโนโลยี (คอมพิวเตอร์ ) สานักงานเขตพืนทีการศึกษามัธยมศึกษา เขต 19 ้ ่
  • 2. หัวข้ อโครงงาน : การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ อง แท็บเล็ตประเภทของโครงงาน : โครงงานพัฒนาสื่ อเพื่อการศึกษาผู้เสนอโครงงาน : นางสาวนิชนิภา อรรถพร ชั้นมัธยมศึกษาปี ที่ 5/4 เลขที่ 16ครู ทปรึกษาโครงงาน ี่ : นางสมร ตาระพันธ์ ตาแหน่ง ครู ชานาญการพิเศษปี การศึกษา : 2554 บทคัดย่อ โครงงานการพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ องแท็บเล็ต นี้ จัดทาขึ้นโดยมีวัตถุประสงค์เพื่อนาเอารู ปแบบการเรี ยนรู ้ยคใหม่ที่ใช้สื่อสังคม หรื อ Social Media ซึ่งเป็ นสื่ อที่ได้รับความ ุสนใจและเป็ นที่นิยมในปั จจุบน มาประยุกต์เข้ากับการเรี ยนรู ้ โดยได้ศึกษารู ปแบบและพัฒนาการเรี ยนรู ้ใน ัการจัดสร้างเว็บบล็อกด้วยเว็บไซต์สาเร็ จรู ปชื่อว่า Wordpress ทั้งนี้ได้ทาการศึกษาค้นคว้าเนื้อหาความรู ้ที่สนใจเกี่ยวกับเรื่ อง แท็บเล็ต คือ คอมพิวเตอร์พกพาหรื อคอมพิวเตอร์ที่สามารถใช้งานขณะเคลื่อนที่ได้ขนาดกลางที่มีหน้าจอแบบสัมผัสในการใช้งานเป็ นหลัก โดยผูจดทาโครงงานสามารถพัฒนารู ปแบบของเว็บ ้ับล็อกจาก Wordpress ได้ดวยตนเองและนามาประยุกต์ใช้ให้เข้ากับการเรี ยนรู ้ของตนเองมากยิงขึ้น และได้ ้ ่และนาเสนอผ่านทางเว็บบล็อกที่ http://nitnipajoy.wordpress.com ทั้งนี้ ทาให้สามารถติดต่อสื่ อสารกันได้ระหว่างครู เพื่อนและผูสนใจทัวไปได้เป็ นอย่างดี ้ ่
  • 3. กิตติกรรมประกาศ รายงานโครงงานคอมพิวเตอร์ ฉบับนี้ สาเร็ จลุล่วงไปได้ดวยความเมตตาช่วยเหลืออย่างดียิ่ง ้จากครู สมร ตาระพันธ์ ครู ผสอนวิชาการสร้างและออกแบบเว็บไซต์ ที่อนุมติเห็นชอบในการจัดทาโครงงาน ู้ ัและให้ความรู ้เกี่ยวกับการพัฒนาเว็บบล็อกด้วยเว็บไซต์ wordpress อีกทั้งเป็ นที่ปรึ กษาในด้านวิชาการและการจัดทาโครงงานคอมพิวเตอร์ ขอขอบพระคุ ณคณะครู โรงเรี ยนเลยอนุ กูล ทุ กท่านที่ มีส่วนช่ วยสนับสนุ นให้การเรี ยนรู ้ประสบผลส าเร็ จ ขอบคุ ณ เพื่ อ นๆ ทุ ก คนที่ มี ส่ ว นช่ ว ยแนะน าการท าโครงงานคอมพิ ว เตอร์ การใช้อินเทอร์ เน็ต การสร้างเว็บบล็อก และการช่วยเข้ามาคลิก “LIKE” ในกล่องแสดงความคิดเห็นขอบคุ ณกาลังใจดี ๆ จาก คุ ณพ่อ คุ ณแม่ที่คอยให้คาปรึ กษา ความดี อนเกิ ดจากการศึ กษาค้นคว้าในครั้ ง นี้ ัผูจดทาโครงงานขอมอบแด่ บิดา มารดา ครู อาจารย์และผูมีพระคุ ณทุกท่าน ที่ มีส่วนช่ วยผลักดันและเป็ น ้ั ้กาลังใจ ซึ่ งผูจดทาซาบซึ้ งในความกรุ ณาอันยิงใหญ่จากท่าน และขอขอบพระคุณมา ณ โอกาสนี้ ้ั ่ นางสาวนิชนิภา อรรถพร
  • 4. สารบัญ หน้ าบทคัดย่อ กกิตติกรรมประกาศ ขสารบัญ คสารบัญภาพ จบทที่ 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. บทที่ 5 สรุ ปผลการดาเนินงาน และข้ อเสนอแนะ 12 5.1การดาเนินงานจัดทาโครงงาน 11 5.2 สรุ ปผลการดาเนินงานโครงงาน 11-12 5.3 ข้อเสนอแนะ 12ภาคผนวก 13บรรณานุกรม 14
  • 6. บทที่ 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)" และ "แท็บเล็ต คอมพิวเตอร์ - TabletComputer" หรื อเรี ยกสั้นๆว่า "แท็บเล็ต - Tablet" ดังนั้น ผูจดทาจึงได้มีความคิดที่จะนาเอารู ปแบบของ WebBlog ด้วยเว็บไซต์ Wordpress มาใช้ในการ ้ัเผยแพร่ ขอมูลที่เกี่ยวข้องกับเรื่ องแท็บเล็ตเพื่อศึกษา เผยแพร่ ความรู ้ดงกล่าวสู่ ผสนใจต่อไป ้ ั ู้
  • 7. 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.01.4 ผลทีคาดว่าจะได้ รับ ่ 1.4.1 ได้รับความรู ้เกี่ยวกับพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ อง แท็ลเล็ต 1.4.2 ได้รับความรู ้เกี่ยวกับเรื่ องที่นามาเป็ นบทเรี ยนในการสร้างเว็บบล็อกคือเรื่ องแท็บเล็ต 1.4.3 ผูเ้ รี ยนสามารถพัฒนารู ปแบบของเว็บบล็อกจาก Wordpress ได้ดวยตนเองและนามา ้ประยุกต์ใช้ให้เข้ากับการเรี ยนรู ้ของตนเองมากยิงขึ้น ่ 1.4.4 สามารถติดต่อสื่ อสารกันได้ระหว่างครู เพื่อนและผูสนใจทัวไป ้ ่ ่เพื่อสร้างเป็ นเครื อข่ายการเรี ยนรู ้ผานเว็บบล็อกได้ 1.4.5 ได้นาเอาเทคโนโลยีสารสนเทศยุคใหม่มาใช้อย่างมีคุณค่า และสร้างสรรค์
  • 8. บทที่ 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’ ว่าคืออะไร หลายคนที่ใช้อยู่ ก็ยงถึงกับอึ้ง และตอบไม่ได้วามันคืออะไร และไม่รู้ ั ่
  • 9. จะอธิ บายอย่างไร วันนี้ Marketing Oops! เลยขอทาหน้าที่อธิ บายคาๆ นี้แทน เพื่อให้คนที่ใช้เป็ นประจาอยู่ แล้วสามารถอธิ บายต่อให้คนอื่นทราบได้ และสาหรับคนที่ยงไม่เคยรู ้ ก็สามารถทาความรู ้จกได้เช่นกัน ั ั Social ในที่น้ ีหมายถึง สังคมออนไลน์ Media ในที่น้ ีหมายถึง เนื้อหา เรื่ องราว และบทความ Social Media จึงหมายถึงสังคมออนไลน์ที่มีผใช้เป็ นผูสื่อสาร หรื อเขียนเล่า เนื้ อหา เรื่ องราว ประสบการณ์ ู้ ้ บทความ รู ปภาพ และวิดีโอ ที่ผใช้เขียนขึ้นเอง ทาขึ้นเอง หรื อพบเจอจากสื่ ออื่นๆ แล้วนามาแบ่งปั นให้กบ ู้ ั ้ ่ ผูอื่นที่อยูในเครื อข่ายของตน ผ่านทางเว็บไซต์ Social Network ที่ให้บริ การบนโลกออนไลน์ ปัจจุบน การ ั สื่ อสารแบบนี้ จะทาผ่านทาง Internet และโทรศัพท์มือถือเท่านั้น 2.2.2 ประวัติความเป็ นมาและพัฒนาการของ Social Media1. บล็อก, วิกิพีเดีย, เว็บรวมที่ให้ทุกคนโพสต์ข่าว แบ่งปั น: วิดีโอ, รู ปภาพ, ดนตรี , ลิงก์ การอภิปราย: การ เสวนา, โปรแกรมสนทนาออนไลน์ เครื อข่ายสังคม: เครื อข่ายสังคมโดยทัวไปและเครื อข่าย สังคมเฉพาะ ่ ด้าน การตีพิมพ์แบบไมโคร: ไมโครบล็อก เครื่ องมือที่รวมข้อมูลจากหลายแหล่งโซเชี ยลมีเดียเข้า 6 ด้วยกัน (Social aggregation tools) 62. 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) รวมกันเรี ยกว่าเว็บ บล็อก ความหมายของเว็บบล็อกคือ เครื่ องมือสื่ อสารที่ใช้งานบนเว็บไซต์มีลกษณะเหมือนกับ เว็บ ั บอร์ด แต่เน้นการใช้งานไปที่การบันทึกเรื่ องราวหรื อข้อมูลส่ วนตัวเหมือนกับไดอารี่ จะแสดงข้อมูลใน ลักษณะที่เป็ นหัวข้อประกอบบทคัดย่อ แต่จะดีกว่าไดอารี ที่เขียนด้วยมือ ก็คือเป็ นเว็บที่สามารถเชื่อมโยงไป หาบทความที่เว็บไซด์อื่น และเปิ ดรับความเห็นจากผูอื่นได้ดวยโดยทัว ๆไป ้ ้ ่
  • 10. 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 บล็อกเพื่อการศึกษา(EducationalBlog) ในโรงเรี ยน หรื อมหาวิทยาลัยในต่างประเทศมักจะใช้บล็อกเป็ นสื่ อในการสอนหรื อ แลกเปลี่ยนความคิดกัน2.9 ติวเตอร์บล็อก(Tutorial Blog) เป็ นบล็อกที่นาเสนอวิธีการต่าง
  • 11. 2.3.3 เว็บไซต์ ทให้ บริการเว็บบล็อก ี่www.blogger.com www.exteen.comwww.mapandy.com www.buddythai.comwww.imigg.com www.5iam.comwww.blogprathai.com www.ndesignsblog.comwww.idatablog.com www.inewblog.comwww.onblogme.com www.freeseoblogs.comwww.sumhua.com www.diaryi.netwww.istoreblog.com www.skypream.comwww.thailandspace.com www.sungson.comwww.gujaba.com www.sabuyblog.comwww.ugetblog.com www.jaideespace.comwww.maxsiteth.com www.my2blog.com 2.3.4 ประวัติของเว็บไซต์ Wordpress WordPress คือ โปรแกรมสาเร็ จรู ปตัวหนึ่ง ที่เอาไว้สาหรับสร้าง บล็อก หรื อ เว็บไซต์ สามารถใช้ ่งานได้ฟรี ถูกจัดอยูในประเภท CMS (Contents Management System) ซึ่งหมายถึง โปรแกรมสาเร็ จรู ปที่มีไว้สาหรับสร้างและบริ หารจัดการเนื้ อหาและข้อมูลบนเว็บไซต์ WordPress ได้รับการพัฒนาและเขียนชุดคาสังมาจากภาษา PHP (เป็ นภาษาโปรแกรมมิ่งตัวหนึ่ง) ่ทางานบนฐานข้อมูล MySQL ซึ่ งเป็ นโปรแกรมสาหรับจัดการฐานข้อมูล มีหน้าที่เก็บ เรี ยกดู แก้ไข เพิ่มและ ่ลบข้อมูล การใช้งาน WordPress ร่ วมกับ MySQL อยูภายใต้สัญญาอนุญาตใช้งานแบบ GNU GeneralPublic License
  • 12. 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 คือ อะไร ในบทความหน้า เราจะได้เริ่ มเรี ยนรู ้ถึงรู ปแบบ และวิธีการใช้งาน ไปจนถึงการเพิ่มลูกเล่นต่าง ๆ ต่อไป
  • 13. บทที่ 3 วิธีดาเนินงานโครงงาน ในการจัดทาโครงงานคอมพิวเตอร์ การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpressเรื่ องแท็บเล็ต นี้ ผูจดทาโครงงานมีวธีดาเนิ นงานโครงงาน ตามขั้นตอนดังต่อไปนี้ ้ั ิ3.1 วัสดุ อุปกรณ์ เครื่องมือหรือโปรแกรมหรือทีใช้ ในการพัฒนา ่ 3.1.1 เครื่ องคอมพิวเตอร์ พร้อมเชื่อมต่อระบบเครื อข่ายอินเทอร์ เน็ต 3.1.2 เว็บไซต์ที่ให้บริ การเว็บบล็อก คือ www.wordpress.com 3.1.3 เว็บไซต์ที่ใช้ในการติดต่อสื่ อสาร เช่น www.facebook.com www.hotmail.comwww.google.com 3.1.4 โปรแกรมตัดต่อและตกแต่งรู ปภาพ เช่นAdobe Photoshop CS4 และ PhotoScape2.03.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 เพื่อให้เพื่อนๆ ่มาช่วยให้ขอเสนอแนะ และสื่ อสารกันหากมีขอสงสัยเกี่ยวกับการสร้างและพัฒนาเว็บบล็อกดังกล่าว ้ ้
  • 14. 3.2.7 จัดทาเอกสารรายงานโครงงานคอมพิวเตอร์ โดยนาเสนอในรู ปแบบไฟล์คอมพิวเตอร์และนาฝากข้อมูลไฟล์ดงกล่าวไว้ที่เว็บ http://www.slideshare.net แล้วนามาเชื่ อมโยงผ่านเว็บบล็อกที่สร้างขึ้น ั 3.2.8 ประเมินผลงาน โดยการนาเสนอผ่านเว็บบล็อก ที่ชื่อ nitnipajoy แล้วให้ครู ที่ปรึ กษาประเมินผลงาน และให้เพื่อนๆ ผูสนใจเข้าร่ วมประเมิน โดยการสร้างกล่อง Like Box เพื่อให้คลิก Like และ ้คอมเมนท์ในหน้าเว็บบล็อก 3.2.9 นาเสนอผ่านเว็บบล็อก ที่ชื่อ nitnipajoy เพื่อให้ผสนใจศึกษาหาความรู ้ต่อไป ู้
  • 15. บทที่ 4 ผลการดาเนินงานโครงงาน การจัด ท าโครงงานคอมพิ ว เตอร์ ก ารพัฒ นาเว็ บ บล็ อ ก (WebBlog) ด้ ว ย Wordpressเรื่ องแท็บเล็ต นี้ มีวตถุประสงค์เพื่อพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress และค้นคว้าเรื่ องที่สนใจ ัเกี่ยวกับแท็บเล็ต เพื่อให้ผจดทาโครงงานสามารถนามาประยุกต์ใช้ให้เข้ากับการเรี ยนรู ้ของตนเองมากยิ่งขึ้น ู้ ัตลอดจนสามารถติดต่อสื่ อสารกันได้ระหว่างครู เพื่อนและผูสนใจทัวไป ซึ่ งมีผลการดาเนินงานโครงงาน ้ ่ดังนี้4.1 ผลการพัฒนาเว็บบล็อก การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ องแท็บเล็ต นี้ ผูจดทาได้เริ่ มดาเนิ นงานตาม ้ัขั้ น ต อน ก าร ด า เนิ น งา น ที่ เส น อใ น บท ที่ 3 แ ล้ ว แ ล้ ว ไ ด้ ส มั ค รเ ป็ น ส ม า ชิ ก เ ว็ บ บ ล็ อก ที่ ชื่ อhttp://www.wordpress.com จากนั้นได้นาเสนอเผยแพร่ ผลงานผ่านเครื อข่ายอินเทอร์ เน็ต ที่สามารถเข้าถึงได้ทุกที่ทุกเวลา โดยได้นาเผยแพร่ ที่เว็บบล็อกชื่ อ nittnipajoy ซึ่ งสามารถเชื่ อมต่อกับสื่ อสังคมในรู ปแบบของSocial Media ประเภทเว็บไซต์ facebook ของผูจดทาที่ชื่อ (http://นิชนิภา อรรถพร) ทั้งนี้ เว็บบล็อกดังกล่าว ้ัสามารถจัดการและเชื่อมต่อกับเว็บไซต์อื่นๆ ได้เป็ นอย่างดี โดยทั้งครู ที่ปรึ กษา เพื่อนๆในห้องเรี ยนได้เข้าไปมีส่วนร่ วมในการจัดการเรี ยนรู ้ โดยแสดงความเห็นในเนื้ อหาและรู ปแบบของการนาเสนออย่างหลากหลายซึ่ งทาให้เกิดการเรี ยนรู ้และเป็ นแหล่งเรี ยนรู ้ในโลกออนไลน์อย่างหลากหลายและรวดเร็ ว4.2 ตัวอย่างการนาเสนอหน้ าเว็บบล็อก
  • 16. บทที่ 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.comwww.google.com 5.2.2.4 โปรแกรมตัดต่อและตกแต่งรู ปภาพ เช่นAdobe Photoshop CS4 และPhotoScape2.05.2 สรุ ปผลการดาเนินงานโครงงาน การพัฒนาเว็บบล็อก (WebBlog) ด้วย Wordpress เรื่ องแท็บเล็ต นี้ ผูจดทาได้เริ่ มดาเนินงานตาม ้ัขั้นตอนการดาเนิ นงานที่เสนอในบทที่ 3 แล้ว แล้วได้สมัครเป็ นสมาชิกเว็บบล็อกที่ชื่อhttp://www.wordpress.com จากนั้นได้นาเสนอเผยแพร่ ผลงานผ่านเครื อข่ายอินเทอร์ เน็ตที่สามารถเข้าถึงได้ทุกที่ทุกเวลา โดยได้นาเผยแพร่ ที่เว็บบล็อกชื่อ nitnipa ซึ่ งสามารถเชื่อมต่อกับสื่ อสังคมในรู ปแบบของ Social Media ประเภทเว็บไซต์ facebook ของผูจดทาที่ชื่อ (http://นิชนิภา อรรถพร) ทั้งนี้ ้ัเว็บบล็อกดังกล่าว สามารถจัดการและเชื่อมต่อกับเว็บไซต์อื่นๆ ได้เป็ นอย่างดี โดยทั้งครู ที่ปรึ กษา เพื่อนๆใน
  • 17. ห้องเรี ยนได้เข้าไปมีส่วนร่ วมในการจัดการเรี ยนรู ้ โดยแสดงความเห็นในเนื้ อหาและรู ปแบบของการนาเสนออย่างหลากหลาย ซึ่ งทาให้เกิดการเรี ยนรู ้และเป็ นแหล่งเรี ยนรู ้ในโลกออนไลน์อย่างหลากหลายและรวดเร็ ว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 เพื่อนนักเรี ยนบางคนเรี ยนรู ้การพัฒนาเว็บบล็อกค่อนข้างช้า ทาให้ตองเสี ยเวลาใน ้การเรี ยนรู ้ เพราะครู ผสอนไม่สามารถสอนเนื้ อหาเพิมเติมได้ ู้ ่
  • 18. ภาคผนวก
  • 19. บรรณานุกรมสื บค้นเมื่อวันที่ 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_tablethttp://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