diff --git a/public/chapter-4-admin-organization.md b/public/chapter-4-admin-organization.md index ec1a8501..96bfbb81 100644 --- a/public/chapter-4-admin-organization.md +++ b/public/chapter-4-admin-organization.md @@ -23,12 +23,37 @@ > หมายเลข 17 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อย ดูรายละเอียด ### การดูรายละเอียดหน่วยงาน +- การดูรายละเอียดหน่วยงานให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังชื่อหน่วยงานในหน้า "โครงสร้างอัตรากำลัง" เมนูปัจจุบัน ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-position](images/button/detail-position.png) ระบบแสดงหน้าต่าง "รายละเอียดโครงสร้าง" หากต้องการปิดหน้าต่างการดูรายละเอียดหน่วยงานให้ทำการคลิก![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างรายละเอียดหน่วยงานทันที + + +![รูปภาพที่ 4 – 2 รายละเอียดหน่วยงาน](images/chapter4/chapter4_2.png#center) + +### การดูรายละเอียดส่วนราชการ +- การดูรายละเอียดส่วนราชการให้ทำการเลือกส่วนราชการที่ต้องการและทำการคลิก![dot-grey](images/button/dot-grey.png) หลังชื่อส่วนราชการ "โครงสร้างอัตรากำลัง" เมนูปัจจุบัน ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-position](images/button/detail-position.png) ระบบแสดงหน้าต่าง "รายละเอียดโครงสร้าง" หากต้องการปิดหน้าต่างการดูรายละเอียดส่วนราชการให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างรายละเอียดส่วนราชการทันที + +![รูปภาพที่ 4 – 3 รายละเอียดส่วนราชการ](images/chapter4/chapter4_3.png#center) + + +### การดูประวัติตำแหน่ง +- การดูประวัติการสืบทอดตำแหน่งโครงสร้างอัตรากำลัง เมนูปัจจุบัน ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูปัจจุบัน ระบบแสดงเมนูย่อย ทำการคลิกเมนู![history-position](images/button/history-position.png) ระบบแสดงหน้าต่าง "ประวัติตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูประวัติตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างประวัติตำแหน่งทันที + + +![รูปภาพที่ 4 – 4 ประวัติตำแหน่ง](images/chapter4/chapter4_4.png#center) + + +### การดูรายละเอียดตำแหน่ง +- การดูรายละเอียดข้อมูลตำแหน่งและรายชื่อคนครองให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งที่มีคนครองเท่านั้นในหน้า "โครงสร้างอัตรากำลัง" เมนูปัจจุบัน ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-position](images/button/detail-position.png) ระบบแสดงหน้าต่าง "รายละเอียดตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูรายละเอียดตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างรายละเอียดตำแหน่งทันที + + +![รูปภาพที่ 4 – 5 รายละเอียดตำแหน่ง](images/chapter4/chapter4_5.png#center) + + ## เมนูแบบร่าง - การแสดงโครงสร้างอัตรากำลังเมนูแบบร่างเป็นการแสดงโครงสร้างหลังจากการทำการเพิ่มโครงสร้างโดยสามารถเพิ่ม ลบ แก้ไข โครงสร้างหน่วยงานหรือส่วนราชการ -![รูปภาพที่ 4 – 2 เมนูแบบร่างโครงสร้างอัตรากำลัง](images/chapter4/chapter4_2.png#center) +![รูปภาพที่ 4 – 6 เมนูแบบร่างโครงสร้างอัตรากำลัง](images/chapter4/chapter4_6.png#center) > หมายเลข 1 เมนูปันจุบันที่ได้แสดงหลังจากที่เมนูแบบร่างได้ทำการเผยแพร่ > หมายเลข 2 เมนูแบบร่างที่ไว้ใช้สำหรับทำการสร้างหน่วยงานหรือส่วนราชการ @@ -58,7 +83,7 @@ - หากต้องการเพิ่มหน่วยงานที่ต้องการให้ทำการใช้เมาส์คลิก ![plus-green](images/button/plus-green.png)ด้านล่างของเมนูปัจจุบันและแบบร่างระบบแสดงหน้าต่าง “เพิ่มหน่วยงาน” ทำการกรอกข้อมูลหน่วยงานในส่วนที่สำคัญ จากนั้นทำการคลิก ![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลระบบแสดงหน่วยงานที่ได้ทำการสร้างหรือหากต้องการปิดหน้าต่างหรือยกเลิกการสร้างหน่วยงานให้ทำการคลิก ![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มหน่วยงานทันที -![รูปภาพที่ 4 – 3 เพิ่มหน่วยงาน](images/chapter4/chapter4_3.png#center) +![รูปภาพที่ 4 – 7 เพิ่มหน่วยงาน](images/chapter4/chapter4_7.png#center) > หมายเลข 1 ช่องสำหรับกรอกชื่อหน่วยงาน > หมายเลข 2 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายนอกของหน่วยงาน @@ -71,11 +96,35 @@ > หมายเลข 9 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายใน > หมายเลข 10 ช่องสำหรับกรอกหมายเลขโทรสาร +### การแก้ไขหน่วยงาน +- การแก้ไขข้อมูลหน่วยงานของโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)หลังรายชื่อหน่วยงานในหน้า"โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![edit-agency](images/button/edit-agency.png)ระบบแสดงหน้าต่าง "แก้ไขหน่วยงาน" ให้ทำการแก้ไขในส่วนที่ต้องการ หากทำการแก้ไขข้อมูลเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลที่ได้ทำการแก้ไข ระบบแสดงข้อมูลแก้ไขในโครงสร้างหน่วยงานทันที หรือ หากต้องการยกเลิกหรือปิดหน้าต่างแก้ไขข้อมูลหน่วยงาน ให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างแก้ไขหน่วยงานทันที + + +### การลบหน่วยงาน +- การลบหน่วยงานในโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังรายชื่อหน่วยงานในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู ![delete-agency](images/button/delete-agency.png) ระบบแสดงหน้าต่างยืนยันการลบหน่วยงานโคงสร้างอัตรากำลัง ให้ทำการยืนยันการลบหน่วยงาน ระบบทำการลบหน่วยงานโครงสร้างอัตรากำลังทันทีหรือ หากต้องการยกเลิกหรือปิดยืนยันการลบหน่วยงาน ให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการลบหน่วยงานทันที + +### การดูประวัติหน่วยงาน +- การดูประวัติหน่วยงานโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตหน่วยงานในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![history-agency](images/button/history-agency.png) ระบบแสดงหน้าต่าง "ประวัติหน่วยงาน" หากต้องการปิดหน้าต่างหรือยกเลิกการดูประวัติหน่วยงานให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างประวัติหน่วยงานทันที + + +![รูปภาพที่ 4 – 8 ประวัติหน่วยงาน](images/chapter4/chapter4_8.png#center) + + + +### การดูรายละเอียดหน่วยงาน +- การดูรายละเอียดหน่วยงานให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังชื่อหน่วยงานในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-img](images/button/detail-img.png) ระบบแสดงหน้าต่าง "รายละเอียดโครงสร้าง" หากต้องการปิดหน้าต่างการดูรายละเอียดหน่วยงานให้ทำการคลิก![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างรายละเอียดหน่วยงานทันที + + +![รูปภาพที่ 4 – 9 รายละเอียดหน่วยงาน](images/chapter4/chapter4_9.png#center) + + + + ### การเพิ่มส่วนราชการ - หากต้องการเพิ่มส่วนราชการที่ต้องการให้ทำการใช้เมาส์คลิก ด้านหลังชื่อหน่วยงานที่ต้องการและทำการใช้เมาส์คลิกเมนู![add-organization](images/button/add-organization.png) ระบบแสดงหน้าต่าง “เพิ่มส่วนราชการ” ทำการกรอกข้อมูลหน่วยงานในส่วนที่สำคัญ จากนั้นทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล ระบบแสดงส่วนราชการที่ได้ทำการสร้าง สามารถสร้างส่วนราชการได้ย่อยได้มากถึง 4 ส่วนราชการ หรือหากต้องการปิดหน้าต่างหรือยกเลิกการสร้างส่วนราชการให้ทำการคลิก ![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มส่วนราชการทันที -![รูปภาพที่ 4 – 4 เพิ่มส่วนราชการ](images/chapter4/chapter4_4.png#center) +![รูปภาพที่ 4 – 10 เพิ่มส่วนราชการ](images/chapter4/chapter4_10.png#center) > หมายเลข 1 ช่องสำหรับกรอกหมายเลขโทรศัพท์ที่ติดต่อจากภายนอกของส่วนราชการ @@ -89,14 +138,36 @@ > หมายเลข 9 ไอคอนสำหรับคลิกเพื่อบันทึกการสร้างหน่วยงาน > หมายเลข 10 ช่องสำหรับกรอกหน้าที่ความรับผิดชอบของส่วนราชการ -![รูปภาพที่ 4 – 5 การเพิ่มส่วนราชการในส่วนราชการ](images/chapter4/chapter4_5.png#center) +![รูปภาพที่ 4 – 11 การเพิ่มส่วนราชการในส่วนราชการ](images/chapter4/chapter4_11.png#center) + + +### การแก้ไขส่วนราชการ +- การแก้ไขข้อมูลส่วนราชการของโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)หลังรายชื่อส่วนราชการในหน้า"โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![edit-gove](images/button/edit-gove.png)ระบบแสดงหน้าต่าง "แก้ไขส่วนราชการ" ให้ทำการแก้ไขในส่วนที่ต้องการ หากทำการแก้ไขข้อมูลเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลที่ได้ทำการแก้ไข ระบบแสดงข้อมูลแก้ไขในโครงสร้างส่วนราชการทันที หรือ หากต้องการยกเลิกหรือปิดหน้าต่างแก้ไขข้อมูลส่วนราชการให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างแก้ไขส่วนราชการทันที + +### การลบส่วนราชการ +- การลบส่วนราชการในโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังรายชื่อส่วนราชการในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู ![delete-gove](images/button/delete-gove.png) ระบบแสดงหน้าต่างยืนยันการลบส่วนราชการโคงสร้างอัตรากำลัง ให้ทำการยืนยันการลบส่วนราชการ ระบบทำการลบส่วนราชการโครงสร้างอัตรากำลังทันทีหรือ หากต้องการยกเลิกหรือปิดยืนยันการลบส่วนราชการ ให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการลบส่วนราชการทันที + + +### การดูประวัติส่วนราชการ +- การดูประวัติส่วนราชการโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังชื่อส่วนราชการในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![history-gove](images/button/history-gove.png) ระบบแสดงหน้าต่าง "ประวัติส่วนราชการ" หากต้องการปิดหน้าต่างหรือยกเลิกการดูประวัติส่วนราชการให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างประวัติส่วนราชการทันที + + +![รูปภาพที่ 4 – 12 ประวัติส่วนราชการ](images/chapter4/chapter4_12.png#center) + + +### การดูรายละเอียดส่วนราชการ +- การดูรายละเอียดส่วนราชการให้ทำการใช้เมาส์คลิก ![dot-grey](images/button/dot-grey.png) หลังชื่อส่วนราชการในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-img](images/button/detail-img.png) ระบบแสดงหน้าต่าง "รายละเอียดโครงสร้าง" หากต้องการปิดหน้าต่างการดูรายละเอียดส่วนราชการให้ทำการคลิก![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างรายละเอียดส่วนราชการทันที + + +![รูปภาพที่ 4 – 13 รายละเอียดส่วนราชการ](images/chapter4/chapter4_13.png#center) + ### การจัดลำดับหน่วยงาน - การจัดลำดับหน่วยงานให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยโดยให้ทำการใช้เมาส์คลิกเมนู![Arrange-departments](images/button/Arrange-departments.png)ระบบแสดงหน้าต่าง "จัดลำดับหน่วยงาน"การจัดลำดับหน่วยงานจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรีบงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเลื่อนย้าย หากทำการคลิกค้างรายการหน่วยงานเสร็จสิ้นแล้ว ให้ทำการดึงรายการหน่วยงานขึ้นหรือลง โดยที่รายการหน่วยงานที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับหน่วยงานเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูลการจัดลำดับหน่วยงาน ระบบแสดงรายการหน่วยงานตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับหน่วยงานให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับหน่วยงานทันที -![รูปภาพที่ 4 – 6 จัดลำดับหน่วยงาน](images/chapter4/chapter4_6.png#center) +![รูปภาพที่ 4 – 14 จัดลำดับหน่วยงาน](images/chapter4/chapter4_14.png#center) > หมายเลข 1 รายการหน่วยงานสำหรับคลิกค้างเพื่อลากขึ้นหรือลากลงสำหรับการจัดลำดับหน่วยงาน > หมายเลข 2 ช่องสำหรับแสดงรายการของหน่วยงาน @@ -107,7 +178,7 @@ - การจัดลำดับส่วนราขการให้ทำการใช้เมาส์คลิก![dropdown-right](images/button/dropdown-right.png)รายการหน่วยงานที่ต้องการ ระบบแสดงรายการส่วนราชการให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยโดยให้ทำการใช้เมาส์คลิกเมนู![government-agencies](images/button/government-agencies.png)ระบบแสดงหน้าต่าง "จัดลำดับส่วนราชการ"การจัดลำดับส่วนราขการจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรีบงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเลื่อนย้าย หากทำการคลิกค้างรายการส่วนราขการเสร็จสิ้นแล้ว ให้ทำการดึงรายการส่วนราขการขึ้นหรือลง โดยที่รายการส่วนราขการที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับส่วนราขการเสร็จสิ้น ให้ทำการคลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูลการจัดลำดับส่วนราขการ ระบบแสดงรายการส่วนราขการตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับส่วนราขการให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับส่วนราขการทันที -![รูปภาพที่ 4 – 7 จัดลำดับส่วนราชการ](images/chapter4/chapter4_7.png#center) +![รูปภาพที่ 4 – 15 จัดลำดับส่วนราชการ](images/chapter4/chapter4_15.png#center) > หมายเลข 1 ช่องสำหรับแสดงรายการของส่วนราชการ > หมายเลข 2 รายการส่วนราชการสำหรับคลิกค้างเพื่อลากขึ้นหรือลากลงสำหรับการจัดลำดับส่วนราชการ @@ -120,7 +191,7 @@ - หากทำการคลิกเลือกหน่วยงานที่ต้องการเพิ่มข้อมูลตำแหน่งเสร็จสิ้น ให้ทำการใช้เมาส์คลิก ![plus-green](images/button/plus-green.png) ระบบแสดงหน้าต่าง "เพิ่มอัตรากำลัง" ทำการกรอกข้อมูลอัตรากำลังในส่วนที่สำคัญ จากนั้นทำการคลิก![add-position](images/button/add-position.png) ระบบแสดงหน้าต่าง "เลือกตำแหน่งที่ต้องการเพิ่ม" จากนั้นคลิกช่องหมายเลข 8 เพื่อเลือกค้นหาข้อมูลตำแหน่งจาก จากนั้นทำการกรอกข้อมูลค้นหาตำแหน่งลงในช่องหมายเลข 9 จากนั้นทำการคลิก ![search](images/button/search.png) ระบบแสดงรายการตำแหน่งที่ทำการค้นหา ให้ทำการใช้เมาส์คลิกเลือกรายการตำแหน่งที่ต้องการ หากทำการคลิกเลือก รายการตำแหน่งจะแสดงช่องหมายเลขที่ 13 หากทำการเพิ่มข้อมูลอัตรากำลังเสร็จสิ้นให้ทำการใช้เมาส์คลิก![save-blue](images/button/save-blue.png) และยืนยันการบันทึกข้อมูล ระบบแสดงรายการตำแหน่งโดยสถานะคนครองแสดง "ว่าง" หรือหากต้องการปิดหน้าต่างหรือยกเลิกการเพิ่มข้อมูลอัตรากำลังให้ทำการคลิก![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเพิ่มอัตรากำลังทันที -![รูปภาพที่ 4 – 8 เพิ่มข้อมูลอัตรากำลัง](images/chapter4/chapter4_8.png#center) +![รูปภาพที่ 4 – 16 เพิ่มข้อมูลอัตรากำลัง](images/chapter4/chapter4_16.png#center) >หมายเลข 1 ช่องสำหรับแสดงอักษรย่อหน่วยงานที่ทำการเพิ่มข้อมูลอัตรากำลัง >หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอก Prefix เลขที่ตำแหน่ง @@ -146,7 +217,7 @@ - การจัดลำดับตำแหน่งให้ทำการเลือก![change-list](images/button/change-list.png)ระบบแสดงหน้าต่าง "จัดลำดับตำแหน่ง" การจัดลำดับตำแหน่งจะเป็นการจัดลำดับขึ้น-ลง เพื่อจัดเรียงลำดับตามที่ต้องการ โดยทำการใช้เมาส์คลิกค้างในรายการที่ต้องการเคลื่อนย้าย หากทำการคลิกค้างรายการตำแหน่งเสร็จสิ้นแล้ว ให้ทำการดึงรายการตำแหน่งขึ้นหรือลง โดยที่รายการตำแหน่งที่ทำการคลิกค้างไว้จะเลื่อนตามที่ได้ทำการลากขึ้นหรือลากลง หากทำการจัดลำดับตำแหน่งเสร็จสิ้น ให้ทำการคลิก ![save-blue](images/button/save-blue.png)และยืนยันการบันทึกข้อมูลการจ้ดลำดับตำแหน่ง ระบบแสดงรายการตำแหน่งตามที่ได้จัดลำดับ หรือหากต้องการยกเลิกการจัดลำดับตำแหน่งให้ทำการใช้เมาส์คลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างจัดลำดับตำแหน่งทันที -![รูปภาพที่ 4 – 9 จัดลำดับตำแหน่ง](images/chapter4/chapter4_9.png#center) +![รูปภาพที่ 4 – 17 จัดลำดับตำแหน่ง](images/chapter4/chapter4_17.png#center) >หมายเลข 1 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างหรือยกเลิกการจัดลำดับตำแหน่ง @@ -159,7 +230,7 @@ - การย้ายตำแหน่ง โดยจะเป็นการย้ายตำแหน่งงานไปยังหน่วยงาน/ส่วนราชการอื่นที่ได้ทำการคลิกเลือก โดยการย้ายตำแหน่งให้ทำการใช้เมาส์คลิก ![change-position](images/button/change-position.png)ระบบแสดงหน้าต่าง "ย้ายตำแหน่งจากหน่วยงาน/ส่วนราชการปัจจุบัน สำนักงานคณะกรรมการข้าราขการกรุงเทพมหานคร" ให้ทำการคลิก Check Box ในรายการตำแหน่งที่ต้องการย้าย จากนั้นให้ทำการคลิกเลือกหน่วยงาน/ส่วนราชการปลายทาง หากทำการคลิกเลือกตำแหน่งและหน่วยงานปลายทางเสร็จสิ้น ให้ทำการคลิก![confirm-changeposition](images/button/confirm-changeposition.png)ระบบทำการย้ายตำแหน่งไปยังหน่วยงาน/ส่วนราชการที่ได้ทำการคลิกเลือกทันที -![รูปภาพที่ 4 – 10 ย้ายตำแหน่งหน่วยงาน](images/chapter4/chapter4_10.png#center) +![รูปภาพที่ 4 – 18 ย้ายตำแหน่งหน่วยงาน](images/chapter4/chapter4_18.png#center) >หมายเลข 1 ช่องสำหรับแสดงรายการตำแหน่งของหน่วยงาน/ส่วนราชการปัจจุบันที่มีทั้งหมด >หมายเลข 2 ช่อง Check Box สำหรับคลิกเพื่อเลือกตำแหน่งปัจจุบันที่ต้องการย้ายไปหน่วยงาน/ส่วนราชการปลายทาง โดยสามารถคลิกเลือกได้หลายตำแหน่ง @@ -175,7 +246,7 @@ - การดาวน์โหลดบัญชีจะแสดงดาวน์โหลดออกมาในรูปแบบตาราง Excel ให้ทำการใช้เมาส์คลิก![dowload-account](images/button/dowload-account.png)ระบบแสดงเมนูย่อยโดยมีบัญชี 1 บัญชี 2 และ บัญชี 3 ให้ทำการใช้เมาส์คลิกบัญชีที่ต้องการดาวน์โหลด -![รูปภาพที่ 4 – 11 ดาวน์โหลดบัญชี](images/chapter4/chapter4_11.png#center) +![รูปภาพที่ 4 – 19 ดาวน์โหลดบัญชี](images/chapter4/chapter4_19.png#center) >หมายเลข 1 ไอคอนสำหรับคลิกเพื่อแสดงเมนูย่อยการดาวน์โหลดบัญชี >หมายเลข 2 ช่องสำหรับเลือกดาวน์โหลดบัญชี @@ -185,7 +256,7 @@ - ในส่วนของการเลือกคนครองตำแหน่ง สามารถทำการเลือกคนครองในสถานะคนครองที่แสดง "ว่าง" โดยให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png)ระบบแสดงเมนูย่อยให้ทำการคลิกเลือกเมนู![use-position](images/button/use-position.png)ระบบแสดงหน้าต่าง "เลือกคนครอง" และแสดงรายละเอียดตำแหน่ง โดยสามารถทำการค้นหารายชื่อคนครองด้วยชื่อ-นามสกุลหรือเลขบัตรประชาชน ตำแหน่งในสายงาน กลุ่มงาน ประเภทตำแหน่ง และระดับตำแหน่ง หากทำการค้นหารายชื่อได้เสร็จสิ้นแล้ว ให้ทำการคลิกเลือกรายชื่อที่ต้องการ หากทำการคลิกเลือกรายชื่อคนครองเสร็จสิ้น ให้ทำการคลิก![confirm-blue](images/button/confirm-blue.png)และยืนยันการบันทึกข้อมูลระบบแสดงรายชื่อคนครองในรายการตำแหน่งทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการเลือกรายชื่อคนครองให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างเลือกคนครองทันที -![รูปภาพที่ 4 – 12 ดาวน์โหลดบัญชี](images/chapter4/chapter4_12.png#center) +![รูปภาพที่ 4 – 20 ดาวน์โหลดบัญชี](images/chapter4/chapter4_20.png#center) >หมายเลข 1 ช่องสำหรับแสดงรายการตำแหน่งที่จะทำการเลือกรายชื่อคนครอง >หมายเลข 2 ช่องสำหรับคลิกเพื่อกรอกตำแหน่งในสายงานเพื่อค้นหาตำแหน่งที่ต้องการแต่งตั้งคนครองตำแหน่ง @@ -219,14 +290,106 @@ ### การสืบทอดตำแหน่ง - การสืบทอดตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![succession](images/button/succession.png) ระบบแสดงหน้าต่าง "เลือกตำแหน่งที่ต้องการสืบทอดจากโครงสร้างปัจจุบัน" ให้ทำการคลิกเลือกหน่วยงานหรือส่วนราชการที่ต้องการ หลังจากคลิกเลือกหน่วยงานหรือส่วนราชการ ระบบแสดงรายการตำแหน่งที่ต้องการให้สืบทอดตำแหน่ง จากนั้นให้ทำการคลิก Check Box ในรายการตำแหน่งที่ต้องการสืบทอด หากทำการคลิกเลือกตำแหน่งที่ต้องการจะสืบทอดเสร็จสิ้น ให้ทำการคลิก![confirm-change-position](images/button/confirm-change-position.png) และยืนยันการสืบทอดตำแหน่ง ระบบบันทึกการสืบทอดตำแหน่งทันที หรือหากต้องการปิดหน้าต่างหรือยกเลิกการสืบทอดตำแหน่งให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างการสืบทอดตำแหน่งทันที -![รูปภาพที่ 4 – 13 สืบทอดตำแหน่ง](images/chapter4/chapter4_13.png#center) +![รูปภาพที่ 4 – 21 สืบทอดตำแหน่ง](images/chapter4/chapter4_21.png#center) ### การดูประวัติตำแหน่ง - การดูประวัติการสืบทอดตำแหน่งโครงสร้างอัตรากำลัง เมนูแบบร่าง ให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![history-position](images/button/history-position.png) ระบบแสดงหน้าต่าง "ประวัติตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูประวัติตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างประวัติตำแหน่งทันที -![รูปภาพที่ 4 – 14 ประวัติตำแหน่ง](images/chapter4/chapter4_14.png#center) +![รูปภาพที่ 4 – 22 ประวัติตำแหน่ง](images/chapter4/chapter4_22.png#center) ### การดูรายละเอียดตำแหน่ง - การดูรายละเอียดข้อมูลตำแหน่งและรายชื่อคนครองให้ทำการใช้เมาส์คลิก![dot-grey](images/button/dot-grey.png) หลังรายชื่อตำแหน่งที่มีคนครองเท่านั้นในหน้า "โครงสร้างอัตรากำลัง" เมนูแบบร่าง ระบบแสดงเมนูย่อย ทำการคลิกเมนู![detail-position](images/button/detail-position.png) ระบบแสดงหน้าต่าง "รายละเอียดตำแหน่ง" หากต้องการปิดหน้าต่างหรือยกเลิกการดูรายละเอียดตำแหน่งให้ทำการคลิก![close-popup](images/button/close-popup.png) ระบบทำการปิดหน้าต่างรายละเอียดตำแหน่งทันที -![รูปภาพที่ 4 – 15 รายละเอียดตำแหน่ง](images/chapter4/chapter4_15.png#center) +![รูปภาพที่ 4 – 23 รายละเอียดตำแหน่ง](images/chapter4/chapter4_23.png#center) + + +## การเพิ่มโครงสร้าง + +### การสร้างใหม่ +- การเพิ่มโครงสร้างเมนูสร้างใหมให้ทำการใช้เมาส์คลิก ![create-organization](images/button/create-organization.png)ระบบแสดงเมนูย่อย ทำการคลิกเมนู![create-or-new](images/button/create-or-new.png)ระบบแสดงหน้าต่าง "เพิ่มโครงสร้าง" จากนั้นทำการกรอกข้อมูลในส่วนที่สำคัญ หากทำการกรอกข้อมูลการเพิ่มโครงสร้างเสร็จสิ้น ให้ทำการใช้เมาส์คลิก![save-confirm](images/button/save-confirm.png)และยืนยันการบันทึกข้อมูล ระบบทำการสร้างโครงสร้างใหม่ทันทีโดยโครงสร้างใหม่จะอยู่ที่เมนูแบบร่าง หากต้องการยกเลิกหรือปิดหน้าต่างการเพิ่มโครงสร้างให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการเพ่ิมโครงสร้างทันที + + +![รูปภาพที่ 4 – 24 การสร้างใหม่](images/chapter4/chapter4_24.png#center) + + +>หมายเลข 1 ช่องสำหรับกรอกชื่อโครงสร้าง +>หมายเลข 2 ช่องสำหรับแสดงประเภทการโคลนที่ได้ทำการเลือกเพิ่มโครงสร้าง +>หมายเลข 3 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างออกจากหน้าเพิ่มโครงสร้าง +>หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกการเพิ่มโครงสร้าง + + + + + +### การทำสำเนาเฉพาะโครงสร้าง +- การเพิ่มโครงสร้างเมนูทำสำเนาเฉพาะโครงสร้างให้ทำการใช้เมาส์คลิก ![create-organization](images/button/create-organization.png)ระบบแสดงเมนูย่อย ทำการคลิกเมนู![create-or-newor](images/button/create-or-newor.png)ระบบแสดงหน้าต่าง "เพิ่มโครงสร้าง" จากนั้นทำการกรอกข้อมูลในส่วนที่สำคัญ หากทำการกรอกข้อมูลการเพิ่มโครงสร้างเสร็จสิ้น ให้ทำการใช้เมาส์คลิก![save-confirm](images/button/save-confirm.png)และยืนยันการบันทึกข้อมูล ระบบทำการสร้างโครงสร้างเฉพาะโครงสร้างทันทีโดยโครงสร้างใหม่จะอยู่ที่เมนูแบบร่าง หากต้องการยกเลิกหรือปิดหน้าต่างการเพิ่มโครงสร้างให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการเพ่ิมโครงสร้างทันที + + +![รูปภาพที่ 4 – 25 การทำสำเนาเฉพาะโครงสร้าง](images/chapter4/chapter4_25.png#center) + + +>หมายเลข 1 ช่องสำหรับกรอกชื่อโครงสร้าง +>หมายเลข 2 ช่องสำหรับแสดงประเภทการโคลนที่ได้ทำการเลือกเพิ่มโครงสร้าง +>หมายเลข 3 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างออกจากหน้าเพิ่มโครงสร้าง +>หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกการเพิ่มโครงสร้าง + + + +### การทำสำเนาโครงสร้างและตำแหน่ง +- การเพิ่มโครงสร้างเมนูทำสำเนาโครงสร้างและตำแหน่งให้ทำการใช้เมาส์คลิก ![create-organization](images/button/create-organization.png)ระบบแสดงเมนูย่อย ทำการคลิกเมนู![create-or-orandposition](images/button/create-or-orandposition.png)ระบบแสดงหน้าต่าง "เพิ่มโครงสร้าง" จากนั้นทำการกรอกข้อมูลในส่วนที่สำคัญ หากทำการกรอกข้อมูลการเพิ่มโครงสร้างเสร็จสิ้น ให้ทำการใช้เมาส์คลิก![save-confirm](images/button/save-confirm.png)และยืนยันการบันทึกข้อมูล ระบบทำการทำสำเนาโครงสร้างและตำแหน่งทันทีโดยโครงสร้างใหม่จะอยู่ที่เมนูแบบร่าง หากต้องการยกเลิกหรือปิดหน้าต่างการเพิ่มโครงสร้างให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการเพ่ิมโครงสร้างทันที + + +![รูปภาพที่ 4 – 26 การทำสำเนาโครงสร้างและตำแหน่ง](images/chapter4/chapter4_26.png#center) + + +>หมายเลข 1 ช่องสำหรับกรอกชื่อโครงสร้าง +>หมายเลข 2 ช่องสำหรับแสดงประเภทการโคลนที่ได้ทำการเลือกเพิ่มโครงสร้าง +>หมายเลข 3 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างออกจากหน้าเพิ่มโครงสร้าง +>หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกการเพิ่มโครงสร้าง + + +### การทำสำเนาโครงสร้าง ตำแหน่งและคนครอง +- การเพิ่มโครงสร้างเมนูทำสำเนาโครงสร้าง ตำแหน่งและคนครองให้ทำการใช้เมาส์คลิก ![create-organization](images/button/create-organization.png)ระบบแสดงเมนูย่อย ทำการคลิกเมนู![create-or-neworpositionandpeople](images/button/create-or-neworpositionandpeople.png)ระบบแสดงหน้าต่าง "เพิ่มโครงสร้าง" จากนั้นทำการกรอกข้อมูลในส่วนที่สำคัญ หากทำการกรอกข้อมูลการเพิ่มโครงสร้างเสร็จสิ้น ให้ทำการใช้เมาส์คลิก![save-confirm](images/button/save-confirm.png)และยืนยันการบันทึกข้อมูล ระบบทำการทำสำเนาโครงสร้าง ตำแหน่งและคนครองทันทีโดยโครงสร้างใหม่จะอยู่ที่เมนูแบบร่าง หากต้องการยกเลิกหรือปิดหน้าต่างการเพิ่มโครงสร้างให้ทำการคลิก![cancel-white](images/button/cancel-white.png)และคลิก ![close-popup](images/button/close-popup.png)ระบบทำการปิดหน้าต่างการเพ่ิมโครงสร้างทันที + + +![รูปภาพที่ 4 – 27 การทำสำเนาโครงสร้างและตำแหน่ง](images/chapter4/chapter4_27.png#center) + + +>หมายเลข 1 ช่องสำหรับกรอกชื่อโครงสร้าง +>หมายเลข 2 ช่องสำหรับแสดงประเภทการโคลนที่ได้ทำการเลือกเพิ่มโครงสร้าง +>หมายเลข 3 ไอคอนสำหรับคลิกเพื่อปิดหน้าต่างออกจากหน้าเพิ่มโครงสร้าง +>หมายเลข 4 ปุ่มสำหรับคลิกเพื่อบันทึกการเพิ่มโครงสร้าง + + + +## การดูผังโครงสร้างองค์กร + +- การแสดงผังโครงสร้างองค์กรเป็นการแสดงโครงสร้างหน่วยงานในรูปแบบผังองค์กร ให้ทำการใช้เมาส์คลิก![organization-chart](images/button/organization-chart.png)ระบบแสดงโครงสร้างหน่วยงานในรูปแบบผังองค์กร + + +![รูปภาพที่ 4 – 28 ผังโครงสร้างองค์กร](images/chapter4/chapter4_28.png#center) + + + +>หมายเลข 1 เมนูสำหรับคลิกเพื่อแสดงหน้าเมนูปัจจุบัน +>หมายเลข 2 เมนูสำหรับคลิกเพื่อแสดงหน้าเมนูแบบร่าง +>หมายเลข 3 เมนูสำหรับคลิกเพื่อเลือกการสร้างโครงสร้าง +>หมายเลข 4 ไอคอนสำหรับคลิกเพื่อเปลี่ยนเป็นรูปแบบรายการข้อมูล +>หมายเลข 5 ไอคอนสำหรับคลิกเพื่อเปลี่ยนเป็นรูปแบบผังโครงสร้างองค์กร +>หมายเลข 6 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดผังโครงสร้างองค์กรเป็นไฟล์ชนิด JPG +>หมายเลข 7 ไอคอนสำหรับคลิกเพื่อดาวน์โหลดผังโครงสร้างองค์กรเป็นไฟล์ชนิด PDF +>หมายเลข 8 ช่องสำหรับแสดงหน่วยงานของโครงสร้างอัตรากำลังและสามารถคลิกเพื่อแสดงส่วนราชการที่อยู่ข้างในได้ +>หมายเลข 9 ช่องสำหรับแสดงแบบผังโครงสร้างองค์กรของโครงสร้างอัตรากำลัง +>หมายเลข 10 ช่องสำหรับแสดงส่วนราชการของโครงสร้างอัตรากำลังและสามารถคลิกเพื่อแสดงส่วนราชการที่อยู่ข้างในได้ +>หมายเลข 11 ช่องสำหรับแสดงตำแหน่งทั้งหมดของหน่วยงานและส่วนราชการนั้น ๆ ของโครงสร้างอัตรากำลัง +>หมายเลข 12 ไอคอนสำหรับคลิกเพื่อแสดงส่วนราชการที่อยู่ข้างในส่วนราชการ +>หมายเลข 13 ช่องสำหรับแสดงตำแหน่งทั้งหมดที่อยู่ในส่วนราชการ นั้น ๆ +>หมายเลข 14 ช่องสำหรับแสดงชื่อโครงสร้างหน่วยงานหรือส่วนราชการที่อยู่ในหน้าล่าสุดของโครงสร้างอัตรากำลังและสามารถคลิกเพื่อไปยังหน่วยงานหรือส่วนราชการก่อนหน้าได้ + + +### การดาวน์โหลดผังโครงสร้างองค์กรเป็นไฟล์ชนิด JPG +- การดาวน์โหลดผังโครงสร้างองค์กรให้ทำการใช้เมาส์คลิก![organization-chart](images/button/organization-chart.png)ระบบแสดงผังโครงสร้างองค์กรในหน้า "โครงสร้างอัตรากำลัง" และทำการใช้เมาส์คลิก![dowload-jpg](images/button/dowload-jpg.png)ระบบทำการดาวน์โหลดผังโครงสร้างองค์กรของโครงสร้างอัตรากำลังในรูปแบบไฟล์ JPG + + +### การดาวน์โหลดผังโครงสร้างองค์กรเป็นไฟล์ชนิด PDF +- การดาวน์โหลดผังโครงสร้างองค์กรให้ทำการใช้เมาส์คลิก![organization-chart](images/button/organization-chart.png)ระบบแสดงผังโครงสร้างองค์กรในหน้า "โครงสร้างอัตรากำลัง" และทำการใช้เมาส์คลิก![dowload-pdf](images/button/dowload-pdf.png)ระบบทำการดาวน์โหลดผังโครงสร้างองค์กรของโครงสร้างอัตรากำลังในรูปแบบไฟล์ PDF \ No newline at end of file diff --git a/public/images/button/create-or-new.png b/public/images/button/create-or-new.png new file mode 100644 index 00000000..d711f90d Binary files /dev/null and b/public/images/button/create-or-new.png differ diff --git a/public/images/button/create-or-newor.png b/public/images/button/create-or-newor.png new file mode 100644 index 00000000..aa557394 Binary files /dev/null and b/public/images/button/create-or-newor.png differ diff --git a/public/images/button/create-or-neworpositionandpeople.png b/public/images/button/create-or-neworpositionandpeople.png new file mode 100644 index 00000000..02333651 Binary files /dev/null and b/public/images/button/create-or-neworpositionandpeople.png differ diff --git a/public/images/button/create-or-orandposition.png b/public/images/button/create-or-orandposition.png new file mode 100644 index 00000000..9e2b5673 Binary files /dev/null and b/public/images/button/create-or-orandposition.png differ diff --git a/public/images/button/create-organization.png b/public/images/button/create-organization.png new file mode 100644 index 00000000..5026955a Binary files /dev/null and b/public/images/button/create-organization.png differ diff --git a/public/images/button/delete-agency.png b/public/images/button/delete-agency.png new file mode 100644 index 00000000..b745236e Binary files /dev/null and b/public/images/button/delete-agency.png differ diff --git a/public/images/button/delete-gove.png b/public/images/button/delete-gove.png new file mode 100644 index 00000000..02d0fbdf Binary files /dev/null and b/public/images/button/delete-gove.png differ diff --git a/public/images/button/detail-img.png b/public/images/button/detail-img.png new file mode 100644 index 00000000..01f4c53c Binary files /dev/null and b/public/images/button/detail-img.png differ diff --git a/public/images/button/dowload-jpg.png b/public/images/button/dowload-jpg.png new file mode 100644 index 00000000..7ccad68f Binary files /dev/null and b/public/images/button/dowload-jpg.png differ diff --git a/public/images/button/dowload-pdf.png b/public/images/button/dowload-pdf.png new file mode 100644 index 00000000..583e120d Binary files /dev/null and b/public/images/button/dowload-pdf.png differ diff --git a/public/images/button/edit-agency.png b/public/images/button/edit-agency.png new file mode 100644 index 00000000..536e469f Binary files /dev/null and b/public/images/button/edit-agency.png differ diff --git a/public/images/button/edit-gove.png b/public/images/button/edit-gove.png new file mode 100644 index 00000000..079bbfbb Binary files /dev/null and b/public/images/button/edit-gove.png differ diff --git a/public/images/button/history-agency.png b/public/images/button/history-agency.png new file mode 100644 index 00000000..f8819cb5 Binary files /dev/null and b/public/images/button/history-agency.png differ diff --git a/public/images/button/history-gove.png b/public/images/button/history-gove.png new file mode 100644 index 00000000..bd2c382f Binary files /dev/null and b/public/images/button/history-gove.png differ diff --git a/public/images/button/organization-chart.png b/public/images/button/organization-chart.png new file mode 100644 index 00000000..a249ebd3 Binary files /dev/null and b/public/images/button/organization-chart.png differ diff --git a/public/images/button/save-confirm.png b/public/images/button/save-confirm.png new file mode 100644 index 00000000..4c9987a3 Binary files /dev/null and b/public/images/button/save-confirm.png differ diff --git a/public/images/chapter4/chapter4_10.png b/public/images/chapter4/chapter4_10.png index fc4eab17..7edcbd3b 100644 Binary files a/public/images/chapter4/chapter4_10.png and b/public/images/chapter4/chapter4_10.png differ diff --git a/public/images/chapter4/chapter4_11.png b/public/images/chapter4/chapter4_11.png index 44163dd4..41a4b9fd 100644 Binary files a/public/images/chapter4/chapter4_11.png and b/public/images/chapter4/chapter4_11.png differ diff --git a/public/images/chapter4/chapter4_12.png b/public/images/chapter4/chapter4_12.png index 43428091..e88c9f3c 100644 Binary files a/public/images/chapter4/chapter4_12.png and b/public/images/chapter4/chapter4_12.png differ diff --git a/public/images/chapter4/chapter4_13.png b/public/images/chapter4/chapter4_13.png index 7c276f3b..28f8a6b2 100644 Binary files a/public/images/chapter4/chapter4_13.png and b/public/images/chapter4/chapter4_13.png differ diff --git a/public/images/chapter4/chapter4_14.png b/public/images/chapter4/chapter4_14.png index be714615..b269c02e 100644 Binary files a/public/images/chapter4/chapter4_14.png and b/public/images/chapter4/chapter4_14.png differ diff --git a/public/images/chapter4/chapter4_15.png b/public/images/chapter4/chapter4_15.png index 55dba79c..3b672313 100644 Binary files a/public/images/chapter4/chapter4_15.png and b/public/images/chapter4/chapter4_15.png differ diff --git a/public/images/chapter4/chapter4_16.png b/public/images/chapter4/chapter4_16.png new file mode 100644 index 00000000..f08e74f7 Binary files /dev/null and b/public/images/chapter4/chapter4_16.png differ diff --git a/public/images/chapter4/chapter4_17.png b/public/images/chapter4/chapter4_17.png new file mode 100644 index 00000000..7dcd543d Binary files /dev/null and b/public/images/chapter4/chapter4_17.png differ diff --git a/public/images/chapter4/chapter4_18.png b/public/images/chapter4/chapter4_18.png new file mode 100644 index 00000000..fc4eab17 Binary files /dev/null and b/public/images/chapter4/chapter4_18.png differ diff --git a/public/images/chapter4/chapter4_19.png b/public/images/chapter4/chapter4_19.png new file mode 100644 index 00000000..44163dd4 Binary files /dev/null and b/public/images/chapter4/chapter4_19.png differ diff --git a/public/images/chapter4/chapter4_2.png b/public/images/chapter4/chapter4_2.png index c8d2622c..1a92bb80 100644 Binary files a/public/images/chapter4/chapter4_2.png and b/public/images/chapter4/chapter4_2.png differ diff --git a/public/images/chapter4/chapter4_20.png b/public/images/chapter4/chapter4_20.png new file mode 100644 index 00000000..43428091 Binary files /dev/null and b/public/images/chapter4/chapter4_20.png differ diff --git a/public/images/chapter4/chapter4_21.png b/public/images/chapter4/chapter4_21.png new file mode 100644 index 00000000..7c276f3b Binary files /dev/null and b/public/images/chapter4/chapter4_21.png differ diff --git a/public/images/chapter4/chapter4_22.png b/public/images/chapter4/chapter4_22.png new file mode 100644 index 00000000..be714615 Binary files /dev/null and b/public/images/chapter4/chapter4_22.png differ diff --git a/public/images/chapter4/chapter4_23.png b/public/images/chapter4/chapter4_23.png new file mode 100644 index 00000000..55dba79c Binary files /dev/null and b/public/images/chapter4/chapter4_23.png differ diff --git a/public/images/chapter4/chapter4_24.png b/public/images/chapter4/chapter4_24.png new file mode 100644 index 00000000..a7705a5f Binary files /dev/null and b/public/images/chapter4/chapter4_24.png differ diff --git a/public/images/chapter4/chapter4_25.png b/public/images/chapter4/chapter4_25.png new file mode 100644 index 00000000..91d863ed Binary files /dev/null and b/public/images/chapter4/chapter4_25.png differ diff --git a/public/images/chapter4/chapter4_26.png b/public/images/chapter4/chapter4_26.png new file mode 100644 index 00000000..af2df8d7 Binary files /dev/null and b/public/images/chapter4/chapter4_26.png differ diff --git a/public/images/chapter4/chapter4_27.png b/public/images/chapter4/chapter4_27.png new file mode 100644 index 00000000..3b8071de Binary files /dev/null and b/public/images/chapter4/chapter4_27.png differ diff --git a/public/images/chapter4/chapter4_28.png b/public/images/chapter4/chapter4_28.png new file mode 100644 index 00000000..f62d4f6d Binary files /dev/null and b/public/images/chapter4/chapter4_28.png differ diff --git a/public/images/chapter4/chapter4_3.png b/public/images/chapter4/chapter4_3.png index d555a177..66e1320c 100644 Binary files a/public/images/chapter4/chapter4_3.png and b/public/images/chapter4/chapter4_3.png differ diff --git a/public/images/chapter4/chapter4_4.png b/public/images/chapter4/chapter4_4.png index 7edcbd3b..fa6c45d5 100644 Binary files a/public/images/chapter4/chapter4_4.png and b/public/images/chapter4/chapter4_4.png differ diff --git a/public/images/chapter4/chapter4_5.png b/public/images/chapter4/chapter4_5.png index 41a4b9fd..9706c4c8 100644 Binary files a/public/images/chapter4/chapter4_5.png and b/public/images/chapter4/chapter4_5.png differ diff --git a/public/images/chapter4/chapter4_6.png b/public/images/chapter4/chapter4_6.png index b269c02e..c8d2622c 100644 Binary files a/public/images/chapter4/chapter4_6.png and b/public/images/chapter4/chapter4_6.png differ diff --git a/public/images/chapter4/chapter4_7.png b/public/images/chapter4/chapter4_7.png index 3b672313..d555a177 100644 Binary files a/public/images/chapter4/chapter4_7.png and b/public/images/chapter4/chapter4_7.png differ diff --git a/public/images/chapter4/chapter4_8.png b/public/images/chapter4/chapter4_8.png index f08e74f7..51bd27c4 100644 Binary files a/public/images/chapter4/chapter4_8.png and b/public/images/chapter4/chapter4_8.png differ diff --git a/public/images/chapter4/chapter4_9.png b/public/images/chapter4/chapter4_9.png index 7dcd543d..218b0887 100644 Binary files a/public/images/chapter4/chapter4_9.png and b/public/images/chapter4/chapter4_9.png differ