Posted by suthamas | Posted in Ajax | Posted on 29-09-2009
0
ปัญหาการใช้งานเกี่ยวกับปุ่ม “ย้อนกลับ”
เนื่องจากว่าเทคนิค เอแจ็กซ์นั้นทำงานในฉากหลัง และไม่ได้เรียกหน้าใหม่ ทำให้เวลาใช้ปุ่ม “ย้อนกลับ” (back) ในเว็บเบราว์เซอร์ อาจจะไม่ได้หน้าที่ควรจะเป็น ผู้พัฒนานั้น ได้คิดค้นวิธีการแก้ไขปัญหานี้หลากหลายรูปแบบด้วยกัน หนึ่งในวิธีที่ใช้แก้ไขปัญหานี้อย่างแพร่หลายคือการใส่ IFRAME ที่มองไม่เห็นเพื่อสั่งให้เว็บเบราว์เซอร์เปลี่ยนแปลงรายการหน้าของปุ่มก่อน หน้านี้
ปัญหาในการคั่นหน้า
เนื่องจากว่าข้อมูลสามารถเปลี่ยนแปลงโดยไม่ต้องโหลดหน้าใหม่นั้น ทำให้ยากต่อการที่จะคั่นหน้าใน สถานะปัจจุบันที่ต้องการ เนื่องจากถือว่าเป็นหน้าเดียวกัน. อย่างไรก็ตาม นักพัฒนาซอฟต์แวร์ได้คิดค้นวิธีการแก้ไขปัญหานี้ โดยการใส่ ชิ้นส่วนตัวแปร (fragment identifier) ใส่ในส่วนของURL ตามหลังเครื่องหมาย ‘#’ เพื่อใช้ในการระบุสถานะของเว็บแอปพลิเคชัน สาเหตุที่ใช้วิธีนี้ได้นั้นเนื่องจากว่าจาวาสคริปต์นั้นสามารถเปลี่ยนชิ้น ส่วนตัวแปรนี้ได้โดยไม่ต้องโหลดหน้าใหม่. อย่างไรก็ตามวิธีแก้ไขปัญหานี้ไม่ใช่วิธีที่สมบูรณ์แบบ
เวลาที่ใช้ในการรับส่งข้อมูล
เนื่องจากว่าผู้ใช้อาจจะรู้สึกถึงความล่าช้าได้ ซึ่งในหลายกรณีผู้ใช้อาจจะไม่เข้าใจถึงสาเหตุ. ความล่าช้าในเทคนิค เอแจ็กซ์นั้นจะเห็นได้ชัดกว่าการโหลดหน้าใหม่ทั้งหน้า เนื่องจากเวลาโหลดทั้งหน้าใหม่นั้น สายตาจะได้รับข้อมูลการปรับเปลี่ยน ทำให้ผู้ใช้รับทราบว่าหน้ากำลังโหลดอยู่ ประเด็นนี้จึงเป็นปัจจัยที่ผู้พัฒนาควรที่จะคำนึงถึงระหว่างการออกแบบเว็บแอพลิเคชัน โดยผู้พัฒนาส่วนใหญ่นั้น ได้แก้ไขปัญหานี้โดยใช้รูปภาพแสดงว่าข้อมูลส่วนดังกล่าวกำลังโหลดอยู่ในฉาก หลัง เพื่อลดความรู้สึกดังกล่าว
ปัญหาความเข้ากันได้กับเสิร์ชเอนจิน
ผู้พัฒนายังต้องคำนึงการออกแบบ ที่จะให้เสิร์ชเอนจินต่างๆ นั้นสามารถอ่านและจัดทำดัชนีได้. ปัญหานี้ไม่ใช่ปัญหาที่เกิดขึ้นกับเว็บแอปพลิเคชันที่ใช้เทคนิค เอแจ็กซ์เท่านั้น แต่ยังเกิดขึ้นกับเว็บที่ดึงข้อมูลหน้าใหม่ทั้งหมดจากการตอบรับ เช่น กดปุ่ม เป็นต้น
ความน่าเชื่อถือของจาวาสคริปต์
เนื่องจากว่าเอแจ็กซ์ใช้จาวาสคริปต์ ซึ่งจาวาสคริปต์นั้นอาจทำงานแตกต่างกันขึ้นอยู่กับเว็บเบราว์เซอร์หรือรุ่น ของเว็บเบราว์เซอร์นั้นๆ และหากต้องการให้เข้ากันได้ในหลายเว็บเบราว์เซอร์ อาจต้องการการทดสอบและตรวจสอบความเข้ากันได้บนเบราว์เซอร์ต่างๆ ซึ่งบางครั้งอาจจำเป็นที่จะต้องเขียนโค้ดแยกเช่นบางส่วนสำหรับไออี และอีกส่วนสำหรับไฟร์ฟอกซ์เป็นต้น
Posted by suthamas | Posted in Ajax | Posted on 25-09-2009
0
ข้อดี
สามารถประมวลผลได้เร็ว เรียกดูข้อมูลได้ทันที โดยไม่ต้องรีเฟรชหน้านั้นๆ
ขนาดการรับส่งข้อมูล
เทคนิคเอแจ็กซ์นั้นสามารถสร้าง HTML ได้ในเครื่องผู้ใช้ ทำให้ขนาดข้อมูลนั้นเล็กลงในครั้งต่อๆไป เพราะสามารถส่งเพียงข้อมูล และคำสั่งจาวาสคริปต์ลงมาเฉพาะส่วนที่มีการเปลี่ยนแปลง แทนที่จะต้องส่งข้อมูลใหม่หมดมาทั้งหน้า. ซึ่งทั้งนี้ขึ้นอยู่กับการออกแบบของเว็บแอปพลิเคชันนั้นๆ
ความรวดเร็วในการตอบสนอง
เนื่องจากการใช้เทคนิค เอแจ็กซ์นั้นทำให้การเปลี่ยนแปลงต่างๆ เช่นการแก้ไข เพิ่มเติม ลบทิ้งรายการข้อมูล หรือการดึงข้อมูลที่ต้องการจะค้นหานั้น สามารถทำได้ในฉากหลัง ทำให้ผู้ใช้รู้สึกการตอบสนองนั้น คล้ายคลึงกับโปรแกรมคอมพิวเตอร์ มากกว่าเว็บปกติที่ต้องรอโหลดใหม่ทั้งหน้าสำหรับการเปลี่ยนแปลงต่างๆ
Posted by suthamas | Posted in Opensource | Posted on 24-09-2009
0
การติดตั้ง Joomla!
Joomla! เป็น CMS ยอดนิยม อีกตัวหนึ่ง ที่คนทำเว็บทั่วโลกเลือกใช้กัน ด้วยอินเตอร์เฟสผู้ใช้งาน (GUI) ที่เป็นมิตร บวกกับความสามารถที่ยืดหยุ่นและหลากหลาย ทำให้ในช่วงเวลาเพียงไม่กี่ปี ความนิยมใน Joomla! ก็แซงหน้ารุ่นพี่อย่าง Mambo ไปอย่างง่ายดาย นอกจากนี้ Joomla! ยังมี Template หรูหราให้ดาวน์โหลดมาใช้ได้ฟรีๆอีกไม่น้อย ลองไปเลือกดูที่ joomla.org
ขั้นตอนการติดตั้ง Joomla! ก็ง่ายเช่นเดียวกับ CMS ตัวอื่นๆ ดังนี้
1. ดาวน์โหลด Joomla! เวอร์ชั่นล่าสุดได้ที่ joomla.org หรือถ้าอยากใช้ Joomla! สายพันธุ์ไทย ก็ไปที่ จูมล่าลายไทย และ จูมล่าสยาม
2. unpack แล้วก็อัพโหลดไฟล์ทั้งหมดขึ้นโฮสต์ จากนั้นก็สร้างดาต้าเบส ดูวิธีสร้างดาต้าเบสแบบง่ายๆสำหรับ ohweb free host ได้ที่ vista-panel/create-database
3. เสร็จแล้วก็ไปที่ URL หรือชื่อเว็บไซต์ของคุณ และ path ที่คุณอัพโหลดไฟล์ไว้ เช่น http://yoursite.ohweb.info/่joomla/ เปลี่ยน yoursite เป็นชื่อเว็บของคุณ) คุณก็จะเจอหน้าต้อนรับจาก Joomla! ก็เลือกติดตั้งภาษาไทยได้เลย
4. Joomla! จะตรวจสอบก่อนการติดตั้ง เพื่อดูว่าโฮสรองรับความต้องการของมันได้หรือไม่ ถ้าเป็นสีเขียวหมด ก็ผ่าน ถ้าเจอสีแดงตรงไหนก็ให้แก้
5. หน้าต่อมาคือ ประกาศลิขสิทธิ์แบบ GNU/GPL ของ Joomla! หรือ Open Source Software ที่เราสามารถนำไปใช้งานได้ฟรีนั้นเอง
6. แล้วก็มาตั้งค่าพื้นฐานเกี่ยวกับดาต้าเบส สำหรับข้อมูลดาต้าเบสของคุณใน ohweb free host ดูได้ใน vista panel
7. ส่วนการตั้งค่าระบบ FTP ไม่แนะนำให้ใช้ ถ้าคุณไม่สามารถสร้างแอคเคานต์ผู้ใช้งาน FTP ได้หลายแอคเคานต์ เช่นใน ohweb free host
8. ตั้งชื่อเว็บไซต์ Joomla! ของคุณ พร้อมกับกรอก อีเมลแอดเดรสและรหัสผ่านของแอดมิน
9. ถ้าต้องการติดตั้งข้อมูลเว็บไซต์ไว้ดูเป็นตัวอย่างด้วย ก็ให้คลิ๊กเลือก ติดตั้งข้อมูลตัวอย่าง
10. เมื่อการติดตั้งเสร็จสิ้น ก็จะปรากฏคำเตือนให้ ลบหรือเปลี่ยนชื่อโฟลเดอร์ installation เพื่อความปลอดภัยจากการติดตั้งซ้ำซ้อน
11. จากนั้นก็ล็อกอิน ได้เลย username คือ admin และ password ที่คุณตั้งไว้เองก่อนหน้า
Posted by suthamas | Posted in Ajax | Posted on 23-09-2009
0
วิธีการทำงานของเว็บแอปพลิเคชันแบบดังเดิมนั้น โดยปกติแล้วเมื่อผู้ใช้ทำการร้องขอข้อมูลจากเซิร์ฟเวอร์ ตัวเว็บเบราว์เซอร์จะทำการส่งข้อมูลการร้องขอโดยใช้โพรโทคอล HTTP เพื่อติดต่อกับเว็บเซิร์ฟเวอร์ และที่เว็บเซิร์ฟเวอร์จะทำการประมวลผลจากการร้องขอที่ได้รับ และส่งผลลัพธ์เป็นหน้า HTML กลับไปให้ผู้ใช้ วิธีการข้างต้นเป็นวิธีการแบบการร้องขอและการตอบรับ (Request and Response) ซึ่งผู้ใช้จะต้องรอระหว่างที่เซิร์ฟเวอร์ประมวลผลอยู่ ซึ่งเป็นหลักการทำงานแบบ Synchronous แต่การทำงานของเว็บแอปพลิเคชันที่ใช้เทคนิคเอแจ็กซ์จะเป็นการทำงานแบบ Asynchronous หรือการติดต่อสื่อสารแบบไม่ต่อเนื่อง โดยเซิร์ฟเวอร์จะทำการส่งผลลัพธ์เป็นเว็บเพจให้ผู้ใช้ทันทีโดยไม่ต้องรอให้ ประมวลผลเสร็จก่อน หลังจากนั้นเว็บเพจที่ผู้ใช้ได้รับจะทำการดึงข้อมูลในส่วนต่างๆทีหลัง หรือจะดึงข้อมูลก็ต่อเมื่อผู้ใช้ต้องการเท่านั้น (ทำงานอยู่เบื้องหลัง)
ภาพเปรียบเทียบการติดต่อสื่อสาร ระหว่างเว็บแอปพลิเคชันแบบดังเดิมกับแบบที่ใช้ เอแจ็กซ์
