ระบบบริหารการเบิกจ่ายวัสดุ อุปกรณ์สำนักงาน

ตารางที่ 3 ตารางเกบ็ ขอ้ มูลพสั ดุ

ชอ่ื ตารางภาษาไทย : พสั ดุ

ชื่อตารางภาษาองั กฤษ : materials

เก็บขอ้ มลู : พัสดุ

ลาดบั แอตทริบวิ ต์ ความหมาย ชนดิ /ขนาด คยี ์
int(11) PK
1 id รหัสพัสดุ varchar(255)
int(11) คยี ์
2 name ช่ือพสั ดุ int(11) PK
varchar(255)
3 types_id ประเภทพสั ดุ smallint(6)
int(11)
4 brand_id ยีห่ อ้ double

5 details รายละเอยี ด ชนิด/ขนาด
int(11)
6 stock จานวน int(11)
int(11)
7 units_id หนว่ ย int(11)
int(11)
8 price ราคา int(11)
int(11)
ตารางที่ 4 แสดงตารางเกบ็ ข้อมลู การเบกิ พัสดุ

ชอ่ื ตารางภาษาไทย : การเบิกพัสดุ

ชื่อตารางภาษาอังกฤษ : orders

เกบ็ ขอ้ มูล : การเบกิ พัสดุ

ลาดับ แอตทรบิ วิ ต์ ความหมาย

1 id รหัสการเบิก

2 term ผู้เพิม่

3 year_of_study ปกี ารศกึ ษา

4 created_at สร้างเม่ือ

5 updated_at แกไ้ ขเมือ่

6 created_by สรา้ งโดย

7 updated_by แกไ้ ขโดย

ตารางที่ 5 ตารางเก็บข้อมลู คานาหนา้

ชื่อตารางภาษาไทย : คานาหน้า

ชอ่ื ตารางภาษาองั กฤษ : Prefix

เก็บขอ้ มูล : คานาหน้า

ลาดบั แอตทรบิ ิวต์ ความหมาย ชนิด/ขนาด คยี ์
int(11) PK
1 id รหสั คานาหนา้
varchar(15) คีย์
2 name คานาหนา้ PK
ชนิด/ขนาด
ตารางท่ี 6 แสดงตารางเก็บข้อมลู ครู int(11) คยี ์
int(11) PK
ชื่อตารางภาษาไทย : ครู varchar(50)
varchar(50)
ช่ือตารางภาษาองั กฤษ : teacher int(11)
varchar(255)
เก็บข้อมูล : ครู varchar(11)
varchar(30)
ลาดบั แอตทรบิ ิวต์ ความหมาย int(11)

1 id รหสั ครู ชนิด/ขนาด
int(11)
2 prefix_id คานาหน้า varchar(255)

3 first_name ชอื่

4 last_name นามสกลุ

5 faculty_id แผนกวิชา

6 address ทอ่ี ยู่

7 telephone เบอรโ์ ทรศพั ท์

8. email อเี มล

9. user_id รหสั ผูใ้ ช้

ตารางท่ี 7 ตารางเก็บข้อมูลประเภทพัสดุ

ชื่อตารางภาษาไทย : ประเภทพสั ดุ

ชื่อตารางภาษาองั กฤษ : Type

เกบ็ ขอ้ มลู : ประเภทพสั ดุ

ลาดบั แอตทริบิวต์ ความหมาย

1 id รหสั พัสดุ

2 name ชนดิ

ตารางท่ี 8 ตารางเก็บข้อมูลหน่วย

ชื่อตารางภาษาไทย : หน่วย

ชื่อตารางภาษาองั กฤษ : Units

เก็บข้อมูล : หน่วย

ลาดับ แอตทรบิ วิ ต์ ความหมาย ชนดิ /ขนาด คยี ์
int(11) PK
1 id รหสั varchar(150)

2 name ชื่อหนว่ ย

ตารางท่ี 9 ตารางเกบ็ ข้อมูลผ้ใู ช้

ช่ือตารางภาษาไทย : ผู้ใช้

ชื่อตารางภาษาองั กฤษ : User

เกบ็ ข้อมูล : ผู้ใช้

ลาดบั แอตทรบิ ิวต์ ความหมาย ชนดิ /ขนาด คยี ์
int(11) PK
1 id รหสั ผู้ใช้ varchar(255)
varchar(32)
2 Username ชอื่ ผู้ใช้
varchar(255)
3 auth_key รหัสรบั รองความ varchar(255)
varchar(255)
ถูกต้อง smallint(6)
int(11)
4 password_hash รหัสผา่ นแฮช int(11)

5 password_reset_tokenIndex โทเค็นรีเซ็ตรหัสผ่าน

6 email อเี มล

7 status สถานะ

8. created_at สร้างเม่ือ

9. updated_at แก้ไขเมอื่

2. การออกแบบระบบ (System Design)
* การออกแบบระบบ คือ การกาหนดสถาปัตยกรรมของระบบโดยรวม ซ่ึงประกอบด้วยชุด
ประกอบของการประมวลผลทางกายภาพเพ่อื ตอบสนองความต้องการของระบบดว้ ยการใช้เทคโนโลยี
ท้ังน้ีรายละเอียดบางส่วนของระยะการออกแบบ อาจถูกพัฒนาข้ึนจากระยะการวิเคราะห์ และใน
บางคร้ังการออกแบบระบบจะทางานควบคู่ไปกับระยะการวิเคราะห์ด้วย และโดยปกติ กิจกรรม
ต่าง ๆ ในระยะออกแบบมกั จะทางานแบบคขู่ นานกันไป
** การออกแบบระบบบริหารการเบิกจ่ายวัสดุ อุปกรณ์สานักงาน ผู้จัดทาได้ทาการออกแบบการ
ทางานของระบบ โดยใช้โปรแกรม Adobe Photoshop CS6 ออกแบบในส่วนของรูปภาพต่างๆ และ

นา bootstrap ซึ่งมีการเขียน CSS ในการจัดหน้าและตกแต่งหน้าจอในการแสดงข้อมูลของระบบ ซ่ึง
การออกแบบหนา้ จอหลกั ของระบบบริหารการเบิกจา่ ยวัสดุ อปุ กรณส์ านกั งาน มดี ังตอ่ ไปนี้

2.1 ออกแบบหน้าจอ Login เขา้ สู่ระบบ
***** หนา้ จอ Login เข้าสูร่ ะบบ จะเป็นหน้าแรกของการเขา้ ใช้งานระบบ โดยทาการกรอกช่ือ
ผู้ใช้ และรหสั ผา่ น เพ่อื Login เข้าสู่หนา้ หลกั ของระบบในแต่ละระดับผใู้ ชง้ าน

ภาพท่ี 5 การออกแบบแสดงหน้าจอ Login เข้าสูร่ ะบบ

2.2 ออกแบบหนา้ จอหลกั สาหรบั ผู้ดแู ลระบบ
หนา้ จอหลักสาหรับผู้ดูแลระบบจะแสดงเมนู

********* 2.2.1 เมนูผู้ใช้
******** 2.2.2 เมนูคานาหนา้
**** 2.2.3 เมนูครู
*** 2.2.4 เมนูประเภทพสั ดุ
**** 2.2.5 เมนหู นว่ ย

2.2.6 เมนแู บรนด์
2.2.7 เมนพู สั ดุ
2.2.8 เมนกู ารเบิก

ภาพท่ี 6 การออกแบบหนา้ จอหลกั สาหรบั ผูด้ ูแลระบบ (admin)
2.3 ออกแบบหนา้ จอหลกั สาหรบั ผู้ใช้งาน (User)

หน้าจอหลกั สาหรบั ผูใ้ ชง้ าน จะแสดงเมนู ดังภาพท่ี
******** 2.3.1 เมนูการเบิก

*****
ภาพที่ 7 การออกแบบหนา้ จอหลักสาหรบั ผู้ใชง้ าน (User)

3. การพฒั นาระบบ (System Development)
กิจกรรมต่าง ๆ ในระยะการสร้างและพัฒนาจะเกี่ยวข้องกับการสร้างระบบงาน การทดสอบ

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

3.1 การสร้างระบบ
การสร้างระบบ จัดเป็นข้ันตอนแรกของระยะนี้โดยระบบท่ีสร้างข้ึนจะได้รับการทดสอบ

เพ่อื ใหเ้ กดิ ความมัน่ ใจวา่ สามารถดาเนินงานตรงตามที่ออกแบบไวห้ รอื ไม่
3.1.1 การติดตั้งโปรแกรม Xampp-win32-5.6.12.0
XAMPP คือ โปรแกรมจาลองเครื่องแม่ข่ายเว็บ การพัฒนาเว็บไซต์ หรือ

โปรแกรม (Web Applications) จาเป็นต้องอาศัยเครื่องแม่ข่ายเว็บ (Web server) ซึ่งอาจจะเป็น
ภาระสาหรับผู้เรียน หรือผู้พัฒนาบางกลุ่ม แนวทางหนึ่งที่นิยมกันก็คือ การจาลองเครื่องพีซีให้เป็น
เครื่องแม่ข่ายเว็บด้วยโปรแกรมสาเร็จรูปช่วยจาลองเคร่ืองแม่เว็บ XAMPP ประกอบด้วยโปรแกรม
ยอ่ ยได้แกโ่ ปรแกรม Apache โปรแกรมฐานข้อมูล MySQL โปรแกรมภาษา PHP ซึง่ ขน้ั ตอนการตดิ ต้ัง
XAMPP สามารถตดิ ตัง้ และใช้งานได้งา่ ย

3.1.2 การสร้างฐานขอ้ มลู MySQL
ฐานข้อมูล MySQL เป็นโปรแกรมระบบจัดการฐานข้อมูลมีหน้าที่เก็บข้อมูล

อย่างเป็นระบบรองรับคาส่ัง SQL (Structured Query Language) เป็นเคร่ืองมือสาหรับเก็บข้อมูลท่ี
ต้องใช้ร่วมกับเครื่องมือหรือโปรแกรมอ่ืนอย่างบูรณาการ เพ่ือให้ได้ระบบงานที่รองรับความต้องการ
ของผู้ใช้ เช่น ทางานร่วมกับเครื่องบริการเว็บ (Web0Server) เพ่ือให้บริการแก่ภาษาสคริปต์ท่ีทางาน
ฝั่งเคร่ืองบริการ (Server Side Script) เช่น ภาษา PHP ASP หรือ JSP เป็นต้น หรือทางานร่วมกับ
โปรแกรมประยุกต์ (Application Program) เช่น ภาษาวิชวลเบสกิ ภาษาจาวา หรือภาษาซี เป็นตน้

3.1.3 การเขียนโปรแกรมด้วย Sublime Text 3
Sublime Text 3 เ ป็ น โ ป ร แ ก ร ม Code Editor ซ่ึ ง ส นั บ ส นุ น ภ า ษ า ท่ี

หลากหลายไม่ว่าจะเป็น C, C++, C#, CSS, D, Erlang, HTML, Groovy, Haskell, HTML, Java,
JavaScript, LaTeX, Lisp, Lua, Markdown, MATLAB, Calm, Perl, PHP, Python, R, Ruby, SQL,
TCL, Textile และ XML ซึ่งหน้าตาของโปรแกรมสวยและใช้งานง่าย มีความสามารถ เช่น แนะนา
โค้คท่ีเรากาลังพิมพ์เหมือนอย่างในโปรแกรม Dreamweaver หรือสามารถซูมโค้ดท้ังหมดไว้ในสไลด์
บาร์ หรือแมแ้ ตก่ ารแบง่ เป็นสองหน้าได้

3.1.4 การติดตั้ง Adobe Photoshop CS6
โปรแกรม Adobe Photoshop CS6 เป็นโปรแกรมที่มีความสามารถในการ

ออกแบบกราฟิก0เพ่ือนาไปใช้ร่วมกับงานในด้านต่างๆ เช่น งานกราฟิกที่เกี่ยวกับส่ือส่ิงพิมพ์ ทุก
ประเภท งานกราฟิกบนเว็บไซต์และการตกแต่งภาพถ่ายจากกล้องดิจิตอล ซ่ึงอาจกล่าวได้ว่าเป็น
โปรแกรมท่ีมีผู้นิยมนามาใช้ในการออกแบบและตกแต่งภาพถ่ายกันมากท่ีสุดในปัจจบุ ัน เนื่องจากเป็น
โปรแกรมทท่ี างานไดอ้ ย่างมปี ระสิทธิภาพและผลงานท่ีได้เหมาะทจี่ ะใช้กับงานสง่ิ พิมพ์ นิตยสารงานมัล
ตมิ ิเดีย และสร้างกราฟิกสาหรับเวบ็ ทน่ี ับวันกาลังพัฒนาไปอย่างไมห่ ยดุ ย้ัง

3.1.5 อัพระบบขนึ้ เซริ ์ฟเวอร์
เมอื่ สรา้ งระบบเสร็จสมบูรณ์แลว้ จะต้องอัพโหลด (Upload) ข้อมูลท้งั หมดเข้า

สรู่ ะบบอินเตอร์เนต็ โดยนาไปฝากหรือเกบ็ ไว้บนเซริ ์ฟเวอร์ เพ่ือเผยแพรไ่ ปสู่สาธารณะชน ขณะท่ขี ้อมูล
ถูกเผยแพร่อยู่น้ัน ผู้ดูแลหรือเจ้าของระบบสามารถปรับปรุง แก้ไข เปล่ียนแปลงเนื้อหาหรืออัพเดต
ข้อมูลใหมๆ่ ได้ตลอดเวลา

