Maha Oath's IT Blog

ผลิตไฟฟ้า 200 วัตต์ต่อวัน : กุฏิกินแดด บ้านกินแดด บ้านโซล่าเซลล์ ระบบ 12 โวลต์

2016-10-23T13:44:00.002+07:00

ถ้าเจ้าผลิตได้ ๑๒ โวลต์ เจ้าเก็บไว้ได้เป็น ๑๒ โวลต์ เจ้าก็จงใช้แค่ ๑๒ โวลต์ มิพักต้องแปลงเป็น ๒๒๐ โวลต์ -โธมัน เอดิสัน ไม่ได้กล่าวไว้

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

วันนี้จะเขียนเรื่องของระบบโซล่าเซลล์เล็กๆ ที่ทดลองและใช้อยู่ด้วยตนเองจนเป็นที่น่าพอใจ

ส่วนประกอบที่สำคัญๆ ของระบบ

๑. แผงโซล่าเซลล์ ขนาด ๔๐ วัตต์ฺ ๑ แผง ติดตั้งอย่างง่ายๆ บนหลังคากระเบื้อง โดยการคลายน๊อตยึดกระเบื้องออกเล็กน้อย แล้วใช้สายไฟมัดแผงเข้ากับน๊อตกระเบื้องนั้น พยายามหามุมองศาที่รับแดดได้ดีทุกฤดู ตามทฤษฎีแล้ว ในประเทศไทย แผงควรหันไปทางทิศใต้ และทำมุมประมาณ ๑๕ องศากับพื้น

แผงโซล่าเซลล์

๒. คอนโทรลชาร์จเจอร์ ขนาด ๑๐ แอมป์ ๑๒ โวลต์ ทำหน้าที่ควบคุมการชาร์จและการใช้ไฟ รุ่นนี้สามารถใช้ตั้งเวลาเปิดปิดไฟในเวลากลางคืนได้ โดยหลักการทำงานคือถ้าแผงโซล่าฯ สามารถผลิตไฟฟ้าได้เพราะมีแสงพอ ระบบจะไม่จ่ายไฟไปใช้งาน เมื่อแผงโซล่าฯ ไม่ได้รับแสงแล้ว (กลางคืน) ระบบจะจ่ายไฟไปใช้งาน ซึ่งเราสามารถจะเลือกใช้คุณสมบัตินี้ หรือว่าจะกำหนดให้จ่ายไฟตลอด เปิด-ปิด ตามใจเราก็ได้ ตั้งค่าได้หลายรูปแบบ

คอนโทรลชาร์จเจอร์

๓. แบตเตอรี่ ๑๒ โวลต์ ๔๕ แอมป์ชั่วโมง เป็นตัวสำคัญที่จะเก็บไฟฟ้าไว้ให้เราใช้งาน ควรเลือกใช้แบบดีฟไซเคิล ที่สามารถทนทานต่อการใช้งานในรูปแบบของการต้องจ่ายไฟเรื่อยๆ ต่อเนื่อง ถ้าเป็นแบตรถยนต์ก็พอใช้ได้ แต่ลองแล้ว ผลคือแบตเสียเร็ว แบตรถยนต์จะดีในรูปแบบที่จ่ายไฟเยอะๆ แต่ไม่ต่อเนื่อง

แบตเตอรี่ อยู่ในกล่องที่ประดิษฐ์ขึ้นตามความต้องการของเราเอง

๔. อุปกรณ์อื่นๆ ในระบบนี้ประกอบด้วย
๔.๑ ฟิวส์ ใช้ฟิวส์แบบที่ใช้ในรถยนต์ ๑๒ โวลต์ ๑๐ แอมป์ ต่อระหว่าง + ของแบต กับ + ของ คอนโทรลชาร์จเจอร์
๔.๒ โวลต์มิเตอร์ ช่วยให้ทราบถึงสุขภาพของระบบได้คร่าวๆ ต่อเข้ากับ + - ของแบต ในที่นี้ต่อร่วมสายกับสายจากแบตเข้าคอนโทรลชาร์จเจอร์

ฟิวส์ และโวล์ตมิเตอร์

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

ปลั๊กที่ทำเครื่องหมายขั้ว + แล้ว

๕. โหลด คือเครื่องไฟฟ้าที่เรานำมาใช้งาน ในระบบนี้เราใช้กับไฟแสงสว่างจำนวน ๒ ดวง เป็นหลอด LED ๑๒ โวลต์ ดวงละ ๙ วัตต์ ดวงหนึ่งเป็นหลอดกลม อีกดวงเป็นแบบแถวยาวคล้ายไฟนีออน นำมาต่อพ่วงกันเข้าแล้วต่อปลายสายเข้ากับปลั๊กตัวผู้ อย่าลืมทำเครื่องหมายฝั่ง + ด้วย และสำคัญเวลานำไปเสียบใช้ต้องเสียบให้ถูก + เข้า + - เข้า -

หลอดไฟ LED ๑๒ โวลต์ แบบกลม

หลอดไฟ lED ๑๒ โวลต์ แบบแถวยาว

การต่อปลั๊กจากหลอดไฟมาต้องให้ถูกขั้ว

การใช้งาน ระบบนี้ออกแบบมาให้เป็นไฟแสงสว่างในเวลากลางคืนศาลาหลวงตาชีปะขาวที่ไม่ได้ต่อไฟฟ้าไปใช้งาน ตั้งค่าที่คอนโทรลชาร์จเจอร์ให้จ่ายไฟให้หลอดไฟเฉพาะเวลากลางคืน กลางวันเป็นเวลาของการชาร์จด้วยไฟฟ้าจากแผงโซล่าเซลล์

ส่วนของแบตเตอรี่และคอนโทรลชาร์จเจอร์ ติดตั้งรวมกัน ลดระยะเดินสายไฟ ลดต้นทุน ลดการสูญเสียกระแสในระบบ

ผลการใช้งาน สามารถทำงานได้ดี ระบบมีความสมดุลแล้ว เปิดไฟทั้งคืนไฟแบตไม่หมด กลางวันสามารถชาร์จแบตได้เต็ม
แต่เมื่อได้ทดลองเพิ่มหลอดอีก ๑ ดวง ๑๐ วัตต์ ปรากฏว่าไฟแบตลดลงต่ำจนคอนโทรลชาร์จเจอร์ตัดการจ่ายไฟ

สรุป การใช้งานระบบ ๑๒ โวลต์กระแสตรงทำให้ไม่ต้องแปลงไฟเป็นไฟบ้าน ( ๒๒๐ โวลต์ กระแสสลับ) ลดต้นทุนค่าหม้อแปลง และไม่มีการสูญเสียไฟฟ้าในขั้นตอนการแปลงไฟ ประหยัดต้นทุนไปได้พอสมควร

ข้อเสนอแนะ ไฟ ๑๒ โวลต์กระแสตรง เป็นระบบเดียวกับในรถยนต์ ดังนั้น เราสามารถนำอุปกรณ์ไฟฟ้าของรถยนต์มาใช้ได้ เช่น ที่ชาร์จแบตโทรศัพท์มือถือ หรือพัดลม ๑๒ โวลต์

ต้นทุน
แผง ๑๕๐๐ บาท
คอนโทรลชาร์จ ๘๐๐ บาท
แบตเตอรี่ ๒๖๐๐ บาท
หลอดไฟ ๒ ดวง ๔๐๐ บาท
อุปกรณ์อื่นๆ ประมาณ ๓๐๐ บาท
รวม ๕๖๐๐ บาท
ราคานี้ซื้อจากร้านอมร ถ้าสะดวกเรื่องการเดินทางยังมีแหล่งอื่นๆ ที่ราคาถูกกว่า

โอกาสต่อไปจะมาแบ่งปันระบบที่ใหญ่ขึ้น ผลิดไฟฟ้าได้ ๗๐๐ วัตต์ต่อวัน ใช้งานทั้ง ๑๒ โวลต์กระแสตรง และ ๒๒๐ โวลต์กระแสสลับ

บุญรักษาทุกท่าน

สิ้น Line บ้างก็ดี

2016-09-26T21:51:00.001+07:00

Line ใครไม่รู้จัก ใครไม่ใช้บ้าง??

แต่ใครรู้บ้างว่า Line มันกินที่บนมือถือเยอะมากครับ เปิดดูข้อมูลตกใจเลย 10+GB (ไม่ได้ลบตลอดปีครึ่ง)

ลบบ้างอะไรบ้าง ยอมลบข้อมูลทั้งหมด ลบแชททั้งหมด เครื่องเบา ได้เนื้อที่คืนมาอีกมาก

อย่าลืมลงทะเบียนด้วยอีเมลก่อน ไม่งั้นเพื่อนๆ กลุ่ม สติ๊กเกอร์หายหมด

วิธีการลบไฟล์ขยะในแอปไลน์ https://www.it24hrs.com/2016/line-cache-delete-android-free-space/

การแบ่งปันพิกัดผ่านไลน์และกูเกิลแผนที่ : How to share your location via Line and Google Maps.

2014-09-04T10:42:00.000+07:00

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

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

วิธีที่ ๑ การแบ่งปันพิกัดผ่านไลน์

