Demo & Acceptance Test - trabnm1313/SDTP GitHub Wiki

Demo

ชามมี่ v 1.0

Demo-1: Main

Demo-1-1

         ในหน้าหลักเมื่อ User เข้ามาใช้งานจะมีทางเลือกให้กับ User ว่าต้องการที่จะใช้งาน Web Application อย่างไร ซึ่งใน Demo นี้จะแสดงตัวอย่างผลลัพธ์เมื่อ User ต้องการใช้ Feature: Random Menu หรือบริการสุ่มเมนูอาหาร

         จากหน้าหลัก User จะต้องกดปุ่มสีน้ำเงินที่มีข้อความ “สุ่มเลย!” เพื่อที่จะไปหน้าต่อไป

Demo-2: Menu Filter

Demo-1-2

         หลักจาก User เลือกใช้บริการสุ่มเมนูอาหาร Web Application จะพา User มาที่หน้าเลือกเมนู ซึ่งจะมีเมนูเบื้องต้นให้ User ได้เลือก

         User สามารถเลือกเมนูต่าง ๆ ได้ตามที่ระบบแนะนำให้ ซึ่งจะมีการเพิ่มเติมขึ้นในอนาคต โดย Web Applications ต้องการจะเพิ่มเมนูเบื้องต้นจากหลาย ๆ ประเทศทั่วโลก ให้มากที่สุดเท่าที่จะทำได้

         เมื่อ User เลือกเมนูเบื้องต้นที่ต้องการได้แล้ว User จะต้องกดปุ่มสีเขียวที่ขึ้นข้อความว่า “Next” เพื่อเข้าสู่ขั้นตอนต่อไป ซึ่งใน Demo นี้เราจะเลือก “เมนูเส้น” เป็นตัวอย่าง

Demo-3: Menu Filter

Demo-1-3

         หลังจากที่ User เลือกไปที่เมนูเบื้องต้นแล้ว ระบบจะพา User ไปขั้นตอนต่อไป “ซึ่งจะขึ้นอยู่กับเมนูเบื้องต้นที่ User ได้เลือกมา” จะมีหน้าต่างให้กับ User ได้สามารถเลือกว่า User ต้องการให้อาหารที่เลือกมามีวิธีและขั้นตอนการปรุงอย่างไร อาทิเช่น “ผัด” หรือ “ต้ม” ซึ่งภายใน Demo นี้เราจะเลือก “ต้ม” เป็นตัวอย่าง

         เมื่อ User เลือก “วิธีการปรุงอาหาร” เสร็จแล้วให้ User กดปุ่มสีเขียวที่มีข้อความว่า “Next” เพื่อเข้าสู่ขั้นตอนถัดไป

Demo-4: Menu Filter

Demo-1-4

         หลักจากที่ User เลือก วิธีการปรุงอาหารเสร็จสิ้น อีกสองขั้นตอนต่อไปจะเป็นการเลือกตัวกรอง(Filter) เพื่อที่จะให้ User เลือกว่าต้องการให้อาหารที่ User เลือกนั้นประกอบไปด้วยอะไรบ้าง

         เมื่อ User เลือกตัวกรองเสร็จแล้วให้ User กดไปที่ปุ่มสีเขียวที่มีข้อความว่า “Next” เพื่อไปสู่ขั้นตอนต่อไปซึ่งใน Demo นี้เราจะเลือก “ก๋วยเตี๋ยว” เป็นตัวอย่าง

Demo-5: Menu Filter

Demo-1-5

         เหมือนกับขั้นตอนก่อนหน้า User สามารถเลือกได้ว่าต้องการจะใส่อะไรเป็นวัตถุดิบหลัก ซึ่งวัตถุดิบหลักจะมีมากน้อยขึ้นอยู่กับชนิดอาหารนั้น ๆ และภายใน Demo นี้เราจะเลือก “หมู” เป็นตัวอย่างที่จะใช้ในการแสดงผล

         เมื่อ User ได้เลือกวัตถุดิบหลักแล้วให้ User กดปุ่มสีเขียวที่มีข้อความว่า “Random Now!” เพื่อสุ่มเมนูอาหาร

ในอนาคตจะมีการเพิ่มจำนวน Filter ที่สามารถใส่ได้ให้กับอาหารแต่ละชนิด

Demo-6: Random Menu Display

Demo-1-6

         เมื่อ User ใส่ตัวกรองครบทุกตัวและเข้ามาสู่หน้าสุดท้าย User จะได้รับเมนูแนะนำทั้งหมดมากสุด 3 เมนูซึ่ง User สามารถเลือกกดเข้าไปดูที่แต่ละเมนูได้ว่า เมนูนั้น ๆ มีขั้นตอนการทำ(Recipe) อย่างไร หรือสามารถเลือกหาซื้อเมนูนี้จากร้านค้าที่ลงทะเบียนไว้ในระบบได้

         หรือ ถ้า User ไม่พอใจกับเมนูที่ถูกแนะนำมา User สามารถกดปุ่ม “สุ่ม่ใหม่” เพื่อที่จะสุ่มเมนูทั้ง 3 เมนูใหม่โดยใช้ตัวกรองที่ User เคยกรอกให้มา และทำการแนะนำ User ใหม่อีกครั้ง

Demo-7: Random Menu Display

Demo-1-7

         เมื่อ User กดที่รูปอาหารจะมี Pop-up ขึ้นมาเพื่อให้ User สามารถเลือกได้ว่าจะดูวิธีทำอาหารนั้น ๆ หรือจะดูร้านค้าที่ขายอาหารเมนูนั้น

Demo นี้ยังมีปัญหาใน การกรองเมนูอาหารจากในระบบ โดยเมนูอาหารที่ถูกสุ่มมาขณะนี้จะเป็นเมนูอาหารที่ประกอบไปด้วย ”หนึ่งในตัวกรอง” ที่ User ได้เลือกมาแทนที่จะเป็นเมนูอาหารที่ประกอบไปด้วย “ตัวกรองทั้งหมด” ที่ User เลือกมา

Acceptance Test

Test