บทที่ 2 - research-system.siam.eduresearch-system.siam.edu/images/thesistee/on-line...1....
TRANSCRIPT
บทท 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. สนบสนนการเรยกใชหรอ คนหาขอมล