หน้าเว็บ

22 ต.ค. 2556

วิธีตรวจสอบการเข้าเว็บไซต์ผ่านโทรศัพท์มือถือ

วิธีตรวจสอบการเข้าเว็บไซต์ผ่านโทรศัพท์มือถือ
วิธีตรวจสอบการเข้าเว็บไซต์ผ่านโทรศัพท์มือถือ


วันนี้เป็นวันที่ไม่ค่อยมีความสุขเท่าไหร่ เพราะอะไรไม่ต้องรู้หรอกค่ะ ^^ เรามาคุยกันถึงสิ่งดีๆ ดีกว่า หลังจากไม่เรื่องที่ทำให้ไม่สบายใจ เราก็ไม่รู้จะทำอะไรดี แต่ด้วยสัญชาติญาณของโปรแกรมเมอร์ (ก็ว่าไปงั้น) เลยหาไอเดียร์ทำเว็บแก้เครียดดีกว่า [รุสึกเหมือนจะเครียมากกว่าเดิม 555] บอกได้เลยว่าเป็นครั้งแรกที่ได้แตะ HTML5 หลังจากมันมีมานานพอสมควร อย่าถามว่าที่ผ่านมาทำไมไม่คิดจะทำหละ ตอบได้คำเดียวว่า ขี้เกียจ :P เข้าเรื่องได้ละจ๊ะ ^^
ปล. ตอนนี้หลายๆ คนก็คงจะรู้จัก HTML5  กับ CSS3 มาพอสมควร ในบทความนี้จะไม่พูถึงโครงสร้างใดๆ ทั้งนั้นเพราะมันมีเยอะแล้ว แต่เราจะเล่าสิ่งที่เรากำลังทำหรือพบเจอให้สำหรับคนที่เริ่มต้นเหมือนกับเราได้เข้ามาอ่านนะจ๊ะดาลี่

เคยมีความสงสัยบางมั้ยว่าทำไมเวลาเข้าเว็บบางเว็บโดยเข้าผ่าน Browers จากคอมพิวเตอร์หรือน็ตบุค การแสดงผลมันช่างต่างกับ การแสดงผลในจอโทรศัพท์??   เด็กสมองช้างอย่าเรายังเคยคิดเลยว่าคนเขียนโค้ดนี่เก่งจริงๆ เขียนให้เว็บรู้ได้ด้วยว่าเข้าเว็บจากมือถือหรือจากคอมพิวเตอร์ โดยทำให้ทุกอย่างมันเด้งไปอยู่ ณ ตำแหน่งที่ต้องการให้แสดง จัดเรียงตัวตามขนาดหน้าจอโทรศัพเข้าเราได้  (แม่งเจ๋งหวะ!!) แต่หารู้ไม่เลยว่ามันไม่ได้เจ๋งขนาดนั้น ทุกสิ่งมีคำตอบในตัวของมันเอง
การจะทำแบบนั้นได้ไม่ยากเลย จากความคิดของเราถูกแค่ครึ่งเดียว คือ เค้าทำให้รู้ได้ว่าเข้าเว็บจากมือถือ หรือ คอมพิวเตอร์ แต่มันจะฉลาดได้ขนาดนั้นก็ต่อเมื่อมันมี Script ที่ช่วยเช็ค ซึ่ง Script นี้ มีทั้งที่เป็นโค้ด php และ JavaScript จะใช้อันไหนก็ได้แล้วแต่ความชอบ

มาทำความเข้าใจกับการทำงานก่อนที่จะไปดูโค้ด ขั้นตอนการทำงานมีไม่มาก คือ
1. เช็คดูว่าเข้าเว็บ Browers จากอุปกรณ์อะไร
2. ถ้าข้าผ่านโทรศัพท์มือถือ ให้ redirect ไปยังหน้า http://m.yourdomain.com หรือหน้าอื่นที่ต้องการ
3. ถ้าเข้าผ่านคอมพอวเตอร์ ให้ไปที่  http://www.yourdomain.com

ส่วนตัวอย่างโค้ดจะมีให้แต่ JavaScript  เพราะมันสั้นมาก ถึงมากที่สุดดด ><
<script type="text/javascript">
if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
 window.location="http://m.yourdomain.com";
}
</script>

แต่ถ้าหากใครต้องการโค้ดที่เป็น PHP สามารถดูได้ที่ 



สร้างฟังก์ชัน ตรวจสอบ การเข้าเว็บไซต์ ผ่านมือถือ ด้วย php




เมื่อทราบแล้วหลายคนก็คงคิดเบาๆ ว่า นี้เราต้องทำ subdomain “http://m.yourdomain.com” ขึ้นมาแล้วเขียนหน้าเว็บ index.html สำหรับแสดงบนโทรศัพทร์มือถืออีกหรอเนี่ย ตอบเบาๆให้นะคะว่า ถั่วต้มคะ ^^ แต่อาจจะเขียนแค่เมนูแสดงหน้าแรกแต่ส่วนเนื้อหาก็สามารถดึงจากฐานข้อมูลได้เลย ไม่ต้องลงข้อมูลใหม่นะคะ แลดูจะสิ้นเปลือง

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




30 ก.ย. 2556

สัมผัสกับ iPhone ยักษ์ ที่ไม่จำกัดมุมมอง




การสร้างสรรค์นวัฒกรรมของมนุษย์กับเทคโนโลยียังคงดำเนินต่ออย่างไม่มีวันหยุด ล่าสุด ได้มีคนประดิษฐ์ iPhone ยักษ์ ที่มีชื่อเรียกว่า “TableConnect” ที่มีหน้าตาและ Interface เหมือนกับ iPhone ทุกประการ แต่มีหน้าจอขนาด 60 นิ้ว สามารถใช้เป็นโต๊ะได้  สามารถเชื่อต่อกับอุปกรณ์ iPhone หรือ iPad โดยการถ่ายโอนการแสดงผลจากหน้าจอขนาดเล็กไปยังหน้าจอขนาดใหญ่ ผู้ใช้จะได้สัมผัสกับประสบการณ์มุมมองขนาดใหญ่ขึ้น  TableConnect สามารถใช้งาน multi-touch ได้อย่างเต็มที่ สามารถเข้าถึงแอพพลิเคชัน ภาพถ่ายของคุณทั้งหมด, เกมส์, วิดีโอและภาพยนตร์ได้มากขึ้นด้วย นอกจากนี้ TableConnect ยังมีประโยชน์มากกับผู้ใช้งานในด้านต่างๆ ต่อไปนี้

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

2. การเข้าสังคม
เนื่องจากปัจจุบันผู้คนต่างก็มีโทรศัพมือถือ และคอมพิวเตอร์ส่วนตัว แต่สิ่งเหล่านี้ไม่สามารถใช้ได้ทีละหลายๆ คนพร้อมกัน TableConnect จึงเป็นอุปกรณ์ที่เหมาะกับการเข้าสังคมเป็นอย่างยิ่ง ด้วยระบบ multi-touch และมีพื้นที่มากพอที่จะให้ทุกคนได้ร่วมสัมผัสไปพร้อมๆ กันจากมุมมองขนาดใหญ่

3. การเล่นเกมส์และสิ่งให้ความบันเทิง
คนนับล้านที่ใช้ Smart Phone ต่างก็เล่นเกมส์หรือโปรแกรมที่ให้ความบันเทิงต่างๆ TableConnect  จะทำให้คุณมีปฏิสัมพันธ์ที่ดีกับคนใกล้ตัวอย่างที่ไม่เคยเห็นมาก่อนและทำให้คุณได้แบ่งปันประสบการณ์ใหม่ๆ ร่วมกันกับเพื่อนฝูงหรือครอบครัวของคุณ เช่น การเล่นเกมแบบโต้ตอบทางสังคมและความบันเทิง ไม่ว่าคุณจะเพลิดเพลินกับการเล่นหมากรุกหรือ Pinball HD



 วีดีโอสาธิตการใช้งาน










ติดตามข่าวสารของ TableConnect ได้ที่ facebook : https://www.facebook.com/tableconnect/


ดูดวง

16 ส.ค. 2556

[ขอแสดงความคิดเห็น] คนแพร่กับ รถสำรวจ Google




ไม่ไหวแล้วกับกระแสนี้ ขอบ่นหน่อย

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



*ดูซะเหตุการณ์นี้มันเคยเกิดขึ้นมาก่อน




 ส่วนไอ้คนที่มันมาดูถูก(และใครอีกหลายๆคน ที่มิได้เอ่ยนาม)



 ไม่มีใครที่ไหนชอบ ให้คนอื่นมาดูถูกเหยียดหยามบ้านเกิดเมืองนอนตัวเองหรอกค่ะ อยากจะฝากข้อความนี้ถึงคนแพร่ทุกคน จงอยู่อย่างมีสติ อย่าไปคิดอาคาตพยาบาทใคร ที่เค้าทำไปก็อาจด้วยความรู้เท่าไม่ถึงการณ์ ซึ่งเหตุการณ์แบบนี้สามารถเกิดขึ้นได้ทุกคน ให้อภัยทุกคนที่มองเราในแง่ลบ อยู่อย่างสงบดีกว่า หายใจเข้าลึกๆ นับ 1 ..2 เมื่อถึง 3 (ถ้าคนคนนั้นยังไม่หยุด แนะนำ "ซัดเลยบะ" เพราะคุยกันดีๆ ไม่ได้) อโหสิ!!


" ฮาก่แป้หนาไอ้ "

ปล. ขอบคุณทุกท่านที่เข้ามาอ่านนน -/\- แต้งกิ้ว 3 ที