รายงานการปฎิบัติงานสหกิจ ... · 2019-05-02 · ก...

รายงานการปฎบตงานสหกจศกษา

ระบบจดการขอมลอปกรณคอมพวเตอร

Computer Accessories Data Management System

โดย

นางสาว ศรวรรณ บญประจ า รหสนกศกษา 5705000014 นาย ปฏภาน อนเรอน รหสนกศกษา 5705000003

รายงานฉบบนเปนสวนหนงของวชาสหกจศกษา ภาควชาเทคโนโลยสารสนเทศ

คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ภาคการศกษาท 2 ปการศกษา 2560

ก

จดหมายนาสงรายงาน

วนท 30 เดอน เมษายน พ.ศ 2561

เรอง ขอสงรายงานการปฏบตงาน

เรยนอาจารยทปรกษาภาควชา สาขาคอมพวเตอรธรกจ

อาจารย อรรณพ กางกน

ตามทคณะผจดทา นางสาวศรวรรณ บญประจา และ นายปฏภาน อนเรอน นกศกษาภาควชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ไดไปปฏบตงานสหกจศกษาระหวางวนท 8 มกราคม ถงวนท 30 เมษายน พ.ศ.2561 ในตาแหนง นกศกษาปฎบตงานสหกจ ดานเจาหนาทสนบสนนงานดานคอมพวเตอร ณ บรษท ไทยพาณชยประกนชวต จากด (มหาชน) และไดรบมอบหมายจากพนกงานทปรกษาและทารายงานเรอง “ระบบจดการขอมลอปกรณคอมพวเตอร”

บดนการปฏบตงานสหกจศกษาไดสนสดแลวคณะนกศกษาสหกจศกษาจงขอสงรายงาน

ดงกลาวมาพรอมกนนจานวน 1 เลมเพอขอรบคาปรกษาตอไป

จงเรยนมาเพอโปรดพจารณา

ขอแสดงความนบถอ

นางสาวศรวรรณ บญประจา

นายปฏภาน อนเรอน

นกศกษาคณะ เทคโนโลยสารสนเทศ

สาขาวชาคอมพวเตอรธรกจ

ข

กตตกรรมประกาศ (Acknowledgement)

คณะนกศกษาสหกจศกษาไดมาปฏบตงานในโครงการสหกจศกษา ณ บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน) ตงแตวนท 8 มกราคม 2561 ถงวนท 30 เมษายน 2561 ท าใหคณะนกศกษาสหกจศกษาไดรบความร เทคนค และประสบการณตางๆ ทมคามากมายส าหรบรายงานสหกจศกษาฉบบนส าเรจลงไดดวยดจากความรวมมอและสนนสนนจากหลายฝายดงน 1. นางสพชฌาย เลศสกลพฒนา ต าแหนง Assistant Manager,Department 2. นางสาวปารชาต ณะลาโต ต าแหนง Department officer 3. นายกฤษฎา ถนอมนนทกล ต าแหนง Department officer 4. นายไกลวฒ ลอยแกว ต าแหนง Assistant Supervisor 5. นายเมธวฒน ธรรมานวฒน ต าแหนง Assistant Supervisor และบคคลทานอนๆทไมไดกลาวนามทกทานทไดใหค าแนะน าชวยเหลอในการจดท ารายงาน คณะนกศกษาสหกจศกษาขอขอบพระคณผทมสวนเกยวของทกทานทมสวนรวมในการใหขอมลและเปนทปรกษาในการท ารายงานฉบบนจนเสรจสมบรณตลอดจนใหการดแลและใหความเขาใจกบชวตการท างานจรงซงนกศกษาสหกจศกษาขอขอบพระคณเปนอยางสงไว ณ ทนดวย คณะนกศกษาสหกจศกษา นางสาวศรวรรณ บญประจ า นายปฏภาน อนเรอน 30 เมษายน 2561

ง

Project Title : Computer Accessories Data Management System Credits : 5 By : Miss. Siriwan Bunprajum Mr. Patipan Aunruean Mr. Unnop Kangkan Advisor : Mr. Unnop Kangkan Degree : Bachelor of Business Administration Major : Business Computer Faculty : Information Technology Semester / Academic year : 2 /2017

Abstract

The information department of SCB LIFE Co. , Ltd is the company that provide services about computer and IT devices for all personnel and firms. Co-operative students were assigned to design and develop the Computer Accessories Data Management System for borrowing and returning computing devices by applying Sublime Text3. Moreover, PHP MyAdmin program was also used for database management. Keywords : database management system /computer devices information / design and develop program

ค

หวขอโปรเจค : ระบบจดการขอมลอปกรณคอมพวเตอร หนวยกต : 5 โดย : นางสาว ศรวรรณ บญประจ า นาย ปฏภาน อนเรอน อาจารย อรรณพ กางกน อาจารยทปรกษา : อาจารย อรรณพ กางกน ระดบการศกษา : Bachelor of Business Administration สาขาวชา : คอมพวเตอรธรกจ คณะ : เทคโนโลยสารสนเทศ ภาคการศกษา / ปการศกษา : 2 /2560

บทคดยอ

หนวยงานสารสนเทศของ บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน) เปนหนวยงานทใหบรการเกยวกบการดแลอปกรณคอมพวเตอร และอปกรณทางดานไอท ใหกบบคลากรในหนวยงานตางๆ โดยทนกศกษาสหกจศกษาไดรบมอบหมายใหออกแบบและพฒนาระบบจดการขอมลอปกรณคอมพวเตอร เพอใชส าหรบการยม คนอปกรณคอมพวเตอร ซงการออกแบบและพฒนาโปรแกรมการยม คนอปกรณคอมพวเตอรโดยการใชโปรแกรม Sublime Text3 ในการออกแบบและพฒนาโปรแกรม และใชโปรแกรม PHP MyAdmin ในการออกแบบระบบการจดการฐานขอมล

ค าส าคญ : ระบบการจดการฐานขอมล / ขอมลอปกรณคอมพวเตอร / ออกแบบและพฒนาโปรแกรม

สารบญ หนา

จดหมายน าสงรายงาน .................................................................................................................... ก กตตกรรมประกาศ .......................................................................................................................... ข บทคดยอ ......................................................................................................................................... ค Abstract ......................................................................................................................................... ง บทท 1 บทน า 1.1 ความเปนมาและความส าคญของปญหา ................................................................ 1 1.2 วตถประสงคของโครงงาน ..................................................................................... 2 1.3 ขอบเขตของโครงงาน ............................................................................................ 2 1.4 ประโยชนทคาดวาจะไดรบ ..................................................................................... 2 บทท 2 การทบทวนวรรณกรรมทเกยวของ 2.1 แนวความคด .......................................................................................................... 3 2.2 ทฤษฎและแนวคดทเกยวของ ................................................................................ 3 2.3 เวบไซตทเกยวของ .................................................................................................. 7 2.4 งานวจยทเกยวของ ............................................................................................... 12 บทท 3 รายละเอยดการปฏบตงาน 3.1 ชอ และทตงของสถานทประกอบการ ................................................................. 17 3.2 ลกษณะการประกอบการ และการใหบรการหลกขององคกร .............................. 17 3.3 ต าแหนง และลกษณงานทไดรบมอบหมาย .......................................................... 17 3.4 ชอ และต าแหนงงานของพนกงานทปรกษา ......................................................... 18 3.5 ระยะเวลาปฏบตงาน ............................................................................................. 18 3.6 ขนตอน และวธการด าเนนงาน ............................................................................. 18 3.7 ระยะเวลาในการด าเนนงาน .................................................................................. 39 3.8 อปกรณ และเครองมอทใช ................................................................................... 39 บทท 4 ผลการปฎบตงานตามโครงงาน 4.1 ขนตอนการใชงาน ............................................................................................... 41 บทท 5 สรปผลและขอเสนอแนะ 5.1 สรปผลโครงงานหรองานวจย .............................................................................. 58

ฉ

สารบญ (ตอ) หนา 5.2 สรปผลการปฏบตงานสหกจศกษา...........................................................................................58 บรรณานกรม ................................................................................................................................ 60 ภาคผนวก ภาคผนวก ก ............................................................................................................... 62 ภาคผนวก ข ............................................................................................................... 74 ภาคผนวก ค ............................................................................................................... 90 ประวตคณะผจดท า .................................................................................................................... 100

ช

สารบญตาราง

ตารางท หนา

