

แอปพลิเคชั่นมือถือ - จัดการการจองสำหรับร้านอาหาร
เว็บแอป - ระบบการจอง: API
โครงการ ComAdvisor ทำหน้าที่เป็น Application Programming Interface (API) แบบรวมศูนย์สำหรับสภาพแวดล้อมต่างๆ ซึ่งประกอบด้วยอินเทอร์เฟซการดูแลระบบ วิดเจ็ต แอปพลิเคชันมือถือ และระบบสำหรับสร้างและจัดการเว็บไซต์ นอกเหนือจากเว็บไซต์สาธารณะ รายละเอียดเพิ่มเติมเกี่ยวกับแต่ละส่วนประกอบจะมีการแจ้งให้ทราบในภายหลัง โดยเฉพาะอย่างยิ่ง API นี้มีบทบาทสำคัญในการเป็นศูนย์กลางสำหรับแบรนด์ที่แตกต่างกันสองแบรนด์ ได้แก่ Bons Restaurants ในฝรั่งเศสและ Aroi Restaurants ในประเทศไทย โดยทำหน้าที่เป็นแรงผลักดันที่เชื่อมโยงและประสานสองหน่วยงานนี้เข้าด้วยกัน เมื่อเราเจาะลึกลงไปในประวัติของโครงการ ComAdvisor มีอยู่มาสักระยะหนึ่งแล้ว เวอร์ชันเริ่มต้นของ API ได้รับการพัฒนาโดย Outsourcify ในปี 2018 โดยมีการรวม Reserve With Google เกิดขึ้นในปี 2022 ในช่วงเวลาดังกล่าว โครงการ ComAdvisor มีร้านอาหารจำนวนมากอยู่แล้ว จึงจำเป็นต้องมีกระบวนการย้ายข้อมูล เนื่องจากตัวเลือกเทคโนโลยีได้เอื้อประโยชน์ต่อ PHP และกรอบงาน Symfony ในตอนแรก เราจึงรักษาความต่อเนื่องโดยเปลี่ยนจากเวอร์ชัน Symfony 4 ไปเป็น Symfony 6
แพลตฟอร์มการจัดการร้านอาหารอร่อย
ตามชื่อของมัน อินเทอร์เฟซการดูแลระบบช่วยให้ผู้ดูแลระบบสามารถดูแลระบบ ComAdvisor ทั้งหมดได้ โดยรวมลำดับชั้นการเข้าถึงที่มีโครงสร้างสำหรับการจัดการที่แม่นยำ อินเทอร์เฟซนี้ถูกแบ่งออกเป็นหลายส่วนโดยแบ่งออกเป็นสองส่วนซึ่งมีความสำคัญเฉพาะส่วนแรก ส่วนแรกมีไว้สำหรับผู้ดูแลระบบระดับสูงซึ่งมีสิทธิ์ที่ครอบคลุม ซึ่งทำให้สามารถดำเนินการที่จำเป็นทั้งหมดได้ โดยพื้นฐานแล้ว ผู้ดูแลระบบระดับสูงจะมีอำนาจอย่างกว้างขวาง จึงได้รับตำแหน่งผู้ดูแลระบบระดับสูง ส่วนที่สองเกี่ยวข้องกับผู้ดูแลระบบ “แบบคลาสสิก” ซึ่งสามารถเข้าสู่ระบบและจัดการแบรนด์เฉพาะ เช่น Bons Restaurants หรือ Aroi Restaurants ฟังก์ชันพื้นฐานสำหรับผู้ดูแลระบบแบบคลาสสิกประกอบด้วยงานต่างๆ เช่น การเพิ่มและแก้ไขร้านอาหาร การสร้างเว็บไซต์ และการจัดการวิดเจ็ต ซึ่งเกี่ยวข้องกับการปรับเปลี่ยนเวลาเปิดทำการของร้านอาหาร การอัปเดตห้องและบริการที่มีอยู่ และอื่นๆ โดยพื้นฐานแล้ว ผู้ดูแลระบบเหล่านี้จะได้รับประโยชน์จากฟังก์ชันที่ปรับแต่งมาสำหรับการจัดการเฉพาะแบรนด์ที่พวกเขาดูแล อินเทอร์เฟซการดูแลระบบได้รับการสร้างขึ้นโดยใช้ VueJs/Nuxt
วิดเจ็ตร้านอาหาร Aroi และสำรองที่นั่งด้วย Google
ระบบนี้ช่วยให้เจ้าของร้านอาหารมีเครื่องมือที่มีประสิทธิภาพสองอย่างเพื่อปรับปรุงกระบวนการทำงานและเพิ่มประสิทธิภาพการจัดการเวลา ได้แก่ วิดเจ็ตที่ให้ลูกค้าจองโต๊ะได้อย่างง่ายดายและระบบ Reserve with Google ซึ่งช่วยให้จองโต๊ะได้โดยตรงผ่าน Google Maps วิดเจ็ตนี้มอบความยืดหยุ่นที่ยอดเยี่ยมให้กับเจ้าของร้านอาหาร ช่วยให้สามารถจัดวางได้อย่างมีกลยุทธ์ ไม่ว่าจะในโพสต์โซเชียลมีเดียที่มีลิงก์โดยตรง บนเว็บไซต์โดยใช้ระบบ iFrame หรือผสานเข้ากับ WordPress CMS ได้อย่างราบรื่นด้วยปลั๊กอินที่ดาวน์โหลดได้เพื่อแสดงหน้าต่างๆ บนเว็บไซต์ได้อย่างง่ายดาย ไม่ว่าจะใช้เครื่องมือหรือ Reserve with Google เราก็ช่วยให้เจ้าของร้านอาหารจัดระเบียบเวลาเปิดทำการตามห้องและบริการได้อย่างมีประสิทธิภาพ ซึ่งช่วยให้ลูกค้าสามารถนำทางได้ดียิ่งขึ้น ฟังก์ชันวิดเจ็ตเพิ่มเติมเน้นที่รีวิว โดยลูกค้าจะได้รับอีเมลพร้อมลิงก์เพื่อแบ่งปันความคิดเห็นในวันรุ่งขึ้นหลังรับประทานอาหาร และสามารถแสดงรีวิวเหล่านี้ได้อย่างโดดเด่นโดยใช้วิดเจ็ต การพัฒนาอินเทอร์เฟซวิดเจ็ตทำได้โดยใช้ VueJs
การแจ้งเตือนและงานอัตโนมัติ
ในการพัฒนาแพลตฟอร์มนี้ เป้าหมายหลักของเราคือการทำให้การทำงานของเจ้าของร้านอาหารง่ายขึ้นมากที่สุด นี่คือเหตุผลที่เรานำระบบแจ้งเตือนและระบบอัตโนมัติมาใช้
ตัวอย่างเช่น เมื่อลูกค้าทำการจองผ่านวิดเจ็ต (หรือจองด้วย Google) ระบบจะส่งการแจ้งเตือนไปยังแอปพลิเคชันมือถือ อีเมล และ SMS ทันทีเพื่อแจ้งให้เจ้าของร้านอาหารทราบถึงการจองใหม่ เจ้าของร้านอาหารเพียงแค่ใช้แอปพลิเคชันมือถือเพื่ออนุมัติหรือปฏิเสธการจอง และสามารถดำเนินการนี้ได้โดยคลิกลิงก์ที่ให้ไว้ในอีเมล
นอกจากนี้ยังมีการรวมการแจ้งเตือนอื่น ๆ เช่น การยกเลิกการจอง
เพื่อความสะดวกของลูกค้า เราได้จัดทำระบบอีเมลเพื่อแจ้งให้ทราบเมื่อส่งการจองแล้ว และเมื่อเจ้าของร้านอาหารอนุมัติหรือปฏิเสธการจอง นอกจากนี้ ลูกค้าจะได้รับอีเมลแจ้งเตือนรายละเอียดการจองก่อนรับประทานอาหารไม่กี่ชั่วโมง
นอกจากนี้เรายังได้พัฒนาระบบให้คะแนนอีกด้วย โดยในวันรุ่งขึ้นหลังจากรับประทานอาหาร ลูกค้าจะได้รับอีเมลพร้อมลิงก์เพื่อให้เขียนรีวิวและให้คะแนนประสบการณ์ที่ตนได้รับในวันก่อนหน้า
นอกจากนี้ ระบบอัตโนมัติทางเทคนิคอื่นๆ ยังถูกบูรณาการผ่านการใช้ CronJobs อีกด้วย ซึ่งรวมถึงกระบวนการสร้างไซต์สาธารณะของ BonsRestaurants และ Aroi Restaurants ขึ้นมาใหม่ รวมถึงการดำเนินการงานประจำที่จำเป็นสำหรับการทำงานที่ราบรื่นของระบบ Reserve ร่วมกับ Google
เครื่องกำเนิดเว็บไซต์
ปัจจุบัน Aroi Restaurants เสนอตัวเลือกง่ายๆ ให้ลูกค้าในการสร้างเว็บไซต์ของตนเอง เพื่อจุดประสงค์นี้ เราจึงได้จัดทำระบบสร้างเว็บไซต์ที่สมบูรณ์ซึ่งสามารถเข้าถึงได้โดยตรงจากอินเทอร์เฟซผู้ดูแลระบบ
เครื่องกำเนิดไฟฟ้าซึ่งพัฒนาด้วย PHP และกรอบงาน Symfony นำเสนอเทมเพลตและตัวเลือกต่างๆ มากมายสำหรับปรับแต่งเว็บไซต์ร้านอาหารให้เหมาะสมที่สุด เทมเพลตแต่ละอันได้รับการปรับให้เหมาะสมเพื่อให้มองเห็นได้ชัดเจนที่สุดโดยใช้เทคนิค SEO ขั้นสูง
ยิ่งไปกว่านั้น เราได้พัฒนาระบบที่สมบูรณ์สำหรับการสร้างไซต์สเตจจิ้ง และปรับใช้ไซต์โดยอัตโนมัติเมื่อเผยแพร่
การโยกย้ายข้อมูลจาก V1 ไปยัง V2 และการเปลี่ยนเส้นทาง
เมื่อสร้างเว็บไซต์หรือแม้แต่แพลตฟอร์มประเภทนี้ มักหลีกเลี่ยงขั้นตอนการย้ายข้อมูลไม่ได้ ซึ่งเกี่ยวข้องกับการถ่ายโอนข้อมูลที่มีอยู่ไปยังระบบใหม่ ในกรณีของ Aroi Restaurants ขั้นตอนนี้มีความจำเป็น เนื่องจาก Bons Restaurants ดำเนินกิจการในฝรั่งเศสมาระยะหนึ่งแล้ว และรวบรวมข้อมูลและรูปภาพจำนวนมาก เราตั้งเป้าที่จะทำให้การเปลี่ยนแปลงนี้เป็นไปอย่างราบรื่น
เราพัฒนาสคริปต์ SQL หลายตัวเพื่อให้แน่ใจว่ากระบวนการนั้นเหมาะสมที่สุด เราสร้างฐานข้อมูลหลายตัวและจำลองการเปิดตัวระบบจริงหลายครั้งเพื่อให้แน่ใจว่าเราพร้อมสำหรับวันสำคัญ
ในส่วนของการโยกย้ายรูปภาพ จำเป็นต้องใช้วิธีการที่แตกต่างออกไป เนื่องจากระบบก่อนหน้านี้จัดประเภทรูปภาพแตกต่างกัน เราจึงต้องดาวน์โหลดไฟล์ทั้งหมดลงในคอมพิวเตอร์และสร้างสคริปต์ Python เพื่อจัดระเบียบใหม่ตามตรรกะของระบบใหม่ หลังจากการทดสอบและวิเคราะห์ข้อมูลหลายครั้ง เราสามารถโยกย้ายรูปภาพทั้งหมดได้โดยไม่มีปัญหาใดๆ
การโยกย้ายข้อมูลเป็นขั้นตอนที่สำคัญ แต่การจัดการการเปลี่ยนเส้นทางก็สำคัญเช่นกัน การเปลี่ยนจากเวอร์ชัน 1 เป็นเวอร์ชัน 2 อาจทำให้ลิงก์บางลิงก์เสียหายได้ โดยเฉพาะลิงก์ที่แชร์ผ่านวิดเจ็ตบนโซเชียลเน็ตเวิร์กหรือบนเว็บไซต์ของลูกค้าโดยตรง เพื่อคาดการณ์สถานการณ์นี้ เราใช้เวลาหลายชั่วโมงในการสแกปไซต์ที่มีอยู่และวิเคราะห์ลิงก์ทั้งหมดเพื่อสร้างการเปลี่ยนเส้นทางที่จำเป็นทั้งหมด นอกจากนี้ เรายังได้พัฒนาสคริปต์ Python เพื่อแทนที่ลิงก์ในฐานข้อมูลเก่าด้วยลิงก์ในฐานข้อมูลใหม่โดยอัตโนมัติ
ในวัน D-Day เราต้องบล็อกบริการ ComAdvisor ทั้งหมดเพื่อบันทึกข้อมูลและไฟล์ โดยเรียกใช้สคริปต์ทั้งหมดเป็นครั้งสุดท้าย เราได้ตั้งค่าเพจการบำรุงรักษาในช่วงเวลานี้ เมื่อการโยกย้ายเสร็จสิ้นแล้ว เราจะตรวจสอบเพจและฟังก์ชันต่างๆ เพื่อให้แน่ใจว่าแพลตฟอร์มทำงานได้อย่างราบรื่น
เว็บไซต์สาธารณะ
เราพัฒนาเว็บไซต์ร้านอาหาร Aroi โดยใช้เทคโนโลยี Astro ร่วมกับ Vue.js ซึ่งมอบประสิทธิภาพที่โดดเด่น Astro โดดเด่นด้วยความสามารถในการสร้างเว็บไซต์อย่างมีประสิทธิภาพ ซึ่งหมายความว่าหน้าที่ดูไม่จำเป็นต้องเรียกใช้ API ยกเว้นหน้าค้นหา Astro จะแสดงหน้า HTML แบบคงที่แก่ผู้เยี่ยมชม ซึ่งช่วยปรับปรุงการตอบสนองของเว็บไซต์ได้อย่างมาก
เว็บไซต์สาธารณะของร้านอาหาร Aroi นำเสนอรายชื่อร้านอาหารที่พร้อมให้บริการแก่ผู้เยี่ยมชม รวมถึงหน้าที่อุทิศให้กับบริการต่างๆ โดยอธิบายรายละเอียดข้อเสนอต่างๆ ที่ร้านอาหาร Aroi มอบให้
WordPress Headless สำหรับบล็อก
เว็บไซต์ร้านอาหาร Aroi นำเสนอบล็อกให้กับผู้เยี่ยมชม เพื่อให้บล็อกนี้ใช้งานได้อย่างมีประสิทธิภาพและเป็นมิตรต่อผู้ใช้ เราจึงเลือกใช้ WordPress CMS อย่างไรก็ตาม เว็บไซต์ของเราใช้เทคโนโลยี Astro ในการสร้างหน้า
เพื่อประสานเทคโนโลยีทั้งสองนี้เข้าด้วยกัน เราจึงสร้างการเชื่อมต่อระหว่าง REST API ของการติดตั้ง WordPress และ API ส่วนกลางของเรา ซึ่ง API ส่วนกลางจะทำหน้าที่เป็นตัวกลางระหว่าง REST API ของ WordPress และเว็บไซต์ Astro ของเรา การใช้เฉพาะ WordPress API อาจมีความซับซ้อนเนื่องจาก
เป็นรูปแบบข้อมูล ตัวอย่างเช่น การตอบสนองโพสต์จะไม่รวม URL ของรูปภาพเด่นโดยตรง แต่รวม ID ของรูปภาพเหล่านั้นด้วย หากต้องการรับ URL นี้ จำเป็นต้องเรียก API อีกครั้ง
ดังนั้น API ของเราจึงดูแลการเรียก API ของ WordPress ทั้งหมดนี้และส่งคืนข้อมูลให้กับส่วนหน้าในรูปแบบที่เหมาะสมที่สุด
เราได้พัฒนาปลั๊กอิน WordPress ขนาดเล็กเพื่อเริ่มคำสั่งสร้างใหม่บนเซิร์ฟเวอร์ของเรา การดำเนินการนี้จะสร้างหน้า HTML ของ Astro ขึ้นมาใหม่และอัปเดตข้อมูลโดยอัตโนมัติ
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!
ติดต่อเรา