diff --git a/public/documents/chapter-9-user-KPI-evaluator.md b/public/documents/chapter-9-user-KPI-evaluator.md
index 70421192..156fa3bd 100644
--- a/public/documents/chapter-9-user-KPI-evaluator.md
+++ b/public/documents/chapter-9-user-KPI-evaluator.md
@@ -6,113 +6,243 @@
 
 > หมายเลข 1 เมนู “ผู้ประเมิน (KPI)”
 
-- เมื่อเลือกเมนู “ผู้ประเมิน (KPI)” ระบบแสดงหน้ารายการขอรับการประเมินผลการปฏิบัติราชการระดับบุคคล สามารถคลิกไอคอน ![close](images/button/plus-green.png) เพื่อทำการสร้างแบบประเมินผลฯ สามารถดูรายละเอียดแบบประเมิน รวมทั้งสามารถสืบค้นแบบประเมินในปีอื่น ๆ ที่เคยทำได้
+- เมื่อเลือกเมนู “ผู้ประเมิน (KPI)” ระบบแสดงหน้า “รายการขอรับการประเมินผลการปฏิบัติ
+  ราชการระดับบุคคล” และแสดงรายชื่อผู้ขอรับการประเมินที่ได้รับผิดชอบทั้งหมด โดยแสดงข้อมูลสถานะการประเมินและผลการประเมินทุกรายการชื่อที่ได้ทำการยื่นขอรับการประเมินเข้ามา
 
 ![รูปภาพที่ 9 – 2 หน้ารายการการประเมินผลการปฏิบัติราชการระดับบุคคล](images/user/chapter9/chapter9_2.png)
 
-> หมายเลข 1 ช่องให้เลือกปีงบประมาณ  
-> หมายเลข 2 ช่องให้เลือกรอบการประเมิน  
-> หมายเลข 3 ช่องสืบผู้ขอรับการประเมิน  
-> หมายเลข 4 ช่องคอลัมน์  
-> หมายเลข 5 แถบเมนู รายการทั้งหมด  
-> หมายเลข 6 รายการรายชื่อทั้งหมด
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อเลือกปีงบประมาณ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกปีงบประมาณ  
+> หมายเลข 3 ช่องสำหรับแสดงแถบเมนูรายการการประเมินผลการปฏิบัติราชการระดับบุคคล  
+> หมายเลข 4 ช่องสำหรับแสดงรายการชื่อผู้รับการประเมิน  
+> หมายเลข 5 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเพื่อค้นหารายการชื่อผู้ขอรับการประเมิน
 
-- เมื่อผู้ขอประเมินจัดทำข้อตกลงและส่งให้ผู้ประเมิน รายชื่อจะปรากฏในแถบเมนู “รออนุมัติข้อตกลง” ในแถบเมนูนี้ผู้ประเมินจะต้องทำการอนุมัติ เพื่อให้ผู้ขอประเมินได้ทำในขั้นตอนต่อไป แต่หากผู้ขอประเมินมีผู้บังคับบัญชาเหนือขึ้นไป หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง จะต้องให้ทั้งผู้บังคับบัญชาเหนือขึ้นไป หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่งอนุมัติเช่นกัน ซึ่งมีหน้าอนุมัติเหมือนกันกับผู้ขอประเมิน ดังรูปภาพ
+- เมื่อผู้ขอประเมินจัดทำข้อตกลงและส่งให้ผู้ประเมิน รายชื่อจะปรากฏในแถบเมนู “รออนุมัติ
+  ข้อตกลง” ในแถบเมนูนี้ผู้ประเมินจะต้องทำการอนุมัติ เพื่อให้ผู้ขอประเมินได้ทำในขั้นตอนต่อไป แต่หากผู้ขอประเมินมีผู้บังคับบัญชาเหนือขึ้นไป หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง จะต้องให้ทั้งผู้บังคับบัญชาเหนือขึ้นไป หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่งอนุมัติเช่นกัน ซึ่งมีหน้าอนุมัติเหมือนกันกับผู้ขอประเมิน ดังรูปภาพ
 
 ![รูปภาพที่ 9 – 3 แถบเมนู “รออนุมัติข้อตกลง”](images/user/chapter9/chapter9_3.png)
 
-> หมายเลข 1 แถบเมนู รออนุมัติข้อตกลง  
-> หมายเลข 2 รายชื่อผู้ที่รออนุมัติข้อตกลง  
-> หมายเลข 3 ปุ่ม “บันทึก”
+> หมายเลข 1 แถบเมนู “รออนุมัติข้อตกลง”  
+> หมายเลข 2 ช่อง Check Box สำหรับคลิกเลือกรายชื่อเพื่ออนุมัติข้อตกลง  
+> หมายเลข 3 ปุ่มสำหรับคลิก “อนุมัติ”
 
-- เมื่อผู้ขอประเมินขอแก้ไขข้อตกลง รายชื่อจะแสดงในแถบเมนู “รออนุมัติแก้ไขข้อตกลง” ซึ่งผู้ประเมินจะต้องทำการอนุมัติ เพื่อให้ผู้ขอประเมินทำการแก้ไขข้อตกลง
+- เมื่อผู้ขอรับการประเมินได้ส่งคำร้องขอแก้ไขข้อตกลง รายชื่อจะแสดงในแถบเมนู “รออนุมัติแก้ไข
+  ข้อตกลง” ซึ่งผู้ประเมินจะต้องทำการอนุมัติ เพื่อให้ผู้ขอประเมินทำการแก้ไขข้อตกลง และทำการส่งเรื่องขออนุมัติข้อตกลงอีกครั้ง
 
 ![รูปภาพที่ 9 – 4 แถบเมนู “รออนุมัติแก้ไขข้อตกลง”](images/user/chapter9/chapter9_4.png)
 
