กลุ่มสาระสังคมศึกษา โรงเรียนวรนารีเฉลิม จังหวัดสงขลา: ตุลาคม 2012

การสร้าง blog ประจำวิชา มีขั้นตอนโดยสรุป ดังนี้
ก. การสมัครอีเมล์ (ก่อนสร้าง blog เราต้องสมัครอีเมล์ก่อน หรือถ้ามีอีเมล์อยู่ก่อนแล้วก็ข้ามขั้นตอนนี้
ไปได้ครับ) ขั้นตอนการสมัคร Gmail

ขั้น ตอนการสมัคร Gmail ไม่มีอะไรยุ่งยากมากนัก เพียงแต่กรอกข้อมูลตามที่แบบฟอร์มเท่านั้นครับ เพื่อไม่เสียเวลา ทำตามขั้นตอนดังนี้เลยครับ

1. คลิกที่ >>> Gmail หรือ http://www.gmail.com

2. จากนั้นคลิกที่ ลงทะเบียน Gmail [Sing Up For Gmail] จะปรากฎหน้าต่าง สร้างบัญชี

3. พิมพ์รายละเอียดตามที่ปรากฎให้ครบ (เป็นภาษาอังกฤษนะครับ)

First name : ชื่อ ใส่ชื่อเราลงไป
Last name : นามสกุล ใส่นามสกุลเราลงไป
Desird Login Name: ชื่อการเข้าสู่ระบบที่ต้องการ
Check availability!: คลิกเพื่อตรวจสอบว่ามีผู้ใช้แล้วหรือยัง

Choos a password :รหัสผ่าน
Re-enter a password: กรอกรหัสผ่านอีกครั้ง
Security Question: เลือกคำถามที่ต้องการ
Answer: คำตอบ
Secondary email: เมล์สำรองเพื่อแจ้งปัญหา

Location เลือกเป็น ราชอาณาจักรไทย
Word Verification พิมพ์คำตามที่ปรากฎในรูป
คลิก I accept Create my account (ฉันยอมรับโปรดสร้างบัญชีของฉัน)

เป็นอันเสร็จขั้นตอนการสมัคร Gmail ครับ

เป็นอย่างไรบ้างครับกับการสมัคร Gmail ไม่ยากอย่างที่คิดนะครับ

ส่วนวิธีการใช้งานก็ง่ายเอามากๆ ครับ มีให้เลือภาษาไทยด้วย สำหรับผู้ที่ไม่ค่อยถนัดใช้งานภาษาอังกฤษ

นับ ว่าคุ้มค่ากับการสมัคร Gmail เพราะเขามีเนื้อที่ให้มากถึงกว่า 2880 MB หรือ 2 Gb. และเนื้อที่ของ Gmail นี้ยังสามารถเพิ่มขึ้นได้เรื่อยๆ โดยไม่มีที่สิ้นสุด

ข. ขั้นตอนการสมัคร Blogger หรือคลิกลิงก์นี้ก็แนะนำไว้ดีมากครับ คลิกเลย
...ล่าสุดอาจไม่เหมือนในภาพนะครับ เพราะ blogger มีการพัฒนา...
...แต่จะเหมือนกันในหลักการครับ สามารถดูเปรียบเทียบได้ครับ...

เข้า http://www.blogger.com

ถ้าคุณเคยสมัครอะไรของ google ไว้แล้ว เช่น เคยสมัครเมล์ gmail ก็สามารถใช้ รหัส gmail login ในช่อง ลงชื่อเข้าใช้งานได้เลย
...หรือถ้าไม่เคยสมัครอะไร หรืออยากจะสมัครใหม่ ก็ คลิกคลิกที่ลูกศรสีส้ม สร้างบล็อคของคุณทันที

