35
บบบบบ 2 บบบบบบ บบบบบ บบบบบบบบบบบบบบ บบบบบบบบบบ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใ (QP) ใใใใใใใใใใใ ใใใใใใ ใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใ 2.1 บบบบบบ 2.1.1 ใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใ (QP) ใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใ (QP) ใใใใใใใใใใใใใใใใใ ใใใใใ ใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใ ใใใใใใใใใ ใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใ ใใใใใใใใใใใใใใใใใใใใใใใใใใใใใใ ใใใใใใใใใใใ

paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

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

ในการพฒนาระบบจดการงานครภณฑตามระเบยบขนตอนการทำางาน (QP) ของฝายซอมบำารง ศนยคอมพวเตอร สำานกวทยบรการและเทคโนโลยสารสนเทศ ไดมแนวคดทฤษฎทเกยวของกบการพฒนาระบบ ดงน

2.1 แนวคด

2.1.1 การบรหารงานครภณฑระบบจดการงานครภณฑตามระเบยบขนตอนการทำางาน

(QP) ของฝายซอมบำารงศนยคอมพวเตอร สำานกวทยบรการและเทคโนโลยสารสนเทศ จดทำาขนโดยมวตถประสงค เพอพฒนาระบบจดการงานครภณฑตามระเบยบขนตอนการทำางาน (QP) ของฝายซอมบำารง ศนยคอมพวเตอร และเพอใหระบบทพฒนาขนสามารถจดเกบขอมลและนำาเสนอรปแบบของขอมลเปนไปตามความตองการทงของผปฏบตการ ผใชงาน และผบรหาร สามารถเขาถงและใชงานผานระบบเครอขายและเพอใหการบรหารงานดานครภณฑของศนยคอมพวเตอร สำานกวทยบรการและเทคโนโลยสารสนเทศ มหาวทยาลยราชภฏลำาปางเปนไปอยางมประสทธภาพโดยใชวธการวเคราะหระบบ และการออกแบบระบบ ซงการวเคราะหระบบ คอ การหาความตองการ (Requirements)ของระบบสารสนเทศวาคออะไร หรอตองการเพมเตมอะไรเขามาในระบบ และการออกแบบ คอ

Page 2: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

การนำาเอาความตองการของระบบมาเปนแบบแผน หรอเรยกวาพมพเขยวในการสรางระบบสารสนเทศนนใหใชงานไดจรง เพอพฒนาระบบจดการงานครภณฑตามระเบยบขนตอนการทำางาน (QP) ของฝายซอมบำารง ศนยคอมพวเตอร สำานกวทยบรการและเทคโนโลยสารสนเทศใหมประสทธภาพ ตรงตามเงอนไข และสามารถแกไขขอผดพลาดในการทำางาน

การบรหารงานครภณฑจำาเปนตองมการวางแผนใหเปนระบบ ใหครอบคลมทกขนตอน ผเกยวของจะตองศกษาระเบยบขอปฏบตใหเขาใจเพราะผปฏบตจะตองดำาเนนการตามขนตอนของระเบยบทกำาหนดไวอยางแมนยำา จะไดไมเกดผดพลาด เนองจากการละเมดของเจาหนาทเจาหนาทผนนจะถกดำาเนนการตามระเบยบสำานกนายกรฐมนตรวาดวยหลกเกณฑการปฏบตเกยวกบความรบผดทางละเมดของเจาหนาท พ.ศ. 2539 (ไพรรตนสรางถน,2542 : 720) การบรหารงานครภณฑใหม ประสทธภาพและมประสทธผลนนจะตองอาศยกลไกในการบรหารทมความสมพนธเชอมโยงกนประกอบดวยโครงสรางองคกรหนวยงานกลาง กระบวนการของระบบการควบคมภายในทดและมบคลากรทมความรความสามารถมความเชยวชาญและมจตสำานกทดในการปฏบตตามบทบาท และ

Page 3: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ภารกจทไดรบมอบหมาย แตเหนออนใดการบรหารครภณฑซงเนนสมฤทธผลใหความสำาคญกบการนำาครภณฑไปใชใหเปนประโยชนมากทสด คมคาในการใชประโยชนตามความตองการใชงานจงเปนสงทเจาหนาทพสดและผเกยวของจะตองตระหนกถงความสำาคญเรองนตามหลกธรรมาภบาล (Good governance)

2.1.1.1 หลกนตธรรม (The rule of law) หลกนตธรรม หมายถง การปฏบตตามกฎหมาย กฎระเบยบ ขอบงคบตางๆ โดยถอวาเปนการปกครองภายใตกฎหมายมใชตามอำาเภอใจ หรออำานาจของตวบคคลจะตองคำานงถงความเปนธรรมและความยตธรรม รวมทงมความรดกมและรวดเรวดวย

2.1.1.2 หลกคณธรรม (Morality) หลกคณธรรม หมายถง การยดมนในความถกตอง ดงาม การสงเสรมใหบคลากร พฒนาตนเองไปพรอมกน เพอใหบคลากรมความซอสตยจรงใจ ขยน อดทน มระเบยบวนย ประกอบอาชพสจรตเปนนสยประจำาชาต

2.1.1.3 หลกความโปรงใส (Accountability) หลกความโปรงใส หมายถง ความโปรงใสพอเทยบไดวา มความหมายตรงขามหรอเกอบตรงขามกบการสจรตคอรปชนโดยมเรองสจตคอรปชนใหมความหมายในเชงลบและความนาจะพงกลวแฝงอยความโปรงใสเปนศพททใหแงมมในเชงบวกและใหความสนใจในเชงสงบสขประชาชนเขาถงขอมลขาวสารไดสะดวกและเขาใจงายและมกระบวนการใหประชาชนตรวจสอบความถกตองอยางชดเจนในครงนเพอเปนศรมงคลแกบคลากรทปฏบตงานใหมความโปรงใสขออญเชญพระราชกระแสรบสงในองคพระบาทสมเดจพระเจาอยหว ภมพลอดลยเดชมหาราช ทไดทรงมพระราชกระแสรบสง ไดแก ผทมความสจรตและบรสทธใจ แมจะมความรนอยกยอมทำา ประโยชนใหแกสวนรวมไดมากกวาผทมความรมากแตไมมความสจรตไมมความบรสทธใจ

