ไปบ้านเด็กพิการตาบอดซ้ำซ้อนที่รามอินทรา
วันนี้โำพสบล๊อกใหม่ที่ blog.ddproperty.com หลังจากทิ้งไปนานไม่ได้ update เลยครับ
ตั้งแต่เริ่มเวป www.ddproperty.com @pangporn มีความคิดว่าอยากแบ่งเงินที่ได้จากเวปไซด์ไปบริกาคและทำบุญ วันก่อนได้มีโอกาสแวะไปที่บ้านเด็กพิการตาบอดซ้ำซ้อนรามอินทรา เคยไปมาครั้งนึงนานแล้วยังไม่ใหญ่โตขนาดนี้ ตอนนี้มีการสร้างตึกใหม่โหญ่โตมาก (จนอดคิดไม่ได้ว่า ใหญ่ไปเปล่าครับ)
เคยได้ยินไหมครับว่า ชาเขียวถูกน้ำเสนอเพื่อเป็นตัวเลือกให้คนที่ ไม่ชอบอยากดื่มน้ำเปล่า แต่ก็ไม่ชอบน้ำอัดลม เมื่อวานแวะไปทานข้าวที่ ม. เกษตร มาครับ (จริงๆผมกับ @pangporn ก็ไปเกษตรบ่อย เนื่องจากเรารักเกษตรครับ 
ทั้งๆที่ก็จบมาจะ 9 ปีแล้ว) ผมก็สังเกตุเห็นเรื่องที่จะเอามาเล่าวันนี้แหละครับ .. น้ำใบเตย
หลังจากหายหน้าไปนาน ขอต่อเรื่อง Google Maps ด้วยการใช้รูปภาพแทนหมุดกันครับ ถ้าจะค้นหาบทความเพิ่มเติม ลองค้นคำว่า Custom Marker Icon นะครับ เรามาเริ่มเรื่องของเรากันเลยดีกว่า
สังเกตุไหมครับว่าจากตัวอย่างที่ผ่านๆมาทั้งหมด หมุดของเราเป็นหมุดแดงๆ แล้วมีจุดดำๆตรงกลาง ซึ่งเป็นมาตรฐานของ Google Maps เค้า บา่งทีมันอาจดูไม่เนียน ไม่เข้ากับเวปเราเท่าไหร่ สามารถเปลี่ยนได้นะครับ โดยใช้ Customer Marker Icon วิธีกา่รไม่ยากครับ ผมว่าที่ยากที่สุดก็ตรงทำรูป Icon ที่ดูดีอย่างที่ต้องการมากกว่า (ของ ddproperty.com ผมกับเพื่อน ก็ดูแบบจากหลายๆที่มารวมๆกัน ซึ่งทำนานกว่าเขียน script อีก)
ผลของการ Cache บวกกับ mod_deflate
เมื่อเดือนก่อนมีการปรับเวป www.ddproperty.com นิดหน่อยครับ เนื่องจากเวปช้ามาก สิ่งที่ทำไปมีดังนี้ครับ
1. เพิ่ม RAM เครื่อง Server
2. ทำ action cache กับหน้ารายละเอียดประกาศทั้งหมด
3. ใช้ mod_deflate ของ apache
ผลที่ได้ เวปเร็วขึ้นทันตาเห็นเลยครับ พอแรมเยอะขึ้นใช้ swap ลดลง ระบบโดยรวมลื่นขึ้นมาก ส่วน action cache ทำให้ response time ของแต่ละหน้าลดลงเยอะเลยครับ ดูกราฟข้างบนได้เลยครับ ขนาดหน้าลดลง เวลาในการโหลดเวปลดลง คุ้มค่าสุดๆเลยครับ
ถึงว่าใครๆก็บอกให้ cache cache cache
วันก่อนไปงาน Google AdSense Conference “Maximize Revenue Potential” งานจัดที่โรงแรมแกรนด์ มิลเลนเนียม สุขุมวิท ผมไปช่วงเช้าเป็นส่วนของ Google Adsense มีคนไม่เยอะเท่าไหร่ แต่ที่ไปกันส่วนใหญ่เป็นเวปใหญ่ๆ อย่าง manager.co.th หรือว่าหนังสือพิมพ์มติชน (มีเวปเล็กๆอย่าง ddproperty.com เป็นผู้สังเกตุการณ์ )
ทาง Google ต้อนรับได้ดีมาก อัธยาสัยดีกันทุกคน งานก็เป็นการแนะนำตัว Google Adsense ทั่วๆไป โดยคุณนก และคุณอ้อ จาก Google ส่วนที่ผมว่าได้ประโยชน์มากๆก็คือช่วงแชร์ประสบการณ์จากทางเครือ Nation และ Monogroup (mthai.com) กับทางผู้สงโฆษณาคือทาง Amari Hotel Group
ได้ข้อมูลน่าสนใจมาว่ารายได้จาก Google Adsense คิดเป็นประมาณ 5-8% ของรายได้โฆษณาของ mthai.com เลยทีเดียว ถึงจะไม่ใช่รายได้หลักแต่ก็เป็นสัดส่วนที่จะมองข้ามไม่ได้เลยเพราะว่าไม่ต้องดูแลมากนัก ไม่ต้องออกไปขาย เหมือนกับโฆษณาแบบ Banner
ขอขอบคุณทางทีม Google ประเทศไทย ที่เชิญให้ไปรับแบ่งปันความรู้นะครับ
ว่าแล้วก็เลยกลับมาลองแปะ Google Adsense ในเวป ddproperty.com บ้าง โดยคิดไว้ข้างล่างหมวดอสังหาฯ ใกล้เคียง กับอสังหาฯคล้ายกัน โดยทั้งสองส่วนนี้เป็ส่วนทีคน click เยอะมากในการดูประกาศที่สนใจ
พอติดแล้วก็มานั้งดูโฆษณาที่ Google เอามาลงให้ จะว่าไม่เกี่ยวข้องเลยก็ไม่ใช่ แต่ว่าจะน่าสนใจก็คงไม่ถูกอีก
นั้งหาบทความเกี่ยวกับ Adsense อ่านๆไปเรื่อยๆ มีทั้งเทคนิคทำให้โฆษณาดูกลมกลืนกับหน้าเวป ทั้งเทคนิดการแปะโฆษณาในตำแหน่งต่างๆ บางคนถึงขั้นแนะนำว่าให้แปะไว้ใกล้ๆหรือว่าปนกับเนื้อหาเวปจะให้คน “Click” โฆษณาเยอะขึ้น ก็เริ่มไม่มั่นใจว่า Adsense for Content นี้คนที่ Click เค้า Click เพราะสนใจโฆษณาหรือว่า Click เพราะเผลอกันแน่ จากที่ทดลองมาเกือบอาทิตย์สรุปว่า Adsense สามารถช่วย “Increase Revenue” ได้จริงๆ แต่ว่าจะ “Maximize Revenue Potential” หรือเปล่านี้ คงต้องดูกันไปก่อนครับ
ที่ขอชื่นชมคือ Google ทำ Tools สำหรับ Adsense แล้วก็ Google Analytics ได้ดีมากๆสมกับที่เป็นเบอร์หนึ่งจริงๆครับ
คิดยังไงกับ Floating banner
ตั้งแต่เริ่มทำเวป www.ddproperty.com ผมก็จะคอยหาเวลานั้งดูเวปต่างๆที่เกี่ยวข้องกับพวกอสังหาริมทรัพย์ในไทย เพื่อดูว่าคนอื่นๆเค้าทำอะไรกันบ้าง หรือว่าอะไรที่เราจะเอามาประยุกใช้กับเวปได้
วันนี้ผ่านไปที่เวปนึงเข้า ทำให้นึกถึงเรื่องนึงขึ้นมาได้ หน้า homepage เป็นแบบนี้ครับ
ผมไม่ได้เป็นประเภท anti banner หรือว่าโฆษณานะครับ ส่วนใหญ่คนทำเวปก็ต้องหารายได้จากโฆษณา (ถ้าไม่นับรวมพวก web application ที่บ้านเรายังมีน้อย) ผมทำเวปก็อยากมีผู้สนับสนุนเยอะเหมือนกัน
แต่ปัญหาคือเจ้า Floating Banner นี้สิครับ ไม่ทราบกลับมาได้รับความนิยมได้ยังไง ทำให้นึกถึง popup adverstisement สมัยก่อนเลย ยังจำได้ไหมครับ
ต่างตรงที่ Floating Banner มันพยายามเรียกร้องความสนใจมากๆ scroll ตามลงไปจนสุดหน้า แถมกลายเป็น standard ใหม่ไปแล้วว่าต้องทำ “CLOSE (x)” แบบหลบๆเอาไว้ให้หายากๆ 
ทุกคนมีความคิดเห็นยังไงกับ Floating Banner ครับ คิดว่ามันช่วยส่งเสริมภาพลักษณ์ของผู้โฆษณาหรือทำให้แย่ลงกันแน่
กลับมาแล้วครับ
หายหน้าหายตาไม่ได้อัพเดท blog ซะนานเนื่องจากช่วงที่ผ่านมา 2-3 เดือนยุ่งมากๆกับเรื่องานแล้วก็เรื่องเตรียมตัวแต่งงานครับ ตอนนี้งานแต่งงานผ่านไปเรียบร้อยครับผม
กลับมาคราวนี้ตั้งใจว่าจะเขียนเรื่องอื่นๆนอกจากเรื่องเขียนโปรแกรมมั้ง แบบว่าเจออะไรก็เขียนเล่าให้ฟัง มีอะไรแนะนำก็พูดคุยกันนะครับ ขอตัวไปจัดการ blog ที่ดองเอาไว้ก่อนนะครับ
เพิ่มหมุดจาก Google Maps ลง Database
ในเวป ddproperty.com ที่ผมกับเพื่อนดูแลอยู่เนี้ย เราให้คนที่ลงประกาศทุกคนต้องระบุตำแหน่งด้วยว่า อสังหาฯที่กำลังลงประกาศตำแหน่งอยู่ตรงไหน ผมก็ใ้ช้ google maps นี้แหละครับในการระบุตำแหน่ง
คราวนี้เราจะมาดูกันว่า จะใช้ Google Maps เพิ่มตำแหน่งหมุดใน Database ยังไง [Read more →]
ความเดิมจากตอนที่แล้ว เราพูดถึงวิธีิการแสดงหมุดจาก database บนแผนที่ Google Maps ไปแล้ว แต่ติดตรงที่ว่าเวลามีหมุดเยอะๆจะแสดงหน้าเวปช้า และเปลือง memory คราวนี้ผมจะพูดถึงการใช้วิธีการแสดงหมุดจาก database เฉพาะส่วนที่มองเห็นในหน้าต่างแผนที่โดยการใช้ AJAX ครับ
ส่วน table database และ ข้อมูลใน database ก็ใช้ของคราวที่แล้วครับ (ดูได้ที่ Tutorial แบบบ้านๆ ตอนที่ 2 – แสดงหมุดจาก database ใน Google Maps)
สิ่งที่ต้องเตรียมก่อนเริ่ม
- ผมใช้ Prototype Javascript Framework สำหรับทำ AJAX เพราะมันติดมากับ Rails เลยชินครับ ถ้าใครถนัดตัวอื่นก็ตามสะดวก
- แนะนำ Firefox + Firebug สำหรับการ Debug ครับ สุดยอดมากๆ
หลักกาำรทำงาน
- ทุกครั้งที่มีกา่รเลื่อนแผนที่ หรือซูมเข้า/ซูมออก script จะขอข้อมูลจาก server และนำไปแสดงจุดพิกัดใหม่ในแผนที่
- ใช้พิกัดของแผนที่ ที่กำลังแสดงผล (x1,y1,x2,y2 ตรงมุมกรอบของแผนที่) เป็นตัวแปลในการเลือกข้อมูลพิกัดจาก database [Read more →]
จากคราวก่อนที่เราทดลองใช้ Google Maps API แสดงแผนที่ในหน้าเวปของเราไปแล้ว (อ่าน Tutorial แบบบ้านๆ ตอนที่ 1) คราวนี้มาต่อตอนที่ 2: เพิ่มและแสดงหมุดใน Google Maps กันครับ
ประโยชน์ของการใช้ Google Maps API แสดงแผนที่ก็คือเราสามารถแสดงหมุด จากข้อมูลใน database ของเราเองได้ คราวนี้เราจะทดลองสร้าง interface ให้ปักหมุด จัดค่าพิกัดใน database และนำข้อมูลจาก database กลับมาแสดงครับ
สิ่งที่ต้องเตรียมก่อนเริ่ม
- Database server สำหรับเก็บข้อมูลพิกัด (ผมใช้ MySQL v5.0)
- Web Server สำหรับประมวลผลและติดต่อ database จะใช้อะไรก็ตามสะดวกครับ (ผมเขียน server side ด้วย Rails ครับ ขอใช้ตัวอย่างเป็น Rails นะครับ)
ขั้นตอนที่ 1 มารู้จักวิธีการแสดงหมุดบนแผนที่ด้วย Google Maps API กันก่อน
หมุดที่แสดงบนแผนที่ Google Maps จะเรียกว่า Marker ครับ โดยการจะแสดงหมุดบนแผนที่นั้น ก็ต้องสร้าง Marker ขึ้นมาก่อน แล้วก็ทำการเพิ่ม Marker ที่สร้างมาลงบนแผนที่ ลองดูจาก script นะครับ
