นศติด I - แก้สีพื้นหลัง และกล่องข้อความ ของ detail.html

เนื่องจากก่อนหน้านี้สีพื้นหลังเป็นสีเหลือง และกล่องข้อความจัดอยู่ในรูปแบบไม่สวยงาม

ซึ่งก่อนหน้านี้ได้ทำการแก้ไปแล้ว แต่เนื่องจากปัญหาการคอมมิท เมื่อ pull งานกลับมาจึงทำให้พื้นหลังกลับไปเป็นเหมือนเดิม จึงได้ทำการแก้ไขอีกครั้ง และ push ขึ้นไปใหม่

ภาพ detail.html ก่อนหน้านี้

ภาพ detail.html ในปัจจุบัน

https://github.com/Framekumpuk/grade/commit/5f24993e343b9ae349fc7f02569e939c4205e491

นศติด I - แก้บัค commit ไม่ผ่าน

เกิดปัญหาการคอมมิท ดังภาพข้างต้น ทำให้ไม่สามารถคอมมิทไฟล์ล่าสุดไปได้

วิธีแก้ไขปัญหาดังกล่าวคือ กลับไปที่โฟลเดอร์ bs และทำดังนี้

1. pull งานกลับมาใหม่อีกครั้ง

2. แก้ไฟล์งานให้เป็นไฟล์ล่าสุด

3. git add -A

4. commit ไฟล์

5. push ขึ้นไปอีกรอบหนึ่ง

จากนั้นก็จะ push งานได้ตามปกติ

นศติด I - อัพแอพขึ้น PythonAnywhere

ทำการอัพแอพขึ้น PythonAnywhere แล้ว ตามลิงค์

http://framekumpuk.pythonanywhere.com/

ปล. ทำการแก้ไขคำผิดแล้ว ซึ่งการสมัครสมาชิกต้องเป็น sign up ไม่ใช่ sign in แก้ไขครั้งแรกแก้ไปบางจุด ปัจจุบันทำการแก้ไขครบทุกจุดแล้ว อัพขึ้น PythonAnywhere แล้ว แต่ยังทำการ commit ไม่ผ่าน เนื่องจากปัญหาบางประการ หากทำการแก้ไขได้แล้ว จะทำการประกาศในบล็อคต่อไปครับ

https://github.com/Framekumpuk/grade/commit/fcdee21620c42749dcc643dea21b4c5ec35d362c

นศติด I - Functional_tests

tests.py

จากภาพ จะอธิบายเป็น user story

1. มีนักศึกษาคนหนึ่งชื่อของเขาคือธิติ เขาได้ทราบผลสอบกลางภาคของเขาในรายวิชา Mathematics ว่า เขาได้คะแนน 58 คะแนน จากคะแนนเต็ม 90 คะแนน เขาจึงได้เข้าโปรแกรมคำนวณเกรดว่าเขาจะได้เกรดอะไรในเทอมนี้ โดยเขาคาดคะเนไว้ว่า ปลายภาคเขาน่าจะได้ประมาณ 64 คะแนนเต็ม 90 

2. เมื่อเขาเปิดหน้าเว็บขึ้นมา เขาพบกับคำว่า Grade Simulation และช่องให้ผู้ใช้กรอก Username กับ Password แต่เขายังไม่เคยใช้แอพนี้มาก่อน เขาเลยกดปุ่ม sign up เพื่อสมัครสมาชิก เขาได้ใส่ Username ไปว่า titi และ Password คือ dontseemypass จากนั้นเขาจึงกด ส่ง

3. เขาพบกับหน้า Success และเขียนข้อความว่า Thank titi จากนั้นเขาจึงกด back to login

4. เข้ากลับมาสู่หน้า log in อีกครั้ง และกรอก Username กับ Password ตามที่เขาสมัคร และกดปุ่มส่ง

5. เขาพบกับหน้า index ที่มีรูปภาพของโปรแกรมปรากฎอยู่ด้วย เขากดปุ่มเข้าสู่โปรแกรมใต้ภาพ