Page 4: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

2.1.1.4 หลกการมสวนรวม (Participation) หลกการมสวนรวม หมายถงการใหโอกาสใหบคลากรหรอผมสวนเกยวของเขามา มสวนรวมทางการบรหารจดการเกยวกบการตดสนใจในเรองตาง ๆ เชน เปนคณะกรรมการ คณะอนกรรมการและหรอคณะทำางานโดยใหขอมล ความคดเหน แนะนำาปรกษารวมวางแผนและรวมปฏบต

2.1.1.5 หลกความรบผดชอบ (Responsibility) หลกความรบผดชอบ หมายถง การตระหนกในสทธและหนาทความสำานกในความรบผดชอบตอสงคม การใสใจปญหาการบรหารจดการการกระตอรอรนในการแกปญหาและเคารพ ในความคดเหนทแตกตาง รวมทงความกลาทจะยอมรบผลดและผลเสยจากการกระทำาของตนเอง

2.1.1.6 หลกความคมคา (Cost effectiveness or economy) หลกความคมคา หมายถง การบรหารจดการและใชทรพยากรทมจำากด เพอใหเกด ประโยชนสงสด แกสวนรวม โดยรณรงคใหบคลากรมความประหยด ใชวสดอปกรณอยางคมคา และรกษาทรพยากรธรรมชาตใหสมบรณยงยน

2.1.2 กระบวนการบรหารงานครภณฑการบรหารงานครภณฑเปนกจกรรมทตอเนองกนไปเปน

ลำาดบ ดงนเสรมสข ชลวานช (2550 : 57) กลาววา กระบวนการบรหารงานครภณฑประกอบดวย 6 ขนตอน ดงน

2.1.2.1 การวางแผนหรอการกำาหนดโครงการทจะจดหาครภณฑมาใชใหเหมาะสมกบความตองการของหนวยงาน

2.1.2.2 การกำาหนดความตองการเปนขนตอนเกยวกบการกะประมาณความตองการของครภณฑแตละรายการวาจะตองใชครภณฑอะไรจำานวนเทาไรจงจะเพยงพอและประหยด

Page 5: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

2.1.2.3 การจดหาครภณฑเปนขนตอนการปฏบตเพอใหไดมาซงครภณฑตามทหนวยงาน ตองการครภณฑแตละรายการวาตองการใชครภณฑอะไรจำานวนเทาไรจงจะเพยงพอและประหยด

2.1.2.4 การแจกจายครภณฑเปนขนตอนตอจากการจดหากลาวคอเมอไดจดหาครภณฑมาก จะตองแจกจายครภณฑนนๆใหแกผใชนำาไปใชงานตอไป

2.1.2.5 การบำารงรกษาเปนขนตอนปฏบตเพอใหอายการใชงานของครภณฑยาวนานและคมคาทสดเทาทจะทำาได

2.1.2.6 การจำาหนายครภณฑเปนขนตอนการปลดเปลองภาระความรบผดชอบเมอครภณฑนน ใชการตอไปไมได กระบวนการบรหารงานครภณฑทง 6 ขนตอน มความสมพนธกนและจะตองปฏบตตอเนองกนไปเปนวงจร เรยกวา วงจรการบรหารครภณฑ

2.1.3 การจำาแนกประเภทของครภณฑ2.1.3.1 ครภณฑ คอ สนทรพยทมลกษณะ ดงน

ก) มมลคาตงแต 5,000 บาทขนไป (มลคารวมภาษมลคาเพมและคาใชจายเพอใหสนทรพยอยในสภาพพรอมใชงาน เชน คาขนสง คาตดตง คาภาษ เปนตน)

ข) มลกษณะคงทน อายการใชงานเกนกวา 1 ป 2.1.3.2 ตวอยางรายการครภณฑโดยสภาพ

ก) ครภณฑสำานกงาน 001- เครองโทรศพท - เครองพมพสำาเนา

ระบบดจตอล- เครองโทรสาร - เครองถายเอกสาร - เครองพมพดด - เครองบนทก

เงนสด- ลฟท - เครองเจาะกระดาษ

และเขาเลม

Page 6: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

- เครองอดสำาเนา - เครองนบธนบตร- เครองปรบอากาศ - พดลม-พดลม

ระบายอากาศ- เครองฟอกอากาศ - เครองทำาลาย

เอกสาร- เครองขดพน - เครองปรกระดาษ

ไข- ถงเกบนำา - แทนวาง/อาน

หนงสอพมพ - รถเขนเอกสาร - กระดานไวท

บอรด(ในสำานกงาน) - โตะ เชน โตะทำางาน โตะพมพดด โตะประชม

โตะวางเครองคอมพวเตอร โตะวางเครองพมพ โตะเขยนแบบ โตะอเนกประสงค โตะอาหาร โตะหมบชา ชดรบแขก ฯลฯ

- เกาอ เชน เกาอทำางาน เกาอฟงคำาบรรยาย เกาอเขยนแบบ เกาอผมาตดตอ เกาอสำาหรบเจาหนาทคอมพวเตอร เกาอพกคอย ฯลฯ

- ต เชน ตไม ตเหลก ตดรรชน ตเกบแผนท ตนรภย ตเกบแบบฟอรม ตเสอผา ตลอกเกอร ฯลฯ