การอัพโหลดขน้ึ เซิร์ฟเวอร์ ผู้จดั ทาใชโ้ ปรแกรมไฟล์ซิลลา (FileZilla) เป็น ฟรี
ซอร์ฟแวร์ในลักษณะ Open Source ทางานกับระบบปฏิบัติการวินโดวส์ รองรับการทางานของ FTP
SFTP และ FTPS ใช้สาหรบั การอัพโหลด และดาวนโ์ หลดไฟล์

4. การทดสอบและแก้ไขระบบ (System Testing & Verify)
4.1 การตดิ ตงั้ ระบบ
การติดตั้งระบบ คือ การเปลี่ยนการทางานจากระบบงานเดิมไปเป็นระบบงานใหม่ แต่

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

ในการพัฒนาระบบบริหารการเบิกจ่ายวัสดุ อุปกรณ์สานักงาน ครั้งน้ีมีการติดต้ังระบบ
โดยใชว้ ิธีการติดตงั้ แบบทนั ทีทันใด (Direct Installation) ซงึ่ เปน็ วิธกี ารติดต้ังท่ีมีการใช้ระบบงานใหม่
ทนั ที และระบบงานเกา่ ก็ยกเลิกการใชง้ านทันทีเช่นเดียวกัน ซึ่งข้อดีของวิธีน้ีสามารถเล่ือนกาหนดการ
ใช้งานระบบใหม่ออกไปได้หากองค์กรหรือผู้ใช้งานยังไม่มีความพร้อมสาหรับระบบใหม่ สาหรับวิธีนี้
บางคร้งั อาจเรยี กวา่ Immediate Cutover ซง่ึ ถอื เป็นวิธีการตดิ ตง้ั ที่ง่ายทส่ี ุด

5. การใชง้ านจรงิ
การใช้งานจริงเป็นสิ่งท่ีทาให้นักวิเคราะห์ออกแบบระบบได้รู้ถึงผลของระบบงาน ท่ีได้พัฒนา

และดาเนนิ การนน้ั เปน็ ไปตามความตอ้ งการของผูใ้ ช้อย่างไร และสามารถนาผลของการประเมนิ น้ันมา
ใช้ ปรับปรุงการทางานในครั้งต่อไปด้วย ในการประเมินผลนั้น สามารถทาได้หลายวิธี คือ การ
ประเมินผลนั้นควรประเมินในเรื่อง ประสิทธิภาพประสิทธผิ ลของระบบคอมพิวเตอร์ ในแง่ต่าง ๆ เชน่
เรื่องเวลาในการประมวลผล รูปแบบการใช้งานหน้าจอ เปน็ ตน้

การประเมินประสิทธิภาพโดยผู้เชี่ยวชาญจานวน 3 ท่าน โดยใช้แบบประเมินประสิทธิภาพของ
ระบบบริหารการเบิกจ่ายวัสดุ อุปกรณ์สานักงาน และการสารวจความพึงพอใจการใช้งานระบบ
บรหิ ารการเบิกจ่ายวสั ดุ อปุ กรณ์สานักงาน โดยใชแ้ บบสอบถามความพงึ พอใจของผใู้ ชง้ านท่ีมีต่อระบบ
บริหารการเบกิ จา่ ยวัสดุ อปุ กรณ์สานกั งาน กบั ผใู้ ชง้ านระบบจานวน 17 คน

6. การปรบั ปรงุ และพัฒนาระบบ
หลังจากใช้งานระบบใหม่ไปได้ชว่ งระยะเวลาหนึ่ง ทมี งานซอ่ มบารุงระบบ อาจจะต้อง มี

การปรับปรุงการทางานของระบบให้ทันสมัย ตามสภาพการณ์ของธุรกิจและจากการร้องขอของผู้ใช้
แตเ่ นื่องจากการปรับปรงุ ระบบในแต่ละคร้ังน้ัน จะต้องเกดิ ค่าใช้จ่ายซ่ึงหมายถึงต้นทุนเข้ามาเกี่ยวข้อง
ดว้ ย ดงั น้นั ในการรอ้ งขอให้ปรบั ปรงุ ระบบแตล่ ะคร้งั จะต้องได้รบั การอนมุ ัตจิ ากผู้บรหิ าร นกั วเิ คราะห์
ระบบ โปรแกรมเมอร์และผู้เกี่ยวข้องทุกฝ่าย และเพื่อให้การดาเนินการซ่อมบารุงเป็นไปอย่างมีลาดับ
ขนั้ ตอน จึงมีกระบวนการในการซ่อมบารงุ ระบบ ทั้งหมด 4 ขั้นตอน ดังนี้