..ที่อยู่อีเมล ใส่เมล์ของเรานะครับ เมล์อะไรก็ได้ ไม่จำเป็นต้องเป็น gmail ครับ ก็ประมาณว่า เมล์ที่เราใช้อยู่นั่นแหละครับ
..ใส่เมล์นั้นอีกครั้งครับ
..กำหนดรหัสผ่าน ตั้งขึ้นมาเลย ไม่ใช่รหัสเมล์นะครับ เป็นรหัสที่เราตั้งขึ้นเพื่อสมัคร blogger ครับ
..ชื่อที่แสดง ก็อย่างที่ในเว็บบอกครับ คือ คือนี่จะแสดงว่าเราเราโพสข้อความอะไรใน blog ของเรา หรือเขียนคอมเม้น แสดงความคิดเห็น blog ของคนอื่น
...รหัสยืนยัน ใส่รหัสสุ่มตามภาพที่ขึ้นมา
...ทำเครื่องหมายช่องสี่เหลี่ยม ยอมรับข้อตกลง ...จากนั้นคลิก ดำเนินการต่อ

...จากข้างบนเป็นรูปแบบเก่า ของ blogger นะครับ สรุปคือ เราสมัครเข้าบัญชี blogger ครับ
...จากนี้ มาดูรูปแบบใหม่ ในการเขียน blogger ครับ

คลิกที่ บล็อกใหม่ เพื่อเริ่มสร้าง blog ได้เลยครับ

ตั้งชื่อเว็บบล็อกเลยครับ ชื่อจะปรากฏที่บนสุดของ blog เช่น ดังภาพ

ที่อยู่บล็อก ก็คือ ชื่อที่อยู่ url ของ blog นั่นเองครับ ตัวอย่างชื่อ blog

สำหรับการ ตรวจสอบความพร้อมคือ ตรวจสอบว่าชื่อที่ตั้งอยู่ ซ้ำหรือมีใครใช้อยู่หรือยัง
ถ้าขึ้น ที่อยู่บล็อกนี้สามารถใช้ได้ ก็สามารถใช้ชื่อนี้ได้ครับ

*** ทั้งชื่อเว็บบล็อก และที่อยู่ บล็อก สามารถเปลี่ยนแปลงได้ในภายหลังครับ
และ 1 user ที่ใช้ login blogger สามารถ สร้าง blog ได้ 100 blog ครับ
ถ้าอยากสร้างอีก ก็สมัคร account blogger ใหม่ เพิ่มอีกครับ ***

เสร็จแล้วก็เลือกรูปแบบ แล้วคลิก สร้างบล็อกครับ เลือกได้เลยครับ
ชอบแบบไหนก็เลือกไปก่อน สามารถ เปลี่ยนแปลงภายหลังได้

พอคลิกแล้ว ระบบจะขึ้น ดังนี้ ...ผมตั้งชื่อว่า "ทดสอบสร้าง blog" นะครับ ชื่อ blog ก็เลยเป็นตามภาพ ให้คลิกที่ชื่อ blog ที่คุณตั้งขึ้นมาได้เลยครับ... เพื่อเข้าไปดูเมนูต่างๆก่อน

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

ทำความเข้าใจ เกี่ยวกับ blog ของ blogger ก่อนครับ
ก่อนเขียน blog เราต้องทำความเข้าใจและวางแผนก่อนครับ

.. blog เราสามารถ เขียนข้อความต่างๆ แทรกภาพ หรือนำเสนอต่างๆได้ ...
การเขียน blog ที่ blogger
- ข้อความล่าสุด จะอยู่ที่หน้า blog
- ข้อความต่างๆที่เขียนไป จะเป็นหัวข้อ รวมอยู่ในคลังบทความของบล็อก
ให้คลิกเข้าดูที่

ซึ่งคำว่า "คลังบทความของบล็อก" ตัวอย่าง blog เที่ยววังน้ำเขียว http://wang-namkeaw.blogspot.com ผมแก้คำว่า คลังบทความของบล็อก เป็น "รายละเอียด การท่องเที่ยว อ.วังน้ำเขียว" ซึ่งวิธีแก้ พอเข้าที่รูปแบบ แล้ว คลิกแก้ไข ช่องคลังบทความของบล็อก

...แล้วก็แก้ไขตามแต่จะกำหนดหัวข้อรวมหลัก ของบทความต่างๆที่เราจะนำเสนอใน blog ครับ สำหรับเมนูอื่นๆก็ลองตั้งค่าแล้วโหลดดู blog ดู ว่าจะออกมาแบบไหน ถูกใจหรือป่าวนะครับ