ข) ครภณฑคอมพวเตอร 002 - มอนเตอร - เครองถายทอด

สญญาณจากคอมพวเตอรขนจอภาพ- พลอตเตอร - เครองแปลงรหส

สญญาณ- สแกนเนอร - เครองปรบระดบ

กระแสไฟ

Page 7: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

- ดจไทเซอร - เครองสำารองกระแสไฟฟา

- เครองแยกกระดาษ - เครองปอนกระดาษ

- เครองอานขอมล - เครองอานและบนทกขอมล

- เครองพมพแบบตางๆ (เชน เครองพมพหวเขม เครองพมพแบบเลเซอร)

- โปรแกรมคอมพวเตอรหรอซอฟตแวรทมราคาตอหนวยหรอตอชดเกนกวา 20,000 บาท (โดยบนทกบญชเปนสนทรพยไมมตวตน)

ค) ครภณฑโฆษณาและเผยแพร 003- เครองอดและขยายภาพ - เครองเทป

ซงโครไนต - ไฟแวบ - จอรบภาพ- เครองลางฟลม - เครองมลตมเดย

โปรเจคเตอร - โทรทศน - เครองวดโอ - เครองตดตอภาพ - โคมไฟถายภาพ

และวดโอ - กลอง เชน กลองถายรป กลองถาย

ภาพยนตร กลองถายวดโอ เปนตน - เครองฉาย (เครองฉายภาพยนตร เครอง

ฉายสไลด เครองฉายภาพทบแสง เครองฉายภาพขามศรษะ)ง) ครภณฑไฟฟาและวทย 004

- เครองกำาเนดไฟฟา - หมอแปลงไฟฟา - เครองขยายเสยง - เครองบนทกเสยง

Page 8: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

- เครองเลนแผนเสยง - เครองรบสงวทย - เครองเลนซด - เครองอดสำาเนา

เทป - เครองถอดเทป - เครองเลนซด - วทย-เทป - เครองวดความถ

คลนวทย จ) ครภณฑยานพาหนะและขนสง 005

- รถจกรยาน - รถบรรทก (รถบรรทกนำา นำามน ขยะ) - รถจกรยานยนต - รถยนต (รถยนต

นง รถยนตโดยสาร)- เครองบน - แมแรงยก

อากาศยาน - รถไฟฟา - เรอ (เรอยนต เรอบด

เรอตดทาย เรอเรว เรอพวง)ฉ) ครภณฑการศกษา 006

- โตะนกเรยน - กระดานไวทบอรด(สำาหรบหองเรยน)

- เครองเขยนตวอกษร - ทวสำาหรบการเรยนการสอน

- จกรเยบผา เชน จกรธรรมดา จกรทำาลวดลาย จกรพนรม จกรอตสาหกรรม

- ครภณฑสำาหรบการทดลองในหองปฏบตการ (Lab) ทกชนดรวมถงสตวทดลองทมขนาดใหญ

2.1.4 การจำาแนกประเภทของครภณฑ

Page 9: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

การจดเกบหมายเลขขอมลครภณฑ มรายละเอยดการจดเกบประกอบดวยตวเลข 11 ตำาแหนง แบงเปน 4 ชด คอ

2.1.4.1 ชดแรกมตวเลข 2 ตำาแหนง หมายถง ปพ.ศ.ของครภณฑ

2.1.4.2 ชดท 2 มตวเลข 3 ตำาแหนง หมายถง ประเภทครภณฑ

2.1.4.3 ชดท 3 มตวเลข 2 ตำาแหนง หมายถง หมวดหมครภณฑ

2.1.4.4 ชดท 4 มตวเลข 4 ตำาแหนง หมายถงลำาดบทของครภณฑ

ภาพท 2-1 ภาพแสดง หมายเลข

ครภณฑ

วธการจดเรยงครภณฑมรายละเอยดดงน ลำาดบทของครภณฑ,หมายเลขครภณฑ,รายการ,วนทไดรบ,วธการไดมา,ยอดคงเหลอ(จำานวน,ราคา/หนวย),เงนงบประมาณ,สถานทใชครภณฑ,หมายเหต,สภาพการใชงานของครภณฑ ดงภาพท 2-2

Page 10: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ภาพท 2-2 ภาพแสดงการจดเกบขอมลครภณฑ

2.1.5 นยามคำาศพทครภณฑ หมายถง สนทรพยทหนวยงานมไวเพอใชในการ

ดำาเนนงานมลกษณะคงทนและมอายการใชงานเกนกวา 1 ป แบงเปน 2 ประเภท ดงน

2.1.5.1 ครภณฑทมมลคาตงแต 5,000 บาทขนไปตามราคาทน รายการครภณฑประเภทนถอวาเปนสนทรพยถาวรของกรมฯ โดยหนวยงานตองจดทำาบนทกรายละเอยดครภณฑในทะเบยนคมทรพยสน คำานวณราคาคาเสอมประจำาปและรายงานขอมลตามแบบฟอรมรายงานขอมลสนทรพยสำาหรบสรางขอมลหลกสนทรพยประเภทครภณฑ

2.1.5.2 ครภณฑทมมลคาไมถง 5,000 บาทตามราคาทน รายการครภณฑประเภทนถอวาเปนคาใชจายประเภทคาครภณฑมลคาตำากวาเกณฑและไมถอวาเปนสนทรพยถาวรแต ใหบนทกรายละเอยดของครภณฑดงกลาวไวในทะเบยนคมทรพยสนเพอ ประโยชนในการควบคมรายการทรพยสนของทางราชการโดยไมตองคำานวณคาเสอม ราคาประจำาปและไมตองรายงานขอมลตามแบบฟอรมรายงานขอมลสนทรพยสำาหรบ สรางขอมลหลกสนทรพยประเภทครภณฑ

