AJAX&Web GIS

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

          เทคโนโลยีหนึ่งที่มีบทบาทสำคัญในการช่วยผลักดันให้เกิดการเปลี่ยนแปลงก็คือ AJAX (Asynchronous JavaScript and XML)  หลายๆท่านอาจจะคุ้นหูกันมาบ้างแล้ว ตัวอย่างหนึ่งที่สามารถเห็นได้ชัดก็คือ Google Map โดยมีการนำ Ajax ไปใช้เป็นส่วนหนึ่งสำหรับเป็นช่องทางในการรับส่งข้อมูลจากแม่ข่ายและลูกข่าย

12.jpg

ภาพที่ 1 แสดงตัวอย่าง Google Map Application

         AJAX คือเทคโนโลยีที่รวมเอาความสามารถของ JavaScriptและ XML เข้าไว้ด้วยกัน เพื่อเพิ่มประสิทธิภาพในการทำงานของ Client ลดระยะเวลาในการรับส่งข้อมูลจากแม่ข่าย ซึ่งไม่ต้องทำการโหลดเว็บเพจใหม่ทั้งหมดโดยการนำแนวคิดของการรับส่งข้อมูลด้วย XML มาใช้ กล่าวคือการทำงานของ web ในปัจจุบันลูกข่าย (Client) ร้องขอข้อมูลไปยังแม่ข่าย (Server) ผลลัพธ์ที่ได้กลับมาคือข้อมูลที่อยู่บนหน้าเวปเพจใหม่ (Data+html) ทำให้ต้องเกิดการรับส่งข้อมูลในส่วนของการแสดงผลเพิ่มขึ้นจากข้อมูลที่ผู้ใช้ต้องการ

              เทคโนโลยีของ AJAX จะมีการทำงานในรูปแบบการรับส่งเฉพาะข้อมูล(xml) เมื่อแม่ข่ายรับคำร้องจากลูกข่ายและทำการประมวลผลแล้วจะจัดส่งเฉพาะผลลัพธ์ที่ได้ในรูปแบบ xml มายังลูกข่ายและ JavaScript ที่ฝั่งลูกข่ายจะทำหน้าที่จัดการในการแสดงผล ทำให้ลดขนาด bandwidth และเวลาในการรับข้อมูลจากแม่ข่าย เนื่องจากมีการรับ-ส่งเฉพาะข้อมูล ไม่รวมส่วนประกอบในการแสดงผลอื่นๆ

10.jpg

ภาพที่ 2 แสดงตัวอย่าง Application ที่ใช้ ajax

            จากภาพที่ 2 ผู้ใช้กรอกข้อมูลพารามิเตอร์ในการประมวลผล เพื่อเรียกดูภาพเคลื่อนไหวบริเวณสองข้างทาง เมื่อกดปุ่ม submit ข้อมูลจะถูกเข้ารหัสแบบ xml แล้วส่งผ่านช่องทางของ XMLHttpRequest เมื่อระบบประมวผลเสร็จก็จะแสดงภาพเคลื่อนไหว

11.jpg

ภาพที่ 3 แสดงการระบุตำแหน่งของภาพเคลื่อนไหวบนถนนด้วยเทคนิค AJAX

 

Advertisements

3 thoughts on “AJAX&Web GIS

Add yours

  1. เป็นประโยชน์มากเลยครับ ผมเองก็เคยได้ยิน ajax มานานแล้ว
    วันนี้ได้เห็นตัวอย่างทางงาน Web GIS ด้วยก็เข้าใจถึงประโยชน์มากขึ้น

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

บลอกที่ WordPress.com .

Up ↑

%d bloggers like this: