Kinraidee Project

โปรเจคนี้เป็นโปรเจคที่พัฒนาเว็บแอปพลิเคชันสำหรับสุ่มร้านอาหารให้ผู้ใช้งาน

ภาษา และ Framework ที่เกี่ยวข้อง

1. HTML & CSS
2. javascript
3. ajax
4. php
5. MySQL

โดยเว็บแอปพลิเคชัน Kinraidee จะมี features ดังนี้

1. หน้าเข้าสู่ระบบ เป็นหน้าแรกเมื่อเข้าสู่เว็บไซต์

• ปุ่มเข้าสู่ระบบ ทำหน้าที่เข้าสู่เว็ปแอปพลิเคชัน KinRaiDee
• สมัครสมาชิก ทำหน้าที่ลงทะเบียนผู้ใช้ใหม่เพื่อใช้งานเว็บแอปพลิเคชัน KinRaiDee
• ลืมรหัสผ่าน ทำหน้าที่เปลี่ยนรหัสผ่านหากผู้ใช้ลืมรหัสผ่าน

2. หน้าสมัครสมาชิก ทำหน้าที่ลงทะเบียนผู้ใช้งานรายใหม่เพื่อเก็บข้อมูลที่แตกต่างกันและเพื่อใช้ยืนยัน เข้าสู่ระบบแต่ละบุคคล

• มีช่องให้กรอกข้อมูล อีเมล,รหัสผ่าน, ชื่อจริง, นามสกุล, เลขทะเบียนบ้าน, ตำบล, อำเภอ,จังหวัด, รหัสไปรษณีย์, เบอร์โทรศัพท์
• เลือกสถานะของผู้ใช้ว่าเป็น ผู้ขาย หรือ ผู้ซื้อ
• สามารถเพิ่มรูปโปรไฟล์ผู้ใช้
• เมื่อกรอกข้อมูลครบถ้วนเรียบร้อย ทำการกดยืนยัน ระบบจะตรวจสอบข้อมูลว่าถูกรูปแบบหรือไม่หากไม่ถูกต้องจะแจ้งเตือนผู้ใช้และหากระบบตรวจสอบว่ากรอกอีเมลที่ซ้า จะแจ้งเตือนผู้ใช้หากถูกต้องทั้งหมดจะบันทึกข้อมูลเข้าสู่ฐานข้อมูล

3. หน้าแก้ไขข้อมูลส่วนตัว

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

4. หน้าหลัก

• เมื่อเข้าสู่หน้าหลักเป็นครั้งแรกจะมีแนะนำให้กดไอคอน KinRaiDee ขึ้นมา

• สามารถกดตรงรูปโปรไฟล์เพื่อไปแก้ไขข้อมูลส่วนตัวได้

• หลังจากผู้ใช้เข้าสู่ระบบเว็บแอปพลิเคชัน KinRaiDee เรียบร้อยแล้ว จะเข้าสู่หน้าหลักซึ่งภายใน หน้าหลักมีการแสดงรายการร้านอาหารยอดฮิตและร้านอาหารที่คุณอาจชื่นชอบ
• ระบบจะแสดงร้านอาหารทั้งหมดที่มีในฐานข้อมูล
• แต่ละร้านจะแสดงข้อมูล ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนผู้รีวิว, สถานะเปิด/ปิด, เวลา ทำการ

5. หน้าสุ่มรายการอาหาร

• ทำหน้าที่สุ่มรายการอาหารให้ผู้ใช้จำนวน 3 เมนูต่อรอบ เพื่อช่วยในการตัดสินใจสามารถกดอีกครั้งบริเวณปุ่มรายการสุ่มหรือ KinRaiDee บน Navigation bar เพื่อสุ่มอีกครั้ง
• เมนูอาหารสามารถนำไปยังหน้าร้านที่ขายอาหารนั้นๆ เพื่อดูข้อมูล

6. หน้าคำถามเพื่อแนะนำอาหาร

• หากผู้ใช้กดบริเวณไอคอนเว็บแอปพลิเคชั่นบน Navigation barจะเป็นการเข้าสู่โหมดคำถามโดยจะมีคำถามใหต้อบทั้งหมด 4 คำถามโดยคำถามที่ผู้ใช้ตอบ ระบบจะประมวลผลและแนะนำเมนูอาหารให้ผู้ใช้

7. หน้าเมนูอาหารแนะนำ

