IxEdit ใครจะคิดว่าทำ RIA หรือ Interaction จะง่ายดายเพียงนี้
เนื่องจากวันนี้อ่านข่าวเกี่ยวกับ Interaction Design แล้วเจอของดีเข้าครับซึ่งทำได้มากกว่าแค่เป็น Prototype แบบไวๆเจ้าเครื่องมือตัวนี้ชื่อ IxEdit ครับผมโดยผมจะข้ามกับความสัมพันธ์มันกับ Interaction Design ไปแต่มาพูดถึงแง่ Development กันดีกว่า โดยปกติการทำให้ Element ต่างๆของเว็บไซต์มี Interaction นั้นเราต้องเขียน Javascript เองแล้วข้อเสียคือเราเสียเวลา Search , Learn , Implement เป็นเวลาพอสมควร ถึงแม้คนที่เคยเขียนแล้วก็ยังจำไม่ได้อยู่ดี
เสร็จแล้ว jQuery UI ก็มาโปรดเราให้เราทำสิ่งเหล่านี้ได้ง่ายขึ้นไปอีก แต่แล้วเนื่องจากตัวมันใหญ่ + custom ได้มากทำให้ Developer เช่นผม งงกับมันอีกเช่นกัน แล้วยังไงก็ต้องอ่าน Doc แล้วก็พิมพ์ Code เองซึ่งเป็นสิ่งลำบากในการพัฒนาเป็นอย่างมาก “IxEdit” จะมาช่วยคุณแก้ปัญหาเหล่านั้นเพราะจากนี้ไปคุณแค่ “จิ้มๆๆๆ” แค่นี้ก็ได้ Interaction กับโครงสร้าง HTML แล้ว!! ไม่เชื่อหรอไปดูตัวอย่างที่เขาทำให้ดูกัน
ดูแล้วมัน OK เลยใช่ไหมละ แถมฟรีอีกตะหาก !! โดยถ้าดูจากรูปด้านบนผมเสียเวลาทำ Tab ด้วยเวลาเพียง 1 นาทีเท่านั้นครับ!! บอกได้คำเดียวว่าต้องลอง เอาละพูดข้อดีไปซะมากมาดูข้อดี ข้อเสียกัน
ข้อดี
- ใช้ง่ายติดตั้งง่าย
- เรียนวิธีใช้ได้ง่าย
- แค่คลิกๆๆ แล้ว Reload จะเห็นการเปลี่ยนแปลงทันที
- เมื่อ Refresh แล้วไม่หาย เราสามารถกลับมาทำงานทีหลังได้
- Code อ่านง่ายไม่พอง (Bloat)
- เปลี่ยน Theme ได้ง่ายเพราะมันใช้ jQuery UI เพียงแค่ไปหา Theme jQuery UI มาใช้แทน Sample ก็สามารถใช้ได้ทันที
- ทำเรื่อง Validate Field ได้ง่ายมากๆ
ข้อเสีย
- ต้องมีความรู้เรื่อง DOM/CSS อยู่บาง
- ต้องมีความรู้เรื่อง HTML Structure ของ jQuery UI ในตัวที่เลือกใช้เช่น Tab แต่ถ้า jQuery เฉยๆนี้แทบไม่ต้องรู้อะไรเลย คลิกๆๆแล้วก็เสร็จ
- ณ ตอนนี้มันเป็น Interaction อย่างเดียว มันไม่สามารถบอกว่ากดนี้แล้วไปดึง Ajax จาก URL นี้มา แล้วเอาข้อมูลมาลงใน Element นี้เป็นต้น
- ต้องมีเข้าใจเรื่อง Event-based ในระดับหนึ่ง
โดยรวมแล้วสำหรับผม ไอ้ข้อเสีย 4 ข้อเนี้ยผมคงเป็นที่ข้อสองอย่างเดียว เพราะผมจำไม่ได้หรอกว่าถ้าจะใช้อันนี้จะ HTML เป็นอย่างไร แต่โดยรวมแล้วผมให้คะแนน 8/10 เลยเพราะมันทำให้ผมทำ Interaction ได้ง่ายกว่าที่เคยเป็นมาก่อน แล้ว Code ไม่ gen แบบ Bloat ทำให้เมื่อผมต้องเอา code ที่ gen มาไปทำงานเพิ่มเติมส่วน Ajax หรืออื่นๆแล้ว ไม่มีปัญหาเลย ง่ายโคตรๆ ฝากไว้นิดหนึ่งคือถ้าจะได้ประสิทธิภาพสูงสุดควรออกแบบ HTML Structure ไว้ให้ดี + การเข้าใจเรื่องเขียน class / id แล้ว IxEdit จะสร้างผลลัพธ์ที่เป็น MasterPiece ได้เช่นกัน