-> หมายเลข 1 แถบเมนู รออนุมัติข้อตกลง  
-> หมายเลข 2 รายชื่อผู้ที่รออนุมัติแก้ไขข้อตกลง  
-> หมายเลข 3 ปุ่ม “บันทึก”
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อคลิกเลือกปีงบประมาณ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกรอบการประเมิน  
+> หมายเลข 3 แถบเมนู “รออนุมัติแก้ไขข้อตกลง”  
+> หมายเลข 4 ช่อง Check Box สำหรับคลิกเพื่อเลือกรายชื่ออนุมัติการแก้ไขข้อตกลง  
+> หมายเลข 5 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเพื่อค้นหารายชื่อผู้ยื่นคำร้องขอแก้ไขข้อตกลง  
+> หมายเลข 6 ปุ่มสำหรับคลิกเพื่อ “อนุมัติ”
 
-- ผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป(ถ้ามี) หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง(ถ้ามี) จะสามารถกรอกความคิดเห็นสำหรับรายงานความก้าวหน้าและรายงานปัญหา เมื่อผู้ขอประเมินมีการเพิ่มหัวข้อรายงานความก้าวหน้า หรือหัวข้อรายงานปัญหา และสถานะจะต้องเป็น รายงานความก้าวหน้า โดยสามารถคลิก ![close](images/button/comment-progress-report.png) เพื่อแสดงความเห็นในหัวข้อรายงานความก้าวหน้า และสามารถคลิก ![close](images/button/comment-issue-report.png) เพื่อแสดงความเห็นในหัวข้อรายงานปัญหา ซึ่งหน้าแสดงความเห็นของทั้งรายงานความก้าวหน้า และรายงานปัญหาจะคล้ายกัน สามารถดูตัวอย่างได้ดังรูปต่อไปนี้
+- ในขั้นตอนเมนู “รายงานความก้าวหน้า” ผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) หรือผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง (ถ้ามี) จะสามารถกรอกความคิดเห็นสำหรับรายงานความก้าวหน้า และรายงานปัญหา เมื่อผู้ขอประเมินมีการเพิ่มหัวข้อรายงานความก้าวหน้าหรือหัวข้อรายงานปัญหาและสถานะจะต้องเป็น รายงานความก้าวหน้า โดยสามารถคลิก ![close](images/button/comment-progress-report.png) เพื่อแสดงความเห็นในหัวข้อรายงานความก้าวหน้า และสามารถคลิก ![close](images/button/comment-issue-report.png) เพื่อแสดงความเห็นในหัวข้อรายงานปัญหา ซึ่งหน้าแสดงความเห็นของทั้งรายงานความก้าวหน้า และรายงานปัญหาจะคล้ายกัน สามารถดูตัวอย่างได้ดังรูปต่อไปนี้
 
-![รูปภาพที่ 9 – 5 หน้าแสดงความคิดเห็นของผู้ประเมิน](images/user/chapter9/chapter9_5.png)
+- การกรอกแสดงความคิดเห็นรายงานความก้าวหน้า ให้ทำการคลิก ![close](images/button/comment-issue-report.png) ระบบแสดงหน้า “รายงานความก้าวหน้า” ให้ทำการคลิกรายการความก้าวหน้าที่ต้องการกรอกแสดงความคิดเห็น หากทำการกรอกแสดงความคิดเห็นเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-comment.png) เพื่อส่งให้กับผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการกรอกแสดงความคิดเห็นตามลำดับ
 
-> หมายเลข 1 หัวข้อรายงานความก้าวหน้า  
+![รูปภาพที่ 9 – 5 ตัวอย่างหน้าแสดงความคิดเห็นรายงานความก้าวหน้าของผู้ประเมิน](images/user/chapter9/chapter9_5.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานความก้าวหน้า  
 > หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้ประเมิน  
-> หมายเลข 3 ปุ่ม “บันทึกแสดงความเห็น”
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-![รูปภาพที่ 9 – 6 หน้าแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไป](images/user/chapter9/chapter9_6.png)
+![รูปภาพที่ 9 – 6 หน้าแสดงความคิดเห็นของผู้ประเมิน](images/user/chapter9/chapter9_6.png)
 
-> หมายเลข 1 หัวข้อรายงานความก้าวหน้า  
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานความก้าวหน้า  
 > หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไป  
-> หมายเลข 3 ปุ่ม “บันทึกแสดงความเห็น”
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-![รูปภาพที่ 9 – 7 หน้าแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นหนึ่ง](images/user/chapter9/chapter9_7.png)
+![รูปภาพที่ 9 – 7 ตัวอย่างหน้าแสดงความคิดเห็นรายงานความก้าวหน้าของผู้บังคับบัญชาเหนือขึ้นไป](images/user/chapter9/chapter9_7.png)
 
-> หมายเลข 1 หัวข้อรายงานความก้าวหน้า  
-> หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นหนึ่ง  
-> หมายเลข 3 ปุ่ม “บันทึกแสดงความเห็น”
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานความก้าวหน้า  
+> หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น  
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-- เมื่อผู้ขอประเมินคลิกส่งรายงานความก้าวหน้า รายชื่อจะย้ายไปแสดงในแถบเมนู “รายงานผลสำเร็จ”
+- การกรอกแสดงความคิดเห็นรายงานปัญหา ให้ทำการคลิก ![close](images/button/comment-issue-report.png) ระบบแสดงหน้า “รายงานปัญหา” ให้ทำการคลิกรายการปัญหาที่ต้องการกรอกแสดงความคิดเห็น หากทำการกรอกแสดงความคิดเห็นเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-comment.png) เพื่อส่งให้กับผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการกรอกแสดงความคิดเห็นตามลำดับ
 
-![รูปภาพที่ 9 – 8 แถบเมนู “รายงานผลสำเร็จ”](images/user/chapter9/chapter9_8.png)
+![รูปภาพที่ 9 – 8 ตัวอย่างหน้าแสดงความคิดเห็นรายงานปัญหาของผู้ประเมิน](images/user/chapter9/chapter9_8.png)
 
