โปรเจคนี้เป็นโปรเจคที่พัฒนาเว็บแอปพลิเคชันสำหรับสุ่มร้านอาหารให้ผู้ใช้งาน
ภาษา และ Framework ที่เกี่ยวข้อง
1. HTML & CSS
2. javascript
3. ajax
4. php
5. MySQL
โดยเว็บแอปพลิเคชัน Kinraidee จะมี features ดังนี้
- หน้าเข้าสู่ระบบ เป็นหน้าแรกเมื่อเข้าสู่เว็บไซต์
- ปุ่มเข้าสู่ระบบ ทำหน้าที่เข้าสู่เว็ปแอปพลิเคชัน KinRaiDee
- สมัครสมาชิก ทำหน้าที่ลงทะเบียนผู้ใช้ใหม่เพื่อใช้งานเว็บแอปพลิเคชัน KinRaiDee
- ลืมรหัสผ่าน ทำหน้าที่เปลี่ยนรหัสผ่านหากผู้ใช้ลืมรหัสผ่าน
- หน้าสมัครสมาชิก ทำหน้าที่ลงทะเบียนผู้ใช้งานรายใหม่เพื่อเก็บข้อมูลที่แตกต่างกันและเพื่อใช้ยืนยัน เข้าสู่ระบบแต่ละบุคคล
- มีช่องให้กรอกข้อมูล อีเมล,รหัสผ่าน, ชื่อจริง, นามสกุล, เลขทะเบียนบ้าน, ตำบล, อำเภอ,จังหวัด, รหัสไปรษณีย์, เบอร์โทรศัพท์
- เลือกสถานะของผู้ใช้ว่าเป็น ผู้ขาย หรือ ผู้ซื้อ
- สามารถเพิ่มรูปโปรไฟล์ผู้ใช้
- เมื่อกรอกข้อมูลครบถ้วนเรียบร้อย ทำการกดยืนยัน ระบบจะตรวจสอบข้อมูลว่าถูกรูปแบบหรือไม่หากไม่ถูกต้องจะแจ้งเตือนผู้ใช้และหากระบบตรวจสอบว่ากรอกอีเมลที่ซ้า จะแจ้งเตือนผู้ใช้หากถูกต้องทั้งหมดจะบันทึกข้อมูลเข้าสู่ฐานข้อมูล
- หน้าแก้ไขข้อมูลส่วนตัว
- ผู้ใช้สามารถแก้ไขข้อมูลส่วนตัวไดแ้ก่อีเมล,รหัสผ่าน, ชื่อจริง, นามสกุล, เลขทะเบียนบ้าน,ตำบล,อำเภอ,จังหวัด
- แก้สถานะของผู้ใช้ว่า เป็น ผู้ขาย หรือผู้ซื้อ
- สามารถแก้ไขรูปโปรไฟล์ผู้ใช้
- เมื่อแก้ไขข้อมูลครบถ้วนเรียบร้อย ทำการกดยืนยัน ระบบจะตรวจสอบข้อมูล ว่าถูกรูปแบบหรือไม่หากไม่ถูกต้องจะแจ้งเตือนผู้ใช้และหากระบบตรวจสอบว่า กรอกอีเมลที่ซ้า จะแจ้ง เตือนผู้ใช้หากถูกต้องทั้งหมดจะถูกแก้ไขและบันทึกข้อมูลเข้าสู่ฐานข้อมูล
- หน้าหลัก
-
เมื่อเข้าสู่หน้าหลักเป็นครั้งแรกจะมีแนะนำให้กดไอคอน KinRaiDee ขึ้นมา
-
สามารถกดตรงรูปโปรไฟล์เพื่อไปแก้ไขข้อมูลส่วนตัวได้
- หลังจากผู้ใช้เข้าสู่ระบบเว็บแอปพลิเคชัน KinRaiDee เรียบร้อยแล้ว จะเข้าสู่หน้าหลักซึ่งภายใน หน้าหลักมีการแสดงรายการร้านอาหารยอดฮิตและร้านอาหารที่คุณอาจชื่นชอบ
- ระบบจะแสดงร้านอาหารทั้งหมดที่มีในฐานข้อมูล
- แต่ละร้านจะแสดงข้อมูล ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนผู้รีวิว, สถานะเปิด/ปิด, เวลา ทำการ
- หน้าสุ่มรายการอาหาร
- ทำหน้าที่สุ่มรายการอาหารให้ผู้ใช้จำนวน 3 เมนูต่อรอบ เพื่อช่วยในการตัดสินใจสามารถกดอีกครั้งบริเวณปุ่มรายการสุ่มหรือ KinRaiDee บน Navigation bar เพื่อสุ่มอีกครั้ง
- เมนูอาหารสามารถนำไปยังหน้าร้านที่ขายอาหารนั้นๆ เพื่อดูข้อมูล
- หน้าคำถามเพื่อแนะนำอาหาร
- หากผู้ใช้กดบริเวณไอคอนเว็บแอปพลิเคชั่นบน Navigation barจะเป็นการเข้าสู่โหมดคำถามโดยจะมีคำถามใหต้อบทั้งหมด 4 คำถามโดยคำถามที่ผู้ใช้ตอบ ระบบจะประมวลผลและแนะนำเมนูอาหารให้ผู้ใช้
- หน้าเมนูอาหารแนะนำ
- หลังจากผู้ใช้ตอบคำถามระบบจะทำการแนะนำเมนูอาหารให้กับผู้ใช้
- กดเลือกเมนูอาหารจะสามารถนำไปยังหน้าร้านที่ขายอาหารนั้นๆ เพื่อดูข้อมูล
- หน้าร้านอาหารทั้งหมด
- ระบบจะแสดงหน้าร้านอาหารทั้งหมดที่มีในฐานข้อมูลโดยจะแสดงร้านอาหารเพื่อเข้าสู่หน้าร้านอาหาร
- แต่ละร้านจะแสดงข้อมูล ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนการรีวิว, สถานะเปิด/ปิด,เวลาทำการ
- หน้าร้านอาหาร ( Buyer )
- แสดงข้อมูลของร้านอาหารได้แก่ ชื่อร้าน, คะแนนความพึงพอใจ, จำนวนการรีวิว, สถานะเปิด/ปิด, เวลาทำการ
- แต่ละเมนูจะแสดงชื่ออาหารและราคา รวมถึงสถานะของสินค้านั้น ๆ
- หน้าฟีดรีวิวของร้านแสดงข้อความรีวิวและภาพประกอบการรีวิว
- หน้าฟีดแสดงรีวิวร้านอาหารทั้งหมด
- แสดงข้อความและภาพรีวิวล่าสุด 10 รายการที่ถูกบันทึกลงบนฐานข้อมูล
- Search bar
- เมื่อนำเมาส์ไปชี้ตรงไอค่อนค้นหาจะปรากฏแถบค้นหาเพื่อกรอกชื่ออาหารหรือเมนูอาหารที่ต้องการค้นหา
- ระบบจะแสดงร้านอาหารและเมนูอาหารที่ผู้ใช้งานกรอกไว้
- หน้าหลักร้านค้า ( Seller )
- หน้าหลักร้านค้าของผู้ขายแสดงข้อมูลร้านค้า รีวิวล่าสุด และรายการอาหาร หากทำการเปิดขายอาหารรายการนั้นอยู่จะขึ้นเป็นสีเขียวและหากปิดการขายจะขึ้นเป็นสีแดง
- สามารถทำการแก้ไขข้อมูลร้านอาหารและกดเพิ่มรายการอาหาร
- สามารถแก้ไขรายการอาหารโดยการกดไปที่รายการนั้นๆ เพื่อทำ การแก้ไข
- เพิ่มข้อมูลรายการอาหาร
- สามารถเพิ่มขอ้มูลรายการอาหารโดยการเพิ่มชื่อราคา ประเภท สัญชาติรูปภาพ พร้อมใส่สถานะแสดงว่าเปิดหรือปิดการขายอยู่ในขณะนั้น
- แก้ไขข้อมูลรายการอาหาร
- สามารถแก้ไขรายการอาหารโดยการแก้ไขชื่อราคาประเภท สัญชาติรูปภาพรวมถึงสถานะที่สามารถปรับเปลี่ยนการเปิดหรือปิดการขายและกดยืนยันเพื่อทำการบันทึกข้อมูล
- แก้ไขข้อมูลร้านอาหาร
- สามารถแก้ไขข้อมูลของร้านอาหารโดยสามารถเปลี่ยนชื่อเวลาเปิด/ปิด หรือรูปภาพ และกดยืนยันเพื่อทำการบันทึกข้อมูลที่ทำการเปลี่ยนแปลง
- เปลี่ยนรหัสผ่าน
- สามารถเปลี่ยนรหัสผ่านได้โดยการกรอกอีเมล ชื่อ นามสกุล เบอร์โทรศัพท์รหัสผ่านใหม่ยืนยันรหัสผ่านใหม่อีกครั้งและกด submit หากอีเมล ชื่อ นามสกุล และเบอร์โทรศัพท์ถูกต้องจะสามารถเปลี่ยนรหัสผ่านใหม่ได้
- หน้ารีวิว
- ผู้ใช้สามารถทำการรีวิวอาหารที่ได้สั่งซื้อไปโดยกดเพิ่มรูปภาพอาหารที่ต้องการรีวิวให้คะแนนร้านอาหาร เขียนรีวิวโดยจะมีหัวและรายละเอียด และกดส่งรีวิวเพื่อทำการบันทึก
- ปุ่มออกจากระบบบน profile menu ทำหน้าที่ออกจากระบบเมื่อผู้ใช้ไม่ต้องการใช้เว็บแอปพลิเคชันแล้ว