สำหรับรูปแบบของ blog เที่ยววังน้ำเขียว ทำไมไม่มีใน แม่แบบ ของ blogger จะอธิบายอีกทีครับ ...เกี่ยวกับคลังของบทความ เราควรวางแผนแล้วว่า บทความหรือข้อความต่างๆที่เราจะเขียน blog จะเรียงลงมา เมื่อมีผู้เข้าเยี่ยมชม blog ของเรา ผู้เยี่ยมก็จะเห็นหัวข้อเหล่านั้น และเลือกที่จะคลิกอ่านได้ เป็นผลดีในการนำเสนอ
- สำหรับบทความต่างๆ หรือข้อความต่างๆที่เราจะนำเสนอใน blog ข้อความล่าสุดจะอยู่หน้าแรกครับ หน้าแรกของ blog ควรจะเป็นเหมือนหน้ารับแขก ซึ่งออกแบบ เพื่อดึงดูดให้ผู้เข้าเยี่ยมชมได้สนใจ และอ่าน blog ..แล้วจะทำงัยล่ะ ? เมื่อข้อความต่างๆที่เรา เขียนไป เป็นหัวข้อต่างๆ ข้อความล่าสุดจะอยู่หน้าแรก ถ้าเราออกแบบ หน้าที่ดึงดูดความสนใจ ไว้เป็นหน้าแรกแล้ว ถ้าเรามีข้อความมาเขียน หรือ นำเสนออีก จะทำงัย ให้หน้าที่เราออกแบบไว้ อยู่หน้าแรก
...วิธีการง่ายๆก็คือ แต่ละบทความที่เราเขียนไป สามารถแก้ไขได้ เราเข้าไปแก้ไขบทความนั้น แก้ไขตรงวันที่ หรือจะแก้ไขเวลาด้วยก็ได้ ให้เป็นวันที่ล่าสุด เพื่อให้บทความนั้นยังอยู่หน้าแรกนั่นเอง ...อยู่ล่างๆ นะครับ คลิกที่ตัวเลือกของบทความ แล้วจะมีให้แก้ไขได้

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

..ทำความเข้าใจ การโพส หรือการเขียนข้อความ

...พอเขียนบทความต่างๆเสร็จ (เมนูต่างๆ สีตัวอักษร ลิ้งค์ แทรกรูปภาพ ลองหัดเล่น หัดเขียนดูนะครับ)
พอเขียนตกแต่งบทความต่างๆเสร็จ ก็คลิก เผยแพร่ ได้เลย ...แต่ถ้ายังไม่อยากให้บทความขึ้นที่หน้า blog ก็คลิก บันทึก ไว้ก่อนได้ครับ เผื่อว่ายังเขียนบทความไม่เสร็จ
แล้วพอเขียนเสร็จ ก้ค่อยคลิกเผยแพร่ครับ

ในเมนู

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

เพิ่ม Gadget ก็จะมีป้าย Gadget มาให้เลือก + เพิ่มเข้ามาใน blog เพื่อนำมาเป็นรูปแบบในการช่วยตกแต่งครับ

ที่ป้าย Gadget ต่างๆ เรายังสามารถย้ายที่จัดเรียงได้ด้วยนะครับ คลิกที่ป้ายที่ต้องการย้ายแล้วลากเลยครับ จะไว้ตรงไหนก็วาง
...สำหรับ Favicon ก็สามารถเปลี่ยนได้ จะเป็นส่วนของหัว blog ซึ่งการเปลี่ยน จะต้องนำรูปขนาดกว้างยาวเท่ากัน(สี่เหลี่ยมจัตุรัส) และมีขนาดไม่เกิน 100KB นะครับ

ตัวอย่าง Favicon ที่เปลี่ยน แล้วกับที่ ยังไม่เปลี่ยนนะครับ ...สำหรับการเปลี่ยน Favicon แรกๆบาวเซอร์ท่องเว็บที่เราใช้ จะยังจำอันเดิมอยู่นะครับ บางทีเราเปลี่ยนแล้วแต่ดู blog ยังไม่เปลี่ยน ไม่ต้องตกใจว่าทำไม่ได้ ลองไปดูคอมเครื่องอื่น ก็จะเป็น Favicon ใหม่ที่เราเปลี่ยนครับ หรือไม่ก็เปิดบาวเซอร์ใหม่ เช่นว่า ใช้ Mozilla Firefox เปิดดู blog ก็ลองใช้ Google Chrome เปิดดูแทน จะเห็นว่า Favicon ก็จะเปลี่ยนครับ

