ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด System for disbursement of office equipment

Case Study of Om Kret Subdistrict Administration Organization

นางสาวยพา** ..กร าเดช นางสาวพลอยชมพ**จนทะมาศ

โครงการนเปนสวนหน งของการศกษาตามหลงสตรบรหารธรกจบณฑต

สาขาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยราชพฤกษ

ปการศกษา 2561

ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด System for disbursement of office equipment

Case Study of Om Kret Subdistrict Administration Organization

นางสาวยพา** ../กร าเดช นางสาวพลอยชมพ**จนทะมาศ

โครงการนเปนสวนหน งของการศกษาตามหลงสตรบรหารธรกจบณฑต

สาขาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยราชพฤกษ

ปการศกษา 2561

ใบรบรองโครงงานคอมพวเตอรธรกจ สาขาวชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยราชพฤกษ

หวขอโครงงาน ระบบเบกจายวสดอปกรณส านกงาน *กรณศกษาองคการบรหารสวนต าบลออมเกรด

System for disbursement of office equipment Case Study of Om Kret Subdistrict Administration .Organization

ผรวมโครงงาน นางสาวยพา กร าเดช 60101220144 นางสาวพลอยชมพ จนทะมาศ 60101220145 อาจารยท ปรกษา อาจารยพฤกษภม ธรานตร

……….คณะบรหารธรกจ มหาวทยาลยราชพฤกษ อนมตใหนบโครงงานคอมพวเตอรธรกจฉบบน เปนสวนหน งของการศกษาตามหลกสตรบรหารธรกจบณฑต &ไ.!____________________________________คณบดคณะบรหารธรกจ กกก ก(รศ.ศร ภพงษวฒนา)

คณะกรรมการสอบโครงงานคอมพวเตอรธรกจ

_____________________________________ประธานกรรมการ (อ.พฤกษภม ธรานตร)

_____________________________________กรรมการ (ผศ.ดร.เรวด ศกดดลยธรรม)

_____________________________________กรรมการ (ดร.รสสคนธ ทบพร)

โครงงานฉบบนเปนลขสทธของมหาวทยาลยราชพฤกษ

ข

ผจดท าโครงงาน : นางสาวยพา กร าเดช : นางสาวพลอยชมพ จนทะมาศ หวขอโครงงาน : ระบบเบกจายวสดอปกรณส านกงาน

กรณศกษา องคการบรหารสวนต าบลออมเกรด สาขา : คอมพวเตอรธรกจ ก.มหาวทยาลยราชพฤกษ อาจารยทปรกษา : อาจารยพฤกษภม ธรานตร ปการศกษา : 2561

บทคดยอ

โครงงานนมวตถประสงคเพอ พฒนาระบบเบกจายวสดอปกรณส านกงาน กรณศกษา องคการบรหารสวนต าบลออมเกรด ซงสามารถแยกออกไดเปน 3 สวนหลก ๆ คอ สวนของการจดเกบขอมล สวนของเบกจายวสดอปกรณ และสวนของการออกรายงานการเบกวสดอปกรณ โดยสวนของการจดเกบขอมลจะมหนาทจดเกบขอมลทส าคญใหเปนระบบลงในฐานขอมล เชน ขอมลผใชงานระบบ ขอมลวสดอปกรณขอมลการเบกจายวสดอปกรณ เปนตน สวนในดานของการเบกจายวสดอปกรณ เปนสวนทส าคญเนองจากเปนการดถงรายละเอยดการเบกจายวสดอปกรณ และในสวนของการออกรายงานยอดการเบกจายวสดอปกรณ จะเปนการสรปยอดการเบกจายวสดอปกรณ

ซงในการจดท าโครงงานระบบเบกจายวสดอปกรณส านกงานนไดมการพฒนาและออกแบบโดยใชภาษาทใชในการพฒนาระบบ PHP ใชโปรแกรม Adobe Dreamweaver CS6 และใชระบบฐานขอมลดวยโปรแกรม MySql 5.0 ซงทงสองโปรแกรมนถอวาเปนโปรแกรมทไดรบความนยมในปจจบน

ค

กตตกรรมประกาศ

โครงงานฉบบน ส าเรจลงไดดวยความอนเคราะหจาก อาจารยพฤกษภม ธรานตร ทไดกรณาเปนอาจารยทปรกษาโครงงาน และไดใหแนวคดตาง ๆ ทเปนประโยชนในการท างานโครงงานตลอดจนสละเวลาตรวจสอบแกไขขอบกพรองตาง ๆ และการตดตามชวยเหลอและคอยแกปญหาตาง ๆ ใหค าแนะน าปรกษาเปนอยางด ขอขอบคณองคการบรหารสวนต าบลออมเกรดทใหการสนบสนนในการจดท าโครงงานสนบสนนดานขอมล และใหขาพเจาเขาไปศกษาและวเคราะหระบบงาน ท าใหสามารถวเคราะหและออกแบบระบบของโครงงานได ท าใหสามารถจดท าระบบไดอยางสมบรณ

และทายทสดขอขอบคณอาจารยทกๆทานทไดประสาทวชาความรใหแกผจดท าและสอนวชาการในดานตาง ๆ ซงสามารถน ามาใชประกอบการจดท าโครงงานครงน

…………………… … …… นางสาวยพา** กร าเดช นางสาวพลอยชมพ**จนทะมาศ

ง

สารบญ หนา บทคดยอ ข กตตกรรมประกาศ ค สารบญ ง สารบญตาราง ฉ สารบญภาพ ช บทท 1.บทน า 1 1.1 ความเปนมาและความส าคญของปญหา 1 1.2 วตถประสงค 1 1.3 ขอบเขตของระบบงาน 2 1.4 เครองมอทใชในการด าเนนงาน 2 1.5 วธการด าเนนงาน 2 1.6 แผนการด าเนนงาน 4 1.7 ผลทคาดวาจะไดรบ 4 บทท 2*ทฤษฎและงานวจยทเกยวของ 5 2.1 องคการบรหารสวนต าบลออมเกรด 5 2.2 วงจรพฒนาระบบ (System Development Life Cycle) (SDLC) 6 2.3 แผนภาพกระแสขอมล (Data Flow Diagram: DFD) 9 2.4 แผนภาพแสดงความสมพนธของขอมล 11 (Entity Relation Diagram: ER - Diagram) 2.5 ระบบฐานขอมลดวย (MySql 5.0) 15 2.6 โปรแกรมพฒนาระบบ (Adobe Dreamweaver CS6) 15 2.7 ความรเกยวกบ PHP 17 2.8 โปรแกรมตกแตงภาพ (Adobe Photoshop CS5) 18 บทท 3 วเคราะหระบบ 25 3.1 การออกแบบกระบวนการท างานของระบบ 25 3.2 การออกแบบกระบวนการจดเกบขอมล 29

จ

สารบญ (ตอ) หนา

บทท 4 ผลการศกษา 33 4.1 สวนของผดแลระบบ 33 4.2 สวนของผใชงาน 36 บทท 5 สรปและขอเสนอแนะ 38 5.1 สรปผลการด าเนนงาน 39 5.2 ปญหาของระบบงาน 40 5.3 ขอเสนอแนะ 40 บรรณานกรม 41 ภาคผนวก ก. 42 คมอการใชงานระบบ 43 ประวตผศกษา 52

ฉ

สารบญตาราง ตารางท หนา 1-1 ตารางแผนการด าเนนงาน 4 2-1 ตารางสญลกษณทใชในแผนภาพกระแสขอมล 9 2-2 ตารางเครองมอโปรแกรม 21 3-1 ตารางแฟมขอมลผใชงานระบบ (TB_Member) 30 3-2 ตารางแฟมขอมลวสดอปกรณ (TB_Equipment) 30 3-3 ตารางแฟมขอมลการเบกจายวสดอปกรณ (TB_Order) 31 3-4 ตารางแฟมขอมลแผนกผใชงาน (TB_Department) 31 3-5 ตารางแฟมขอมลงบประมาณการเบกจายวสดอปกรณ (TB_Budget) 32

ช

สารบญภาพ ภาพท หนา 2-1 รปแสดงสญลกษณของ Entity 12 2-2 รปแสดงสญลกษณของ Attribute 12 2-3 รปแสดงสญญาลกษณของ Relationship 13 2-4 ความสมพนธแบบหนงตอหนง 13 2-5 ความสมพนธแบบหนงตอกลม 14 2-6 ความสมพนธแบบกลมตอกลม 14 2-7 E-R Diagram ของรป Chen Model 14 2-8 E-R Diagram ของรปแบบ Cow’s Foot Model 14 2-9 แสดงการท างานของ PHP 17 2-10 แสดงหนาจอโหลดเขาโปรแกรม Adobe Photoshop CS6 20 2-11 แสดงหนาตางโปรแกรม Adobe Photoshop CS6 20 2-12 แสดงการเรมสรางชนงานใหม 22 2-13 แสดงการก าหนดคาชนงาน. 23 3-1 แผนภาพบรบทของระบบเบกจายวสดอปกรณส านกงาน 24 กรณศกษาองคการบรหารสวนต าบลออมเกรด 3-2 แผนภาพกระแสขอมล ระดบ 0 ของระบบเบกจายวสดอปกรณส านกงาน. 25 3-3 แผนภาพการไหลของขอมล ระดบท 1 กระบวนการท 3.0 26 บนทกการเบกจายวสดอปกรณ 3-4 แผนภาพการไหลของขอมล ระดบท 1 กระบวนการท 4.0 27 การจดการขอมลพนฐาน 3-5 แผนภาพการไหลของขอมล ระดบท 1 กระบวนการท 4.0 28 ออกรายงาน 3-6 E-R Diagram ของระบบเบกจายวสดอปกรณส านกงาน 29 แผนภาพการไหลของขอมล ระดบท 1 กระบวนการท 4.0 4-1 หนาเขาสระบบ 33 4-2 หนาเมนหลก 24 4-3 หนาเมนขอมลผใชงาน 34 4-4 หนาเมนขอมลงบประมาณการเบก 35

ซ

สารบญภาพ(ตอ) ภาพท หนา 4.5 หนาเมนขอมลวสดอปกรณ 35 4-6 หนาเขาสระบบของผใชงาน 36 4-7 หนาเมนคนหาขอมลวสดอปกรณ 36 4-8 หนาขอมลรายการวสดอปกรณ 37 4-9 หนาเลอกรายการวสดอปกรณ 37 4-10 หนาการยนยนการเบกวสดอปกรณ 38 ก-1 หนาเขาสระบบ 43 ก-2 เมนหลกของระบบ 44 ก-3 หนาเมนขอมลผใชงาน 44 ก-4 หนาการเพมขอมลผใชงาน 45 ก-5 หนาเมนขอมลงบประมาณการเบก 45 ก-6 หนาการเพมขอมลงบประมาณ 46 ก-7 หนาเมนขอมลวสดอปกรณ 46 ก-8 หนาการแกไขขอมลวสดอปกรณ 47 ก-9 หนาการแกไขขอมลวสดอปกรณทเรยบรอยแลว 47 ก-10 หนาการเพมขอมลวสดอปกรณรายการใหม 48 ก-11 หนาการเพมขอมลวสดอปกรณทเรยบรอยแลว 48 ก-12 หนาเขาสระบบของผใชงาน 49 ก-13 หนาเมนหลก 49 ก-14 หนารายการวสดอปกรณ 50 ก-15 หนาเลอกรายการวสดอปกรณ 50 ก-16 หนาการยนยนการเบกวสดอปกรณ 51 ก-17 หนาการบนทกรายการเบกเรยบรอยแลว 51

บทท 1 บทน ำ

1.1**ควำมเปนมำและควำมส ำคญของปญหำ ระบบบรหารคลงวสดอปกรณ เปนระบบส าหรบจดการขอมล รบเขาเพมจ านวน การอนมตการเบกจาย ตดสตอกระบบสตอกวสดอปกรณ ทตองใชภายในหนวยงาน เหมาะส าหรบ องคกร บรษท หรอ หนวยงานตาง ๆ ทมคลงวสดเปนของตนเอง ส าหรบการ เบก จายวสดอปกรณ เพอใชในการปฏบตงาน หรอเพอตอบสนองความตองการ และกระบวนการท างานของหนวยงาน / แผนกตาง ๆ ภายในองคกร สามารถประยกต ใชงานกบ วสดอปกรณ ไดหลายหลายประเภท เชน วสดส านกงาน วสดงานบานงานครว วสดคอมพวเตอร ฯลฯ ส าหรบกรณศกษาองคการบรหารสวนต าบลออมเกรด นนเปนองคกรปกครองสวนทองถนระดบต าบลทอยใกลชดกบประชาชนมากทสด มพนทเทากบต าบลแตละต าบล จดตงมาจากสภาต าบลทมรายไดตามเกณฑทก าหนดและมจ านวนราษฎรไมนอยกวา 2,000 คน โดยมจดมงหมายส าคญเพอดแลทกขสขและใหบรการประชาชนในหมบาน ต าบล เขต อบต. แทนรฐบาลกลาง มฐานะเปนนตบคคล และเปนราชการทองถน มอ านาจหนาทในการพฒนาต าบลทงในดานเศรษฐกจ สงคมและวฒนธรรม และหนาทอน ๆ ตามทกฎหมายก าหนด และการบรหารงานในองคกรจ าเปนตองมวสดอปกรณในการด าเนนงาน ซงทางองคกรจะพบปญหาระบบงานแบบเดม ในเรองการจดการกบขอมลเปนอยางมาก เนองจากการเบก – จายวสดเปนการเขยนใบเบก และมกระบวนการการเบกจายอกมากมาย เพอน ามาเบกวสดอปกรณไปใชในการปฏบตงาน ซงปจจบนนนมวสดอปกรณอยจ านวนมากท าใหเกดปญหาในหลายรปแบบ เชน ไมสามารถสรปรายงานวสดอปกรณคงเหลอไดทนท และไมสามารถตรวจเชคปรมาณการใชวสดอปกรณแตละประเภทไดทนท เนองจากขอมลทบนทกในแตละส านกงานเปนการเกบขอมลแบบเอกสาร อาจตองใชเวลาในการคนหาขอมล หรอเกดการผดพลาดหรอเกดการสญหาย เพราะวสดคงคลงของส านกงานมหลากหลายประเภท และหลากหลายชนดแตกตางกนออกไป ดงนน คณะผจดท าจงมแนวคดในการพฒนาระบบการเบก – จายวสดอปกรณ เพอใหผใชงานระบบท าการเบกจายวสดอปกรณไดงาย สะดวกและรวดเรวมากยงขน พรอมทงสรปรายงานวสดคงเหลอไดทนท หรอปรมาณการใชวสดอปกรณแตละประเภท ไดอยางถกตองครบถวน และเปนขอมลทนาเชอถอได 1.2…วตถประสงค ******2.1**เพอพฒนาระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด ใหมประสทธภาพในการใชงานมากยงขน

2

2.2**เพอไดทราบจ านวนคงเหลอของวสดอปกรณส านกงาน มความครบถวนและมความถกตองมากยงขน 2.3**เพอปองกนการสญหายของขอมลการเบกจายวสดอปกรณ 1.3**ขอบเขตของระบบงำน 1.3.1 ผดแลระบบ (พสด) 1.3.1.1**สามารถเขาสระบบได 1.3.1.2**สามารถเพม ลบ แกไข คนหาขอมลวสดอปกรณได 1.3.1.3**สามารถเพม ลบ แกไข คนหาขอมลผใชงานได 1.3.1.4 สามารถเพม ลบ แกไขงบประมาณการเบกจายวสดอปกรณได 1.3.1.5**สามารถออกรายงานใบเบกประจ าปได 1.3.1.6**สามารถออกรายงานการเบกจายวสดอปกรณได ******1.3.2 ผใชงานระบบ ///////////// 1.3.2.1**สามารถเขาสระบบได //////////// 1.3.2.2**สามารถคนหาขอมลวสดอปกรณได 1.3.2.3**สามารถบนทกการเบกจายวสดอปกรณได 1.3.2.4**สามารถออกรายงานการเบกจายวสดอปกรณได 1.4**เครองมอทใชในกำรด ำเนนงำน 1.4.1**คอมพวเตอรฮารดแวร (Hardware) ทใชในการพฒนาระบบมดงน 1.4.1.1**เครองไมโครคอมพวเตอร 1.4.1.2**หนวยความจ าหลก (RAM) 4 GB 1.4.1.3**หนวยความจ าส ารอง (Hard Disk) 500 GB ******1.4.2**โปรแกรมคอมพวเตอร (Software) ทใชพฒนาดงน 1.4.2.1**ระบบปฏบตการ Windows 10 1.4.2.2**ภาษาทใชในการพฒนาระบบ PHP 1.4.2.3**ระบบฐานขอมลดวย MySql 5.0 1.4.2.4**โปรแกรมสรางเวบไซต Adobe Dreamweaver CS6 1.4.2.5**โปรแกรมตกแตงภาพ Adobe Photoshop CS5 1.5**วธกำรด ำเนนงำน *****การสรางระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด เพอใหสามารถพฒนาโปรแกรมทมประสทธภาพและสามารถใชงานไดอยางเสถยรภาพนน จ าเปนตองมขนตอนตาง ๆ ในการศกษาและด าเนนงานตามขนตอนดงน ******1.5.1**การวางแผนโครงงาน (Project Planning Phase)

3

*************1.5.1.1**ศกษาปญหาและวเคราะหความตองการของผใชระบบ โดยการวเคราะหจากปญหาทเกดขนคอ ระบบการเบกจายวสดอปกรณ ยงใชการเบกจายแบบเขยนบนทกเปนแบบเอกสาร เพอใชเปนหลกฐาน และในการตรวจเชคของคงเหลอในแตละรอบ จะตองคนหาเอกสารหรอนบจ านวนวสดอปกรณเพอตรวจสอบวสดคงคลงคงเหลอจ านวนเทาไหร ท าใหเสยเวลาและเสรจไมทนเวลาทก าหนด *************1.5.1.2.. ศกษาเครองมอตางๆ ทใชในการพฒนาระบบ โดยศกษาวาระบบจ าเปนตองใชเครองมออะไรบางในการพฒนา เพอทจะสามารถน าเครองมอเหลานนมาใชไดถกตองและสอดคลองกบความตองการของและระบบมากทสด *************1.5.1.3**ศกษาขนตอนการพฒนาระบบ เมอทราบถงปญหาของการท างานแลวกน าขอมลทไดนนมาศกษาขนตอนการพฒนาระบบใหม เพอการท างานทมประสทธภาพและสามารถแกปญหาได ******1.5.2**การวเคราะหระบบ (System Analysis) *************ขนตอนนจะท าใหรถงการท างานของระบบ และน าเอาระบบเกามาศกษาการท างานรวมไปถงก าหนดความตองการของระบบใหมวาควรน ามาใชประโยชนดานใด เพอเพมประสทธภาพของระบบใหม ระบบจะตองท าการรวบรวมขอมลตาง ๆ มาเขยนเปนแผนภาพทแสดงภาพรวมการท างานของระบบ คอ แผนภาพ (Context Diagram) แผนภาพแสดงการไหลของขอมล (Data Flow Diagram) และผงงานระบบ (System Flow Chart) เพอแสดงขนตอนการท างานของระบบการพฒนาระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด ******1.5.3**การออกแบบระบบ (System Design)

การน าขนตอนการวเคราะหระบบมาเปนตนแบบการออกแบบระบบ โดยการน าแผนภาพแสดงทศทางการไหลของขอมล (Data Flow Diagram) และแผนภาพแสดงความสมพนธระหวางขอมล (ER – Diagram) มาใชและน าซอฟแวรตาง ๆ ทจ าเปนตองใชส าหรบการออกแบบระบบมาวางแผนวาองคการบรหารสวนต าบลออมเกรด ตองการระบบแบบใด ******1.5.4**การพฒนาระบบ (Construction and Documentation)

เปนขนตอนทน าสงตาง ๆ ทวเคราะหและออกแบบระบบแลว มาจดสรางซอฟแวรในการพฒนาซอฟแวร โดยใชโปรแกรมในการพฒนาระบบ (Microsoft Visual Basic Studio 2010) และโปรแกรมจดการฐานขอมล (Microsoft SQL Server 2008 r2) ในขนตอนนสามารถน ามาใชในโครงงานโดยท าการสรางซอฟแวรและเอกสารประกอบการใชงานของระบบเบกจายวสดอปกรณ ******1.5.5**การทดสอบและปรบปรงระบบ (Testing and Maintenance) *************ตองมการทดสอบการใชงานในระหวางการพฒนาเพอจะไดทราบถงปญหาและขอผดพลาดไดงาย เพอลดการยงยากเมอท าการตดตงระบบ และจะตองทดสอบวาระบบมสวนประกอบครบและสงทตองการครบถวนเพอผลลพธจะไดออกมาตรงตามความตองการของผใชงานทตรงกบวตถประสงคทคาดหวงไว และ ตดตามประเมนผลความพงพอใจในการท างานของระบบจากผใชงานจรง หากพบขอผดพลาดของระบบตองมการแกไข

4

******1.5.6**การตดตงระบบ (System Installation) เปนขนตอนตอมาหลงจากทไดรบการทดสอบ จนมความมนใจแลววาระบบสามารถ

ท างานไดจรงและตรงกบความตองการของผใชระบบ จากนนจงด าเนนการตดตงระบบเพอใชงานจรงตอไป สรปขนตอนตดตง คอ กอนท าการตดตงระบบ ควรศกษาสภาพแวดลอมของพนททจะตดตง เตรยมอปกรณฮารดแวร และซอฟแวร อปกรณตาง ๆ ใหพรอม ขนตอนนอาจจ าเปนตองใชผเชยวชาญระบบ ลงโปรแกรมระบบ ปฏบตการและแอปพลเคชนโปรแกรมใหครบถวน ด าเนนการใชงานระบบงานใหม จดท าคมอเอกสาร ******1.5.7**การจดท าเอกสารและคมอระบบ (System Documentation and Manuals) *************ขนตอนนตองมการจดท าเอกสารคมอประกอบการใชงานเพอชวยอ านวยความสะดวกใหกบองคการบรหารสวนต าบลออมเกรด เพอใหทราบขนตอนหรอวธใชงานของเครองมอตาง ๆ ในโปรแกรมทไดท าการพฒนาขนมา 1.6**แผนกำรด ำเนนงำน ตำรำงท 1-1 ระยะเวลาด าเนนงาน

ระยะเวลำกำรด ำเนนงำน วธกำรด ำเนนงำน

2561 2562 ก.ค. ส.ค. ก.ย. ต.ค. พ.ย. ธ.ค. ม.ค. ก.พ. ม.ค.

1.*การวางแผนโครงการ

2.*วเคราะหระบบ 3.*การออกแบบระบบ 4.*การพฒนาระบบ 5.*การทดสอบและปรบปรงระบบ 6.*การตดตงระบบ 7.*การจดท าเอกสารและค มอระบบ

1.7**ผลทคำดวำจะไดรบ 1.7.1**ไดระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด 1.7.2**ระบบเบก-จายวสดอปกรณส านกงาน มประสทธภาพ ครบถวนและถกตองมากยงขน 1.7.3 *ไดปองกนการสญหายของขอมลการเบกจายวสดอปกรณส านกงาน

บทท 2

ทฤษฎทเกยวของ

การศกษาดานโปรแกรมคอมพวเตอร เรองระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด มเนอหาสาระทฤษฎและเอกสารทเกยวของ ซงครอบคลมในเรองตาง ๆ ดงน

2.1--องคการบรหารสวนต าบลออมเกรด 2.2 วงจรพฒนาระบบ (System Development Life Cycle) (SDLC) 2.3 แผนภาพกระแสขอมล (Data Flow Diagram: DFD) 2.4 แผนภาพแสดงความสมพนธของขอมล (Entity Relation Diagram: ER - Diagram) 2.5 ระบบฐานขอมลดวย (MySql 5.0) 2.6 โปรแกรมพฒนาระบบ (Adobe Dreamweaver CS6)

2.7 ความรเกยวกบ PHP 2.8 โปรแกรมตกแตงภาพ (Adobe Photoshop CS5)

2.1--องคการบรหารสวนต าบลออมเกรด