Page 11: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ประเภทของครภณฑทแบงตามลกษณะการใชงานดงนก) ครภณฑสำานกงาน หมายถง เครองมอ เครอง

ไฟฟาอปกรณตางๆทมความจำาเปนตอการดำาเนนงานของโครงการ เชน เครองคำานวณ เครองโทรสาร กลองถายรป เปนตน

ข) ครภณฑคอมพวเตอร หมายถง เครองคอมพวเตอร เครองใชและอปกรณทเปนระบบดจตอล ซงรวมถง อปกรณตางๆทใชในการตอพวงเพอเชอมระบบตางๆ ดวยการเบก - จายครภณฑ ใหหวหนาหนวยครภณฑ ซงเปนหวหนาระดบแผนก หรอตำากวาระดบแผนกทเกยวกบ

ค) การควบคมครภณฑ หรอขาราชการซงไดรบการแตงตงจากหวหนาสวนราชการเปนหวหนาหนวยครภณฑ เปนผสงจายครภณฑ

ง) การตรวจสอบครภณฑประจำาป หวหนาสวนราชการแตงตงเจาหนาทในสวนราชการของหนวยงานนน ซงมใชเจาหนาทครภณฑคนหนงหรอหลายคน เพอตรวจสอบการการรบจายครภณฑ และตรวจนบครภณฑประเภททคงเหลออย

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

ทฤษฎทเกยวของกบการพฒนาระบบครภณฑ ของศนยคอมพวเตอร มหาวทยาลยราชภฏลำาปางจะเปนทฤษฎเกยวกบพเอชพ (PHP) ซงเปนเทคโนโลยทคนนยมนำามาพฒนาในแบบเวบแอปพลเคชน (Web Application) ผานระบบเครอขาย ซงสะดวกตอการเขาถง รวมไปถงการใหเทคโนโลยอาแจกซมายแอลควแอล (Ajax My SQL) จะกลาวไดดงน

2.2.1 พเอชพ

Page 12: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

พเอชพ คอ ภาษาคอมพวเตอรในลกษณะเซรฟเวอร-ไซด(Server-side) สครปต โดยลขสทธอยในลกษณะโอเพนซอรส(Open source) ภาษาพเอชพใชสำาหรบจดทำาเวบไซต (Website) และแสดงผลออกมาในรปแบบเอชทเอมแอล (HTML) โดยมรากฐานโครงสรางคำาสงมาจากภาษา ภาษาซ ภาษาจาวา และ ภาษาเพรล ซง ภาษาพเอชพ นนงายตอการเรยนร ซงเปาหมายหลกของภาษาน คอใหนกพฒนาเวบไซตสามารถเขยน เวบเพจ (Webpage) ทมการตอบโตไดอยางรวดเรว ภาษาพเอชพ ในชอภาษาองกฤษวา PHP ซงใชเปนคำายอแบบกลาวซำา จากคำาวา PHP Hypertext Preprocessor หรอชอเดม Personal Home Page ภาษาพเอชพ จะเปนสวนประกอบภายในเวบเพจ โดยคำาสงจะปรากฏระหวาง <?php ... ?> ดงภาพท 2-3

ภาพท 2-3 แสดงคำาสงสวนประกอบภายในเวบเพจ

ภาพท 2-4 โครงสราง ควบคมของพเอชพ (PHP)

การแสดงผลของพเอชพ จะปรากฏในลกษณะเอชทเอมแอล (HTML) ซงจะไมแสดงคำาสงทผใชเขยน ซงเปนลกษณะเดนทพเอชพแตกตางจากภาษาในลกษณะไคลเอนต-ไซด (client-side)

Page 13: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

สครปต เชน ภาษาจาวาสครปต ทผชมเวบไซตสามารถอาน ดและคดลอกคำาสงไปใชเองได นอกจากนพเอชพยงเปนภาษาทเรยนรและเรมตนไดไมยาก โดยมเครองมอชวยเหลอและคมอทสามารถหาอานไดฟรบนอนเทอรเนต ความสามารถการประมวลผลหลกของพเอชพ ไดแก การสรางเนอหาอตโนมตจดการคำาสง การอานขอมลจากผใชและประมวลผลการอานขอมลจากฐานขอมล ความสามารถจดการกบคกก(Cookie) ซงทำางานเชนเดยวกบโปรแกรมในลกษณะซจไอ (CGI) คณสมบตอนเชน การประมวลผลตามบรรทดคำาสง (command line scripting) ทำาใหผเขยนโปรแกรมสรางสครปตพเอชพ ทำางานผานพเอชพ พารเซอร (PHP parser) โดยไมตองผานเซรฟเวอร หรอเบราวเซอร ซงมลกษณะเหมอนกบคอรน (Cron) (ใน ยนกซหรอลนกซ) หรอทาสกสเคดวเลอร (Task Scheduler) (ในวนโดวส) สครปตเหลานสามารถนำาไปใชในแบบซมเปล เทกท โปรเซสซง ทาสก (Simple text processing tasks) ได

การแสดงผลของพเอชพ ถงแมวาจดประสงคหลกใชในการแสดงผลเอชทเอมแอล (HTML) แตยงสามารถสรางเอกซเอชทเอมแอล (XHTML) หรอเอกซเอมแอล (XML) ได นอกจากนสามารถทำางานรวมกบคำาสงเสรมตางๆ ซงสามารถแสดงผลขอมลหลกพดเอฟ (PDF) แฟลช (โดยใช libswf และ Ming) พเอชพ มความสามารถอยางมากในการทำางานเปนประมวลผลขอความ จาก POSIX Extended หรอ รปแบบ Perl ทวไป เพอแปลงเปนเอกสารเอกซเอมแอล ในการแปลงและเขาสเอกสารเอกซเอมแอล เรารองรบมาตรฐานเอสเอเอกซ (SAX) และดโอเอม (DOM) สามารถใชรปแบบเอกซเอสแอลท (XSLT) ของเราเพอแปลงเอกสารเอกซเอมแอล เมอใชพเอชพในการทำาอคอมเมรซ สามารถทำางานรวมกบโปรแกรมอน เชน ไซเบอรแคช เพยเมนท(Cybercash payment),ไซเบอร

Page 14: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

เอมยท (CyberMUT), เวรไซน เพยโฟลว โปร(VeriSign Payflow Pro) และฟงกชนซซวเอส (CCVS functions) เพอใชในการสรางโปรแกรมทำาธรกรรมทางการเงน

คำาสงของพเอชพ สามารถสรางผานทางโปรแกรมแกไขขอความทวไป เชน โนตแพด หรอ vi ซงทำาใหการทำางานพเอชพ สามารถทำางานไดในระบบปฏบตการหลกเกอบทงหมด โดยเมอเขยนคำาสงแลวนำามาประมวลผลอาปาเช(Apache), ไมโครซอฟตอนเทอรเนตอนฟอรเมชนเซอรวส(Microsoft Internet Information Services)(IIS) , เพอโซนอลเวบเซอรเวอร(Personal Web Server),เนทสแคป (Netscape) และไอพลาเนทเซอรเวอรส (iPlanet servers), โอเรยลเวบไซตโปรเซอรเวอร(Oreilly Website Pro server), ควอเดยม(Caudium), ซตาม(Xitami), ออมนเอชททพด(OmniHTTPd), และอนๆ อกมากมาย. สำาหรบสวนหลกของพเอชพ ยงมโมดลในการรองรบ CGI มาตรฐาน ซงพเอชพ สามารถทำางานเปนตวประมวลผล CGI ดวย และดวยพเอชพ ,มความอสรภาพในการเลอก ระบบปฏบตการ และ เวบเซรฟเวอร นอกจากนยงสามารถใชสรางโปรแกรมโครงสราง สรางโปรแกรมเชงวตถ หรอสรางโปรแกรมทรวมทงสองอยางเขาดวยกน แมวาความสามารถของคำาสง OOP มาตรฐานในเวอรชนนยงไมสมบรณ แตตวไลบรารทงหลายของโปรแกรม และตวโปรแกรมประยกต ไดถกเขยนขนโดยใชรปแบบการเขยนแบบโปรแกรมเชงวตถ (OOP) เทานน พเอชพสามารถทำางานรวมกบฐานขอมลไดหลายชนด ซงฐานขอมลสวนหนงทรองรบไดแก ออราเคล ดเบสโพสเกรเอสควแอล ไอบเอม ดบท มายเอสควแอล อนฟอรมก โอดบซ (dBase PostgreSQL IBM DB2 MySQL Informix ODBC) โครงสรางของฐานขอมลแบบดบเอกซ (DBX) ซงทำาใหพเอชพใชกบฐานขอมลอะไรกไดทรองรบรปแบบน และพเอชพ ยง

Page 15: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

รองรบโอดบซ (ODBC (Open Database Connection)) ซงเปนมาตรฐานการเชอมตอฐานขอมลทใชกนแพรหลายอกดวย สามารถเชอมตอกบฐานขอมลตางๆ ทรองรบมาตรฐานโลกนได พเอชพยงสามารถรองรบการสอสารกบการบรการในโพรโทคอลตางๆ เชน LDAP IMAP SNMP NNTP POP3 HTTP COM (บนวนโดวส) และอนๆ อกมากมาย สามารถเปด Socket บนเครอขายโดยตรง และ ตอบโตโดยใช โพรโทคอลใดๆ กได พเอชพ มการรองรบสำาหรบการแลกเปลยนขอมลแบบ WDDX Complex กบ Web Programming อนๆ ทวไปได, พเอชพมการรองรบสำาหรบ Java objects ใหเปลยนเปน PHP Object แลวใชงาน และยงสามารถใชรปแบบ CORBA เพอเขาส Remote Object ได

2.2.2 เทคโนโลยเอแจกซ (Ajax)เอแจกซ (Ajax) เปนกลมของเทคนคในการพฒนาเวบ

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

2.2.2.1XHTML (หรอ HTML) และ CSS ใชในการแสดงผลลพธและรปแบบขอมล

2.2.2.2ECMAScript เชนจาวาสครปต ในการเขาถ ง Document Object Model (DOM) เพอใชในการแสดงขอมลทมการเปลยนแปลงหรอโตตอบกบผใช

2.2.2.3XMLHttpRequest ใชในการแลกเปลยนขอมล asynchronously กบเวบเซรฟเวอร

Page 16: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

2.2.2.4XML ใชเปนรปแบบขอมลในการแลกเปลยน ซงรปแบบอนกสามารถใชไดเชนกนไมวาจะเปน HTML, JSON, EBML, หรอ เพลนเทกซ

