Jir4yu.me

ความรู้สึก.. ที่ตอนไหนๆก็(ไม่)เหมือนกัน

Jir4yu.me รองรับการเรียกใช้งานบน Mobile

http://m.Jir4yu.me

jir4yu.me-mobile

โครงสร้างหมวดหมู่ของ wordpressเมื่อสองวันที่แล้วได้ลองนั่งศึกษา Jquery mobile และได้ลองเขียนเว็บไซต์สำหรับมือถือขึ้นมา โดยเผื่อว่าจะเอาความรู้ตรงจุดนี้ไปต่อยอดเขียนแอพ ฯ แอนดรอยด์ที่เป็นโปรเจคจบด้วย นั่งอ่านเอกสารประกอบและหาข้อมูลในเน็ตไปเรื่อยจนได้ที่ จึงตั้งใจว่าจะทำเป็นดึงข้อมูลจากฐานข้อมูลจาก WordPress เองนี้แหละขึ้นมาแสดง โดยดึงบทความล่าสุดจากหลายๆหมวดหมู่ขึ้นมา และรวมไปถึง ส่วนของเว็บที่สอนทำเว็บไซต์ด้วย (http://webmaster.jir4yu.me) ข้อจำกัดของ Jquery mobile เองนั้นก็มีอยู่นิดหน่อย แต่ถ้าให้ผมเลือกแล้ว ผมก็ยืนยันที่จะใช้งานมันอยู่ดี เนื่องจากใช้เพียง HTML เบื้องต้น และแทรก JavaScript อีกเล็กๆน้อยๆก็สามารถสร้างธีมเว็บไซต์สำหรับมือถือที่สวยงามน่าใช้งานกว่าเขียนด้วย HTML กับ CSS โล้นๆอยู่ดี อีกทั้งถ้าเขียนเว็บไซต์ทั้งเว็บด้วย Jquery mobile แต่แรกแล้ว เราก็ยังไม่ต้องแยกเขียนเว็บไซต์สำหรับมือถือต่างหากอีกด้วย

ผมเขียนออกมาจึงได้เป็น URL ตามนี้ครับ http://m.jir4yu.me (ใครที่ใช้มือถือเล่นเน็ต เวลาเรียกมา http://www.jir4yu.me จะเด้งไปเว็บไซต์สำหรับมือถือให้เอง) ส่วนคนที่ใช้ PC ทั่วไปก็สามารถเรียก URL เพื่อเข้าไปทดลองดูได้เหมือนๆกัน โดย Jquery mobile ที่ผมทดลองเขียนขึ้นมีหลักการทำงานดังนี้ครับ

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

อธิบายได้ง่ายๆ คือ posts คือสิ่งที่เกี่ยวกับเรื่อง เกี่ยวกับบทความ มีหัวข้อ ลิงค์ และ เนื้อความตามปรกติ แต่จะไม่มีหมวดหมู่หรือชื่อหมวดหมู่ที่เกี่ยวข้องมาให้ ต้องไปใช้เงื่อนไขในการรวมตารางอีก 3 ตาราง ดังที่เห็นในภาพ ให้เป็น view table เดียวกันก่อนจึงจะดึง name หรือ ชื่อหมวดหมู่ ที่อยู่ในตาราง terms ออกมาใช้งานได้ ซึ่งโดยส่วนตัวแล้วผมคิดว่า เดิมทีการใช้งาน Jquery mobile นั้นไม่ได้มีความซับซ้อนหรือแปลกใหม่อะไรมากนัก เพียงแต่ต้องเรียกใช้ tag ที่ผู้พัฒนาจัดทำขึ้นมาให้ถูกต้องก็สามารถเรียกใช้งานได้แล้ว เวลาเราโหลด Jquery mobile มาไว้ที่เครื่องของเราก็จะแนบแฟ้ม example มาให้เราแกะ code และสอนเรียกใช้งานเบื้องต้นให้อยู่แล้วครับ

อย่างไรก็ดี Jquery mobile นั้นเหมาะกับการเขียนเชิง web เสียมากกว่านำไปพัฒนาเป็นแอพ ฯ สำเร็จรูป ผู้อ่านสามารถศึกษาได้เองที่ http://jquerymobile.com/test/ (ขอบคุณภาพประกอบ dagondesign.com)

Jir4yu.

Jirayu Limjinda

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

แสดงความคิดเห็นของคุณที่นี่

loading, please wait..

loading, please wait..