โครงงาน

โครงงาน

โครงงานเรื่อง

เว็บบล็อก

จัดทำโดย

นางสาวชญานี    เครือวัลย์      ชั้น ม.5/1  เลขที่ 7

เสนอ

อาจารย์  ศิริรัตน์  ปานสุวรรณ

โครงงานนี้เป็นส่วนหนึ่งของวิชาการงานเทคโนโลยีสารสนเทศ (ง32242)

ภาคเรียนที่ 1 ปีการศึกษา 2556

โรงเรียนตราดสรรเสริญวิทยาคม  จังหวัดตราด

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

บทคัดย่อ

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

ดิฉันจัดทำโครงงานเล่มนี้ขึ้น เพราะต้องการให้ทุกคนเข้าใจเกี่ยวกับการทำเว็บบล็อก เลยได้จัดทำโครงงานนี้ขึ้น ขอบคุณค่ะ

กิตติกรรมประกาศ

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

บทที่1

บทนำ

ที่มาและความสำคัญ

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

วัตถุประสงค์

1.            เพื่อศึกษาและสร้างเว็บบล็อก

2.            เพื่อศึกษาค้นคว้าเรื่องที่สนใจและนำมาเป็นเนื้อหาในเว็บบล็อก

3.            เพื่อนำความรู้ที่ได้เรียนมาใช้ให้เกิดประโยชน์

ผลที่คาดว่าจะได้รับ

1 ได้รับความรู้เพิ่มขึ้นจากการสร้างเว็บบล็อก

2.ได้นำความรู้ที่เรียนมาประยุกต์ใช้ให้เกิดประโยชน์

3.ได้ประยุกต์ใช้ให้เข้ากับการเรียนรู้ของตนเองมากยิ่งขึ้น

บทที่ 2

เอกสารอ้างอิง

ขั้นตอนการสร้างบล็อก

1. ให้ทำการสมัครบัญชีของ Gmail ของ google แต่ถ้าใครมีบัญชี Gmail อยู่แล้วก็ทำการล็อกอินเพื่อสร้างบล็อก ของhttp://www.blogger.com/ ได้เลย ซึ่งโดยปกติแล้ว เมื่อเราเข้าไปที่เว็บ www.blogger.com หน้าเพจแรกจะถามบัญชีถึงบัญชี  Gmail ของผู้ที่จะทำการสร้างบล็อกสำหรับนักศึกษาที่มีบัญชี Gmail อยู่แล้ว ก็กรอกชื่อบัญชี Gmail และ รหัสผ่านของตน
2. เมื่อเราเข้าไปที่ www.blogger.com ที่ได้ทำการล็อกอินบัญชีของ Gmail แล้ว หน้าแรกของ blogger
จะมีหน้าตาดังภาพ ใคลิกไปที่เมนู “บล็อกใหม่”  เพื่อทำการสร้างบล็อก
3. เมื่อเราคลิกไปที่เมนูเพื่อสร้างบล็อกใหม่แล้ว ให้ทำการกรอกรายละเอียดดังนี้ คือ ตรงหัวข้อ ให้พิมพ์ชื่อบล็อก ตรงที่อยู่ ให้ตั้งชื่อ URL ซึ่งควรใช้ชื่อเป็นภาษาอังกฤษและตัวเลข และต้องดูตรงสถานะของบล็อกด้วยว่าชื่อ URL ที่ตั้งไปนั้นมีผู้ใช้แล้วหรือยังไม่มีผู้ใช้ มันจะแจ้งว่า “ที่อยู่บล็อกนี้สามารถใช้ได้”  เสร็จแล้วให้ทำการเลือกรูปแบบ จากแม่แบบว่าจะให้บล็อกมีหน้าตาในการแสดงผลเช่นไร เมื่อเลือกแล้วก็ คลิกเมนู “สร้างบล็อก” 
4. เมื่อทำการสร้างบล็อกแล้ว เราจะกลับมาที่หน้าจัดการบล็อกเพื่อทำการตกแต่งบล็อกให้ดูสวยงามโดยการใส่รูปภาพ
 หรือ โค๊ดต่างๆ ให้นักศึกษาทำการคลิกลูกศรสีดำ เพื่อเลือกเมนู รูปแบบ 