Jeese Jams Garett นนเปนผทไดบญญตคำาวา เอแจกซ ขนเมอปพ.ศ. 2548 ซงนกขนไดระหวางทเขากำาลงอาบนำา เพอหาคำาสนๆ สำาหรบอธบายใหลกคาของเขาทราบเกยวกบเทคโนโลยตางๆ ทตองการจะนำาเสนอ เอแจกซไมไดเปนเทคโนโลยหรอภาษาโปรแกรมชนดใหม แตเปนการรวมกลมของเทคโนโลยทมใชอยแลวดงทกลาวขางตน โดยววฒนาการของเอแจกซเรมตนเมอปค.ศ. 2002 ไมโครซอฟทไดทำาการคดคน XMLHttpRequest ขนมาเพอเปนทางเลอกในการเขยนโปรแกรมบนเวบเพจ เพอใชตดตอกบ เวบเซรฟเวอร ในการแลกเปลยนขอมล ซงในขณะนนมแตเพยง อนเทอรเนตเอกซพลอเรอร เทานนทมความสามารถน ตอมาเวบเบราวเซอรอนๆ เชนจาก มอซลลา ไฟรฟอกซ ไดนำาแนวคดของ XMLHttpRequest ไปใสในเบราวเซอร ทำาใหมการใชอยางกวางขวางขน จนปจจบนไดกลายเปนมาตรฐานททกเวบเบราวเซอรตองม ในตอนแรกนนไมโครซอฟทเปนผทไดนำา XMLHttpRequest โดยใชใน Outlook Web Access ทมาพรอมกบ Microsoft Exchange Server 2000 ตอมาเวบไซตอยางกเกล ไดเปดบรการใหมชอจเมล ซงใช XMLHttpRequest เปนหวใจหลกในการดงขอมลจากเวบเซรฟเวอร จงทำาใหแนวคดและเทคนคการพฒนาเวบแอปพลเคชนดวย เอแจกซ เรมเปนทรจกกนกวางขวางขน จนปจจบนถอวาเปนหนงในหวใจหลกของแนวคดเรอง Web 2.0

Page 17: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

(อางอง : http://th.wikipedia.org)ภาพท 2-5 ภาพเปรยบเทยบการทำางานระหวางเวบแอปพลเคชน

แบบดงเดมกบแบบทใชเอแจกซ

วธการทำางานของเวบแอปพลเคชนแบบดงเดมนน โดยปกตแลวเมอผใชทำาการรองขอขอมลจากเซรฟเวอร ตวเวบเบราวเซอรจะทำาการสงขอมลการรองขอโดยใชโพรโทคอล HTTP เพอตดตอกบเวบเซรฟเวอร และทเวบเซรฟเวอรจะทำาการประมวลผลจากการรองขอทไดรบ และสงผลลพธเปนหนา HTML กลบไปใหผใช วธการขางตนเปนวธการแบบการรองขอและการตอบรบ (Request and Response) ซงผใชจะตองรอระหวางทเซรฟเวอรประมวลผลอย ซงเปนหลกการทำางานแบบ Synchronous แตการทำางานของเวบแอปพลเคชนทใชเทคนคเอแจกซจะเปนการทำางานแบบ Asynchronous หรอการตดตอสอสารแบบไมตอเนอง โดยเซรฟเวอรจะทำาการสงผลลพธเปนเวบเพจใหผใชทนทโดยไมตองรอใหประมวลผลเสรจกอน หลงจากนนเวบเพจทผใชไดรบจะทำาการดงขอมลในสวนตางๆทหลง หรอจะดงขอมลกตอเมอผใชตองการเทานน (ทำางานอยเบองหลง)

Page 18: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

(อางอง : http://th.wikipedia.org)ภาพท 2-6 ภาพเปรยบเทยบการตดตอสอสาร ระหวางเวบ

แอปพลเคชน แบบดงเดมกบแบบทใช เอแจกซ

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

2.2.3 ฐานขอมล (Database)ฐานขอมลประกอบดวยกลมการจดการขอมลสำาหรบผใช

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

2.2.3.1 ประวตฐานขอมลในลกษณะทคลายกบฐานขอมลสมยใหม ถก

พฒนาเปนครงแรกในทศวรรษ 1960 ซงผบกเบกในสาขานคอ ชาลส บากแมน แบบจำาลองขอมลสำาคญสองแบบเกดขนในชวงเวลาน ซงเรมตนดวย แบบจำาลองขายงาน (พฒนาโดย CODASYL) และ

Page 19: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ตามดวยแบบจำาลองเชงลำาดบชน (นำาไปปฏบตใน IMS) แบบจำาลองทงสองแบบน ในภายหลงถกแทนทดวย แบบจำาลองเชงสมพนธ ซงอยรวมสมยกบแบบจำาลองอกสองแบบ แบบจำาลองแบบแรกเรยกกนวา แบบจำาลองแบนราบ ซงออกแบบสำาหรบงานทมขนาดเลกมาก ๆ แบบจำาลองรวมสมยกบแบบจำาลองเชงสมพนธอกแบบ คอ ฐานขอมลเชงวตถ หรอ โอโอดบ3 (OODB) ในขณะทแบบจำาลองเชงสมพนธ มพนฐานมาจากทฤษฎเซต ไดมการเสนอแบบจำาลองดดแปลงซงใชทฤษฎเซตคลมเครอ (ซงมพนฐานมาจากตรรกะคลมเครอ) ขนเปนอกทางเลอกหนง

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

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

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

ระบบจดการฐานขอมล(DBMS) ประกอบดวยซอฟตแวรทใชในการจดการฐานขอมล, จดเตรยมพนทในการเกบ, การเขาถง, ระบบรกษาความปลอดภย, สำารองขอมล และสงอำานวย

Page 20: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ความสะดวกอนๆ ระบบจดการฐานขอมลสามารถแบงหมวดหมไดตามแบบจำาลองฐานขอมลทสนบสนน อาทเชน เชงสมพนธ หรอ XML เปนตน แบงตามประเภทของคอมพวเตอรทสนบสนน อาทเชน server cluster หรอ โทรศพทพกพา เปนตน แบงตามประเภทของภาษาสอบถามทใชในการเขาถงฐานขอมล อาทเชน ภาษาสอบถามเชงโครงสราง หรอ XQuery แบงตามประสทธภาพในการ trade-offs อาทเชน ขนาดทใหญทสด หรอ ความเรวสงสด หรอ อนๆ เปนตน

2.2.4.3 การออกแบบฐานขอมลการออกแบบฐานขอมล มความสำาคญตอการจดการ

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

ก) รปแบบขอมลแบบลำาดบขนหรอโครงสรางแบบลำาดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบลำาดบขนถกพฒนาโดยบรษท ไอบเอม จำากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many)

