อธิบาย Commit ต่างๆของเว็บแอพ Animals #2

Commit 9 (f9090ea) - create main div(wrapper,header,content,footer) / add BG

• แยกไฟล์ CSS ของหน้า Home
• สร้าง div แบ่งส่วนต่างๆของหน้าเว็บใน base.html ได้ wrapper header content และ footer
• เพิ่มฟอนต์สำหรับหัวข้อ และพื้นหลังของหน้าเว็บ

Commit 10 (ffedf1b) - edit list.css(block-list float:left when screen width < 1300px)

• มีการใช้ JS มาช่วยกำหนดว่า หากความกว้างของจอน้อยกว่า 1300px จะให้ float ใน block-list มีค่าเป็น left

Commit 11 (583568c) - make web to beauty

• มีการแยกไฟล์ css และตกแต่งเพิ่มเติม จัดรูปแบบหน้าต่างๆให้มีความสวยงามน่าใช้มาขึ้น

Commit 12 (710c1e2) - add about page

• สร้างหน้า About ขึ้นมาเพื่อแนะนำการใช้งานเว็บแอพ

Commit 13 (aa93bc7) - add 'no page' page / edit list page(edit button color/ add image)

• สร้างหน้า no page ขึ้นมาสำหรับหน้าเว็บที่ไม่มีอยู่ หรือสัตว์ที่สถานะยังไม่เป็น Published
• แก้ไขสีของปุ่มรายชื่อสัตว์
• เพิ่มรูปภาพของสัตว์ให้กับปุ่มรายชื่อสัตว์

Commit 14 (5e43717) - add functional text/test_common

• เพิ่มฟังก์ชั่นนอลเทส โดยเทสนี้จะเป็นการเทสการเข้าไปดูข้อมูลสัตว์แบบธรรมดา

Commit 15 (c3b63ed) - unit test complete

• เพิ่ม Unit Test ซึ่งจะเป็นส่วนที่ใช้ทดสอบ Method ต่างๆใน views.py ว่าทำงานถูกต้องหรือไม่

Commit 16 (3db483c) - add functional test/test_search & user story

• เพิ่มฟังก์ชั่นนอลเทสอีกหนึ่งตัว โดยเทสนี้จะเป็นการทดสอบการดูข้อมูลสัตว์ผ่านระบบเสิร์จ
• เพิ่ม User Story

User Story

- test_common

#คุณสมิธอยากจะรู้เรื่องข้อมูลถิ่นที่อยู่ของเจ้าแมวเหมียว เขาจึงเปิดเว็บแอพ Animal ขึ้นมา

#คุณสมิธทำการตรวจเช็คดูว่าเขาเข้าถูกแอพหรือไม่

#คุณสมิธนั่งเพ่งมองไปที่ปุ่มประเภทของสัตว์ว่ามีอะไรบ้าง

#แต่คุณสมิธไม่รู้ว่าเจ้าแมวเหมียวเป็นสัตว์ประเภทไหน เขาจึงกดเลือกไปที่ปุ่มสัตว์ทั้งหมด

#อ่า นั่นไงปุ่มของเจ้าแมวเหมียว เขาไม่รีรอที่จะเลื่อนเมาส์ไปกดที่ปุ่มนั่น

#คุณสมิธทำการตรวจเช็คให้แน่ใจว่านี่คือข้อมูลของเจ้าแมวเหมียว

#ในที่สุด คุณสมิธก็พบว่าถิ่นที่อยู่ของเจ้าแมวเหมียวนั่นก็คือ ทุกๆที่บนโลกน้นั่นเอง!!

-test_search

#คุณสมิธอยากจะรู้เรื่องข้อมูลถิ่นที่อยู่ของเจ้าแมวเหมียว เขาจึงเปิดเว็บแอพ Animal ขึ้นมา

#คุณสมิธทำการตรวจเช็คดูว่าเขาเข้าถูกแอพหรือไม่

#จากนั้นเขาจึงกดไปที่ปุ่ม search เพื่อที่จะค้นหาข้อมูลของเจ้าแมวเหมียว

#เขาทำการเช็คหน้าเว็บแอพให้แน่ใจว่าเขาเข้ามาที่หน้า search แลัว

#จากนั้นคุณสมิธจึงทำการค้นหาข้อมูลด้วยคำว่า "แมว"

#คุณสมิธนั่งดูผลลัพธ์ที่ค้นหาออกมาว่ามีข้อมูลของเจ้าแมวเหมียวหรือไม่

#อ่า นั่นไงปุ่มของเจ้าแมวเหมียว เขาไม่รีรอที่จะเลื่อนเมาส์ไปกดที่ปุ่มนั่น

#คุณสมิธทำการตรวจเช็คให้แน่ใจว่านี่คือข้อมูลของเจ้าแมวเหมียว

#ในที่สุด คุณสมิธก็พบว่าถิ่นที่อยู่ของเจ้าแมวเหมียวนั่นก็คือ ทุกๆที่บนโลกน้นั่นเอง!!