-> หมายเลข 1 แถบเมนู “รายงานผลสำเร็จ”
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานปัญหา  
+> หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้ประเมิน  
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-- เมื่อผู้ขอประเมินจัดการในเมนูรายงานผลสำเร็จของานเรียบร้อยแล้ว ให้คลิกที่รายชื่อเพื่อทำการประเมิน รายงานผลสำเร็จของงานโดยคลิกไอคอน ![close](images/button/check-blue.png) เพื่อทำการตรวจสอบและประเมิน เมื่อประเมินเรียบร้อยแล้วให้คลิกไอคอนสรุปผลการประเมินที่หมายเลข 1
+![รูปภาพที่ 9 – 9 ตัวอย่างหน้าแสดงความคิดเห็นรายงานปัญหาของผู้บังคับบัญชาเหนือขึ้นไป](images/user/chapter9/chapter9_9.png)
 
-![รูปภาพที่ 9 – 9 หน้ารายงานผลสำเร็จ](images/user/chapter9/chapter9_9.png)
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานปัญหา  
+> หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไป  
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-> หมายเลข 1 ไอคอนสรุปผลการประเมิน
+![รูปภาพที่ 9 – 10 ตัวอย่างหน้าแสดงความคิดเห็นรายงานปัญหาของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น](images/user/chapter9/chapter9_10.png)
 
-- เมื่อผู้ประเมินตรวจสอบในหน้ารายงานผลสำเร็จของงาน และคลิกไอคอนส่งไปสรุปผลการประเมินรายชื่อจะย้ายมายังแถบเมนู “สรุปผลการประเมิน”
+> หมายเลข 1 ช่องสำหรับแสดงและคลิกรายการหัวข้อรายงานปัญหา  
+> หมายเลข 2 ช่องให้กรอกแสดงความคิดเห็นของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น  
+> หมายเลข 3 ปุ่ม “บันทึกความเห็น”
 
-![รูปภาพที่ 9 – 10 แถบเมนู “สรุปผลการประเมิน”](images/user/chapter9/chapter9_10.png)
+- ในส่วนของการบันทึกเหตุการณ์พฤติกรรม ผู้ประเมิน ผู้บังคับบัญชา และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นสามารถแสดงข้อมูลรายละเอียดที่ผู้ขอรับการประเมินเพิ่มได้ ด้วยการคลิก ![close](images/button/user_list.png) ระบบแสดงหน้า “บันทึกเหตุการณ์/พฤติกรรม” ให้ทำการคลิกรายการที่ต้องการ ระบบจะทำการแสดงรายละเอียด
 
-> หมายเลข 1 แถบเมนู “สรุปผลการประเมิน”
+- หรือหากผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ต้องการเพิ่มข้อมูลรายการเหตุการณ์/พฤติกรรม ให้ทำการใช้เมาส์คลิก ![close](images/button/user_list.png) ระบบทำการแสดงหน้า “บันทึกเหตุการณ์/พฤติกรรม” ให้ทำการคลิก ![close](images/button/plus-green.png) เพื่อเพิ่มรายการบันทึกเหตุการณ์/พฤติกรรม ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำและบันทึกข้อมูลให้เสร็จสิ้น
 
-- เมื่อผู้ประเมินทำการประเมินและตรวจสอบรายงานผลสำเร็จของงาน และจากนั้นคลิกไอคอนสรุปผลการประเมิน ระบบจะไปยังหน้าสรุปผลการประเมินโดยอัตโนมัติ ซึ่งในหน้านี้ผู้ประเมินจะต้องทำการ กรอกให้หัวข้อความรู้/ทักษะ/สมรรถนะ ให้ครบถ้วน รวมทั้งกรอกในหัวข้อความคิดเห็นของผู้ประเมิน แต่ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไป และผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง จะมีช่องให้กรอกความคิดเห็นด้วยเช่นกัน
+![รูปภาพที่ 9 – 11 บันทึกเหตุการณ์/พฤติกรรม](images/user/chapter9/chapter9_11.png)
 
-![รูปภาพที่ 9 – 11 หน้าสรุปผลการประเมินของผู้ประเมิน](images/user/chapter9/chapter9_11.png)
+> หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มรายการบันทึกเหตุการณ์/พฤติกรรม  
+> หมายเลข 2 ช่องสำหรับแสดงรายการบันทึกเหตุการณ์/พฤติกรรม  
+> หมายเลข 3 ช่องสำหรับแสดงข้อมูลรายละเอียดรายการเหตุการณ์พฤติกรรม
 
-> หมายเลข 1 เมนู “สรุปผลการประเมิน”  
-> หมายเลข 2 รายละเอียดสรุปผลการประเมิน
+![รูปภาพที่ 9 – 12 เพิ่มหัวข้อบันทึกเหตุการณ์/พฤติกรรม](images/user/chapter9/chapter9_12.png)
 
-![รูปภาพที่ 9 – 12 หน้าสรุปผลการประเมินของผู้ประเมิน (ต่อ)](images/user/chapter9/chapter9_12.png)
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกเหตุการณ์/พฤติกรรม  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกรายละเอียดบันทึกเหตุการณ์/พฤติกรรม  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลรายการบันทึกเหตุการณ์/พฤติกรรม
 
-> หมายเลข 1 ช่องให้กรอกชื่อเรื่อง/เนื้อหา/หัวข้อพัฒนา  
-> หมายเลข 2 วิธีการพัฒนา
+- หลังจากที่ผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ได้กรอกแสดงความคิดเห็นรายงานความก้าวหน้าและรายงานปัญหาเสร็จสิ้น ผู้ขอรับการประเมินจะทำการส่งเรื่องไปยัง “รายงานผลสำเร็จของงาน” เพื่อให้ผู้ขอรับการประเมิน ผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ตรวจสอบความถูกต้องของข้อมูลก่อนส่งเรื่องไปทำการสรุปผลการประเมิน
 
