diff --git a/public/documents/chapter-1-2-user-organization-chart.pdf b/public/documents/chapter-1-2-user-organization-chart.pdf
new file mode 100644
index 00000000..8c574bb4
Binary files /dev/null and b/public/documents/chapter-1-2-user-organization-chart.pdf differ
diff --git a/public/documents/chapter-1-admin-login.docx b/public/documents/chapter-1-admin-login.docx
index 7038829f..72aabcef 100644
Binary files a/public/documents/chapter-1-admin-login.docx and b/public/documents/chapter-1-admin-login.docx differ
diff --git a/public/documents/chapter-1-user-organization-chart.md b/public/documents/chapter-1-user-organization-chart.md
index 47036478..d5bbaaec 100644
--- a/public/documents/chapter-1-user-organization-chart.md
+++ b/public/documents/chapter-1-user-organization-chart.md
@@ -2,41 +2,40 @@
 
 - เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “แผนผังองค์กร”
 
-![รูปภาพที่ 1 – 1 เมนู “แผนผังองค์กร”](../images/user/chapter1/chapter1_1.png)
+![รูปภาพที่ 2 – 1 เมนู “แผนผังองค์กร”](../images/user/chapter1/chapter1_1.png)
 
 > หมายเลข 1 เมนูประเมินบุคคล
 
 - เมื่อเลือกเมนู “แผนผังองค์กร” ระบบแสดงหน้าแผนผังองค์กร โดยสามารถเลือกดาวน์โหลด
-แผนผังองค์ในรูปแบบ .PDF หรือ .PNG รวมทั้งสามารถคลิกรายการผังองค์กร เพื่อดูข้อมูลได้
+  แผนผังองค์ในรูปแบบ .PDF หรือ .PNG รวมทั้งสามารถคลิกรายการผังองค์กร เพื่อดูข้อมูลได้
 
-![รูปภาพที่ 1 – 2 หน้าแผนผังองค์กร](../images/user/chapter1/chapter1_2.png)
+![รูปภาพที่ 2 – 2 หน้าแผนผังองค์กร](../images/user/chapter1/chapter1_2.png)
 
 > หมายเลข 1 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PNG  
 > หมายเลข 2 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PDF  
 > หมายเลข 3 รายการการเข้าถึง  
-> หมายเลข 4 ผังโครงสร้างของสำนักงานทั้งหมด  
+> หมายเลข 4 ผังโครงสร้างของสำนักงานทั้งหมด
 
 - เมื่อคลิกที่สำนักเพื่อดูข้อมูลผังองค์กร ระบบแสดงหน้าผังองค์กรของสำนักที่เลือก สามารถคลิกเพื่อเข้าดูข้อมูลผังองค์กรของทั้งสถาบัน/กอง ฝ่าย/ส่วน และกลุ่มงาน ของสำนักงานที่เลือกได้
 
-![รูปภาพที่ 1 – 3 หน้าแผนผังองค์กรของสำนัก](../images/user/chapter1/chapter1_3.png)
+![รูปภาพที่ 2 – 3 หน้าแผนผังองค์กรของสำนัก](../images/user/chapter1/chapter1_3.png)
 
 > หมายเลข 1 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PNG  
 > หมายเลข 2 ไอคอนดาวน์โหลดรูปแบบไฟล์ .PDF  
 > หมายเลข 3 รายการการเข้าถึง  
-> หมายเลข 4 ผังโครงสร้างของสำนักงาน  
+> หมายเลข 4 ผังโครงสร้างของสำนักงาน
 