ตารางท 3.1 ระยะเวลาการด าเนนงาน ........................................................................................... 40 ตารางท ก.1 รายการตารางขอมล .................................................................................................. 65 ตารางท ก.2 ตารางพนกงาน .......................................................................................................... 65 ตารางท ก.3 ตารางอปกรณคอมพวเตอร ........................................................................................ 66 ตารางท ก.4 ตารางบรษทผจดจ าหนาย .......................................................................................... 66 ตารางท ก.5 ตารางการยม-คนอปกรณ ........................................................................................... 66 ตารางท ก.6 ตารางการเคลมอปกรณ ............................................................................................. 67 ตารางท ก.7 ตารางรายละเอยดอปกรณ .......................................................................................... 67

ซ

สารบญรปภาพ

ภาพท หนา

ภาพท 2.1 ระบบจดการขอมลอปกรณคอมพวเตอรของ บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน)...........................................................................................................................3

ภาพท 2.2 แสดงขนตอนการท างาน PHPScript Request/ Response ............................................... 5 ภาพท 2.3 https://phpcodemania.blogspot.com/2017/06/free-php-project.html ............................. 7 ภาพท 2.4 http://www.rangforever.com/detail.php?id_t=9&id=117 .............................................. 8 ภาพท 2.5 http://www.thaicreate.com/community/jquery-auto-fill-textbox.html ........................... 9 ภาพท 2.6 http://www.thaicreate.com/tutorial/sql.html ................................................................ 10 ภาพท 2.7 http://www.thaicreate.com/php.html ............................................................................ 11 ภาพท 2.8 ระบบการยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ โรงพยาบาลพญาไท3 . 12 ภาพท 2.9 ระบบยม-คน หนงสอโครงงาน .................................................................................... 13 ภาพท 2.10 ระบบจดการอปกรณคอมพวเตอรของหนวยงานเวชสารสนเทศ ................................ 14 ภาพท 2.11 ระบบจดการอปกรณสนคาคงคลง .............................................................................. 15 ภาพท 2.12 ระบบบรหารงานรานขายผาคลมรถยนต .................................................................... 16 ภาพท 3.1 หนาจอเขาสระบบ ........................................................................................................ 19 ภาพท 3.2 หนาจอเพมขอมลพนกงาน ........................................................................................... 20 ภาพท 3.3 หนาจอเพมขอมลแอดมน ............................................................................................. 21 ภาพท 3.4 หนาจอเพมขอมลอปกรณคอมพวเตอร ......................................................................... 22 ภาพท 3.5 หนาจอเพมขอมลบรษทผจดจ าหนาย ........................................................................... 23 ภาพท 3.6 หนาจอเลอกขอมลพนกงานเพอท าการแกไข................................................................ 24 ภาพท 3.7 หนาจอแกไขขอมลพนกงาน ......................................................................................... 25 ภาพท 3.8 หนาจอเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข ............................................. 26 ภาพท 3.9 หนาจอแกไขขอมลอปกรณคอมพวเตอร ...................................................................... 27 ภาพท 3.10 หนาจอเลอกขอมลบรษทผจดจ าหนายเพอท าการแกไข ............................................. 28 ภาพท 3.11 หนาจอแกไขขอมลบรษทผจดจ าหนาย ....................................................................... 29 ภาพท 3.12 หนาจอเลอกอปกรณคอมพวเตอรเพอท าการยม ......................................................... 30 ภาพท 3.13 หนาจอแสดงรายการ การยมอปกรณคอมพวเตอร ...................................................... 31 ภาพท 3.14 หนาจอท ารายการคนอปกรณคอมพวเตอร ................................................................. 32

ฌ

สารบญรปภาพ (ตอ)

ภาพท หนา

ภาพท 3.15 หนาจอเคลมอปกรณคอมพวเตอร ............................................................................... 33 ภาพท 3.16 หนาจอยนยนอปกรณทตองการเคลม ......................................................................... 34 ภาพท 3.17 หนาจอสงคนอปกรณคอมพวเตอรทท าการเคลมแลว ................................................. 35 ภาพท 3.18 หนาจอสรปผลการสงคนอปกรณคอมพวเตอร ........................................................... 36 ภาพท 3.19 หนาจอเลอกอปกรณทตองการเพมหมายเลขอปกรณคอมพวเตอร ............................. 37 ภาพท 3.20 หนาจอเพมหมายเลขอปกรณคอมพวเตอร.................................................................. 38 ภาพท 4.1 หนาเขาสระบบ ............................................................................................................. 41 ภาพท 4.2 หนาการเพมขอมลพนกงาน .......................................................................................... 42 ภาพท 4.3 หนาเพมขอมลแอดมน .................................................................................................. 43 ภาพท 4.4 หนาการเพมขอมลอปกรณคอมพวเตอร ....................................................................... 44 ภาพท 4.5 หนาเพมขอมลบรษทผจดจ าหนาย ................................................................................ 45 ภาพท 4.6 หนาท าการเลอกขอมลพนกงานทตองการแกไข ........................................................... 46 ภาพท 4.7 หนาท าการแกไขขอมลพนกงาน .................................................................................. 47 ภาพท 4.8 หนาท าการเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข ....................................... 48 ภาพท 4.9 หนาแกไขขอมลอปกรณคอมพวเตอร........................................................................... 49 ภาพท 4.10 หนาท าการเลอกขอมลบรษทผจดจ าหนายเพอท าการแกไข ....................................... 50 ภาพท 4.11 หนาการแกไขขอมลบรษทผจดจ าหนาย ..................................................................... 51 ภาพท 4.12 หนายมอปกรณคอมพวเตอร ....................................................................................... 52 ภาพท 4.13 หนาสรปผลการยมอปกรณคอมพวเตอร .................................................................... 53 ภาพท 4.14 หนาสรปผลการคนอปกรณคอมพวเตอร .................................................................... 54 ภาพท 4.15 หนาท าการเพมหมายเลขอปกรณคอมพวเตอร ........................................................... 55 ภาพท 4.16 หนาเพมหมายเลขอปกรณคอมพวเตอร ...................................................................... 56 ภาพท 4.17 หนาสรปผลรายการอปกรณคอมพวเตอร ................................................................... 57 ภาพท ก.1 Program Map .............................................................................................................. 62 ภาพท ก.2 E-R Diagram ภาษาไทย .............................................................................................. 63 ภาพท ก.3 E-R Diagram ภาษาองกฤษ .......................................................................................... 64 ภาพท ก.4 Context Diagram ระบบจดการขอมลอปกรณคอมพวเตอร ......................................... 68 ภาพท ก.5 Data Flow Diagram Level 0 ระบบจดการขอมลอปกรณคอมพวเตอร ........................ 69

ญ

สารบญรปภาพ (ตอ)

ภาพท หนา

ภาพท ก.6 Data Flow Diagram Level 1 ของ Process 1: จดการขอมลพนฐาน ............................. 70 ภาพท ก.7 Data Flow Diagram Level 1 ของ Process 2: ระบบจดการยมอปกรณ ........................ 71 ภาพท ก.8 Data Flow Diagram Level 1 ของ Process 3: ระบบจดการอปกรณ ............................. 72 ภาพท ก.9 Data Flow Diagram Level 1 ของ Process 3: ระบบจดการเคลมอปกรณ ..................... 73 ภาพท ข.1 ไฟลตดตงโปรแกรม FileZilla 3.31.0 ........................................................................... 74 ภาพท ข.2 หนาจอยนยนการตดตงโปรแกรม FileZilla 3.31.0 ...................................................... 75 ภาพท ข.3 หนาจอการยอมรบเงอนไขในการตดตงโปรแกรม FileZilla 3.31.0 ............................. 76 ภาพท ข.4 หนาจอเลอกพนทส าหรบการตดตงโปรแกรม FileZilla 3.31.0 .................................... 77 ภาพท ข.5 หนาจอการตงชอ shortcuts ของโปรแกรม FileZilla 3.31.0 ......................................... 78 ภาพท ข.6 หนาจอ Installing โปรแกรม FileZilla 3.31.0 ............................................................. 79 ภาพท ข.7 หนาจอส าเรจการตดตงโปรแกรม FileZilla 3.31.0 ....................................................... 80 ภาพท ข.8 หนาจอการสราง Site manager ของโปรแกรม FileZilla 3.31.0 ................................... 81 ภาพท ข.9 การสราง Site manager ของโปรแกรม FileZilla 3.31.0 ............................................... 82 ภาพท ข.10 การเลอก Domain หรอ Subdomain ทจะท าการตดตง ................................................ 83 ภาพท ข.11 การอพโหลดเวบไซต ................................................................................................. 84 ภาพท ข.12 หนาจอเขาสระบบเวบไซต cPanel ............................................................................. 85 ภาพท ข.13 หนาจอหลกของเวบไซต cPanel ................................................................................ 86 ภาพท ข.14 หนาจอสรางฐานขอมล ............................................................................................... 87 ภาพท ข.15 ไฟล stockscbdb.sql .................................................................................................... 88 ภาพท ข.16 หนาจอหลกของเวบไซต cPanel ................................................................................ 89 ภาพท ค.1 ตดตง video conference ในหองประชม ....................................................................... 90 ภาพท ค.2 จดการสตอกอปกรณคอมพวเตอร ................................................................................ 91 ภาพท ค.3 ตรวจเชค ชอง ip server ทมปญหา ............................................................................... 92 ภาพท ค.4 ตรวจเชคเครอง User ทมปญหา .................................................................................... 93 ภาพท ค.5 ตรวจเชคเครอง ups ทมปญหา ...................................................................................... 94 ภาพท ค.6 ตดตงง video conference ในหองประชมของผใชงาน ................................................. 95 ภาพท ค.7 ตรวจเชคสตอกอปกรณคอมพวเตอร ............................................................................ 96

ฎ

สารบญรปภาพ (ตอ)

ภาพท หนา

ภาพท ค.8 ตรวจเชค ip Server ทมปญหาและท าการ Config ip ใหม ............................................ 97 ภาพท ค.9 ตรวจซอมเครองคอมพวเตอรตามทผใชรองขอ ............................................................ 98 ภาพท ค.10 ซอมเครองพมพตามทผใชรองขอ ............................................................................... 99

บทท 1 บทน ำ

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

ใหบรการเกยวกบการดแลอปกรณคอมพวเตอร และอปกรณทางดานไอท ใหกบบคลากรในหนวยงานตางๆ ซงภายในหนวยงานจะมการยม คนอปกรณคอมพวเตอรสวนตางๆ จ านวนมาก จากทไดรวมงานจากหนวยงานสารสนเทศและไดพบปญหาหลกเกยวกบการคนหาขอมลการยม คน และสงเคลมอปกรณคอมพวเตอรทตองการจะตรวจสอบนนเปนไปไดยาก เพราะโดยปจจบนยงไมมโปรแกรมทรองรบการคนหาขอมลการยมคนอปกรณคอมพวเตอร เปนเพยงการบนทกขอมลโดยใชโปรแกรม Microsoft Office Excel 2007 เพอจดเกบขอมลการยม คนอปกรณคอมพวเตอร ท าใหการคนหาอปกรณคอมพวเตอรทหนวยงานสารสนเทศจ าเปนตองใชอยตลอดเวลานนเกดความลาชา และจ านวนเอกสารทเพมขนเปนจ านวนมาก ท าใหเปลองเนอทในการจดเกบมากขนเรอยๆ

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

ดงนนจงเกดแนวคดในการออกแบบและพฒนาระบบการจดการขอมลขนมาเพอใหบรษทไดจดเกบขอมลมความเปนระเบยบในการเกบขอมลและสะดวกในการคนหา ในการเกบขอมลอปกรณคอมพวเตอรของบรษท ถกแบงออกแยกเปนประเภท เพอลดการซ าซอน เปนระบบ ออนไลนทใชเพยงแตในองคกร เพอความปลอดภย และเปนประโยชนกบผเรยกใชขอมล โดยการใชโปรแกรม Sublime text3 ในการออกแบบและพฒนาโปรแกรม และใชโปรแกรม PhP Myadmin ในการออกแบบระบบการจดการฐานขอมล

1.2 วตถประสงคของโครงงำน 1.2.1 เพอพฒนาระบบจดการขอมลอปกรณคอมพวเตอร 1.2.2 เพอความสะดวกรวดเรวในการสบคนขอมลรายละเอยดการยม คนและสงเคลม อปกรณคอมพวเตอร

2

1.3 ขอบเขตของโครงงำน 1. คณสมบตของระบบ

1.1 การจดการฐานขอมล สามารถเพม และ แกไข ขอมลดงน 1.1.1 ขอมลอปกรณคอมพวเตอร 1.1.2 ขอมลการยมคนอปกรณคอมพวเตอร 1.1.3 ขอมลการสงเคลมอปกรณคอมพวเตอร 1.1.4 ขอมลพนกงาน 1.1.5 ขอมลบรษทผจดจ าหนาย

1.2 การจดการอปกรณคอมพวเตอร 1.2.1 ท าการเพมขอมลหมายเลขอปกรณ 1.2.2 ท าการยมคนอปกรณ 1.2.3 ท าการสงเคลมกบบรษทผจดจ าหนาย

1.3 ออกรายงาน 1.3.1 ยอดคงเหลอของอปกรณคอมพวเตอร 1.3.2 รายงานการยมคนอปกรณคอมพวเตอร 1.4 ประโยชนทคำดวำจะไดรบ

1.4.1 สามารถตรวจสอบอปกรณคอมพวเตอร ไดอยางถกตอง แมนย า และรวดเรว 1.4.2 ชวยลดความผดพลาดในการจดการขอมลอปกรณคอมพวเตอร 1.4.3 ท าใหเจาหนาทดานงานสารสนเทศสามารถทราบวนเวลาในการยมคน และการสง

เคลมอปกรณคอมพวเตอรตางๆได 1.4.4 ท าใหเจาหนาทดานงานสารสนเทศสามารถทราบถงประวตการยม คนและการสง

เคลมอปกรณ

บทท 2 แนวคดทฤษฎและงานวจยทเกยวของ

2.1 แนวความคด

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

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

My SQL

เพม แกไข ลบ

ขอมล

ขอ

สงขอมล

แสดงขอมล

บนทกขอมล

แสดงขอมล

ดงขอมล

Web Server User

Browser Browser

Admin

แสดงขอมล

ระบบจดการขอมล

อปกรณคอมพวเตอร

4

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

2.2 ทฤษฎและแนวคดทเกยวของ 2.2.1 PHP เปนภาษาประเภท Scripting Language ค าสงตางๆจะเกบอยในไฟลทเรยกวา สครปต และเวลาใชงานตองอาศยตวแปลชดค าสง เชน JavaScript Perl เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและ ออกแบบมาเพอใชงานในดานการสรางเอกสารแบบ HTML โดยสามารถแทรก หรอแกไขเนอหา ไดโดยอตโนมต ดงน นจงกลาววา PHP เปนภาษาแบบ Server-side หรอ HTML-embedded Scripting Language เปนเครองมอทส าคญชนดหนงท ชวยสรางเอกสารแบบ Dynamic HTML ได อยางมประสทธภาพ ความสามารถของภาษา PHP

1. PHP สามารถท างานไดในระบบปฏบตการทตางชนดกน เชน Unix, Windows อยางมประสทธภาพ เนองจาก PHP เปนสครปตทตองท างานบนเซรฟเวอร ดงน นคอมพวเตอรส าหรบเรยกใชค าสง PHP จงจ าเปนตองตดตงโปรแกรมเวบเซรฟเวอรไวดวยเพอใหสามารถประมวลผลPHP ได

2. PHP สามารถท างานไดในเวบเซรฟเวอรหลายชนด เชน Personal Web Server (PWS), Apache เปนตน

3. ภาษา PHP สนบสนนการเขยนโปรแกรมเชงวตถ 4. PHP มความสามารถในการท างานรวมกนกบระบบจดการฐานขอมลทหลากหลายซง ระบบจดการ

ฐานขอมลทสนบสนนการท างานของ PHP เชน MySQL, FilePro, Solid และ MS SQL เปนตน 5. PHP อนญาตใหผใชสรางเวบไซตซงท างานผานโปรโตคอลชนดตางๆไดเชน LDAP, IMAP, POP3

และ HTTP เปนตน 6.โคด PHP สามารถเขยนและอานในรปแบบของ XML ได

5

หลกการท าางานของ PHP

ภาพท 2.2 แสดงขนตอนการท างาน PHPScript Request/ Response

( ทมา : https://rungringjung.wordpress.com )

1. จากไคลเอนตจะเรยกไฟล PHP Script ผานทางโปรแกรมบราวเซอรไปยง Web Server 2. บราวเซอรจะสงค ารอง (Request) ไปยงเวบเซรฟเวอรเพอผานทางเครอขายระบบอนเทอรเนต 3. เมอเวบเซรฟเวอรรบค ารองขอจากบราวเซอรเรยบรอยแลว จะน าสครปต PHP ทเกบอยใน เซรฟเวอรมาประมวลผลดวยโปรแกรมแปลภาษา PHP ทเปนอนเตอรพรเตอร 4. กรณท PHP Script มการเรยกใช ขอมลกจะตดตอกบฐานขอมลตางๆผานทาง ODBC Connection ถาเปนฐานขอมลกลม Microsoft SQL Server, Microsoft Access, FoxPro หรอใช Function Connection ทมอยใน PHP Library ในการเชอมตอฐานขอมลเพอดงขอมลออกมาหลงจากแปลสครปต PHP แลวจะไดรบไฟล HTML ใหมทมแตแทก HTMLไปยง Web Server 5. Web Server สงไฟล HTML ทไดผานการแปลเรยบรอยแลวกลบไปยงบราวเซอรทรองขอผานทางเครอขายระบบอนเตอรเนต

6

6. เวบบราวเซอรรบไฟล HTML ทเวบเซรฟเวอรสงมาใหแปล HTML แสดงผลออกทางจอภาพเปนเวบเพจ โดยใชตวแปลภาษา HTML ทอยในเวบบราวเซอรซงเปนอนเตอรพรเตอรเชนเดยวกน (Khwanchira Nuanthong , 2557) Jquery (Chandrajeet Maurya:2559)

Jquery เปนสวนหนงในการเขยน Web Browser ซงถกออกแบบมาเพอใชในการเขยน Java Script มความสะดวกสบายเพราะการน า Java Script ไปประยกตกบงาน เชนเวบ (clientside JavaScript) เปนสงทยงยาก เนองจากความไมเขากนของ Web Browser แตละคาย DOM หรอ API เปนตน หลกการท างานของ Jquery คอการเอา Object และ Function ตางๆ มาเกบรวบรวมไวในรปแบบของ Library จงท าใหการเขยนโปรแกรมในครงตอไปจากทเปนหลายบรรทดจะส นลงหรออาจเหลอเพยงบรรทดเดยว ในการเขยนโปรแกรม Jquery ประกอบดวยฟเจอรตางๆ เชน CSS manipulation, HTML event methods, AJAX เปนตน ระบบฐานขอมล

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

1. สามารถลดความซ าซอนของขอมลได โดยระบบจดการจะชวยควบคมความซ าซอน เนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวา มขอมลซ าซอนกนอยทใดบาง

2. หลกเลยงความขดแยงของขอมลได การเกบขอมลชนดเดยวกนไวหลายๆท และมการปรบปรงขอมล แตปรบปรงขอมลไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาความขดแยงของขอมลขน

3. สามารถใชขอมลรวมกนได หากผใชตองการใชขอมลในฐานขอมลทมาจากแฟมขอมลตางๆ กจะท าไดโดยงาย

4. สามารถรกษาความถกตองเชอถอไดของขอมลบางครงพบวาการจดเกบขอมลใน ฐานขอมลอาจมขอผดพลาดเกดขน

5. สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลได การเกบขอมลรวมกนไวใน ฐานขอมลจะสามารถก าหนดมาตรฐานของขอมลได ในการจดเกบขอมลใหเปนไปตามลกษณะเดยวกนได

6. สามารถก าหนดระบบความปลอดภยของขอมลได ระบบความปลอดภยในทนเปนการ ปองกนไมใหผใชทไมมสทธมาใช หรอมาเหนขอมลบางอยางในระบบผบรหาร

7. เกดความเปนอสระของขอมล โปรแกรมตางๆอาจไมจ าเปนตองมโครงสรางขอมลทกครง ดงนนการแกไขขอมลบางครงจงท าเฉพาะกบโปรแกรมทเรยกใชขอมลทเปลยนแปลงเทานน

7

2.3 เวบไซตทเกยวของ

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

ภาพท 2.3 https://phpcodemania.blogspot.com/2017/06/free-php-project.html

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

8

ภาพท 2.4 http://www.rangforever.com/detail.php?id_t=9&id=117

เปนเวบไซตทสอนเกยวกบการเชอมตอกบฐานขอมล การเชอมตอฐานขอมลเปนการน าขอมลมากกวา 3 ตารางขนไป มาเชอมโยงกน โดยตารางเหลานนตองมจดเชอมตอ หรอ key เหมอนกนดวย หาก key ไมเหมอนกนจะไมสามารถเชอมตอกนได

9

ภาพท 2.5 http://www.thaicreate.com/community/jquery-auto-fill-textbox.html

เปนเวบไซตสอนเกยวกบการน า jQuery มาท า AutoFill ขอมล Textbox และการตรวจสอบขอมลซ าดวย Ajax เปนการน าความสามารถของ jQuery มาใชงานรวมกนกบ Form ในการรบสงและตรวจสอบคาผาน Ajax และ JSON เชน การตรวจสอบ Form วาผใชงานไดท าการ Input ขอมลซ าทมอยใน PHP กบ MySQL Database หรอไม หรอการท า Auto Fill เชน กรอกขอมล รหสลกคา CustomerID และขอมลรายละเอยดอนๆกจะแสดงผลอตโนมต ส าห รบการรบ ส งขอ มลในตวอยาง น จะประยกตการใช JSON ท างานรวมกบ Ajax ผาน Library ของ jQuery

10

ภาพท 2.6 http://www.thaicreate.com/tutorial/sql.html

เปนเวบไซตทใหขอมลในเรองของ SQL ไมวาจะเปน MySQL หรอ Microsoft SQL Server ซงรวบรวมค าสงตางๆ ทเอาไวใชงานกบ Database ซงสามารถน ามาประยกตใชในการพฒนาแอพพลเคชนไดโดยงาย

11

ภาพท 2.7 http://www.thaicreate.com/php.html

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

12

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

ภาพท 2.8 ระบบการยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ โรงพยาบาลพญาไท 3

สนต อสระพาณชย (2556) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม เปนรายงานทน าเสนอระบบ การยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ โรงพยาบาลพญาไท 3 กลาวถงระบบงานเดมจนถงการพฒนาระบบใหม โดยมขนตอนการด าเนนงานและการวเคราะหผล การพฒนาโปรแกรมและออกแบบฐานขอมลโดยใช Microsoft Access 2010 และออกแบบสวนตดตอกบผใช โดยใชโปรแกรม Microsoft Visual Studio 2010

13

ภาพท 2.9 ระบบยม-คน หนงสอโครงงาน

ณธชสร จตสงขลา ธชตะวน ชนะกล และ สรายทธ ยกม (2559) สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยหาดใหญ เปนรายงานทมการพฒนาระบบยม-คนหนงสอโครงงาน ในรปแบบเวบแอพพลเคชน โดยใชภาษา PHP และระบบการจดการฐานขอมล MySQL ทมขอบเขตการท างานของระบบ

14

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

ปรญญา อภยภกด และ ณฐพล เสาวพงษ (2559) สาขาวชา เทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม เปนโปรแกรมทสรางขนเพอจดการอปกรณคอมพวเตอรของหนวยงานเวชสารสนเทศ พฒนาดวยระบบจดการฐานขอมล ส าหรบโปรแกรมทใชในการพฒนาระบบคอ Adobe Dreamweaver CS5 เปนเครองมอในการพฒนาหนาเวบ เพจ โปรแกรม Microsoft SQL Server 2008 เปนเครองมอทใชเปนฐานขอมลเพอเกบขอมลตางๆ และเขยนโปรแกรมดวยภาษา PHP

15

ภาพท 2.11 ระบบจดการอปกรณสนคาคงคลง

จตพล ถวลรกษ ธนวฒน โภทชงรก และสธพงษ เมองเตม (2552) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม โดยโปรแกรมรวบรวมรายการสนคาและรายละเอยดทจะตองสงเคลมไปยงผผลต โดยจดเกบขอมลและรายละเอยดของผผลต ลงฐานขอมลเพอทสามารถเรยกขอมลไดอยางสะดวกและรวดเรวในการสงเคลม ส าหรบโปรแกรมทใชในการพฒนาระบบคอ Microsoft Visual Studio 2005 และใชโปรแกรม Microsoft SQL Server 2000 ในการจดการฐานขอมล

16

ภาพท 2.12 ระบบบรหารงานรานขายผาคลมรถยนต

ขวญฤด ดวงเดอน ประไพพร ส าเภาทอง และปารชาต วชรพทธคณ (2555) สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ไดจดท าโครงงานระบบบรหารงานรานขายผาคลมรถยนต โดยระบบสามารถจดเกบขอมลตางๆ เชน ขอมลสนคา ขอมลการขายสนคา ขอมลการสงซอสนคา ขอมลรบสนคา ขอมลผผลต ขอมลการสงคน เปนตน พฒนาระบบโดย ใช Microsoft SQL Server 2000 ในการสรางฐานขอมล และ ใชโปรแกรม Microsoft Visual Studio 2005 ในการพฒนาระบบ

บทท 3 รายละเอยดการปฏบตงาน

3.1 ชอและทตงของสถานประกอบการ ชอสถานประกอบการ (ภาษาไทย) : บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน) (ภาษาองกฤษ) : SCB Life Assurance Public Company Limited ทอยสถานประกอบการ 1060 ถนนเพชรบรตดใหม แขวงมกกะสน เขตราชเทว กรงเทพฯ 10400 โทรศพท 0-2655-3000 โทรสาร 0-2256-1742,02254-8033,0-2655-7082 E-Mail Address Scblife-cs@scblife.co.th 3.2 ลกษณะการประกอบการและการใหบรการหลกขององคกร

บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน) หนวยงานสารสนเทศเปนหนวยงานทใหบรการเกยวกบการดแลอปกรณคอมพวเตอร และอปกรณทางดานไอท ใหกบบคลากรในหนวยงานตางๆ ภายในบรษทไทยพาณชยประกนชวต จ ากด (มหาชน) 3.3 ต าแหนงและลกษณะงานทไดรบมอบหมาย

3.3.1 นางสาวศรวรรณ บญประจ า ต าแหนง : ฝายสนบสนนงานสารสนเทศ

ลกษณะการท างาน : ดแลอปกรณคอมพวเตอรภายในหนวยงานเชน ตดตงโปรแกรมคอมพวเตอร ตดตง video Conference ตดตงเค ร อ งค อมพ ว เต อ ร ต รวจส อบ แล ะ ซ อม แซ มคอมพวเตอรภายในสถานประกอบการ

3.3.2 นายปฏภาน อนเรอน ต าแหนง : ฝายสนบสนนงานสารสนเทศ

ลกษณะการท างาน : ดแลอปกรณคอมพวเตอรภายในหนวยงานเชน ตดตงโปรแกรมคอมพวเตอร ตดตง video Conference ตดตงเค ร อ งค อมพ ว เต อ ร ต รวจส อบ แล ะ ซ อม แซ มคอมพวเตอรภายในสถานประกอบการ

3.4 ชอและต าแหนงงานของพนกงานทปรกษา ชอพนกงานทปรกษา : นายเมธวฒน ธรรมานวฒน ต าแหนง : Assistant Supervisor สถานทท างาน : ส านกงานใหญไทยพาณชยประกนชวต จ ากด (มหาชน) 3.5 ระยะเวลาทปฏบตงาน ระหวางวนท 8 มกราคม 2561 ถง 30 เมษายน 2561 3.6 ขนตอนและวธการด าเนนงาน 3.6.1 ศกษาแนวความคดและกระบวนการท างานของบรษทกบพนกงานทปรกษา รวมถง ทฤษฎทเกยวของตอการท างานใหมประสทธภาพและตรงตามวตถประสงคกบการออกแบบ พฒนาโปรแกรม 3.6.2 รวบรวมขอมลและความตองการทางดานการเกบขอมลจากพนกงานทปรกษาและ บคคลกรในบรษท 3.6.3 วเคราะหความตองการในการเกบขอมลแบงแยกประเภทในการเกบและก าหนด ขอบเขต ระบบการจดการขอมล

3.6.4 ออกแบบและพฒนาโปรแกรม การออกแบบหนาจอของระบบจดการขอมลอปกรณคอมพมเตอร

ภาพท 3.1 หนาจอเขาสระบบ

หนาจอเขาสระบบ โดยทผใชตองกรอกชอกบรหสผาน แลวท าการกดปม Login เพอเขาสระบบ

ภาพท 3.2 หนาจอเพมขอมลพนกงาน

หนาจอเพมขอมลพนกงาน โดยทผใชงานตองกรอกขอมลซงประกอบไปดวย ชอพนกงาน เลอกต าแหนง เบอรโทร อเมล เลอกสถานะ มทงสถานะ User และ Admin แลวกดปมบนทกเพอท าการบนทกขอมลพนกงานลงในฐานขอมล

ภาพท 3.3 หนาจอเพมขอมลแอดมน

หนาจอเพมขอมลแอดมน โดยการเลอกสถานะ เปน Admin เพอท าการเพมขอมลในสวนของแอดมน โดยการกรอกชอแอดมน (ภาษาองกฤษ) กรอกรหสผาน และยนยนรหสผาน แลวกดปมบนทกเพอท าการบนทกขอมลแอดมนลงในฐานขอมล

ภาพท 3.4 หนาจอเพมขอมลอปกรณคอมพวเตอร

หนาจอเพมขอมลอปกรณคอมพวเตอร โดยทผใชงานตองกรอกขอมลซงประกอบไปดวย รหสอปกรณคอมพวเตอร ชออปกรณคอมพวเตอร เลอกบรษทผจดจ าหนาย มใหเลอกทง DELL ACER HP SAMSUNG LENOVO เปนตน แลวกดปมบนทกเพอท าการบนทกขอมล อปกรณคอมพวเตอรลงในฐานขอมล

ภาพท 3.5 หนาจอเพมขอมลบรษทผจดจ าหนาย

หนาจอเพมขอมลบรษทผจดจ าหนาย โดยทผใชงานตองกรอกขอมลซงประกอบไปดวย ขอมลชอบรษทผจดจ าหนาย ทอย เบอรโทร อเมล เพอท าการเพมขอมลบรษทผจดจ าหนาย แลวกดปมบนทกเพอท าการบนทกขอมลบรษทผจดจ าหนายลงในฐานขอมล

ภาพท 3.6 หนาจอเลอกขอมลพนกงานเพอท าการแกไข

หนาจอเลอกขอมลพนกงานเพอท าการแกไข โดยกดเลอกลงคแกไขคอลมนสดทาย จะแสดงในภาพท 3.7

ภาพท 3.7 หนาจอแกไขขอมลพนกงาน หนาจอแกไขขอมลพนกงาน โดยทผ ใชงานตองกรอกขอมลซงประกอบไปดวย ชอพนกงาน เลอกต าแหนง เบอรโทร และอเมล แลวกดปมบนทกเพอท าการบนทกขอมลพนกงานลงในฐานขอมล

ภาพท 3.8 หนาจอเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข

หนาจอเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข โดยท าการกดลงคแกไข เพอแกไขขอมลอปกรณคอมพวเตอร จะแสดงในภาพท 3.9

ภาพท 3.9 หนาจอแกไขขอมลอปกรณคอมพวเตอร

หนาจอแกไขขอมลอปกรณคอมพวเตอร โดยทผใชงานตองกรอกขอมลซงประกอบไปดวย รหสอปกรณคอมพวเตอร ชออปกรณคอมพวเตอร เลอกบรษทผจดจ าหนายมทง DELL ACER HP SAMSUNG LENOVO แลวกดปมบนทกเพอท าการบนทกขอมลขอมลอปกรณคอมพวเตอรลงในฐานขอมล

ภาพท 3.10 หนาจอเลอกขอมลบรษทผจดจ าหนายเพอท าการแกไข

หนาจอเลอกขอมลบรษทผจดจ าหนายเพอท าการแกไข โดยกดลงคแกไข เพอท าการแกไขขอมลบรษทผจดจ าหนาย จะแสดงดงภาพท 3.11

ภาพท 3.11 หนาจอแกไขขอมลบรษทผจดจ าหนาย

หนาจอแกไขขอมลบรษทผจดจ าหนาย โดยทผใชงานตองกรอกขอมลซงประกอบไปดวย ชอ ทอย เบอรโทร อเมล แลวกดปมบนทกเพอท าการบนทกขอมลบรษทผจ ดจ าหนายลงในฐานขอมล

ภาพท 3.12 หนาจอเลอกอปกรณคอมพวเตอรเพอท าการยม

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

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

