แก้ไขเกี่ยวกับการตกแต่งบน Web application และ Link video presentation of Grade Simulator.

ทำการจัดเรียงกล่อง input ให้เป็นการเรียนในแนวตั้ง และเปลี่ยนสีพื้นหลัง

ตัวอย่างผลการเรียน

Video presentation Grade simulator program: https://youtu.be/oHCXFFSWsKg

About App Grade

เพิ่มลิงค์ไปที่หน้า about เพื่อดูข้อมูลเกี่ยวกับโปรแกรม

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

ทำการ commit ล่าสุดไปเรียบร้อยแล้ว

App Grade Bootstrap.

index.html

ได้ทำการเพิ่มส่วนหัวของไฟล์ .html เพื่อเป็นการใช้งาน css โดยรูปแบบต่างๆของหน้าเว็บ สามารถดูจาก https://hackerthemes.com/bootstrap-cheatsheet/#alert-link

ตัวอย่างการใช้งาน hyperlink ของ bootstrap เราสามารถดูตัวอย่างของโค้ดนั้นๆได้ และเพียงก็อปโค้ดมาวางใส่ในไฟล์ html ของเราก็สามารถใช้งานได้เลย ดังภาพด้านล่าง

detail.html

ได้ทำการเพิ่มส่วนหัวเข้าเช่นกัน และเพิ่ม class ของปุ่ม button เข้าไป ซึ่งได้จาก bootstrap cheat sheet เช่นกัน

เพียงก็อปส่วนของชื่อคลาสมาใส่ก็สามารถใช้งานได้แล้ว ดังภาพด้านล่าง

ทั้งนี้ทุกหน้าที่ใช้ bootstrap ฟอนต์จะเปลี่ยน และเส้นตารางก็เปลี่ยนเช่นกัน ดังภาพ

App Grade TU5

models.py

ได้ทำการเพิ่ม mean sd final_score และ final_full เข้ามา ซึ่งแต่ละ object หมายถึง ค่าเฉลี่ย ส่วนเบี่ยงเบนมาตรฐาน คะแนนไฟนอลที่ได้ และคะแนนเต็มของไฟนอล ตามลำดับ

views.py

ได้ส่วนของการคำนวณเกรดแบบอิงกลุ่ม ได้ทำการค้นหามาว่า การตัดเกรดอิงกลุ่มนั้นจะได้ค่าทางสถิติ 3 ตัวแปรคือ mean sd และ z โดยส่วนใหญ่ค่า z จะอยู่ที่ 1.5 จึงได้กำหนดค่า z ไว้ที่ 1.5 ไปเลย

detail.html

ได้ทำการเพิ่มกล่อง input ของ object คะแนนไฟนอล ค่าเฉลี่ย และส่วนเบี่ยงเบนมาตรฐาน

หน้าต่างที่ได้จะเป็นดังภาพด้านบน

ทำการใส่คะแนนลงไปดังภาพ เมื่อคำนวณตามสมการแล้วจะได้ดังนี้

คะแนนที่ได้ คือ [(33+23)*100]/70 = 80 คะแนน

คิดในกรณีที่จะได้ A คือ คะแนนที่ได้ต้องมากกว่า mean + z*sd

ซึ่ง mean + z*sd = 19.23 + 1.5*40.51 = 79.995

ดังนั้น 80 > 79.995 เกรดที่ได้จึงต้องได้ A ตามภาพด้านล่าง