ข้อมูลจาก http://www.makemoney-school.com/how_blogger_signup.html

ค. การเพิ่มแบบทดสอบลงในหน้าบล็อก
คลิกด้านล่างนี้ครับ
การทำแบบทดสอบออนไลน์ คลิกที่นี่
รายละเอียดการสร้างแบบทดสอบ
-คลิกเพิ่มจำนวนข้อของข้อสอบจาก 1 ข้อเป็นกี่ข้อก็ได้จ่ะ ในที่นี้เอาสัก 10 ข้อนะ
-แบบปุ่มเลือก ให้ปล่อยไว้เหมือนเดิม
-คลิกตกลง
-คลิกเพิ่มตัวเลือกจาก 3 ให้เป็น 4 แล้วคลิกตกลง
ขั้นต่อไปเราก็พิมพ์ข้อสอบ และตัวเลือก พร้อมทั้งกำหนดตัวเลือกที่ถูกต้องเอาไว้ด้วยครับ โดยการคลิกวงกลมด้านหลัง
ตัวเลือกนั้น ๆ
ทำจนครบทั้งสิบข้อนะครับ (ตั้งคำถามเอาเอง กำหนดตัวเลือกเอาเอง กำหนดข้อถูกเอาเองครับ)
-คลิกที่แถบ แสดงโค๊ดการเขียน
-ให้นักเรียนคัดลอกหรือก๊อปปี้ โค๊ดทั้งหมดเอาไว้นะ
ขั้นต่อไป
-ให้นักเรียนเข้าโปรแกรม Notepad หน้าตาเหมือนภาพครับคงเข้าถูกนะ
-คลิกที่่ Edit
-คลิก วาง
-คลิก Save As (บันทึกแฟ้มเป็น)
-พิมพ์ชื่อไฟล์ให้กำหนดเองครับ เช่น test1.html อย่าลืมหลัง.html เราพิมพ์เองนะ พิมพ์แทนคำว่า.txt
-คลิกที่ Save
(อย่าลืมจำไว้ด้วยว่าเรา Save ไฟล์ test1.html ไว้ที่ drive ไหนนะครับเพราะเราต้องนำไฟล์นั้นมาใช้ครับ
โดยเราเรียกไฟล์นั้นว่า ไฟล์ html ครับ)
-เราเข้าไปดูไฟล์ที่เรา Save จะมีหน้าตาดังภาพครับ
ไฟล์นี้แหละที่เรานำไปฝากบนอินเตอร์เน็ต ที่เราขอพื้นที่เอาไว้นะครับ
ขั้นตอนการอัพโหลดไฟล์ Test1.html ได้กล่าวไว้แล้วในตอนที่แล้วครับ
อย่าเพิ่งมึน งง นะจ๊ะ
หรืออีกวิธีหนึ่งครับเราสามารถนำข้อสอบไปปะไว้ต่อท้ายเนื้อหาในแต่ละเรื่องก็ได้ครับ
โดยมีวิธีทำดังนี้
     -เปิดโฟลเดอร์ที่เก็บไฟล์ test1.html
     -คลิกขวา
     -mose ชี้ที่ Open With
     -คลิกที่ notepad
     -คลิก Edit
     -คลิก Select All
     -คลิก Edit
     -คลิก Copy
ต่อไปก็เข้าไปที่ตอนท้ายของบทความที่นักเรียนทำเสร็จแล้ว
     -คลิกที่แถบ แก้ไข HTML หนึ่งครั้ง
     -คลิกปุ่ม mouse ด้านขวาหนึ่งครั้งตรงจุดที่เราจะเริ่มวางแบบทดสอบ
     -คลิก Paste หรือภาษาไทย "แปะ"
     -คลิกเผยแพร่บทความได้เลยครับ