-![รูปภาพที่ 1 – 4 หน้าแผนผังองค์กรของสถาบัน/กอง](../images/user/chapter1/chapter1_4.png)
+![รูปภาพที่ 2 – 4 หน้าแผนผังองค์กรของสถาบัน/กอง](../images/user/chapter1/chapter1_4.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของสถาบัน/กอง  
+> หมายเลข 2 ผังองค์กรของสถาบัน/กอง
 
-![รูปภาพที่ 1 – 5 หน้าแผนผังองค์กรของฝ่าย/ส่วน](../images/user/chapter1/chapter1_5.png)
+![รูปภาพที่ 2 – 5 หน้าแผนผังองค์กรของฝ่าย/ส่วน](../images/user/chapter1/chapter1_5.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของฝ่าย/ส่วน  
+> หมายเลข 2 ผังองค์กรของฝ่าย/ส่วน
 
-![รูปภาพที่ 1 – 6 หน้าแผนผังองค์กรของกลุ่มงาน](../images/user/chapter1/chapter1_6.png)
+![รูปภาพที่ 2 – 6 หน้าแผนผังองค์กรของกลุ่มงาน](../images/user/chapter1/chapter1_6.png)
 
 > หมายเลข 1 รายการการเข้าถึง  
-> หมายเลข 2 ผังองค์กรของกลุ่มงาน  
-
+> หมายเลข 2 ผังองค์กรของกลุ่มงาน
diff --git a/public/documents/chapter-10-user-scholarship.md b/public/documents/chapter-10-user-scholarship.md
index 368daa5e..28805a54 100644
--- a/public/documents/chapter-10-user-scholarship.md
+++ b/public/documents/chapter-10-user-scholarship.md
@@ -1,15 +1,21 @@
 # ทุนการศึกษา/ฝึกอบรม
 
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ทุนการศึกษา/ฝึกอบรม”  
+
+![รูปภาพที่ 11 – 1 รายการทุนการศึกษา/ฝึกอบรม](images/user/chapter10/chapter10_1_edit.png)
+
+> หมายเลข 1 ระบบ ทุนการศึกษา/ฝึกอบรม
+
 - หลังจากทำการคลิกเข้าสู่ระบบทุนการศึกษา/ฝึกอบรม ระบบแสดงรายการทุนการศึกษา/ฝึกอบรม โดยแยกตามประเภททุนการศึกษา และปีงบประมาณ โดยเจ้าหน้าที่สามารถดับเบิ้ลคลิก ในรายการทุนการศึกษา/ฝึกอบรม ระบบแสดงหน้า “รายละเอียดทุนการศึกษา/ฝึกอบรม” โดยแสดงรายละเอียดเกี่ยวกับทุนการศึกษา/ฝึกอบรมที่ได้รับทั้งหมด โดยรายละเอียดเนื้อหาในส่วนนี้ เจ้าหน้าที่จะไม่สามารถแก้ไขข้อมูลใด ๆ ได้
 
-![รูปภาพที่ 10 – 1 รายการทุนการศึกษา/ฝึกอบรม](images/user/chapter10/chapter10_1.png)
+![รูปภาพที่ 11 – 1 รายการทุนการศึกษา/ฝึกอบรม](images/user/chapter10/chapter10_1.png)
 
 > หมายเลข 1 ช่องสำหรับคลิกเลือกปีงบประมาณ เพื่อแสดงรายการทุนการศึกษา/ฝึกอบรมที่มี  
 > หมายเลข 2 ช่องสำหรับคลิกเลือกประเภททุน เพื่อแสดงรายการทุนการศึกษา/ฝึกอบรมตามประเภททุนที่ทำการคลิกเลือก  
 > หมายเลข 3 ช่องสำหรับแสดงรายการทุนการศึกษา/ฝึกอบรม  
 > หมายเลข 4 ช่องสำหรับคลิกเลือกรายชื่อคอลัมน์ เพื่อแสดงข้อมูลทุนการศึกษา/ฝึกอบรมตามรายชื่อคอลัมน์ที่ได้ทำการคลิกเลือก
 
-![รูปภาพที่ 10 – 2 รายละเอียดทุนการศึกษา/ฝึกอบรม](images/user/chapter10/chapter10_2.png)
+![รูปภาพที่ 11 – 2 รายละเอียดทุนการศึกษา/ฝึกอบรม](images/user/chapter10/chapter10_2.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิก เพื่อรายงานตัวกลับเข้ารับราชการ  
 > หมายเลข 2 ช่องสำหรับแสดงรายละเอียดข้อมูลทุนการศึกษา/ฝึกอบรม  
@@ -17,7 +23,7 @@
 
 - การรายงานตัวกลับเข้ารับราชการ ให้ทำการใช้เมาส์คลิก ![close](images/button/dot-grey.png) ระบบแสดงเมนูย่อย ให้ทำการคลิกเลือกเมนู ![close](images/button/edit-info.png) ระบบแสดงหน้าต่าง “รายงานตัวกลับเข้ารับราชการ” ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล หรือหากต้องการปิดหน้าต่างหรือยกเลิกการกรอกข้อมูลรายงานตัวกลับราชการ ให้ทำการใช้เมาส์คลิก ![close](images/button/close-popup.png) ระบบทำการปิดหน้าต่างกรอกข้อมูลรายงานตัวกลับเข้ารับราชการทันที ในส่วนนี้จะสามารถแก้ไขได้ไม่จำกัดเว้นแต่ เจ้าหน้าที่ดูแลระบบพัฒนาบุคลากรทำการยืนยันการเรียนจบของเจ้าหน้าที่เสร็จสิ้นแล้ว จะไม่สามารถทำรายการใด ๆ ได้
 
-![รูปภาพที่ 10 – 3 รายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_3.png)
+![รูปภาพที่ 11 – 3 รายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_3.png)
 
 > หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกเลขที่หนังสือรายงานตัวกลับเข้าปฏิบัติราชการ  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกวันที่หนังสือรายงานตัวกลับเข้าปฏิบัติราชการ  
@@ -30,10 +36,10 @@
 
 - การเพิ่มเอกสารรายงานตัวกลับเข้ารับราชการ ให้ทำการใช้เมาส์คลิก ![close](images/button/dot-grey.png) ระบบแสดงเมนูย่อย ให้ทำการคลิกเลือกเมนู ![close](images/button/download-form.png)ระบบทำการดาวน์โหลด "แบบฟอร์มรายงานตัวกลับเข้ารับราชการ"โดยฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการแสดงรายละเอียดข้อมูลชื่อเจ้าตัว ตำแหน่ง สังกัด ข้อมูลวันที่รายงานตัวกลับเข้ารับราชการและข้อมูลทุนการศึกษา/ฝึกอบรมที่ได้รับ ให้นำไปลงชื่อผู้รายงานและผู้รับรอง จากนั้นให้ทำการใช้เมาส์คลิก ![close](images/button/upload-doc2.png) เลือกไฟล์เอกสารรายงานตัวกลับ จากนั้นทำการคลิกไอคอน ![close](images/button/upload-green.png) ระบบทำการอัปโหลดไฟล์เข้าระบบ
 
-![รูปภาพที่ 10 – 4 อัปโหลดฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_4.png)
+![รูปภาพที่ 11 – 4 อัปโหลดฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_4.png)
 
 > หมายเลข 1 เมนูสำหรับทำเรื่องรายงานตัวกลับเข้ารับราชการ และเมนูดาวน์โหลดฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการ  
 > หมายเลข 2 ช่องสำหรับคลิกเลือกเอกสารฟอร์มรายงานตัวกลับเข้ารับราชการเพื่ออัปโหลดเข้าระบบ  
 > หมายเลข 3 ไอคอนสำหรับคลิกเพื่อยืนยันการอัปโหลดเอกสารฟอร์มรายงานตัวกลับเข้ารับราชการ
 
-![รูปภาพที่ 10 – 5 ตัวอย่างแบบฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_5.png)
+![รูปภาพที่ 11 – 5 ตัวอย่างแบบฟอร์มเอกสารรายงานตัวกลับเข้ารับราชการ](images/user/chapter10/chapter10_5.png)
diff --git a/public/documents/chapter-11-user-Individual-development.md b/public/documents/chapter-11-user-Individual-development.md
new file mode 100644
index 00000000..fad227d6
--- /dev/null
+++ b/public/documents/chapter-11-user-Individual-development.md
@@ -0,0 +1,39 @@
+# ระบบพัฒนารายบุคคล  
+
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “การพัฒนารายบุคคล”
+  
+![รูปภาพที่ 11 – 1 เมนูลาออกในส่วนของผู้ใช้](images/user/chapter11/chapter11_1.png)
+
+> หมายเลข 1 ระบบการพัฒนารายบุคคล  
+
+- การเพิ่มรายการพัฒนารายบุคคล ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png)         ระบบแสดงหน้า “ยื่นคำร้องขอ
+เพิ่มข้อมูลการพัฒนารายบุคคล” ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png)      และยืนยันการบันทึกข้อมูล ระบบแสดงรายการ “รายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล (Individual Development Plan)” หลังจากทำการบันทึกข้อมูลเสร็จสิ้น รายการคำร้องจะถูกส่งไปให้เจ้าหน้าที่ผู้ที่เกี่ยวข้องทำการอนุมัติ หรือ ไม่อนุมัติ
+
+![รูปภาพที่ 11 – 2 เพิ่มข้อมูลการพัฒนารายบุคคล](images/user/chapter11/chapter11_2.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา  
+> หมายเลข 2 ช่องสำหรับคลิก Check Box เพื่อกรอกข้อมูลวิธีการพัฒนา  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อกรอกเป้าหมายการนำไปพัฒนางาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลวิธีการวัดผลการพัฒนา  
+> หมายเลข 5 ช่องสำหรับคลิกเพื่อกรอกข้อมูลรายงานผลการพัฒนา  
+> หมายเลข 6 ช่องสำหรับคลิกเพื่อเลือกไฟล์อัปโหลดเอกสารหลักฐาน  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 8 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างหรือยกเลิกการเพิ่มข้อมูลยื่นคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+
+- ผู้ใช้งานสามารถเลือกสถานะคำร้องเพื่อดูรายการคำร้องขอเพิ่มข้อมูลรายบุคคลได้ และหาก
+ต้องการดาวน์โหลดเอกสาร ให้ทำการใช้เมาส์คลิก ![close](images/button/download-green.png)       ในรายการที่ต้องการดาวน์โหลดเอกสาร ระบบจะทำการดาวน์โหลดให้อัตโนมัติ และหากต้องการลบรายการคำร้อง ให้ทำการคลิก  ![close](images/button/delete-red.png)      และยืนยันการลบข้อมูล pngโดยผู้ใช้งานจะสามารถลบรายการได้ต่อเมื่อสถานะคำร้องขอเป็น “รอดำเนินการ” เท่านั้น
+
+![รูปภาพที่ 11 – 3 รายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล](images/user/chapter11/chapter11_3.png)  
+
+>หมายเลข 1 ช่องสำหรับคลิกเพื่อเลือกสถานะการแสดงรายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 2 ไอคอนสำหรับคลิกเพื่อเพิ่มรายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 3 ช่องสำหรับแสดงรายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 4 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดเอกสารไฟล์หลักฐานเพิ่มเติม  
+> หมายเลข 5 ช่องคอลัมน์สำหรับแสดงสถานะรายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อลบรายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+> หมายเลข 7 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการคำร้องขอเพิ่มข้อมูลการพัฒนารายบุคคล  
+
+- เมื่อคำร้องขอเพิ่มข้อมูลพัฒนารายบุคคลได้ถูกเจ้าหน้าที่ทำการอนุมัติเสร็จสิ้น ข้อมูลจะแสดงใน
+ระบบทะเบียนประวัติ เมนู “ข้อมูลผลงาน” ตาราง “การพัฒนารายบุคคล (Individual Development Plan)”
+
+![รูปภาพที่ 11 – 4 ตัวอย่างข้อมูลคำร้องถูกบันทึกลงระบบทะเบียนประวัติ](images/user/chapter11/chapter11_4.png)  
diff --git a/public/documents/chapter-11-user-retire.docx b/public/documents/chapter-12-user-retire.docx
similarity index 100%
rename from public/documents/chapter-11-user-retire.docx
rename to public/documents/chapter-12-user-retire.docx
diff --git a/public/documents/chapter-11-user-retire.md b/public/documents/chapter-12-user-retire.md
similarity index 79%
rename from public/documents/chapter-11-user-retire.md
rename to public/documents/chapter-12-user-retire.md
index 32872c61..3a7e2888 100644
--- a/public/documents/chapter-11-user-retire.md
+++ b/public/documents/chapter-12-user-retire.md
@@ -2,13 +2,13 @@
 
 - เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ลาออก”
 
-![รูปภาพที่ 11 – 1 เมนูลาออกในส่วนของผู้ใช้](images/user/chapter11/chapter11_1.png)
+![รูปภาพที่ 12 – 1 เมนูลาออกในส่วนของผู้ใช้](images/user/chapter12/chapter12_1.png)
 
 > หมายเลข 1 เมนู “ลาออก”
 
 - เมื่อเลือกเมนู “ลาออก” ระบบแสดงหน้าลาออก โดยสามารถคลิก ![close](images/button/plus-green.png) เพื่อทำการเพิ่มข้อมูลลาออก
 
-![รูปภาพที่ 11 – 2 หน้าเรื่องขอโอน](images/user/chapter11/chapter11_2.png)
+![รูปภาพที่ 12 – 2 หน้าเรื่องขอโอน](images/user/chapter12/chapter12_2.png)
 
 > หมายเลข 1 เพิ่มข้อมูลลาออก  
 > หมายเลข 2 รายการลาออก  
@@ -17,7 +17,7 @@
 
 - จากรูปภาพที่ 11 - 2 เมื่อคลิกไอคอนในหมายเลข 1 ระบบแสดงหน้าเพิ่มเรื่องลาออก จำเป็นต้องกรอกข้อมูลให้ครบทุกช่อง และควรแนบเอกสารเพิ่มเติม
 
-![รูปภาพที่ 11 – 3 หน้าเพิ่มเรื่องลาออก](images/user/chapter11/chapter11_3.png)
+![รูปภาพที่ 12 – 3 หน้าเพิ่มเรื่องลาออก](images/user/chapter12/chapter12_3.png)
 
 > หมายเลข 1 ช่องให้กรอกสถานที่ยื่นขอลาออกจากราชการ  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นลาออกจากราชการ  
@@ -29,19 +29,19 @@
 
 - เมื่อกรอกข้อมูลในหน้าเพิ่มเรื่องลาออก และคลิกปุ่มยื่นเรื่องขอลาออก ระบบแสดงหน้าฟอร์มตอบแบบสอบถามจำนวน 10 ข้อ
 
-![รูปภาพที่ 11 – 4 แบบสอบถามข้อที่ 1](images/user/chapter11/chapter11_4.png)
+![รูปภาพที่ 12 – 4 แบบสอบถามข้อที่ 1](images/user/chapter12/chapter12_4.png)
 
-![รูปภาพที่ 11 – 5 แบบสอบถามข้อที่ 2 และ 3](images/user/chapter11/chapter11_5.png)
+![รูปภาพที่ 12 – 5 แบบสอบถามข้อที่ 2 และ 3](images/user/chapter12/chapter12_5.png)
 
-![รูปภาพที่ 11 – 6 แบบสอบถามข้อที่ 4](images/user/chapter11/chapter11_6.png)
+![รูปภาพที่ 12 – 6 แบบสอบถามข้อที่ 4](images/user/chapter12/chapter12_6.png)
 
-![รูปภาพที่ 11 – 7 แบบสอบถามข้อที่ 5, 6, 7 และ ข้อที่ 8](images/user/chapter11/chapter11_7.png)
+![รูปภาพที่ 12 – 7 แบบสอบถามข้อที่ 5, 6, 7 และ ข้อที่ 8](images/user/chapter12/chapter12_7.png)
 
-![รูปภาพที่ 11 – 8 แบบสอบถามข้อที่ 9 และข้อที่ 10](images/user/chapter11/chapter11_8.png)
+![รูปภาพที่ 12 – 8 แบบสอบถามข้อที่ 9 และข้อที่ 10](images/user/chapter12/chapter12_8.png)
 
 - ในรูปภาพที่ 11 - 2 เมื่อเลือกคลิกรายการในหมายเลข 2 ระบบแสดงหน้ารายละเอียดลาออก โดยสามารถดูรายละเอียด และสามารถยกเลิกการลาออกได้
 
-![รูปภาพที่ 11 – 9 หน้ารายละเอียดเรื่องลาออก](images/user/chapter11/chapter11_9.png)
+![รูปภาพที่ 12 – 9 หน้ารายละเอียดเรื่องลาออก](images/user/chapter12/chapter12_9.png)
 
 > หมายเลข 1 ช่องแสดงสถานที่ยื่นขอลาออกจากราชการ  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นลาออกจากราชการ  
@@ -49,7 +49,7 @@
 > หมายเลข 4 ช่องให้กรอกเหตุผลที่ลาออกจากราชการ  
 > หมายเลข 5 ช่องแสดงแนบเอกสารเพิ่มเติม
 
-![รูปภาพที่ 11 – 10 หน้ารายละเอียดเรื่องลาออก(ต่อ)](images/user/chapter11/chapter11_10.png)
+![รูปภาพที่ 12 – 10 หน้ารายละเอียดเรื่องลาออก(ต่อ)](images/user/chapter12/chapter12_10.png)
 
 > หมายเลข 1 ช่องแสดงผลการพิจารณาของผู้บังคับบัญชา  
 > หมายเลข 2 ช่องแสดงผลการพิจารณาของผู้มีอำนาจ  
diff --git a/public/documents/chapter-11-user-retire.pdf b/public/documents/chapter-12-user-retire.pdf
similarity index 100%
rename from public/documents/chapter-11-user-retire.pdf
rename to public/documents/chapter-12-user-retire.pdf
diff --git a/public/documents/chapter-13-user-worktimerecord.docx b/public/documents/chapter-13-user-worktimerecord.docx
new file mode 100644
index 00000000..eb4a7766
Binary files /dev/null and b/public/documents/chapter-13-user-worktimerecord.docx differ
diff --git a/public/documents/chapter-13-user-worktimerecord.md b/public/documents/chapter-13-user-worktimerecord.md
new file mode 100644
index 00000000..402e4cd6
--- /dev/null
+++ b/public/documents/chapter-13-user-worktimerecord.md
@@ -0,0 +1,116 @@
+# ระบบบันทึกการลงเวลาปฏิบัติงาน
+
+- การเข้าสู่ระบบบันทึกการลงเวลาปฏิบัติงาน ให้ทำการกรอกข้อมูลผู้ใช้งานและรหัสผ่าน หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการใช้เมาส์คลิก ![close](images/button/login.png)ระบบแสดงหน้าลงเวลาเข้า - ออกปฏิบัติงาน
+
+![รูปภาพที่ 13 – 1 การเข้าใช้งานระบบ](../images/user/chapter13/chapter13_1.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลชื่อผู้ใช้งาน  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลรหัสผ่าน  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อเข้าสู่ระบบบันทึกการลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่อง Check Box สำหรับคลิกเพื่อล็อคอินค้างระบบ  
+> หมายเลข 5 ปุ่มสำหรับคลิกสำหรับในกรณีหากลืมรหัสผ่านเข้าสู่ระบบ
+
+- หากลืมรหัสผ่านผู้ใช้งาน ให้ทำการใช้เมาส์คลิก![close](images/button/forget.png) จากนั้นระบบแสดงหน้า ให้ทำการกรอกชื่อผู้ใช้งานหรือที่อยู่อีเมลของผู้ใช้งานลงไป จากนั้นทำการคลิก ![close](images/button/cf.png)ระบบจะทำการรีเซ็ตรหัสผ่านใหม่ให้โดยการส่งคำแนะนำไปทางอีเมลของผู้ใช้งาน
+
+![รูปภาพที่ 13 – 2 ลืมรหัสผ่าน](../images/user/chapter13/chapter13_2.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกชื่อผู้ใช้งาน  
+> หมายเลข 2 ปุ่มสำหรับคลิกเพื่อยืนยันการส่งเรื่องการลืมรหัสผ่านให้ผู้เกี่ยวข้อง  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อกลับเข้าสู่ระบบในกรณีได้รับการรีเซ็ตรหัสผ่านแล้ว
+
+- การลงเวลาปฏิบัติงาน ระบบแสดงพิกัดการลงเวลาปฏิบัติงานอัตโนมัติ ผู้ใช้งานทำการถ่ายรูปยืนยันการลงเวลาปฏิบัติงานเพราะระบบจะไม่สามารถเลือกรูปภาพจากคอมพิวเตอร์หรือโทรศัพท์มือถือได้ จากนั้นทำการคลิกเลือกสถานที่ปฏิบัติงาน หากทำการกรอกข้อมูลเสร็จสิ้นแล้ว ผู้ใช้งานทำการตรวจสอบความถูกต้องของข้อมูลก่อนการบันทึกเวลาเข้างาน เพราะหากทำการคลิกบันทึกเวลาเข้างานระบบจะทำการบันทึกข้อมูลทันที
+
+![รูปภาพที่ 13 – 3 การลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_3.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงลงเวลาปฏิบัติงาน/เข้างาน (ระบบแสดงสีเขียว)  
+> หมายเลข 2 ช่องสำหรับแสดงเวลาการลงเวลาเข้างาน  
+> หมายเลข 3 ช่องสำหรับแสดงพิกัดสถานที่ลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อทำการถ่ายรูปตัวเองก่อนเพื่อยืนยันสถานที่ปฏิบัติงาน  
+> หมายเลข 5 ช่องสำหรับคลิกเลือกสถานที่ปฏิบัติงาน (ในสถานที่/นอกสถานที่) ในกรณีเลือก  
+> หมายเลข 6 ช่องสำหรับกรอกข้อมูลหมายเหตุการลงเวลาปฏิบัติงาน  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อลงเวลาปฏิบัติงาน (เข้างาน)
+
+- หากทำการคลิกปุ่ม “ลงเวลาเข้างาน” ระบบแสดงพิกัดและเวลาการลงเวลาปฏิบัติงานให้ผู้ใช้งานทราบ หากตรวจสอบเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btcf.png)ระบบทำการปิดหน้าต่างลงเวลาเข้างานของคุณทันที
+
+![รูปภาพที่ 13 – 4 สรุปเวลาและพิกัดเข้างาน](../images/user/chapter13/chapter13_4.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงวันที่และเวลาการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 2 ช่องสำหรับแสดงพิกัดการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อปิดหน้าต่างลงเวลาเข้างานของคุณ
+
+- หากทำการบันทึกลงเวลาปฏิบัติงานเสร็จสิ้นแล้ว ระบบแสดงลงเวลาออกงานทันที (สีแดง)
+
+![รูปภาพที่ 13 – 5 ลงเวลาออกงาน](../images/user/chapter13/chapter13_5.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงลงเวลาปฏิบัติงาน/ออกงาน (ระบบแสดงสีแดง)  
+> หมายเลข 2 ช่องสำหรับแสดงเวลาการลงเวลาออกงาน  
+> หมายเลข 3 ช่องสำหรับแสดงพิกัดสถานที่ลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อทำการถ่ายรูปตัวเองก่อนเพื่อยืนยันสถานที่ปฏิบัติงาน  
+> หมายเลข 5 ช่องสำหรับคลิกเลือกสถานที่ปฏิบัติงาน (ในสถานที่/นอกสถานที่)ในกรณีเลือกปฏิบัติงานนอกสถานที่ต้องทำการระบุสถานที่ปฏิบัติงานด้วย  
+> หมายเลข 6 ช่องสำหรับกรอกข้อมูลหมายเหตุการลงเวลาปฏิบัติงาน  
+> หมายเลข 7 ปุ่มสำหรับคลิกเพื่อลงเวลาปฏิบัติงาน (ออกงาน)
+
+- หากทำการคลิกปุ่ม “ลงเวลาเข้างาน” ระบบแสดงพิกัดและเวลาการลงเวลาปฏิบัติงานให้ผู้ใช้งานทราบ หากตรวจสอบเสร็จสิ้น ให้ทำการคลิก ระบบทำการปิดหน้าต่างลงเวลาออกงานของคุณทันที
+
+![รูปภาพที่ 13 – 6 สรุปเวลาและพิกัดออกงาน](../images/user/chapter13/chapter13_6.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงวันที่และเวลาการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 2 ช่องสำหรับแสดงพิกัดการลงเวลาปฏิบัติงานที่บันทึก  
+> หมายเลข 3 ปุ่มสำหรับคลิกเพื่อปิดหน้าต่างลงเวลาออกงานของคุณ
+
+- แสดงประวัติการลงเวลา ให้ทำการใช้เมาส์คลิก ![close](images/button/clock.png) ระบบแสดงหน้า “ประวัติการลงเวลา” ระบบแสดงรายการการลงเวลาทั้งหมดพร้อมแสดงสถานะการลงเวลาปฏิบัติงานทั้งเวลาเข้างานและเวลาออกงาน หากรายการลงเวลาปฏิบัติงานรายการใดมีสถานะ “สาย” หรือ “ขาดราชการ” ระบบแสดงปุ่ม “ขอแก้ไข” เพื่อให้ผู้ใช้งานขอแก้ไขเวลาลงปฏิบัติงาน หากต้องการยกเลิกแสดงประวัติการลงเวลาให้ทำการคลิก ![close](images/button/leftarrow.png)
+  ระบบย้อนกลับแสดงหน้าลงเวลาปฏิบัติงาน
+
+![รูปภาพที่ 13 – 7 ประวัติการลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_7.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเมนู ประวัติการลงเวลา  
+> หมายเลข 2 ช่องสำหรับแสดงเมนู รายการลงเวลากรณีพิเศษ  
+> หมายเลข 3 ช่องสำหรับคลิกเลือกปีงบประมาณเพื่อแสดงรายการลงเวลาปฏิบัติงาน  
+> หมายเลข 4 ช่องสำหรับแสดงรายการลงเวลาปฏิบัติงานทั้งหมด  
+> หมายเลข 5 ช่องสำหรับแสดงสถานะการลงเวลาปฏิบัติงาน สถานะปกติ  
+> หมายเลข 6 ช่องสำหรับแสดงสถานะการลงเวลาปฏิบัติงาน สถานะสาย  
+> หมายเลข 7 ช่องสำหรับแสดงสถานการณ์ลงเวลาปฏิบัติงาน สถานะขาดราชการ  
+> หมายเลข 8 ปุ่มสำหรับคลิกเพื่อขอแก้ไขการลงเวลาปฏิบัติงาน  
+> หมายเลข 9 ไอคอนสำหรับคลิกเพื่อยกเลิกการแสดงประวัติการลงเวลาปฏิบัติ  
+> หมายเลข 10 ปุ่มสำหรับคลิกเพื่อเพิ่มรายการการขอลงเวลากรณีพิเศษ
+
+- การขอแก้ไขการลงเวลาปฏิบัติงาน ให้ทำการใช้เมาส์คลิกปุ่ม ![close](images/button/edit1.png)ระบบแสดงหน้า “แก้ไขลงเวลา” ทำการคลิกขอแก้ไขเวลาเข้างานหรือคลิกขอแก้ไขเวลาออกงาน หรือผู้ใช้งานสามารถคลิก
+  ![close](images/button/correct-green.png)
+  ขอแก้ไขเวลาเข้างานและออกงานพร้อมกันได้พร้อมกรอกเหตุผลการขอแก้ไขลงเวลาปฏิบัติงาน หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btn.png)และยืนยันการบันทึกข้อมูล รายการคำขอจะถูกส่งให้ผู้รับผิดชอบอนุมัติหรือไม่อนุมัติในขั้นตอนถัดไป หากรายการคำขอได้รับการอนุมัติ เวลาปฏิบัติงานจะแสดงตามรอบการปฏิบัติงานที่กำหนดและหากต้องการยกเลิกการขอแก้ลงเวลาปฏิบัติงาน ให้ทำการคลิก![close](images/button/close-popup.png) ระบบปิดหน้าต่างแก้ไขลงเวลาทันที
+
+![รูปภาพที่ 13 – 8 แก้ไขลงเวลาปฏิบัติงาน](../images/user/chapter13/chapter13_8.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเวลาที่ทำการยื่นขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 2 ช่องสำหรับแสดงวันที่ขอแก้ไขเวลา  
+> หมายเลข 3 ช่องสำหรับคลิกเพื่อเลือกคำขอแก้ไขเวลาเข้างาน/ออกงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเหตุผลการขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 5 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลคำขอแก้ไขลงเวลาปฏิบัติงาน  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อยกเลิกการขอแก้ไขลงเวลาปฏิบัติงาน
+
+- หากต้องการเพิ่มรายการลงเวลากรณีพิเศษ ให้ทำการใช้เมาส์คลิก
+  ![close](images/button/addplustest.png)ระบบแสดงหน้า “เพิ่มรายการลงเวลากรณีพิเศษ” ให้ทำการคลิกเลือกวันที่ขอแก้ไขที่ต้องการขอลงเวลากรณีพิเศษ จากนั้นทำการคลิก
+  ![close](images/button/correct-green.png)
+  ขอแก้ไขเวลาเข้างานหรือขอแก้ไขเวลาออกงาน หรือผู้ใช้งานสามารถคลิกเลือกขอลงเวลาเข้างานหรือเวลาออกงานทั้งสองได้พร้อมกรอกเหตุผลการขอลงเวลากรณีพิเศษ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/btn.png)และยืนยันการบันทึกข้อมูล รายการขอลงเวลากรณีพิเศษจะแสดงในเมนู “รายการลงเวลากรณีพิเศษ” หากรายการคำขอได้รับการอนุมัติสถานะการลงเวลาปฏิบัติงานจะแสดงสถานะตามที่ผู้บังคับบัญชาได้ทำการเปลี่ยนแปลงให้ และหากต้องการยกเลิกการขอแก้ไขลงเวลาปฏิบัติงานให้ทำการคลิก
+  ![close](images/button/close-popup.png)ระบบปิดหน้าต่างแก้เพิ่มรายการลงเวลากรณีพิเศษทันที
+
+![รูปภาพที่ 13 – 9 เพิ่มรายการลงเวลากรณีพิเศษ](../images/user/chapter13/chapter13_9.png)
+
+> หมายเลข 1 ช่องสำหรับแสดงเวลาปัจจุบันที่ทำการเพิ่มรายการลงเวลากรณีพิเศษ  
+> หมายเลข 2 ช่องสำหรับแสดงวันที่ขอแก้ไขการลงเวลาพิเศษ  
+> หมายเลข 3 ช่องสำหรับคลิกเลือกช่วงขอลงเวลากรณีพิเศษ  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลเหตุผลการขอลงเวลากรณีพิเศษ  
+> หมายเลข 5 ปุ่มสำหรับคลิกเพื่อบันทึกการขอลงเวลากรณีพิเศษ  
+> หมายเลข 6 ไอคอนสำหรับคลิกเพื่อยกเลิกขอลงเวลากรณีพิเศษ
+
+- หากทำการบันทึกการขอลงเวลากรณีพิเศษเสร็จสิ้น รายการขอลงเวลากรณีพิเศษแสดงรายการคำขอในเมนู “รายการลงเวลากรณีพิเศษ” โดยรายการขอลงเวลากรณีพิเศษแสดงสถานะการขอ โดยมี 3 สถานะ ได้แก่สถานะรออนุมัติ, สถานะอนุมัติและสถานะไม่อนุมัติ หากสถานะแสดงไม่อนุมัติผู้ใช้งานสามารถคลิกปุ่มของสถานะไม่อนุมัติเพื่อแสดงเหตุผลของการไม่อนุมัติการขอลงเวลากรณีพิเศษได้
+
+![รูปภาพที่ 13 – 10 รายการลงเวลากรณีพิเศษ](../images/user/chapter13/chapter13_10.png)
+
+> หมายเลข 1 ปุ่มสำหรับคลิกเมนู รายการลงเวลากรณีพิเศษ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกปีงบประมาณแสดงรายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 3 ช่องสำหรับแสดงรายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 4 ช่องสำหรับแสดงสถานะ อนุมัติ  
+> หมายเลข 5 ช่องสำหรับแสดงสถานะ ไม่อนุมัติ  
+> หมายเลข 6 ช่องสำหรับแสดงสถานะ รออนุมัติ  
+> หมายเลข 7 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการขอลงเวลากรณีพิเศษ  
+> หมายเลข 8 ปุ่มสำหรับคลิกเพื่อเพิ่มรายการขอลงเวลากรณีพิเศษ
diff --git a/public/documents/chapter-14-user-service-testing.md b/public/documents/chapter-14-user-service-testing.md
new file mode 100644
index 00000000..1ce7799e
--- /dev/null
+++ b/public/documents/chapter-14-user-service-testing.md
@@ -0,0 +1,19 @@
+# ระบบทดลองปฏิบัติหน้าที่ราชการ
+
+- ระบบทดลองปฏิบัติหน้าที่ราชการจะแสดงในระบบบริการเจ้าของข้อมูลต่อเมื่อเจ้าของข้อมูลอยู่
+ในช่วงทดลองปฏิบัติหน้าที่ราชการ หากรายชื่อพ้นจากการทดลองปฏิบัติหน้าที่ราชการเสร็จสิ้น ระบบทดลองปฏิบัติหน้าที่ราชการจะหายไป
+
+![รูปภาพที่ 14 – 1 เมนูลาออกในส่วนของผู้ใช้](images/user/chapter14/chapter14_1.png)
+
+> หมายเลข 1 ระบบทดลองปฏิบัติหน้าที่ราชการ  
+
+- หากทำการใช้เมาส์คลิกระบบทดลองปฏิบัติหน้าที่ราชการ ระบบแสดงหน้า “ผลการทดลองปฏิบัติหน้าที่ราชการและแบบสำรวจความคิดเห็น” โดยแบ่งเมนูย่อย 2 เมนู คือ “แบบสำรวจความคิดเห็น” และ “ผลการประเมิน” โดยเมนูแบบสำรวจความคิดเห็นจะเป็นการกรอกข้อมูลความคิดเห็นเกี่ยวกับการทดลองปฏิบัติหน้าที่ราชการและความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการ เมื่อทำการกรอกข้อมูลเสร็จให้ทำการคลิก ![close](images/button/save-confirm.png) และยืนยันการบันทึกข้อมูล ข้อมูลในส่วนนี้จะถูกส่งไปยังคณะกรรมการ ผู้ดูแลและผู้บังคับบัญชาที่ทำการประเมินผลการปฏิบัติราชการ
+
+![รูปภาพที่ 14 – 2 เมนูแบบสำรวจความคิดเห็น](images/user/chapter14/chapter14_2.png)
+
+> หมายเลข 1 ช่องสำหรับคลิกกรอกข้อมูลคุณคิดเห็นอย่างไรกับการทดลองปฏิบัติหน้าที่ราชการ  
+> หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลปัญาและอุปสรรคที่พบระหว่างการทดลองปฏิบัติหน้าที่ราชการ  
+> หมายเลข 3 ตัวเลขสำหรับคลิกเพื่อเลือกคะแนนความพึงพอใจกับการทดลองปฏิบัติหน้าที่ราชการว่าอยู่ระดับใด  
+> หมายเลข 4 ป่มสำหรับคลิกบันทึกการกรออกข้อมูลแบบสำรวจความคิดเห็น  
+
+![รูปภาพที่ 14 – 3 เมนูแบบสำรวจความคิดเห็น](images/user/chapter14/chapter14_3.png)
diff --git a/public/documents/chapter-2-user-registry.md b/public/documents/chapter-2-user-registry.md
index b1d04c9c..990f95e5 100644
--- a/public/documents/chapter-2-user-registry.md
+++ b/public/documents/chapter-2-user-registry.md
@@ -1,8 +1,12 @@
 # ระบบทะเบียนประวัติ
 
-- ข้อมูลทะเบียนประวัติของผู้ใช้งานจะสามารถทำได้เพียงแสดงข้อมูลและตรวจสอบข้อมูลเท่านั้น ผู้ใช้งานจะไม่สามารถทำการแก้ไขข้อมูลใด ๆ ได้ 
+- ข้อมูลทะเบียนประวัติของผู้ใช้งานจะสามารถทำได้เพียงแสดงข้อมูลและตรวจสอบข้อมูลเท่านั้น ผู้ใช้งานจะไม่สามารถทำการแก้ไขข้อมูลใด ๆ ได้
 
-![รูปภาพที่ 2 – 1 ข้อมูลทะเบียนประวัติ ข้อมูลส่วนตัว](images/user/chapter2/chapter2_1.png)
+![รูปภาพที่ 3 – 1 ระบบทะเบียนประวัติ](images/user/chapter2/chapter2_1.png)
+
+> หมายเลข 1 ระบบทะเบียนประวัติ  
+
+![รูปภาพที่ 3 – 2 ข้อมูลทะเบียนประวัติ ข้อมูลส่วนตัว](images/user/chapter2/chapter2_2.png)
 
 > หมายเลข 1 เมนู “ข้อมูลส่วนตัว”  
 > หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดาวน์โหลดเอกสารประวัติแบบย่อ  
@@ -24,7 +28,7 @@
 > หมายเลข 18 ไอคอนสำหรับคลิกเพื่อแสดงประวัติการแก้ไขข้อมูลความสามารถพิเศษ  
 > หมายเลข 19 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการความสามารถพิเศษ  
 
-![รูปภาพที่ 2 – 2 ข้อมูลทะเบียนประวัติ ข้อมูลราชการ](images/user/chapter2/chapter2_2.png)
+![รูปภาพที่ 3 – 3 ข้อมูลทะเบียนประวัติ ข้อมูลราชการ](images/user/chapter2/chapter2_3.png)
 
 > หมายเลข 1 เมนู “ข้อมูลราชการ”  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลราชการ  
@@ -37,7 +41,7 @@
 > หมายเลข 9 ไอคอนสำหรับคลิกเพื่อแสดงข้อมูลประวัติการแก้ไขปฏิบัติราชการพิเศษ  
 > หมายเลข 10 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการปฏิบัติราชการพิเศษ  
 
-![รูปภาพที่ 2 – 3 ข้อมูลทะเบียนประวัติ ข้อมูลเงินเดือน/ค่าจ้าง](images/user/chapter2/chapter2_3.png)
+![รูปภาพที่ 3 – 4 ข้อมูลทะเบียนประวัติ ข้อมูลเงินเดือน/ค่าจ้าง](images/user/chapter2/chapter2_4.png)
 
 > หมายเลข 1 เมนู “ข้อมูลเงินเดือน/ค่าจ้าง”  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลเงินเดือน/ค่าจ้าง  
@@ -46,7 +50,7 @@
 > หมายเลข 5 ไอคอนสำหรับคลิกเพื่อแสดงประวัติการแก้ไขข้อมูลรายการบันทึกวันที่ไม่ได้รับเงินเดือน ฯ  
 > หมายเลข 6 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการบันทึกวันที่ไม่ได้รับเงินเดือน ฯ  
 
-![รูปภาพที่ 2 – 4 ข้อมูลทะเบียนประวัติ ข้อมูลผลงาน](images/user/chapter2/chapter2_4.png)
+![รูปภาพที่ 3 – 5 ข้อมูลทะเบียนประวัติ ข้อมูลผลงาน](images/user/chapter2/chapter2_5.png)
 
 > หมายเลข 1 เมนู “ข้อมูลผลงาน”  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลใบอนุญาตประกอบวิชาชีพ  
@@ -62,7 +66,7 @@
 > หมายเลข 12 ช่องสำหรับแสดงข้อมูลผลการประเมินการปฏิบัติราชการ  
 > หมายเลข 13 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการผลการประเมินการปฏิบัติราชการ  
 
-![รูปภาพที่ 2 – 5 ข้อมูลทะเบียนประวัติ ข้อมูลอื่น ๆ](images/user/chapter2/chapter2_5.png)
+![รูปภาพที่ 3 – 6 ข้อมูลทะเบียนประวัติ ข้อมูลอื่น ๆ](images/user/chapter2/chapter2_6.png)
 
 > หมายเลข 1 เมนู “ข้อมูลอื่น ๆ”  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลอื่น ๆ  
diff --git a/public/documents/chapter-3-user-evaluate.md b/public/documents/chapter-3-user-evaluate.md
index 2fbfccd0..7d3cdb45 100644
--- a/public/documents/chapter-3-user-evaluate.md
+++ b/public/documents/chapter-3-user-evaluate.md
@@ -18,7 +18,7 @@
 
 - เมื่อคลิกไอคอน ![close](images/button/plus-green.png) ระบบแสดงเมนูย่อย ประกอบด้วย “ประเมินชำนาญการ” และ “ประเมินชำนาญการพิเศษ” สามารถเลือกทำการประเมินที่ตรงกับคุณสมบัติ
 
-- เมื่อเลือกคลิกเมนูย่อย ระบบแสดงข้อมูลขั้นตอนการประเมิน 9 ขั้นตอน โดยมีการอธิบายขั้นตอน วิธีการทำการประเมินเบื้องต้น สามารถคลิกปุ่ม “ข้าม” เพื่อเริ่มทำการประเมินได้เลย หรือหากต้องการดูในแต่ละขั้นตอนสามารถคลิก ![close](images/button/dropdown-right.png)
+- เมื่อเลือกคลิกเมนูย่อย ระบบแสดงข้อมูลขั้นตอนการประเมิน 9 ขั้นตอน โดยมีการอธิบายขั้นตอน วิธีการทำการประเมินเบื้องต้น สามารถคลิกปุ่ม “ข้าม” เพื่อเริ่มทำการประเมินได้เลย หรือหากต้องการดูในแต่ละขั้นตอนสามารถคลิก ![close](images/button/dropdown-righte.png)
 
 ![รูปภาพที่ 3 – 3 ขั้นตอนการเมิน](images/user/chapter3/chapter3_3.png)
 
diff --git a/public/documents/chapter-3-user-registry.docx b/public/documents/chapter-3-user-registry.docx
new file mode 100644
index 00000000..98ea8946
Binary files /dev/null and b/public/documents/chapter-3-user-registry.docx differ
diff --git a/public/documents/chapter-3-user-registry.pdf b/public/documents/chapter-3-user-registry.pdf
new file mode 100644
index 00000000..ea78f33d
Binary files /dev/null and b/public/documents/chapter-3-user-registry.pdf differ
diff --git a/public/documents/chapter-4-user-leave.md b/public/documents/chapter-4-user-leave.md
index 407f0f88..3d5b59c9 100644
--- a/public/documents/chapter-4-user-leave.md
+++ b/public/documents/chapter-4-user-leave.md
@@ -2,13 +2,13 @@
 
 - เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “การลา”
 
-![รูปภาพที่ 4 – 1 เมนูการลาในส่วนของผู้ใช้](images/user/chapter4/chapter4_1.png)
+![รูปภาพที่ 5 – 1 เมนูการลาในส่วนของผู้ใช้](images/user/chapter4/chapter4_1.png)
 
 > หมายเลข 1 เมนูการลา
 
 - เมื่อเลือกเมนู “การลา” ระบบแสดงหน้ารายการลาเพื่อยื่นขอการลาประเภทต่าง ๆ สามารถคลิก ![close](images/button/plus-green.png) เพื่อทำการยื่นขอใบลา สามารถดูประวัติการลาย้อนหลัง ดูสถิติการลาและโควตาวันลาคงเหลือ
 
-![รูปภาพที่ 4 – 2 หน้ารายการลา](images/user/chapter4/chapter4_2.png)
+![รูปภาพที่ 5 – 2 หน้ารายการลา](images/user/chapter4/chapter4_2.png)
 
 > หมายเลข 1 สถิติการลา  
 > หมายเลข 2 สร้างใบลา  
@@ -19,9 +19,9 @@
 > หมายเลข 7 รายการลา  
 > หมายเลข 8 ตารางสถิติการลา
 
-- จากรูปภาพที่ 4 – 2 เมื่อคลิกไอคอนในหมายเลข 7 ระบบจะแสดงหน้าการลาเป็นแบบรายการ โดยสามารถเลือกข้อมูลในช่องปีงบประมาณ ประเภทใบลา หรือสถานะ เพื่อกรองการค้นหาการลา สามารถขอยกเลิก แก้ไข และลบรายการลา กรณีสถานะเป็นแบบร่าง สามารถขอยกเลิก ได้เพียงอย่างเดียว กรณีสถานะใหม่ กำลังดำเนินการ และอนุมัติ
+- จากรูปภาพที่ 5 – 2 เมื่อคลิกไอคอนในหมายเลข 7 ระบบจะแสดงหน้าการลาเป็นแบบรายการ โดยสามารถเลือกข้อมูลในช่องปีงบประมาณ ประเภทใบลา หรือสถานะ เพื่อกรองการค้นหาการลา สามารถขอยกเลิก แก้ไข และลบรายการลา กรณีสถานะเป็นแบบร่าง สามารถขอยกเลิก ได้เพียงอย่างเดียว กรณีสถานะใหม่ กำลังดำเนินการ และอนุมัติ
 
-![รูปภาพที่ 4 – 3 หน้ารายการลา (ต่อ)](images/user/chapter4/chapter4_3.png)
+![รูปภาพที่ 5 – 3 หน้ารายการลา (ต่อ)](images/user/chapter4/chapter4_3.png)
 
 > หมายเลข 1 ช่องให้เลือกปีงบประมาณ  
 > หมายเลข 2 ช่องให้เลือกประเภทใบลา  
@@ -30,9 +30,9 @@
 > หมายเลข 5 รายการลาประเภทต่าง ๆ  
 > หมายเลข 6 เมนูสำหรับการขอยกเลิก แก้ไข และลบรายการการลา
 
-- จากรูปภาพที่ 4 – 2 เมื่อคลิกไอคอนในหมายเลข 2 ระบบแสดงหน้าสร้างใบลา เพื่อยื่นขอการลา โดยฟอร์มในการยื่นขอลาประเภทต่าง ๆ จะมีความแตกต่างกันในข้อ 3 กรอกข้อมูล ซึ่งใบลาทั้งหมดมีอยู่ 11 ประเภท ประกอบด้วย ลาป่วย ลากิจส่วนตัว ลาคลอดบุตร ลาไปช่วยเหลือภริยาที่คลอดบุตร ลาพักผ่อน ลาอุปสมบทหรือการลาประกอบพิธีฮัจญ์ฯ ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ลาไปปฏิบัติงานในองค์การระหว่างประเทศ ลาติดตามคู่สมรส และลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
+- จากรูปภาพที่ 5 – 2 เมื่อคลิกไอคอนในหมายเลข 2 ระบบแสดงหน้าสร้างใบลา เพื่อยื่นขอการลา โดยฟอร์มในการยื่นขอลาประเภทต่าง ๆ จะมีความแตกต่างกันในข้อ 3 กรอกข้อมูล ซึ่งใบลาทั้งหมดมีอยู่ 11 ประเภท ประกอบด้วย ลาป่วย ลากิจส่วนตัว ลาคลอดบุตร ลาไปช่วยเหลือภริยาที่คลอดบุตร ลาพักผ่อน ลาอุปสมบทหรือการลาประกอบพิธีฮัจญ์ฯ ลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล ลาไปศึกษา ฝึกอบรม ปฏิบัติการวิจัย หรือดูงาน ลาไปปฏิบัติงานในองค์การระหว่างประเทศ ลาติดตามคู่สมรส และลาไปฟื้นฟูสมรรถภาพด้านอาชีพ
 
-![รูปภาพที่ 4 – 4 ฟอร์มลาป่วยและลากิจส่วนตัว](images/user/chapter4/chapter4_4.png)
+![รูปภาพที่ 5 – 4 ฟอร์มลาป่วยและลากิจส่วนตัว](images/user/chapter4/chapter4_4.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -44,7 +44,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 5 ฟอร์มลาป่วยและลากิจส่วนตัว(ต่อ)](images/user/chapter4/chapter4_5.png)
+![รูปภาพที่ 5 – 5 ฟอร์มลาป่วยและลากิจส่วนตัว(ต่อ)](images/user/chapter4/chapter4_5.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกการลา ประกอบด้วย ลาทั้งวัน ลาครึ่งวันเช้าหรือลาครึ่งวันบ่าย  
@@ -58,7 +58,7 @@
 > หมายเลข 10 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 11 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 6 ฟอร์มลาคลอดบุตร](images/user/chapter4/chapter4_6.png)
+![รูปภาพที่ 5 – 6 ฟอร์มลาคลอดบุตร](images/user/chapter4/chapter4_6.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -70,7 +70,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 7 ฟอร์มลาคลอดบุตร(ต่อ)](images/user/chapter4/chapter4_7.png)
+![รูปภาพที่ 5 – 7 ฟอร์มลาคลอดบุตร(ต่อ)](images/user/chapter4/chapter4_7.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -83,7 +83,7 @@
 > หมายเลข 9 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 10 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 8 ฟอร์มลาไปช่วยเหลือภริยาที่คลอดบุตร](images/user/chapter4/chapter4_8.png)
+![รูปภาพที่ 5 – 8 ฟอร์มลาไปช่วยเหลือภริยาที่คลอดบุตร](images/user/chapter4/chapter4_8.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -95,7 +95,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 9 ฟอร์มลาไปช่วยเหลือภริยาที่คลอดบุตร(ต่อ)](images/user/chapter4/chapter4_9.png)
+![รูปภาพที่ 5 – 9 ฟอร์มลาไปช่วยเหลือภริยาที่คลอดบุตร(ต่อ)](images/user/chapter4/chapter4_9.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -109,7 +109,7 @@
 > หมายเลข 10 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 11 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 10 ฟอร์มลาพักผ่อน](images/user/chapter4/chapter4_10.png)
+![รูปภาพที่ 5 – 10 ฟอร์มลาพักผ่อน](images/user/chapter4/chapter4_10.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -123,7 +123,7 @@
 > หมายเลข 10 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป  
 > หมายเลข 11 ช่องแสดงจำนวนสิทธิการลาคงเหลือ
 
-![รูปภาพที่ 4 – 11 ฟอร์มลาพักผ่อน(ต่อ)](images/user/chapter4/chapter4_11.png)
+![รูปภาพที่ 5 – 11 ฟอร์มลาพักผ่อน(ต่อ)](images/user/chapter4/chapter4_11.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกการลา ประกอบด้วย ลาทั้งวัน ลาครึ่งวันเช้าหรือลาครึ่งวันบ่าย  
@@ -138,7 +138,7 @@
 > หมายเลข 11 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 12 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 12 ฟอร์มลาอุปสมบท](images/user/chapter4/chapter4_12.png)
+![รูปภาพที่ 5 – 12 ฟอร์มลาอุปสมบท](images/user/chapter4/chapter4_12.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องให้เลือกประเภทการลา  
@@ -151,7 +151,7 @@
 > หมายเลข 9 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 10 ช่องแสดงจำนวนสิทธิการลาที่ได้รับ
 
-![รูปภาพที่ 4 – 13 ฟอร์มลาอุปสมบท(ต่อ)](images/user/chapter4/chapter4_13.png)
+![รูปภาพที่ 5 – 13 ฟอร์มลาอุปสมบท(ต่อ)](images/user/chapter4/chapter4_13.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -165,7 +165,7 @@
 > หมายเลข 10 ช่องให้กรอกหมายเลขโทรศัพท์  
 > หมายเลข 11 ช่องให้กรอกที่อยู่
 
-![รูปภาพที่ 4 – 14 ฟอร์มลาอุปสมบท(ต่อ2)](images/user/chapter4/chapter4_14.png)
+![รูปภาพที่ 5 – 14 ฟอร์มลาอุปสมบท(ต่อ2)](images/user/chapter4/chapter4_14.png)
 
 > หมายเลข 1 ช่องให้กรอกชื่อวัด  
 > หมายเลข 2 ช่องให้กรอกที่อยู่วัด  
@@ -173,7 +173,7 @@
 > หมายเลข 4 ช่องให้แนบเอกสาร  
 > หมายเลข 5 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 15 ฟอร์มลาประกอบพิธีฮัจญ์](images/user/chapter4/chapter4_15.png)
+![รูปภาพที่ 5 – 15 ฟอร์มลาประกอบพิธีฮัจญ์](images/user/chapter4/chapter4_15.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องให้เลือกประเภทการลา  
@@ -186,7 +186,7 @@
 > หมายเลข 9 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 10 ช่องแสดงจำนวนสิทธิการลาที่ได้รับ
 
-![รูปภาพที่ 4 – 16 ฟอร์มลาประกอบพิธีฮัจญ์(ต่อ)](images/user/chapter4/chapter4_16.png)
+![รูปภาพที่ 5 – 16 ฟอร์มลาประกอบพิธีฮัจญ์(ต่อ)](images/user/chapter4/chapter4_16.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -198,7 +198,7 @@
 > หมายเลข 8 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 9 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 17 ฟอร์มลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล](images/user/chapter4/chapter4_17.png)
+![รูปภาพที่ 5 – 17 ฟอร์มลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล](images/user/chapter4/chapter4_17.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -210,7 +210,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 18 ฟอร์มลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล(ต่อ)](images/user/chapter4/chapter4_18.png)
+![รูปภาพที่ 5 – 18 ฟอร์มลาเข้ารับการตรวจเลือกหรือเข้ารับการเตรียมพล(ต่อ)](images/user/chapter4/chapter4_18.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -225,7 +225,7 @@
 > หมายเลข 11 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 12 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 19 ฟอร์มลาไปศึกษาต่อ](images/user/chapter4/chapter4_19.png)
+![รูปภาพที่ 5 – 19 ฟอร์มลาไปศึกษาต่อ](images/user/chapter4/chapter4_19.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องให้เลือกประเภทการลา  
@@ -238,7 +238,7 @@
 > หมายเลข 9 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 10 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 20 ฟอร์มลาไปศึกษาต่อ(ต่อ)](images/user/chapter4/chapter4_20.png)
+![รูปภาพที่ 5 – 20 ฟอร์มลาไปศึกษาต่อ(ต่อ)](images/user/chapter4/chapter4_20.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -259,7 +259,7 @@
 > หมายเลข 17 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 18 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 21 ฟอร์มลาฝึกอบรม/ปฏิบัติการวิจัย/ดูงาน](images/user/chapter4/chapter4_21.png)
+![รูปภาพที่ 5 – 21 ฟอร์มลาฝึกอบรม/ปฏิบัติการวิจัย/ดูงาน](images/user/chapter4/chapter4_21.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องให้เลือกประเภทการลา  
@@ -272,7 +272,7 @@
 > หมายเลข 9 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 10 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 22 ฟอร์มลาฝึกอบรม/ปฏิบัติการวิจัย/ดูงาน(ต่อ)](images/user/chapter4/chapter4_22.png)
+![รูปภาพที่ 5 – 22 ฟอร์มลาฝึกอบรม/ปฏิบัติการวิจัย/ดูงาน(ต่อ)](images/user/chapter4/chapter4_22.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -292,7 +292,7 @@
 > หมายเลข 16 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 17 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 23 ฟอร์มลาไปปฏิบัติงานในองค์การระหว่างประเทศ](images/user/chapter4/chapter4_23.png)
+![รูปภาพที่ 5 – 23 ฟอร์มลาไปปฏิบัติงานในองค์การระหว่างประเทศ](images/user/chapter4/chapter4_23.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -304,7 +304,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 24 ฟอร์มลาไปปฏิบัติงานในองค์การระหว่างประเทศ(ต่อ)](images/user/chapter4/chapter4_24.png)
+![รูปภาพที่ 5 – 24 ฟอร์มลาไปปฏิบัติงานในองค์การระหว่างประเทศ(ต่อ)](images/user/chapter4/chapter4_24.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -313,7 +313,7 @@
 > หมายเลข 5 ช่องในแนบเอกสารประกอบ  
 > หมายเลข 6 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 25 ฟอร์มลาติดตามคู่สมรส](images/user/chapter4/chapter4_25.png)
+![รูปภาพที่ 5 – 25 ฟอร์มลาติดตามคู่สมรส](images/user/chapter4/chapter4_25.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -325,7 +325,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 26 ฟอร์มลาติดตามคู่สมรส(ต่อ)](images/user/chapter4/chapter4_26.png)
+![รูปภาพที่ 5 – 26 ฟอร์มลาติดตามคู่สมรส(ต่อ)](images/user/chapter4/chapter4_26.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -345,7 +345,7 @@
 > หมายเลข 16 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 17 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 27 ฟอร์มลาไปฟื้นฟูสมรรถภาพด้านอาชีพ](images/user/chapter4/chapter4_27.png)
+![รูปภาพที่ 5 – 27 ฟอร์มลาไปฟื้นฟูสมรรถภาพด้านอาชีพ](images/user/chapter4/chapter4_27.png)
 
 > หมายเลข 1 ช่องให้เลือกประเภทใบลา  
 > หมายเลข 2 ช่องแสดงวันที่ยื่นใบลา  
@@ -357,7 +357,7 @@
 > หมายเลข 8 ช่องแสดงสังกัดผู้ยื่นขอ  
 > หมายเลข 9 ช่องแสดงจำนวนสิทธิการลาที่ใช้ไป
 
-![รูปภาพที่ 4 – 28 ฟอร์มลาไปฟื้นฟูสมรรถภาพด้านอาชีพ(ต่อ)](images/user/chapter4/chapter4_28.png)
+![รูปภาพที่ 5 – 28 ฟอร์มลาไปฟื้นฟูสมรรถภาพด้านอาชีพ(ต่อ)](images/user/chapter4/chapter4_28.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกลาตั้งแต่วันที่  
@@ -366,13 +366,13 @@
 > หมายเลข 5 ช่องให้แนบเอกสารประกอบ  
 > หมายเลข 6 ปุ่มบันทึก
 
-- จากรูปภาพที่ 4 – 2 เมื่อคลิกที่หมายเลข 8 ตารางสถิติการลา ระบบแสดงหน้าตารางสถิติการลาในการลาแต่ละประเภท ซึ่งประกอบด้วย โควตาวันลา วันลาสะสม จำนวนยื่นขอลา (วัน) จำนวนที่อนุมัติ (วัน) จำนวนที่ไม่อนุมัติ (วัน) และจำนวนวันที่ยกเลิก (วัน)
+- จากรูปภาพที่ 5 – 2 เมื่อคลิกที่หมายเลข 8 ตารางสถิติการลา ระบบแสดงหน้าตารางสถิติการลาในการลาแต่ละประเภท ซึ่งประกอบด้วย โควตาวันลา วันลาสะสม จำนวนยื่นขอลา (วัน) จำนวนที่อนุมัติ (วัน) จำนวนที่ไม่อนุมัติ (วัน) และจำนวนวันที่ยกเลิก (วัน)
 
-![รูปภาพที่ 4 – 29 ตารางสถิติการลา](images/user/chapter4/chapter4_29.png)
+![รูปภาพที่ 5 – 29 ตารางสถิติการลา](images/user/chapter4/chapter4_29.png)
 
-- จากรูปภาพที่ 4 – 3 เมื่อคลิกหมายเลข 6 ในกรณีที่มีสถานะเป็นแบบร่าง ระบบแสดงเมนูย่อย 3 เมนูประกอบด้วย ขอยกเลิก แก้ไข ลบรายการการลา กรณีแก้ไขข้อมูลสามารถแก้ไขได้เฉพาะในส่วนที่ 3 กรอกข้อมูล และกรณีลบรายการลา เมื่อคลิกไอคอนถังขยะเพื่อลบรายการลา ระบบแสดงป้ายเพื่อยืนยันการลบข้อมูล
+- จากรูปภาพที่ 5 – 3 เมื่อคลิกหมายเลข 6 ในกรณีที่มีสถานะเป็นแบบร่าง ระบบแสดงเมนูย่อย 3 เมนูประกอบด้วย ขอยกเลิก แก้ไข ลบรายการการลา กรณีแก้ไขข้อมูลสามารถแก้ไขได้เฉพาะในส่วนที่ 3 กรอกข้อมูล และกรณีลบรายการลา เมื่อคลิกไอคอนถังขยะเพื่อลบรายการลา ระบบแสดงป้ายเพื่อยืนยันการลบข้อมูล
 
-![รูปภาพที่ 4 – 30 เมื่อคลิกเลือกเมนูย่อย “ขอยกเลิก”](images/user/chapter4/chapter4_30.png)
+![รูปภาพที่ 5 – 30 เมื่อคลิกเลือกเมนูย่อย “ขอยกเลิก”](images/user/chapter4/chapter4_30.png)
 
 > หมายเลข 1 รายละเอียดการลา  
 > หมายเลข 2 ช่องให้กรอกเขียนที่  
@@ -381,7 +381,7 @@
 > หมายเลข 5 ปุ่มดาวน์โหลดเอกสารที่มีการแนบ  
 > หมายเลข 6 ปุ่มบันทึก
 
-![รูปภาพที่ 4 – 31 เมื่อคลิกเลือกเมนูย่อย “แก้ไข” ](images/user/chapter4/chapter4_31.png)
+![รูปภาพที่ 5 – 31 เมื่อคลิกเลือกเมนูย่อย “แก้ไข” ](images/user/chapter4/chapter4_31.png)
 
 > หมายเลข 1 ช่องให้กรอกเขียนที่  
 > หมายเลข 2 ช่องให้เลือกการลา ประกอบด้วย ลาทั้งวัน ลาครึ่งวันเช้าหรือลาครึ่งวันบ่าย  
@@ -399,4 +399,4 @@
 > หมายเลข 14 ปุ่มบันทึก  
 > หมายเลข 15 ปุ่มยื่นใบลา
 
-- จากรูปภาพที่ 4 – 3 เมื่อคลิกหมายเลข 6 ในกรณีที่มีสถานะเป็นใหม่ อนุมัติ ไม่อนุมัติ กำลังดำเนินการ ระบบแสดงเมนูย่อยเพียง 1 เมนู คือ ขอยกเลิก สามารถดูตัวอย่างในรูปภาพที่ 4 – 30
+- จากรูปภาพที่ 5 – 3 เมื่อคลิกหมายเลข 6 ในกรณีที่มีสถานะเป็นใหม่ อนุมัติ ไม่อนุมัติ กำลังดำเนินการ ระบบแสดงเมนูย่อยเพียง 1 เมนู คือ ขอยกเลิก สามารถดูตัวอย่างในรูปภาพที่ 5 – 30
diff --git a/public/documents/chapter-5-user-portfolio.md b/public/documents/chapter-5-user-portfolio.md
index 9fb173eb..efe265d2 100644
--- a/public/documents/chapter-5-user-portfolio.md
+++ b/public/documents/chapter-5-user-portfolio.md
@@ -1,19 +1,25 @@
 # ระบบผลงาน
 
-- การเพิ่มข้อมูลรายการผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “รายละเอียดเอกสาร/ผลงาน” ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล 
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ผลงาน”
 
-![รูปภาพที่ 5 – 1 รายละเอียดเอกสาร/ผลงาน](images/user/chapter5/chapter5_1.png)
+  ![รูปภาพที่ 5 – 1 ระบบผลงาน](images/user/chapter5/chapter5_1.png)
+
+  > หมายเลข 1 ระบบผลงาน
+
+- การเพิ่มข้อมูลรายการผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “รายละเอียดเอกสาร/ผลงาน” ให้ทำการกรอกข้อมูลให้ครบตามที่ระบบแนะนำ หากทำการกรอกข้อมูลเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue2.png) และยืนยันการบันทึกข้อมูล
+
+![รูปภาพที่ 5 – 2 รายละเอียดเอกสาร/ผลงาน](images/user/chapter5/chapter5_2.png)
 
 > หมายเลข 1 ช่องสำหรับคลิกเพื่อกรอกข้อมูลชื่อเอกสาร/ผลงาน  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกข้อมูลรายละเอียดเอกสาร/ผลงาน  
 > หมายเลข 3 ช่องสำหรับคลิกเพื่อเลือกไฟล์เอกสาร/ผลงานที่ต้องการอัปโหลด  
-> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลรายละเอียดเอกสาร/ผลงาน  
+> หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกข้อมูลรายละเอียดเอกสาร/ผลงาน
 
 - หากทำการบันทึกข้อมูลรายละเอียดเอกสาร/ผลงานเสร็จสิ้น ข้อมูลแสดงในหน้า “รายการเอกสาร/ผลงาน” หากต้องการลบรายการเอกสาร/ผลงาน ให้ทำการใช้เมาส์คลิก ![close](images/button/delete-red.png) หลังรายการเอกสาร/ผลงาน และยืนยันการลบข้อมูล ระบบทำการลบข้อมูลรายการทันที
 
-![รูปภาพที่ 5 – 2 รายการเอกสาร/ผลงาน](images/user/chapter5/chapter5_2.png)
-	
+![รูปภาพที่ 5 – 3 รายการเอกสาร/ผลงาน](images/user/chapter5/chapter5_3.png)
+
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มข้อมูลรายการเอกสาร/ผลงาน  
 > หมายเลข 2 ช่องสำหรับแสดงข้อมูลรายการเอกสาร/ผลงาน  
 > หมายเลข 3 ไอคอนสำหรับคลิกเพื่อลบรายการเอกสาร/ผลงาน  
-> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการเอกสาร/ผลงาน  
+> หมายเลข 4 ช่องสำหรับคลิกเพื่อกรอกข้อมูลค้นหารายการเอกสาร/ผลงาน
diff --git a/public/documents/chapter-6-user-transfer.md b/public/documents/chapter-6-user-transfer.md
index bee63da8..b9343055 100644
--- a/public/documents/chapter-6-user-transfer.md
+++ b/public/documents/chapter-6-user-transfer.md
@@ -2,13 +2,13 @@
 
 - เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ขอโอน”
 
-![รูปภาพที่ 6 – 1 เมนูขอโอนในส่วนของผู้ใช้](images/user/chapter6/chapter6_1.png)
+![รูปภาพที่ 7 – 1 เมนูขอโอนในส่วนของผู้ใช้](images/user/chapter6/chapter6_1.png)
 
 > หมายเลข 1 เมนู “ขอโอน”
 
 - เมื่อเลือกเมนู “ขอโอน” ระบบแสดงหน้าเรื่องขอโอน โดยสามารถคลิก ![close](images/button/plus-green.png) เพื่อทำการเพิ่มข้อมูลขอโอน
 
-![รูปภาพที่ 6 – 2 หน้าเรื่องขอโอน](images/user/chapter6/chapter6_2.png)
+![รูปภาพที่ 7 – 2 หน้าเรื่องขอโอน](images/user/chapter6/chapter6_2.png)
 
 > หมายเลข 1 เพิ่มเรื่องขอโอน  
 > หมายเลข 2 รายการขอโอน  
@@ -17,7 +17,7 @@
 
 - จากรูปภาพที่ 6 - 2 เมื่อคลิกไอคอนในหมายเลข 1 ระบบแสดงหน้าเพิ่มเรื่องขอโอน จำเป็นต้องกรอกข้อมูลให้ครบทุกช่อง และควรแนบเอกสารเพิ่มเติม
 
-![รูปภาพที่ 6 – 3 หน้าเพิ่มเรื่องขอโอน](images/user/chapter6/chapter6_3.png)
+![รูปภาพที่ 7 – 3 หน้าเพิ่มเรื่องขอโอน](images/user/chapter6/chapter6_3.png)
 
 > หมายเลข 1 ช่องให้กรอกหน่วยงานที่ขอโอนไป  
 > หมายเลข 2 ช่องให้กรอกเหตุผล  
diff --git a/public/documents/chapter-7-user-appeal-complain.md b/public/documents/chapter-7-user-appeal-complain.md
index 47d6b98b..56984a15 100644
--- a/public/documents/chapter-7-user-appeal-complain.md
+++ b/public/documents/chapter-7-user-appeal-complain.md
@@ -1,8 +1,14 @@
 # อุทธรณ์/ร้องทุกข์
 
+- เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “อุทธรณ์/ร้องทุกข์”
+
+  ![รูปภาพที่ 7 – 1 ระบบอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_1.png)
+
+  > หมายเลข 1 ระบบอุทธรณ์/ร้องทุกข์
+
 - ทำการคลิกเมนูอุทธรณ์/ร้องทุกข์ ระบบแสดงตาราง “อุทธรณ์ร้องทุกข์” ระบบแสดงรายการการยื่นอุทธรณ์/ร้องทุกข์ทั้งหมดพร้อมแสดงสถานะของรายการอุทธรณ์/ร้องทุกข์ ผู้ใช้งานสามารถคลิกเลือกปีงบประมาณ ประเภท และสถานะเพื่อแสดงรายการอุทธรณ์/ร้องทุกข์ได้
 
-![รูปภาพที่ 7 – 1 รายการอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_1.png)
+![รูปภาพที่ 7 – 2 รายการอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_2.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มรายการอุทธรณ์/ร้องทุกข์  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกแสดงรายการอุทธรณ์/ร้องทุกข์ตามปีงบประมาณที่เลือก  
@@ -21,7 +27,7 @@
 
 - การเพิ่มรายการอุทธรณ์/ร้องทุกข์ ให้ทำการใช้เมาส์คลิก ![close](images/button/plus-green.png) ระบบแสดงหน้า “เพิ่มอุทธรณ์/ร้องทุกข์” ทำการเลือกประเภท และกรอกชื่อเรื่องที่ต้องการยื่นพร้อมกรอกรายละเอียด หากทำการกรอกรายละเอียดครบตามที่ระบบแนะนำเสร็จสิ้น ให้ทำการคลิก ![close](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล และหากต้องการยกเลิกการเพิ่มรายการอุทธรณ์/ร้องทุกข์ ให้ทำการคลิก ![close](images/button/arrow-left-green.png) ระบบย้อนกลับไปยังหน้ารายการ “อุทธรณ์ร้องทุกข์”
 
-![รูปภาพที่ 7 – 2 การเพิ่มอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_2.png)
+![รูปภาพที่ 7 – 3 การเพิ่มอุทธรณ์/ร้องทุกข์](images/user/chapter7/chapter7_3.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อยกเลิกการเพิ่มรายการอุทธรณ์/ร้องทุกข์  
 > หมายเลข 2 ช่องสำหรับคลิกเพื่อเลือกประเภทการยื่นเรื่อง  
@@ -32,11 +38,11 @@
 
 - หลังจากทำการคลิกยืนยันการบันทึกข้อมูล ระบบแสดงปุ่ม “พิมพ์แบบฟอร์มคำร้อง” เพื่อให้ผู้ยื่นคำร้องทำการดาวน์โหลดเอกสาร และนำเอกสารไปส่งยังหน่วยงานที่รับผิดชอบด้วยตนเอง หากผู้ใช้งานต้องการตรวจสอบไฟล์ที่ทำการอัปโหลดสามารถคลิก ![close](images/button/download-green.png) ระบบทำการดาวน์โหลดเอกสารที่ได้ทำการอัปโหลด และเก็บไฟล์ไว้ที่โฟลเดอร์ Download หรือหากต้องการจะยังไม่ดาวน์โหลดเอกสารให้ทำการคลิก ![close](images/button/arrow-left-green.png) ระบบจะย้อนกลับแสดงหน้า “อุทธรณ์/ร้องทุกข์” ทันที
 
-![รูปภาพที่ 7 – 3 พิมพ์แบบฟอร์มคำร้อง](images/user/chapter7/chapter7_3.png)
+![รูปภาพที่ 7 – 4 พิมพ์แบบฟอร์มคำร้อง](images/user/chapter7/chapter7_4.png)
 
 > หมายเลข 1 ไอคอนสำหรับคลิกเพื่อย้อนกลับไปยังหน้ารายการ “อุทธรณ์/ร้องทุกข์”  
 > หมายเลข 2 ปุ่มสำหรับคลิกเพื่อดาวน์โหลดเอกสารแบบฟอร์มคำร้องอุทธรณ์/ร้องทุกข์  
 > หมายเลข 3 ช่องสำหรับแสดงแจ้งเตือนการส่งเอกสารด้วยตนเอง  
 > หมายเลข 4 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดเอกสารเพิ่มเติมที่อัปโหลด
 
-![รูปภาพที่ 7 – 4 ตัวอย่างแบบฟอร์มคำร้อง](images/user/chapter7/chapter7_4.png)
+![รูปภาพที่ 7 – 5 ตัวอย่างแบบฟอร์มคำร้อง](images/user/chapter7/chapter7_5.png)
diff --git a/public/documents/chapter-8-user-KPI.md b/public/documents/chapter-8-user-KPI.md
index a9d665f7..0a988c9a 100644
--- a/public/documents/chapter-8-user-KPI.md
+++ b/public/documents/chapter-8-user-KPI.md
@@ -2,14 +2,14 @@
 
 - เมื่อเข้าสู่ระบบทรัพยากรบุคคล ระบบแสดงหน้าเมนูหลัก ให้เลือกเมนู “ผู้ขอรับการประเมิน (KPI)”
 
-![รูปภาพที่ 8 – 1 เมนูผู้ขอรับการประเมิน (KPI)](../images/user/chapter8/chapter8_1.png)
+![รูปภาพที่ 9 – 1 เมนูผู้ขอรับการประเมิน (KPI)](../images/user/chapter8/chapter8_1.png)
 
 > หมายเลข 1 เมนู “ผู้ขอรับการประเมิน (KPI)”
 
 - เมื่อเลือกเมนู “ผู้ขอรับการประเมิน (KPI)” ระบบแสดงหน้ารายการขอรับการประเมินผลการ
 ปฏิบัติราชการระดับบุคคล สามารถคลิกไอคอน ![close](../images/button/plus-green.png) เพื่อทำการสร้างแบบประเมินผลฯ สามารถดูรายละเอียดแบบประเมิน รวมทั้งสามารถสืบค้นแบบประเมินในปีอื่นๆ ที่เคยทำได้
 
-![รูปภาพที่ 8 – 2 หน้ารายการขอรับการประเมินผลการปฏิบัติราชการระดับบุคคล](../images/user/chapter8/chapter8_2.png)
+![รูปภาพที่ 9 – 2 หน้ารายการขอรับการประเมินผลการปฏิบัติราชการระดับบุคคล](../images/user/chapter8/chapter8_2.png)
 
 > หมายเลข 1 ช่องให้เลือกปีงบประมาณ  
 > หมายเลข 2 ช่องให้เลือกรอบการประเมิน  
@@ -17,10 +17,10 @@
 > หมายเลข 4 รายการแบบประเมิน  
 > หมายเลข 5 ช่องคอลัมน์  
 
-- เมื่อคลิกไอคอน ![close](../images/button/plus-green.png) เพื่อทำการสร้างแบบประเมินผลฯ ที่หมายเลข 3 ในรูปภาพที่ 8 – 2 ระบบ
+- เมื่อคลิกไอคอน ![close](../images/button/plus-green.png) เพื่อทำการสร้างแบบประเมินผลฯ ที่หมายเลข 3 ในรูปภาพที่ 9 – 2 ระบบ
 แสดงฟอร์มให้สร้างแบบประเมินผลฯ ดังรูปภาพ
 
-![รูปภาพที่ 8 – 3 หน้าสร้างแบบประเมินผลฯ](../images/user/chapter8/chapter8_3.png)
+![รูปภาพที่ 9 – 3 หน้าสร้างแบบประเมินผลฯ](../images/user/chapter8/chapter8_3.png)
 
 > หมายเลข 1 ช่องให้เลือกปีงบประมาณ  
 > หมายเลข 2 ช่องให้เลือกรอบการประเมิน  
@@ -29,9 +29,9 @@
 > หมายเลข 5 ช่องให้เลือกผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง (ถ้ามี)  
 
 ## ประเภทตำแหน่งวิชาการ ทั่วไป
-- เมื่อกรอกข้อมูลสร้างแบบประเมินและบันทึก ในรูปภาพที่ 8 – 3 ระบบแสดงหน้าแบบประเมินของผู้มีประเภทตำแหน่งเป็นวิชาการหรือทั่วไป หลังจากสร้างแบบประเมินผลฯ ในรูปภาพที่ 8 – 3 ระบบแสดงหน้าจัดทำข้อตกลงซึ่งในองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน ซึ่งประกอบด้วย งานตามแผนปฏิบัติราชการประจำปี งานตามหน้าที่ความรับผิดชอบหลัก และงานที่ได้รับมอบหมายพิเศษ จะต้องมีน้ำหนัก (ร้อยละ) รวมกันไม่เกิน 100 คะแนน และในองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) ในหัวข้อสมรรถนะหลักและสมรรถนะประจำกลุ่มงาน จะแสดงรายการสมรรถนะอัตโนมัติ ซึ่งสามารถลบและแก้ไขได้
+- เมื่อกรอกข้อมูลสร้างแบบประเมินและบันทึก ในรูปภาพที่ 9 – 3 ระบบแสดงหน้าแบบประเมินของผู้มีประเภทตำแหน่งเป็นวิชาการหรือทั่วไป หลังจากสร้างแบบประเมินผลฯ ในรูปภาพที่ 9 – 3 ระบบแสดงหน้าจัดทำข้อตกลงซึ่งในองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน ซึ่งประกอบด้วย งานตามแผนปฏิบัติราชการประจำปี งานตามหน้าที่ความรับผิดชอบหลัก และงานที่ได้รับมอบหมายพิเศษ จะต้องมีน้ำหนัก (ร้อยละ) รวมกันไม่เกิน 100 คะแนน และในองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) ในหัวข้อสมรรถนะหลักและสมรรถนะประจำกลุ่มงาน จะแสดงรายการสมรรถนะอัตโนมัติ ซึ่งสามารถลบและแก้ไขได้
 
-![รูปภาพที่ 8 – 4 หน้าจัดทำข้อตกลง](../images/user/chapter8/chapter8_4.png)
+![รูปภาพที่ 9 – 4 หน้าจัดทำข้อตกลง](../images/user/chapter8/chapter8_4.png)
 
 > หมายเลข 1 แถบเมนู “จัดทำข้อตกลง”  
 > หมายเลข 2 องค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน ประกอบด้วย งานตามแผนปฏิบัติราชการประจำปี งานตามหน้าที่ความรับผิดชอบหลัก และงานที่ได้รับมอบหมายพิเศษ  
@@ -47,7 +47,7 @@
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ที่งานตามแผนปฏิบัติราชการประจำปี ระบบแสดงฟอร์มดังรูปภาพ
 
-![รูปภาพที่ 8 – 5 เพิ่มงานตามแผนปฏิบัติราชการประจำปี](../images/user/chapter8/chapter8_5.png)
+![รูปภาพที่ 9 – 5 เพิ่มงานตามแผนปฏิบัติราชการประจำปี](../images/user/chapter8/chapter8_5.png)
 
 > หมายเลข 1 ช่องให้เลือกแสดงตัวชี้วัดภายใต้หน่วยงาน/ส่วนราชการทุกระดับ  
 > หมายเลข 2 ช่องให้เลือกปีงบประมาณ  
@@ -59,7 +59,7 @@
 > หมายเลข 8 ช่องให้แก้ไขหน่วยนับ  
 > หมายเลข 9 ช่องให้แก้ไขน้ำหนัก (ร้อยละ)  
 
-![รูปภาพที่ 8 – 6 เพิ่มงานตามแผนปฏิบัติราชการประจำปี (ต่อ)](../images/user/chapter8/chapter8_6.png)
+![รูปภาพที่ 9 – 6 เพิ่มงานตามแผนปฏิบัติราชการประจำปี (ต่อ)](../images/user/chapter8/chapter8_6.png)
 
 > หมายเลข 1 ระดับคะแนน  
 > หมายเลข 2 ผลสำเร็จของงาน  
@@ -69,7 +69,7 @@
 > หมายเลข 6 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 2 ซึ่งสามารถแก้ไขได้  
 > หมายเลข 7 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 1 ซึ่งสามารถแก้ไขได้  
 
-![รูปภาพที่ 8 – 7 เพิ่มงานตามแผนปฏิบัติราชการประจำปี (ต่อ)](../images/user/chapter8/chapter8_7.png)
+![รูปภาพที่ 9 – 7 เพิ่มงานตามแผนปฏิบัติราชการประจำปี (ต่อ)](../images/user/chapter8/chapter8_7.png)
 
 > หมายเลข 1 ช่องแสดงนิยาม หรือความหมายของตัวชี้วัด ซึ่งสามารถแก้ไขได้  
 > หมายเลข 2 ช่องแสดงสูตรคำนวณ ซึ่งสามารถแก้ไขได้  
@@ -79,7 +79,7 @@
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ที่งานตามหน้าที่ความรับผิดชอบหลักระบบแสดงฟอร์มดังรูปภาพ
 
-![รูปภาพที่ 8 – 8 เพิ่มงานตามหน้าที่ความรับผิดชอบหลัก](../images/user/chapter8/chapter8_8.png)
+![รูปภาพที่ 9 – 8 เพิ่มงานตามหน้าที่ความรับผิดชอบหลัก](../images/user/chapter8/chapter8_8.png)
 
 > หมายเลข 1 ช่องให้เลือกแสดงตัวชี้วัดภายใต้หน่วยงาน/ส่วนราชการทุกระดับ  
 > หมายเลข 2 ช่องให้เลือกปีงบประมาณ  
@@ -91,7 +91,7 @@
 > หมายเลข 8 ช่องให้แก้ไขหน่วยนับ  
 > หมายเลข 9 ช่องให้แก้ไขน้ำหนัก (ร้อยละ)  
 
-![รูปภาพที่ 8 – 9 เพิ่มงานตามหน้าที่ความรับผิดชอบหลัก (ต่อ)](../images/user/chapter8/chapter8_9.png)
+![รูปภาพที่ 9 – 9 เพิ่มงานตามหน้าที่ความรับผิดชอบหลัก (ต่อ)](../images/user/chapter8/chapter8_9.png)
 
 > หมายเลข 1 ระดับคะแนน  
 > หมายเลข 2 ผลสำเร็จของงาน  
@@ -103,7 +103,7 @@
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ที่งานที่ได้รับมอบหมายพิเศษระบบแสดงฟอร์มดังรูปภาพ
 
-![รูปภาพที่ 8 – 10 เพิ่มงานที่ได้รับมอบหมายพิเศษ](../images/user/chapter8/chapter8_10.png)
+![รูปภาพที่ 9 – 10 เพิ่มงานที่ได้รับมอบหมายพิเศษ](../images/user/chapter8/chapter8_10.png)
 
 > หมายเลข 1 ช่องให้เลือกแสดงตัวชี้วัดภายใต้หน่วยงาน/ส่วนราชการทุกระดับ  
 > หมายเลข 2 ช่องให้เลือกปีงบประมาณ  
@@ -117,7 +117,7 @@
 > หมายเลข 10 ช่องให้แก้ไขหน่วยนับ  
 > หมายเลข 11 ช่องให้แก้ไขน้ำหนัก (ร้อยละ)  
 
-![รูปภาพที่ 8 – 11 เพิ่มงานที่ได้รับมอบหมายพิเศษ (ต่อ)](../images/user/chapter8/chapter8_11.png)
+![รูปภาพที่ 9 – 11 เพิ่มงานที่ได้รับมอบหมายพิเศษ (ต่อ)](../images/user/chapter8/chapter8_11.png)
 
 > หมายเลข 1 ระดับคะแนน  
 > หมายเลข 2 ผลสำเร็จของงาน  
@@ -127,14 +127,14 @@
 > หมายเลข 6 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 2 ซึ่งสามารถแก้ไขได้  
 > หมายเลข 7 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 1 ซึ่งสามารถแก้ไขได้  
 
-![รูปภาพที่ 8 – 12 เพิ่มงานที่ได้รับมอบหมายพิเศษ (ต่อ)](../images/user/chapter8/chapter8_12.png)
+![รูปภาพที่ 9 – 12 เพิ่มงานที่ได้รับมอบหมายพิเศษ (ต่อ)](../images/user/chapter8/chapter8_12.png)
 
 > หมายเลข 1 ช่องแสดงนิยามหรือความหมายของตัวชี้วัด ซึ่งสามารถแก้ไขได้  
 > หมายเลข 2 ช่องแสดงสูตรคำนวณ ซึ่งสามารถแก้ไขได้  
 > หมายเลข 3 ช่องแสดงข้อมูลเอกสารหลักฐาน ซึ่งสามารถแก้ไขได้  
 > หมายเลข 4 ช่องให้กรอกช่วงเวลาเริ่มต้น – สิ้นสุด  
 
-![รูปภาพที่ 8 – 13 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ)](../images/user/chapter8/chapter8_13.png)
+![รูปภาพที่ 9 – 13 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ)](../images/user/chapter8/chapter8_13.png)
 
 > หมายเลข 1 สมรรถนะหลัก  
 > หมายเลข 2 ไอคอนพฤติกรรมที่คาดหวัง/พฤติกรรมย่อยของสมรรถนะหลัก  
@@ -150,13 +150,15 @@
 - หากคลิกไอคอน ![close](../images/button/eye-blue.png) ที่หมายเลข 4 ในหัวข้อสมรรถนะหลัก และหมายเลข 9 ในหัวข้อ
 สมรรถนะประจำกลุ่มงาน ระบบแสดงหน้ารายละเอียดสมรรถนะ
 
-![รูปภาพที่ 8 – 14 หน้ารายละเอียดสมรรถนะ](../images/user/chapter8/chapter8_14.png)
+![รูปภาพที่ 9 – 14 หน้ารายละเอียดสมรรถนะ](../images/user/chapter8/chapter8_14.png)
 
-![รูปภาพที่ 8 – 15 การพัฒนาตนเอง](../images/user/chapter8/chapter8_15.png)
+![รูปภาพที่ 9 – 15 การพัฒนาตนเอง](../images/user/chapter8/chapter8_15.png)
+
+> หมายเลข 1 ไอคอนสำหรับคลิกเพื่อเพิ่มการพัฒนาตนเอง
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ในหัวข้อการพัฒนาตนเอง ระบบแสดงหน้าเพิ่มการพัฒนาตนเอง
 
-![รูปภาพที่ 8 – 16 หน้าเพิ่มการพัฒนาตนเอง](../images/user/chapter8/chapter8_16.png)
+![รูปภาพที่ 9 – 16 หน้าเพิ่มการพัฒนาตนเอง](../images/user/chapter8/chapter8_16.png)
 
 > หมายเลข 1 ช่องให้กรอกชื่อเรื่อง/เนื้อเรื่อง/หัวข้อการพัฒนา  
 > หมายเลข 2 ช่องให้เลือกวิธีการพัฒนา  
@@ -171,7 +173,7 @@
 - เมื่อผู้ประเมิน ผู้บังคับบัญชาและผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง อนุมัติครบเรียบร้อยแล้วจะ
 สามารถคลิกแถบเมนูรายงานความก้าวหน้าได้ โดยในหน้านี้จะสามารถเพิ่มรายงานความก้าวหน้าและเพิ่มรายงานปัญหาในแต่ละรายการได้ ซึ่งเมื่อเพิ่มแล้วนั้น ผู้ประเมิน ผู้บังคับบัญชาและผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง จะเข้ามาแสดงความเห็นในแต่ละรายงานความก้าวหน้าและรายงานปัญหา
 
-![รูปภาพที่ 8 – 17 หน้ารายงานความก้าวหน้า](../images/user/chapter8/chapter8_17.png)
+![รูปภาพที่ 9 – 17 หน้ารายงานความก้าวหน้า](../images/user/chapter8/chapter8_17.png)
 
 > หมายเลข 1 แถบเมนู “รายงานความก้าวหน้า”  
 > หมายเลข 2 ไอคอนเพิ่มรายงานความก้าวหน้า  
@@ -184,7 +186,7 @@
 
 - เมื่อคลิกไอคอน ![close](../images/button/comment-issue-report.png) ระบบแสดงฟอร์มให้เพิ่มรายงานความก้าวหน้า สามารถคลิกไอคอน ![close](../images/button/plus-green.png) เพื่อเพิ่มหัวข้อความก้าวหน้า และสามารถดูรายละเอียดของแต่ละหัวข้อความก้าวหน้า หากผู้ใช้มีการเพิ่มรายงานความก้าวหน้า บันทึกแบบร่าง และส่งไปยังผู้ประเมินเรียบร้อยแล้วร้อยแล้ว ผู้ประเมินจะสามารถเข้ามากรอกความคิดเห็นได้ แต่ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และบังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง (ถ้ามี) จะแสดงช่องให้กรอกความคิดเห็นของทั้งสองปรากฏอีก 2 ช่อง
 
-![รูปภาพที่ 8 – 18 รายละเอียดรายงานความก้าวหน้า](../images/user/chapter8/chapter8_18.png)
+![รูปภาพที่ 9 – 18 รายละเอียดรายงานความก้าวหน้า](../images/user/chapter8/chapter8_18.png)
 
 > หมายเลข 1 ไอคอนเพิ่มรายงานความก้าวหน้า  
 > หมายเลข 2 รายการรายงานความก้าวหน้า  
@@ -193,7 +195,7 @@
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ในหมายเลข 1 ที่รูปภาพที่ 8 - 18 ระบบแสดงฟอร์มให้เพิ่มหัวข้อรายงานความก้าวหน้า
 
-![รูปภาพที่ 8 – 19 เพิ่มหัวข้อรายงานความก้าวหน้า](../images/user/chapter8/chapter8_19.png)
+![รูปภาพที่ 9 – 19 เพิ่มหัวข้อรายงานความก้าวหน้า](../images/user/chapter8/chapter8_19.png)
 
 > หมายเลข 1 ช่องให้กรอกหัวข้อความก้าวหน้า  
 > หมายเลข 2 ช่องให้เลือกคะแนนความก้าวหน้า  
@@ -202,7 +204,7 @@
 
 - เมื่อคลิกไอคอน ![close](../images/button/comment-progress-report.png) ระบบแสดงฟอร์มให้เพิ่มรายงานปัญหา สามารถคลิกไอคอน ![close](../images/button/plus-green.png) เพื่อเพิ่มหัวข้อปัญหา และสามารถดูรายละเอียดของแต่ละหัวข้อปัญหา หากผู้ใช้มีการเพิ่มรายงานปัญหา บันทึกแบบร่าง และส่งไปยังผู้ประเมินเรียบร้อยแล้ว ผู้ประเมินจะสามารถเข้ามากรอกความคิดเห็นได้ แต่ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไป (ถ้ามี) และบังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง (ถ้ามี) จะแสดงช่องให้กรอกความคิดเห็นของทั้งสองปรากฏอีก 2 ช่อง
 
-![รูปภาพที่ 8 – 20 รายงานปัญหา](../images/user/chapter8/chapter8_20.png)
+![รูปภาพที่ 9 – 20 รายงานปัญหา](../images/user/chapter8/chapter8_20.png)
 
 > หมายเลข 1 ไอคอนเพิ่มรายงานปัญหา  
 > หมายเลข 2 รายการรายงานปัญหา  
@@ -211,26 +213,26 @@
 
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ในหมายเลข 1 ที่รูปภาพที่ 8 - 20 ระบบแสดงฟอร์มให้เพิ่มหัวข้อรายงานความก้าวหน้า
 
-![รูปภาพที่ 8 – 21 เพิ่มหัวข้อรายงานปัญหา](../images/user/chapter8/chapter8_21.png)
+![รูปภาพที่ 9 – 21 เพิ่มหัวข้อรายงานปัญหา](../images/user/chapter8/chapter8_21.png)
 
 > หมายเลข 1 ช่องให้กรอกหัวข้อปัญหา  
 > หมายเลข 2 ช่องให้กรอกรายละเอียดปัญหา  
 > หมายเลข 3 ปุ่ม “บันทึกร่าง” ซึ่งเมื่อคลิกจะปรากฏ ปุ่ม “ส่งไปยังผู้ประเมิน” ดังรูปภาพที่  
 
-![รูปภาพที่ 8 – 22 เพิ่มหัวข้อรายงานปัญหา (ต่อ)](../images/user/chapter8/chapter8_22.png)
+![รูปภาพที่ 9 – 22 เพิ่มหัวข้อรายงานปัญหา (ต่อ)](../images/user/chapter8/chapter8_22.png)
 
 > หมายเลข 1 ปุ่ม “ส่งไปยังผู้ประเมิน” ปรากฏเมื่อมีการคลิก ปุ่ม “บันทึกแบบร่าง” ในครั้งแรก  
 
 - เมื่อเพิ่มข้อมูลในหน้ารายงานความก้าวหน้าและผู้ประเมิน ผู้บังคับบัญชา(ถ้ามี) และ
 ผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง(ถ้ามี) แสดงความคิดเห็นที่รายงานความก้าวหน้าและรายงานปัญหา ให้คลิก ![close](../images/button/send-blue.png) ที่หมายเลข 4 ในรูปภาพที่ 8 - 17 เพื่อทำการเข้าสู่ขั้นตอนต่อไป
 
-![รูปภาพที่ 8 – 23 ความคิดเห็นของผู้ประเมินในหัวข้อรายงานความก้าวหน้า/รายงานปัญหา](../images/user/chapter8/chapter8_23.png)
+![รูปภาพที่ 9 – 23 ความคิดเห็นของผู้ประเมินในหัวข้อรายงานความก้าวหน้า/รายงานปัญหา](../images/user/chapter8/chapter8_23.png)
 
 > หมายเลข 1 ช่องแสดงความคิดเห็นของผู้ประเมิน
 
 - ในขั้นตอนรายงานผลสำเร็จของงานจะเป็นการประเมินองค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน และองค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะ) 
 
-![รูปภาพที่ 8 – 24 หน้ารายงานผลสำเร็จของงาน](../images/user/chapter8/chapter8_24.png)
+![รูปภาพที่ 9 – 24 หน้ารายงานผลสำเร็จของงาน](../images/user/chapter8/chapter8_24.png)
 
 > หมายเลข 1 แถบเมนู “รายงานผลสำเร็จของงาน”  
 > หมายเลข 2 ไอคอนประเมินผลสัมฤทธิ์ของงาน  
@@ -239,11 +241,11 @@
 > หมายเลข 5 ไอคอนดูข้อมูลการช่วยราชการ  
 > หมายเลข 6 ไอคอนดูข้อมูลปฏิบัติหน้าที่ราชการ  
 
-![รูปภาพที่ 8 – 25 หน้ารายงานผลสำเร็จของงาน (ต่อ)](../images/user/chapter8/chapter8_25.png)
+![รูปภาพที่ 9 – 25 หน้ารายงานผลสำเร็จของงาน (ต่อ)](../images/user/chapter8/chapter8_25.png)
 
 > หมายเลข 1 ไอคอนประเมินผลสัมฤทธิ์ของงาน  
 
-![รูปภาพที่ 8 – 26 หน้ารายงานผลสำเร็จของงาน (ต่อ)](../images/user/chapter8/chapter8_26.png)
+![รูปภาพที่ 9 – 26 หน้ารายงานผลสำเร็จของงาน (ต่อ)](../images/user/chapter8/chapter8_26.png)
 
 > หมายเลข 1 ไอคอนประเมินผลสัมฤทธิ์ของงาน  
 > หมายเลข 2 สรุปผลการประเมินสมรรถนะ  
@@ -252,23 +254,23 @@
 
 - เมื่อคลิกไอคอน ![close](../images/button/calender1.png) เพื่อประเมินคะแนน ระบบแสดงฟอร์มให้กรอกคะแนนดังรูปภาพ
 
-![รูปภาพที่ 8 – 27 ประเมินผลสัมฤทธิ์ของงาน](../images/user/chapter8/chapter8_27.png)
+![รูปภาพที่ 9 – 27 ประเมินผลสัมฤทธิ์ของงาน](../images/user/chapter8/chapter8_27.png)
 
 > หมายเลข 1 ช่องให้เลือกประเมินคะแนน  
 > หมายเลข 2 ปุ่ม “บันทึก”  
 
 - เมื่อจัดการหน้ารายงานผลสำเร็จของงานเรียบร้อยแล้ว ให้คลิก ![close](images/button/send-blue.png) ที่หมายเลข 4 ในรูปภาพที่ 
-8 – 24 เพื่อส่งให้ผู้ประเมินรายงานผลสำเร็จของงาน และเมื่อผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป(ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง(ถ้ามี) ทำการตรวจสอบและประเมินในหน้ารายงานผลสำเร็จของงานเรียบร้อยแล้ว ผู้ประเมินจะจัดการในขั้นตอนต่อให้คือสรุปผลการประเมิน 
+9 – 24 เพื่อส่งให้ผู้ประเมินรายงานผลสำเร็จของงาน และเมื่อผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป(ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง(ถ้ามี) ทำการตรวจสอบและประเมินในหน้ารายงานผลสำเร็จของงานเรียบร้อยแล้ว ผู้ประเมินจะจัดการในขั้นตอนต่อให้คือสรุปผลการประเมิน 
 
 - เมื่อผู้ประเมิน ผู้บังคับบัญชาเหนือขึ้นไป(ถ้ามี) และผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่ง(ถ้ามี) เพิ่มข้อมูลในหน้าสรุปผลคะแนนเรียบร้อยแล้ว ผู้ขอประเมินจะสามารถดูรายละเอียดสรุปผลการประเมินได้
 
-![รูปภาพที่ 8 – 28 สรุปผลการประเมิน](../images/user/chapter8/chapter8_28.png)
+![รูปภาพที่ 9 – 28 สรุปผลการประเมิน](../images/user/chapter8/chapter8_28.png)
 
 > หมายเลข 1 แถบเมนู “สรุปผลการประเมิน”  
 > หมายเลข 2 รายละเอียดสรุปผลการประเมิน  
 > หมายเลข 3 ไอคอนดาวน์โหลด  
 
-![รูปภาพที่ 8 – 29 สรุปผลการประเมิน (ต่อ)](../images/user/chapter8/chapter8_29.png)
+![รูปภาพที่ 9 – 29 สรุปผลการประเมิน (ต่อ)](../images/user/chapter8/chapter8_29.png)
 
 > หมายเลข 1 ช่องแสดงชื่อเรื่อง/เนื้อหา/หัวข้อการพัฒนา  
 > หมายเลข 2 ช่องแสดงวิธีการพัฒนา  
@@ -277,7 +279,7 @@
 
 - ในแถบเมนูสุดท้าย ไฟล์เอกสาร ในเมนูนี้สามารถอัปโหลดไฟล์เอกสารที่เกี่ยวข้องกับการประเมินในครั้งนี้ได้
 
-![รูปภาพที่ 8 – 30 ไฟล์เอกสาร](../images/user/chapter8/chapter8_30.png)
+![รูปภาพที่ 9 – 30 ไฟล์เอกสาร](../images/user/chapter8/chapter8_30.png)
 
 > หมายเลข 1 แถบเมนู “ไฟล์เอกสาร”  
 > หมายเลข 2 ช่องอัปโหลดเอกสาร  
@@ -289,9 +291,9 @@
 
 ## ประเภทตำแหน่งบริหาร อำนวยการ
 
-- เมื่อกรอกข้อมูลสร้างแบบประเมินและบันทึก ในรูปภาพที่ 8 – 3 ระบบแสดงหน้าแบบประเมินของผู้มีประเภทตำแหน่งเป็นบริหารหรืออำนวยการ หลังจากสร้างแบบประเมินผลฯ ในรูปภาพที่ 8 – 3 ระบบแสดงหน้าจัดทำข้อตกลง ซึ่งน้ำหนัก (ร้อยละ) ของมิติที่ 1 จะต้องรวมกันได้ 100 และของมิติที่ 2 จะต้องรวมกันได้ 20 จึงจะสามารถส่งให้ผู้ประเมินอนุมัติได้ โดยสามารถดูตัวอย่างขั้นตอนการประเมินผลดังต่อไปนี้ 
+- เมื่อกรอกข้อมูลสร้างแบบประเมินและบันทึก ในรูปภาพที่ 9 – 3 ระบบแสดงหน้าแบบประเมินของผู้มีประเภทตำแหน่งเป็นบริหารหรืออำนวยการ หลังจากสร้างแบบประเมินผลฯ ในรูปภาพที่ 9 – 3 ระบบแสดงหน้าจัดทำข้อตกลง ซึ่งน้ำหนัก (ร้อยละ) ของมิติที่ 1 จะต้องรวมกันได้ 100 และของมิติที่ 2 จะต้องรวมกันได้ 20 จึงจะสามารถส่งให้ผู้ประเมินอนุมัติได้ โดยสามารถดูตัวอย่างขั้นตอนการประเมินผลดังต่อไปนี้ 
 
-![รูปภาพที่ 8 – 31 หน้าจัดทำข้อตกลงของตำแหน่งประเภทอำนวยการ/บริหาร](../images/user/chapter8/chapter8_31.png)
+![รูปภาพที่ 9 – 31 หน้าจัดทำข้อตกลงของตำแหน่งประเภทอำนวยการ/บริหาร](../images/user/chapter8/chapter8_31.png)
 
 > หมายเลข 1 แถบเมนู “จัดทำข้อตกลง”  
 > หมายเลข 2 องค์ประกอบที่ 1 ผลสัมฤทธิ์ของงาน  
@@ -305,7 +307,7 @@
 - หากคลิกไอคอน ![close](../images/button/plus-green.png) ที่ภารกิจตามนโยบายและยุทธศาสตร์ของกรุงเทพมหานคร หรือที่วาระ
 เร่งด่วนที่ได้รับมอบหมายพิเศษ (ถ้ามี) ระบบแสดงฟอร์มดังรูปภาพ ซึ่งในการเพิ่มตัวชี้วัดทั้ง 2 มิติ จะมีหน้าให้เพิ่มที่คล้ายกัน จึงสามารถอธิบายได้ดังต่อไปนี้
 
-![รูปภาพที่ 8 – 32 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2](../images/user/chapter8/chapter8_32.png)
+![รูปภาพที่ 9 – 32 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2](../images/user/chapter8/chapter8_32.png)
 
 > หมายเลข 1 ช่องให้เลือกแสดงตัวชี้วัดภายใต้หน่วยงาน/ส่วนราชการทุกระดับ  
 > หมายเลข 2 ช่องให้เลือกปีงบประมาณ  
@@ -317,7 +319,7 @@
 > หมายเลข 8 ช่องให้แก้ไขหน่วยนับ  
 > หมายเลข 9 ช่องให้แก้ไขน้ำหนัก (ร้อยละ)  
 
-![รูปภาพที่ 8 – 33 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2 (ต่อ)](../images/user/chapter8/chapter8_33.png)
+![รูปภาพที่ 9 – 33 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2 (ต่อ)](../images/user/chapter8/chapter8_33.png)
 
 > หมายเลข 1 ระดับคะแนน  
 > หมายเลข 2 ผลสำเร็จของงาน  
@@ -327,7 +329,7 @@
 > หมายเลข 6 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 2 ซึ่งสามารถแก้ไขได้  
 > หมายเลข 7 ช่องแสดงผลสำเร็จของงานที่ได้ระดับคะแนน 1 ซึ่งสามารถแก้ไขได้  
 
-![รูปภาพที่ 8 – 34 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2 (ต่อ)](../images/user/chapter8/chapter8_34.png)
+![รูปภาพที่ 9 – 34 เพิ่มตัวชี้วัดมิติ 1 และมิติ 2 (ต่อ)](../images/user/chapter8/chapter8_34.png)
 
 > หมายเลข 1 ช่องแสดงนิยามหรือความหมายของตัวชี้วัด ซึ่งสามารถแก้ไขได้  
 > หมายเลข 2 ช่องแสดงสูตรคำนวณ ซึ่งสามารถแก้ไขได้  
@@ -335,7 +337,7 @@
 > หมายเลข 4 ช่องให้กรอกช่วงเวลาเริ่มต้น – สิ้นสุด  
 > หมายเลข 5 ปุ่ม “บันทึก”  
 
-![รูปภาพที่ 8 – 35 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะหลัก)](../images/user/chapter8/chapter8_35.png)
+![รูปภาพที่ 9 – 35 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะหลัก)](../images/user/chapter8/chapter8_35.png)
 
 > หมายเลข 1 สมรรถนะหลัก  
 > หมายเลข 2 ไอคอนพฤติกรรมที่คาดหวัง/พฤติกรรมย่อยของสมรรถนะหลัก  
@@ -343,7 +345,7 @@
 > หมายเลข 4 ไอคอนรายละเอียดสมรรถนะหลัก  
 > หมายเลข 5 ไอคอนลบรายการสมรรถนะหลัก  
 
-![รูปภาพที่ 8 – 36 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะประจำผู้บริหารกรุงเทพมหานคร)](../images/user/chapter8/chapter8_36.png)
+![รูปภาพที่ 9 – 36 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะประจำผู้บริหารกรุงเทพมหานคร)](../images/user/chapter8/chapter8_36.png)
 
 > หมายเลข 1 ไอคอนเพิ่มสมรรถนะ  
 > หมายเลข 2 ไอคอนพฤติกรรมที่คาดหวัง/พฤติกรรมย่อย  
@@ -351,7 +353,7 @@
 > หมายเลข 4 ไอคอนแก้ไขข้อมูล  
 > หมายเลข 5 ไอคอนลบข้อมูล  
 
-![รูปภาพที่ 8 – 37 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะเฉพาะสำหรับตำแหน่ง ผอ.เขต ผช.ผอ.เขต และหัวหน้าฝ่ายในสังกัด สนง.เขต)](../images/user/chapter8/chapter8_37.png)
+![รูปภาพที่ 9 – 37 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะเฉพาะสำหรับตำแหน่ง ผอ.เขต ผช.ผอ.เขต และหัวหน้าฝ่ายในสังกัด สนง.เขต)](../images/user/chapter8/chapter8_37.png)
 
 > หมายเลข 1 ไอคอนเพิ่มสมรรถนะ  
 > หมายเลข 2 ไอคอนพฤติกรรมที่คาดหวัง/พฤติกรรมย่อย  
@@ -359,7 +361,7 @@
 > หมายเลข 4 ไอคอนแก้ไขข้อมูล  
 > หมายเลข 5 ไอคอนลบข้อมูล  
 
-![รูปภาพที่ 8 – 38 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะเฉพาะสำหรับตำแหน่งผู้ตรวจราชการ กทม. และผู้ตรวจราชการ)](../images/user/chapter8/chapter8_38.png)
+![รูปภาพที่ 9 – 38 องค์ประกอบที่ 2 พฤติกรรมการปฏิบัติราชการ (สมรรถนะเฉพาะสำหรับตำแหน่งผู้ตรวจราชการ กทม. และผู้ตรวจราชการ)](../images/user/chapter8/chapter8_38.png)
 
 > หมายเลข 1 ไอคอนเพิ่มสมรรถนะ  
 > หมายเลข 2 ไอคอนพฤติกรรมที่คาดหวัง/พฤติกรรมย่อย  
@@ -367,4 +369,4 @@
 > หมายเลข 4 ไอคอนแก้ไขข้อมูล  
 
 - เมื่อจัดการในหน้าจัดทำข้อตกลงเรียบร้อยแล้วให้คลิกไอคอน ![close](../images/button/send-blue.png) ที่หมายเลข 9 ในรูปภาพที่ 
-8 – 31 เพื่อส่งให้ผู้ประเมินอนุมัติ แต่ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไปและผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่งจะต้องทำการอนุมัติให้ครบทุกคน เพื่อที่จะทำขั้นตอนต่อไปได้ ซึ่งตั้งแต่ในขั้นตอนรายงานความก้าวหน้าไปจนถึงสรุปผลการประเมิน รวมทั้งไฟล์เอกสาร สามารถดูตัวอย่างได้ตั้งแต่รูปภาพที่ 8 - 17 ถึงรูปภาพที่ 8 - 30
+9 – 31 เพื่อส่งให้ผู้ประเมินอนุมัติ แต่ในกรณีที่มีผู้บังคับบัญชาเหนือขึ้นไปและผู้บังคับบัญชาเหนือขึ้นไปอีกชั้นหนึ่งจะต้องทำการอนุมัติให้ครบทุกคน เพื่อที่จะทำขั้นตอนต่อไปได้ ซึ่งตั้งแต่ในขั้นตอนรายงานความก้าวหน้าไปจนถึงสรุปผลการประเมิน รวมทั้งไฟล์เอกสาร สามารถดูตัวอย่างได้ตั้งแต่รูปภาพที่ 8 - 17 ถึงรูปภาพที่ 8 - 30
diff --git a/public/images/button/addplus.png b/public/images/button/addplus.png
new file mode 100644
index 00000000..59f92597
Binary files /dev/null and b/public/images/button/addplus.png differ
diff --git a/public/images/button/addplustest.png b/public/images/button/addplustest.png
new file mode 100644
index 00000000..df8d5110
Binary files /dev/null and b/public/images/button/addplustest.png differ
diff --git a/public/images/button/btcf.png b/public/images/button/btcf.png
new file mode 100644
index 00000000..7443ee85
Binary files /dev/null and b/public/images/button/btcf.png differ
diff --git a/public/images/button/btn.png b/public/images/button/btn.png
new file mode 100644
index 00000000..fca857a0
Binary files /dev/null and b/public/images/button/btn.png differ
diff --git a/public/images/button/cf.png b/public/images/button/cf.png
new file mode 100644
index 00000000..320c0ac7
Binary files /dev/null and b/public/images/button/cf.png differ
diff --git a/public/images/button/clock.png b/public/images/button/clock.png
new file mode 100644
index 00000000..df0a09a7
Binary files /dev/null and b/public/images/button/clock.png differ
diff --git a/public/images/button/dropdown-righte.png b/public/images/button/dropdown-righte.png
new file mode 100644
index 00000000..d6b54800
Binary files /dev/null and b/public/images/button/dropdown-righte.png differ
diff --git a/public/images/button/edit1.png b/public/images/button/edit1.png
new file mode 100644
index 00000000..4e2399b8
Binary files /dev/null and b/public/images/button/edit1.png differ
diff --git a/public/images/button/forget.png b/public/images/button/forget.png
new file mode 100644
index 00000000..60878a19
Binary files /dev/null and b/public/images/button/forget.png differ
diff --git a/public/images/button/leftarrow.png b/public/images/button/leftarrow.png
new file mode 100644
index 00000000..1765033c
Binary files /dev/null and b/public/images/button/leftarrow.png differ
diff --git a/public/images/button/login.png b/public/images/button/login.png
new file mode 100644
index 00000000..ace6859c
Binary files /dev/null and b/public/images/button/login.png differ
diff --git a/public/images/user/chapter1/chapter1_1.png b/public/images/user/chapter1/chapter1_1.png
index ab72e653..26ff0b2c 100644
Binary files a/public/images/user/chapter1/chapter1_1.png and b/public/images/user/chapter1/chapter1_1.png differ
diff --git a/public/images/user/chapter10/chapter10_1_edit.png b/public/images/user/chapter10/chapter10_1_edit.png
new file mode 100644
index 00000000..3c235969
Binary files /dev/null and b/public/images/user/chapter10/chapter10_1_edit.png differ
diff --git a/public/images/user/chapter11/chapter11_1.png b/public/images/user/chapter11/chapter11_1.png
index f1d5d2d2..64b4e183 100644
Binary files a/public/images/user/chapter11/chapter11_1.png and b/public/images/user/chapter11/chapter11_1.png differ
diff --git a/public/images/user/chapter11/chapter11_2.png b/public/images/user/chapter11/chapter11_2.png
index d23125d6..0eb856f0 100644
Binary files a/public/images/user/chapter11/chapter11_2.png and b/public/images/user/chapter11/chapter11_2.png differ
diff --git a/public/images/user/chapter11/chapter11_3.png b/public/images/user/chapter11/chapter11_3.png
index 5613bd0c..c8f2eb3c 100644
Binary files a/public/images/user/chapter11/chapter11_3.png and b/public/images/user/chapter11/chapter11_3.png differ
diff --git a/public/images/user/chapter11/chapter11_4.png b/public/images/user/chapter11/chapter11_4.png
index 9cfce512..53198683 100644
Binary files a/public/images/user/chapter11/chapter11_4.png and b/public/images/user/chapter11/chapter11_4.png differ
diff --git a/public/images/user/chapter12/chapter12_1.png b/public/images/user/chapter12/chapter12_1.png
new file mode 100644
index 00000000..f1d5d2d2
Binary files /dev/null and b/public/images/user/chapter12/chapter12_1.png differ
diff --git a/public/images/user/chapter11/chapter11_10.png b/public/images/user/chapter12/chapter12_10.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_10.png
rename to public/images/user/chapter12/chapter12_10.png
diff --git a/public/images/user/chapter12/chapter12_2.png b/public/images/user/chapter12/chapter12_2.png
new file mode 100644
index 00000000..d23125d6
Binary files /dev/null and b/public/images/user/chapter12/chapter12_2.png differ
diff --git a/public/images/user/chapter12/chapter12_3.png b/public/images/user/chapter12/chapter12_3.png
new file mode 100644
index 00000000..5613bd0c
Binary files /dev/null and b/public/images/user/chapter12/chapter12_3.png differ
diff --git a/public/images/user/chapter12/chapter12_4.png b/public/images/user/chapter12/chapter12_4.png
new file mode 100644
index 00000000..9cfce512
Binary files /dev/null and b/public/images/user/chapter12/chapter12_4.png differ
diff --git a/public/images/user/chapter11/chapter11_5.png b/public/images/user/chapter12/chapter12_5.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_5.png
rename to public/images/user/chapter12/chapter12_5.png
diff --git a/public/images/user/chapter11/chapter11_6.png b/public/images/user/chapter12/chapter12_6.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_6.png
rename to public/images/user/chapter12/chapter12_6.png
diff --git a/public/images/user/chapter11/chapter11_7.png b/public/images/user/chapter12/chapter12_7.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_7.png
rename to public/images/user/chapter12/chapter12_7.png
diff --git a/public/images/user/chapter11/chapter11_8.png b/public/images/user/chapter12/chapter12_8.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_8.png
rename to public/images/user/chapter12/chapter12_8.png
diff --git a/public/images/user/chapter11/chapter11_9.png b/public/images/user/chapter12/chapter12_9.png
similarity index 100%
rename from public/images/user/chapter11/chapter11_9.png
rename to public/images/user/chapter12/chapter12_9.png
diff --git a/public/images/user/chapter13/chapter13_1.png b/public/images/user/chapter13/chapter13_1.png
new file mode 100644
index 00000000..bb068fb4
Binary files /dev/null and b/public/images/user/chapter13/chapter13_1.png differ
diff --git a/public/images/user/chapter13/chapter13_10.png b/public/images/user/chapter13/chapter13_10.png
new file mode 100644
index 00000000..4fec32f2
Binary files /dev/null and b/public/images/user/chapter13/chapter13_10.png differ
diff --git a/public/images/user/chapter13/chapter13_2.png b/public/images/user/chapter13/chapter13_2.png
new file mode 100644
index 00000000..0156b0b3
Binary files /dev/null and b/public/images/user/chapter13/chapter13_2.png differ
diff --git a/public/images/user/chapter13/chapter13_3.png b/public/images/user/chapter13/chapter13_3.png
new file mode 100644
index 00000000..1cc1ba72
Binary files /dev/null and b/public/images/user/chapter13/chapter13_3.png differ
diff --git a/public/images/user/chapter13/chapter13_4.png b/public/images/user/chapter13/chapter13_4.png
new file mode 100644
index 00000000..337609b9
Binary files /dev/null and b/public/images/user/chapter13/chapter13_4.png differ
diff --git a/public/images/user/chapter13/chapter13_5.png b/public/images/user/chapter13/chapter13_5.png
new file mode 100644
index 00000000..8f8fcf34
Binary files /dev/null and b/public/images/user/chapter13/chapter13_5.png differ
diff --git a/public/images/user/chapter13/chapter13_6.png b/public/images/user/chapter13/chapter13_6.png
new file mode 100644
index 00000000..884a3ae8
Binary files /dev/null and b/public/images/user/chapter13/chapter13_6.png differ
diff --git a/public/images/user/chapter13/chapter13_7.png b/public/images/user/chapter13/chapter13_7.png
new file mode 100644
index 00000000..9745daac
Binary files /dev/null and b/public/images/user/chapter13/chapter13_7.png differ
diff --git a/public/images/user/chapter13/chapter13_8.png b/public/images/user/chapter13/chapter13_8.png
new file mode 100644
index 00000000..f2a07558
Binary files /dev/null and b/public/images/user/chapter13/chapter13_8.png differ
diff --git a/public/images/user/chapter13/chapter13_9.png b/public/images/user/chapter13/chapter13_9.png
new file mode 100644
index 00000000..010201ed
Binary files /dev/null and b/public/images/user/chapter13/chapter13_9.png differ
diff --git a/public/images/user/chapter14/chapter14_1.png b/public/images/user/chapter14/chapter14_1.png
new file mode 100644
index 00000000..febb283f
Binary files /dev/null and b/public/images/user/chapter14/chapter14_1.png differ
diff --git a/public/images/user/chapter14/chapter14_2.png b/public/images/user/chapter14/chapter14_2.png
new file mode 100644
index 00000000..b9be6630
Binary files /dev/null and b/public/images/user/chapter14/chapter14_2.png differ
diff --git a/public/images/user/chapter14/chapter14_3.png b/public/images/user/chapter14/chapter14_3.png
new file mode 100644
index 00000000..792416b0
Binary files /dev/null and b/public/images/user/chapter14/chapter14_3.png differ
diff --git a/public/images/user/chapter2/chapter2_1.png b/public/images/user/chapter2/chapter2_1.png
index 8b8c0bbd..f447d0ae 100644
Binary files a/public/images/user/chapter2/chapter2_1.png and b/public/images/user/chapter2/chapter2_1.png differ
diff --git a/public/images/user/chapter2/chapter2_2.png b/public/images/user/chapter2/chapter2_2.png
index b6d7224e..8b8c0bbd 100644
Binary files a/public/images/user/chapter2/chapter2_2.png and b/public/images/user/chapter2/chapter2_2.png differ
diff --git a/public/images/user/chapter2/chapter2_3.png b/public/images/user/chapter2/chapter2_3.png
index bf7fbee6..b6d7224e 100644
Binary files a/public/images/user/chapter2/chapter2_3.png and b/public/images/user/chapter2/chapter2_3.png differ
diff --git a/public/images/user/chapter2/chapter2_4.png b/public/images/user/chapter2/chapter2_4.png
index 1e8ed41b..bf7fbee6 100644
Binary files a/public/images/user/chapter2/chapter2_4.png and b/public/images/user/chapter2/chapter2_4.png differ
diff --git a/public/images/user/chapter2/chapter2_5.png b/public/images/user/chapter2/chapter2_5.png
index 97c07fc1..1e8ed41b 100644
Binary files a/public/images/user/chapter2/chapter2_5.png and b/public/images/user/chapter2/chapter2_5.png differ
diff --git a/public/images/user/chapter2/chapter2_6.png b/public/images/user/chapter2/chapter2_6.png
new file mode 100644
index 00000000..97c07fc1
Binary files /dev/null and b/public/images/user/chapter2/chapter2_6.png differ
diff --git a/public/images/user/chapter3/chapter3_1.png b/public/images/user/chapter3/chapter3_1.png
index 22e7b149..cd8e2603 100644
Binary files a/public/images/user/chapter3/chapter3_1.png and b/public/images/user/chapter3/chapter3_1.png differ
diff --git a/public/images/user/chapter3/chapter3_10.png b/public/images/user/chapter3/chapter3_10.png
index 7a5b897c..74041cfb 100644
Binary files a/public/images/user/chapter3/chapter3_10.png and b/public/images/user/chapter3/chapter3_10.png differ
diff --git a/public/images/user/chapter3/chapter3_12.png b/public/images/user/chapter3/chapter3_12.png
index 94df20b8..7a5e0e33 100644
Binary files a/public/images/user/chapter3/chapter3_12.png and b/public/images/user/chapter3/chapter3_12.png differ
diff --git a/public/images/user/chapter3/chapter3_15.png b/public/images/user/chapter3/chapter3_15.png
index 99a9bb89..7c9f87e3 100644
Binary files a/public/images/user/chapter3/chapter3_15.png and b/public/images/user/chapter3/chapter3_15.png differ
diff --git a/public/images/user/chapter3/chapter3_4.png b/public/images/user/chapter3/chapter3_4.png
index 4527833f..33d843e1 100644
Binary files a/public/images/user/chapter3/chapter3_4.png and b/public/images/user/chapter3/chapter3_4.png differ
diff --git a/public/images/user/chapter3/chapter3_5.png b/public/images/user/chapter3/chapter3_5.png
index 2e6248d9..af5ce08e 100644
Binary files a/public/images/user/chapter3/chapter3_5.png and b/public/images/user/chapter3/chapter3_5.png differ
diff --git a/public/images/user/chapter3/chapter3_6.png b/public/images/user/chapter3/chapter3_6.png
index 1aa1bd76..387e74b4 100644
Binary files a/public/images/user/chapter3/chapter3_6.png and b/public/images/user/chapter3/chapter3_6.png differ
diff --git a/public/images/user/chapter3/chapter3_7.png b/public/images/user/chapter3/chapter3_7.png
index 8ee3c4ad..6479a718 100644
Binary files a/public/images/user/chapter3/chapter3_7.png and b/public/images/user/chapter3/chapter3_7.png differ
diff --git a/public/images/user/chapter4/chapter4_1.png b/public/images/user/chapter4/chapter4_1.png
index bece44e1..81399ceb 100644
Binary files a/public/images/user/chapter4/chapter4_1.png and b/public/images/user/chapter4/chapter4_1.png differ
diff --git a/public/images/user/chapter5/chapter5_1.png b/public/images/user/chapter5/chapter5_1.png
index 16674dc1..dd3f3b07 100644
Binary files a/public/images/user/chapter5/chapter5_1.png and b/public/images/user/chapter5/chapter5_1.png differ
diff --git a/public/images/user/chapter5/chapter5_2.png b/public/images/user/chapter5/chapter5_2.png
index 0b90e53d..c6e28a10 100644
Binary files a/public/images/user/chapter5/chapter5_2.png and b/public/images/user/chapter5/chapter5_2.png differ
diff --git a/public/images/user/chapter5/chapter5_3.png b/public/images/user/chapter5/chapter5_3.png
new file mode 100644
index 00000000..f58c812d
Binary files /dev/null and b/public/images/user/chapter5/chapter5_3.png differ
diff --git a/public/images/user/chapter6/chapter6_1.png b/public/images/user/chapter6/chapter6_1.png
index ee606b0d..701e83ae 100644
Binary files a/public/images/user/chapter6/chapter6_1.png and b/public/images/user/chapter6/chapter6_1.png differ
diff --git a/public/images/user/chapter7/chapter7_1.png b/public/images/user/chapter7/chapter7_1.png
index 085a34b2..110d3326 100644
Binary files a/public/images/user/chapter7/chapter7_1.png and b/public/images/user/chapter7/chapter7_1.png differ
diff --git a/public/images/user/chapter7/chapter7_2.png b/public/images/user/chapter7/chapter7_2.png
index 7864bf60..4ffa90c0 100644
Binary files a/public/images/user/chapter7/chapter7_2.png and b/public/images/user/chapter7/chapter7_2.png differ
diff --git a/public/images/user/chapter7/chapter7_3.png b/public/images/user/chapter7/chapter7_3.png
index 0944df07..62945861 100644
Binary files a/public/images/user/chapter7/chapter7_3.png and b/public/images/user/chapter7/chapter7_3.png differ
diff --git a/public/images/user/chapter7/chapter7_4.png b/public/images/user/chapter7/chapter7_4.png
index 21ddef10..12790c83 100644
Binary files a/public/images/user/chapter7/chapter7_4.png and b/public/images/user/chapter7/chapter7_4.png differ
diff --git a/public/images/user/chapter7/chapter7_5.png b/public/images/user/chapter7/chapter7_5.png
new file mode 100644
index 00000000..e77f3307
Binary files /dev/null and b/public/images/user/chapter7/chapter7_5.png differ
diff --git a/public/images/user/chapter8/chapter8_1.png b/public/images/user/chapter8/chapter8_1.png
index aaacc252..86e3edd1 100644
Binary files a/public/images/user/chapter8/chapter8_1.png and b/public/images/user/chapter8/chapter8_1.png differ
diff --git a/public/images/user/chapter8/chapter8_15.png b/public/images/user/chapter8/chapter8_15.png
index 786e613b..3a7ada3a 100644
Binary files a/public/images/user/chapter8/chapter8_15.png and b/public/images/user/chapter8/chapter8_15.png differ
diff --git a/public/images/user/chapter9/chapter9_1.png b/public/images/user/chapter9/chapter9_1.png
index a1cef6cd..76872754 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 5f695e1b..e74a4bb4 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 f08b2d41..a1811471 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_2.png b/public/images/user/chapter9/chapter9_2.png
index 44209684..718b767a 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_3.png b/public/images/user/chapter9/chapter9_3.png
index f5c0a250..772b838b 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_4.png b/public/images/user/chapter9/chapter9_4.png
index 4d6208d9..a523b9e1 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_8.png b/public/images/user/chapter9/chapter9_8.png
index 75967d3e..f703ca3d 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 0d5cfafc..70441936 100644
Binary files a/public/images/user/chapter9/chapter9_9.png and b/public/images/user/chapter9/chapter9_9.png differ
diff --git a/public/toc.json b/public/toc.json
index 9e3a652d..9103e75b 100644
--- a/public/toc.json
+++ b/public/toc.json
@@ -1,167 +1,207 @@
-[
-  {
-    "icon": "mdi-home-variant-outline",
-    "activeIcon": "mdi-home-variant",
-    "label": "หน้าแรก",
-    "path": "/"
-  },
-  {
-    "icon": "mdi-file-outline",
-    "activeIcon": "mdi-file",
-    "label": "คู่มือการใช้งานระบบแอดมิน",
-    "children": [
-      {
-        "label": "การใช้งานผู้ดูแลระบบ",
-        "path": "/manual/chapter-1-superadmin-maintenance"
-      },
-      {
-        "label": "การใช้งานผู้ดูแลระบบระดับสูง",
-        "path": "/manual/chapter-2-superadmin-maintenance"
-      },
-      {
-
-        "label": "คู่มือการตรวจสอบและแก้ไข",
-        "path": "/manual/chapter-3-superadmin-debug"
-      },
-      {
-        "label": "คู่มือการจัดการระบบ",
-        "path": "/manual/chapter-4-superadmin-build-and-deploy"
-      }
-    ]
-  },
-  {
-    "icon": "mdi-file-outline",
-    "activeIcon": "mdi-file",
-    "label": "คู่มือการใช้งานระบบบริหารจัดการ",
-    "children": [
-      {
-        "label": "การเข้าสู่ระบบ",
-        "path": "/manual/chapter-1-admin-login"
-      },
-      {
-        "label": "ระบบข้อมูลการประเมิน",
-        "path": "/manual/chapter-2-admin-evaluate"
-      },
-      {
-        "label": "ระบบโครงสร้างอัตรากำลัง",
-        "path": "/manual/chapter-3-admin-organization"
-      },
-      {
-        "label": "ระบบรักษาการในตำแหน่ง",
-        "path": "/manual/chapter-4-admin-acting"
-      },
-      {
-        "label": "ระบบอัตรากำลังลูกจ้าง",
-        "path": "/manual/chapter-5-admin-position-employee"
-      },
-      {
-        "label": "ระบบทะเบียนประวัติ",
-        "path": "/manual/chapter-6-admin-registry"
-      },
-      {
-        "label": "ระบบทะเบียนประวัติลูกจ้าง",
-        "path": "/manual/chapter-7-admin-registry-employee"
-      },
-      {
-        "label": "ระบบออกคำสั่ง",
-        "path": "/manual/chapter-8-admin-order"
-      },
-      {
-        "label": "ระบบสรรหา",
-        "path": "/manual/chapter-9-admin-recruit"
-      },
-      {
-        "label": "ระบบบรรจุ",
-        "path": "/manual/chapter-10-admin-appointment"
-      },
-      {
-        "label": "ทดลองปฏิบัติหน้าที่ราชการ",
-        "path": "/manual/chapter-11-admin-probation"
-      },
-      {
-        "label": "ระบบพ้นจากราชการ",
-        "path": "/manual/chapter-12-admin-retirement"
-      },
-      {
-        "label": "ระบบเครื่องราช",
-        "path": "/manual/chapter-13-admin-insignia"
-      },
-      {
-        "label": "ระบบการลา",
-        "path": "/manual/chapter-14-admin-leave"
-      },
-      {
-        "label": "ระบบวินัย",
-        "path": "/manual/chapter-15-admin-discipline"
-      },
-      {
-        "label": "ระบบประเมินบุคคล",
-        "path": "/manual/chapter-16-admin-KPI"
-      },
-      {
-        "label": "ระบบเงินเดือนและค่าจ้าง",
-        "path": "/manual/chapter-17-admin-salary"
-      },
-      {
-        "label": "ระบบประเมินผลการปฎิบัติ",
-        "path": "/manual/chapter-18-admin-perf-evaluation"
-      },
-      {
-        "label": "ระบบพัฒนา",
-        "path": "/manual/chapter-19-admin-development"
-      }
-    ]
-  },
-  {
-    "icon": "mdi-file-outline",
-    "activeIcon": "mdi-file",
-    "label": "คู่มือการใช้งานระบบให้บริการเจ้าของข้อมูล",
-    "children": [
-      {
-        "label": "ระบบแผนผังองค์กร",
-        "path": "/manual/chapter-1-user-organization-chart"
-      },
-      {
-        "label": "ระบบทะเบียนประวัติ",
-        "path": "/manual/chapter-2-user-registry"
-      },
-      {
-        "label": "ระบบประเมินบุคคล",
-        "path": "/manual/chapter-3-user-evaluate"
-      },
-      {
-        "label": "ระบบการลา",
-        "path": "/manual/chapter-4-user-leave"
-      },
-      {
-        "label": "ระบบผลงาน",
-        "path": "/manual/chapter-5-user-portfolio"
-      },
-      {
-        "label": "ระบบขอโอน",
-        "path": "/manual/chapter-6-user-transfer"
-      },
-      {
-        "label": "ระบบอุทธรณ์ร้องทุกข์",
-        "path": "/manual/chapter-7-user-appeal-complain"
-      },
-      {
-        "label": "ระบบผู้ขอรับประเมิน (KPI)",
-        "path": "/manual/chapter-8-user-KPI"
-      },
-      {
-        "label": "ระบบผู้ประเมิน (KPI)",
-        "path": "/manual/chapter-9-user-KPI-evaluator"
-      },
-      {
-        "label": "ระบบทุนการศึกษา/ฝึกอบรม",
-        "path": "/manual/chapter-10-user-scholarship"
-      },
-      {
-        "label": "ระบบลาออก",
-        "path": "/manual/chapter-11-user-retire"
-      }
-    ]
-  }
+[{
+        "icon": "mdi-home-variant-outline",
+        "activeIcon": "mdi-home-variant",
+        "label": "หน้าแรก",
+        "path": "/"
+    },
+    {
+        "icon": "mdi-file-outline",
+        "activeIcon": "mdi-file",
+        "label": "คู่มือการใช้งานระบบแอดมิน",
+        "children": [
+            {
+                "label": "การใช้งานผู้ดูแลระบบ",
+                "path": "/manual/chapter-1-superadmin-maintenance"
+            },
+            {
+                "label": "การใช้งานผู้ดูแลระบบระดับสูง",
+                "path": "/manual/chapter-2-superadmin-maintenance"
+            },
+            {
 
+                "label": "คู่มือการตรวจสอบและแก้ไข",
+                "path": "/manual/chapter-3-superadmin-debug"
+            },
+            {
+                "label": "คู่มือการจัดการระบบ",
+                "path": "/manual/chapter-4-superadmin-build-and-deploy"
+            }
+        ]
+    },
+    {
+        "icon": "mdi-file-outline",
+        "activeIcon": "mdi-file",
+        "label": "คู่มือการใช้งานระบบบริหารจัดการ",
+        "children": [{
+                "label": "การเข้าสู่ระบบ",
+                "path": "/manual/chapter-1-admin-login"
+            },
+            {
+                "label": "ระบบข้อมูลการประเมิน",
+                "path": "/manual/chapter-2-admin-evaluate"
+            },
+            {
+                "label": "ระบบโครงสร้างอัตรากำลัง",
+                "path": "/manual/chapter-3-admin-organization"
+            },
+            {
+                "label": "ระบบรักษาการในตำแหน่ง",
+                "path": "/manual/chapter-4-admin-acting"
+            },
+            {
+                "label": "ระบบอัตรากำลังลูกจ้าง",
+                "path": "/manual/chapter-5-admin-position-employee"
+            },
+            {
+                "label": "ระบบทะเบียนประวัติ",
+                "path": "/manual/chapter-6-admin-registry"
+            },
+            {
+                "label": "ระบบทะเบียนประวัติลูกจ้าง",
+                "path": "/manual/chapter-7-admin-registry-employee"
+            },
+            {
+                "label": "ระบบออกคำสั่ง",
+                "path": "/manual/chapter-8-admin-order"
+            },
+            {
+                "label": "ระบบสรรหา",
+                "path": "/manual/chapter-9-admin-recruit"
+            },
+            {
+                "label": "ระบบบรรจุ",
+                "path": "/manual/chapter-10-admin-appointment"
+            },
+            {
+                "label": "ทดลองปฏิบัติหน้าที่ราชการ",
+                "path": "/manual/chapter-11-admin-probation"
+            },
+            {
+                "label": "ระบบพ้นจากราชการ",
+                "path": "/manual/chapter-12-admin-retirement"
+            },
+            {
+                "label": "ระบบเครื่องราช",
+                "path": "/manual/chapter-13-admin-insignia"
+            },
+            {
+                "label": "ระบบการลา",
+                "path": "/manual/chapter-14-admin-leave"
+            },
+            {
+                "label": "ระบบวินัย",
+                "path": "/manual/chapter-15-admin-discipline"
+            },
+            {
+                "label": "ระบบประเมินบุคคล",
+                "path": "/manual/chapter-16-admin-KPI"
+            },
+            {
+                "label": "ระบบเงินเดือนและค่าจ้าง",
+                "path": "/manual/chapter-17-admin-salary"
+            },
+            {
+                "label": "ระบบประเมินผลการปฎิบัติ",
+                "path": "/manual/chapter-18-admin-perf-evaluation"
+            },
+            {
+                "label": "ระบบพัฒนา",
+                "path": "/manual/chapter-19-admin-development"
+            }
+        ]
+    },
+    {
+        "icon": "mdi-file-outline",
+        "activeIcon": "mdi-file",
+        "label": "คู่มือการใช้งานระบบข้าราชการกรุงเทพหานครสามัญ",
+        "children": [{
+                "label": "ระบบแผนผังองค์กร",
+                "path": "/manual/chapter-1-user-organization-chart"
+            },
+            {
+                "label": "ระบบทะเบียนประวัติ",
+                "path": "/manual/chapter-2-user-registry"
+            },
+            {
+                "label": "ระบบประเมินบุคคล",
+                "path": "/manual/chapter-3-user-evaluate"
+            },
+            {
+                "label": "ระบบการลา",
+                "path": "/manual/chapter-4-user-leave"
+            },
+            {
+                "label": "ระบบผลงาน",
+                "path": "/manual/chapter-5-user-portfolio"
+            },
+            {
+                "label": "ระบบขอโอน",
+                "path": "/manual/chapter-6-user-transfer"
+            },
+            {
+                "label": "ระบบอุทธรณ์ร้องทุกข์",
+                "path": "/manual/chapter-7-user-appeal-complain"
+            },
+            {
+                "label": "ระบบผู้ขอรับประเมิน (KPI)",
+                "path": "/manual/chapter-8-user-KPI"
+            },
+            {
+                "label": "ระบบผู้ประเมิน (KPI)",
+                "path": "/manual/chapter-9-user-KPI-evaluator"
+            },
+            {
+                "label": "ระบบทุนการศึกษา/ฝึกอบรม",
+                "path": "/manual/chapter-10-user-scholarship"
+            },
+            {
+                "label": "ระบบการพัฒนารายบุคคล",
+                "path": "/manual/chapter-11-user-Individual-development"
+            },
+            {
+                "label": "ระบบลาออก",
+                "path": "/manual/chapter-12-user-retire"
+            },
+            {
+                "label": "ระบบบันทึกการลงเวลาปฏิบัติงาน",
+                "path": "/manual/chapter-13-user-worktimerecord"
+            },
+            {
+                "label": "ระบบทุนการศึกษา/ฝึกอบรม",
+                "path": "/manual/chapter-14-user-service-testing"
+            }
+        ]
+    }, {
+        "icon": "mdi-file-outline",
+        "activeIcon": "mdi-file",
+        "label": "คู่มือการใช้งานระบบลูกจ้างประจำกรุงเทพมหานคร",
+        "children": [{
+                "label": "ระบบแผนผังองค์กร",
+                "path": "/manual/chapter-1-user-organization-chart"
+            },
+            {
+                "label": "ระบบทะเบียนประวัติ",
+                "path": "/manual/chapter-2-user-registry"
+            }, {
+                "label": "ระบบการลา",
+                "path": "/manual/chapter-4-user-leave"
+            },
+            {
+                "label": "ระบบลงเวลา (ยังไม่ได้ทำ)",
+                "path": "/manual/chapter-5-user-portfolio"
+            },
+            {
+                "label": "ระบบอุทธรณ์ร้องทุกข์",
+                "path": "/manual/chapter-7-user-appeal-complain"
+            },
+            {
+                "label": "ระบบลาออก",
+                "path": "/manual/chapter-12-user-retire"
+            },
+            {
+                "label": "ระบบบันทึกการลงเวลาปฏิบัติงาน",
+                "path": "/manual/chapter-13-user-worktimerecord"
+            }
+        ]
+    }
 ]
\ No newline at end of file
diff --git a/src/modules/01_manual/MainPage.vue b/src/modules/01_manual/MainPage.vue
index cb9b931b..58554e1e 100644
--- a/src/modules/01_manual/MainPage.vue
+++ b/src/modules/01_manual/MainPage.vue
@@ -80,7 +80,7 @@ onMounted(async () => {
 
       text.value = await res.text();
       found.value = true;
-      chapter.value = +match[1] - 1;
+      chapter.value = +match[1] - 1 ;
       parsed.value = md.parse(text.value, {});
     }
   }