-- เมื่อผู้ประเมินทำสรุปผลการประเมินและกรอกความคิดเห็นเรียบร้อยแล้ว ในส่วนของผู้บังคับบัญชาเหนือขึ้นไป ก็จะต้องแสดงความคิดเห็นเช่นกันโดยเข้าไปที่เมนู “สรุปผลการประเมิน”
+![รูปภาพที่ 9 – 13 แถบเมนู “รายงานผลสำเร็จ” สถานะ “รายงานผลสำเร็จของงาน”](images/user/chapter9/chapter9_13.png)
 
-![รูปภาพที่ 9 – 13 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไป](images/user/chapter9/chapter9_13.png)
+> หมายเลข 1 แถบเมนู “รายงานผลสำเร็จ”  
+> หมายเลข 2 ช่องสำหรับแสดงรายการชื่อผู้ขอรับการประเมิน ที่มีสถานะ “รายงานผลสำเร็จของงาน”
 
-![รูปภาพที่ 9 – 14 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไป (ต่อ)](images/user/chapter9/chapter9_14.png)
+- และหากผู้ขอรับการประเมินได้ทำการตรวจสอบข้อมูลรายงานผลสำเร็จของงานเสร็จสิ้น ผู้ขอรับการประเมินจะทำการส่งรายงานผลการประเมินให้ผู้ประเมินทำการให้คะแนนประเมิน และผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการตรวจสอบข้อมูลการให้คะแนนของผู้ประเมินและแสดงความคิดเห็นต่อการให้คะแนนของผู้ประเมินตามลำดับ
 
-> หมายเลข 1 ช่องให้แสดงชื่อเรื่อง/เนื้อหา/หัวข้อพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 2 ช่องแสดงวิธีการพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 3 ช่องแสดงช่วยเวลาการพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 4 ช่องแสดงความคิดเห็นผู้ประเมิน
+![รูปภาพที่ 9 – 14 แถบเมนู “รายงานผลสำเร็จ” สถานะ “ผู้ประเมินรายงานผลสำเร็จของงาน”](images/user/chapter9/chapter9_14.png)
 
-![รูปภาพที่ 9 – 15 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไป (ต่อ)](images/user/chapter9/chapter9_15.png)
+> หมายเลข 1 แถบเมนู “รายงานผลสำเร็จ”  
+> หมายเลข 2 ช่องสำหรับแสดงรายการชื่อผู้ขอรับการประเมิน ที่มีสถานะ “ผู้ประเมินรายงานผลสำเร็จของงาน”
 
-> หมายเลข 1 ช่องให้เลือกความเห็น หากเลือกมีความเห็นต่างให้กรอกในช่องความเห็นของผู้บังคับบัญชาเหนือขึ้นไป  
-> หมายเลข 2 ช่องให้กรอกความเห็น หากมีการเลือกคลิก  
-> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อบันทึก
+- เมื่อรายการชื่อผู้ขอรับการประเมินแสดงสถานะ “ผู้ประเมินรายงานผลสำเร็จของงาน” ให้ผู้ประเมินทำการคลิกรายการ ระบบจะแสดงหน้าแถบเมนู “รายงานผลสำเร็จของงาน” ระบบจะแสดงไอคอน ![close](images/button/check-blue.png)
+  “ประเมิน” เพิ่มขึ้นมาเพื่อให้ผู้ประเมินสามารถทำการคลิกเพื่อประเมินได้
 
-- เมื่อผู้ประเมินทำสรุปผลการประเมิน และกรอกความคิดเห็นเรียบร้อยแล้ว และผู้บังคับบัญชาเหนือขึ้นไปแสดงความเห็นแล้ว ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง ก็จะต้องแสดงความคิดเห็นเช่นเดียวกัน โดยเข้าไปที่เมนู “สรุปผลการประเมิน”
+![รูปภาพที่ 9 – 15 แถบเมนู “รายงานผลสำเร็จงาน”](images/user/chapter9/chapter9_15.png)
 
-![รูปภาพที่ 9 – 16 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไปชั้นหนึ่ง](images/user/chapter9/chapter9_16.png)
+> หมายเลข 1 แถบเมนู “รายงานผลสำเร็จของงาน”  
+> หมายเลข 2 ช่องสำหรับแสดงข้อมูลองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน  
+> หมายเลข 3 ไอคอน “ประเมิน” งานตามแผนปฏิบัติราชการประจำปี  
+> หมายเลข 4 ไอคอน “ประเมิน” งานตามหน้าที่ความรับผิดชอบหลัก  
+> หมายเลข 5 ไอคอน “ประเมิน” งานอื่น ๆ ที่ได้รับมอบหมาย  
+> หมายเลข 6 ช่องสำหรับแสดงสรุปผลการประเมินผลสัมฤทธิ์ของงาน
 
-![รูปภาพที่ 9 – 17 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไปชั้นหนึ่ง (ต่อ)](images/user/chapter9/chapter9_17.png)
+![รูปภาพที่ 9 – 16 แถบเมนู “รายงานผลสำเร็จงาน” (ต่อ)](images/user/chapter9/chapter9_16.png)
 
-> หมายเลข 1 ช่องให้แสดงชื่อเรื่อง/เนื้อหา/หัวข้อพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 2 ช่องแสดงวิธีการพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 3 ช่องแสดงช่วยเวลาการพัฒนา ที่ผู้ประเมินทำการกรอก  
-> หมายเลข 4 ช่องแสดงความคิดเห็นผู้ประเมิน
+> หมายเลข 1 ช่องสำหรับแสดงข้อมูลองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน  
+> หมายเลข 2 ไอคอน “ประเมิน” สมรรถนะหลัก
 
-![รูปภาพที่ 9 – 18 หน้าสรุปผลการประเมินของผู้บังคับบัญชาเหนือขึ้นไปชั้นหนึ่ง (ต่อ)](images/user/chapter9/chapter9_18.png)
+![รูปภาพที่ 9 – 17 แถบเมนู “รายงานผลสำเร็จงาน” (ต่อ)](images/user/chapter9/chapter9_17.png)
 