6.1 เก็บรวบรวมคาร้องขอให้ปรับปรุงระบบ เป็นข้ันตอนแรกของการซ่อมบารุงระบบ
เร่ิมจากองค์กรจะต้องจัดเตรียมแบบฟอร์มการร้องขอให้ปรับปรุงระบบ ซึ่งแต่ละองค์กรอาจจะมี
รูปแบบแตกต่างกันไป หรืออาจจะใช้แบบฟอร์มเดียวกันกับแบบฟอร์มเพื่อขอให้พัฒนาระบบใหม่

โดยผ้ใู ช้จะระบุถึงปัญหาทเ่ี กดิ ขึน้ ซึ่งเปน็ สาเหตใุ หม้ คี วามต้องการให้ปรบั ปรงุ ระบบ ซึ่งมีปัญหาทีอ่ าจมี
ความแตกตา่ งกนั ออกไป

6.2 วิเคราะห์ข้อมูลการร้องขอเพื่อการปรับปรุง หลังจากรวบรวมข้อมูลร้องขอได้แล้ว
ทีมงานซ่อมบารุงระบบจะต้องวิเคราะห์ข้อมูลเหลา่ น้ัน เพื่อเพิ่มความเข้าใจในปัญหา ซึ่งการวิเคราะห์
จะต้องประเมินถึงความเส่ียงท่ีจะเกิดขึ้นกับระบบ หากมีการปรับปรุงการทางานบางส่วนของระบบ
รวมถึงการประเมินถึงความเส่ียงท่ีจะเกิดขึ้นและความเป็นไปได้ของการปรับปรุง และทาการพจิ ารณา
อนุมตั วิ า่ คารอ้ งขอเพ่อื ปรับปรุงระบบในสว่ นใดท่ีเหมาะสมท่สี ดุ

6.3 ออกแบบการทางานที่ต้องการปรับปรุง เป็นการออกแบบการทางานในบางส่วน
ของระบบท่ีต้องการปรับปรุงหรือดัดแปลง กรณีท่ีการร้องขอน้ันได้รับการอนุมัติแล้วในขั้นตอนน้ีมี
ลักษณะและวิธกี ารออกแบบระบบคลา้ ยกับวิธีการออกแบบโดยท่ัวไป

6.4 ปรับปรุงระบบ เป็นข้ันตอนสุดท้ายหลังจากท่ีได้มีการออกแบบแล้ว ไม่ว่าจะเป็น
การออกแบบเพ่ือปรับปรุงโปรแกรมหรือปรับปรุงเง่ือนไขในการตรวจเช็คข้อมูลใดก็ตาม ผู้พัฒนา
จะตอ้ งนาแบบรา่ งท่ไี ด้ออกแบบไวม้ าพัฒนาใหส้ มั ฤทธผ์ิ ล เช่น ดดั แปลงโปรแกรมเพ่อื เพิ่มเติมสง่ิ ตา่ ง
ๆ หรือเพิม่ Table ในฐานข้อมูลเป็นต้น

7. เอกสารหลักฐาน อื่นๆ ในการรบั รองการใชง้ านระบบ
(ดงั เอกสารแนบทา้ ย)

8. ข้อเสนอแนะในการพัฒนาต่อยอด ของผพู้ ฒั นาระบบ
8.1 ปรับปรงุ Source Code ให้เปน็ มาตรฐานซ่ึงจะทาใหร้ ะบบทางานได้เต็มประสิทธิภาพย่ิงขึ้น
8.2 พัฒนาใหส้ ามารถออกรายงานเพือ่ รายงานผลเบิกจ่ายพสั ดุได้
8.3 สามารถพัฒนาตอ่ ยอดประยกุ ตใ์ ชก้ บั หน่วยงานอนื่ ๆ ได้

สว่ นที่ 4

CD แฟม้ ข้อมลู อเิ ล็กทรอนกิ ส์
ระบบบริหารการเบิกจ่ายวัสดุ อุปกรณส์ ำนกั งาน

CD แฟม้ ข้อมลู อเิ ลก็ ทรอนิกส์
ระบบบริหารการเบิกจา่ ยวสั ดุ อุปกรณส์ ำนกั งาน