5. เมื่อคลิกเมนูรูปแบบ แล้วจะมีหน้าตาดังภาพให้คลิกที่ เมนู เครื่องมือออกแบบเทมเพลต เพื่อปรับแต่งหน้าเทมเพลตตามที่เราต้องการ เมื่อคลิกแล้วทำการเลือกรูปเทมเพลต ตามต้องการ เมื่อเลือกแล้วให้คลิกที่ เมนู “ใช้กับบล็อก”  เพื่อบันทึกรูปแบบเทมเพลต

6. เมื่อทำการเลือกรูปแบบของเทมเพลตแล้วให้กลับมาที่ “รูปแบบ”  อีกครั้ง เพื่อทำการใส่หัวบล็อกและตกแต่งบล็อก
 โดยคลิกเลือกเมนู แก้ไข ตรงส่วนของ ชื่อบล็อก เมื่อคลิกเมนู แก้ไข แล้วให้คลิกที่ เมนู “เลือกไฟล์” เพื่อเลือกไฟล์ภาพที่จะนำมาเป็นหัวบล็อก เมื่อเลือกภาพได้แล้วกด open จากนั้นระบบจะทำการอัพโหลดภาพดังกล่าวเข้าไป เมื่อระบบอัพโหลดภาพเสร็จแล้ว ให้คลิกเลือก เมนู “แทนที่ชื่อและคำอธิบาย”  เสร็จแล้วกดเมนู “บันทึก” เพื่อทำการบันทึกภาพดังกล่าวซึ่งจะเข้าไปอยู่ในตำแหน่งหับล็อก 
7. เมื่อทำการใส่หัวบล็อกเสร็จแล้ว ให้คลิกที่เมนู “เพิ่ม Gadget” เพื่อใส่โค๊ด ปฏิทิน นาฬิกา สถิติผู้เยี่ยมชม แล้วแต่ความต้องการของเรา แล้วคลิกเมนู “บันทึกการจัดเรียง” 
8. เมื่อทำการใส่โค๊ดตกแต่งตามต้องการแล้ว ให้เลือกเมนู “หน้าเว็บ”   เพื่อทำการสร้างหน้าเว็บเพจต่างๆ ตามต้องการ
คลิกที่เมนู “แสดงหน้าเว็บเป็น”  เลือกลูกศรสีดำ แล้วคลิกเลือกรูปแบบ “แท็บด้านบนสุด”
แล้วกด “บันทึกการจัดเรียง”  เมื่อทำการเลือกตำแหน่งของแท๊บเมนูแล้ว ให้ คลิกเมนู หน้าเว็บใหม่และเลือกลูกศรสีดำ เลือกเมนู “หน้าเว็บเปล่า”   เพื่อสร้างหน้าเพจต่างๆ
8. เมื่อคลิกเมนูสร้างหน้าเว็บแล้ว ให้ตั้งชื่อเว็บเพจ ตรงช่อง และพิมพ์รายละเอียดลงไป แล้วคลิกที่เมนู “บันทึก” 
9.  เมื่อทำการสร้างเมนูเว็บเพจ แล้ว ท่านสามารถที่จะทำลิงค์ไปเว็บไซต์หรือบล็อกต่างๆ โดยคลิกที่เมนู เพิ่ม “Gadget”
แล้วเลือก ฟังก์ชัน “รายชื่อลิงค์” แล้วคลิกเครื่องหมาย + เพื่อสร้างลิงค์ มื่อคลิกที่ฟังชันก์ รายชื่อลิงค์แล้ว ให้ทำการ พิมพ์ชื่อเมนู ว่า “ Link Exchange”   และ copy ลิงค์ ที่ต้องการเชื่อมโยงของเพื่อนมาใส่ไว้ในช่อง URL ของไซต์ใหม่  และ ตรงชื่อเว็บไซต์ให้ พิมพ์ชื่อ ของเว็บบั้นๆ ที่ต้องการทำลิงค์ เมื่อทำเสร็จ ให้คลิกที่ เมนู “เพิ่มลิงค์”  เพื่อทำการเพิ่มลิงค์เว็บไซต์อื่นๆต่อไปแล้วคลิกที่เมนู “บันทึก”    เมื่อเราทำการสร้างลิงค์เสร็จ เมื่อกดบันทึกจะมีหน้าตาดังภาพ ซึ่งในกรณีที่เราต้องการเพิ่มลิงค์ต่อให้คลิกที่ เครื่องมือ “แก้ไข” เราสามารถทำการเคลื่อนย้ายตำแหน่ง โดยการคลิกลากมาไว้ในตำแหน่งที่เราต้องการได้เราสามารถปรับเปลี่ยนความกว้างในการแสดงผลหน้าจอได้ โดยคลิกไปที่เครื่องมือ เครื่องมือออกแบบเทมเพลต แล้วเลือก “ปรับความกว้าง” 

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