ภาพท 3.14 หนาจอท ารายการคนอปกรณคอมพวเตอร

หนาจอท ารายการคนอปกรณคอมพวเตอร โดยท าการกดเลอกลงคสงคนเรยบรอยแลว สถานะจะเปลยนเปน คนแลว

ภาพท 3.15 หนาจอเคลมอปกรณคอมพวเตอร

หนาจอเคลมอปกรณคอมพวเตอร โดยกดเลอกลงคเคลมในชองสดทาย จะแสดงหนาจอยนยนอปกรณทตองการเคลมในภาพท 3.16

ภาพท 3.16 หนาจอยนยนอปกรณทตองการเคลม หนาจอยนยนอปกรณทตองการเคลม โดยการตรวจสอบอปกรณทตองการเคลม แลวกดปมบนทกเพอท าการบนทกขอมลการเคลมอปกรณคอมพวเตอรลงในฐานขอมล

ภาพท 3.17 หนาจอสงคนอปกรณคอมพวเตอรทท าการเคลมแลว หนาจอสงคนอปกรณคอมพวเตอรทท าการเคลมแลว โดยการกดลงคสงคนในคอลมนชองสดทาย จะแสดงหนาสรปผลการสงคนอปกรณคอมพวเตอรในภาพท 3.18

ภาพท 3.18 หนาจอสรปผลการสงคนอปกรณคอมพวเตอร หนาจอสรปผลการสงคนอปกรณคอมพวเตอร โดยหลงจากกดลงคสงคนแลว สถานะจะเปลยนเปน สงคนอปกรณเรยบรอย

ภาพท 3.19 หนาจอเลอกอปกรณทตองการเพมหมายเลขอปกรณคอมพวเตอร หนาจอเลอกอปกรณทตองการเพมหมายเลขอปกรณคอมพวเตอร โดยการกดลงคด าเนนการ เพอเพมหมายเลขอปกรณคอมพวเตอร จะแสดงหนาจอเพมหมายเลขอปกรณคอมพวเตอรในภาพท 3.20

ภาพท 3.20 หนาจอเพมหมายเลขอปกรณคอมพวเตอร หนาจอเพมหมายเลขอปกรณคอมพวเตอร โดยผใชกรอกหมายเลขอปกรณคอมพวเตอร แลวกดปมบนทกเพอท าการบนทกขอมลหมายเลขอปกรณคอมพวเตอรลงในฐานขอมล

3.6.5 น าโปรแกรมทไดออกแบบสงใหกบพนกงานทปรกษาตรวจสอบและให ค าแนะน าเปน ระยะ 3.6.6 ปรบปรงโปรแกรมตามทพนกงานทปรกษาและอาจารยทปรกษาแนะน าเพอใหได โปรแกรมทตรงตามความตองการมากทสด 3.6.7 น าเสนอโปรแกรม อธบายแนวความคดในการออกแบบ และพฒนาระบบฐานขอมล 3.7 ระยะเวลาการด าเนนงาน ตรางท 3.1 ระยะเวลาการท างาน

ขนตอนการด าเนนงาน ม.ค 61 ก.พ 61 ม.ค 61 เม.ย 61 1. ศกษาแนวความคด 2. รวบรวมขอมล 3. วเคราะหขอมล 4. ออกแบบและพฒนาโปรแกรม 5. น าโปแกรมทออกแบบใหทปรกษาตรวจสอบ 6. ปรบปรงโปรแกรม 7. น าเสนอโปรแกรม 3.8 อปกรณและเครองมอทใช คณสมบตของฮารดแวร 3.8.1 ฮารดแวรส าหรบผพฒนาระบบ 3.8.1.1 CPU Intel® Core™ i5-3230M @2.60 GHz. 3.8.1.2 Hard Disk 500 GB. 3.8.1.3 RAM 4 GB. 3.8.2 ฮารดแวรส าหรบผใชระบบ 3.8.2.1 CPU Intel® Core™ i5-3230M @2.60 GHz. หรอสงกวา 3.8.2.2 Hard Disk 60 MB. หรอมากกวา 3.8.2.3 RAM 2 GB. หรอมากกวา คณสมบตของซอฟตแวร 3.8.3 ซอฟตแวรส าหรบผพฒนาระบบ

3.8.3.1 Microsoft Windows 7

3.8.3.2 Microsoft Office Word 2013 3.8.3.3 Google Chrome 3.8.3.4 My SQL Server 3.8.3.5 Sublime Text 3.8.4 ซอฟตแวรส าหรบผใชระบบ 3.8.4.1 Microsoft Windows 7 หรอสงกวา 3.8.4.2 Google Chrome

บทท 4 ผลการปฎบตงานตามโครงงาน

4.1 ขนตอนการใชงาน

ภาพท 4.1 หนาเขาสระบบ

หนาเขาสระบบ ใชส าหรบการกรอกชอผใชงานระบบ และรหสผานมขนตอนดงน 1) กรอกชอผใชระบบ เชน chokzacm เปนตน 2) กรอกรหสผาน เชน 1234 เปนตน 3) กดปม Login เพอเขาสระบบ

1

2 3

42

ภาพท 4.2 หนาการเพมขอมลพนกงาน

หนาเพมขอมลพนกงาน ใชส าหรบท าการเพมขอมลพนกงานเพอท าการยม คนอปกรณมขนตอนดงน

1) กรอกชอพนกงาน เชน ศรวรรณ เปนตน 2) ระบต าแหนง เชน หวหนาแผนก เปนตน 3) กรอกเบอรโทร เชน 0904283899 เปนตน 4) กรอกอเมลของพนกงาน เชน siriwan@hotmail.com เปนตน 5) เลอกสถานะ เชน User เปนตน 6) กดปมบนทกเพอท าการบนทกขอมลพนกงานลงในฐานขอมล

1 2

3

4

5 6

43

ภาพท 4.3 หนาเพมขอมลแอดมน

หนาเพมขอมลแอดมน ใชท าการเพมขอมลในสวนของแอดมน มขนตอนดงน 1) กรอกชอแอดมน(ภาษาองกฤษ) เชน siriwan เปนตน 2) กรอกรหสผาน เชน 0029 เปนตน 3) ยนยนรหสผาน เชน 0029 เปนตน 4) กดปมบนทกเพอท าการบนทกขอมลแอดมนลงในฐานขอมล

1

2

3 4

44

ภาพท 4.4 หนาการเพมขอมลอปกรณคอมพวเตอร หนาเพมขอมลอปกรณคอมพวเตอร มขนตอนดงน

1) กรอกรหสอปกรณคอมพวเตอร เชน 1006 เปนตน 2) กรอกชออปกรณคอมพวเตอร เชน จอ เปนตน 3) ระบบรษทผจดจ าหนาย เชน DELL เปนตน 4) กดปมบนทกเพอท าการบนทกขอมลลงในฐานขอมล จากนนขอมลอปกรณ

คอมพวเตอรทท าการเพมจะแสดงในหนาแกไขอปกรณคอมพวเตอร ดงภาพท 4.8

1

2

3 4

45

ภาพท 4.5 หนาเพมขอมลบรษทผจดจ าหนาย

หนาเพมขอมลบรษทผจดจ าหนาย มขนตอนดงน 1) กรอกชอบรษทผจดจ าหนาย เชน DELL เปนตน 2) กรอกทอยบรษทผจดจ าหนาย เชน 42/376 เพชรเกษม หนองแขม กทม. 10160

เปนตน 3) กรอกเบอรโทร เชน 0954576158 เปนตน 4) กรอกอเมล เชน siriwan@gmail.com เปนตน 5) กดปมบนทกเพอท าการบนทกขอมลลงในฐานขอมล จากนนขอมลบรษทผจด

จ าหนายทเพมจะแสดงในหนาแกไขขอมลบรษทผจดจ าหนาย ดงภาพท 4.10

1

2

3

4 5

46

ภาพท 4.6 หนาท าการเลอกขอมลพนกงานทตองการแกไข

หนาท าการเลอกขอมลพนกงานทตองการแกไขโดยการกดลงคแกไขเพอท าการแกไขขอมลพนกงาน จากนนขอมลจะแสดงในหนาแกไขขอมลพนกงาน ดงภาพท 4.7

47

ภาพท 4.7 หนาท าการแกไขขอมลพนกงาน