ข) รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบลำาดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอหลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง สำาหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการ

Page 21: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

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

ค) รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจำาเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงาน ตารางแผนก และตารางขอมลโครงการ

2.2.4.4 การออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบ

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

Page 22: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ก)การรวบรวมและวเคราะหความตองการในการใชขอมลข) การเลอกระบบจดการฐานขอมลค)การออกแบบฐานขอมลในระดบแนวคดง) การนำาฐานขอมลทออกแบบในระดบแนวคดเขาส

ระบบจดการฐานขอมลจ) การออกแบบฐานขอมลในระดบกายภาพฉ)การนำาฐานขอมลไปใชและการประเมนผล

2.2.4.5 การออกแบบฐานขอมลในระดบตรรกะการออกแบบฐานขอมลในระดบตรรกะ หรอในระดบ

แนวความคด เปนขนตอนการออกแบบความสมพนธระหวางขอมลในระบบโดยใชแบบจำาลองขอมลเชงสมพนธ ซงอธบายโดยใชแผนภาพแสดงความสมพนธระหวางขอมล (E-R Diagram) จากแผนภาพ E-R Diagram นำามาสรางเปนตารางขอมล (Mapping E-R Diagram to Relation) และใชทฤษฏการ Normalization เพอเปนการรบประกนวาขอมลมความซำาซอนกนนอยทสด2.2.4 JavaScript

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

Page 23: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ดวยภาษา HTML สามารถทำางานขามแพลตฟอรมได โดยทำางานรวมกบ ภาษา HTML และภาษา Java ไดทงทางฝงไคลเอนต (Client) และทางฝงเซรฟเวอร (Server) JavaScript ถกพฒนาขนโดย เนตสเคปคอมมวนเคชนส (Netscape Communications Corporation) โดยใชชอวา Live Script ออกมาพรอมกบ Netscape Navigator2.0 เพอใชสรางเวบเพจโดยตดตอกบเซรฟเวอรแบบ Live Wire ตอมาเนตสเคปจงไดรวมมอกบ บรษทซนไมโครซสเตมสปรบปรงระบบของบราวเซอรเพอใหสามารถตดตอใชงานกบภาษาจาวาได และไดปรบปรง Live Script ใหมเมอ ป 2538 แลวตงชอใหมวา JavaScript JavaScript สามารถทำาใหการสรางเวบเพจ มลกเลน ตางๆ มากมายและยงสามารถโตตอบกบผใชไดอยางทนท เชน การใชเมาสคลก หรอ การกรอกขอความในฟอรม เปนตน

2.2.5.1 JavaScript ทำาอะไรไดบางก) JavaScript ทำาใหสามารถใชเขยนโปรแกรม

แบบงายๆไดโดยไมตองพงภาษาอน ข) JavaScript มคำาสงทตอบสนองกบผใชงาน

เชนเมอผใชคลกทปม หรอ Checkbox กสามารถสงใหเปดหนาใหมได ทำาใหเวบไซตของเรามปฏสมพนธกบผใชงานมากขน นคอขอดของ JavaScript เลยกวาไดททำาใหเวบไซตดงๆทงหลายเชน Google Map ตางหนมาใช

ค) JavaScript สามารถเขยนหรอเปลยนแปลง HTML Element ได นนคอสามารถเปลยนแปลงรปแบบการแสดงผลของเวบไซตได หรอหนาแสดงเนอหาสามารถซอนหรอแสดงเนอหาไดแบบงายๆนนเอง

Page 24: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ง) JavaScript สามารถใชตรวจสอบขอมลได สงเกตวาเมอเรากรอกขอมลบางเวบไซต เชน Email เมอเรากรอกขอมลผดจะมหนาตางฟองขนมาวาเรากรอกผด หรอลมกรอกอะไรบางอยาง เปนตน

จ) JavaScript สามารถใชในการตรวจสอบผใชไดเชน ตรวจสอบวาผใช ใช web browser อะไร

ฉ) JavaScript สราง Cookies (เกบขอมลของผใชในคอมพวเตอรของผใชเอง)ได

2.2.5.2 ขอดและขอเสยของ JavaScriptการทำางานของ JavaScript เกดขนบนบราวเซอร

(เรยกวาเปน client-side script) ดงนนไมวาคณจะใชเซรฟเวอรอะไรหรอทไหน กยงคงสามารถใช JavaScript ในเวบเพจได ตางกบภาษาสครปตอน เชน Perl, PHP หรอ ASP ซงตองแปลความและทำางานทตวเครองเซรฟเวอร (เรยกวา server-side script) ดงนนจงตองใชบนเซรฟเวอรทสนบสนนภาษาเหลานเทานน อยางไรกด จากลกษณะดงกลาวกทำาให JavaScript มขอจำากด คอไมสามารถรบและสงขอมลตางๆ กบเซรฟเวอรโดยตรง เชน การอานไฟลจากเซรฟเวอรเพอนำามาแสดงบนเวบเพจหรอรบขอมลจากผชมเพอนำาไปเกบบนเซรฟเวอร เปนตน ดงนนงานลกษณะนจงยงคงตองอาศยภาษา server-side script อย (ความจรง JavaScript ททำางานบนเซรฟเวอรเวอรกมซงตองอาศยเซรฟเวอรทสนบสนนโดยเฉพาะเชนกนแตไมเปนทนยมนก) 2.2.5 HTML

HTML คอ ภาษาหลกทใชในการเขยนเวบเพจโดยใช Tag ในการกำาหนดการแสดงผล HTML ยอมาจากคำาวา Hypertext Markup Language โดย Hypertext หมายถง