บทที่3

วิธีการเนินงานโครงงาน

 วัสดุ อุปกรณ์ เครื่องมือหรือโปรแกรมหรือที่ใช้ในการทำโครงงาน

1 เครื่องคอมพิวเตอร์ พร้อมเชื่อมต่อระบบเครือข่ายอินเทอร์เน็ต

2 เว็บไซต์ที่ให้บริการเว็บบล็อก

ขั้นตอนการดำเนินงาน

1 คิดหัวข้อโครงงานเพื่อนำเสนอครูที่ปรึกษาโครงงาน

 2.ศึกษาและค้นคว้าข้อมูลที่เกี่ยวข้องกับเรื่องที่สนใจ ว่ามีเนื้อหามากน้อยเพียงใด และต้อง
ศึกษาค้นคว้าเพิ่มเติมเพียงใดจากเว็บไซต์ต่างๆ และบันทึกเก็บข้อมูลที่ได้ศึกษาและค้นคว้าจากเว็บไซต์หรือหนังสือต่างๆไว้เพื่อจัดทำเนื้อหาต่อไป

3 ศึกษาการสร้างเว็บบล็อกที่สร้างจากเว็บไซต์หรือหนังสือต่างๆ ที่นำเสนอเทคนิค วิธีการสร้างเว็บบล็อก 

4 จัดทำโครงร่างโครงงาน

5 นำร่างโครงงานคอมพิวเตอร์ส่งให้ครูที่ปรึกษาโครงงานดูว่าใช้ได้หรือไม่

 เปิดเว็บบล็อกที่ต้องการใช้งานขึ้นมาใช้

7 ปฏิบัติการจัดทำโครงงานโดยการทำลงใน (WebBlog)ด้วย blogger.com ให้สวยงามและน่าอ่าน น่าดู

บทที่ 4

ผลการดำเนินงานโครงงาน

      การจัดทําโครงงานเว็บบล็อก (WebBlog)มีวัตถุประสงค์เพื่อศึกษาและสร้างเว็บบล็อก ค้นคว้าเรื่องที่สนใจและนำมาเป็นเนื้อหาในเว็บบล็อก โดยในเนื้อหาแรกในการทำคือประวัติส่วนตัวของตัวเองและนำเสนอประวัติของนักแสดงยอดนิยมของเกาหลี jang guen suk

 บทที่ 5

สรุปผลการดำเนินงาน และข้อเสนอแนะ

        การจัดทําโครงงานเว็บบล็อก (WebBlog) สามารถสรุปผลการดําเนินโครงงาน และข้อเสนอแนะ ดังนี้

การดำเนินงานจัดทำโครงงาน

1.            สามารถศึกษาและสร้างเว็บบล็อก

2.            สามารถศึกษาค้นคว้าเรื่องที่สนใจและนำมาเป็นเนื้อหาในเว็บบล็อก

3.            สามารถนำความรู้ที่ได้เรียนมาใช้ให้เกิดประโยชน์

สรุปผลการดำเนินงานโครงงาน

       การทำเว็บบล็อกผู้จัดทําได้เริ่มดําเนินงานตามขั้นตอนการดําเนินงานที่เสนอในบทที่ 3 โดยสร้างบล็อกที่มีชื่อว่า “ICE AND STORY” เป็นการนำเสนอเรื่องราวต่างๆที่สนใจ

ข้อเสนอแนะทั่วไป

        เว็บไซต์ที่ให้บริการเว็บบล็อก www.blogger.com sเป็นเว็บบล็อกสําเร็จรูปที่ใช้ทํา

เว็บไซต์ได้ง่ายและรวดเร็ว

ปัญหา อุปสรรค

1.อินเทอร์เน็ตมีปัญหา

2.เวลาในการทำค่อนข้างน้อย

บรรณานุกรม

http://basic-animation.com/Forums/index.php?topic=53.0

http://www.makemoney-school.com/how_blogger_signup.html

http://kruunnop.files.wordpress.com/2013/12/e0b895e0b8b1e0b8a7e0b8ade0b8a2e0b988e0b8b2e0b887e0b982e0b884e0b8a3e0b887e0b887e0b8b2e0b899.pdf

http://meworkcom.blogspot.com/2012/02/3.html