บทท 2

การศกษาและวเคราะหระบบงานปจจบน

2.1 ลกษณะทวไปของระบบงานปจจบน

เนองจากในปจจบนระบบงานเดมของการยมคน ของภาควชาเทคโนโลยสารสนเทศในแตละ

ครง ผทตองการยมตองไปยมดวยตนเอง และไมสามารถจองลวงหนาได ในการยมแตละครง จะม

เจาหนาทจดบนทกการยมในสมดทกครง ซงอาจจะท าใหเกดความผดผลาดจากการจดบนทก

รปท 2.1 ขนตอนการยมคนอปกรณไอทระบบงานเดม

รปท 2.2 ขนตอนการยมคนอปกรณไอทระบบงานปจจบน

2.2 ปญหาทพบในระบบงานปจจบน

1. ตองใชกระดาษในการลงบนทกการยมคนอปกรณสารสนเทศ 2. เกดความลาชาในระบบการท างานของเจาหนาท 3. เกดความยงยากในการคนหาอปกรณไอท 4. ขอมลอาจเกดการสญหายได 5. การออกรายงานเกดความผดพลาด

ผใช

ผใช

คนหาอปกรณจากต

ผใชลงชอยม เจาหนาทเซน

รบทราบ น าอปกรณไอทออก

ตดตอเจาหนาท เจาหนาทบนทกการคน

น าอปกรณไปเกบ

6

2.3 วธการแกปญหาในระบบงานปจจบน

1. ใชระบบในการจดเกบขอมลสารสนเทศลงในฐานขอมลแทนการใชกระดาษเพอปองกนการสญหายของขอมล

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

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

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

5. ใชระบบในการบลอกผคนไมตรงเวลา 6. ใชระบบในการออกรายงานท าใหมความรวดเรวและถกตองแมนย าและชวยอ านวย

ความสะดวกตอเจาหนาทดวย

7

2.4 ทฤษฏและแนวคดทเกยวของ

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

โปรแกรม Dreamweaver CS5 โปรแกรม Photoshop CS5 โปรแกรม AppServ ทฤษฏ PHP ทฤษฏ JavaScript ทฤษฏ HTML ทฤษฏ jQuery ทฤษฏ SQL

8

2.5 โปรแกรมทใชในการพฒนา

2.5.1 โปรแกรม Dreamweaver CS5

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ได

พฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา "WYSIWYG " โปรแกรม Dreamweaver มฟงกชนทท าใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ รวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINE ได

ความสามารถของ Dreamweaver สนบสนนการท างานแบบ WYSIWYG (What You See Is What You Get) หมายความ

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

มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอ านวยความสะดวกใหผใชงานไดมาก

สนบสนนภาษาสครปตตาง ๆ เชน Java, ASP, PHP, CGI, VBScript มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอท าการเผยแพรงานท

สรางบน internet

9

รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดยโปรแกรม Flash, Shockwave, Firework เปนตน

มความสามารถท าการตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

2.5.2 โปรแกรม Photoshop CS5

โปรแกรม Photoshop เวอรชนแรกนนเรมตนสรางขนในป ค.ศ. 1990 และไดรบการพฒนามาเรอย ๆ จากเวอรชน 2, 2.5, 3, 4, 5, 5.5 เวอรชน 6, 7, CS จนถงเวอรชนลาสดในปจจบน ทเรยกกนวาเวอรชน CS3 , CS4, CS5 โดยไดท าการเพมประสทธภาพการจดการกบภาพกราฟกขนเรอย ๆ จากเดมทเนนใชงานเพอการสรางภาพสงพมพ มาเนนเกยวกบการจดการภาพกราฟกทใชบนเวบมากยงขน และนอกจากนแลวยงไดสรางโปรแกรม ImageReady ซงเปนโปรแกรมทใชสรางภาพเคลอนไหวควบคมากบโปรแกรม Photoshop อกดวย เพอเพมความสามารถเกยวกบการท าภาพกราฟกทใชส าหรบการท าเวบโดยเฉพาะ

Adobe Photoshop CS5 เปนโปรแกรมทางดานกราฟกทคดคนโดยบรษท Adobe ทใชกนในอตสาหกรรมการพมพระดบโลก เปนทรจกกนดในกลมนกออกแบบสอสงพมพทวไป และสามารถแลกเปลยนไฟลตางๆ และน าไปใชงานรวมกบโปรแกรมอนๆได