------องคการบรหารสวนต าบลออมเกรด*ตงอยหมท*4*ต าบลออมเกรด*อ าเภอปากเกรดจงหวดนนทบร นนเปนองคกรปกครองสวนทองถนระดบต าบลทอยใกลชดกบประชาชนมากทสด*มพนทเทากบต าบลแตละต าบล*จดตงมาจากสภาต าบลทมรายไดตามเกณฑทก าหนดและมจ านวนราษฎรไมนอยกวา*2,000 คน*โดยมจดมงหมายส าคญเพอดแลทกขสขและใหบรการประชาชนในหมบานต าบล*เขต*อบต.*แทนรฐบาลกลาง*มฐานะเปนนตบคคล*และเปนราชการทองถน มอ านาจหนาทในการพฒนาต าบลทงในดานเศรษฐกจ*สงคมและวฒนธรรม*และหนาทอน*ๆ*ตามทกฎหมายก าหนดและการบรหารงานในองคกรจ าเปนตองมวสดอปกรณในการด าเนนงาน*ซงทางองคกรจะพบปญหาระบบงานแบบเดม*ในเรองการจดการกบขอมลเปนอยางมาก*เนองจากการเบกจายวสดเปนการเขยนใบเบก*และมกระบวนการการเบกจายอกมากมาย*เพอน ามาเบกวสดอปกรณไปใชในการปฏบตงานซงปจจบนนนมวสดอปกรณอยจ านวนมากท าใหเกดปญหาในหลายรปแบบ*เชน*ไมสามารถสรปรายงานวสดอปกรณคงเหลอไดทนท และไมสามารถตรวจเชคปรมาณการใชวสดอปกรณแตละประเภทไดทนท เนองจากขอมลทบนทกในแตละส านกงานเปนการเกบขอมลแบบเอกสาร*อาจ

6

ตองใชเวลาในการคนหาขอมล*หรอเกดการผดพลาดหรอเกดการสญหาย*เพราะวสดคงคลงของส านกงานมหลากหลายประเภท*และหลากหลายชนดแตกตางกนออกไป ------ระบบการเบกจายวสดอปกรณถอเปนอกทางเลอกเพอใชในการปฏบตงานในการเบกจายวสดอปกรณภายในองคการบรหารสวนต าบลออมเกรด*เพอใหผใชงานระบบเบกจายวสดอปกรณไดงาย สะดวกและรวดเรวมากยงขนยงขน*พรอมทงสรปรายงานวสดคงเหลอไดทนท*หรอปรมาณการใชวสดอปกรณแตละประเภท*ไดอยางถกตองครบถวน*และเปนขอมลทนาเชอถอได 2.2--วงจรพฒนาระบบ (System Development Life Cycle (SDLC) ----....วงจรการพฒนาระบบ (System Development Life Cycle : SDLC)*คอ*กระบวนการทางความคด (Logical Process) ในการพฒนาระบบสารสนเทศเพอแกปญหาทางธรกจและตอบสนองความตองการของผใชได*โดยระบบทจะพฒนานน*อาจเรมดวยการพฒนาระบบใหมเลยหรอน าระบบเดมทมอยแลวมาปรบเปลยนใหดยงขนภายในวงจรนจะแบงกระบวนการพฒนาออกเปนระยะ(Phases)*ไดแก*ระยะการวางแผน*(Planning*Phase)*ระยะการวเคราะห*(Analysis*Phase) ระยะการออกแบบ*(Design-Phase)*และระยะการสรางและพฒนา*(Implementation*Phase)โดยแตละระยะจะประกอบไปดวยขนตอน-(Steps)-ตาง-ๆ-แตกตางกนไปตาม*Methodology*ทนกวเคราะหน ามาใช*เพอใหเหมาะสมกบสถานะทางการเงนและความพรอมขององคกรในขณะนนขนตอนในวงจรพฒนาระบบ*ชวยใหนกวเคราะหระบบสามารถด าเนนการไดอยางมแนวทางและเปนขนตอน ท าใหสามารถควบคมระยะเวลาและงบประมาณในการปฏบตงานของโครงการพฒนาระบบไดขนตอนตาง*ๆ*นนมลกษณะคลายกบการตดสนใจแกปญหาตามแนวทางวทยาศาสตร(Scientific*Management)*ไดแก*การคนหาปญหา*การคนหาแนวทางแกไขปญหา*การประเมนผลแนวทางแกไขปญหาทคนพบ*เลอกแนวทางทดทสด*และพฒนาทางเลอกนนใหใชงานได ส าหรบวงจรการพฒนาระบบในหนงสอเลมน*จะแบงเปน*7*ขนตอน*ไดแก

-------2.2.1--การคนหาและเลอกสรรโครงการ*(Project Identification*and Selection)*เปนขนตอน ในการคนหาโครงการพฒนาระบบ ทเหมาะสมกบสถานการณปจจบนของบรษท*สามารถแกปญหาทเกดขน*และใหผลประโยชนกบบรษทมากทสด*โดยใชตารางเมตรกซ*(Matrix-Table) เปนเครองมอประกอบการพจารณา*ซงเปนขนตอนทไดด าเนนการผานไปแลวในเบองตน*สามารถสรปกจกรรมไดดงน --------------- คนหาโครงการพฒนาระบบทเหนสมควรตอการไดรบการพฒนา --------------- จ าแนกและจดกลมโครงการ --------------- เลอกโครงการทเหมาะสมทสดในการพฒนา

7

------2.2.2--การเร มตนและวางแผนโครงการ * (Project*Initiating*and*Planning*System-- Development)*เปนขนตอนในการเรมตนจดท าโครงการดวยการจดตงทมงาน*ก าหนดต าแหนงหนาทใหกบทมงานแตละคนอยางชดเจน*เพอรวมกนสรางแนวทางเลอกในการน าระบบใหมมาใชงานและเลอกทางเลอกทดทสด จากนนจะรวมกนวางแผนจดท าโครงการก าหนดระยะเวลาในการด าเนนโครงการ ศกษาความเปนไปไดของโครงการ*และประมาณการตนทนและก าไรทจะไดรบจากการลงทนในโครงการพฒนาระบบ เพอน าเสนอตอผจดการ*เพอพจารณาอนมตด าเนนการในขนตอนตอไป*โดยในขณะทน าเสนอ*โครงการอยนถอเปนการด าเนนงานในขนตอนท*2*ซงใชเทคนคในการเกบรวบรวมขอเทจจรงดวยการสมภาษณ*(Interviewing)*การออกแบบสอบถามรวมทงพจารณาจากเอกสารการท างาน*รายงานและแบบฟอรมตาง*ๆ*ของบรษทประกอบดวย*สรปกจกรรมขนตอนท*2*ไดดงน

- เรมตนโครงการ - เสนอแนวทางเลอกในการน าระบบใหมมาใชงาน - วางแผนโครงการ

------2.2.3--การวเคราะห*(System*Analysis)*เปนขนตอนในการศกษาและวเคราะหถงขนตอนการด าเนนงานของระบบเดม*ซงการทจะสามารถด าเนนการในขนตอนน ไดจะตองผานการอนมตในขนตอนท*2*ในการน าเสนอโครงการหลงจากนนจะรวบรวมความตองการในระบบใหม*จากผใชระบบแลวน ามาศกษาและวเคราะหความตองการเหลานนดวย*การใชเครองมอชนดตาง*ๆ*ไดแกแบบจ าลองขนตอนการท างานของระบบ*(Process*Modeling)*โดยใชแผนภาพกระแสขอมล(Data*Flow*Diagram : DFD)*และแบบจ าลองขอมล*(Data*Modeling)*โดยใชแผนภาพแสดงความสมพนธระหวาง*ขอมล (Entity*Relationship*Diagram*:*E-R*Diagram)*สรปกจกรรมในขนตอนท*3*ไดดงน

- ศกษาขนตอนการท างานของระบบเดม - รวบรวมความตองการในระบบใหมจากผใชระบบ - จ าลองแบบความตองการทรวบรวมได

------2.2.4--การออกแบบเชงตรรกะ*(Logical Design)*เปนขนตอนในการออกแบบลกษณะการท างานของระบบตามทางเลอกทไดจากเลอกไวจากขนตอนการวเคราะหระบบโดยการออกแบบในเชงตรรกะนยงไมไดมการระบถงคณลกษณะของอปกรณทจะน ามาใชเพยงแตก าหนดถงลกษณะของรปแบบรายงานทเกดจากการท างานของระบบลกษณะของการน าขอมลเขาสระบบ และผลลพธทไดจากระบบ*ซงจะเลอกใชการน าเสนอรปแบบของรายงาน*และลกษณะของจอภาพของระบบจะท าใหสามารถเขาใจขนตอนการท างานของระบบไดชดเจนขน*สรปกจกรรมในขนตอนท*4*ไดดงน - ออกแบบแบบฟอรมและรายงาน (Form/Report Design)

8

---0- ออกแบบสวนตดตอกบผใช (User Interfaces Design) - ออกแบบฐานขอมลในระดบ Logical

------2.2.5--การออกแบบเชงกายภาพ*(Physical Design)*เปนขนตอนทระบถงลกษณะการท างานของ ระบบทางกายภาพหรอทางเทคนค*โดยระบถงคณลกษณะของอปกรณทจะน ามาใชเทคโนโลยโปรแกรมภาษาทจะน ามาท าการเขยนโปรแกรม ฐานขอมลของการออกแบบเครอขายทเหมาะสมกบระบบ สงทไดจากขนตอนการออกแบบทางกายภาพนจะเปนขอมลของการออกแบบ*เพอสงมอบใหกบโปรแกรมเมอรเพอใชเขยนโปรแกรมตามลกษณะการท างานของระบบทไดออกแบบและก าหนดไว*สรปกจกรรมในขนตอนท*5*ไดดงน

- ออกแบบฐานขอมลในระดบ Physical - ออกแบบ Application

------2.2.6—การพฒนาและตดตงระบบ*(System.Implementation)*เปนขนตอนในการน าขอมลเฉพาะของการออกแบบมาท าการเขยนโปรแกรมเพอใหเปนไปตามคณลกษณะและรปแบบ*ตาง*ๆ*ทไดก าหนดไวหลงจากเขยนโปรแกรมเรยบรอยแลวจะตองท าการทดสอบโปรแกรม*ตรวจสอบหาขอผดพลาดของโปรแกรมทพฒนาขนมา*และสดทายคอการตดตงระบบ*โดยท าการตดตงตวโปรแกรม ตดตงอปกรณ*พรอมทงจดท าคมอและจดเตรยมหลกสตรฝกอบรมผใชงานทเกยวของเพอใหระบบใหมสามารถใชงานได*สรปกจกรรมในขนตอนท*6*ไดดงน

- เขยนโปรแกรม (Coding) - ทดสอบโปรแกรม (Testing) - ตดตงระบบ (Installation) - จดท าเอกสาร (Documentation) - จดท าหลกสตรฝกอบรม (Training) - การบรการใหความชวยเหลอหลงการตดตงระบบ (Support)

------2.2.7--การซอมบ ารงระบบ*(System*Maintenance)*เปนขนตอนสดทายของวงจรพฒนาระบบ (SDLC)*หลงจากระบบใหมไดเรมด าเนนการ*ผใชระบบจะพบกบปญหาทเกดขนเนองจากความไมคนเคยกบระบบใหม*และคนหาวธการแกไขปญหานนเพอใหตรงกบความตองการของผใชเองได*สรปกจกรรมในขนตอนท*7*ไดดงน

- เกบรวบรวมค ารองขอใหปรบปรงระบบ - วเคราะหขอมลรองขอใหปรบปรงระบบ - ออกแบบการท างานทตองการปรบปรง - ปรบปรง

9

2.3--แผนภาพกระแสขอมล (Data Flow Diagram: DFD) ------แผนภาพกระแสขอมล*(DFD)*เปนเครองมอทใชกนอยางแพรหลายในการเขยนแบบระบบใหมในการเขยนแผนภาพจ าลองการท างานของกระบวนการ*(Process)*ตาง*ๆ*ในระบบโดยเฉพาะกบระบบท "หนาท"*ของระบบมความส าคญและมความสลบซบซอนมากกวาขอมลทไหลเขา ------สรป*(Data*Flow*Diagram*DFD)*เปนเครองมอเชงโครงสรางทใชบรรยายภาพรวมของระบบโดยแสดงขนตอนการท างานของระบบหรอ*Process*ระบแหลงก าเนดของขอมล*การไหลของขอมล ปลายทางขอมล*การเกบขอมลและการประมวลผลขอมล-กลาวงาย-ๆ-คอจะชวยแสดงแผนภาพวาขอมลมาจากไหนจะไปไหน-เกบขอมลไวทไหน-มอะไรเกดขนกบขอมลระหวางทางเรยกวาแผนภาพกระแสขอมล-ดงตารางท-2-1 ตารางท 2-1 สญลกษณทใชในแผนภาพกระแสขอมล DFD (Data Flow Diagram Symbol)

DeMarco & Yourdon Gane & Sarson ความหมาย

Process : ขนตอนการท างานภายในระบบ

Data Store : แหลงขอมลสามารถเปนไดทงไฟลขอมลแ ล ะ ฐ า น ข อ ม ล -( File-or Database)

External Agent : ปจจยหรอสภาพแวดลอมทมผลกระทบตอระบบ

Data Flow : เสนทางการไหลของขอมล แสดงทศทางของขอมลจากขนตอนการท างานหนงไปยงอกขนตอนหนง

10

------สญลกษณทใชในการเขยนแผนภาพกระแสขอมล-ประกอบดวย-4-สญลกษณดวยกน-คอ ------2.3.1--Process-หรอ-ขนตอนการด าเนนงาน-คอ-งานทด าเนนการ/ตอบสนองขอมลทรบเขา หรอด าเนนการ/ตอบสนองตอเงอนไข/สภาวะใด-ๆ ทเกดขน*ไมวาขนตอนการด าเนนงานนนจะกระท าโดยบคคล-หนวยงาน-เครองจกร-หรอเครองคอมพวเตอรกตาม-โดยจะเปนกรยา(Verb) --------------2.3.1.1-.กฎของการใชสญลกษณประมวลผล (Process) ............*ก)--ตองไมมขอมลรบเขาเพยงอยางเดยว โดยไมมการสงขอมลออกจากขนตอนการท างาน-(Process)-เรยกขอผดพลาดชนดนวา-“Black-Hole”-เนองจากขอมลทรบเขามาแลวสญหายไป