ขั้นตอนที่ ๑ เข้าห้องแชทไลน์ที่เราต้องการแชร์ แล้วแตะที่เครื่องหมายบวก (+) ใกล้ๆ กับกล่องพิมพ์ข้อความ

๒. แตะที่ "แชร์ตำแหน่งที่อยู่"

๓. ย่อขยายแผนที่ตามต้องการ สามารถเลื่อนแผนที่ให้พิกัดจริงๆ ของเราตรงกับเครื่องหมายแสดงพิกัดบนแผนที่ได้

๔. เมื่อพิกัดที่เราต้องการแชร์ตรงกับเครื่องหมายแสดงพิกัดแล้ว ให้แตะตรงคำว่า "แชร์ตำแหน่งที่อยู่"

พิกัดของเราจะถูกแชร์ (แบ่งปัน) ไปให้กับคู่สนทนาเรียบร้อย คู่สนทนาสามารถแตะที่พิกัดของเราเพื่อดูแผนที่ได้

วิธีที่ ๒ แบ่งปันพิกัดผ่าน กูเกิลแผนที่

๑. เข้าสู่แอปฯ กูเกิลแผนที่ ( How to นี้มุ่งเน้นการแชร์ผ่านโทรศัพท์มือถือ โดยเฉพาะระบบปฏิบัติการณ์ Android )

๒. แตะค้างบนแผนที่ให้ตรงกับตำแหน่งที่เราต้องการแชร์ ถ้าจะแชร์ตำแหน่งปัจจุบันของเราให้แตะค้างไว้ที่เครื่องหมายพิกัดสีฟ้า จนกระทั้งมีเครื่องหมายสีแดงๆ ปรากฏขึ้นมา เป็นการ "ปักหมุด" บนแผนที่

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

๔. เมื่อหน้าต่างให้เลือกว่าจะแชร์ผ่านทางไหนเด้งขึ้นมา ให้เลือกแอปฯ ที่ต้องการ ( How to นี้เลือก ไลน์ )

๕. ที่อยู่และลิงก์เข้าสู่พิกัดของเราบนกูเกิลแผนที่จะถูกส่งไปยังห้องสนทนาทันที

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

บุญรักษาครับ

Recycle แท่นวางโทรศัพท์ทำเองจากนามบัตร

2012-10-08T17:31:00.002+07:00

ปัญหาเกิดจากไม่มีแท่นวางโทรศัพท์ เวลาวางบนโต๊ะก็จะอาศัยพิงตรงนั้นมั่งตรงนี้มั่งให้พอมองเห็นหน้าจอ แต่ไม่ค่อยสะดวกแถมโทรศัพท์ล้มบ่อยๆ อีกต่างหาก

จึงลองค้นหาวิธีการทำแท่นวางมือถือ ( Phone Stand ) จากวัสดุรอบๆ ตัว เจอวิธีนี้น่าสนใจ จึงลองทำดูปรากฏว่าใช้ได้ดีทีเดียว

วัสดุอุปกรณ์

นามบัตร หรือบัตรกระดาษแข็งอย่างอื่นก็ได้ หาอย่างหนาๆ หน่อย
ดินสอ หรือปากกา ไว้ทำเครื่องหมาย
ไม้บรรทัดไว้วัดระยะและตีเส้น
คัตเตอร์หรือกรรไกรไว้ตัด

วิธีการจะอธิบายไปพร้อมๆ กับภาพประกอบ

วัดแล้วทำเครื่องหมายตามรูป เส้นประเราจะพับ เส้นทึบเราจะตัด

ตัด และพับ ตามแบบ ถ้าไม่เข้าใจว่าพับไปทางไหน ดูภาพต่อไป

เสร็จแล้ว แท่นวางโทรศัพท์ทำเองจากนามบัตร ง่ายไหม ?

ด้านข้าง

วางโทรศัพท์ลงไปได้มั่นคงดี

ถ้าโทรศัพท์บางกว่านี้จะพอดีมาก เครื่องนี้ใส่เคสเลยหนาหน่อย

ใช้งานจริงๆ วางโทรศัพท์แล้วเปิดวีดีโอดูไม่ต้องคอยถือ ไม่ต้องกังวลว่าจะล้มแล้ว

ลองทำดูนะครับ....บุญรักษาครับ

วิธีทำจาก Simple business card iPhone / iPod stand

Recycle กระดาษเก่าๆ มาเป็นซอง CD

2012-09-04T08:52:00.002+07:00

จัดปฏิบัติธรรม หรืออบรมทีไรก็มักจะเขียนรูปและไฟล์ต่างๆ ลงแผ่น CD แจกอยู่บ่อยๆ และมักจะหาซองใส่ไม่ได้ เคยเจอวิธีการพับกระดาษ A4 ธรรมดาๆ ให้เป็นซอง CD จากที่ไหนไม่ทราบ (จำไม่ได้แล้ว) จึงได้นำมาใช้เป็นประจำ ใช้การได้จริง ทำได้ง่าย พิสูจน์แล้วด้วยตัวเอง

มาวันนี้เห็นทวิตเตอร์ของ ไมโครซอฟท์ไทย @MSHelpsThai นำวิธีพับซองกระดาษใส่ CD นี้มาลง เลยนำมาฝากทุกท่าน ดูรูปเลยดีกว่า อธิบายลำบาก ลองทำดูไม่ยากครับ

วิธีการพับกระดาษ A4 ให้เป็น ซอง CD

บุญรักษา

ที่มา

[Tip] วิธีทำที่เก็บซีดีจากกระดาษ ง่ายและประหยัด สำหรับใครที่มีซีดีเยอะเกิ๊นแต่ไม่มีที่เก็บจ้า#MSThai twitter.com/MSHelpsThai/st…
— MSHelpsThai (@MSHelpsThai) September 4, 2012

คู่มือการใช้ The GIMP

2012-08-09T12:47:00.000+07:00

คู่มือการใช้ The GIMP

The Gimp โปรแกรมแต่งภาพ --ฟรี-- ที่ใช้งานแทน PhotoShop ที่ --ไม่ฟรี-- ได้อย่างเยี่ยมยอด ใช้มาหลายปีแล้วครับ งมหาวิธีใช้เอาเองมาตลอด วันนี้นึกอย่างไรไม่ทราบลองค้นหาใน google ดู เจอคู่มือฉบับนี้เต็มๆ เห็นจั่วหัวไว้ว่าของ SIPA ยังไม่ได้อ่านให้ละเอียดเลย แต่ขอนำมาแปะไว้ในบล็อกไอทีนี้ก่อน เพื่อเผยแพร่ด้วย เพื่อเก็บไว้รอสบโอกาสจะมานั่งอ่านเองด้วย

Gimp Complete Book - คํมือ Gimp ภาษาไทย

บุญรักษาครับ

กำลังเริ่มชอบ แต่ต้องเลิกใช้ Pinterest เพราะ Spam ดุเหลือเกิน

2012-07-09T08:14:00.000+07:00

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

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

กระดานแปลกปลอม

ภาพแปลกปลอมที่ถูกปักหมุดอยู่ในกระดานนั้น

สแปมแน่นอนเนื้อหาก็ประมาณ "ทำงานผ่านเน็ต"

สังเกตมุมล่างขวา นั่นแหละที่มาของสแปม

จัดการรายงานไปทาง Pinterest ทราบ และลบทั้งกระดานทิ้งอย่างสบายใจ แต่ว่าสบายใจอยู่ได้ไม่นาน เช้าวันนี้เปิดเมลมาดู อ้าว มีคนมาไลก์ภาพที่เราปักหมุด แต่ เราไม่ได้ปักหมุดภาพนี้นี่นา ลองเปิดเข้าไปดูในเว็บ พบกระดานแปลกปลอมอีก คราวนี้มา ๓ - ๔ กระดานเลย

เมลแจ้งว่ามีคนไลก์ภาพสแปม (ไม่พันพวกทำงานผ่านเน็ต)

ไม่ไหวแล้วครับ เลิก พอกันทีไม่ใช้แล้ว Pinterest รีบระงับการใช้งานเสียเลย ไม่ยากไปที่ setting แล้วก็หา Deactivate แล้วเลือก Deactivate My Account เลย เป็นอันเรียบร้อย

Bye Bye Pinterest

อุตส่าห์มีเมลมาบอกนะครับว่าระงับบัญชีแล้ว แต่สามารถเปิดใช้ใหม่ได้โดยใช้อีเมลและรหัสผ่านเดิม

อีเมลยืนยันการระงับบัญชี Pinterest

ข่าวที่เกี่ยวข้อง Yahoo NEWS - Pinterest's Spam Problems Are Getting Worse

บุญรักษาครับ

Twitter blog ที่ Blogger

2012-06-26T15:35:00.003+07:00

Twitter เว็บไซต์เครือข่ายสังคมยอดนิยมที่อนุญาตให้ผู้ใช้ทวีตครั้งละไม่เกิน ๑๔๐ ตัวอักขระ นับว่าเป็น Micro - Blog ก็ได้