หากเกิดข้อผิดพลาด ให้คลิกที่กรอบสี่เหลี่ยม หยุดแสดงข้อผิดพลาด
     -คลิกเผยแพร่บทความอีกครั้งหนึ่งครับ
เราจะได้แบบทดสอบมาต่อท้ายเนื้อหาเลยครับ ลองทำดูวิธีนี้ก็ได้ครับ
ง.การสร้างโพสให้นักเรียนส่งรายงาน

ขั้นตอน

คลิกหน้าแรก
1. คลิก “บทความใหม่”
2. ตั้งชื่อโพส เช่น ม.2/1 ส่งงานที่นี่
3. คลิก “บันทึก”
4. คลิก “เผยแพร่”

5.-ต่อไป ให้คลิก “บทความใหม่” มุมบนซ้าย
-ตั้งชื่อห้องต่อไป -บันทึก –เผยแพร่
6.ต่อไป ให้คลิก “บทความใหม่” มุมบนซ้าย
-ตั้งชื่อห้องต่อไป -บันทึก –เผยแพร่
(ทำจนครบทุกห้องที่สอน)
…………………………………………………………………..
ขั้นต่อไป
การสร้างหน้า “นักเรียนส่งงาน”

1. การออกแบบ
2. หน้าเว็บ
3. ตั้งชื่อหน้า “นักเรียนส่งงาน”
4. ในช่องเนื้อหาด้านล่างให้พิมพ์ ห้องที่เราสอนเช่น

นักเรียนส่งงาน
ม.2/1 ม.2/2 ม.2/3 ม.2/4 ม.2/5

-คลิกบันทึก

ขั้นต่อไป
ให้เปิดเน็ตขึ้นมาอีกหน้าต่างหนึ่ง เข้าหน้า blog ของเรา โดยคัดลอก URL จากตัวเดิมมาวางในช่อง
URL ของหน้าต่างใหม่ เราเปิดหน้าบล็อกของเรา
พร้อมกัน 2 หน้าต่างนั่นเอง
-คลิกตรง ม.2/1

-คัดลอก URL ของ ม.2/1

กลับไปหน้าต่าง ที่เราพิมพ์ชื่อห้องเรียงกันเอาไว้
-คลอบดำม.2/1 -คลิกลิงก์-คลิกวาง-บันทึก (เสร็จ ห้อง 2/1)

กลับไปหน้าต่างเดิม คลิก ม.2/2 คัดลอก URL
ม.2/2 มา

กลับไปหน้าต่าง ที่เราพิมพ์ชื่อห้องเรียงกันเอาไว้
-คลอบดำ ม.2/2 -คลิกลิงก์-คลิกวาง-บันทึก (เสร็จ ม.2/2 ห้อง)

****ให้ทำจนครบทุกห้อง******
-คลิกบันทึก
-คลิกเผยแพร่

เป็นอันเสร็จเรียบร้อย

..............................................................................................................................................

โปรแกรมและคู่มือวิธีใช้โดยละเอียดสำหรับโปรแกรมการสร้างแบบทดสอบออนไลน์

-เข้าเว็บนี้ดาวน์โหลดโปรแกรม
     ดาวน์โหลดโปรแกรมทำแบบทดสอบที่ใช้ง่าย ไม่ยุ่งยากตัวจริงครับ
     เข้าเว็บ นี้ครับแล้วดาวน์โหลดมาเลย
     http://61.19.121.178/modules.php?op=modload&name=Downloads&file=index&req=getit&lid=4

-เข้าเว็บนี้ดาวน์โหลดคู่มือโปรแกรมสร้างแบบทดสอบออนไลน์ครับ
   คู่มือการสร้างผมทำเอาไว้ให้แล้วครับ เข้าเว็บนี้ได้เลยครับ
      https://docs.google.com/open?id=0BzFUt0WLey1EVl9TS1RFdUkzOEU

บางท่านมีความรู้ รู้โปรแกรมโน้น โปรแกรมนี้ มากมาย แต่ไม่เคยมีชิ้นงานที่เป็นผลสำเร็จของโปรแกรม

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

กลับกันทุกกรรมการ จะหยิบแฟ้มเกียรติบัตรของครูผู้ผ่านการอบรมมามากมายนั้น พร้อมเอ่ยปากชมเชย

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