6. เมื่อเขามาที่หน้าหรอกข้อมูล เขาได้กรอกข้อมูลลงไปตามดังข้อที่ 1. และกดปุ่ม submit

7. เขาพบกับหน้าผลการเรียนของเขา เขาได้เกรดวิชานี้คือ A เขาดีใจมาก และขอบคุณอาจารย์ผู้สอนที่ใจดีคนนั้น เขาจะตั้งใจเรียนต่อไป ให้สมกับที่อาจารย์ให้เกรดเขามา เขามีกำลังใจในการเรียนมากขึ้น

https://github.com/Framekumpuk/grade/commit/e13824e5bf977b6fca229446427bb3f1d9db4d18

นศติด I - templates inheritance

base.html

เป็นหน้าต้นฉบับของ templates หน้าอื่นๆ โดยประกอบไปด้วย ส่วนหัวคือชื่อของหน้า template นั้นๆ ส่วนของสีพื้นหลัง คือสีชมพู มีช่องให้กรอกชื่อ กรอกรหัสผ่าน และปุ่มกดตกลง

login.html

สืบทอดคุณสมบัติของ base.html มา (ดูได้จากบรรทัดแรก) โดนส่วนหัวเปลี่ยนชื่อเป็น Log in มีปุ่มกดไปยังหน้า index หรือปุ่ม ส่ง หรือปุ่มกด sign up เพื่อไปยังหน้าสมัครสมาชิก

นี้คือหน้าตาของหน้า login

signup.html

สืบทอดคุณสมบัติของ base.html มาเช่นกัน เปลี่ยนชื่อส่วนหัวเป็น sign up และมีปุ่มกดส่งการสมัคร จะเรนเดอร์หน้า Success คือสมัครเสร็จแล้ว และปุ่มกดกลับไปยังหน้า login อีกครั้ง

นี้คือหน้าตาของหน้า sign up

success.html

จะเป็นหน้าที่หลังจากผู้ใช้สมัครสมาชิกเสร็จแล้วกดส่ง จะเรนเดอร์มาหน้านี้ พร้อมกับคำพูดว่า Thank ตามด้วย Username ของผู้สมัคร และปุ่มกดกลับไปยังหน้า login

นี้คือหน้าตาของหน้า success เมื่อผู้ใช้สมัครเสร็จแล้ว โดยในภาพ ผู้ใช้ ใช้ Username ว่า Framekumpuk

https://github.com/Framekumpuk/grade/commit/8cbb65463d0ef6bc351a1d65fff5f24aa71f9733

https://github.com/Framekumpuk/grade/commit/08c9f3eb0984e39b4bc7429f1867a130a05b115e

นศติด I - เพิ่มระบบ User ของแอพ

views.py

เพิ่ม method login, signin โดย login เอาไว้เมื่อผู้ใช้ ใส่ Username และ Password จากนั้นกดล็อคอิน จะเข้าสูหน้าล็อคอิน ว่าล็อคอินเรียบร้อยแล้ว ส่วน signin เอาไว้ให้ผู้ใช้กดเข้าเพื่อสมัครสมาชิกของแอพ

เพิ่มเงื่อนไขให้กับ method index เช็คว่ามีผู้ใช้ผู้นี้ในระบบหรือไม่ หากผู้ใช้ใส่ Username Password แล้วกดส่ง หากไม่มีผู้ใช้ผู้นี้ จะขึ้นหน้า login เหมือนเดิม แต่ถ้าหากมีผู้ใช้ผู้นี้ในระบบ จะเรนเดอร์หน้า index ขึ้นมา

https://github.com/Framekumpuk/grade/commit/d1f8f44734728852cf9a1439cceeee79f4f25e63

https://github.com/Framekumpuk/grade/commit/427d4297d886aa22ca3e6fd78bd692248edcf8c2

นศติด I - เพิ่ม Comment ในโค้ด Views.py

เพิ่ม Comment ในไฟล์ Views.py โดยอธิบายในส่วนของสมการต่างๆ และ loop for ว่าคืออะไร

https://github.com/Framekumpuk/grade/commit/48f889119e52357d310b6960fb3876d593f85f36