modify chmanager booking plugin shortcode frontend thumbnail

โมปลั๊กอิน CHmanager ระบบจองห้องพักให้แสดงผลได้ที่หน้าบ้าน ( Front-end )

ติดต่องาน

ความต้องการของลูกค้า ( Requirement )

พอร์ตนี้เป็นส่วนหนึ่งของโปรเจค “โมปลั๊กอิน CHMANAGER ให้สามารถทำงานร่วมกับธีม SOHO HOTEL”

CHmanager คือ ปลั๊กอินจัดการห้องพักที่ทางเราได้พัฒนาขึ้นตามความต้องการของลูกค้า ซึ่งลูกค้าต้องการโมเพื่อเพิ่มระบบและปรับแต่งให้ใช้งานร่วมกับธีม Soho Hotel ซึ่งเป็นธีมสำหรับโรงแรมหรือรีสอร์ท

  • จากเดิม ปลั๊กอิน CHManager นั้นสามารถเข้าถึงได้เฉพาะผู้ดูแลระบบหลังบ้านโรงแรมเท่านั้น ทางลูกค้าต้องการให้ระบบสมบูรณ์แบบมากขึ้น เนื่องจากการจองห้องพักโดยการคลิกที่ปฏิทินโดยตรงนั้นง่ายกว่าแบบเดิมที่ต้องเลือกช่วงวันที่เข้าพักและต้องมาเลือกห้องพักอีกครั้งหนึ่ง ลูกค้าจึงต้องการให้ความง่ายนี้ได้เข้าถึงผู้ต้องการเข้าพักทุกคนที่จองห้องผ่านทางหน้าบ้าน พร้อมกันนี้ยังเพิ่มระบบที่จำเป็นอื่นๆ เช่น ระบบชำระเงิน, ระบบบันทึกภาพการจอง และอื่นๆ ซึ่งจะกล่าวถึงในพอร์ตถัดๆ ไป
  • นอกจากแสดงผลได้ที่ Front-end แล้ว ยังต้องดำเนินการออกแบบการแสดงผลการจองให้ง่ายต่อ Tablet และ Mobile อีกด้วย

ผลลัพธ์การโม (Modified)

  • ดำเนินการสร้าง Shortcode สำหรับแสดงปฏิทินการจองที่ใช้ระบบเดียวกับ CHmanager ที่หลังบ้าน แต่ตัดส่วนการตั้งค่าราคาห้องพักและราคาต่างๆ ได้ด้วยตนเองออกไป เนื่องจากควรให้แค่ผู้ดูแลระบบโรงแรมดำเนินการเท่านั้น โดยแสดงผลที่หน้าบ้าน ดังรูป modify chmanager booking plugin shortcode frontend full
  • การแสดงผลด้วย Tablet แสดงผล ดังรูป modify chmanager booking plugin shortcode frontend tablet
  • การแสดงผลด้วย Mobile จะมีขั้นตอนการแสดงผล 3 ขั้นตอนต่างจากหน้าจอรูปแบบอื่น ดังนี้
    • แสดงผลปกติไม่มีแบบฟอร์มหรือปุ่มการจอง ดังรูป modify chmanager booking plugin shortcode frontend mobile unbook
    • หลังจากมีการจองห้องพัก จะแสดงปุ่มการจองที่บริเวณด้านล่างของจอแบบ Fixed ดังรูป modify chmanager booking plugin shortcode frontend mobile booking
    • เมื่อคลิก "จอง" ห้องพัก จึงแสดงป็อบอัพแบบฟอร์มการจองห้องพักอีกครั้ง แบบเต็มหน้าจอ ดังรูป modify chmanager booking plugin shortcode frontend mobile booked