ข) ตองไมมขอมลออกเพยงอยางเดยว*โดยไมมขอมลเขาส*Process*เลยขอมลรบเขาจะตองเพยงพอในการสรางขอมลสงออก-กรณทมขอมลทรบเขาไมเพยงพอในการสราง

ค) ขอมลส งออกเรยกวา -“Gray-Hole”-โดยอาจเกดจากการรวบรวมขอเทจจรงและขอมลไมสมบรณ-หรอการใชชอขอมลรบเขาและขอมลสงออกผด

ง)--การตงชอ-Process-ตองใชค ากรยา-(Verb)-เชน-Prepare-Management - Report,-Calculate-Data-ส าหรบภาษาไทยใชเปนค ากรยาเชนเดยวกน-เชน-บนทกขอมลใบสงซอ ตรวจสอบขอมลลกคา-ค านวณเงนเดอน-เปนตน

2.3.2--เสนทางการไหลของขอมล-(Data Flows)-เปนการสอสารระหวางขนตอนการท างาน (Process)-ตาง-ๆ-และสภาพแวดลอมภายนอกหรอภายในระบบ-โดยแสดงถงขอมลทน าเขาไปในแตละ Process-และขอมลทสงออกจาก-Process-ใชในการแสดงถงการบนทกขอมล-การลบขอมล-การแกไขขอมลตาง-ๆ-สญลกษณทใชอธบายเสนทางการไหลของขอมลคอ-เสนตรงทประกอบดวยหวลกศรตรงปลายเพอบอกทศทางการเดนทางหรอการไหลของขอมล --------------2.3.2.1--กฎของกระแสขอมลใชสญลกษณลกศร (Data Flow)

ก) ชอของ-Data-Flow-ควรเปนชอของขอมลทสงโดยไมตองอธบายวาสงอยางไร ท างานอยางไร

ข)-.Data-Flow-ตองมจดเรมตนหรอสนสดท-Process-เพราะ-Data-Flow-คอขอมลน าเขา-(Inputs)-และขอมลสงออก-(Outputs)-ของ-Process

ค)-.Data-Flow-จะเดนทางระหวาง-External-Agent-กบ-External-Agent-ไมได ง)พData-Flow-จะเดนทางจาก-External-Agent-ไป-Data-Store-ไมได จ)r.Data-Flow-จะเดนทางจาก-Data Store-ไป-External-Agent-ไมได ฉ).rData-Flow-จะเดนทางระหวาง-Data-Store-กบ-Data-Store-ไมได ช)pการตงชอ-Data-Flow-จะตองใชค านาม-(Noun)-เชน-Inventory-Data,

Goods-Sold-Data-เปนตน

11

------2.3.3--ตวแทนขอมล (External Agents)-หมายถง-บคคล-หนวยงานในองคกร-องคกรอน-ๆ หรอระบบงานอน-ๆ-ทอยภายนอกขอบเขตของระบบ-แตมความสมพนธกบระบบ-โดยมการสงขอมลเขาสระบบเพอด าเนนงาน-และรบขอมลทผานการด าเนนงานเรยบรอยแลวจากระบบ-สญลกษณทใชอธบาย คอ-สเหลยมจตรส-หรอสเหลยมผนผา-ภายในจะตองแสดงชอของ-External-Agent-โดยสามารถท าการซ า-(Duplicate)-ไดดวยการใชเครองหมาย-\-(back slash)-ตรงมมลางซาย --------------2.3.3.1--กฎของตวแทนขอมล (External Agents)

ก)…ขอมลจาก-External-Agent-จะวงไปสอก-External-Agent-หนงโดยตรงไมได จะตองผาน-Process-กอนเพอประมวลขอมลนน-จงไดขอมลออกไปสอก*External-Agent

ข)…การตงชอ-External-Agent-ตองใชค านาม-(Noun)-เชน-Customer,-Bank ------2.3.4—แหลงจดเกบขอมล-(Data-Store)-เปนแหลงเกบ/บนทกขอมล-เปรยบเสมอนคลงขอมล (เทยบเทากบไฟลขอมล-และฐานขอมล)-โดยอธบายรายละเอยดและคณสมบตเฉพาะตวของสงทตองการเกบ/บนทก-สญลกษณทใชอธบายคอสเหลยมเปดหนงขาง-แบงออกเปนสองสวน-ไดแก-สวนท-1-ทางดานซายใชแสดงรหสของ-Data-Store-อาจจะเปนหมายเลขล าดบหรอตวอกษรได-เชน-D1, D2-เปนตน ส าหรบสวนท-2-ทางดานขวาใชแสดงชอ-Data-Store-หรอชอไฟล --------------2.3.4.1--กฎของแหลงจดเกบขอมล-(Data Store)

ก)...ขอมลจาก-Data-Store-หนงจะวงไปสอก-Data-Store-หนงโดยตรงไมได จะตองผานการประมวลผลจาก-Process-กอน

ข)-.ขอมลจาก-External-Agent-จะวงเขาส-External-Agent-โดยตรงไมได ค)..การตงชอ-Data-Store-จะตองใชค านาม-(Noun)-เชน-Customer-File,

Inventory-หรอ-Employee-File-เปนตน 2.4--แผนภาพแสดงความสมพนธของขอมล (Entity Relation Diagram: ER-Diagram)

การออกแบบฐานขอมลดวย-E-R-Model-เปนเพยงวธหนงทชวยในการออกแบบฐานขอมล-และไดรบความนยมอยางมาก-น าเสนอโดย-Peter-ซงวธการนอยในระดบ-Conceptual-Level-และมหลกการคลายกบ-Relational-Model-เพยงแต-E-R-Model-แสดงในรปแบบกราฟก-บางระบบจะใช E-R-Model-ไดเหมาะสมกวา-แตบางระบบจะใช-Relational-Model-ไดเหมาะสมกวาเปนตน-ซง แลวแตการพจารณาของผออกแบบวาจะเลอกใชแบบใด-Relational-Model-คอตารางขอมลทม ความสมพนธกน ------แผนภาพแสดงความสมพนธระหวางขอมล-(E-R-Diagram)-หมายถง-แผนภาพทใชเปนเครองมอส าหรบจ าลองขอมล-ซงจะประกอบไปดวย-Entity-แทนกลมของขอมลทเปนเรองเดยวกน-เกยวของกน และความสมพนธระหวางขอมล-(Relationship)-ทเกดขนทงหมดในระบบ

12

------E-R-Diagram-หรอ-Entity-Relationship-Diagram-จะแสดงชนดของความส าพนธวาเปนชนด หนงตอหนง-(One-to-One)-หนงตอหลายสง-(One to Many)-หรอหลายสงตอหลายสง-(Many-to - Many)-ER-Diagram-ประกอบดวยองคประกอบพนฐานดงน ------2.4.1--เอนทต-(Entity) //0เอนทต หมายถง สงของหรอวตถทเราสนใจ-ซงอาจจบตองไดและเปนไดทงนามธรรม โดยทวไปเอนทตจะมลกษณะทแยกออกจากกนไป-เชน-เอนทตพนกงาน จะแยกออกเปนของพนกงาน เลย เอนทตเงนเดอนของพนกงานคนหนงกอาจเปนเอนทตหนงในระบบของโรงงาน ///.เอนทตจะมกลมทบอกคณสมบตทบอกลกษณะของเอนทต เชน พนกงานมรหส ชอ นามสกล และแผนก โดยจะมคาของคณสมบตบางกลมทท าใหสามารถแยกเอนทตออกจากเอนทต อนได เชน รหสพนกงานทจะไมมพนกงานคนไหนใชซ ากนเลย เราเรยกคยของคณสมบตกลมนวาเปน-คยของเอนทตอนได เชน รหสพนกงานทจะไมมพนกงานคนไหนซ ากนเลย-เราเรยกคยของคณสมบตกลมนวาเปนคยของเอนทต ดงภาพท 2-1

ภาพท 2-1 รปแสดงสญลกษณของ Entity

------2.4.2...แอททรบวท (Attribute) -------------.*Attribute-คอ คณสมบตของวตถหรอสงของทสนใจ โดยอธบายรายละเอยดตาง.ๆ.ทเกยวของกบลกษณะของเอนทต โดยคณสมบตนมอยในทกเอนทต เชน ชอ นามสกล ทอย แผนก เปน Attribute ของเอนทตพนกงาน ...................โมเดลขอมล เรามกจะพบวา Attribute มลกษณะขอมลพนฐานอยโดยทไมตองมค าอธบายมากมาย และ Attribute กไมสามารถอยแบบโดด.ๆ ไดโดยทไมมเอนทตหรอความสมพนธ ดงภาพท 2-2

ภาพท 2-2 รปแสดงสญลกษณของ Attribute

Employee

Employee

name

13

------2.4.3--ความสมพนธ (Relationship) .................เอนทตแตจะตองมความสมพนธรวมกน โดยจะมชอแสดงความสมพนธรวมกนซงจะใช รปภาพสญลกษณสเหลยมรปวาวแสดงความสมพนธระหวางเอนทตและระบชอความสมพนธลงใน สเหลยม ตวอยางเชน รปนแสดงใหเหนถงความสมพนธระหวางเอนทตอาจารยกบกลมเรยน ดงภาพท 2-3

ภาพท 2-3 รปแสดงสญลกษณของ Relationship

เอนทตจะตองมความสมพนธรวมกน โดยจะมชอแสดงความสมพนธรวมกนซงจะใชรปภาพสญลกษณสเหลยมรปวาวแสดงความสมพนธระหวางเอนทต ระดบชนของความสมพนธ(Relationships Degree) จะบอกถงความสมพนธระหวางเอนทต -------------..2.4.3.1--ความสมพนธแบบหนงตอหนง (One - to - One Relationship)

เปนการแสดงความสมพนธของขอมลของเอนทตหนงวา มความสมพนธกบขอมลอยางมากหนงขอมลกบอกเอนทตหนงในลกษณะทเปนหนงตอหนง เชน เอนทตนกศกษากบเอนทต โครงงานวจยมความสมพนธกนแบบหนงตอหนงคอ นกศกษาแตละคนท าโครงงานวจยได 1 โครงงาน เทานน และแตละโครงงานวจยมนกศกษารบผดชอบไดไมเกน 1 คน เปนตน ดงภาพท 2-4

ภาพท 2-4 ความสมพนธแบบหนงตอหนง

-------------..2.4.3.2--ความสมพนธแบบหนงตอกลม..(One - to - Many Relationship) เปนการแสดงความสมพนธของขอมลของเอนทตหนงวามความสมพนธกบ

ขอมลหลายขอมลกบอกเอนทตหนง เชน ความสมพนธของลกคาและค าสงซอเปนแบบหนงตอกลมคอ ลกคาแตละคนสามารถสงซอหลายค าสงซอแตละค าสงซอมาจากลกคาเพยงคนเดยว ดงภาพท 2-5

Professor teach Class

นกศกษา รบผดชอบ โครงการวจย

14

ภาพท 2-5กความสมพนธแบบหนงตอกลม

---------------2.4.3.3...ความสมพนธแบบกลมตอกลม..( Many - to - Many Relationship ) เปนการแสดงความสมพนธของขอมลของสองเอนทตในลกษณะแบบกลม ตอ

กลม เชน ความสมพนธระหวางค าสงซอกบสนคาเปนแบบกลมตอกลมคอ แตละค าสงซออาจสงซอ สนคาไดมากกวา 1 ชนด และในสนคาแตละชนดอาจปรากฏอยในค าสงซอไดมากกวา 1 ค าสงซอ ดงภาพท 2-6