-> หมายเลข 1 ช่องให้เลือกความเห็น หากเลือกมีความเห็นต่างให้กรอกในช่องความเห็นของผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง  
-> หมายเลข 2 ช่องให้กรอกความเห็น หากมีการเลือกคลิกมีความเห็นต่าง  
-> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อบันทึก
+> หมายเลข 1 ไอคอน “ประเมิน” สมรรถนะประจำกลุ่มงาน  
+> หมายเลข 2 ไอคอน “ประเมิน” การพัฒนาตนเอง  
+> หมายเลข 3 ช่องสำหรับแสดงสรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ
+
+- การประเมินองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน ให้ผู้ประเมินทำการใช้เมาส์คลิก ![close](images/button/check-blue.png) ในรายการงานตามแผนปฏิบัติราชการประจำปี งานตามหน้าที่ความรับผิดชอบหลัก และงานอื่น ๆ ที่ได้รับมอบหมายที่ต้องการจะประเมิน ระบบแสดงหน้า “ประเมินผลสัมฤทธิ์ของงาน” ให้ทำการคลิกเลือกระดับคะแนนที่ต้องการ หากคลิกเลือกคะแนนเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 9 – 18 ประเมินผลสัมฤทธิ์ของงาน](images/user/chapter9/chapter9_18.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเลือกคะแนนประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลการให้คะแนนการประเมิน
+
+- การประเมินองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) ในส่วนของสมรรถนะหลัก ให้ผู้ประเมินทำการใช้เมาส์คลิก ![close](images/button/check-blue.png) ในรายการสมรรถนะหลัก ระบบแสดงหน้า “ประเมิน” ให้ทำการคลิกเลือกระดับคะแนนที่ต้องการ หากคลิกเลือกคะแนนเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 9 – 19 ระดับคะแนนที่ได้ประเมินสมรรถนะหลัก](images/user/chapter9/chapter9_19.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเลือกคะแนนประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลการให้คะแนนการประเมิน
+
+- การประเมินองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) ในส่วนของสมรรถนะประจำกลุ่มงาน ให้ผู้ประเมินทำการใช้เมาส์คลิก ![close](images/button/check-blue.png) ในรายการสมรรถนะประจำกลุ่มงาน ระบบแสดงหน้า “ประเมิน” ให้ทำการคลิกเลือกระดับคะแนนที่ต้องการ หากคลิกเลือกคะแนนเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png)  
+  และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 9 – 20 ระดับคะแนนที่ได้ประเมินสมรรถนะประจำกลุ่มงาน](images/user/chapter9/chapter9_20.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเลือกคะแนนประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลการให้คะแนนการประเมิน
+
+- การประเมินองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) ในส่วนของการพัฒนาตนเองให้ผู้ประเมินทำการใช้เมาส์คลิก ![close](images/button/check-blue.png) ในรายการการพัฒนาตนเอง ระบบแสดงหน้า “ประเมิน” ให้ทำการคลิกเลือกระดับคะแนนที่ต้องการ หากคลิกเลือกคะแนนเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 9 – 21 ระดับคะแนนที่ได้ประเมินการพัฒนาตนเอง](images/user/chapter9/chapter9_21.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเลือกคะแนนประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลการให้คะแนนการประเมิน
+
+- หลังจากทำการบันทึกการให้คะแนนการประเมินเสร็จสิ้น ระบบจะแสดงผลคะแนนที่ได้ทำการคลิกเลือกให้คะแนนในแต่ละองค์ประกอบ พร้อมแสดงสรุปผลคะแนนการประเมินรวมกันทั้งหมด
+
+![รูปภาพที่ 9 – 22 ระดับคะแนนที่ได้รับของงาน](images/user/chapter9/chapter9_22.png)
+
+> หมายเลข 1 ระดับคะแนนที่ได้รับของงานตามแผนปฏิบัติราชการประจำปี  
+> หมายเลข 2 ระดับคะแนนที่ได้รับของงานตามหน้าที่ความรับผิดชอบหลัก  
+> หมายเลข 3 ระดับคะแนนที่ได้รับของงานอื่น ๆ ที่ได้รับมอบหมาย  
+> หมายเลข 4 ช่องสำหรับแสดงสรุปผลการประเมินผลสัมฤทธิ์รวมกัน (คะแนนเต็ม 70 คะแนน)  
+> หมายเลข 5 ช่องสำหรับสรุปผลคะแนนประเมินรวมทั้งหมดที่ได้รับ  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อส่งไปสรุปผลคะแนน, ดูข้อมูลช่วยราชการ และดูข้อมูลการทดลองปฏิบัติหน้าที่ราชการ
+
+![รูปภาพที่ 9 – 23 ระดับคะแนนที่ได้รับของสมรรถนะหลัก](images/user/chapter9/chapter9_23.png)
+
+> หมายเลข 1 ระดับคะแนนที่ได้รับของสมรรถนะหลัก
+
+![รูปภาพที่ 9 – 24 ระดับคะแนนที่ได้รับของสมรรถนะประจำกลุ่มงานและการพัฒนาตนเอง](images/user/chapter9/chapter9_24.png)
+
+> หมายเลข 1 ระดับคะแนนที่ได้รับของสมรรถนะประจำกลุ่มงาน  
+> หมายเลข 2 ระดับคะแนนที่ได้รับของการพัฒนาตนเอง  
+> หมายเลข 3 ช่องสำหรับแสดงสรุปผลการประเมินพฤติกรรมการปฏิบัติราชการ (คะแนนเต็ม 30 คะแนน)
+
+![รูปภาพที่ 9 – 25 ส่งรายการประเมินไปสรุปผลการประเมิน](images/user/chapter9/chapter9_25.png)
+
+> หมายเลข 1 ไอคอนสำหรับคลิกเพื่อส่งรายการประเมินไปสรุปผลการประเมิน
+
+- หลังจากที่ผู้ประเมินได้ทำการคลิกส่งไปสรุปผลการประเมิน รายการข้อมูลผู้รับการประเมินจะแสดงในแถบเมนู “สรุปผลการประเมิน” และแสดงสถานะ “สรุปผลการประเมิน”
+
+![รูปภาพที่ 9 – 26 รายการสรุปผลการประเมิน](images/user/chapter9/chapter9_26.png)
+
+> หมายเลข 1 แถบเมนู “สรุปผลการประเมิน”  
+> หมายเลข 2 ช่องสำหรับแสดงรายชื่อผู้ขอรับการประเมินที่มีสถานะ “สรุปผลการประเมิน”
+
+- การสรุปผลการประเมิน ให้ผู้ประเมินทำการคลิกเลือกรายชื่อผู้ขอรับการประเมินที่มีสถานะ “สรุปผลการประเมิน” และคลิกแถบเมนู “สรุปผลการประเมิน” เพื่อที่ผู้ประเมินจะได้ทำการกรอกรายละเอียดและแสดงความคิดเห็นเกี่ยวกับการประเมิน และทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้นแล้ว ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+- หลังจากที่ผู้ประเมินทำการบันทึกข้อมูลเสร็จสิ้น ระบบจะนำรายการการประเมินนี้ ที่ผู้ประเมินได้แสดงความคิดเห็นส่งไปยังผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ได้ทำการกรอกแสดงความคิดเห็นเกี่ยวกับการให้คะแนนการประเมินในลำดับขั้นต่อไป
+
+![รูปภาพที่ 9 – 27 ผู้ประเมินสรุปผลการประเมิน](images/user/chapter9/chapter9_27.png)
+
+> หมายเลข 1 แถบเมนู “สรุปผลการประเมิน”  
+> หมายเลข 2 ช่องสำหรับสรุปคะแนนผลการประเมิน  
+> หมายเลข 3 ช่องสำหรับแสดงระดับข้อมูลผลการประเมิน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลชื่อเรื่อง/เนื้อหา/หัวข้อการพัฒนา  
+> หมายเลข 5 ช่องสำหรับคลิกเพื่อกรอกข้อมูลวิธีการพัฒนา  
+> หมายเลข 6 ช่องสำหรับคลิกเพื่อกรอกข้อมูลช่วงเวลาการพัฒนา 
+> หมายเลข 7 ช่องสำหรับคลิกเพื่อกรอกข้อมูลความคิดเห็นของผู้ประเมิน  
+> หมายเลข 8 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลที่ผู้ประเมินได้ทำการแสดงความคิดเห็น  
+
+- เมื่อผู้ประเมินทำการกรอกข้อมูลสรุปผลการประเมิน และแสดงความคิดเห็น จนถึงการบันทึกข้อมูลเสร็จสิ้น ระบบจะแสดงสถานะรายการขอรับการประเมินเป็น “รอผู้บังคับบัญชาเหนือขึ้นไปตรวจสอบผล”  
+
+- ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) ทำการคลิกรายการขอรับการประเมินและทำการตรวจสอบรายงานผลสำเร็จของงาน และทำการสรุปผลการประเมิน ในกรณีที่ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) เห็นด้วยกับผลการประเมินนี้ ให้ทำการคลิก “เห็นด้วยกับผลการประเมิน” และทำการบันทึก ระบบจะเปลี่ยนสถานะเป็น “รอผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นตรวจสอบผล” เพื่อให้ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการสรุปผลการประเมินในขั้นตอนถัดไป  
+
+![รูปภาพที่ 9 – 28 ผู้บังคับบัญชาเหนือขึ้นไปสรุปผลการประเมิน](images/user/chapter9/chapter9_28.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเห็นด้วยหรือไม่เห็นด้วยกับการประเมินของผู้ประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลความคิดเห็นการประเมินของผู้บังคับบัญชาเหนือขึ้นไป  
+
+- แต่ในกรณีที่ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) เห็นต่างการประเมินในครั้งนี้ ต้องทำการคลิก “มีความเห็นต่าง ดังนี้” พร้อมทั้งกรอกความคิดเห็นที่เห็นต่าง จากนั้นทำการคลิกบันทึก ระบบจะทำการแจ้งเตือนหมายเหตุ และเนื้อหารายละเอียดที่ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) เห็นต่างให้ผู้ประเมินรับทราบ เพื่อทำการแก้ไข  
+
+![รูปภาพที่ 9 – 29 ผู้บังคับบัญชาเหนือขึ้นไปเห็นต่างการสรุปผลการประเมิน](images/user/chapter9/chapter9_29.png)
+
+- เมื่อผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) เห็นต่าง การทำงานของระบบจะวนการทำงานกลับไปยังขั้นตอนที่ผู้ประเมินทำการให้คะแนนผลการประเมินในขั้นตอนรายงานผลสำเร็จงานใหม่อีกครั้ง และสรุปผลการประเมิน จนถึงบันทึกผลการประเมินอีกครั้ง เพื่อให้ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) ทำการตรวจสอบข้อมูลจนเป็นที่พอใจ ถึงจะสามารถไปยังขั้นตอนที่ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการกรอกความคิดเห็น  
+
+![รูปภาพที่ 9 – 30 กรณีผู้บังคับบัญชาเหนือขึ้นไปเห็นต่างการสรุปผลการประเมิน](images/user/chapter9/chapter9_30.png)
+
+> หมายเลข 1 ข้อความจากผู้บังคับบัญชาเหนือขึ้นไป กรณีที่เห็นต่างผลการประเมิน  
+
+- เมื่อผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) ทำการกรอกข้อมูลสรุปผลการประเมิน และแสดงความคิดเห็น จนถึงการบันทึกข้อมูลเสร็จสิ้น ระบบจะแสดงสถานะรายการขอรับการประเมินเป็น “รอประกาศผลการประเมิน”  
+
+- ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการคลิกรายการขอรับการประเมินและทำการตรวจสอบรายงานผลสำเร็จของงาน และทำการสรุปผลการประเมิน ในกรณีที่ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) เห็นด้วยกับผลการประเมินนี้ ให้ทำการคลิก “เห็นด้วยกับผลการประเมิน” และทำการบันทึก ระบบจะเปลี่ยนสถานะเป็น “รอประกาศผลการประเมิน” เพื่อให้ผู้ที่เกี่ยวข้องกับระบบทำการประกาศผลการประเมิน  
+
+![รูปภาพที่ 9 – 31 ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นสรุปผลการประเมิน](images/user/chapter9/chapter9_31.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเห็นด้วยหรือไม่เห็นด้วยกับการประเมินของผู้ประเมิน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลความคิดเห็นการประเมินของผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น  
+
+- แต่ในกรณีที่ผู้บังคับบัญชาเหนือขึ้น (ถ้ามี) ไปเห็นต่างการประเมินในครั้งนี้ ต้องทำการคลิก “มีความเห็นต่าง ดังนี้” พร้อมทั้งกรอกความคิดเห็นที่เห็นต่าง จากนั้นทำการคลิกบันทึก ระบบจะทำการแจ้งเตือนหมายเหตุ และเนื้อหารายละเอียดที่ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) เห็นต่างให้ผู้ประเมินรับทราบ เพื่อทำการแก้ไข  
+
+![รูปภาพที่ 9 – 32 ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นเห็นต่างการสรุปผลการประเมิน](images/user/chapter9/chapter9_32.png)
+
+- เมื่อผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) เห็นต่าง การทำงานของระบบจะวนการทำงานกลับไปยังขั้นตอนที่ผู้ประเมินทำการให้คะแนนผลการประเมินในขั้นตอนรายงานผลสำเร็จงานใหม่อีกครั้ง และสรุปผลการประเมิน จนถึงบันทึกผลการประเมินอีกครั้ง ผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) ทำการตรวจสอบข้อมูลและแสดงความคิดเห็นเกี่ยวกับผลการประเมิน จนถึงบันทึกผลการประเมินอีกครั้ง เพื่อให้ผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น (ถ้ามี) ทำการตรวจสอบข้อมูลผลการประเมินจนเป็นที่พอใจ ถึงจะสามารถไปยังขั้นตอนประกาศผลการประเมินได้เป็นอันเสร็จสิ้น  
+
+![รูปภาพที่ 9 – 33 กรณีผู้บังคับบัญชาเหนือขึ้นไปอีกขั้นเห็นต่างการสรุปผลการประเมิน](images/user/chapter9/chapter9_33.png)
+
+> หมายเลข 1 ข้อความจากผู้บังคับบัญชาเหนือขึ้นไปอีกขั้น กรณีที่เห็นต่างผลการประเมิน  
diff --git a/public/images/button/save-comment.png b/public/images/button/save-comment.png
new file mode 100644
index 00000000..94e76185
Binary files /dev/null and b/public/images/button/save-comment.png differ
diff --git a/public/images/user/chapter9/chapter9_1.png b/public/images/user/chapter9/chapter9_1.png
index 76872754..caa60419 100644
Binary files a/public/images/user/chapter9/chapter9_1.png and b/public/images/user/chapter9/chapter9_1.png differ
diff --git a/public/images/user/chapter9/chapter9_10.png b/public/images/user/chapter9/chapter9_10.png
index e74a4bb4..5839a360 100644
Binary files a/public/images/user/chapter9/chapter9_10.png and b/public/images/user/chapter9/chapter9_10.png differ
diff --git a/public/images/user/chapter9/chapter9_11.png b/public/images/user/chapter9/chapter9_11.png
index a1811471..9586d36b 100644
Binary files a/public/images/user/chapter9/chapter9_11.png and b/public/images/user/chapter9/chapter9_11.png differ
diff --git a/public/images/user/chapter9/chapter9_12.png b/public/images/user/chapter9/chapter9_12.png
index a46831ff..84d3c268 100644
Binary files a/public/images/user/chapter9/chapter9_12.png and b/public/images/user/chapter9/chapter9_12.png differ
diff --git a/public/images/user/chapter9/chapter9_13.png b/public/images/user/chapter9/chapter9_13.png
index 7feb548a..5a142b9a 100644
Binary files a/public/images/user/chapter9/chapter9_13.png and b/public/images/user/chapter9/chapter9_13.png differ
diff --git a/public/images/user/chapter9/chapter9_14.png b/public/images/user/chapter9/chapter9_14.png
index 200a7dde..9042e309 100644
Binary files a/public/images/user/chapter9/chapter9_14.png and b/public/images/user/chapter9/chapter9_14.png differ
diff --git a/public/images/user/chapter9/chapter9_15.png b/public/images/user/chapter9/chapter9_15.png
index 2b3693ce..c16d3073 100644
Binary files a/public/images/user/chapter9/chapter9_15.png and b/public/images/user/chapter9/chapter9_15.png differ
diff --git a/public/images/user/chapter9/chapter9_16.png b/public/images/user/chapter9/chapter9_16.png
index 40c60e88..9dd11020 100644
Binary files a/public/images/user/chapter9/chapter9_16.png and b/public/images/user/chapter9/chapter9_16.png differ
diff --git a/public/images/user/chapter9/chapter9_17.png b/public/images/user/chapter9/chapter9_17.png
index c6f99594..0e519d0c 100644
Binary files a/public/images/user/chapter9/chapter9_17.png and b/public/images/user/chapter9/chapter9_17.png differ
diff --git a/public/images/user/chapter9/chapter9_18.png b/public/images/user/chapter9/chapter9_18.png
index d64a2f87..49c70059 100644
Binary files a/public/images/user/chapter9/chapter9_18.png and b/public/images/user/chapter9/chapter9_18.png differ
diff --git a/public/images/user/chapter9/chapter9_19.png b/public/images/user/chapter9/chapter9_19.png
new file mode 100644
index 00000000..8ad4492d
Binary files /dev/null and b/public/images/user/chapter9/chapter9_19.png differ
diff --git a/public/images/user/chapter9/chapter9_2.png b/public/images/user/chapter9/chapter9_2.png
index 718b767a..5cef1f42 100644
Binary files a/public/images/user/chapter9/chapter9_2.png and b/public/images/user/chapter9/chapter9_2.png differ
diff --git a/public/images/user/chapter9/chapter9_20.png b/public/images/user/chapter9/chapter9_20.png
new file mode 100644
index 00000000..62621ca1
Binary files /dev/null and b/public/images/user/chapter9/chapter9_20.png differ
diff --git a/public/images/user/chapter9/chapter9_21.png b/public/images/user/chapter9/chapter9_21.png
new file mode 100644
index 00000000..2211b624
Binary files /dev/null and b/public/images/user/chapter9/chapter9_21.png differ
diff --git a/public/images/user/chapter9/chapter9_22.png b/public/images/user/chapter9/chapter9_22.png
new file mode 100644
index 00000000..851799ac
Binary files /dev/null and b/public/images/user/chapter9/chapter9_22.png differ
diff --git a/public/images/user/chapter9/chapter9_23.png b/public/images/user/chapter9/chapter9_23.png
new file mode 100644
index 00000000..12395cc6
Binary files /dev/null and b/public/images/user/chapter9/chapter9_23.png differ
diff --git a/public/images/user/chapter9/chapter9_24.png b/public/images/user/chapter9/chapter9_24.png
new file mode 100644
index 00000000..89103bb2
Binary files /dev/null and b/public/images/user/chapter9/chapter9_24.png differ
diff --git a/public/images/user/chapter9/chapter9_25.png b/public/images/user/chapter9/chapter9_25.png
new file mode 100644
index 00000000..23df754b
Binary files /dev/null and b/public/images/user/chapter9/chapter9_25.png differ
diff --git a/public/images/user/chapter9/chapter9_26.png b/public/images/user/chapter9/chapter9_26.png
new file mode 100644
index 00000000..2720e778
Binary files /dev/null and b/public/images/user/chapter9/chapter9_26.png differ
diff --git a/public/images/user/chapter9/chapter9_27.png b/public/images/user/chapter9/chapter9_27.png
new file mode 100644
index 00000000..63dbf449
Binary files /dev/null and b/public/images/user/chapter9/chapter9_27.png differ
diff --git a/public/images/user/chapter9/chapter9_28.png b/public/images/user/chapter9/chapter9_28.png
new file mode 100644
index 00000000..3e65e316
Binary files /dev/null and b/public/images/user/chapter9/chapter9_28.png differ
diff --git a/public/images/user/chapter9/chapter9_29.png b/public/images/user/chapter9/chapter9_29.png
new file mode 100644
index 00000000..cdf5c25e
Binary files /dev/null and b/public/images/user/chapter9/chapter9_29.png differ
diff --git a/public/images/user/chapter9/chapter9_3.png b/public/images/user/chapter9/chapter9_3.png
index 772b838b..66b28618 100644
Binary files a/public/images/user/chapter9/chapter9_3.png and b/public/images/user/chapter9/chapter9_3.png differ
diff --git a/public/images/user/chapter9/chapter9_30.png b/public/images/user/chapter9/chapter9_30.png
new file mode 100644
index 00000000..c7c34d1d
Binary files /dev/null and b/public/images/user/chapter9/chapter9_30.png differ
diff --git a/public/images/user/chapter9/chapter9_31.png b/public/images/user/chapter9/chapter9_31.png
new file mode 100644
index 00000000..98503e22
Binary files /dev/null and b/public/images/user/chapter9/chapter9_31.png differ
diff --git a/public/images/user/chapter9/chapter9_32.png b/public/images/user/chapter9/chapter9_32.png
new file mode 100644
index 00000000..5e86b5e1
Binary files /dev/null and b/public/images/user/chapter9/chapter9_32.png differ
diff --git a/public/images/user/chapter9/chapter9_33.png b/public/images/user/chapter9/chapter9_33.png
new file mode 100644
index 00000000..a4c60658
Binary files /dev/null and b/public/images/user/chapter9/chapter9_33.png differ
diff --git a/public/images/user/chapter9/chapter9_4.png b/public/images/user/chapter9/chapter9_4.png
index a523b9e1..e74c0ca3 100644
Binary files a/public/images/user/chapter9/chapter9_4.png and b/public/images/user/chapter9/chapter9_4.png differ
diff --git a/public/images/user/chapter9/chapter9_5.png b/public/images/user/chapter9/chapter9_5.png
index 4fa88ce2..7fb794a0 100644
Binary files a/public/images/user/chapter9/chapter9_5.png and b/public/images/user/chapter9/chapter9_5.png differ
diff --git a/public/images/user/chapter9/chapter9_6.png b/public/images/user/chapter9/chapter9_6.png
index a32399b1..1d7cf5e0 100644
Binary files a/public/images/user/chapter9/chapter9_6.png and b/public/images/user/chapter9/chapter9_6.png differ
diff --git a/public/images/user/chapter9/chapter9_7.png b/public/images/user/chapter9/chapter9_7.png
index 5598cb60..6ad27380 100644
Binary files a/public/images/user/chapter9/chapter9_7.png and b/public/images/user/chapter9/chapter9_7.png differ
diff --git a/public/images/user/chapter9/chapter9_8.png b/public/images/user/chapter9/chapter9_8.png
index f703ca3d..a5aa4807 100644
Binary files a/public/images/user/chapter9/chapter9_8.png and b/public/images/user/chapter9/chapter9_8.png differ
diff --git a/public/images/user/chapter9/chapter9_9.png b/public/images/user/chapter9/chapter9_9.png
index 70441936..40e5df33 100644
Binary files a/public/images/user/chapter9/chapter9_9.png and b/public/images/user/chapter9/chapter9_9.png differ