Adobe Photoshop CS5 มหนาตาเปลยนแปลงไปจากรนกอนๆ โดยในเวอรชนนรองรบระบบปฏบตการ Windows 7 ซงท าใหมความสามารถใหมๆเขามารองรบผใชมากมาย เชน สามารถแสดง Thumbnails บน Taskbar เพอแสดงฉบบยอกอนการคลกเขาไปดจรง เพมเทคนคการขยายหนาตางใหเตม มระบบ Mini Bridge ทบรหารจดการทรพยากรเครองใหรวดเรวขน สามารถปรบภาพเอยงใหตรง ดวยระบบอตโนมต สามารถลบภาพทไมตองการออกงาย ๆ ดวยค าสง Content Aware และความสามารถทส าคญทสด ทถอวาเปนความสามารถใหมของเวอรชนน คอ สามารถปรบแตงภาพจากกลองดจตอล และสามารถปรบแขนขาของภาพไดเชนเดยวกบหน

10

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

2.5.3 ทฤษฏ AppServ

Appserv เปนชดโปรแกรมทใชส าหรบทดสอบสครปต PHP ซงเปนผลงานของคนไทย ทไดรวบรวมโปรแกรมทง 4 ไว ซงชดโปรแกรม Appserv ตดตงงายโดยไมตองเสยคาใชจายใดๆ สามารถดาวนโหลดชดโปรแกรม Appserv ไดฟรท http://www.appservnetwork.com ซงประกอบดวย

Apache ท าหนาทจ าลองเครองคอมพวเตอรใหเปนเซรฟเวอรส าหรบการทดสอบ PHP Script Language ท าหนาทแปลและประมวลผลค าสง PHP ทเขยน MySQL ท าหนาทเปนฐานขอมลส าหรบจดเกบขอมลตางๆ phpMyAdmin เปนโปรแกรมส าหรบชวยจดการฐานขอมล MySQL ผานเวบไซต

ความหมายของโปรแกรม AppServ AppServ คอโปรแกรมทรวบรวมเอา Open Source Software หลายๆ อยางมารวมกน

โดยม Package หลกดงน Apache PHP MySQL phpMyAdmin

โปรแกรมตางๆ ทน ามารวบรวมไวทงหมดน ไดท าการดาวนโหลดจาก Official Release โดย

ตว AppServ จงใหความส าคญวาทกสงตองใหเหมอนกบตนฉบบ จงไมไดตดหรอเพมเตมอะไร แตไดเพมประสทธภาพการตดตงใหสอดคลองกบการท างาน โดยทการเพมประสทธภาพนไมไดเกยวของในสวนของ Original Package แตเปนการก าหนดคา Config เชน Apache เปนในสวนของ httpd.conf PHP

11

เปนในสวนของ php.ini และ MySQL เปนสวนของ my.ini ดงนนสามารถแนใจไดวาโปรแกรม AppServ สามารถท างานและมความเสถยรของระบบ ไดเหมอนกบ Official Release ทงหมด

จดประสงคหลกของการรวมรวบ Open Source Software เพอท าใหการตดตงโปรแกรมตางๆ ทไดกลาวมางายขน เพอลดขนตอนการตดตง โดยผใชงานเพยงดบเบลคลก Setup ทกอยางกตดตงเสรจสมบรณ ระบบตางๆ พรอมทจะท างานไดทนททง Web Server Database Server เหตผลนจงเปนเหตผลหลกทหลายๆ คนทวโลกเลอกใชโปรแกรม AppServ แทนการทจะตองมาตดตงโปรแกรมตางๆ ทละสวน

2.5.4 ภาษาทใชในการพฒนา

ภาษาPHP

เปนภาษาสครปตและตวแปลทมใหฟรและใชบนแมขายเวบ Linux เรมแรกมาจากเครองมอ Personal Home Page ปจจบนยอสาหรบ PHP: Hypertext Preprocessor ซง PHP FAQ อธบายไวPHP เปนอกตวเลอกกบเทคโนโลย Active Server Page (ASP) ของ Microsoft สครปต PHP เหมอนกบ ASP คอฝงอยในเวบเพจตลอดจนถง HTML กอนหนาเพจไดรบการสงตามคาขอแมขายเวบเรยก PHP แปลและกระทาปฏบตการทเรยกสาหรบสครปต PHPเพจHTML ทรวมสครปต PHP ไดรบการใหนามสกลไฟลเปน “.php”, “.php3” หรอ “.phtml” นอกจากน PHP สามารถไดรบการพจารณาเปน “dynamic HTML pages” เนองจากเนอหาจะแปรผนตามพนฐานบนผลลพธของการแปลสครปตเหมอนกบ ASP PHP ใหฟรภายใตใบอนญาต open source