ในโอกาสที่ Twitter เองต้องการสื่อสารยาวๆ มากกว่า ๑๔๐ ตัวอักษร โดยเฉพาะเรื่องเกี่ยวกับการอัปเดทคุณสมบัติของเว็บ จึงจำเป็นต้องมี blog เพื่อการนี้ ซี่ง Twitter เลือกที่จะ blog บน Blogger ( http://blog.twitter.com ) บริการฟรีจาก Google เช่นเดียวกับ Maha Oath IT blog นี้

ใคร หรือองค์กรใด ต้องการมี blog เพื่อการสื่อสารองค์กร ลองพิจารณาดูได้ครับ

บุญรักษาครับ

Robots!!!

2012-06-20T21:49:00.002+07:00

ภาพครึ่งบนเป็นภาพจากข่าวไทยรัฐวันนี้ ( ๒๐ มิ.ย. ๕๕) ที่สถาบันแห่งหนึ่งนำหุ่นยนต์ตักบาตรมาแสดง ส่วนภาพครึ่งล่างเป็นหุ่นยนต์รับบาตรของวัดแห่งหนึ่งในพระนครศรีอยุธยา

น่าจะจัดให้มาพบกันนะครับ ^_^

บุญรักษาครับ

ป.ล. อย่างนี้ต้องให้พรเป็นภาษาไบนารี่ 01000010 01101100 01100101 01110011 01110011 00100000 01111001 01101111 01110101 00001101 00001010

YouTube เทพ แก้ภาพสั่นใน click เดียว

2012-06-19T21:51:00.000+07:00

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

ยูทูปเทพมากถามว่าให้แก้ภาพสั่นให้ไหม เลยตกลงใจให้จัดการให้เลย ผลลัพธ์ที่ออกมาน่าทึ่งมาก ภาพหายสั่นไปเกือบร้อยเปอร์เซนต์ทีเดียว ลองดูเปรียบเทียบกันเองนะครับ

จากยูทูป (ผ่านการแก้สั่นแล้ว)

แบบธรรมดาไม่ได้แก้สั่น

เห็นความแตกต่างกันเลยทีเดียว ต่อไปนี้ก็ลดความกังวลเรื่องมือสั่นเวลาอัดคลิปไปได้แล้วนะครับ

บุญรักษาครับ

ป.ล. วันก่อนยูทูปแก้ปัญหาแสงไม่สวยให้ด้วยใน click เดียวเช่นกัน เทพจริง

คลิปเท่ๆ จาก Facebook Timeline ของตัวเอง

2012-02-03T09:34:00.001+07:00

ได้อ่านข่าว "ของเล่นใหม่ Facebook: สร้างหนังสั้นจาก Timeline" บนเว็บ Blognone ( www.blognone.com ) แล้วรู้สึกสนใจ เลยลองทำดู ผลออกมาเท่มาก วิธีการก็ไม่ยากเย็นอะไร แค่เข้าไปที่ www.timelinemoviemaker.com ก็จะพบกับหน้าเว็บเรียบๆ ง่ายๆ อย่างนี้

จากนั้นให้คลิกที่ปุ่มสีเขียว " Make Your Movie " จากนั้นจะเป็นขั้นตอนการลงชื่อเข้า Facebook และ/หรือ การอนุญาตให้ app สามารถเข้าถึงข้อมูลของคุณบน Facebook เมื่อเรียบร้อยแล้วใช้เวลาไม่นาน ก็จะได้คลิปเท่ๆ จาก Facebook Timeline ของตัวเองอย่างนี้

ลองทำดูนะครับ บอกไว้ก่อนนิดว่าตอนที่ทำใช้ Chrome นะ ลอง Firefox 10 ดันบอกว่าเป็น Browser โบราณ ( พี่งอัปเดทล่าสุดเลยนะนั่น TT_TT )

บุญรักษาครับ

Password เราเดายากแค่ไหน

2011-11-24T11:54:00.001+07:00

โลกออนไลน์ใกล้ตัวเข้ามาทุกที บางคนอยู่กับโลกออนไลน์มากกว่าโลกจริงๆ เสียอีก โดยเฉพาะเครือข่ายสังคมออนไลน์ ( Social Network ) ต่างๆ มีบทบาทมาก แต่ก่อนการเป็นสมาชิกเว็บต่างๆ ต้องสมัครด้วยอีเมลเป็นหลัก เดี๋ยวนี้สามารถสมัครด้วย Facebook หรือ Twitter ได้ทันที ไม่ต้องกรอกข้อมูลอะไรให้วุ่นวาย

แต่ถ้ามีใครเข้ามายึดบัญชี FB หรือ Twt ของเราล่ะ จะเท่ากับยึดตัวตนของเราไปด้วยเลยหรือไม่ ก็เป็นเรื่องที่น่าคิดอยู่เหมือนกัน

ด่านแรกที่จะปกป้องบัญชีส่วนตัวของเราคือ Password ( รหัสผ่าน ) บางคนตั้งไว้แบบว่ากลัวตัวเองลืมเลยตั้งง่ายๆ 1234 หรือ 0000 ประมาณนี้ ง่ายๆ แบบนี้ Hacker Cracker ทั้งหลายชอบนัก เดาง่ายด้วย

เทคนิกการตั้ง Password ที่ดี คือ

ยาวๆ ยิ่งยาวยิ่ง crack ยาก
ไม่ใช้คำศัพท์ที่มีความหมาย
มีตัวเลข ตัวอักษรพิมพ์ใหญ พิมพ์เล็ก สัญลักษณ์ ปนกัน
ไม่ใช่เรื่องใกล้ตัวเรานัก

ตั้ง Password แล้วลองตรวจสอบดูได้ว่าที่ตั้งไว้นั้นถ้าจะ crack ด้วย program คำนวณ (เดา) Password จะใช้เวลานานเท่าใด สามารถไปตรวจสอบได้ที่ http://howsecureismypassword.net/ ลองกรอกดูได้ ไม่ต้องกลัวเขาจะเอาไปทำอะไร เพราะให้กรอกแค่ Password ไม่ได้ถาม Website หรือ User Name

Password ยาว 13 ตัว มีอักษรใหญ่-เล็ก ตัวเลข และสัญลักษณ์ปนกันของข้าพเจ้าเองนั้น ลองดูแล้วคาดว่าจะถูก crack ได้ภายในเวลา 818 ล้านปี!!!

แถมให้อีกหน่อยกับลิงก์นี้ http://www.godlikeproductions.com/badpasswords.php รวม Password แย่ๆ (ประมาณสิ้นคิด) ที่ไม่ควรใช้ เพราะอาจจะถูก crack ได้ง่ายๆ ครับ

บุญรักษาทุกท่าน

บทวิเคราะห์ : Twitter นายกรัฐมนตรีถูก Hack ( จากรายการแบไต๋ไฮเทค )

2011-10-03T12:23:00.000+07:00

คลิปวิเคราะห์เรื่องที่ Twitter นายกรัฐมนตรียิ่งลักษณ์ ชินวัตร ถูกเจาะ ( Hack ) โดยรายการแบไต๋ไฮเทคนำมาวิเคราะห์ในเรื่องของ

การ Hack ว่าทำได้ ไม่ได้ อย่างไร
Hacker สามารถทำได้โดยวิธีไหนบ้าง เช่น การเดา Username Password, Session Hacking, Recover Password ผ่าน email, Trojan, Phishing
วิธีการแก้ไข กรณีถูก Hack แก้ไข Password, always use HTTPS, Anti Virus ที่ทันสมัยและแท้, ตรวจสอบ Link ที่อาจพาไปสู่ Phishing

ได้ประโยชน์ดีครับ รายการดีๆ อย่างนี้ต้องนำมา Blog ไว้แบ่งปันกัน

บุญรักษาครับ

ป.ล. ปัจจุบัน Twitter ของนายกปู ถูกระงับการใช้งานอยู่ครับ ลองเข้าไปแล้วปรากฏว่าเจอหน้านี้

The profile you are trying to view has been suspended.

ตั้ง Password ยากๆ ถ้าไม่อยากเป็นอย่างนายก

2011-10-02T13:59:00.000+07:00

วันนี้บนทวิตเตอร์ของนายกรัฐมนตรี ยิ่งลักษณ์ ชินวัตร มีข้อความแปลกๆ โจมตีตัวเองและรัฐบาลของตน ซึ่งปรากฏแน่ชัดแล้วว่าทวิตเตอร์ของนายกฯ ถูกเจาะ ( hack )


Twitter นายกปู 02-10-54

โดยมีคำยืนยันจากทีมงานนายกฯ ว่าถูกเจาะแน่นอน ประกาศออกมาทาง Facebook Page ของนายกฯ ยิ่งลักษณ์

Facebook Page นายกปู 02-10-54

ข้าพเจ้าเชื่อเป็นอย่างยิ่งว่าการเจาะบัญชีทวิตเตอร์นายกครั้งนี้นั้น ไม่ได้ทำโดยใช้เทคนิกชั้นสูง แต่เป็นการเดาสุ่ม Password ซึ่งเป็นความคิดที่ตรงกับของ อ.ศุภเดช จากรายการแบไต๋

Tweet ของ อ.ศุภเดช

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

ตั้ง Password ยากๆ ถ้าไม่อยากเป็นอย่างนายก

Facebook + Chrome = Rockmelt มันยอดเยี่ยมมาก

2011-06-16T15:39:00.002+07:00

ใครบ้างไม่รู้จัก Facebook ? สมัยนี้คงน้อยคนที่จะตอบว่าไม่เคย และใครบ้างไม่รู้จัก Chrome ? อันนี้คงมีบ้างที่ยังไม่รู้จัก

Facebook เว็บไซต์สังคมออนไลน์ที่มาแรงๆ สุดในทศวรรษนี้ คงไม่ต้องอธิบายอะไรให้เปลืองเนื้อที่ของเอนทรี่นี้ ส่วน Chrome ก็คือ Web Browser ของ Google ที่เปิดหน้าเว็บได้รวดเร็วมากๆ และใช้งานได้ดีจริงๆ

จะเกิดอะไรขึ้นถ้านำ Chrome มาผนวกเข้ากับ Facebook ? แต่ก่อนคงนึกไม่ออก แต่วันนี้มีแล้วครับ Browser ตัวใหม่ที่พัฒนาบน Chrome ( Chrome เป็น Opensource สามารถนำมาพัฒนาต่อได้ ไม่มีปัญหาเรื่องลิขสิทธิ์ ) Browser ใหม่ที่ว่าคือ Rockmelt ที่สร้างมาเพื่อตอบโจทย์สำหรับผู้ที่ต้องการท่องเว็บไปยังเว็บไซต์ต่างๆ แต่ก็ไม่ต้องการขาดข่าวสาร และอัปเดทต่างๆ บนเฟซบุ๊ก ลองดูหน้าตาของ Rockmelt กัน

จะเห็นได้ว่า เหมือนกับ Chrome เกือบทั้งหมด ต่างกันนิดหน่อย ที่เห็นได้ชัดคือ ขอบ ๒ ข้าง ซ้ายขวา ( Rockmelt เรียกขอบเหล่านี้ว่า Edge ) ด้านขวามือ เป็นรูปของเพื่อนๆ ใน Facebook ที่สามารถ Chat ได้ในขณะนี้ นอกจาก Chat แล้ว ยังสามารถคลิ๊กขวาเพื่อเลือกทำอย่างอื่นอีก เช่น การส่งข้อความเป็นต้น

ด้านซ้ายเป็นขอบที่รวม app ( application ) ต่างๆ เมื่อเริ่มต้นจะมีมาเลย ๒ ตัว คือ Facebook App สำหรับดู News Feed ได้จากตรงนี้เลย และยังสามารถอัปเดทได้ด้วยเช่นกัน กับอีกตัวคือ View Later สำหรับเก็บหน้าเว็บที่เราต้องการดูในภายหน้าไว้ได้กันลืม ที่เห็นในรูปติดเพิ่มเข้าไปคือ Twitter ๒ บัญชี Youtube และ X-mail Notifier สำหรับเตือนอีเมลใหม่ในหลายๆ บัญชีอีเมลของเรา

ด้านบนซ้ายเรียงกันไปจะมี เมนู Rockmelt สำหรับการตั้งค่าต่างๆ ไม่ต่างกับ Chrome เพิ่มโน่นนิด นี่หน่อยเท่านั้น ถัดมาเป็นรูปอวตารของเราใน Facebook แสดงให้เห็นว่า login ด้วย Facebook ไหนอยู่ สามารถคลิ๊กเพื่อไปที่หน้า profile ได้ทันที ถัดมาอีกเป็นที่คุ้นตาดีคือ Notification icon ของ Facebook คือ Friends, Messages, Notifications ใช้งานแบบใน Facebook เลย

ดูต่ำลงมาอีก ๑ บรรทัด แถบเดียวกับ Address Bar ซ้ายสุดเป็นรูปกระดาษกับดินสอ คลิ๊กไปจะเจอช่องสำหรับอัปเดท Facebook ไม่ต้องเปิดไปไหน อัปจากตัว Rockmelt นี้ได้เลย ยิ่งถ้ามี Twitter App ติดตั้งอยู่ด้วย จะสามารถเลือกได้เลยว่าจะอัปเดท Facebook หรือจะ Tweet มองมากลางๆ ค่อนไปทางขวา เป็นปุ่ม share คลิ๊กเพื่อโพสท์ link หน้าที่เราดูอยู่ไปที่ Facebook หรือ Twitter ได้ทันที ส่วนขวาสุดๆ เป็นรูประฆังนั้น สำหรับเข้าสู่ quiet mode สำหรับอยู่เงียบๆ คนเดียวคือซ่อนขอบ ( Edges ) ทั้ง ๒ ข้าง ไม่ต้องรับรู้อะไรๆ

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

ติดตั้งไม่ยากครับ ดาวน์โหลดมาติดตั้ง แล้ว login ด้วยบัญชี Facebook ก็เป็นอันเสร็จ ถ้าใครอยากลองไปดาวน์โหลดมาใช้ได้ฟรีที่ www.rockmelt.com หรือคลิ๊กรูปด้านล่างนี้ได้เลยครับ

วิธีการใช้ลองดูที่ http://www.rockmelt.com/help/help_win.html ( ภาษาอังกฤษครับ )

บุญรักษาครับ

ได้ใช้หน้า Dashboard ใหม่ของ Blogger แล้ว

2011-04-20T08:42:00.000+07:00

วันนี้เปิดเข้า blogger.com แล้ว ถึงกับอื้งในความเปลี่ยนแปลงของหน้า dashboard หรือหน้าแผงควบคุมหลักของ blogger

Dashboard ใหม่ของ Blogger

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

editor ตัวใหม่

ไม่แน่ใจว่าหน้า Dashboard ใหม่นี้ เปิดให้ใช้ทั่วไป หรือว่าเฉพาะ http://draft.blogger.com นะครับ เพราะตอนนี้ตั้งค่าให้ใช้ draft เป็นตัวจัดการหลัก พอเปลี่ยนแบบใหม่ หาที่ลองปิดไม่เจอ เลยไม่ได้เข้าไปลองที่ http://www.blogger.com

การใช้ภาพเป็นพื้นหลังของตารางเพื่อตกแต่งหน้าเว็บไซต์ ( Table Background )

2011-03-29T09:02:00.000+07:00

การใส่ background ทำให้แต่ละหน้าของเว็บดูดีขึ้นนั้น เราทำได้ด้วยการใช้ table tag ใน html

ขั้นตอน

๑ เตรียมรูปภาพก่อน

เลือกได้ ๒ อย่าง คือ เป็นภาพเดียวโดด ๆ เต็มตาราง หรือว่าเป็นภาพเล็ก ๆ แล้วให้ระบบจัดการปูภาพให้เต็มตาราง เหมือนปูกระเบื้อง ในที่นี้เลือกแบบที่ ๒ คือภาพมีขนาดเล็กกว่าพื้นที่ที่ต้องการให้มี background โดยเลือกรูปนี้

๒ นำรูปภาพไปฝากไว้บนเว็บไหนก็ได้ แนะนำว่าบนเว็บของเราเองดีที่สุด หรือไม่เช่นนั้นแนะนำ photobucket.com รูปตัวอย่างฝากไว้บน photobucket.com

๓ ฝากรูปแล้วให้จัดการลอก url ของรูปเตรียมไว้ก่อน ในตัวอย่างคือ http://i230.photobucket.com/albums/ee8/maha-oath/leaves_bg.jpg

๔ เขียน code ตาราง จะทำให้ดูเป็นตัวอย่างเล็ก ๆ น้อย ๆ ไม่ซับซ้อน เพื่อเป็นแนวทางก่อน ( บอกหมดเดี๋ยวไม่ได้ฝึกทำเอง อย่างที่ปราชญ์ว่า " สอนจับปลา ดีกว่าคอยหาปลาให้ " )

<tbody>

<tr>

<td valign="center" align="center"><font size="5" color="white">ตัวอย่างการนำรูปมาเป็น background</font></td>

</tr>

</tbody>

</table>

๕ นำ code ที่ได้ไปแปะลงในส่วนที่ต้องการ เท่านี้ก็เรียบร้อย

ผลงานที่ปรากฏ

ตัวอย่างการนำรูปมาเป็น background

อธิบายโค้ดตัวอย่าง

ถ้าคุ้นเคยกับ html บ้าง ก็จะทราบว่า html tag นั้น ต้อง มีเปิด และ ปิด เป็นส่วนมาก <tag> คือเปิด </tag> คือปิด เปิดแล้วต้องไม่ลืมปิดด้วยนะครับ มาดูกันทีละอย่าง


   <table style="width:350px;height:300px" bordercolor="#000000" cellspacing="0" cellpadding="3" align="center" background="http://i230.photobucket.com/albums/ee8/maha-oath/leaves_bg.jpg" border="1">
   <tbody>
   <tr>
   <td valign="center" align="center"><font size="5" color="white">ตัวอย่างการนำรูปมาเป็น background</font></td>
   </tr>
   </tbody>
   </table>


สีม่วง คือ comment ของเราเองเพื่อเตือนความจำ หรือเพื่อง่ายต่อการกลับมาแก้ไขในภายหลัง ไม่มีผลต่อการแสดงบน browser

สีแดง คือ ค่า parameter ที่เราสามารถกำหนดเองได้

สีน้ำเงิน คือ url ของรูปภาพที่ใช้เป็น background

สีเขียวคือ สิ่งที่ต้องการให้ปรากฏ หรือ object ต่าง ๆ

พื้นฐานเรื่องตารางในเว็บไซต์

2011-03-29T08:49:00.000+07:00

ข้อมูลนี้นำมาจาก yakyaihost.net มีคำแนะนำดีมากมาย ลองเข้าไปดูกันครับ

ตาราง (Table) เป็นส่วนที่สำคัญอย่างยิ่งในการทำเว็บเพจ (Web Page) โดยจะแบ่งพื้นที่ในหน้าเว็บเพจออกเป็นสัดส่วน เป็นระเบียบดูสวยงาม สามารถสื่อสารกับผู้ชมเว็บเพจได้อย่างสบายตา และสิ่งแรกที่ควรทำในการออกแบบเว็บเพจก็คือการจัดวางรูปร่าง (Lay Out) ให้เหมาะสมกับลักษณะข้อมูลของเรา ที่จะนำเสนอในหน้าเว็บเพจ

การใช้ตาราง ไม่มีเครื่องมือใดที่ใช้เขียน Code HTML มีประโยชน์เท่ากับ Code ตาราง ตารางช่วยให้คุณสามารถจัดวางวัตถุและส่วนต่างๆได้อย่างถูกต้อง ทำให้คุณสามารถสร้างสรรค์รูปแบบอย่างไร้ขอบเขต และข้อควรรู้ประกอบอีกอย่างคือในการแสดงผล บราวเซอร์ (Browser) จะทำการ ดาวน์โหลด (Download) ข้อมูลในตารางทั้งหมดก่อน แล้วจึงแสดงผลตารางบนเว็บเพจ

<Table> Tag Attributes : ส่วนขยายของแท็กตาราง เริ่มต้นด้วย <TABLE> แท็กนี้จะแจ้งกับบราวเซอร์ของคุณว่าคุณต้องการเริ่มสร้างตารางหลังจากแท็กนี้ , <TABLE> tag มีส่วยขยายซึ่งคุณสามารถใช้เปลี่ยนแปลงรูปร่างหน้าตาและคุณสมบัติของตารางตามที่คุณต้องการได้
Border=

ถ้าคุณต้องการให้ตารางของคุณแสดงเส้นขอบ คุณสามารถกำหนดค่าตัวเลขซึ่งจะแจ้งกับบราวเซอร์ถึงความกว้าง (Pixels Wide) ที่ต้องการได้ โดยใช้ Border=5 ซึ่งหมายถึงเส้นขอบขนาด 5 Pixels Wide เป็นต้น
ตารางสามารถกำหนดเส้นขอบซึ่งจะช่วยในการแยกรายละเอียดได้อย่างชัดเจน หรือจะกำหนดให้ไม่มีเส้นขอบปรากฏบนเว็บเพจก็ได้

ตารางที่มีเส้นขอบบาง

Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

ตารางที่มีเส้นขอบหนา

Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

ตารางที่ไม่มีเส้นขอบ

Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

*** คำแนะนำ : ปกติผมจะตั้งค่าเส้นขอบของตารางไว้ที่ 1 ขณะที่ผมกำลังสร้างตารางซึ่งจะทำให้คุณดูผลของตารางที่สร้าง และเมื่อเสร็จการสร้างตารางและทุกอย่างเป็นไปตามที่ผมต้องการ ผมค่อยเปลี่ยนขนาดเส้นขอบของตารางเป็น Border=0.
Width=

โดยการใช้ส่วนขยายนี้ คุณสามารถกำหนดความของตารางที่คุณต้องการ ถ้าคุณไม่กำหนดความกว้างของตาราง ตารางจะปรากฏควมกว้างของตารางเท่ากับวัตถุที่คุณใส่เข้าไป มี 2 วิธีที่คุณสมารถใช้กำหนด Width= Attribute:
วิธีเปอร์เซนต์ (Percentage Method)
Width=60%

ใช้วิธีนี้จะสร้างตารางซึ่งมีความกว้าง 60% ของจอภาพของคุณ แนะนำวิธีนี้เพราะผู้คนใช้ขนาดความละเอียดของจอที่แตกต่างกันซึ่งจะทำให้เห็นตารางขนาดความกว้าง 60% ของจอภาพเหล่านั้น ไม่ว่าจะพวกเขาจะใช้ขนาดความละเอียดของจอ 640x480, 800x600 หรืออะไรก็ตาม
วิธีความกว้าง Pixel จริง (Absolute Method)
Width=450

ใช้วิธีนี้คุณสามารถกำหนดความกว้างที่แท้จริง PIXEL width. เหมาะกับการใช้เมื่อคุณวางวัตถุได้เที่ยงตรงบนเว็บเพจของคุณ มีข้อเตือนใจดังตัวอย่าง ถ้าคุณกำหนดความกว้าง 800 Pixels และผู้ชมดูด้วยความละเอียดของจอ 640x480 (กว้าง 640 สูง 480) พยายามจะดูตารางของคุณ พวกเขาจะไม่สามารถเห็นตารางได้ทั้งหมดบนหน้าจอ จะต้องเลื่อนสกอร์บาร์เพื่อจะดูทุกอย่างได้
BGcolor=

คุณสามารถใช้ส่วนขยายนี้กำหนดสีพื้นหลัง (background color) ทุกๆ เซลล์ในตารางของคุณ ทั้งหมด ของเซลล์ของตารางจะมีสีพื้นเดียวกัน Code BGcolor= Attribute ดังนี้
BGcolor=#ff0000
ALIGN=

โดยการใช้ส่วนขยายนี้ คุณสามารถกำหนดจัดวางตำแหน่งของ ทุกส่วน ของตาราง ค่าที่ถูกต้องของส่วนขยายนี้คือ right, left and center กลาง ซ้าย และขวา ตามลำดับ เราเขียน Code ได้ดังนี้
ALIGN=right
Cellpadding=

ค่าตัวเลขนี้ทำให้คุณกำหนดจำนวน Pixels ระหว่างวัตถุและข้อความในเซลล์และผนังของเซลล์ ค่านี้จะมีผลต่อ ทุกส่วน ของเซลล์ในตาราง Code ของคุณมีดังนี้
Cellpadding=2
Cellspacing=

ค่าตัวเลขนี้ทำให้คุณกำหนดจำนวน Pixels ระหว่าง แต่ละเซลล์ ค่านี้จะมีผลต่อ ทุกๆ เซลล์ในตารางเหมือนกัน Code ของคุณมีดังนี้
Cellspacing=3
*** คำแนะนำ : ถ้าคุณมีปัญหาในการแยกแยะความแตกต่างระหว่าง cellpadding และ cellspacing ลองนึกภาพลังที่บรรจุเบียร์หลายๆลัง ระยะห่างระหว่างขวดและลังก็คือ CELLPADDING ระยะห่างระหว่างลังและลังก็คือ CELLSPACING
คุณสามารถผสมผสานคำสั่งส่วนขยายหลายๆอันในหนึ่งแท็กตาราง <TABLE> tag ดังนี้
<TABLE Width=60% Cellpadding=2 ALIGN=RIGHT Border=1>
ส่วนประกอบของตาราง ตารางแบ่งเป็นแถวและเซลล์ แต่ละแถวจะประกอบด้วยเซลล์ และเซลล์ประกอบด้วยรูปภาพและข้อความ โดยต่อไปนี้คือ Tag ที่ใช้ในการสร้างตาราง

แท็ก (Tag) ที่ใช้สร้างตาราง	หน้าที่ของแท็ก (Tag)
<TABLE>	บอกบราวเซอร์ว่าเป็นจุดเริ่มต้นของตาราง
<TH>...</TH>	บอกบราวเซอร์ว่าเป็นจุดเริ่มต้นและสิ้นสุดของหัวตาราง
<TR>...</TR>	บอกบราวเซอร์ว่าเป็นจุดเริ่มต้นและสิ้นสุดของแถว (Row)
<TD>...</TD>	บอกบราวเซอร์ว่าเป็นจุดเริ่มต้นและสิ้นสุดของเซลล์ (Cell)
</TABLE>	บอกบราวเซอร์ว่าเป็นจุดสิ้นสุดของตาราง

Code ตาราง 1 แถว

นี่เป็นตารางแบบง่ายๆซึ่งกำหนดค่าเส้นขอบเท่ากับ 1:

Cell A

Cell B

Cell C

Row 1

Column 1 Column 2 Column 3

ไปดู Code ของตารางตัวอย่าง
<TABLE Border=1>      <-- แท็กเปิดของตารางพร้อมเส้นขอบ
<TR>      <-- แท็กเริ่มต้นแถวแรก
<TD> Cell A </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell B </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell C </TD>      <-- กำหนดเซลล์แต่ละเซลล์
</TR>      <-- แท็กสิ้นสุดแถวแรก
</TABLE>      <-- แท็กปิดของตาราง
Code ตาราง 2 แถวหรือมากกว่า

Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

Row 1
Row 2

Column 1 Column 2 Column 3

ไปดู Code ของตารางข้างบน
<TABLE Border=1>      <-- แท็กเปิดของตารางพร้อมเส้นขอบ
<TR>      <-- แท็กเริ่มต้นแถวแรก
<TD> Cell A </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell B </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell C </TD>      <-- กำหนดเซลล์แต่ละเซลล์
</TR>      <-- แท็กสิ้นสุดแถวแรก
(นี่คือ แถวที่ 2)
<TR>      <-- แท็กเริ่มต้นแถวที่สอง
<TD> Cell D </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell E </TD>      <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell F </TD>      <-- กำหนดเซลล์แต่ละเซลล์
</TR>      <-- แท็กสิ้นสุดแถวที่สอง
</TABLE>      <-- แท็กปิดของตาราง
การตกแต่งเซลล์ตารางของคุณ

แต่ละเซลล์ของตารางต้องการแท็กเปิด <TD> tag และแท็กปิด </TD> tag เพื่อทำงานได้สมบูรณ์ คุณสามารถแทรกข้อความ รูปภาพ และอะไรก็ได้ที่คุณต้องการในแต่ละส่วนของหน้าเว็บเพจลงในเซลล์ของตาราง มีหลายคำสั่งส่วนขยายที่คุณสามารถใช้ปรัปปรุงเซลล์ของคุณ
ALIGN=

ส่วนขยายนี้ทำให้คุณกำหนด จัดวางตำแหน่งในแนวนอน (HORIZONTAL ALIGNMENT) ของข้อความหรือวัตถุในเซลล์ ค่าที่ถูกต้องของส่วนขยายนี้คือ left, center และ right กลาง ซ้าย และขวา ตามลำดับ เราเขียน Code ได้ดังนี้
ALIGN=right
VALIGN=

ส่วนขยายนี้ทำให้คุณกำหนด จัดวางตำแหน่งในแนวตั้ง (VERTICAL ALIGNMENT) ของข้อความหรือวัตถุในเซลล์ ค่าที่ถูกต้องของส่วนขยายนี้คือ top, middle และ bottom บน กลาง และล่าง ตามลำดับ เราเขียน Code ได้ดังนี้
VALIGN=bottom
COLSPAN=

ส่วนขยายนี้ทำให้คุณกำหนดจำนวนกี่คอลัมน์ที่เซลล์ 1 เซลล์จะขยายคร่อม ค่าที่ถูกต้องคือตัวเลขที่ใส่ดังนี้
COLSPAN=2
คุณจะใช้จำนวนเท่าไรขึ้นกับคอลัมน์กี่คอลัมน์ที่คุณต้องการให้เซลล์ 1 เซลล์ขยายคร่อม
ROWSPAN=

ส่วนขยายนี้ทำให้คุณกำหนดจำนวนกี่แถวที่เซลล์ 1 เซลล์จะขยายคร่อม ค่าที่ถูกต้องคือตัวเลขที่ใส่ดังนี้
ROWSPAN=2
คุณจะใช้จำนวนเท่าไรขึ้นกับแถวกี่แถวที่คุณต้องการให้เซลล์ 1 เซลล์ขยายคร่อม
BGcolor=

ส่วนขยายนี้ทำให้คุณกำหนดสีพื้นหลัง (background color) ของแต่ละเซลล์ คุณใช้ส่วนขยายนี้อย่างสมบูรณ์โดยใส่ค่าของสีเลขฐาน 16 (Hexadecimal color) ดังนี้
BGcolor=#000000
Width=

ส่วนขยายนี้ทำให้คุณกำหนดความกว้างของเซลล์ตามที่ควรจะเป็น คุณสามารถใช้วิธีเปอร์เซนต์หรือวิธีความกว้าง Pixel จริง
วิธีเปอร์เซนต์ (Percentage Method)
Width=35%
วิธีความกว้าง Pixel จริง (Absolute Method)
Width=150
นี้คือความกว้างของตารางในหน่วย Pixels PIXELS.
Spanning Columns and Rows

Spanning เป็นเครื่องมือสร้างตารางที่มีประโยชน์มาก การขยายเซลล์ทำให้คุณสามารถเปลี่ยนขนาดของเซลล์ตามที่คุณต้องการ ต่อไปนี้คือตารางตัวอย่าง

Cell A	Cell B	Cell C
Cell D	Cell E	Cell F

Row 1
Row 2

คุณจะสังเกตเห็นว่าแต่ละแถวมี 3 เซลล์ แต่เราจะทำอย่างไรถ้าเราต้องการให้แถวที่สองมีเพียง 2 เซลล์
ทำดังต่อไปนี้ เราจำเป็นต้องแก้ไข <TD> tag ด้วยส่วนขยายซึ่งทำให้เราสามารถขยายเซลล์ 1 เซลล์ ข้ามไปถึง 2 เซลล์เดิม ถ้าเราใช้ COLSPAN= Attribute เราสามารถยืด 1 เซลล์ข้ามไปถึง 2 เซลล์หรือมากกว่า คอลัมน์ของตาราง

Cell A	Cell B	Cell C
Cell D		Cell F

Row 1
Row 2

ให้สังเกต Cell D ตอนนี้ได้ถูกยืดออก หรือถูกขยาย (SPANNED), คร่อม 2 เซลล์
นี้คือ Code ที่ใช้ในการสร้างตารางข้างบน
<TABLE Border=1> <-- แท็กเปิดของตารางพร้อมเส้นขอบ
<TR> <-- แท็กเริ่มต้นแถวแรก
<TD> Cell A </TD> <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell B </TD> <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell C </TD> <-- กำหนดเซลล์แต่ละเซลล์
</TR> <-- แท็กสิ้นสุดแถวแรก
<TR> <-- แท็กเริ่มต้นแถวที่สอง
<TD COLSPAN=2> Cell D </TD> <-- กำหนดเซลล์แต่ละเซลล์
(สังเกตว่าผมตัด CELL E ออกทั้งหมด)
<TD> Cell F </TD> <-- กำหนดเซลล์แต่ละเซลล์
</TR> <-- แท็กสิ้นสุดแถวที่สอง
</TABLE> <-- แท็กปิดของตาราง
และมีการเปลี่ยนแปลงเล็กน้อยในการใช้ ROWSPAN= attribute:

Cell A	Cell B	Cell C
Cell D	Cell E	Cell C

Row 1
Row 2

ให้สังเกต Cell C ตอนนี้ได้ถูกยืดออกหรือถูกขยายคร่อม 2 เซลล์ และ 2 แถว
นี้คือ Code ที่ใช้ในการสร้างตารางข้างบน
<TABLE Border=1> <-- แท็กเปิดของตารางพร้อมเส้นขอบ
<TR> <-- แท็กเริ่มต้นแถวแรก
<TD> Cell A </TD> <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell B </TD> <-- กำหนดเซลล์แต่ละเซลล์

<TD ROWSPAN=2> Cell C </TD> <-- กำหนดเซลล์แต่ละเซลล์
</TR> <-- แท็กสิ้นสุดแถวแรก
<TR> <-- แท็กเริ่มต้นแถวที่สอง
<TD> Cell D </TD> <-- กำหนดเซลล์แต่ละเซลล์

<TD> Cell E </TD> <-- กำหนดเซลล์แต่ละเซลล์
(สังเกตว่าผมตัด CELL F ออกทั้งหมดเพราะ CELL C ได้ใช้พิ้นที่แล้ว)
</TR> <-- แท็กสิ้นสุดแถวที่สอง
</TABLE> <-- แท็กปิดของตาราง

ต่อไปนี้เป็นตัวอย่างการเขียน Code HTML สำหรับตารางในรูปแบบต่างๆ เพื่อเป็นแนวคิดในการจัดทำตารางต่อไป

R1C1	R1C2	R1C3	R1C4
R2C1	R2C2	R2C3	R2C4
R3C1	R3C2	R3C3	R3C4
R4C1	R4C2	R4C3	R4C4

Code HTML สำหรับตารางนี้
<TABLE border=2>

<TR>



<TD align=center> R1C1 </TD>

<TD align=center> R1C2 </TD>

<TD align=center> R1C3 </TD>

>TD align=center> R1C4 </TD>

</TR>

<TR>



<TD align=center> R2C1 </TD>

<TD align=center> R2C2 </TD>

<TD align=center> R2C3 </TD>

<TD align=center> R2C4 </TD>

</TR>

<TR>



<TD align=center> R3C1 </TD>

<TD align=center> R3C2 </TD>

<TD align=center> R3C3 </TD>

<TD align=center> R3C4 </TD>

</TR>

<TR>



<TD align=center> R4C1 </TD>

<TD align=center> R4C2 </TD>

<TD align=center> R4C3 </TD>

<TD align=center> R4C4 </TD>

</TR>

</TABLE>

R1C1	R1C2	R1C4
R2C1		R2C4
R3C1		R3C4
R4C1		R4C4

Code HTML สำหรับตารางนี้
<TABLE border=2>

<TR>



<TD align=center> R1C1 </TD>

<TD align=center colspan=2 rowspan=4> R1C2 </TD>

<TD align=center> R1C4 </TD>

</TR>

<TR>



<TD align=center> R2C1 </TD>

<TD align=center> R2C4 </TD>

</TR>

<TR>



<TD align=center> R3C1 </TD>

<TD align=center> R3C4 </TD>

</TR>

<TR>



<TD align=center> R4C1 </TD>

<TD align=center> R4C4 </TD>

</TR>

</TABLE>

R1C1
R2C1	R2C2	R2C3	R2C4
R3C1
R4C1	R4C2	R4C3	R4C4

Code HTML สำหรับตารางนี้
<TABLE border=2>

<TR>



<TD align=center colspan=4> R1C1 </TD>

</TR>

<TR>



<TD align=center> R2C1 </TD>

<TD align=center> R2C2 </TD>

<TD align=center> R2C3 </TD>

<TD align=center> R2C4 </TD>

</TR>

<TR>



<TD align=center colspan=4> R3C1 </TD>

</TR>

<TR>



<TD align=center> R4C1 </TD>

<TD align=center> R4C2 </TD>

<TD align=center> R4C3 </TD>

<TD align=center> R4C4 </TD>

</TR>

</TABLE>

Introduction to computer and it part 1 ,2 (ep.1)

2011-03-28T12:23:00.002+07:00

สไลด์ชุดนี้จะใช้บรรยายในวิชา Introduction to Computer and IT ที่จะไปช่วยสอนร่วมกับ อ.ประจำวิชา สอนพระนิสิตนานาชาติ จากบ้านใกล้เรือนเคียง อย่างเช่น กัมพูชา ลาว เวียดนาม ศรีลังกา พม่า ฯลฯ ในหลักสูตรพุทธศาสนาบัณฑิต ( นานาชาติ ) ของ มหาจุฬาลงกรณ์ราชวิทยาลัย

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

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

สไลด์ชุดนี้ Part 1 เป็นเรื่องคอมพิวเตอร์เบื้องต้น Part 2 (ep.1) จะเป็นเรื่องการจัดการกับรูปภาพ และไฟล์เสียง ส่วนเรื่องอื่นๆ จะอยู่ในสไลด์ต่อๆ ไปอีกทีครับ

Introduction to computer and it part 1 ,2 (ep.1)

View more presentations from mahaoath พระมหาโอ๊ท.

Simple internet for dhamma activities

2011-03-28T12:21:00.002+07:00

พรุ่งนี้ ( ๓๑ ส.ค. ๕๓ ) ได้รับนิมนต์ให้ไปบรรยายถวายความรู้ให้กับพระนิสิตมหาจุฬาลงกรณ์ราชวิทยาลัย คราวนี้เป็นที่วิทยาเขต ( ห้องเรียน ) ที่วัดไร่ขิง สามพราน นครปฐม

ข่าวทราบมาว่าพระนิสิตคราวนี้ไม่ใช้พระหนุ่มๆ หรือพระนิสิตนานาชาติเหมือนเช่นเคย แต่เป็นระดับพระสังฆาธิการ คือเป็นเจ้าอาวาสทั้งนั้น วิชาที่ไปบรรยายก็เป็นวิชาภาษาอังกฤษอีกด้วย ถ้าจำไม่ผิดคิดว่าชื่อวิชา English for Management อะไรสักอย่าง

อาจารย์ประจำวิชาได้นิมนต์ให้ไปบรรยายถวายความรู้ในเรื่องของ Internet แบบเบื้องต้นๆ แต่เป็นภาษาอังกฤษ

สามารถดาวน์โหลดสไลด์ที่ใช้บรรยายได้จาก slideshare นี้เลยครับ

Simple internet for dhamma activities

View more presentations from mahaoath พระมหาโอ๊ท.

เลิกก่ออาชญากรรมกันเถิด

2011-03-28T12:18:00.002+07:00

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

ชุดนี้จะนำเสนอ Freeware / Open Source ที่สามารถใช้ทดแทน Commercial Ware ดังๆ ได้เป็นอย่างดี

เลิกก่ออาชญากรรมกันเถิด

View more presentations from mahaoath พระมหาโอ๊ท.

กุศลกรรมและอกุศลกรรมบนโลกอินเทอร์เน็ต

2011-03-28T12:14:00.002+07:00

กุศลกรรมและอกุศลกรรมบนโลกอินเทอร์เน๊ต

View more presentations from mahaoath พระมหาโอ๊ท.

Blogger for Mobile

2011-03-28T12:03:00.000+07:00

Blogger อีกบริการฟรีจาก Google มีอะไรมาใหม่อีกแล้วครับ ทุกวันนี้เราออนไลน์กันได้ทุกทีทุกเวลา ผ่านโทรศัพท์มือถือ หรือไม่ก็อุปกรณ์อื่นๆ อย่าง iPad เป็นต้น ไม่จำเป็นต้องนั่งออนไลน์หน้าคอมที่บ้าน หรือที่ทำงานอีกแล้ว

พอออนไลน์ด้วยอุปกรณ์เคลื่อนที่ เวลาดูเว็บไซต์ต่างๆ ที่เป็นเว็บสำหรับดูบนคอม ก็จะโหลดช้า โหลดนาน หรือโหลดมาแล้วบิดๆ เบี้ยวๆ ดูไม่ค่อยสะดวกบนหน้าจอขนาดเล็กๆ จึงมีการพัฒนา version สำหรับดูบนโทรศัพท์เคลื่อนที่ขึ้นมา
หลังจากที่เฝ้ารอมาพอสมควร ในที่สุด blogger ก็ออกบริการ Mobile Version มาให้ได้ใช้กัน เราลองมาดูตัวอย่างจากบล็อก สายลมแห่งอาสา แหล่งทุนค่ายจากหลวงพี่โอ๊ท กันดีกว่าครับ
หน้าเว็บบล็อกดั้งเดิมแบบธรรมดาดูบนคอมเป็นอย่างนี้

ตั้งค่าใหม่ก่อน โดยเข้าไปที่ http://blogger.com หรือ http://draft.blogger.com ก็ได้

ไปที่ "ตั้งค่า"
เลือก "อีเมลและมือถือ"
ในหมวดหมู่แสดงเทมเพลตมือถือให้เลือก "ใช่ ในโทรศัพท์มือถือ ให้แสดงเทมเพลตของฉันในเวอร์ชั่นสำหรับมือถือ"
จะมีรูป QR Code ให้บันทึกไปใช้ได้ให้ด้วย

ถ้าอยากรู้ว่าเทมเพลตเวอร์ชั่นมือถือของบล็อกเราจะเป็นอย่างไร ให้คลิ๊ก "หน้าตัวอย่างมือถือ" ปุ่มฟ้าๆ จะมีหน้าต่าง Pop-up ขึ้นมาให้ดูกันอย่างนี้ครับ

สุดท้ายอย่าลืมกด "บันทึกการตั้งค่า" ด้วยนะ

เท่านี้ก็เรียบร้อย ทีนี้เวลาใครมาเข้าดูบล็อกสายลมแห่งอาสาด้วยโทรศัพท์มือถือ ไม่ว่า iPhone BB หรือ Android แม้แต่โทรศัพท์ที่ไม่ใช่ smart phone ก็จะได้ดูในเวอร์ชั่นมือถือ แต่ถ้าบังเอิญไม่เข้าเว็บมือถือโดยอัตโนมัติ ให้เติม /?m=1 ต่อท้าย url ของบล็อก อย่างสายลมแห่งอาสา http://fund4volunteer.blogspot.com ก็เปลี่ยนเป็น http://fund4volunteer.blogspot.com/?m=1 เท่านี้ก็ได้ดูบล็อกในเวอร์ชั่นมือถืออย่างที่เห็นข้างล่างครับ

( แต่ว่าภาพนี้จับมาจากบน PC นะครับ เลยเห็นกรอบหน้าต่างของ chrome ด้วย )
ใครใช้ Blogger อยู่ ลองกันดูได้เลย ส่วนใครที่ลองเข้าดู สายลมแห่งอาสา ด้วยมือถือแล้วได้ผลเป็นอย่างไร บอกกันหน่อยก็ดีนะครับ

บุญรักษาครับ

การสร้าง Banner สำหรับเพิ่มจำนวนผู้ชมเว็บไซต์

2011-03-28T11:56:00.000+07:00

การสร้างแบนเนอร์ ( banner ) ซึ่งเป็นตัวช่วยอย่างดีในการเพิ่ม traffic ของ web สำหรับข้อมูลพื้นฐานเช่น banner คืออะไร หรือว่า มีขนาดมาตรฐานที่ กว้างxสูง เท่าไรนั้น ศึกษาเพิ่มเติม >>ที่นี่<< ในหน้านี้ ขอยกตัวอย่างแบนเนอร์ที่มีขนาดเป็นที่นิยมใช้เพื่อแลกเปลี่ยนกันในหมู่คนทำเว็บคือขนาด 88x31 ซึ่งเป็นขนาดเล็กที่สุด ( ใหญ่กว่านี้มักเป็นโฆษณาที่มี่ค่าใช้จ่าย )

ขั้นตอนการทำแบนเนอร์

1 เตรียมวัตถุดิบ ได้แก่รูปที่เราต้องการทำเป็นแบนเนอร์ นิยมทำเป็น รูป *.gif คือเป็น animation เล็ก ๆ น้อย ๆ ให้ดูน่าสนใจกว่า ในกรณีนี้เราสามารถสร้างรูป ได้ด้วย application PhotoScape

สร้างให้ได้ขนาดที่เราต้องการ สมมติว่าเป็น 88x31 อย่างเช่นรูปนี้

2 นำรูปที่สร้างเสร็จแล้ว ไปฝากไว้ที่เว็บรับฝากรูปต่าง ๆ ( แนะนำ photobucket.com ) หรือ ฝากไว้ที่ website ของ

ตัวเองก็ได้ ทำเหมือนอย่างเวลาเราจะนำรูปขึ้นเว็บนั่นเอง เมือ up รูปแล้ว click ขวาที่รูป ดู properties จะได้ url ก็จัดการบันทึกไว้เลย รูปตัวอย่างฝากไว้ที่web ของตัวเอง สิ่งที่ต้องการคือ url ของรูป สำหรับ url ของรูปนี้คือ

http://www.igetweb.com/www/puresed/private_folder/banner88x31.gif

3 เตรียม code html ดังนี้

สำหรับตัวอย่างของเราจะได้ code html นำไปแปะได้ทุกทีที่อนุญาต html ตามนี้

4 ขั้นสุดท้าย ก็คือการแจกจ่าย code ของเราให้กับ website อื่น ๆ ทำได้หลายวิธี เช่น การซื้อโฆษณา เป็นต้น แต่ว่าเราเน้นของฟรี แนะนำว่าแลกกันดีกว่าครับ เราติดของเขา เขาติดของเรา ยุติธรรมดี

ตัวอย่าง banner ที่ทำเสร็จแล้ว

ลอง click ดูครับ

ป.ล. เห็นหลาย ๆ คนเข้ามาในเว็บจากคีย์เวิร์ด การสร้างแบนเนอร์ เลยต้องรีบนำมาใส่ไว้ กันความผิดหวัง ไว้จะมาปรับปรุงให้ทันสมัยอีกทีนะครับ

Free from Google ( 2/2 )

2011-03-28T10:38:00.000+07:00

ต่อจากตอนที่แล้ว ( Free form google ( ep. 1 ) ) ที่ยังไม่จบดี ยังมีบริการดีๆ ฟรีๆ จาก Google ให้เราใช้ประโยชน์ได้อีกหลายบริการด้วยกัน ในตอนที่แล้วได้กล่าวถึง Google chrome, accounts, mail, igoogle, และ calendar คราวนี้ลองมาดูกันต่อว่ายังมีอะไรอีก

สำหรับผู้ที่ชอบ หรือไม่ชอบเดินทาง แต่ว่าจำเป็นต้องไปนู่นมานี่บ่อยๆ น่าจะได้ลองใช้ Google maps แผนที่จาก Google ที่ผสมผสานความสามารถในการค้นหาเข้ากับระบบแผนที่ ทั้งแผนที่ถนน แผนที่จากภาพถ่ายดาวเทียม หรือแผนที่ภูมิประเทศ เวลาจะเดินทางไปไหนที่ไม่เคยไป ก็แค่ลองใส่ชื่อสถานที่แล้วให้ Google maps ค้นหาให้ ซึ่งส่วนมากก็จะพบ จากนั้นก็ให้คำนวณหาเส้นทางให้เราได้เลย ทั้งทางรถยนต์ หรือทางเดิน ยิ่งถ้าเป็นเมืองใหญ่ๆ อย่างกรุงเทพฯ ยังมีบริการออกแบบการเดินทางด้วยขนส่งสาธารณให้เราได้ด้วย เส้นทางและแผนที่นั้นเราสามารถแปะ ( embed ) ในหน้าเว็บ หน้าบล็อกได้ ส่งเมลให้เพื่อนๆ ก็ได้ ไม่ต้องอธิบายทางกันให้วุ่นวาย ล่าสุดยังมีมุมมองใหม่เป็น 3D แบบ Google earth ให้ใช้อีกด้วย เข้าถึงแผนที่ได้ที่ http://maps.google.com

Google Maps

บริการต่อไปเป็นเรื่องของงานเอกสาร ต้องยกให้ Google docs เขาเลยครับ เอกสารที่เป็น Words, Excel, PowerPoint ( เรียกตามแบบ Microsoft ที่เป็นที่นิยมกัน ) รวมไปถึงแบบฟอร์มให้กรอก สามารถสร้างได้ด้วย Google docs ไม่จำเป็นต้องลง M$ Office ในเครื่องเราเลยครับ นอกจากสร้างแล้วยังเก็บได้ด้วย คือถ้าเรามีเอกสารในเครื่องก็สามารถ upload ไปไว้ที่ Google docs ได้ ไม่เฉพาะไฟล์ .doc .docx .xls .xlsx .ppt .pptx เท่านั้น ไฟล์พวก .odt .ods .odp ของ OpenOffice.org ก็ใช้ได้ด้วย และเมื่อได้เอกสารแล้วเราสามารถเผยแพร่เป็นหน้าเว็บให้คนอื่นดู และดาวน์โหลดได้ สามารถกำหนดสิทธิการเข้าถึงได้ และที่น่าใช้มากๆ คือสามารถใช้งานร่วมกัน ช่วยกันสร้าง ช่วยกันแก้ไขได้แบบ real time คือเห็นกันจะๆ ว่าผู้ร่วมงานเราแก้ไขอย่างไร ปัจจุบันนี้เอกสารเผยแพร่ของวัดใหญ่ชัยมงคล และโรงเรียนวัดใหญ่ชัยมงคลส่วนมากก็ใช้ Google docs เป็นที่เก็บ อยากลองใช้ให้เข้าไปที่ http://docs.google.com

Google Docs

หมดยุคของการนัดเจอกันเพื่อดูรูปถ่ายไปนานแล้ว ปัจจุบันนี้เราถ่ายรูปมาเป็นดิจิตอล เสร็จก็ upload ไว้บนเว็บไซต์เพื่อให้คนอื่นๆ ได้ดูกันครับ เว็บฝากรูปมีให้บริการหลายๆ เว็บ ของ Google ก้มี ชื่อว่า Picasaweb ยิ่งถ้าใช้งานร่วมกับโปรแกรม Picasa ด้วย ยิ่งทำให้การแบ่งปันรูปถ่ายทำได้อย่างง่ายดาย บริการฟรีให้พื้นที่เรา 1 GB ถ้าไม่พอสามารถเช่าพื้นที่ได้อีกในราคาไม่แพง แต่ว่า 1GB ก็เก็บรูปได้เยอะมากๆ แล้ว ใช้งาน Picasaweb และ download Picasa ได้ที่ http://picasaweb.google.com

Picasaweb

อันที่จริง picasaweb นอกจากเก็บภาพนิ่งแล้ว ยังสามารถเก็บไฟล์วีดีโอได้ด้วย แต่ประสิทธิภาพไม่น่าจะสู้ YouTube ได้ครับ YouTube เว็บฝากวีดีโอยอดนิยมอันดับ ๑ ของโลก ที่มีระบบค้นหาที่ถูกใช้งานเป็นอันดับ ๒ ของโลกรองจากระบบค้นหาของ Google นี้เป็นหนึ่งในบริการของ Google เพราะว่า YouTube ถูก Google ซื้อไปเรียบร้อยตั้งนานแล้วครับ ตอนนี้ใครที่มีบัญชี Google หรือมี Gmail สามารถใช้งาน YouTube ได้ด้วยบัญชีนั้นเลย คุณสามารถมีช่องรายการเป็นของตัวเองได้ไม่ยาก สมัครใหม่ๆ สามารถ upload ได้วีดีโอละไม่เกิน ๑๐ นาที แต่ถ้ามีคนนิยมมากๆ อาจได้เลื่อนเป็นผู้ใช้แบบ partner สามารถ upload ไฟล์ได้ใหญ่ขึ้น และสร้างรายได้จากโฆษณาได้ด้วย แวะไป http://youtube.com เลยครับ

YouTube

ถึงตอนนี้เรามีทรัพยากรอยู่บนโลกไซเบอร์หลายอย่างแล้ว ทั้งแผนที่ เอกสาร รูปถ่าย และวีดีโอ ถ้าเราต้องการเผยแพร่แบ่งปันให้คนอื่นๆ ได้ดู ได้ชมกัน อย่างง่ายๆ เราต้องนำทรัพยากรเหล่านี้มารวมกันไว้เป็น website ขึ้นมา Google ไม่พลาดที่จะให้บริการนี้ด้วย Google sites เว็บไซต์ฟรีจาก Google แต่ก่อน mahaoath.com นี้ก็อยู่ที่ Google sites นี้ด้วยก่อนที่จะมาเป็นเว็บดรูปัลอย่างที่เห็นกันอยู่ในปัจจุบัน แม้หน้าตาของ Google sites จะดูทื่อๆ ไปหน่อย แต่ก็ใช้งานได้ดีทีเดียว ลองเปิด website ของตัวเองได้ที่ http://sites.google.com

Google Sites

หรือถ้าไม่ต้องการ website แต่อยากทำเป็น weblog หรือ blog ก็ได้ครับ Google ซื้อ Blogger เว็บบริการ blog ฟรีระดับโลกไว้แล้ว และให้บริการฟรีเหมือนกัน Blogger นี้ให้บริการมานาน มีคนทำ Template หรือ Theme สวยๆ มาให้เลือกใช้ได้เยอะแยะไปหมดในกรณีที่ไม่ถูกใจ Theme เดิมๆ และจากประสบการณ์ส่วนตัว Blogger ทำ SEO ( Search Enging Optimize ) ให้ขึ้นอันดับต้นๆ ในผลการค้นหาของ Google ได้ง่ายมากๆ ลองเปิด blog ได้ที่ http://blogger.com

Blogger

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

บุญรักษา