หนาท าการแกไขขอมลพนกงาน มขนตอนดงน 1) แกไขชอพนกงาน เชน ปฏภาน อนเรอน เปนตน 2) ระบต าแหนง เชน พนกงานขาย เปนตน 3) แกไขเบอรโทร เชน 085696868 เปนตน 4) แกไขอเมล เชน rero_chok@hotmail.com เปนตน 5) กดปมบนทกเพอท าการบนทกขอมลพนกงานลงในฐานขอมล

1

22 3

4 5

48

ภาพท 4.8 หนาท าการเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข

หนาท าการเลอกขอมลอปกรณคอมพวเตอรเพอท าการแกไข โดยการเลอกอปกรณทตองการจะแกไข แลวท าการกดลงคแกไข เพอแกไขขอมลอปกรณคอมพวเตอร จะแสดงในภาพท 4.9

49

ภาพท 4.9 หนาแกไขขอมลอปกรณคอมพวเตอร

หนาแกไขขอมลอปกรณคอมพวเตอร มขนตอนดงน 1) แกไขรหสอปกรณคอมพวเตอร เชน 1005 เปนตน 2) แกไขชออปกรณคอมพวเตอร เชน จอ เปนตน 3) ระบบรษทผจดจ าหนาย เชน DELL เปนตน 4) กดปมบนทกเพอท าการบนทกขอมลลงในฐานขอมล

1

2

3

4

50

ภาพท 4.10 หนาท าการเลอกขอมลบรษทผจดจ าหนายเพอท าการแกไข

หนาท าการเลอกขอมลบรษทผจ ดจ าหนายเพอท าการแกไข โดยการเลอกบรษทผจดจ าหนายทตองการจะแกไข แลวท าการกดลงคแกไข เพอแกไขขอมลบรษทผจดจ าหนาย จะแสดงในภาพท 4.11

51

ภาพท 4.11 หนาการแกไขขอมลบรษทผจดจ าหนาย

หนาแกไขขอมลบรษทผจดจ าหนาย มขนตอนดงน 1) กรอกชอบรษทผจดจ าหนาย DELL เปนตน 2) กรอกทอยบรษทผจดจ าหนาย เชน บางแค เปนตน 3) กรอกเบอรโทรบรษทผจดจ าหนาย เชน 3705 เปนตน 4) กรอกอเมลบรษทผจดจ าหนาย เชน zom@hotmail.com เปนตน 5) กดปมบนทกเพอท าการบนทกขอมลลงในฐานขอมล

1

2

4

3

5

52

ภาพท 4.12 หนายมอปกรณคอมพวเตอร

หนายมอปกรณคอมพวเตอรมขนตอนดงน 1) เลอกอปกรณคอมพวเตอรทตองการยม โดยท าการกดลงคเลอก เพอท าการยม

อปกรณคอมพวเตอร จากนนจะแสดงขอมลการยมประกอบดวย Serial No. วนทยมและก าหนดผยมโดยการกด Dropdownlist ทชอผยม

2) กดปมบนทกเพอท าการบนทกขอมลการยมอปกรณคอมพวเตอรลงในฐานขอมลจะแสดงสรปผลการยม ดงภาพท 4.13

1

2

53

ภาพท 4.13 หนาสรปผลการยมอปกรณคอมพวเตอร หนาสรปผลการยมอปกรณคอมพวเตอรประกอบดวย ท าการแสดงสรปผลรายการทถกยม ซงสถานะจะถกเปลยนเปน ยงไมไดคนอปกรณคอมพวเตอร

54

ภาพท 4.14 หนาสรปผลการคนอปกรณคอมพวเตอร

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

55

ภาพท 4.15 หนาท าการเพมหมายเลขอปกรณคอมพวเตอร

หนาท าการเพมหมายเลขอปกรณคอมพวเตอร โดยการอปกรณคอมพวเตอรทตองการเพมหมายเลขอปกรณ แลวกดลงคด าเนนการ เพอเพมหมายเลขอปกรณคอมพวเตอร ดงภาพท 4.16

56

ภาพท 4.16 หนาเพมหมายเลขอปกรณคอมพวเตอร

หนาเพมหมายเลขอปกรณคอมพวเตอร มขนตอนดงน 1) กรอกหมายเลขอปกรณ เชน 2229 เปนตน 2) กดปมบนทกเพอท าการบนทกขอมลหมายเลขอปกรณคอมพวเตอรลงใน

ฐานขอมลจากนนขอมลการเพมหมายเลขอปกรณคอมพวเตอรจะแสดงในหนาสรปผลรายการอปกรณคอมพวเตอร ดงภาพท 4.17

1

2

57

ภาพท 4.17 หนาสรปผลรายการอปกรณคอมพวเตอร

หนาสรปผลรายการอปกรณคอมพวเตอร โดยท าการแสดงผล เชน แสดงรหสอปกรณ ชออปกรณ หมายเลขอปกรณ และสถานะ เปนตน

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

5.1 สรปผลโครงงานหรองานวจย 5.1.1 สรปผลโครงงาน หนวยงานสารสนเทศทนกศกษาไดออกสหกจศกษาเปนหนวยงาน

ทใหบรการเกยวกบการดแลอปกรณคอมพวเตอร และอปกรณทางดานไอท ใหกบบคลากรในหนวยงานตางๆ จากหนวยงานสารสนเทศและไดพบปญหาหลกเกยวกบการคนหาขอมลการยม คน และสงเคลมอปกรณคอมพวเตอร เพราะโดยปจจบนยงไมมโปรแกรมทรองรบการคนหาขอมลการยมคนอปกรณคอมพวเตอร เปนเพยงการบนทกขอมลโดยใชโปรแกรม Microsoft Office Excel 2007 เพอจดเกบขอมลการยม คนอปกรณคอมพวเตอร

ดงนนจงเกดแนวคดในการออกแบบและพฒนาระบบการจดการขอมล เพอในการเกบขอมลอปกรณคอมพวเตอรของบรษท ถกแบงออกแยกเปนประเภท เพอลดการซ าซอนของขอมลโดยการใชโปรแกรม Sublime Text3 ในการออกแบบและพฒนาโปรแกรม และใชโปรแกรม PHP Myadmin ในการออกแบบระบบการจดการฐานขอมล 5.1.2 ขอจ ากดหรอปญหาของโครงงาน 5.1.2.1 ขาดทกษะและประสบการณในการพฒนาระบบฐานขอมลจงท าใหระยะ ในการท างานคอนขางลาชากวาก าหนด 5.1.2.2 ขาดทกษะในการพฒนาโปรแกรมภาษา PHP จงท าใหงานคอนขางลาชา กวาก าหนด 5.1.3 ขอเสนอแนะ 5.1.3.1 ควรศกษาดานการพฒนาโปรแกรมภาษา PHP เพมเตม

5.1.3.2 เกบขอมลและความตองการของผใชงาน เพอท าการก าหนดขอบเขตให ชดเจน

5.2 สรปผลการปฏบตงานสหกจศกษา 5.2.1 ขอดของการปฏบตงานสหกจศกษา 5.2.1.1 ท าใหเขาใจถงสถานการณ และสามารถแกไขสถานการณทเกดขนได 5.2.1.2 ท าใหเขาใจถงระบบการท างานในรปแบบขององคกร 5.2.2 ปญหาทพบของการปฏบตงานสหกจศกษา 5.2.2.1 ขาดประสบการณในออกแบบและพฒนาระบบการจดการขอมลทน ามาใช งานจรง 5.2.2.2 ขาดประสบการณในการปฏบตงานในรปแบบขององคกร

59

5.2.3 ขอเสนอแนะ 5.2.3.1 ควรศกษาโปรแกรมทมผพฒนาขนใหมอยเสมอ 5.2.3.2 ควรศกษาการปฏบตงานสหกจศกษา เพอเปนประสบการณในการท างาน

บรรณานกรม

การน า jQuery มาท า AutoFill ขอมล Textbox และการตรวจสอบขอมลซ าดวย Ajax. (2561). เขาถงไดจาก http://www.thaicreate.com/community/jquery-auto-fill-textbox.html

การเขยนโปรแกรมคอมพวเตอร. (2561). เขาถงไดจาก https://rungringjung.wordpress.com การ Inner Join 3 ตารางใน MySql. (2561). เขาถงไดจาก

http://www.rangforever.com/detail.php?id_t=9&id=117 ขวญฤด ดวงเดอน ประไพพร ส าเภาทอง และปารชาต วชรพทธคณ. (2555). ระบบบรหารงานรานขาย