12

2.5.5 ทฤษฏ JavaScript

JavaScript คอ ภาษาคอมพวเตอรส าหรบการเขยนโปรแกรมบนระบบอนเทอรเนต ทก าลงไดรบความนยมอยางสง Java JavaScript เปนภาษาสครปตเชงวตถทเรยกกนวา "สครปต" (Script) ซงมวธการท างานในลกษณะ "แปลความและด าเนนงานไปทละค าสง" (Interpret) หรอเรยกวา ออบเจกโอเรยลเตด (Object Oriented Programming) ทมเปาหมายในการ ออกแบบและพฒนาโปรแกรมในระบบอนเทอรเนต ส าหรบผเขยนดวยภาษา HTML สามารถท างานขามแพลตฟอรมได โดยท างานรวมกบ ภาษา HTML และภาษา Java ไดทงทางฝงไคลเอนต (Client) และ ทางฝงเซรฟเวอร (Server)

JavaScript ถกพฒนาขนโดย เนตสเคปคอมมวนเคชนส (Netscape Communications Corporation) โดยใชชอวา Live Script ออกมาพรอมกบ Netscape Navigator 2.0 เพอใชสรางเวบเพจโดยตดตอกบเซรฟเวอรแบบ Live Wire ตอมาเนตสเคปจงไดรวมมอกบ บรษทซนไมโครซสเตมสปรบปรงระบบของบราวเซอรเพอใหสามารถตดตอใชงานกบภาษาจาวาได และไดปรบปรง LiveScript ใหมเมอ ป 1995 แลวตงชอใหมวา JavaScript JavaScript สามารถท าใหการสรางเวบเพจมลกเลนตางๆ มากมาย และยงสามารถโตตอบกบผใชไดอยางทนท เชน การใชเมาสคลก หรอการกรอกขอความในฟอรม

เนองจาก JavaScript ชวยใหผพฒนาสามารถสรางเวบเพจไดตรงกบความตองการ และมความนาสนใจมากขน ประกอบกบเปนภาษาเปดทสามารถน าไปใชได ดงนนจงไดรบความนยมเปนอยางสง มการใชงานอยางกวางขวาง รวมทงไดถกก าหนดใหเปนมาตรฐานโดย ECMA การท างานของ JavaScript จะตองมการแปลความค าสง ซงขนตอนนจะถกจดการโดยบราวเซอร (เรยกวาเปน client-side script) ดงนน JavaScript จงสามารถท างานได เฉพาะบนบราวเซอรทสนบสนน ซงปจจบนบราวเซอรเกอบทงหมดกสนบสนน JavaScript แลว

13

2.5.6 ทฤษฏ HTML

HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากค าวา Hypertext Markup Language โดย Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเอง

HTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกน ามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงาน

HTML ในปจจบนพฒนามาจนถง HTML 4.01 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดม โดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

14

2.5.7 ทฤษฏ CSS

CSS คอ ชดค าสง ทใชส าหรบการก าหนดการแสดงผลขอมลหนาเวบเพจ ซงค าเตมๆ ของ CSS คอ Cascading Style Sheets เปนมาตรฐานหนงของ W3C ทก าหนดขนมา เพอใชในการ ตบแตงหนา เอกสารเวบ เพจโดย เฉพาะ การใชง าน CSS จะเขามาชวย เพมความสามารถใหกบ HTML เดมทเราใชงานกนอยในปจจบน ซงในปจจบนน CSS ไดมาอยบนมาตรฐานทเวอรชน 2.0 (CSS2.0) โดยในปจจบนเวบไซตสวนใหญจะนยมใชงาน CSS กนเพมมากขน ท ง นเนองจาก CSS มความสามารถในการตบแตงการแสดงผลขอมลหนาเวบเพจทเหนอกวา HTML บางเวบไซตทเหนบน Internet เรยกไดวาใช CSS ในการออกแบบ Layout ทงหมด

ความสามารถของ CSS CSS สามารถท าให TEXT ทเปนจด Link ไมใหมการขดเสนใตได CSS สามารถก าหนดการ Fix ขนาดของ Font อกษรได คอ เ มอผ เยยมชมปรบ

