Demo and Review : Killer Future - Mrsmithz/Project-SW-Dev-and-Env GitHub Wiki
1. Home Page
เมื่อทำการ Login เข้าสู่ระบบแล้ว User จะเข้ามาที่หน้า Home และจะมีปุ่มสร้างโพสต์อยู่มุมขวาล่างของจอ
2. Create Post Page (Upload File)
หลังจากทำการเข้ามาในหน้าสร้างโพสต์ ระบบจะให้ User ใส่ไฟล์ PDF เพื่อที่จะนำไปใช้ต่อ
Acceptance Test
| Case No | Case name | Case description | input: title | input: tagInput | input: previewImage | input : Files | Expected result |
|---|---|---|---|---|---|---|---|
| 1 | Upload File Success | ทำการอัพโหลดไฟล์ PDF ขึ้นไป 1 ไฟล์ | - | - | - | tools_midterm.pdf | มีปุ่ม Next ขึ้นมาเพื่อที่จะกดไปหน้าต่อไป |
3. Create Post Page (Upload File)
เมื่อเลือกไฟล์แล้วจะมีปุ่มให้กดไปยังหน้าต่อไปได้ โดยจะมีการ Validate ไฟล์ที่ใส่เข้ามาด้วย
Acceptance Test
| Case No | Case name | Case description | input: title | input: tagInput | input: previewImage | input : Files | Expected result |
|---|---|---|---|---|---|---|---|
| 2 | Upload File Fail | ทำการอัพโหลดไฟล์ PDF ขึ้นไปมากกว่า 1 ไฟล์ | - | - | - | tools_midterm.pdf, tools_midterm2.pdf | ขึ้นแจ้งเตือนว่าใส่ไฟล์มากเกินไป |
| 3 | Upload File Fail | ทำการอัพโหลดไฟล์ชนิดอื่นที่ไม่ใช่ PDF | - | - | - | tools.png | ขึ้นแจ้งเตือนว่าใส่ไฟล์ผิดประเภท |
4. Create Post Page (Form)
เมื่อเข้ามาที่หน้าฟอร์มแล้ว User จะต้องกรอกข้อมูลเกี่ยวกับโพสต์ที่จะสร้าง ก่อนจะทำการกดไปหน้าต่อไป จะมีการ Validate ข้อมูลต่างๆด้วย
Acceptance Test
| Case No | Case name | Case description | input: title | input: tagInput | input: previewImage | input : Files | Expected result |
|---|---|---|---|---|---|---|---|
| 4 | Fill Create Post Form Success | กรอกข้อมูล Title ที่มีขนาดไม่น้อยกว่า 3 ตัวอักษร และไม่เกิน 40 ตัวอักษร | Midterm Tools | - | - | tools_midterm.pdf | สามารถกดปุ่ม Next ได้ |
| 5 | Fill Create Post Form Fail | กรอกข้อมูล Title น้อยกว่า 3 ตัวอักษร | Mi | - | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ Title ไม่น้อยกว่า 3 ตัวอักษร |
| 6 | Fill Create Post Form Fail | กรอกข้อมูล Title เกิน 40 ตัวอักษร | Miiiiiii... (มากกว่า 40 ตัวอักษร) | - | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ Title ไม่เกิน 40 ตัวอักษร |
| 7 | Upload Preview Image Success | ใส่ไฟล์ที่เป็น .png / .jpg ลงไป | - | - | preview.jpg | tools_midterm.pdf | มีรูปแสดงขึ้นมาให้เราเห็น |
| 8 | Upload Preview Image Fail | ใส่ไฟล์ที่ไม่ใช่ .png / .jpg ลงไป | - | - | preview.js | tools_midterm.pdf | ไม่มีอะไรเกิดขึ้นกับรูป |
| 9 | Add Tag Success | กรอกชื่อ Tag ที่ต้องการจะเพิ่มที่มีขนาดไม่น้อยกว่า 2 ตัวอักษร และไม่เกิน 15 ตัวอักษร | - | New | - | tools_midterm.pdf | สามารถกดปุ่ม Add ได้เพื่อที่จะเพิ่ม Tag ในโพสต์ |
| 10 | Add Tag Fail | กรอกชื่อ Tag น้อยกว่า 2 ตัวอักษร | - | N | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ชื่อ Tag ไม่น้อยกว่า 2 ตัวอักษร |
| 11 | Add Tag Fail | กรอกชื่อ Tag เกิน 15 ตัวอักษร | - | Newww... (มากกว่า 15 ตัวอักษร) | - | tools_midterm.pdf | ขึ้นแจ้งเตือนว่า ให้ใส่ชื่อ Tag ไม่เกิน 15 ตัวอักษร |
5. Create Post Page (Preview)
หลังจากที่ได้กรอกฟอร์มมาแล้ว หน้านี้จะทำการดึงข้อมูลมา Preview แบบคร่าวๆให้ดูว่าจะมีข้อมูลแบบไหนบ้างใน Post
Review
- ทุกหน้าเป็นการออกแบบในแบบ Dark Mode และยังบางหน้ายังไม่มี Responsive ซึ่งยังไม่สมบูรณ์
- หน้า Home ตอนนี้จะทำการดึงข้อมูลจากที่ได้ Mockup มาเท่านั้น ยังไม่สามารถกดเข้าไปดูได้จริงๆ
- หน้า Upload File ยังไม่สมบูรณ์เนื่องจาก ยังไม่มีหน้ารอการอัพโหลดไฟล์ไป OCR
- การเพิ่มข้อมูลจากการ OCR ยังไม่สมบูรณ์เท่าไหร่นัก
- **** ตอนนี้กำลังหาวิธีในการหา Title และ Tag ที่มีประสิทธิภาพที่สุดจากการ OCR อยู่ ดังนั้นปุ่ม Auto Fill จึงยังใช้งานไม่ได้นะครับ