ภาพท 2-6..ความสมพนธแบบกลมตอกลม

ภาพท 2-7กE-R Diagram ของรปแบบ Chen Model

ภาพท 2-8กE-R Diagram ของรปแบบ Crow’s Foot Model

พนกงาน งาน ต าแหนง

รหสพนกงาน

ชอพนกงาน

รหสต าแหนง

ชอต าแหนง

N ลกคา การสงซอ ค าสงซอ

N ค าสงซอ ม สนคา

พนกงาน พนกงาน รหสพนกงาน รหสต าแหนง ชอพนกงาน ชอต าแหนง

เพศ

15

2.5--ระบบฐานขอมลดวย (MySql 5.0) -------My..SQL..ถอเปนระบบจดการฐานขอมล -(DataBase-Management-System)-:-(DBMS) ฐานขอมลมลกษณะเปนโครงสรางของการเกบรวบรวมขอมล การทจะเพมเตม เขาถงหรอ ประมวลผลขอมลทเกบในฐานขอมลจ าเปนจะตองอาศยระบบจดการฐานขอมล ซงจะท าหนาทเปนตวกลางในการจดการกบขอมลในฐานขอมลทงส าหรบการใชงานเฉพาะและรองรบการท างานของแอพลเคชนอน.ๆ ทตองการใชงานขอมลในฐานขอมลเพอใหไดรบความสะดวกในการจดการกบขอมลจ านวนมาก-MySQLท าหนาทเปนทงตวฐานขอมลและระบบจดการฐานขอมล แมวา MySQL ไมใชระบบจดการฐานขอมลทดทสด แตดวยจดเดนหลายประการท าให MySQL-กาวขนมาเปนระบบจดการฐานขอมลทมจ านวนผใชมากทสดในกลม Open Source-Database -------ในเวอรชน 5.0 มความสามรถหลายอยางทส าคญส าหรบระบบฐานขอมลขนาดใหญหรอระดบอ ง ค ก ร -(EnterPrise-Feature)-เ ช น -Store-Procedure,-Database-Trigger,-Database.-View, Database-Schema-ซงไดมการปรบเพมประสทธภาพในสวนของตารางและการท าดชน (index) ขนมาอกปจจบนเวอรชน Community หรอเวอรชนทเสถยร (Stable) 5.0 และเวอรชนทดสอบคอ 5.1 Beta-Release และ 5.2 Alpha 2.6--โปรแกรมสรางเวบไซต (Adobe Dreamweaver CS6)

Adobe-Dreamweaver-หร อช อ เ ด ม -ค อ -แม โครม เ ด ย -ดร ม ว ฟ -เ ว อร -(Macromedia- Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส-HTML-ในการพฒนาโปรแกรมทมการรวมทงสองแบบ -เขาดวยกนแบบน ท าให Dreamweaver-เปนโปรแกรมทแตกตางจากโปรแกรมอน.ๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533-จนถงปพ.ศ.2544-Dreamweaver มสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70%-Dreamweaver ม ท ง ใ น ระบบปฏ บ ต ก า รแมค อนทอช และ ไม โครซอฟท ว น โ ดว ส Dreamweaver ยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINE ไดรนลาสด-คอ Dreamweaver CS6 การท างานกบภาษาตาง.ๆ Dreamweaver สามารถท างานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ Cold Fusion รวมถงการจดการฐานขอมลตาง.ๆ อกดวย และในเวอรชนลาสด (เวอรชน CS6) ยงสามารถท างานรวมกบ XML และ CSS ไดอยางงายดาย ความสามารถของโปรแกรมในการเขยนเวบเพจ จะมลกษณะคลายกบการพมพงานในโปรแกรม Text Editor ทวไป คอวามนจะเรยงชดซายบนตลอดเวลาไมสามารถยายหรอ น าไปวางต าแหนงทตองการไดทนทเหมอนโปรแกรมกราฟฟก เพราะฉะนนหากเราตองการจดวางรปแบบตามทเราตองการกใช

16

ตาราง Table เขามาชวยจดต าแหนง ซงเมอมการจดวางรปแบบทซบซอนมากขน การเขยนภาษา HTML ก ซบซอนยงขนเชนกน โปรแกรม Dreamweaver อาจจะไมสามารถเขยนเวบไดตามทเราตองการทงหมด วธการแกไขปญหาทดทสดคอ ควรจะเรยนรหลกการของภาษา HTML ไปดวย ซงถอวาเปน สงทจ าเปนมากส าหรบผทตองการประกอบอาชพ Webmaster แบบจรงจง อาจจะไมตองถงกบ ทองจ า Tag ตาง ๆ ไดทงหมด แตขอใหร เขาใจหลกการกพอแลว เพราะหลายครงทเราจะเขยน เวบใน Dreamweaver แลวกลบไดผลผดเพยนไป ไมตรงตามทตองการ กตองมาแกไข Code HTML

2.6.1--ความสามารถของ Dreamweaver สรปไดดงน --…สนบสนนการท างานแบบ -WYSIWYG-(What-You-See-Is-What-You-Get)-40

หมายความวาเวบทเราเขยนหนาจอ Dreamweaver กจะแสดงแบบเดยวกบเวบเพจจรง.ๆ.ชวยใหเรา เขยนเวบเพจงายขน ไมตองเขยน Code HTML เอง ----------------…มเครองมอในการชวยสรางเวบเพจ ทมความยดหยนสง

-...สนบสนนภาษาสครปตตาง.ๆ ทงฝง Client และ Server เชน Java, ASP, PHP, CGI, VBScript

-…มเครองมอในการ Upload หนาเวบเพจไปทเครอง Server เพอท าการเผยแพรงานทเราสรางในอนเทอรเนต โดยการสงผาน FTP หรอ โดยการใชโปรแกรม FTP ภายนอกชวย เชน WS FTP

-…รองรบมลตมเดย เชน การใสเสยง, การแทรกไฟลวดโอ, การใชงานรวมกบโปรแกรม Flash, Fireworks -------2.6.2--การใชงานเบองตน

5- ภาษา HTML-เปนภาษาทออกแบบส าหรบการแสดงผลเทานน ไมสามารถประ มวลผล หรอใชเขยนเวบแอพพลเคชนได หากตองการเพมลกเลน หรอ เทคนคพเศษ เชน Effect ตาง ๆ ตองน าภาษา JavaScript มาเสรม HTML อกท -...การจดรปแบบใน Code เชนการขนบรรทดใหมการเวนวรรค ไมมผลตอการ แสดงผลทาง Web Browser

-…การขนบรรทดใหม ตองใช Tag หรอ กดปม Shift + Enter -…การขนยอหนาใหม ตองใช Tag หรอกดปม Enter -…การเวนวรรค ตองใช Tag พเศษ หรอ กดปม Ctrl+ Shift + Spacebar -…หลกการอาน Tag ของภาษา HTML จะอานคาจาก Tag ทอยดานในกอน -…ไฟล HTML และ Script ตาง.ๆ สามารถเปดแกไขในโปรแกรม Text Editor ทวไปไม

จ าเปนตองแกไขใน Dreamweaver เพยงอยางเดยว

17

------------ -…การแทรกขอความ และการปรบแตงคาตาง ๆ ใหคลกต าแหนงทตองการแลวพมพขอความตามตองการ หรอใหเลอกขอความเมอตองการก าหนดคาตาง ๆ เพมเตม ------2.6.3--โปรแกรม Adobe Dreamweaver CS6 เปนโปรแกรมทเหมาะส าหรบออกแบบ และชวยพฒนาเวบไซตทไดรบความนยมอยางมากส าหรบนกออกแบบและนกพฒนาเวบไซต ซงเปนโปรแกรมในแบบทเราไมจ าเปนตองใช code html เราสามารถสรางเวบไซตดวยสงทเราเหนและคดจะท า เชน การท าสตวอกษรในโปรแกรม Adobe Dreamweaver CS6 เรากไมจ าเปนตองร code สตาง ๆ เราสามารถเลอกสทเราตองการท าไดเลย 2.7...ภาษาทใชในการพฒนาระบบ PHP -------PHP เปนหนงในภาษา Web Programming ทไดรบความนยมเปนอยางมากใน ปจจบน โดย PHP ยอมาจาก Personal Home Page หรอสามารถเรยกอยางเปนทางการไดวา PHP Hypertext Preprocessor ปจจบน PHP มผลงานทเตบโตมาจากกลมของนกพฒนาในเชงเปดเผย รหสตนฉบบ หรอ Open Source ท าให PHP มการพฒนาไปอยางรวดเรวและแพรหลาย สามารถใช รวมกบ Web Server หลาย.ๆ ตวบนระบบปฏบตการ การท างานของ PHP -------PHP เปนภาษาทมการท างาน ทเรยกวา Server Side Script คอมการท างานทฝงของเวบ เซรฟเวอร (Web Server) โดยเครองไคลเอนต (Client) มการรองขอทจะดเวบไซตไปทฝงของเวบ เซรฟเวอรและไฟล PHP ตาง.ๆ จะเกบไวทฝงของเวบเซรฟเวอรโดยเวบเซรฟเวอรจะมการตดตง PHP Interpreter ทจะแปลค าสงตางๆ ของไฟล PHP ทมและจะสงขอมลกลบมาใหผใชในรปแบบของ 35 ภาษา HTML โดย PHP Interpreter จะแปลไฟล PHP Script ตาง.ๆ ทถกเรยกดกอนจะสงขอมล กลบไปใหเครองไคลเอนตในรปแบบของค าสง HTML ดงภาพท 2-9

ภาพท 2-9 แสดงการท างานของ PHP

18

ตวอยางการแสดงการท างานเมอมการเรยกดเวบไซต จะเหนวาเมอมการเรยกดเวบไซตท ตองการ จะมการรองขอไปยงเวบเซรฟเวอร จากนนเวบเซรฟเวอรจะสงขอมลกลบมาในรปแบบของ ภาษา HTML ท าใหเกดหนาตาของเวบไซตทแสดงผลออกมา ถาเปนลกษณะของการเรยกดไฟล PHP Script นน ไฟลดงกลาวจะมการจดเกบไฟลไวทสวนของเวบเซรฟเวอร เมอมการถกเรยกด PHP Interpreter จะประมวลผลไฟลทถกเรยกเปดกอนทจะสงขอมลกลบมาใหทางเครองไคลเอนต ซงขอมลทประมวลผลออกมาเพอสงกลบมานน จะเปนขอมลท อยในรปแบบของภาษา HTML 2.8…โปรแกรมตกแตงภาพ (Adobe Photoshop CS6) ------โปรแกรม Photo shop เปนโปรแกรมในตระกล Adobe ทใชส าหรบตกแตงภาพถายและภาพกราฟฟก ไดอยางมประสทธภาพ ไมวาจะเปนงานดานสงพมพ นตยสาร และงานดานมลตมเดย อกทงยงสามารถ retouching ตกแตงภาพและการสรางภาพ ซงก าลงเปนทนยมสงมากในขณะน เราสามารถใชโปรแกรม Photoshop ในการตกแตงภาพ การใส Effect ตาง ๆ.ใหกบภาพ และตวหนงสอ การท าภาพขาวด า การท าภาพถายเปนภาพเขยน การน าภาพมารวมกน การ Retouch ตกแตงภาพตาง ๆ ------2.8.1--ความสามารถพนฐานของ Adobe Photoshop --------------2.8.1.1...ตกแตงหรอแกไขรปภาพ --------------2.8.1.2...ตดตอภาพบางสวน หรอทเรยกวา crop ภาพ --------------2.8.1.3...เปลยนแปลงสของภาพ จากสหนงเปนอกสหนงได --------------2.8.1.4...สามารถลากเสน แบบฟรสไตล หรอใสรปภาพ สเหลยม วงกลม หรอสรางภาพไดอยางอสระ --------------2.8.1.5...มการแบงชนของภาพเปน Layer สามารถเคลอนยายภาพไดเปนอสระตอกน --------------2.8.1.6...การท า cloning ภาพ หรอการท าภาพซ าในรปภาพเดยวกน --------------2.8.1.7...เพมเตมขอความ ใส effect ของขอความได --------------2.8.1.8 .Brush หรอแปรงทาส ทสามารถเลอกรปแบบส าเรจรปในการสรางภาพได ------2.8.2...สวนส าคญหลกททตองรดงน --------------2.8.2.1...เมนของโปรแกรม Application menu หรอ Menu bar ประกอบดวย -----------------------...ก)..File หมายถง รวมค าสงทใชจดการกบไฟลรปภาพ เชน สรางไฟลใหม, เปด, ปดบนทกไฟล, น าเขาไฟล, สงออกไฟล และอน ๆ ทเกยวกบไฟล -----------------------..ข)..Edit-หมายถง รวมค าสงใชส าหรบแกไขภาพ และปรบแตงการท างานของโปรแกรมเบองตน เชน กอปป, วาง, ยกเลกค าสง, แกไขเครองมอ และอน ๆ