ผาคลมรถยนต. สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม จตพล ถวลรกษ ธนวฒน โภทชงรก และสธพงษ เมองเตม. (2552). ระบบจดการอปกรณสนคาคงคลง.

สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม ณธชสร จตสงขลา ธชตะวน ชนะกล และ สรายทธ ยกม. (2559). ระบบยม-คน หนงสอโครงงาน.

สาขาวชาเทคโนโลยสารสนเทศ คณะวทยาศาสตรและเทคโนโลย มหาวทยาลยหาดใหญ ปรญญา อภยภกด และ ณฐพล เสาวพงษ. (2559). ระบบจดการอปกรณคอมพวเตอรของหนวยงานเวช

สารสนเทศ. สาขาวชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม สอน SQL รปแบบค าสง SQL และการใชงานภาษา SQL ในรปแบบตางๆ. (2561). เขาถงไดจาก

http://www.thaicreate.com/tutorial/sql.html สนต อสระพาณชย. (2556). ระบบการยม-คนโนตบคในหนวยสนบสนนระบบสารสนเทศ

โรงพยาบาลพญาไท 3. สาขาวชาคอมพวเตอรธรกจ คณะเทคโนโลยสารสนเทศ มหาวทยาลยสยาม

PHP นกพฒนาเวบแอพพลเคชน. (2560). เขาถงไดจากhttps://phpcodemania.blogspot.com/2017/06/free-php-project.html

PHP (Hypertext Preprocessor). (2561). เขาถงไดจาก http://www.thaicreate.com/php.html

ภาคผนวก

62

ภาคผนวก ก การออกแบบระบบงาน

.1 Program Map

63

.2 E-R Diagram ษ

PK

PK PK,FK1

PK PK,FK1

FK2 FK3

PK PK

PK,FK1 PK

FK1

PK

FK2

64

.3 E-R Diagram ษ ฤษ

staffmember

PK staffid

staffname staffposition stafftell staffemail staffstatus staffuser staffpassword

lend

PK lendidPK,FK1 serialcomid

staffid lenddate lendout lendstatus

claim

PK claimidPK,FK1 companyid

serialcomid accidFK2 claimdateFK3 claimout claimstatus

accessorycom

PK accid

nameac companyid

descriptionac

PK,FK1 accidPK serialcomid

status

companysell

PK companyid

combrandFK2 comaddress comtell comemail

65

.1

ธ

staffmember accessorycom companycell ษ

lend - claim quipment Descriptionac

.2 (staffmember)

Name Type P M Refer To Description staffid Int (11) Yes Yes staffname Varchar (100) No Yes stafftell Varchar (11) No Yes โ ศ staffemail Varchar (100) No Yes staffstatus Varchar (100) No Yes staffuser Varchar (50) No Yes ใ staffpassword Int (11) No Yes

66

.3 (accessorycom)

Name Type P M Refer To Description accid Int(10) Yes Yes nameac varchar (20) No Yes companyid Int(11) No Yes Companycell.companyid ษ

.4 ( ) ษ (companysell)

Name Type P M Refer To Description companyid Int(10) Yes Yes ษ combrand text No Yes ษ comaddress text No Yes ษ comtell varchar (20) No Yes โ ษ

comemail text No Yes ษ

.5 - (lend)

Name Type P M Refer To Description lendid Int(10) Yes Yes serialcomid varchar (50) No Yes Descriptionac. serialcomid

staffid Int(11) No Yes lenddate date No Yes lendout date No Yes lendstatus Int(11) No Yes

67

.6 (claim quipment)

Name Type P M Refer To Description claimid Int (11) Yes Yes companyid Int (11) Yes Yes Companycell.companyid serialcomid varchar (50) No Yes accid Int (11) No Yes

claimdate date No Yes

claimout date No Yes

claimstatus Int(11) No Yes

.7 (Descriptionac)

Name Type P M Refer To Description accid Int(10) Yes Yes Accessorycom.accid serialcomid varchar (50) Yes Yes status Int(11) No Yes Lend.status

P = Primary Key M = Mandatory

68

0

.4 Context Diagram

69

1

-

D2

D3

D1

ใ

ใ

ใ

ใ

2

D3

D4

D1

D2

ใ

ใ

ใ

D3

D5

D1

D2

ใ

ใ

3

ใ 4

D3

D6

D1

ใ

ใ ใ

70

.5 Data Flow Diagram Level 0

1.2

ใ ใ

ใ

1.1

1.2

1.3

D1

D2

D3

D7

ใ

ใ

ใ

D1

.6 Data Flow Diagram Level 1 Process 1: ฐ

71

ใ

2.1

D1

2.2

2.3

2.4

D3 ใ ใ

D4

D1

D4

D4

ใ

D7

.7 Data Flow Diagram Level 1 Process 2:

72

ใ

3.1

3.2

3.3

3.4

D1

D5

D3

D1

D5

ใ

D5

ใ

ใ

.8 Data Flow Diagram Level 1 Process 3:

73

.

ใ

4.1

4.2

4.3

4.4

D1

D6

D3

D1

D6

ใ

D6

ใ

ใ

.9 Data Flow Diagram Level 1 Process 4:

74

ภาคผนวก ข คมอการตดตงโปรแกรม

Install Program

.1 ฟ โ FileZilla 3.31.0

FileZilla_3.31.0_setup.exe DVD RW โ ใ Folder Setup โ FileZilla 3.31.0

75

.2 โ FileZilla 3.31.0

ใ Run โ โ FileZilla 3.31.0

76

.3 ใ โ FileZilla 3.31.0

ใ I Agree ใ โ ใ โ FileZilla 3.31.0

77

.4 โ FileZilla 3.31.0

ใ ใ โ Next โ FileZilla 3.31.0

78

.5 shortcuts โ FileZilla 3.31.0

ใ ใ ใ shortcuts โ FileZilla 3.31.0

79

.6 Installing โ FileZilla 3.31.0

โ โ FileZilla 3.31.0

80

.7 โ FileZilla 3.31.0

Start FileZilla now Finish ใ โ FileZilla 3.31.0

81

.8 Site manager โ FileZilla 3.31.0

โ FileZilla 3.31.0 ใ File Site manager Site manager

82

.9 Site manager โ FileZilla 3.31.0

New Site Host Port User Password ใ ซ Connect Site manager

83

.10 Domain Subdomain

ซ โ ใ ฟ DVD RW โ ใ Folder System ใ Domain Subdomain

84

.11 โ ซ

ซ โ ใ ฟ ฟ Upload โ ซ Server

85

Restore Database

.12 ซ cPanel

Username Password ใ ฐ Log in

86

.13 ซ cPanel

ซ cPanel DATABASES MySQL Databases

87

.14 ฐ

ฐ ฐ Go ฟ ฐ

88

.15 ฟ stockscbdb.sql

ฟ stockscbdb.sql DVD RW โ ใ Folder Backup ฐ

89

.16 ซ cPanel

ฐ ซ cPanel DATABASES phpMyAdmin ฐ

90

ภาคผนวก ค ภาพระหวางปฏบตงาน

.1 video conference ใ

91

.2

92

.3 ip server ญ

93

.4 User ญ

94

.5 ups ญ

95

.6 video conference ใ ใ

96

.7

97

.8 ip Server ญ Config ip ใ

98

.9 ซ ใ

99

.10 ซ ใ

ประวตคณะผจดท ำ

รหสนกศกษา 5705000014

ชอ – นามสกล นางสาวศรวรรณ บญประจ า

คณะ เทคโนโลยสารสนเทศ

สาขา คอมพวเตอรธรกจ

ทอย 42/376 หมบานอรงทอง2 ซอย เพชรเกษม69 แขวงหนองแขม เขตหนองแขม กรงเทพฯ 10160

ผลงาน ระบบจดการขอมลอปกรณคอมพวเตอรของ บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน)

รหสนกศกษา 5705000003

ชอ – นามสกล นาย ปฏภาน อนเรอน

คณะ เทคโนโลยสารสนเทศ

สาขา คอมพวเตอรธรกจ

ทอย 52 ซอยเพชรเกษม33 ถนนเพชรเกษม แขวงบางหวา เขตภาษเจรญ กรงเทพฯ 10160

ผลงาน ระบบจดการขอมลอปกรณคอมพวเตอรของ บรษท ไทยพาณชยประกนชวต จ ากด (มหาชน)