ขนาด Font ท Browser ทขนาดเทาใด CSS กย งคงแสดงผลขนาด Font ทขนาดทก าหนดไวเสมอ สงผลใหท าใหเวบเพจไมผดปรกตตามขนาดของ Font ทผ ใชปรบเปลยนท Browser

CSS สามารถท าการก าหนดภาพพนหลง (Image Background) ใหไดต าแหนงและมรปแบบตามทตองการ

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

CSS ท าใหเวบเพจโหลดเรวขน

15

2.5.8 2.5.8ทฤษฏ jQuery

jQuery เปน JavaScript Library ทมการรวบรวม function ของ JavaScript ตาง ๆ ใหอยใน

รปแบบ Patterns Framework ทสะดวกและงายตอการใชงาน มความยดหยนรองรบตอการใชงาน Cross

Browser คอไมวาจะใชงานบน Web Browser ใด ใน Library ของ jQuery จะมการเลอกใช function ท

สามารถ เหมาะสมตอการท างานและแสดงผลใน Web Browser ทก าลงรนอย ซงชวยลดปญหาการ

ท างานทผดพลาดในฝงของ Client ได จากปญหากอนน นกโปรแกรมเมอรทงหลายในสมยกอนมกจะ

ทดสอบโปรแกรมและพฒนาบน IE (Internet Explorer ซงเปน Web Browser ทคนใชมากทสดเกอบ

95% เมอสมย 5-6 ป)แตอยางทเรารคอ ตอนนไดมหลาย Web Browser ไดเกดขนมากมาย เชน Chrome ,

Firefox หรอ Safari และบางค าสงของ JavaScript จะไมท างานหรอไม support ใน Web Browser บาง

ตว ดวยเหตผลนเองการใช jQuery มาเปนทางเลอกกสามารถชวยแกปญหานเปนไดอยางด ทงยงสะดวก

ตอการใชงาน เพราะเปน syntax ทเขาใจงาย และเขยนไดในรปแบบทส น ๆ รองรบการท างานทงใน

HTML รปแบบเดม หรอ CSS , element , DOM element , effect การจดการ Event ตาง ๆ หรอ

แมกระทงการพฒนา Ajax ดวย jQuery กสามารถ ท าไดอยางงายดาย โดย Syntax เหลานยงคงท างานอย

ภายใตค าสงของภาษา JavaScript แตการเรยกใชงาน Framework หรอ function ตาง ๆ จะถกก าหนด

รปแบบโดย Patterns ทไดถกออกแบบไวใน Library ของ jQuery

16

2.5.9 ทฤษฏ SQL SQL ยอมาจาก structured query language คอภาษาทใชในการเขยนโปรแกรม เพอจดการกบ

ฐานขอมลโดยเฉพาะ เปนภาษามาตราฐานบนระบบฐานขอมลเชงสมพนธและเปนระบบเปด ( open

system) หมายถง สามารถใชค าสง sql กบฐานขอมลชนดใดกได และ ค าสงงานเดยวกนเมอสงงาน

ผาน ระบบฐานขอมลทแตกตางกนจะได ผลลพธเหมอนกน ท าใหสามารถเลอกใชฐานขอมล ชนดใดก

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

โปรแกรม SQL เปนโปรแกรมฐานขอมลทมโครงสรางของภาษาทเขาใจงาย ไมซบซอน มประสทธภาพ

การท างานสง สามารถท างานทซบซอนไดโดยใชค าสงเพยงไมกค าสง โปรแกรม SQL จงเหมาะทจะใช

กบระบบฐานขอมลเชงสมพนธ และเปนภาษาหนง

ซงแบงการท างานไดเปน 4 ประเภท ดงน

1. Select query ใชส าหรบดงขอมลทตองการ

2. Update query ใชส าหรบแกไขขอมล

3. Insert query ใชส าหรบการเพมขอมล

4. Delete query ใชส าหรบลบขอมลออกไป

ปจจบนมซอฟตแวรระบบจดการฐานขอมล (DBMS ) ทสนบสนนการใชค าสง SQL เชน

Oracle , DB2, MS-SQL, MS-Access นอกจากนภาษา SQL ถกน ามาใชเขยนรวมกบโปรแกรมภาษา

ตางๆ เชน ภาษา C / C++ , VisualBasic และ Java

ประโยชนของภาษา SQL

1. สรางฐานขอมลและ ตาราง

2. สนบสนนการจดการฐานขอมล ซงประกอบดวย การเพม การปรบปรง และการลบขอมล

3. สนบสนนการเรยกใชหรอ คนหาขอมล