Page 25: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

ขอความทเชอมตอกนผานลง (Hyperlink) Markup language หมายถงภาษาทใช Tag ในการกำาหนดการแสดงผลสงตางๆทแสดงอยบนเวบเพจ ดงนน HTML จงหมายถง ภาษาทใช Tag ในการกำาหนดการแสดงผลเวบเพจทตางกเชอมถงกนใน Hyperspace ผาน Hyperlink นนเอง

ความเปนมาของ HTML ในป ค.ศ. 1991 เซอร Tim Berners-Lee ไดเขยนโคดขนมาชดหนง เรยกวา “HTML Tags” ซงพดถงเอเลเมนท (Element) ทจำาเปนตองใชในการเขยนเอกสารเพอแสดงผลบนเวบไซตHTML ถกพฒนาจาก SGML และ Tim กคดเสมอนวา HTML เปนโปรแกรมยอยของ SGML อยในตอนนน ตอมาในป 1996 เพอกำาหนดมาตรฐานใหตรงกน W3C World Wide Web Consortium จงเปนผกำาหนดสเปคทงหมดของ HTML และป 1999 HTML 4.01 กถอกำาเนดขนโดยม HTML 5 ซงเปน Web Hypertext Application ถกพฒนาตอมาในป 2004 นอกจากนยงมการพฒนาไปเปน XHTML ซง คอ Extended HTML ซงมความสามารถและมาตรฐานทรดกมกวาอกดวย โดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

โครงสรางคำาสง HTML Tag เปนลกษณะเฉพาะของภาษา HTML ใชในการระบรปแบบคำาสง หรอการลงรหสคำาสง HTML ภายในเครองหมาย less-than bracket (<) และ greater-than bracket ( >) โดยท Tag HTML แบงได 2 ลกษณะ คอ Tag เดยวเปน Tag ทไมตองมการปดรหส เชน <HR>, <BR>เปนตน Tag เปด/ปดรปแบบของ tag นจะเปนแบบ

Page 26: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

<tag>.... </tag>โดยท<tag>เราเรยกวา tag เปด</tag>เราเรยกวา tag ปด Attributes เปนตวบอกรายละเอยดของ tag นนเชน<span align = 'left'>... </span>เปนการบอกวาใหอกษรทอยใน tag นชดซาย เปนตน

2.2.6 CSS CSS ยอมาจาก Cascading Style Sheet มกเรยก

โดยยอวา "สไตลชต" คอภาษาทใชเปนสวนของการจดรปแบบการแสดงผลเอกสาร HTML โดยท CSS กำาหนดกฎเกณฑในการระบรปแบบ (หรอ "Style") ของเนอหาในเอกสาร อนไดแก สของขอความ สพนหลง ประเภทตวอกษร และการจดวางขอความ ซงการกำาหนดรปแบบ หรอ Style นใชหลกการของการแยกเนอหาเอกสาร HTML ออกจากคำาสงทใชในการจดรปแบบการแสดงผล กำาหนดใหรปแบบของการแสดงผลเอกสาร ไมขนอยกบเนอหาของเอกสาร เพอใหงายตอการจดรปแบบการแสดงผลลพธของเอกสาร HTML โดยเฉพาะในกรณทมการเปลยนแปลงเนอหาเอกสารบอยครง หรอตองการควบคมใหรปแบบการแสดงผลเอกสาร HTML มลกษณะของความสมำาเสมอทวกนทกหนาเอกสารภายในเวบไซตเดยวกน โดยกฎเกณฑในการกำาหนดรปแบบ (Style) เอกสาร HTML ถกเพมเขามาครงแรกใน HTML 4.0 เมอปพ.ศ. 2539 ในรปแบบของ CSS level 1 Recommendations ทกำาหนดโดยองคกร World Wide Web Consortium หรอ W3C

ประโยชนของ CSS มดงตอไปน

Page 27: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

2.2.6.1 CSS มคณสมบตมากกวา tag ของ html เชน การกำาหนดกรอบใหขอความ รวมทงส รปแบบของขอความทกลาวมาแลว

2.2.6.2 CSS นนกำาหนดทตนของไฟล html หรอตำาแหนงอนๆ กได และสามารถมผลกบเอกสารทงหมด หมายถงกำาหนดครงเดยวจดเดยวกมผลกบการแสดงผลทงหมดทำาใหเวลาแกไขหรอปรบปรงทำาไดสะดวก ไมตองไลตามแก tag ตางๆ ทวทงเอกสาร

2.2.6.3 CSS สามารถกำาหนดแยกไวตางหากจากไฟลเอกสาร html และสามารถนำามาใชรวมกบเอกสารหลายไฟลได การแกไขกแกเพยงจดเดยวกมผลกบเอกสารทงหมด

2.2.6.4 CSS กบ HTML / XHTML นนทำาหนาทคนละอยางกน โดย HTML / XHTML จะทำาหนาทในการวางโครงรางเอกสารอยางเปนรปแบบถกตองเขาใจงายไมเกยวของกบการแสดงผลสวน CSS จะทำาหนาทในการตกแตงเอกสารใหสวยงามเรยกไดวา HTML /XHTML คอสวน coding สวน CSS คอสวน design

2.3 งานวจยทเกยวของ

กรรณกา (2551)กลาวถง ระบบสนบสนนการจดการทะเบยนวสดและครภณฑ ผวจยไดพฒนาขนโดยใชการจดการเทคโนโลยสารสนเทศในรปแบบของเวบ แอพพลเคชน ซงมการพฒนาดวย

Page 28: paijit.lpru.ac.thpaijit.lpru.ac.th/.../SE_Project/Track_58/110/Chapter2.docx · Web view2.1.1.1 หล กน ต ธรรม (The rule of law) หล กน ต ธรรม หมายถ

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

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