• หลังจากผู้ใช้ตอบคำถามระบบจะทำการแนะนำเมนูอาหารให้กับผู้ใช้
• กดเลือกเมนูอาหารจะสามารถนำไปยังหน้าร้านที่ขายอาหารนั้นๆ เพื่อดูข้อมูล

8. หน้าร้านอาหารทั้งหมด

• ระบบจะแสดงหน้าร้านอาหารทั้งหมดที่มีในฐานข้อมูลโดยจะแสดงร้านอาหารเพื่อเข้าสู่หน้าร้านอาหาร
• แต่ละร้านจะแสดงข้อมูล ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนการรีวิว, สถานะเปิด/ปิด,เวลาทำการ

9. หน้าร้านอาหาร ( Buyer )

• แสดงข้อมูลของร้านอาหารได้แก่ ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนการรีวิว, สถานะเปิด/ปิด, เวลาทำการ
• แต่ละเมนูจะแสดงชื่ออาหารและราคา รวมถึงสถานะของสินค้านั้น ๆ
• หน้าฟีดรีวิวของร้านแสดงข้อความรีวิวและภาพประกอบการรีวิว

10. หน้าฟีดแสดงรีวิวร้านอาหารทั้งหมด

• แสดงข้อความและภาพรีวิวล่าสุด 10 รายการที่ถูกบันทึกลงบนฐานข้อมูล

11. Search bar

• เมื่อนำเมาส์ไปชี้ตรงไอค่อนค้นหาจะปรากฏแถบค้นหาเพื่อกรอกชื่ออาหารหรือเมนูอาหารที่ต้องการค้นหา
• ระบบจะแสดงร้านอาหารและเมนูอาหารที่ผู้ใช้งานกรอกไว้

12. หน้าหลักร้านค้า ( Seller )

• หน้าหลักร้านค้าของผู้ขายแสดงข้อมูลร้านค้า รีวิวล่าสุด และรายการอาหาร หากทำการเปิดขายอาหารรายการนั้นอยู่จะขึ้นเป็นสีเขียวและหากปิดการขายจะขึ้นเป็นสีแดง
• สามารถทำการแก้ไขข้อมูลร้านอาหารและกดเพิ่มรายการอาหาร
• สามารถแก้ไขรายการอาหารโดยการกดไปที่รายการนั้นๆ เพื่อทำ การแก้ไข

13. เพิ่มข้อมูลรายการอาหาร

• สามารถเพิ่มขอ้มูลรายการอาหารโดยการเพิ่มชื่อราคา ประเภท สัญชาติรูปภาพ พร้อมใส่สถานะแสดงว่าเปิดหรือปิดการขายอยู่ในขณะนั้น

14. แก้ไขข้อมูลรายการอาหาร

• สามารถแก้ไขรายการอาหารโดยการแก้ไขชื่อราคาประเภท สัญชาติรูปภาพรวมถึงสถานะที่สามารถปรับเปลี่ยนการเปิดหรือปิดการขายและกดยืนยันเพื่อทำการบันทึกข้อมูล

15. แก้ไขข้อมูลร้านอาหาร

• สามารถแก้ไขข้อมูลของร้านอาหารโดยสามารถเปลี่ยนชื่อเวลาเปิด/ปิด หรือรูปภาพ และกดยืนยันเพื่อทำการบันทึกข้อมูลที่ทำการเปลี่ยนแปลง

16. เปลี่ยนรหัสผ่าน

• สามารถเปลี่ยนรหัสผ่านได้โดยการกรอกอีเมล ชื่อ นามสกุล เบอร์โทรศัพท์รหัสผ่านใหม่ยืนยันรหัสผ่านใหม่อีกครั้งและกด submit หากอีเมล ชื่อ นามสกุล และเบอร์โทรศัพท์ถูกต้องจะสามารถเปลี่ยนรหัสผ่านใหม่ได้

17. หน้ารีวิว

• ผู้ใช้สามารถทำการรีวิวอาหารที่ได้สั่งซื้อไปโดยกดเพิ่มรูปภาพอาหารที่ต้องการรีวิวให้คะแนนร้านอาหาร เขียนรีวิวโดยจะมีหัวและรายละเอียด และกดส่งรีวิวเพื่อทำการบันทึก

18. ปุ่มออกจากระบบบน profile menu ทำหน้าที่ออกจากระบบเมื่อผู้ใช้ไม่ต้องการใช้เว็บแอปพลิเคชันแล้ว