19

-----------------------......ค)..Image หมายถง รวมค าสงทใชปรบแตงภาพ เชน ส, แสง, ขนาดของภาพ (image size), ขนาดของเอกสาร (canvas), โหมดสของภาพ, หมนภาพ และอน ๆ ----------------..............ง)..Layer หมายถง รวมค าสงทใชจดการกบเลเยอร ทงการสรางเลเยอร, แปลงเลเยอร และการจดการกบเลเยอรในดานตาง ๆ ....................................จ)..Select รวม ค าสงเกยวกบการเลอกวตถหรอพนทบนรปภาพ (Selection) เพอน าไปใชงานรวมกบค าสงอน ๆ เชน เลอกเพอเปลยนส, ลบ หรอใชเอฟเฟกตตาง ๆ กบรปภาพ ....................................ฉ)..Filter เปนค าสงการเลน Effects ตางๆส าหรบรปภาพและวตถ ******************+.ช)..View เปนค าสงเกยวกบมมมองของภาพและวตถในลกษณะตาง.ๆ เชน การ ขยายภาพและยอภาพใหดเลก ....................................ซ)..Window เปนสวนค าสงในการเลอกใชอปกรณเสรมตางๆทจ าเปนในการใชสราง Effects ตางๆ ....................................ฌ).Help เปนค าสงเพอแนะน าเกยวกบการใชโปรแกรมฯและจะมลายละเอยดของโปรแกรมอยในนน .....................2.8.2.2-.เมนของพนทท างาน Panel menu .......-Panel-(พาเนล) เปนวนโดวยอย.ๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส, พาเนล Layers ใชส าหรบจดการกบเลเยอร และพาเนล Info ใชแสดงคาสตรงต าแหนงทชเมาส รวมถงขนาด/ต าแหนงของพนททเลอกไว .....................2.8.2.3-.พนทท างาน Stage หรอ Panel เปนพนทวางส าหรบแสดงงานทก าลงท าอย .....................2.8.2.4--เครองมอทใชงาน Tools panel หรอ Tools box …………………………//Tool Panel (ทลพาเนล) หรอกลองเครองมอจะประกอบไปดวยเครองมอตาง.ๆ.ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ 2 เพอบอกใหรวาในปมนยงมเครองมออนอยดวย .....................2.8.2.5--สงทควบคมเครองมอทใชงาน Tools control menu หรอ Option bar ....................................Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตาง.ๆ โดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนน เชน เมอเราเลอกเครองมอ Brush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะหวแปรง, โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน ------2.8.3--การเขาใชงานโปรแกรม Adobe Photoshop CS6 …………….....2.8.3.1--แสดงหนาจอโหลดเขาโปรแกรม Adobe Photoshop CS6 ดงภาพท 2-10

20

ภาพท 2-10 แสดงหนาจอโหลดเขาโปรแกรม Adobe Photoshop CS6

--------------2.8.3.2--เมอเขาสโปรแกรมโปรแกรมจะพบกบ หนาตางโปรแกรม Adobe Photoshop CS6 ลกษณะดงภาพท 2-11

ภาพท 2-11 แสดงหนาตางโปรแกรม Adobe Photoshop CS6

21

2.8.3.3-.เปนแถบเครองมอหลก ในการใชงานโปรแกรม Adobe Photoshop CS6 จะแสดงความหมายของแตละเครองมอ ดงน ...ก)..File ค าสงเกยวกบการจดเกบและเรยกใชไฟลรปภาพตาง ๆ .ข)..Edit ค าสงเกยวกบการแกไขลกษณะของรปภาพและ Image ตาง ๆ ..ค)..Image ค าสงการจดการรปภาพและ Image ตาง.ๆ .ง)..Layer ชนหรอล าดบของรปภาพและวตถทเราตองการจะท า Effects ..จ)..Select เปนค าสงการเลอกพนทหรอสวนตางของรปภาพและวตถในการทจะเลน Effects ตาง ๆ ฉ)..Filter เปนค าสงการเลน Effect ตาง.ๆ ส าหรบรปภาพและวตถ ช)..3D รวมค าสงทใชกบภาพ 3 มต

................2.8.3.4..เครองมอทใชในโปรแกรม Adobe Photoshop CS6 ประกอบดวย ดงตารางท2-2 ตารางท 2-2 เครองมอโปรแกรม Adobe Photoshop CS6 ล าดบ ปม หนาท

1 Elliptical Marquee Tool Elliptical Marquee Tool : สามารถสรางการเลอกพนทเปนวงกลมและวงร

2 Lasso Tool เครองมอนใชโดยการคลกคางลงตรงLasso Tool

3 Quick Selection Tool Quick Selection Tool ใชเลอกขอบเขตวตถทพฒนามาจาก Magic Wand Tool

4 Crop Tool Crop Tool คอ แดรกเมาสเปนแนวทแยงมมของภาพเมอปลอยเมาสกจะเกด Bounding Box ขนมาใหเราท าการปรบแตงตอ (ยอ, ขยาย, หมน)

5 Eyedropper Tool การใช Eyedropper Tool ท าใหเราสามารถเลอกส จากภาพทเรามอยได

6 Spot Healing Brush Tool

Spot Healing Brush Tool เปนเครองมอส าหรบใชลบรวลอย ระบายสโดยเครองมอนจะน าเอาสในบรเวณรอบ ๆ มาซอมแซมสวนทก าลงระบาย

7 Brush Tool Brush Tool เครองมอนไวใชส าหรบลงสทวไป มทงหมด 3 เครองมอคอ Brush Tool, Pencil Tool, Color Replacement Tool

22

--------------2.8.3.5-.การเรมสรางชนงานใหม เพอน ามาตกแตง วาดภาพตามทไดตงใจไว โดยเรมท คลกทเมนค าสง File ทแถบ Menu Bar จากนนเลอกค าสง New ดงภาพท 2-12

ภาพท 2-12 แสดงการเรมสรางชนงานใหม

ภาพท 2-12 แสดงการเรมสรางชนงานใหม

2.8.3.6/เมอเขามาหนาตาง-New-แลวจะปรากฏ -Dialog-ส าหรบก าหนดคาหนา กระดาษน ดงภาพท 2-13 .ก)...Name การตงชอชนงาน .ข)...Preset การเลอกรปแบบการใชงาน .ค)…Width ก าหนดคาความกวางของชนงาน .ง)...Height ก าหนดคาความสงชองชนงาน .จ)...Resolution ก าหนดความละเอยดของภาพ .ฉ)...Color Mode ก าหนดคาของส .ช)…Background ก าหนดสพนหลงของภาพ .ซ)…White ก าหนดไหพนหลงเปนสขาว .ฌ)..Background ก าหนดใหพนหลงเปนสเดยว

23

ภาพท 2-13 แสดงการก าหนดคาชนงาน

บทท 3

การวเคราะหระบบ

*****โครงงานนเปนการพฒนาระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด มการวเคราะหระบบดงน *****3.1--การออกแบบกระบวนการท างานของระบบ

----3.1.1--แผนภาพบรบท (Context Diagram) ----3.1.2--แผนภาพกระแสขอมล (Data Flow Diagram)

*****3.2--การออกแบบกระบวนการจดเกบขอมล ----3.2.1--แผนภาพแสดงความสมพนธ (Entity Relationship Diagram : E-R Diagram) ----3.2.2--ตารางขอมล (Data Table)

3.1--การออกแบบกระบวนการท างานของระบบ -----03.1.1--แผนภาพบรบท (Context Diagram) เปนการออกแบบแผนภาพการไหลของขอมลระดบบนสด ทแสดงภาพรวมการท างานของระบบ ดงภาพท 3-1

0

� - � �

� � � �

� �

�

� �

�

� �

� � � � � �

� � � �

� �

� � � � �

�

� �

�

� �

� �

� � �

� �

� � �

ภาพท 3-1 แผนภาพบรบทของระบบเบกจายวสดอปกรณส านกงาน

กรณศกษาองคการบรหารสวนต าบลออมเกรด

25

**** จากแผนภาพบรบทขางตนสามารถอธบายไดวา ตวแทนขอมลทเกยวของกบระบบ ประกอบดวย ผดแลระบบและผใชงานระบบ โดยมขอมลรบเขาและตดออกระหวางตวแทนขอมลกบระบบดงกลาว *****3.1.2--แผนภาพกระแสขอมล ระดบ 0 (Data Flow Diagram Level 0) ของระบบ แสดงใหเหนถงขนตอนการท างานหลกของระบบทงหมด แสดงทศทางการไหลของขอมลและแสดงรายละเอยดแหลงจดเกบขอมล ดงภาพท 3-2

1.0

�

�

�

�

�

� �

� � D1 � �

2.0

�

� � �

D2 � �

3.0

� �

� � � � �

� �

� �

� � �

� �

� � �

� � � � �

�

� � D3

� D3

� �

� �

� � �

�

5.0

�

� � � �

� � D1 �

D4

� �

4.0

�

� � � � �

� D4 � �

� D2 �

�

ภาพท 3-2 แผนภาพการไหลเวยนของขอมล (Data Flow Diagram Level 0)

ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

26

**** จากภาพท*3-2*แสดงใหเหนถงรายละเอยดของการท างานของระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด ประกอบดวย 5 กระบวนการ ดงน ******3.1.2*3.1.2.1--กระบวนการเขาสระบบ เปนการเขาใชงานของผดแลระบบและผใชงานระบบ โดยผดแลระบบและผใชงานระบบจะปอนขอมลชอเขาใชงานและรหสผาน จงสามารถใชสทธในการเขาใชงานระบบได

******3.1.2*3.1.2.2--กระบวนการคนหาขอมลวสดอปกรณ มไวส าหรบผดแลระบบและผใชงานระบบ ทสามารถท าการคนหาขอมลวสดอปกรณได โดยระบบจะดงขอมลจากแฟมขอมลวสดอปกรณมาแสดง ******3.1.2*3.1.2.3--กระบวนการบนทกการเบกจายวสดอปกรณ โดยผใชงานระบบสามารถบนทกการเบกจายวสดอปกรณได ******3.1.2*3.1.2.4--กระบวนการจดการขอมลพนฐาน โดยผดแลระบบสามารถจดการขอมลของผใชงานระบบ ขอมลงบประมาณการเบก ขอมลวสดอปกรณ โดยสามารถ เพม ลบ แกไข เมอท าการ เพม ลบ แกไข เสรจแลวระบบจะท าการจดเกบไวทแฟมขอมลตามเดม ******3.1.2*3.1.2.5--กระบวนการออกรายงาน มไวส าหรบผดแลระบบและผใชงานระบบ โดยผดแลและผใชงานระบบสามารถออกรายงานการเบกวสดอปกรณได *****3.1.3--แผนภาพการไหลของขอมลระดบท 1 (Data Flow Diagram Level 1) ของกระบวนการท 3.0 บนทกการเบกจายวสดอปกรณ

� � � � �

3.1

�

3.2

3.3 � � �

� � �

� � �

� � �

D3 � � �

� � �

D2

D4

�

�

� � �

� � �

ภาพท 3-3 แผนภาพการไหลของขอมล ระดบท 1 กระบวนการท 3.0 บนทกการเบกจายวสดอปกรณ

27

*****จากภาพท 3-3 เปนการอธบายกระบวนการ บนทกการเบกจายวสดอปกรณ ประกอบดวย 3 กระบวนการ ดงน 3.1.3.1--กระบวนการกรอกขอมลการเบกจายวสดอปกรณ มไวส าหรบผใชงานระบบ โดยผใชงานระบบจะท าการกรอกรายการวสดอปกรณทตองการ เพอท าการเบกวสดอปกรณ 3.1.3.2--กระบวนการบนทกขอมล เมอผใชงานระบบท าการเลอกรายการเบกวสดอปกรณทตองการแลว ระบบจะท าการบนทกขอมล 3.1.3.3--กระบวนการแสดงรายละเอยดขอมลการเบก เมอผใชงานระบบท าการบนทกรายการเบกวสดอปกรณเรยบรอยแลว มการแสดงรายละเอยดขอมลการเบกวสดอปกรณ *****3.1.4--แผนภาพการไหลของขอมลระดบท 1 (Data Flow Diagram Level 1) ของกระบวนการท 4.0 จดการขอมลพนฐาน

4.1

�

� � �

� � �

�

� �

D2 �

D5 � � �

D1

D4

D2 � � �

4.2

�

� � �

� � �

�

� �

D2 �

D5 � � �

D1

D4

D2 � � �

4.3

�

� � �

� � �

�

� �

D2 �

D5 � �

�

D1

D4

D2 � � �

ภาพท 3-4 แผนภาพการไหลของขอมลระดบท 1 กระบวนการท 4.0 จดการขอมลพนฐาน

28

***** จากภาพท 3-4 เปนการอธบายกระบวนการจดการขอมลพนฐาน ประกอบดวย 3 กระบวนการดงน 3.1.4.1--กระบวนการเพมขอมล มไวส าหรบผดแลระบบ โดยผดแลระบบจะท าการเพมขอมลผใชงาน ขอมลวสดอปกรณ ขอมลงบประมาณการเบก 3.1.4.2--กระบวนการลบขอมล มไวส าหรบผดแลระบบ โดยผดแลระบบจะท าการลบขอมลผใชงาน ขอมลวสดอปกรณ ขอมลงบประมาณการเบก 3.1.4.3--กระบวนการแกไขขอมล มไวส าหรบผดแลระบบ โดยผดแลระบบจะท าการลบขอมลผใชงาน ขอมลวสดอปกรณ ขอมลงบประมาณการเบก *****3.1.5--แผนภาพการไหลของขอมลระดบท 1 (Data Flow Diagram Level 1) ของกระบวนการท 5.0 ออกรายงาน

�

5.1

5.2

5.3

� � � �

� � �

�

� � �

� � �

D3 � � � � � �

ภาพท 3-5 แผนภาพการไหลของขอมล ระดบท 1

กระบวนการท 5.0 ออกรายงาน

*****จากภาพท 3-5 เปนการอธบายกระบวนการออกรายงาน ประกอบดวย 3 กระบวนการดงน 3.1.5.1--กระบวนการออกรายงานมไวส าหรบผดแลระบบ และผใชงานระบบ โดยผดแลระบบและผใชงานระบบจะท าการรองขอรายงานได

29

3.1.5.2--กระบวนการแสดงแบบฟอรม โดยจะดงรายละเอยดขอมลการเบกวสดอปกรณ 3.1.5.3--กระบวนการแสดงรายงาน โดยจะแสดงรายงานการเบกวสดอปกรณ 3.2--การออกแบบกระบวนการจดเกบขอมล *****3.2.1--แผนภาพ E-R (Entity Relationship Diagram : E-R Diagram) เปนแผนภาพทใชแสดงความสมพนธของขอมลทเกดขนในระบบ

User

m_id

m_username

m_name

level

I have OrderM have EquipmentI M

have

I

M

m_idoder_id equ_id equ_name

price

Equ_totalpicture

bud_id

bud_totalbud_amount

bud_id equ_id

Department_id

password

have

equ_details

oder_date

equ_total

order_total

Department have

Department_id

BudgetII

M

M

have

I

M

Department_id

equ_id

oder_id date

Department_name

ภาพท 3-6 E-R Diagram ของ ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

จากภาพท 3-6 จะอธบายความสมพนธของขอมล ดงตอไปน ******3.2.1*1) ขอมลแผนกผใชงาน 1 แผนก สามารถมผใชงานไดหลายคน และขอมลผใชงาน 1 คน สามารถท าการเบกจายวสดอปกรณไดหลายครง ******3.2.1*2) ขอมลการเบกจายวสดอปกรณ 1 ครง สามารถมรายละเอยดการเบกจายวสดอปกรณไดหลายรายการ และขอมลวสดอปกรณ 1 รายการ สามารถมไดหลายยอดงบประมาณ ******3.2.1*3)*ขอมลการเบกจายวสดอปกรณ 1 ครง สามารถมไดหลายยอดงบประมาณ และขอมลแผนกผใชงาน 1 แผนก สามารถมยอดงบประมาณไดหลายยอด

30

*****3.2.2--ตารางขอมล (Data Table) เปนตารางทแสดงถงความสมพนธกนระหวางตารางกบตาราง เพอใหทราบถงการออกแบบฐานขอมลทไดน ามาพฒนาระบบในครงน ชอตาราง : ขอมลผใชงานระบบ วตถประสงค : เกบรายละเอยดเกยวกบขอมลเขาสระบบ แฟมทเกยวของ : ขอมลผใชงานระบบ,ขอมลแผนก

ตารางท 3-1 ตารางแฟมขอมลผใชงานระบบ (TB_Member)

ล าดบ (Field)

คณสมบต (Attribute)

ค าอธบาย (Description)

ขนาด (Width)

ประเภท (Type)

คาเบองตน (Default)

ประเภทคย (Key Type)

1 m_id รหสผใช 10 int - PK

2 m_username ชอเขาสระบบ 50 varchar - - 3 password รหสเขาสระบบ 4 varchar - -

4 m_name ชอ-นามสกล 50 varchar - -

5 level สถานะ 10 int - -

6 Department_id รหสแผนก 10 int - FK ชอตาราง : ขอมลวสดอปกรณ วตถประสงค : เกบรายละเอยดเกยวกบขอมลวสดอปกรณ แฟมทเกยวของ : ขอมลวสดอปกรณ ตารางท 3-2 ตารางแฟมขอมลวสดอปกรณ (TB_Equipment)

ล าดบ (Field)

คณสมบต (Attribute)

ค าอธบาย (Description)

ขนาด (Width)

ประเภท (Type)

คาเบองตน

(Default)

ประเภทคย (Key Type)

1 equ_id รหสวสดอปกรณ 10 int - PK 2 equ_name ชอวสดอปกรณ 50 varchar - -

3 price ราคา 10 varchar - -

4 picture รปภาพ - Image - - 5 equ_details รายละเอยด 50 varchar - -

31

ชอตาราง : ขอมลเบกจายวสดอปกรณ วตถประสงค : เกบรายละเอยดเกยวกบการเบกจายวสดอปกรณ แฟมทเกยวของ : ขอมลการเบก,ขอมลวสดอปกรณ,ขอมลผใชงาน,ขอมลงบประมาณ

ตารางท 3-3 ตารางแฟมขอมลการเบกจายวสดอปกรณ (TB_Order)

ล าดบ (Field)

คณสมบต (Attribute)

ค าอธบาย (Description)

ขนาด (Width)

ประเภท (Type)

คาเบองตน

(Default)

ประเภทคย (Key Type)

1 oder_id รหสการเบก 10 int - PK

2 equ_id รหสวสดอปกรณ 10 int - FK 3 m_id รหสผใชงาน 10 int - FK

4 bud_id งบประมาณ 10 int - FK

5 ordertotal ยอดการเบก 10 int - - 6 oder_date วนทเบก - date - -

ชอตาราง : ขอมลแผนกผใชงาน วตถประสงค : เกบรายละเอยดเกยวกบแผนกผใชงาน แฟมทเกยวของ : ขอมลแผนกผใชงาน ตารางท 3-4 ตารางแฟมขอมลแผนกผใชงาน (TB_Department)

ล าดบ (Field)

คณสมบต (Attribute)

ค าอธบาย (Descripti

on)

ขนาด (Width)

ประเภท (Type)

คาเบองตน

(Default)

ประเภทคย (Key Type)

1 department_id รหสแผนกผใช

10 int - PK

2 department_name ชอแผนกผใช

50 varchar - -

32

ชอตาราง : ขอมลงบประมาณการเบกจายวสดอปกรณ วตถประสงค : เกบรายละเอยดเกยวกบงบประมาณการเบกจายวสดอปกรณ แฟมทเกยวของ : ขอมลงบประมาณการเบกจายวสดอปกรณ,ขอมลผใชงาน,

ขอมลวสดอปกรณ,ขอมลแผนกผใชงาน ตารางท 3-5 ตารางแฟมขอมลงบประมาณการเบกจายวสดอปกรณ (TB_budget)

ล าดบ (Field)

คณสมบต (Attribute)

ค าอธบาย (Description)

ขนาด (Width)

ประเภท (Type)

คาเบองตน

(Default)

ประเภทคย (Key Type)

1 bud_id รหสงบประมาณ

10 int - PK

2 equ_id รหสวสดอปกรณ

10 int - FK

3 order_id รหสการเบก 10 int - FK 4 Department_id รหสแผนก 10 int - FK

5 bud_amount จ านวนยอดงบประมาณ

10 int - -

6 bud_total ยอดงบประมาณ

คงเหลอ

10 int - -

บทท 4 การออกแบบระบบ

ผพฒนาระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด ไดออกแบบระบบและจ าแนกสวนตาง ๆ ของระบบดงน 4.1 สวนของผดแลระบบ 4.2 สวนของผใชงานระบบ 4.1 สวนของผดแลระบบ 4.1.1 หนาเขาสระบบ โดยผดแลระบบตองกรอกขอมลในชองของชอเขาใชงาน และรหสผาน เพอใหสามารถเขาสระบบได ดงภาพท 4-1

ภาพท 4-1 หนาเขาสระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

34

4.1.2 หนาเมนหลกของการเบก-จายวสดอปกรณส านกงาน โดยผดแลระบบจะแยกตามสวนตาง ๆ ของระบบดงน ขอมลผใชงานระบบ, ขอมลงบประมาณการเบก, ขอมลแผนกผใชงาน, เพมขอมลวสดอปกรณ, ขอมลวสดอปกรณ และออกจากระบบ ดงภาพท 4-2

ภาพท 4-2 หนาเมนหลก ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

4.1.3 หนาเมนขอมลผใชงาน ผดแลระบบสามารถเพม ลบ และแกไข ขอมลของผใชงานระบบได โดยผดแลระบบสามารถเพมขอมลในชองชอ-นามสกล, ชอเขาใชงาน, รหสผาน, สถานะ และแผนกผใชงาน ดงภาพท 4-3

ภาพท 4-3 หนาเมนขอมลผใชงานระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

35

4.1.4 หนาเมนขอมลงบประมาณการเบก โดยผดแลระบบสามารถเพม ลบ และแกไขขอมลของงบประมาณการเบก โดยสามารถเพมขอมลชอแผนก และยอดงบประมาณการเบกได ดงภาพท 4-4

ภาพท 4-4 หนาเมนขอมลงบประมาณการเบก ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

4.1.5 หนาเมนขอมลวสดอปกรณ โดยผดแลระบบสามารถเพม ลบ และแกไขขอมลของวสดอปกรณได โดยสามารถเพมขอมลในชองชอวสดอปกรณ และราคา ดงภาพท 4-5

ภาพท 4-5 หนาเมนขอมลวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

36

4.2 สวนของผใชงานระบบ 4.2.1 หนาเขาสระบบของผใชงาน จะตองกรอกขอมลเพอเขาสระบบ โดยการกรอกขอมลในชองของชอเขาใชงาน และรหสผาน เพอใหสามารถเขาสระบบได ดงภาพท 4-6

ภาพท 4-6 หนาเขาสระบบของผใชงาน ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

4.2.2 หนาเมนหลกของการเบก-จายวสดอปกรณส านกงาน โดยจะแยกออกเปนสองสวนดงน ขอมลวสดอปกรณ และออกจากระบบ ดงภาพท 4-7

ภาพท 4-7 หนาเมนคนหาขอมลวสดอปกรณ ระบบเบกจายวสดอปกรณส านกงาน

กรณศกษาองคการบรหารสวนต าบลออมเกรด

37

4.2.3 หนาขอมลรายการวสดอปกรณ ดงภาพท 4.8

ภาพท 4-8 หนาขอมลรายการวสดอปกรณ ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

4.2.4 หนาเลอกรายการวสดอปกรณ เพอมาค านวณราคา ดงภาพท 4-9

ภาพท 4-9 หนาเลอกรายการวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

38

4.2.5 หนาการยนยนการเบกวสดอปกรณโดยการใสขอมลชอ-นามสกล, ขอมลแผนก และเบอรตดตอ ดงภาพท 4-10

ภาพท 4-10 หนาการยนยนการเบกวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

39

บทท 5 สรปและขอเสนอแนะ

หลงจากทไดสรางระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออม

เกรด และท าการทดสอบระบบเรยบรอยแลว จงไดน าระบบมาตดตงและใชงานจรงเพอท าการสรปผลการท างานของระบบเบกจายวสดอปกรณส านกงาน วามประสทธภาพเปนทนาพอใจหรอไมอยางไร เพอสอดคลองกบความตองการของผใชงาน ซงสามารถสรปผลของการใชระบบเบกจายวสดอปกรณส านกงาน ไดดงน 5.1 สรปผลด ำเนนงำน การด าเนนงานเบกจายวสดอปกรณส านกงาน เปนสงทจ าเปน โดยการสรางระบบเบกจายวสดอปกรณส านกงาน เพอใหผดแลระบบสามารถดรายละเอยดของวสดอปกรณได และผใชงานระบบสามารถท างานไดสะดวกกวาระบบเดม โดยระบบเดมจะท าการจดบนทกดวยกระดาษ ท าใหอาจมขอผดพลาดในการบนทกขอมลหรออาจท ากระดาษจดบนทกเสยหาย ปญหาดงกลาวผจดท าโครงการจงมแนวความคดทจะสรางระบบเบกจายวสดอปกรณส านกงาน เพอเขามาชวยในการจดเกบขอมลเบกจายวสดอปกรณส านกงาน และออกรายงาน ใหกบผดแลระบบ และเพมความสะดวกรวดเรวและน าระบบสารสนเทศเขามาชวยในการปฏบตงานเพอใหกระบวนการท างานมประสทธภาพ โดยการวเคราะหปญหาทพบและอาจเกดขนจากระบบงานเดมและน ามาออกแบบระบบใหมโดยจะแบงเปน 2 สวนคอ ผดแลระบบและผใชงานระบบ โดยเมอมการแบงขอบเขตการท างานไดอยางชดเจนแลวนน จะไดแผนภาพกระแสขอมล (Data Flow Diagram) เปนการมองภาพรวมของกระบวนการท างานทงหมดของระบบ และใชแผนภาพแสดงความสมพนธของขอมล (ER-Diagram) เปนการแสดงความสมพนธของขอมลทจะตองมการน ามาใชในระบบใหม

เมอระบบไดท าการพฒนาและทดสอบขอผดพลาดของระบบเสรจเรยบรอย ระบบใหมทไดจะตอบสนองความตองการและตรงขอบเขตของการออกแบบโดยแบงเปน 2 สวน คอ ผดแลระบบและผใชงานระบบ โดยท 2 สวนนสามารถท างานไดคลายคลงกนคอ สามารถ คนหาวสดอปกรณ และออกรายงาน เบก-จายวสดอปกรณได โดยสงทผดแลระบบสามารถท างานไดในขอบเขตทมากกวาผใชงานระบบ กคอ สามารถ เพม ลบ และแกไข ขอมลวสดอปกรณได

40

สรปไดวาระบบเบกจายวสดอปกรณส านกงาน สามารถตอบสนองความตองการของผใชงานระบบไดครบตามทกๆสวนงาน เมอน าระบบไปใชงานจะสามารถชวยใหการด าเนนงานเปนไดไดดวยความสะดวก รวดเรว มความถกตอง และสามารถพฒนาตอยอดไดอกในอนาคต 5.2 ปญหำของระบบงำน

5.2.1 ระบบยงไมสามารถหกยอดเงนงบประมาณการจากการเบกจายวสดอปกรณได 5.2.2 มวสดอปกรณส านกงานจ านวนมาก ท าใหตองใชเวลาในการคนหาขอมลวสดอปกรณ

5.3 ขอเสนอแนะ 5.3.1 อนาคตควรพฒนาใหระบบมการแสดงขอมลวสดอปกรณทใกลจะหมดจากคลง และหมดจาก

คลง ท าใหสามารถจดการคลงวสดอปกรณไดอยางมประสทธภาพ 5.3.2 ควรพฒนาระบบใหสามารถแยกประเภทวสดอปกรณใหชดเจนมากกวาน

คมอการใชงานระบบ

การใชงานระบบการเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบล

ออมเกรด ไดแบงการใชงานของระบบออกเปน 2 สวนดงน 1.**สวนของผดแลระบบ 2.**สวนของผใชงานระบบ 1. สวนของผดแลระบบ 1.1 หนาเขาสระบบ ผดแลระบบจะตองกรอกขอมลในชองของชอผใชงาน และรหสผาน เพอใหสามารถเขาสระบบได ดงภาพท ก-1

ภาพท ก-1 หนาเขาสระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

44

1.2 เมนหลกของการเบก-จายวสดอปกรณส านกงาน โดยผดแลระบบจะแยกตามสวนตาง ๆ ของระบบดงน ขอมลผใชงานระบบ, ขอมลงบประมาณการเบก, ขอมลแผนกผใชงาน, เพมขอมลวสดอปกรณ, ขอมลวสดอปกรณ และออกจากระบบ ดงภาพท ก-2

ภาพท ก-2 เมนหลกของระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

1.3 หนาเมนขอมลผใชงาน ผดแลระบบสามารถเพม ลบ และแกไข ขอมลของผใชงานระบบได โดยสามารถเพมขอมลในชองรหสผใชงาน, ชอ – นามสกล, ชอเขาใชงาน, รหสผาน, สถานะ และแผนกผใชงาน ดงภาพท ก-3

ภาพท ก-3 หนาเมนขอมลผใชงานระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

45

1.4 หนาการเพมขอมลผใชงาน โดยผดแลระบบจะท าการเพมขอมลของผใชงานดงน ขอมลชอ-นามสกล, ขอมลชอเขาใชงาน, ขอมลรหสผาน, ขอมลสถานะ ขอมลแผนกผใชงาน ดงภาพท ก-4

ภาพท ก-4 หนาการเพมขอมลผใชงาน ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

1.5 หนาเมนขอมลงบประมาณการเบก โดยผดแลระบบสามารถเพม ลบ และแกไขขอมลของงบประมาณการเบก โดยสามารถเพมขอมลรหสแผนก, ชอแผนก และยอดเงนงบประมาณการเบกได ดงภาพท ก-5

ภาพท ก-5 หนาเมนขอมลงบประมาณการเบก ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

46

1.6 หนาการเพมขอมลงบประมาณการเบก โดยผดแลระบบจะท าการเพมขอมลงบประมาณดงน ขอมลแผนกผใชงาน,ขอมลยอดงบประมาณการเบก ดงภาพท ก-6

ภาพท ก-6 หนาการเพมขอมลงบประมาณ ระบบเบก-จายวสดอปกรณส านกงาน

กรณศกษาองคการบรหารสวนต าบลออมเกรด

1.7 หนาเมนขอมลวสดอปกรณ ผดแลระบบสามารถเพม ลบ และแกไขขอมลของวสดอปกรณได โดยสามารถเพมขอมลในชองรหสวสดอปกรณ ชอวสดอปกรณ ราคา ดงภาพท 4-5

ภาพท ก-7 หนาเมนขอมลวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

47

1.8 หนาการแกไขขอมลวสดอปกรณ โดยผดแลระบบจะท าการแกไขขอมลทตองการดงน ขอมลชอวสดอปกรณ ขอมลรายละเอยด ขอมลราคา ขอมลรปภาพ ดงภาพท ก-8

ภาพท ก-8 หนาการแกไขขอมลวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

1.9 หนาการแกไขขอมลวสดอปกรณทเรยบรอยแลว ดงภาพท ก-9

ภาพท ก-9 หนาการแกไขขอมลวสดอปกรณทเรยบรอยแลว ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

48

1.10 หนาการเพมขอมลวสดอปกรณรายการใหม โดยผดแลระบบจะท าการเพมขอมลดงน ขอมลชอวสดอปกรณ, ขอมลรายละเอยด, ขอมลราคา, ขอมลรปภาพ ดงภาพท ก-10

ภาพท ก-10 หนาการเพมขอมลวสดอปกรณรายการใหม ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

1.11 หนาการเพมขอมลวสดอปกรณทเรยบรอยแลว ดงภาพท ก-11

ภาพท ก-11 หนาการเพมขอมลวสดอปกรณทเรยบรอยแลว ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

49

2 สวนของผใชงานระบบ 2.1 หนาเขาสระบบของผใชงาน จะตองกรอกขอมลเพอเขาสระบบ โดยการกรอกขอมลในชองของชอผใชงาน และรหสผาน เพอใหสามารถเขาสระบบได ดงภาพท ก-12

ภาพท ก-12 หนาเขาสระบบของผใชงาน ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

2.2 หนาเมนหลกของการเบก-จายวสดอปกรณส านกงาน โดยจะแยกออกเปนสองสวนดงน ขอมลวสดอปกรณ และออกจากระบบ ดงภาพท ก-13

ภาพท ก-13 หนาเมนหลก ระบบเบกจายวสดอปกรณส านกงาน

กรณศกษาองคการบรหารสวนต าบลออมเกรด

50

2.3 หนารายการวสดอปกรณ ดงภาพท ก-14

ภาพท ก-14 หนารายการวสดอปกรณ ระบบเบกจายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

2.4 หนาเลอกรายการวสดอปกรณ เพอมาค านวณราคา ดงภาพท ก-15

ภาพท ก-15 หนาเลอกรายการวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

51

2.5 หนาการยนยนการเบกวสดอปกรณโดยการใสขอมลชอ – นามสกล, ขอมลแผนก, และเบอรตดตอ ดงภาพท ก-16

ภาพท ก-16 หนาการยนยนการเบกวสดอปกรณ ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

2.6 หนาการบนทกรายการเบกจายวสดอปกรณเรยบรอยแลว ดงภาพท ก-17

ภาพท ก-17 หนาการบนทกรายการเบกเรยบรอยแลว ระบบเบก-จายวสดอปกรณส านกงาน กรณศกษาองคการบรหารสวนต าบลออมเกรด

53

ประวตผจดท าโครงงาน ชอ :**นางสาวยพา กราเดช หวขอโครงงาน .:**ระบบเบกจายวสดอปกรณสานกงาน กรณศกษา องคการบรหารสวนตาบลออมเกรด :**System for disbursement of office equipment Case Study of Om Kret Subdistrict Administration Organization สาขาวชา :**คอมพวเตอรธรกจ คณะ :**บรหารธรกจ ประวต เกดวนท 13 กนยายน พ.ศ.2539 ทอยปจจบน เลขท 34/4 หม 6 ตาบลออมเกรด อาเภอปากเกรด จงหวดนนทบร 11120จบการศกษาในระดบมธยมศกษาตอนตนจาก โรงเรยนปากเกรด และระดบประกาศนยบตรวชาชพจาก วทยาลยเทคโนโลยสยามบรหารธรกจ นนทบร สาขาคอมพวเตอรธรกจ และระดบประกาศนยบตรวชาชพชนสงจาก วทยาลยเทคโนโลยวานชบรหารธรกจ สาขาคอมพวเตอรธรกจ ปจจบนกาลงศกษาอยระดบปรญญาตร หลกสตร 2 ป เทยบโอน สาขาวชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยราชพฤกษ

53

ชอ :**นางสาวพลอยชมพ จนทะมาศ หวขอโครงงาน 0:**ระบบเบกจายวสดอปกรณสานกงาน กรณศกษา องคการบรหารสวนตาบลออมเกรด :**System for disbursement of office equipment Case Study of Om Kret Subdistrict Administration Organization สาขาวชา :**คอมพวเตอรธรกจ คณะ :**บรหารธรกจ ประวต เกดวนท 9 พฤษภาคม พ.ศ.2539 ทอยปจจบน เลขท 44 หม 4 ซอย 41 ตาบลตลาดขวญ อาเภอเมอง จงหวดนนทบร 11000 จบการศกษาในระดบมธยมศกษาตอนตนจาก โรงเรยนอานวยเวทย และระดบประกาศนยบตรวชาชพจาก วทยาลยเทคโนโลยสยามบรหารธรกจ นนทบร สาขาคอมพวเตอรธรกจ และระดบประกาศนยบตรวชาชพชนสงจาก วทยาลยเทคโนโลยวานชบรหารธรกจ สาขาคอมพวเตอรธรกจ ปจจบนกาลงศกษาอยระดบปรญญาตร หลกสตร 2 ป เทยบโอน สาขาวชาคอมพวเตอรธรกจ คณะบรหารธรกจ มหาวทยาลยราชพฤกษ

ภาคผนวก ก

คมอการใชงานระบบ

บรรณานกรม

องคการบรหารสวนต าบลออมเกรด. สบคนเมอวนท จาก : http://aomkred.go.th/public/ วงจรการพฒนาระบบ จาก : http://www.swpark.or.th/sdlcproject/index.php/14-sample-data-articles/87-2013-08-09-08-39-48 สญลกษณ และกฏตาง ๆ ทใชในการเขยนแผนภาพกระแส จาก : http://www.macare.net/analysis/index.php?id=-3 โปรแกรมพฒนาระบบ (Adobe Dreamwaver Cs6) จาก : https://sites.google.com/site/adobepresentcs6/adobecs6-presents โปรแกรมตกแตงภาพ (Adobe Photoshop CS6) จาก : http://teacherjaray.blogspot.com/2014/05/blog-post.html