บทท2

ทฤษฎและวรรณกรรมทเกยวของ

การศกษาออกแบบเวบแอพพลเคชนระบบบรหารจดการกจการรถโดยสารสาธารณะ บทนจะเปนการ

รวบรวมทฤษฎและวรรณกรรมทเกยวของผศกษาไดรวบรวมรายละเอยดความสำคญและหลกการทำงานตางๆ

ดงน

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

2.1.1 หลกการและทฤษฎเกยวกบ หนงสออเลกทรอนกส ความหมายของหนงสออเลกทรอนกส

ความหมายของหนงสออเลกทรอนกส (ถาวร นนละออง 2550: 11–13) หมายถง หนงสอหรอเอกสารอเลกทรอนกสทผอานสามารถอานผานทางอนเตอรเนต หรออปกรณอเลกทรอนกสแบบพกพาอนๆได สำหรบหนงสอหรอเอกสารอเลกทรอนกสนนจะมความหมายรวมถงเนอหา ทถกด ดแปลงอยในรปแบบทสามารถแสดงผลออกมาไดโดยเครองมออเลกทรอนกส แตกใหมลกษณะพเศษ คอ สะดวกรวดเรวในการคนหาและผ อานสามารถอานพรอมกนไดโดยไมตองรอใหอกฝายสงคนหองสมด เชนเดยวกบหนงสอในหองสมดทว ๆ ไป หนงสออเลกทรอนกส (Electronic Book)คอ เครองมอทตองมอปกรณในการอาน คอ ฮารดแวร ประเภทเครองคอมพวเตอร หรออปกรณอเลกทรอนกสพกพาอน ๆ พรอมทงตดตงระบบปฏบตการ หรอซอฟตแวรทใชอานขอความตาง ๆเชน ออแกไนเชอรแบบพกพา Pocket Pc หรอ พดเอ เปนตน สวนการดงดดขอมล e - Book ในปจจบนมอย 2 ประเภท คอ ซอฟตแวรทใชอานขอมลจาก e - Book และซอฟตแวรทใชเขยนขอมลออกมาเปน e - Book หนงสออเลกทรอนกส (Electronic Book) หรอทนยมเรยกกนอยางแพรหลายวา e – Book เปนนวตกรรมใหมในวงการหนงสอ หองสมด และเทคโนโลยทางการศกษา สำหรบทางวชาชพหองสมดแลว e - Book จะเปนพสดหองสมดยคใหมท เปล ยนจากรปแบบดงเดมซงเปนหนงสอท ผลตจากการเขยนหรอการพมพตวอกษร หรอภาพกราฟกลงในกระดาษ หรอวสดชนดอน ๆ เพอบนทกเนอหาสาระในรปตวหนงสอ รปภาพหรอสญญาลกษณ ตาง ๆ เชนทใชกนทวไปจากอดตจนถงปจจบน เปลยนมาบนทกและนำเสนอเนอหาสาระทงหมดเปนสญญาณอเลกทรอนกสในรปสญญาณดจตอลลงในหนงสออเลกทรอนกสประเภทตางๆ เชน แผนซดรอม ปาลมบก หนงสอระบบเครอขายหรอ สออเลกทรอนกส รปแบบอนๆ ซงรวมเรยกวา หนงสออเลกทรอนกส หรอ e - Bookการทำหนงสออเลกทรอนกส (Electronic Publishing) เปนหนงสอทจดทำดวยระบบคอมพวเตอร โดยไมพมพเนอหาสาระของหนงสอบนกระดาษ หรอจดพมพเปนรปเลมหนงสออเลกทรอนกสสามารถเปดอานไดจากจอคอมพวเตอร เหมอนกบเปดอานจากหนงสอโดยตรง แตหนงสออเลกทรอนกสมความสามารถมากมาย เชน ขอความภายในหนงสอสามารถเชอโยงกบขอความภายใน

หนงสอเลมอนไดโดยเพยงผอานกดเมาสในตำแหนงทสนใจแลว www.Browsers.com จะทำหนาทดงขอมลทเชอมโยงแสดงใหอานหนงสอไดทนทหนงสออเลกทรอนกส สามารถแสดงขอความ อกษร เสยงภาพเคลอนไหวเสมอนวดโอ

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

จอคอมพวเตอรเครองเดยว สามารถอานหนงสอ หรอสบคนขอมลตางๆ ไดทวโลก หนงสออเลกทรอนกสเปนแฟมขอมลประเภทขอความ (Text file) สามารถเขยนหนงสออเลกทรอนกส ดวยโปรแกรมแทกซเอดเตอรหรอเวรดโปรเซสเซอรทวไปกไดขอความทเขยนตองเปนไปตามหลกภาษาHTML (Hyper Markup Languge) โดยภายในแฟมประกอบดวยขอความทตองการใหอาน และขอความกำกบ เมอดดวยโปรแกรม Browwsers จะเหนเฉพาะขอความจรงเทานน หนงสออเลกทรอนกสทกรปแบบไดรบการพฒนาบนพนฐานแนวความคดหลก3 ประการคอ 2.1.1.1 การออกแบบโครงสรางลำดบการจดเกบ (Massage Storage) การนำเสนอเนอหาสาระ(Massage Presentation)

2.1.1.2 การออกแบบปฏสมพนธระหวางหนงสอกบผอาน (Consumer Interface) 2.1.1.3 สถานหรอแหลงสำหรบการเขาสบคนเนอหาเพมเตม หรอนำเนอหาใหมมาเตม

(Access Stations) หนงสออเลกทรอนกสไดปรากฏในนยายทางวทยาศาสตรมาตงแตภายหลงป ค.ศ.1940 เปนหลก

IBM มผลตภณฑใหม คอ Book Master เนอหาหนงสออเลกทรอนกสในป 1980 และกอนป1990 ในชวงแรก ม2 สวน คอเรองเกยวกบคมออางอง และการศกษาบนเทง งานทเกยวกบการผลตและการเผยแพรเอกสารทางวชาการพรอมๆ กบการผลต ผลตภณฑทซบซอนเชน Silicon Graphics,Novell และผผลตไดผลตคมอ Dynatext ของหนงสออเลกทรอนกส จำนวน 12 ชอ ตามรปแบบเทคโนโลยของหนงสออเลกทรอนกสและในชวง 10 ปมานกไดเหนความพยายามทจะนำผลตภณฑทคลายกบเปนหนงสออเลกทรอนกสเขามาจำหนายในโลกแหงความจรงแตสวนมากกลมเหลว

2.1.2 วตถประสงคของการสรางหนงสออเลกทรอนกส การจดทำหนงสออเลกทรอนกสมวตถประสงคดงน (ชนญชดา สวรรณเลศ. 2548: 4)

2.1.2.1 เพออำนวยความสะดวกแกผใชบรการ 2.1.2.2 เพอความรวดเรวในการเขาถงสารสนเทศ 2.1.2.3 เพอเปนแหลงสารสนเทศททนสมย 2.1.2.4 เพอพฒนารปแบบการบรการ

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

2.1.3 ประเภทของหนงสออเลกทรอนกส บารคเกอร (Barker. 1992: 139-149) ไดแบงประเภทหนงสออเลกทรอนกสออกเปน 10 ประเภท

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

2.1.3.2 หนงสออเลกทรอนกสแบบหนงสอเสยงอาน เมอเปดหนงสอมเสยงคำอานหนงสออเลกทรอนกสประเภทนเหมาะกบเดกเรมเรยน หรอฝกออกเสยง ฝกพด หนงสออเลกทรอนกสชนดนเนนดานการนำเสนอเนอหา ทเปนตวอกษรและเสยงเปนคณลกษณะหลก

2.1.3.3 หนงสออเลกทรอนกสแบบหนงสอภาพนง หรออลบมภาพ (Static PictureBooks) เปนหนงสออเลกทรอนกสทมคณลกษณะหลก เนนจดเกบขอมล เสนอขอมลในรปแบบภาพนง (Static Picture) เสรมดวยการนำศกยภาพคอมพวเตอรมาใชในการนำเสนอเชน การเลอกภาพทตองการขยายหรอยอขนาดของภาพ หรอตวอกษรการสำเนา หรอการถายโอน การเตมแตงภาพการเลอกเฉพาะสวนของภาพ เพมขอมลเชอมขอมลเสยงประกอบ เปนตน

2.1.3.4 หนงสออเลกทรอนกสแบบหนงสอภาพเคลอนไหว (Moving Picture Book) เปนหนงสออเลกทรอนกสทเนน การนำเสนอขอมลในรปแบบวดทศน (Video Clips) หรอภาพยนตรสน ๆ (Films Clips) ผนวกกบขอมลสนเทศทอยในรปตวหนงสอ สามารถเลอกชม ศกษาขอมลไดนยมนำเสนอขอมลเหตการณประวตศาสตรหรอเหตการณสำคญๆ เชน ภาพเหตการณสงครามโลก

2.1.3.5 หนงสออเลกทรอนกสแบบหนงสอส อประสม (Multimedia Books) เปนหนงสออเลกทรอนกสทเนนการนำเสนอขอมล เนอหาสาระในลกษณะแบบสอผสมระหวาง สอภาพทเปนทงภาพนงและภาพเคลอนไหวและสอประเภทเสยง

2.1.3.6 หนงสออเลกทรอนกสแบบหนงสอสอหลากหลาย (Polymedia Books) เปนหนงสออเลกทรอนกสทมลกษณะเชนเดยวกบหนงสออเลกทรอนกสแบบสอประสม แตมความหลากหลายในคณลกษณะดานความเชอมโยง ระหวางขอมลภายในเลม ทบนทกในลกษณะตาง ๆเชน ตวหนงสอ ภาพนง ภาพเคลอนไหวเสยง ดนตรและอน ๆ เปนตน

2.1.3.7 หนงสออเลกทรอนกสแบบหนงสอสอเชอมโยง (Hypermedia Book) เปนหนงสอทมคณลกษณะ สามารถเชอมโยงเนอหาสาระ ทออกแบบเชอมโยงกนภายใน การเชอมโยงเชนนมคณลกษณะเชนเดยวกบบทเรยนโปรแกรมแบบแตกกง นอกจากนยงสามารถเช อมโยงกบแหลงเอกสารภายนอกไดเมอเชอมระบบอนเตอรเนต

2.1.3.8 หนงสออเลกทรอนกสแบบหนงสออจฉรยะ ( Intelligent Electronic Books) เปนหนงสอสอประสม แตมการใชโปรแกรมชนสงทสามารถมปฏกรยา หรอสมพนธกบผอานเสมอนหนงสอมสตปญญา (อจฉรยะ) ในการไตรตรอง หรอคาดคะเนในการโตตอบกบผอาน

2.1.3.9 หนงสออเลกทรอนกสแบบสอหนงสอทางไกล (Telemedia Electronic Book) หนงสออเลกทรอนกสประเภทนมคณลกษณะหลก ๆ คลายกบ (Hypermedia Electronic

Book) แตงเนนการเชอมโยงกบแหลงขอมลภายนอกผานระบบเครอขาย ทงทเปนเครอขายเปด และเครอขายเฉพาะสมาชกของเครอขาย

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

2.1.4 ประโยชนของการสรางหนงสออเลกทรอนกส (ถาวร นนละออง 2550: 15) 2.1.4.1 ผอานสามารถอานผานทางอนเทอรเนต หรอฮารดแวรประเภทคอมพวเตอรและอปกรณ

พกพาอน ๆ ได 2.1.4.2 ผอานสามารถอานพรอมกนไดโดยไมตองรอใหอกฝายสงคนหองสมดเชนเดยวกบหนงสอ

ในหองสมดทว ๆ ไป www.ssru.ac.th 2.1.4.3 เน อหาสาระท งหมดเปนสญญาณดจตอล สามารถบนทกลงในแผนซดรอมปาลม

บกหนงสอในระบบเครอขาย หรอสออเลกทรอนกสรปแบบอน ๆ 2.1.4.4 สามารถบนทกไดในปรมาณมาก ๆ 2.1.4.5 สามารถเรยกอานปรบปรงแกไขได ทำสำเนาหรอโอนถายขอมลไดงายและรวดเรว 2.1.4.6 ผอานสามารถอานและเรยนรเนอหาสาระในเลมไดตามความสนใจและความแตกตาง

ของแตละบคคล 2.1.4.7 มการเปดโอกาสใหผอานไดฝกทกษะ หรอแบบฝกหด หรอขอคำถามสำหรบผอานหรอ

ผเรยนสามารถตรวจสอบความรความเขาใจของตนเองจากโปรแกรมทมในหนงสออเลกทรอนกส

2.1.4.8 นำเสนอขอมลทเปนตวหนงสอและมภาพประกอบสวยงาม และเสยงอานประกอบในแตละตวอกษร

2.1.4.9 นำเสนอขอมลในรปแบบวดทศนหรอภาพยนตรสน ผนวกกบขอมลสนเทศทอยในรปตวหนงสอผอานสามารถเลอกชมศกษาขอมลได

2.1.4.10 เสนอขอมลเนอหาสาระในลกษณะแบบสอประสมระหวางสอภาพ เปนทงภาพนงและภาพเคลอนไหวกบสอประเภทเสยง

2.2 การวเคราะหและออกแบบ (System Analysis Design) การวเคราะหและออกแบบระบบ คอวธทใช การสรางระบบสารสนเทศขนมาใหมในธรกจ ใด

ธรกจหนงหรอระบบยอยธรกจนอกจากการสรางระบบสารสนเทศใหมแลวการวเคราะห ระบบ ชวยในการแกไขระบบใหดข นกไดการวเคราะหระบบกคอการหาความตองการ(Requirement) ของ ระบบสารสนเทศวาคออะไรหรอตองการเพมเตมอะไรและการออกแบบระบบกคอการ นำเอาความตองการระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวในการสรางระบบน นใหใชงานไดจรงตวอยางระบบสารสนเทศ เชนระบบการขาย ความตองการของระบบกคอสามารถตดตาม ยอดขายได เปนระยะเพอฝายบรหารสามารถปรบปรงการขายไดทนท วงจรการพฒนาระบบ(System Development Life Cycle) ระบบสารสนเทศทงหลายมวงจร ชวตทเหมอนกนตงแตเกดจนตายวงจรนทเปนลำดบตงแตตนจนเสรจเรยบรอยเปนระบบทใชงานได ซงนกวเคราะหระบบตองทำความเขาใจใหดวาแตละขนตอนตองทำอะไรอยางไรขนตอนการ พฒนาระบบมอยดวยกน7ขนตอนคอ

2.2.1 การวเคราะหปญหา(Problem Analysis) 2.2.1.1 เปนการวเคราะหปญหาของระบบงานเดม 2.2.1.2 เมอองคกรมความตองการทจะสรางระบบสารสนเทศขน 2.2.1.3 เปนหนาท ของผ จ ดการโครงการ(ProjectManager) นกวเคราะหระบบ(System

Analysis) และผออกแบบฐานขอมล(DBA) ตองรวมกนทำงาน 2.2.2 ศกษาความเปนไปได(Feasibility Study)

2.2.2.1 ความเปนไปไดของเทคโนโลย(Technology Feasibility) ก) ระบบงานเดมมอปกรณทางดานฮารดแวร และซอฟตแวร เพยงพอทจะ รองรบสารสนเทศทจะเกดขนหรอไม ข) ถาไมเพยงพอตองวเคราะหวาจะจดซอฮารดแวร และซอฟตแวร ประเภทใดเพมเตม ค) ถามอยแลวตองวเคราะห วามความสามารถเพยงพอหรอไม

2.2.2.2 ความเปนไปได ทางดานการปฏบตการ (Operational Feasibility)

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

2.2.2.3 ความเปนไปได ทางดานเศรษฐศาสตร (Feasibility Study) ก) ศกษาถงคาใช จายตางๆทจะเกดขนตงแต เรมตนดานพฒนาระบบไป จนกระทงมการตดต งและใช งานระบบจรงรวมถงคาใชจายประจำวน ข) คาดการณ ถงผลประโยชน ทจะไดรบ ค) เวลาทใชในการพฒนาระบบ ง) ตดสนใจวาเปลยนแปลงระบบหรอไม

2.2.3 วเคราะหความตองการของผใช (UserRequirement Analysis)

2.2.3.1 ศกษาระบบการทำงานเดมใหเขาใจ 2.2.3.2 กำหนดขอบเขตของฐานขอมลทจะสรางขน 2.2.3.3 กำหนดความสามารถของโปรแกรมประยกตทจะสรางขน 2.2.3.4 กำหนดอปกรณทางดานฮารดแวร และซอฟตแวร ทจะมใช 2.2.3.5 การวางแผนระยะเวลาในการทำงาน

2.2.4 การออกแบบฐานขอมล (Database Design) 2.2.4.1 การวเคราะหหาเอนตตหรอรเลชน 2.2.4.2 การวเคราะห ความสมพนธ

2.2.5 การออกแบบและพฒนาโปรแกรม (Implementation) 2.2.5.1 จะมการเลอกระบบจดการฐานขอมลขนมาใช 2.2.5.2ออกแบบโปรแกรมวาระบบจะตองประกอบดวยโปรแกรมอะไรบางแตละโปรแกรมมหนาทอะไรมความสมพนธกนอยางไรการเชอมโยงระหวางโปรแกรมทำอยางไร 2.2.5.3 ออกแบบหนาจอการนำขอมลเขารปแบบรายงานการควบคมความคง สภาพขอมล 2.2.5.4 เพอนำขอมลทไดมาสรางเปนเอกสารการออกแบบโปรแกรม (Program Specification) สงใหโปรแกรมเมอร ในการเขยนโปรแกรม ตอไป 2.2.5.5 ในขนตอนการพฒนาโปรแกรมโปรแกรมเมอร ตองทำการเขยนและทดสอบความถกตองของโปรแกรม(Program Testing) 2.2.5.6 หลงจากนนกนำโปรแกรมมารวมกนและทำการทดสอบอกทเรยกวาการ ทดสอบระบบ (System Testing) 2.2.5.7 ทำการทดสอบและแกไขจนกระทงระบบมความถกตองตามตองการ

2.2.6 ทำเอกสารประกอบโปรแกรม(Documentation)

2.2.6.1 เปนการอธบายรายละเอยดของโปรแกรมวาจดประสงค ของโปรแกรมคอ อะไรใชงานในดานไหนฯลฯ 2.2.6.2 สรปรายละเอยดของโปรแกรมและแสดงเปนผงงาน(Flowchart)หรอรหสจำลอง (Pseudocode) กได 2.2.6.3 เอกสารประกอบจะมอย 2แบบ คอโปรแกรมสำหรบผ ใช (UserDocumentation) สำหรบผทไมเกยวของกบการพฒนาโปรแกรมแตเปนผทใชงานโปรแกรมอยางเดยว) เอกสารประกอบโปรแกรมสำหรบผเขยนโปรแกรม(Technical Documentation)

2.2.7 การตดตงและบำรงรกษาโปรแกรม(Program Maintenance) 2.2.7.1 เมอโปรแกรมผานการตรวจสอบตามขนตอนเรยบรอยแลวจะถกนำมา ตดตงใหผใชงาน 2.2.7.2 รวมถงการฝกอบรมใหกบพนกงานทตองใชจรงเพอใหทำงานไดโดยไมมปญหาซ งในระยะแรกๆอาจมปญหาในการใชงานได 2.2.7.3 ในระยะแรกจะตองมผคอยดแลและตรวจสอบการทำงานและเมอมการใชงานไปนานๆ อาจตองมการแกไขปรบปรงโปรแกรมใหเหมาะกบเหตการณและความตองการของผใชทเปลยนแปลงไป

2.3 โครงสรางขอมล ขอมล(Data) คอความจรงทเก ยวของกบสงตางๆ เชน คนสถานทส งของตางๆซงไดรบ การ

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

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

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

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

2.3.1.1 ฟลด ตวเลข (Number Field) คอฟลดทเปนกลมของตวจำนวนเลขเตมจำนวนเตมบวกจำนวนเตมลบ

2.3.1.2 ฟลด ตวอกษร (Alphabetic Field) คอเปนกลมของตวอกขระทเปนตวอกษรหรอชองวางระหวางตวอกษร

2.3.1.3 ฟลด อกขระ (Alphanumeric) คอเปนกลมของตวอกขระทตวเลขหรอตวอกษร 2.3.2 เรคคอรด (Record) คอชนดขอมลทสามารถเกบขอมลชนดอนๆไวภายในไดโดยเราเร ยกขอมลแตละตวทอยภายในฟลด(Filed)และกอนทจะใชงานเรคคอรดไดนนจะตองประกาศชนดของเรคคอรดเสยกอนจากนนทาการประกาศคาตวเรคคอรด หรอระเบยนคอกลมของฟลดทมความสมพนธกนในรปแบบใดรปแบบหนงเรคคอรดประกอบดวยฟลดตางประเภทกนเปนชดโดยพนฐานของเรคคอรดจะตองมฟลดใชอางองอยางนอย 1 ฟลดซ งเรยกวาคยฟลด (KeyField) และฟลดทจะใชเปนคยฟลดในแตละเรคคอรดจะตองไมซำกน 2.3.3 ไฟล (File) หรอแฟมขอมลเปนกลมของเรคคอรดทมความสมพนธกนในดานใดดานหนงดงนนไฟล จงประกอบดวยหลายๆเรคคอรดมารวมกน

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

2.4 องคประกอบของระบบฐานขอมล ระบบฐานขอมลโดยทวไปจะเกยวกบ 4 สวนหลกๆดงน

2.4.1 ขอมล (Data) ขอมลทจดเกบอยในฐานขอมลสามารถทจะใชงานรวมกนไดและผใชสามารถเรยกใชขอมลพรอมกนได

2.4.2 ฮารดแวร(Hardware) คอสวนของอปกรณท เกยวของกบระบบฐานขอมลได แก หนวยความจำหลก(Memory)เปนตวทนำขอมลจากฐานขอมลขนมาประมวลผลและหนวยเกบบนทกขอมลภายนอกหรอหนวยความจำสำรองเปนตวทจดเกบขอมลของฐานขอมล

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

2.4.4 ผใชระบบฐานขอมล (User) คอผท เรยกใชขอมลจากระบบฐานขอมลสามารถแบงออกเปน 3 กลมดงน

2.4.4.1 ผพฒนาโปรแกรม (Application Programmer) ไดแกผททำหนาทพฒนาโปรแกรมเพอเรยกใชขอมลจากระบบฐานขอมลมาประมวลผล

2.4.4.2 กลมผใช (EndUser) ไดแกผทนำขอมลจากฐานขอมลไปใชงานซงแบงออกเปน 2 กลมดงน

ก) Naive User ไดแก ผใชทเรยกใชขอมลโดยอาศยโปรแกรมทพฒนาขน ข) Sophisticated User ไดแก ผใชทเรยกใชขอมลจากฐานขอมลดวยประโยคคำสงคอคำสงทใชดงขอมลใน Database 2.4.4.3 Database Administrator (DBA) ไดแก ผบรหารททำหนาทควบคมและตดสนใจ

การกำหนดโครงสรางของฐานขอมลชนดขอมลวธการจดเกบขอมลรปแบบในการเรยกใชขอมลความปลอดภยของขอมลและกฎระเบยบทใชควบคมความถกตองของขอมลภายในฐานขอมลโดยอาศยคำสงในกลม DataDefinition Language (DDL) ซงเปนสวนหนงของ QueryLanguage เปนตวกำหนด

2.5 ระบบการจดการฐานขอมล (Database Management System: DBMS)

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

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

2.5.1 Database Manager เปนสวนททำหนาทกำหนดการกระทำตางๆใหกบสวน File Manager เพอไปกระทำกบขอมลทเกบอยในฐานขอมล (FileManager) เปนสวนททำหนาทบรหารและจดการกบขอมลทเกบอยในฐานขอมลในระดบกายภาพ

2.5.2 Query Processor เปนสวนททำหนาทแปล (Compile) ประโยคคำสงของ Query Language ใหอยในรปแบบของคำสงท Database Manager เขาใจ

2.5.3 Data Manipulation Language Precompiled เปนสวนท ทำหนาท แปล (Compile) ประโยคคำส งของกล มคำส งDMLใหอย ในรปแบบท ส วน Application Programs Object Code จะนำไปเขารหสเพ อสงตอไปยงสวน DatabaseManager ในการแปลประโยคคำส งกล มคำส ง DMLของสวน Data Manipulation Language Precompiled นจะตองทำงานรวมกบสวน QueryProcessor

2.5.4 Data Definition Language Precompiled เปนสวนททำหนาทแปล(Compile)ประโยคคำส งของกล มคำสงDDLใหอยในรปแบบของData Dictionary ของฐานขอมล(Metadata) ไดแก รายละเอยดทบอกถงโครงสรางตางๆของขอมล

2.5.5 Application Programs Object Code เปนสวนททำหนาทแปลงคำสงตางๆเปนโปรแกรมรวมทงคำสงในกลมคาสงDMLทสงตอมาจากData Definition Language Precompiled ให อย ในร ปของObject Code ท จะส งต อไปให Database Manager เพอกระทำกบขอมลในฐานขอมล (โอภาส เอยมสรวงศ ,2545: 11-15)

2.5.6 หนาทหลกของระบบจดการฐานขอมล(DBMS– Functional) 2.5.6.1 รกษาความถกตองของขอมล (DataIntegrity) ปองกนไมใหมการนำขอมลทขดแยง

กน (DataRedundancy) ขอมลทไมถกตองเขาสฐานขอมลซงในการควบคมความถกตองของขอมลจะขนอยกบกฎ (Constraint) ทผออกแบบฐานขอมลทกำหนดขนมา

2.5.6.2 จดการดแลควบคมการเขาถงขอมลในฐานขอมล (DataAccess) เชน การเรยกดขอมล (Select) การบนทกขอมล (Insert) การแกไขขอมล (Update) ซงคำสงหรอภาษาทใชตดตอกบระบบจดการฐานขอมลเพอเขาถงขอมลไดแก StructuredQueryLanguage (SQL)

2.5.6.3 จ ดการด แลระบบร กษาความปลอดภ ย (Security) และจ ดการระด บส ทธ (Permission) การเขาถงขอมลในฐานขอมลของผใชแตละราย เชน การเรยกดขอมลได (Select) เพมขอมลได (Insert) แกไขขอมลได (Update) เปนตน

2.5.6.4 จดการดแลการใชงานขอมลในฐานขอมลรวมกนจากผใชหรอโปรแกรมมากกวาหนง (Multi User Accessibility) เพอใหผใชหรอโปรแกรมไดขอมลทถกตองอยเสมอ

2.5.6.5 จดการดแลบำรงรกษาขอมลในฐานขอมล (DataMaintenance) กรณขอมลเกดความเสยหายสามารถซอมแซมและเรยกขอมล กลบคนมาได (Data Repair and Recovery)

2.6 ทฤษฎเกยวกบการเขยนแผนภาพกระแสขอมล (Data Flow Diagram: DFD)

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

2.6.1 สญลกษณทใชในแผนภาพกระแสขอมล (DFD) สญลกษณท ใชในการเขยนแผนภาพกระแสขอมลท เปนมาตรฐานแตเดมมอย2ลกษณะคอ

สญลกษณทใชในการเขยนแผนภาพกระแสขอมลของ Yourdon และของ Ganeและ Sarsonซงโดยทวไป แผนภาพกระแสขอมลจะถกเขยนถงโดยใชสญลกษณสำคญเพยง 4 อยางเทานน คอ

1.) รปสเหลยมหมายถงหนวยงานหรอหนวยททำหนาทใหและรบขอมลซงอาจเปนคน หรอ เครองจกรกไดสามารถใหหรอรบขอมลจากระบบหรอเรยกวาแหลงกำเนดขอมล (Source) แหลงใชสารสนเทศ (Sink) หรอระบบทอยภายนอก (External Agent)

2.) รปลกศร หมายถงทศทางการไหลของขอมลหนงไปอกจดหนงซงแทนจากทายลกศรไปยง หวลกศรหรอเรยกวา กระแสขอมล (Data Flow)

3.) รปสเหลยมผนผามมมน หมายถงการประเมนผลเปนขนตอนหรอกระบวนการใน ระบบงานซงหลงจากผานกระบวนการแลวจะทำใหลกษณะของขอมลเปลยนแปลงไปหรอเรยกวาการประมวนผล (Process)

4.) รปสเหลยมผนผาปลายเปดหมายถงแฟมขอมลทใชเกบขอมลและพรอมทจะสงขอมล เขา ระบบเมอตองการซงการเกบขอมลอาจจะอยในรปของสอตางๆ เชน ดสก CDROMหรอออปตคลดสก เปนตน หรอเรยกวา แหลงจดเกบขอมล (Data Store)

2.6.2 การอธบายการประมวลผล (Process Description) การวเคราะหความตองการของผ ใชโดยการใชแผนภาพการไหลของขอมล (Data Flow

Diagram) โดยการเขยนสญลกษณการประมวลผลนนจะเขยนเพยงหวขอในการประมวลผลเทานน ยงไมมการเขยน คำอธบายโดยละเอยดซงเราสามารถเขยนอธบายโดยละเอยดไดดวยการเขยนคำอธบายการประมวลผล (Process Description) หรอ Process Specification จดประสงคของการเขยน Process Specification เพอใชเปนสอระหวางผใชระบบโปรแกรมเมอร และนกวเคราะหระบบไดเขาใจตรงกนในการประมวลผลนนโดยโปรแกรมเมอรจะเขาใจการประมวลผลนนเพอ ใชในการเขยนโปรแกรมโดยเฉพาะในกรณของการมโปรแกรมเมอรหลายคนในการเขยนโปรแกรมในการสอใหเขาใจตรงกนสวนผใชระบบจะไดเหนถงผลการวเคราะหของนกวเคราะหระบบวาเขาใจถกตองหรอไม

ตารางท 2-1 แสดงสญลกษณทใชในภาพกระแสขอมล (DFD)

สญลกษณ ชอสญลกษณและคำอธบาย

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

กระแสขอมล (Data Flow)แสดงสวนของขอมลทถกสงเขกระบวน การประมวลผลและผลลพธทได ผานขบวนการประมวลแลว ทกโพรเซสทอยในดเอฟด จะตองมทงกระแส ขอมลเขาและออกจากโพรเซสเสมอ

ทเกบขอมล (Data Store)คอ แหลงเกบขอมลซงอยภายนอกของโพรเซส

สงภายนอก (External Entity) คอ สงทอยนอกระบบประมวลผล ขอมล อาจหมายถงบคคล หนวยงาน ระบบประมวลผลอนทมหนาท สงขอมลให หรอรบขอมลจากโพรเซสของระบบงาน

2.6.3 แผนภาพแสดงความสมพนธระหวางขอมล (Entity Relationship Diagram) การออกแบบฐานขอมลดวย E-R model เปนเพยงวธหนงทชวยในการออกแบบฐานขอมลและ

ไดรบ ความนยมอยางมาก นำเสนอโดย Peter ซ งวธการน อย ในระดบ Conceptual level และมหลกการคลายกบ Relational model เพยงแต E-R model แสดงในรปแบบกราฟก บางระบบจะใช E-R model ไดเหมาะสมกวา แตบางระบบจะใช Relational model ไดเหมาะสมกวา เปนตน ซงแลวแตการพจารณาของผออกแบบ วาจะเลอกใชแบบใด (Relational model คอตารางขอมลทมความสมพนธกน)

แผนภาพแสดงความสมพนธระหวางขอมล (E-R Diagram) หมายถง แผนภาพทใชเปนเครองมอสำหรบจำลองขอมล ซงจะประกอบไปดวย Entity (แทนกลมของขอมลทเปนเรองเดยวกน/เกยวของกน) และ ความสมพนธระหวางขอมล (Relationship) ทเกดขนทงหมดในระบบ

2.6.4 ER-DIAGRAM ประกอบดวยองคประกอบพนฐานดงน 1.) เอนทต (Entity) เปนรปภาพทใชแทนสงทเปนรปธรรมของสงตางๆ ทสามารถระบไดใน ความ

เปนจรง ซงอาจเปนสงทจบตองได เชน บคคล สงของ 2.) แอททรบว (Attribute) เปนสงทใชอธบายคณลกษณะของเอนทตหนงๆซงมความหมาย

เดยวกนกบฟลดหรอเขตขอมล 3.) ความสมพนธ (Relationship) ใชแสดงความสมพนธระหวางแตละเอนทตในเอนทตจะ แสดง

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

ประเภทของความสมพนธแบงออกเปน 3 ประเภท ดงน 1.) ความสมพนธแบบหนงตอหนง (One - to - One Relationship) เปนการแสความสมพนธ

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

1 1

ภาพท 2-1 แสดงความสมพนธแบบหนงตอหนง

2.) ความส มพ นธ แบบหน งต อกล ม (One - to - Many Relationship) เป นการแสดง ความสมพนธของขอมลของเอนตตหนงวามความสมพนธกบขอมลหลายขอมลกบอกเอนตตหนง เชน

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

1 M

ภาพท 2-2 แสดงความสมพนธแบบหนงตอกลม

3.) ความส มพ นธ แบบกล มต อกล ม (Many to - Many Relationship) เป นการแสดงความสมพนธของขอมลของสองเอนตในลกษณะแบบกลมตอกลม เชน ความสมพนธระหวางสงซอสนคากบสนคาเปนแบบกลมตอกลม คอ สามารถแจงขาวสารไดมากกวา 1 อยาง และความคดเหนปรากฏอยในขาวสารได มากกวา 1 เปนตน

M M

ภาพท 2-3 แสดงความสมพนธแบบกลมตอกลม

2.7 ผงงาน (Flowchart) ผงงาน (Flowchart) คอ รปภาพ (Image) หรอสญลกษณ (Symbol) ทใชเขยนแทนขนตอน

คำอธบาย ขอความหรอคำพดทใชในอลกอรทม(Algorithm) เพราะการนำเสนอขนตอนของงานใหเขาใจตรงกนระหวาง ผเกยวของดวยคำพดหรอขอความทำไดยากกวา ผงงานแบงได 2 ประเภทคอ

1.) ผงงานระบบ (System Flowchart) คอ ผงงานทแสดงข นตอนการทำงานในระบบอยางกวางๆแตไม เจาะลงในระบบงานยอย

2.) ผงงานโปรแกรม (Program Flowchart) คอ ผงงานทแสดงถงขนตอนในการทำงานของโปรแกรม ตงแตรบขอมลคำนวณจนถงแสดงผลลพธ

ประโยชนของผงงาน 1.) ทำใหเขาใจและแยกแยะปญหาไดงาย (Problem Define) 2.) แสดงลำดบการทำงาน(Step Flowing) 3.) หาขอผดพลาดไดงาย (Easy to Debug)

4.) ทำความเขาใจโปรแกรมไดงาย (Easy to Read) 5.) ไมขนกบภาษาใดภาษาหนง (Flexible Language) วธการเขยนผงงานทด 1.) ใชสญลกษณตามทกำหนดไว 2.) ใชลกศรแสดงทศทางการไหลของขอมลจากบนลงลางหรอจากซายไปขวา 3.) คำอธบายในภาพควรสนกะทดรดและเขาใจงาย 4.) ทกแผนภาพตองมลกศรแสดงทศทางเขา - ออก 5.) ไมควรโยงเสนเชอมผงงานทอยไกลมากๆ ควรใชสญลกษณจดเชอมตอแทน 6.) ผงงานควรมการทดสอบความถกตองของการทำงานกอนนำไปเขยนโปรแกรมการเขยนผงโปรแกรมจะประกอบไปดวยการใชสญลกษณมาตรฐานตางๆท เร ยกวาส ญลกษณ ANSI American National Standards Institute) ในการสรางผงงานดงตวอยางท แสดงในตารางตอไปน ตางรางท 2-2 แสดงสญลกษณในการเขยนผงงานโปรแกรม

สญลกษณ คำอธบาย

จดเรมตน / สนสดของโปรแกรม

ลกศรแสดงทศทางการทำงานของโปรแกรมและการไหลของขอมล

ใชแสดงคำสงในการประมวลผล หรอการกำหนดคาขอมล ใหกบตวแปร

แสดงการอานขอมลจากหนวยเกบขอมลสา รองเขาสหนวยความจำหลก ภายในเครองหรอการแสดงผลลพธจาก การประมวลผลออกมา

การตรวจสอบเงอนไขเพอตดสนใจ โดยจะมเสนออกจาร รปเพอแสดงทศ ทางการทำงานตอไป เงอนไขเปนจรงหรอเปนเทจ

แสดงผลหรอรายงานทถกสรางออกมา

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

การขนหนาใหม ในกรณทผงงานมความยาวเกนกวาทจะแสดงพอในหนงหนา

การทำงานดวยแรงงานคน

แสดงผลลพธออกทางจอภาพ

ผงงาน มรปแบบทจากดอย 3 แบบดวยกน คอ 1. การทำงานแบบตามลำดบ (Sequence)

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

ภาพท 2-3 แสดงการทำงานแบบตามลำดบ

อางองจาก : http://www.thaiall.com/flowchart/indexo.html 2. การเลอกกระทำตามเงอนไข (Decision or Selection)

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

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

ภาพท 2-4 กระบวนการทำงานโดยมเงอนไข อางองจาก : http://www.thaiall.com/flowchart/indexo.html

3. การทำซำ (Repeation or Loop)

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

ภาพท 2-5 แสดงการทำงานแบบทำซำ

อางองจาก : http://www.thaiall.com/flowchart/index0.html 2.8 การทำ Normalization

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

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

1. ขนตอนการทำ First Normal Form (1NF) 2. ขนตอนการทำ Second Normal Form (2NF) 3. ขนตอนการทำ Third Normal Form (3NF) 4. ขนตอนการทำ Boyce - Code Normal Form (BCNF) 5. ขนตอนการทำ Fourth Normal Form (4NF) 6. ขนตอนการทำ Fifth Normal Form (5NF) ในแตละขนตอนของการทำ Normalization จะมการะบรปแบบของโครงสรางของขอมลทควรจะเปนทเรยกวา Normal Form ไว ซงโครงสรางทระบนจะสามารถแกไขปญหาทเกดขนในโครงสรางของขอมลขนตอนกอนหนาไดหรอกลาวอกนยหนงวา Normalization แตละขนตอนตองอาศยผลทไดจากการทำ Normalization ในขนตอนกอนหนามาปรบปรงเพอใหมโครงสรางเปนไป ตามโครงสรางทกำหนดไวตามขนตอนนนๆในการทำ Normalization ไมจำเปนตองเรมขนตอนการทำ FirstNormal Form และสนสด ในขนตอนการทำFirst Normal Form เสมอไป การทำ Normalization จะพจารณาจากโครงสรางขอมลท นำมาทำ Normalization น นวาจดอย ในโครงสรางขอมลของขนตอนใดแลวจงเรมทำ Normalization จากขนตอนนนเปนตนไป 2.8.1 รปแบบของขอมลระบบการจดการฐานขอมลในปจจบนสามารถจดประเภทของรปแบบขอมล Data Model ได 3 รปแบบไดแก 2.8.1.1 ฐานขอมลแบบลำดบชน Hierarchical Model จะมความสมพนธระหวางแฟมขอมลเปนลำดบขนอาวโสแฟมขอมลจะมตำแหนงจากบนลงลางโดยทแฟมขอมลทอยในระดบสงกวาจะเปนแมของแฟมขอมลทอยตำกวาซงจะมขอสงเกตวาลำดบชนหนงๆแฟมขอมลหนงจะมแฟมขอมลอยไดเพยงแฟมเดยว 2.8.1.2 ฐานขอมลแบบเครอขาย Network Model จะมลกษณะคลายกบแบบฐานขอมลแบบลำดบชนแตมขอมลแตกตางตรงทฐานขอมลแบบเครอขายสามารถมแฟมขอมลหลกไดมากกวาหนงแฟม 2.8.1.3 ฐานขอมลแบบความสมพนธ Relational Model มลกษณะทแตกตางจากฐานขอมลทง 2 แบบแรกกลาวคอจะไมม แฟมขอมลหลกหรอแฟมขอมลลกคอแฟมขอมลแตละสวนจะเปนอสระตอกนและไมมความสมพนธกนโดยใชองคประกอบขอมลการทฐานขอมลแบบนจะถกเรยกใชเปนฐานขอมล สมพนธดวยเหตผลทวาขอมลจะสรางความสมพนธของตวเองขนมา

2.9 N-tier Architecture N-tier Architecture มการแบงภาระการทำงานของระบบมากกวา 3 ระดบชน โคขอาจเพมเครอง

คอมพวเตอรทเปนในสวนของ Application Layer ใหเปน 2 เครอง เชน Web- based Application ททำงาน

ผานเครอขายอนเทอรเนต จะนำขอมลทผใชปอนสงมาทชนท 2 Application Layer ซงเปนระบบททำงานบน

Web Serve เมอชนท 2 ไดรบขอมล จะมการแบง ภาระการทำงาน โดยหกเปนการทำงานในสวนการตดสนใจ

การเปรยบเทยบ หรอฟงกชนงานท เกยวกบเงอนไขทางธรกจ จะสงไปทำงานทชนท 3 คอ Business Logic Layer

และหากเปนคำรอง ขอขอมลจะถกสงไปยง Web Database Server

2.10 ทฤษฎเกยวกบโปรแกรม

2.10.1 ทฤษฎโปรแกรม Adobe Dreamweaver CS6 อะโดบ ดรมวฟเวอร (Adobe Dreamweaver) หรอช อเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการ รวมกบบรษท อะโดบซสเตมส) สาหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไข รหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบ เขาดวยกนแบบน ทำใหดรมวฟเวอรเปนโปรแกรมท แตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงปพ.ศ. 2544 ดรมวฟเวอรม สดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70% ดรมวฟเวอรมทงในระบบปฏบ ต การแมคอนทอชและไมโครซอฟทว นโดวส ดร มว ฟเวอร ย งสามารถท ำงานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจำลองอยาง WINEได รนลาสด คอ ดรมวฟเวอรCS6

การทำงานกบภาษาตางๆดรมวฟเวอรสามารถทำงานกบภาษาคอมพวเตอรในการเขยนเวบไซต

แบบใด นามค ซ งมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถง การจดการฐานขอมลตางๆอกดวยและในเวอรชนลาสด(เวอรชนCS6) ยงสามารถทำงานรวมกบ XML และ CSS ไดอยางงายดาย

ความสามารถของโปรแกรม ในการเขยนเวบเพจจะมลกษณะคลายกบการพมพงานในโปรแกรม Text Editor ทวไปคอวามน

จะเรยงชดซายบนตลอดเวลาไมสามารถยายหรอนำไปวางตำแหนงทตองการไดทนทเหมอนโปรแกรมกราฟกเพราะฉะนนหากเราตองการจดวางรปแบบตามทเราตองการกใชตารางTableเขามาชวยจดตำแหนงซงเมอมการจดวางรปแบบทซบซอนมากขนการเขยนภาษา HTML กซบซอนยงข นเชนกน โปรแกรม Dreamweaver อาจจะไมสามารถเขยนเวบไดตามทเราตองการ ทงหมด วธการแกไขปญหาทด

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

1. สนบสนนการทำงานแบบ WYSIWYG (What You See Is What You Get) หมายความวาเวบทเราเขยนหนาจอ Dreamweaver กจะแสดงแบบเดยวกบเวบเพจจรงๆชวยใหเราเขยนเวบเพจงายขน ไมตองเขยน Code HTML เอง

2. มเครองมอในการชวยสรางเวบเพจ ทมความยดหยนสง 3. สนบสนนภาษาสครปตตางๆทงฝง Client และ Server เชน Java, ASP, PHP, CGI,

VBScript 4. มเครองมอในการ Upload หนาเวบเพจไปทเครอง Server เพอทำการเผยแพร งานทเรา

สรางในอนเทอรเนต โดยการสงผาน FTP หรอ โดยการใชโปรแกรม FTP ภายนอกชวย เชน WS FTP

5. รองรบมลตมเดย เชน การใสเสยง, การแทรกไฟลวดโอ, การใชงานรวมกบ โปรแกรม Flash, Fireworks

2.10.2 ทฤษฎเกยวกบโปรแกรม My SQL

มายเอสควแอล (MySQL) คอ โปรแกรมระบบจดการฐานขอมล ทพฒนา โดยบรษทมายเอส ควแอลเอบ (MySQL AB) มหนาทเกบขอมลอยางเปนระบบ รองรบคำสงเอสควแอล (SQL = Structured Query Language) เปนเครองมอสำหรบเกบขอมลทตองใชรวมกบเครองมอหรอโปรแกรมอนอยางบรณาการ เพอใหไดระบบงานทรองรบความตองการของผใช เชน ทำงานรวมกบเครองบรการเวบ (Web Server) เพอ ใหบรการแกภาษาสครปตททำงานฝงเครอง บรการ (Server-Side Script) เชน ภาษาพเอชพ ภาษาเอเอสพดอท เนต หรอภาษาเจเอสพ เปนตน หรอทำงานรวมกบโปรแกรมประยกต (Application Program) เชน ภาษาวชวล เบสกดอทเนต ภาษาจาวา หรอภาษาซชารป เปนตน โปรแกรมถกออกแบบใหสามารถทำงานไดบนระบบปฏบตการทหลากหลายและเปนระบบฐานขอมลโอเพนทซอรททถกนำไปใชงานมากทสด

Mysqlจ ด เป นระบบจ ดการฐานข อม ล เช งส มพ นธ (RDBMS : Relational Database Management System)ซงเปนทนยมใชกนมากในปจจบนโดยเฉพาะอยางยงในโลกของ internet

1. mysql เปนฟรแวรทางดานฐานขอมลทมประสทธภาพสง

2. นกพฒนาฐานขอมลทเคยใช mysql ตางยอมรบในความรวดเรวการรองรบจำนวนผใช และขนาดของขอมลจำนวนมหาศาล 3. สนบสนนการใชงานบนระบบปฏบตการมากมาย เชน UNIX OS/2 MAC OS Windows 4. สามารถใชงานรวมกบ Web Development platform เชน C, C++, Java, Pert, PHP, Python,TCL, หรอ ASP

5. ไดรบความนยมอยางมากในปจจบนและมแนวโนมสงขนเรอยๆในอนาคต Mysql จดเปนซอฟทแวรประเภท open Source software สามารถ download ซอรสโคดตนฉบบ ได จากอนเทอรเนตโดยไมเสยคาใชจายใดๆการแกไขสามารถทำไดตามตองการ mysql ยดถอ สทธบตรตาม GPL (GNU General Public License) ซงเปนขอกำหนดของซอฟทแวรประเภทน โดย จะเปนการชแจงวาสงใดทำได หรอทำไมไดในกรณตางๆ สามารถหาขอมลเพมเตมไดจากเวบ ไซต www.gok.org ทกวนนมการ mysql ไปใชในระบบตางๆมากมายไมวาจะเปนระบบเลกๆทม จำนวนตารางขอมลนอย เชน ระบบฐานขอมลของ แผนกเลกๆไปจนถงระบบฐานขอมลขนาด ใหญ เชน ระบบบญชเงนเดอนในปจจบนไดมการใช mysql เปน Database Server เพอการทำงาน สำหรบฐานขอมลบนเวบมากขน 2.10.3 สถาปตยกรรมของ mysql

โครงสรางการทำงานของ mysql เปนลกษณะการทำงานแบบ client/server ซงประกอบดวย 2 สวนหลกๆ คอ สวนของผใหบรการ (Server) และ สวนของผใชบรการ (Client) โดย ในแตละสวนกจะม โปรแกรมสำหรบการทำงานตามหนาทของตนสวนของผใหบรการ (Server) เปนสวนททำหนาทบรหารจดการ ระบบฐานขอมลกคอตว mysql server นนเองและเปนทจดเกบขอมลทงหมดสวนของผใชบรการ (Client) คอ ผใชนนเอง โปรแกรมใชงานในสวนนไดแก Mysql client, Access, Web development platform ตางๆ เชน Java, Perl, PHP, ASP

2.10.4 ความรเกยวกบ phpMyAdmin phpMyAdmin เปนโปรแกรมทชวยในการจดการฐานขอมลของ My SQL เน องจากในการ

จดการฐานขอมล My SQL จาเปนตองพมพคำสงตางๆของ My SQL และฟอรแมตตางๆ ทเกยวของไมวาจะเปนการ สรางฐานขอมล การสรางตาราง การลบตาราง การกำหนดคยหลกรวมทงการลบฐานขอมลอกดวย เพอความ สะดวกในการจดการฐานขอมลจงไดนำเอาโปรแกรมทชวยในการจดการฐานขอมล phpMyAdmin มาใช phpMyAdmin เปนเพยงสครปต PHP ธรรมดานเองแตมความสามารถในการจดการกบ My SQL ไดเกอบครบสมบรณโดยจะตดกบผใชแบบ Graphic Interface ทำใหใชงานงาย

ประหยดเวลาในการพมพคำสงและชวยลดขอผดพลาดลงไดคอนขางมากและจากเหตผลเหลานทาใหมผนำ phpMyAdmin ไปใชงานเปนจำนวนมากมผนำไปแปลภาษาตางๆหลายสบภาษารวมถงภาษาไทยกมดวย (ชาญชย ศภอรรถกร,2548 :51)

2.11 พจนานกรมฐานขอมล (Data Dictionary)

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

1) อนญาตใหผใชงานสามารถกำหนดหรอสรางฐานขอมลเพอกำหนดโครงสรางขอมลชนด ขอมลรวมทงการอนญาตใหขอมลท กำหนดขนสามารถบนทกลงในฐานขอมลไดซ งในสวนนเรยกวา Data Definition Language (DDL)

2) อนญาตใหผ ใชงานทำการเพ ม ( Insert) ปรบปรง (Update) ลบ (Delete) และเรยกใช (Retrieve) ขอมลจากฐานขอมลไดซงในสวนนเรยกวา Data Manipulation Language (DML)

3) สามารถควบคมการเขาถงขอมลเชนความปลอดภยของระบบ (Security System) โดยผ ไมมสทธในการเขาถงขอมลในฐานขอมลจะไมสามารถเขามาใชงานในฐานขอมลได

4) ความคงสภาพของระบบ (Integrity System) ทำใหเกดความถกตองตรงกนในการจดเกบ ขอมล

5) มระบบการควบคมการเขาถงขอมลพรอมกน (Concurrency Control System) กลาวคอสามารถแชรขอมลเพ อบรการในการเขาถงขอมลพรอมๆกนจากผ ใชงานในขณะเดยวกนไดโดยไม กอใหเกดความไมถกตองของขอมล

6) การก ค นระบบ (Recovery Control System) สามารถก ค นขอมลกลบมาไดในกรณท ฮารดแวรหรอซอฟตแวรเกดความเสยหาย

7) การเขาถงรายการตางๆ (User-Accessible Catalog) ผ ใช สามารถเขาถงรายการหรอ รายละเอยดตางๆของขอมลในฐานขอมลได

2.12 วรรณกรรมทเกยวของ

2.12.1 JavaScript

ความเปนมา JavaScript คอ ภาษาคอมพวเตอรสำหรบการเขยนโปรแกรมบนระบบอนเทอรเนต ทกำลง

ไดรบความนยมอยางสง Java JavaScript เปน ภาษาสครปตเชงวตถ (ทเรยกกนวา "สครปต" (script) ซงในการ

สรางและพฒนาเวบไซต (ใชรวมกบ HTML) เพอใหเวบไซตของเราดมการเคลอนไหว สามารถตอบสนองผใชงาน

ไดมากขน ซงมวธการทำงานในลกษณะ "แปลความและดำเนนงานไปทละคำสง" ( interpret) หรอเรยกวา ออบ

เจกโอเรยลเตด (Object Oriented Programming) ทมเปาหมายในการ ออกแบบและพฒนาโปรแกรมในระบบ

อนเทอรเนต สำหรบผเขยนดวยภาษา HTML สามารถทำงานขามแพลตฟอรมได โดยทำงานรวมกบ ภาษา HTML

และภาษา Java ไดทงทางฝงไคลเอนต (Client) และ ทางฝงเซรฟเวอร (Server)

JavaScript ถกพฒนาขนโดย เนตสเคปคอมมวนเคชนส (Netscape Communications Corporation) โดย

ใชชอวา Live Script ออกมาพรอมกบ Netscape Navigator2.0 เพอใชสรางเวบเพจโดยตดตอกบเซรฟเวอรแบบ

Live Wire ตอมาเนตสเคปจงไดรวมมอกบ บรษทซนไมโครซสเตมสปรบปรงระบบของบราวเซอรเพอใหสามารถ

ตดตอใชงานกบภาษาจาวาได และไดปรบปรง LiveScript ใหมเม อ ป 2538 แลวตงช อใหมวา JavaScript

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

เชน การใชเมาสคลก หรอ การกรอกขอความในฟอรม เปนตน

ภาพท 2-6 ภาพประกอบของ javascript อางองจาก : https://sites.google.com/site/wichakarporkaermweb2/phun-than-javascript

2.12.2 SQL

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

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

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

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

ฐานขอมลหนง นอกจากนแลว SQL ยงเปนชอโปรแกรมฐานขอมล ซงโปรแกรม SQL เปนโปรแกรมฐานขอมลทม

โครงสรางของภาษาทเขาใจงาย ไมซบซอน มประสทธภาพการทำงานสง สามารถทำงานทซบซอนไดโดยใชคำสง

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

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

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

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

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

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

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

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

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

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

ภาพท 2-7 ภาพประกอบของ SQL อางองจาก : https://sites.google.com/site/supatrasuwannasiri25/sql-khux-xari

2.12.3 Java

ความเปนมา Java เปนภาษาเขยนโปรแกรมเพอวตถประสงคทวไป โดยสามารถทำงานไดพรอมกน เปน

ภาษาทสรางมาจากคลาส และสนบสนนการเขยนโปรแกรมแบบออบเจค ถกออกแบบมาใหพรอมสำหรบการใช

งาน โดยมเมธอดและคลาสชวยอำนวยความสะดวกมากมาย ภาษา Java นนมความตงใจวาจะทำใหนกพฒนา

ออกแบบและพฒนาโปรแกรมนอยลง นนคอการเขยนเพยงครงเดยว แตนำไปใชงานไดทกทหรอทกแพลตฟอรม

แอพพลเคชนของภาษา Java นนโดยปกตแลวจะคอมไพลเปน bytecode ทสามารถรนไดใน Java virtual

machine (JVM) ขนกบสถาปตยกรรมของคอมพวเตอรนนๆ และใน ป 2016 Java เปนภาษาทไดรบความนยม

และใชมากทสดในโลก โดยเฉพาะการใชพฒนาเวบแอพพลเคชน ภาษา Java นนพฒนาโดย James Gosling ท

บรษท Sun Microsystems (ปจจบนถกซอกจการเปน Oracle Corporation) และเปดตวครงแรกเมอป 1995

โดยภาษานนไดรบรปแบบจากภาษา C และ C++ แตภาษา Java ถอวาเปนภาษาระดบสงกวาภาษาทงสอง

ตนกำเนดการอางองในการพฒนาของ Java compiler virtual machines และคลาสไลบรารในตอนตนนนถกเผร

แพรโดย Sun ภายใตลขสทธทเหมาะสม ใน May 2007 ในการปฏบตตามกบขอระบของ Java Community

Process Sun ไดจดทะเบยนใหมในเทคโนโลยของ Java เปนจำนวนมากภายใต GNU General Public License

และการพฒนาเทคโนโลยอนๆ เชน GNU Compiler for Java (bytecode compiler) GNU Classpath (ไลบรา

รมาตฐาน) และ IcedTea-Web เวอรชนลาสดของ Java คอเวอรชน 8 ทสนบสนนโดย Oracle ถงแมในเวอรชน

กอนหนาไดสนบสนนโดย Oracle และบรษทอน

ภาพท 2-8 ภาพประกอบของ Java อางองจาก : https://sites.google.com/site/beammus55/phun-than-phasa-cawa

2.12.4 C#

ความเปนมา ภาษา C# (ซ-ชารป) เปนภาษาโปรแกรมคอมพวเตอรระดบสงทใชสาหรบเขยนโปรแกรม

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

หรบผทเรมตนสนใจทจะเขยนโปรแกรมคอมพวเตอรเปนอยางยง ซงภาษา C# ถกพฒนามาจากภาษา C++ (ซ-

พลสพลส) และมโครงสรางแบบเชงวตถ (object-oriented programming) โดยใช Visual Studio (วชวล-

สตดโอ) เปนเครองมอสาหรบพฒนาโปรแกรมคอมพวเตอร ซง Visual Studio เปนเครองมอทคอยอานวยความ

สะดวกในการพฒนาโปรแกรมคอมพวเตอร ทาใหผเขยนโปรแกรมสามารถพฒนาโปรแกรมคอมพวเตอรไดไมยาก

นก

ภาษา C# ไดรวบรวมขอดของภาษาตางๆ เขาไวดวยกน ไมวาจะเปนภาษา Java ภาษา C และ ภาษา

C++ โดยมขอดดงน

1. เปนภาษาทเขยนงาย ไมซบซอนและเรยบงาย เพราะคลายภาษา Java ภาษา C และ ภาษา C++ ทา

ใหหลายคนเขาใจไดไมยาก

2. เปนภาษาโปรแกรมคอมพวเตอรยคใหมทถกสรางขนมาสาหรบการพฒนาโปรแกรมคอมพวเตอร

ภายใตแนวคด .NET Framework ซงเปนแนวคดทไดรบความนยมสงทสดในปจจบน

3. เปนภาษาท ถ กออกแบบมาใหทางานบน NET Framework (ดอตเนต-เฟรมเว ร ก) โดย NET

Framework เปนรปแบบในการพฒนาโปรแกรมคอมพวเตอรสมยใหม ซ งบรษทไมโครซอพทเปนผพฒนา ซง

คณสมบตท สาคญของ NET Framework กคอ ผใชงานสามารถใชงานบนระบบฮารดแวร (Hardware) หรอ

ระบบปฏบตการ (Operating System) ทแตกตางกนไดอยางไมมปญหา เชน เคร องพซกบเคร องแมคหรอ

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

คอมพวเตอรใหมๆ ไดโดยงาย รวดเรว และไมตองตดขอจากดตางๆ อยางเชนการเขยนโปรแกรมคอมพวเตอรใน

สมยกอนอกตอไป

4. เปนภาษาทแขงแกรง เพราะเปนภาษาทไดมการแกไขขอบกพรองบางอยางของภาษา Java ภาษา C

และ ภาษา C++ เหลานน ทาให ภาษา C# เปนภาษาทมความสมบรณตามแบบฉบบของโครงสรางแบบเชงวตถ

(object-oriented programming)

2.12.5 Python

ความเปนมา Python คอชอภาษาทใชในการเขยนโปรแกรมภาษาหนง ซงถกพฒนาขนมาโดยไมยดตด

กบแพลตฟอรม กลาวคอสามารถรนภาษา Python ไดทงบนระบบ Unix, Linux , Windows NT, Windows

2000, Windows XP หรอแมแตระบบ FreeBSD อกอยางหนงภาษาตว นเปน OpenSource เหมอนอยาง PHP

ทำใหทกคนสามารถทจะนำ Python มาพฒนาโปรแกรมของเราไดฟรๆโดยไมตองเสยคาใชจาย และความเปน

Open Source ทำใหมคนเขามาชวยกนพฒนาให Python มความสามารถสงขน และใชงานไดครบคมกบทก

ลกษณะงานไวยากรณของภาษา Python ภาษา Python นนถกพฒนาขนมาโดยมความตงใจวาจะใหเปนภาษาท

อานงาย มนถกออกแบบมาใหมโครงสรางทมองเหนไดโดยไมซบซอน โดยมกจะใชคำในภาษาองกฤษในขณะท

ภาษาอนใชเครองหมายวรรคตอน นอกจากน Python มขอยกเวนของโครงสรางทางภาษานอยกวาภาษา C และ

Pascal Python Interpreter Python interpreter นนเปนตวแปรภาษาของภาษา Python เพอใหสามารถรน

โค ด Python ได ซ ง ได ม าก บ ไลบราร ม าตรฐานท ส ามารถ ใช ง าน ได ฟร ซ ง ดาวน โหลด ได ท

https://www.python.org/ เปนโปรแกรมแบบ source และ binary สำหรบแพลตฟอรมทไดรบความนยม

นอกจากน Interpreter ยงสนบสนนการเขยนโปรแกรมกบ Interactive shell ซงเปนการเขยนโคดของภาษา

Python ลงไปและเหนผลลพธการทำงานของคำส งไดในทนท Python Interpreter นนยงสามารถนำเพม

ความสามารถกบฟงกชนใหมทถกพฒนามาจากภาษา C และ C++ Python นนเหมาะสำหรบเปนภาษาในการ

สราง Extension และแอพพลเคชนทปรบแตงได

ภาพท 2-9 ภาพประกอบของ python อางองจาก : https://www.9experttraining.com/articles/python

2.12.6 PHP

ความเปนมาPHP เปนภาษาสครปต ( Scripting Language ) คำสงตางๆ จะเกบในรปของขอความ

(Text)อาจเขยนแทรกอยภายในภาษา HTML หรอใชงานอสระกได แตในการใชงานจรงมกใชงานรวมกบภาษา

HTML ดงนนการเขยนโปรแกรมนตองมความรดานภาษา HTML เปนอยางด อยางไรกตามเราสามารถใชโปรแกรม

ประยกตมาชวยอำนวยความสะดวกในการสรางงานได เชน Macromedia Dreamweaver หรอโปรแกรม

ประเภท Editor เชน EditPlus ฯลฯ โปรแกรมเหลานจะชวยจำแนกคำ เชน คำสง คำทวไป ตวแปร ฯลฯ ใหมส

ตางกนเพอสะดวกในการสงเกต และมตวเลขบอกบรรทดทำใหสะดวกในการแกไข PHP คอ ภาษาคอมพวเตอร

Server-Side Script ซงใชในการจดทำเวบไซตและสามารถประมวลผลออกมาในรปแบบ HTML โดยมรากฐาน

โครงสรางคำสงมาจากภาษา ภาษาซ ภาษาจาวา และ ภาษาเพรล เปาหมายหลกของภาษาPHP คอใหนกพฒนา

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

(Rasmus Lerdorf) โดยเรมตนเขยนสครปต Perl CGI ใสไวในโฮมเพจประวตสวนตว และเหนวาการเขยน CGI

ดวย Perl มความยงยาก จงไดเขยนโปรแกรมขนใหมดวยภาษา C ทสามารถแยกสวนทเปนภาษาHTML ออกจาก

สวนทเปนภาษา C เพอแยกประมวลผล แลวทำการสรางโคด HTML ขนใหม โดยตงชอโปรแกรมนวา Personal

Home Page Tools (PHP-Tools) และไดเรมแจกจายโคดออกไปในลกษณะฟรแวร ตอมาจงไดเรมเปดใหผสนใจ

เขารวมปรบปรงและพฒนา จนกลายปนภาษา PHP ในปจจบน

ภาพท 2-10 ภาพประกอบของ php อางองจาก : https://medium.com/@sunzandesign/php

2.12.7 ภาษา C++

ความเปนมา C++ เปนภาษาคอมพวเตอรเพอวตถประสงคทวไป ซงสามารถเขยนโปรแกรมไดทงแบบ

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

หนวยความจำนอกจากนมนยงถกนำไปใชในการเขยนโปรแกรมแบบตางๆ มากมาย เชน โปรแกรมคอมพวเตอร

ระบบฝงตว (Embedded) เวบเซรฟเวอร การพฒนาเกม และแอพพลเคชนทตองการประสทธภาพอยางสงภาษา

C++ เปนภาษาทถกออกแบบมาในการเขยนโปรแกรมระบบ ซงมประสทธภาพและความยดหยนในการออกแบบ

โปรแกรมสง C++ เปนภาษาทตองคอมไพลกอนทจะนำไปใชงาน ซงสามารถพฒนาไดในหลายๆ แพลตฟอรม ซง

ไดร บการสนบสนนโดยองคกรตางๆ ท ประกอบไปดวย Free Software Foundation (FSF's GCC) LLVM

Microsoft Intel และ IBM

ภาษา C++ ใหเปนภาษาทเปนมาตรฐานโดย International Organization for Standardization (ISO) ซง

เวอรชนลาสดนนเผยแพรในธนวาคม 2014 คอ ISO/IEC 14882:2014 หรอทรจกกนในชอของ C++14 โดยท

ภาษา C++ ไดเรมกำหนดมาตราฐานครงแรกในป 1998 คอ ISO/IEC 14882:1998 ภาษา C++ ถกพฒนาโดย

Bjarne Stroustrup ท Bell Labs ตงแตป 1979 ซงในตอนแรกเปนสวนขยายของภาษา C โดยทเขาตองการทจะ

พฒนาภาษาทมประสทธภาพและยดหยนเหมอนกบภาษา C และยงมคณสมบตใหมทสงกวาสำหรบพฒนา

โปรแกรม

Bjarne Stroustrup นกวทยาศาสตรคอมพวเตอรชาวเดนมารก ไดสรางภาษา C++ ขนในป 1979 โดยเขา

เรมจาก "C with Classes" ซงเปนภาษากอนหนาของภาษา C++ แรงจงใจสำหรบการสรางภาษาใหมนนมตน

กำเนดมาจากประสบการณในการเขยนโปรแกรมสำหรบงานวจยในการศกษาระดบปรญญาเอกของเขา

ภาพท 2-11 ภาพประกอบของ C++ อางองจาก : http://marcuscode.com/lang/cpp/introductio

ภาษายอดนยมสำหรบการเขยนโปรแกรม

2.12.8 UX/UI คออะไร? สำคญตอการออกแบบเวบไซตอยางไร?

UX ยอมาจาก User Experience แปลเปนภาษาไทยไดวา “ประสบการณของผ ใชงาน” เปนสวนท

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

สามารถทราบ Feedback ไดจากกลมตวอยางททดลองใหใชสนคาหรอบรการ เพอใหนำมาพฒนาสนคาหรอ

บรการไดตอไป

UI ยอมาจาก User Interface แปลเปนภาษาไทยไดวา “สวนตดตอระหวางผใชกบระบบ” เปนสวนทเตมเตม

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

หรอ หมายถงหนาจอสำหรบผใชงาน เชน เทคนคการวางตวอกษรใหดโดดเดน ชองวางระหวางสวนประกอบตางๆ

เชน ปม Call to Action (CTA) ขนาดฟอนทของตวอกษร เปนตน

ความสำคญของ UX/UI

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

2. เขาถงขอมลไดงาย การออกแบบ UX จะชวยจดวางตำแหนงชองคนหาขอมล หรอ Search Engine ไดงายตอการมองเหน เชน ดานบนของเวบไซต ทำใหผใชใชงานไดดขน

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

4. ตอบสนองความตองการผใช เมอผใชมประสบการณการใชงานทด ผใชกอยากกลบมาใชงานเวบไซตของเราอก จดนจะทำใหเราไดเปรยบเวบไซตอนๆ ทไมไดออกแบบ UX และ UI

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

2.12.9 Responsive Web

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

ความเปนมาของ Responsive Web Design

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

ตอมาจงมการออกแบบเวบไซตสำหรบอปกรณมอถอทเรยกวา "Moblie" แยกออกมาจากเวบหลก โดยสงเกตไดจาก URL ของเวบไซตทมกขนตนดวย "m." (เชน m.example.com) หรอใช "/m/" หรอ "/mobile/" ตอทาย (เชน example.com/m/ หรอ example.com/mobile/) เปนตน

สำหรบในปจจบนนน อปกรณมถอแตละยหอแตละรนกมขนาดหนาจอทแตกตางกนไป รวมถงยงมแทบเลตเกดขนมาดวยอก การทำเวบไซตแยกสำหรบแตละอปกรณนนกไมใชทางแกทดนก เพราะตองเสยเวลาและงบประมาณในการทำเวบไซตอยางมาก ดวยเหตน จงไดเกดเทคนคการออกแบบเวบไซตเดยวใหรองรบท กอปกรณซงเรยกวา "Responsive Web Design" นนเอง

2.12.10 หลกการทำงานของ Responsive Web Design

การออกแบบเวบไซตแบบ Responsive น จะใชการกำหนดขนาดของเวบไซตดวย HTML, CSS3 และ JavaScript ซงจะสามารถปรบขนาดของเวบไซตไดอตโนมตตามขนาดของอปกรณทใชงานอย หนาเวบไซตจะมเพยง 1 URL เทานน ไมจำเปนตองแยกเวบไซตเปนเวอรชน Desktop และ Mobile อกตอไป

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

ขอเสยของ Responsive Web Design

อยางไรกตาม Responsive Web Design กยงมขอเสยอยบาง เนองจากการเขยนโคดเดยว ใหรองรบหลายๆ Devices จงอาจทำใหเกดปญหา เชน โทรศพทมอถอทมหนาจอขนาดเลก ถงแมเราจะซอนเนอหาบางสวนทไมจำเปนเอาไว เชน โฆษณา แตในบางเวบบราวเซอร ขอมลเหลานยงจะถกโหลดเขามาอย รวมไปถงเรองของ Image Resizing ทเราไมไดไปลด File Size ของตว Image จรงๆ ทำใหโทรศพทมอถอจำเปนตองโหลดรปเดยวกบรปทใชแสดงบน Desktop ทำใหเสยเวลาโดยไมจำเปน

2.12.11 เทคโนโลย Cloud

ในยคทอนเทอรเนตกลายเปนชองทางสำคญในการสอสารและเปนแพลตฟอรมททกองคกรตางเลอกใชในการดำเนนธรกจทงออนไลนและออฟไลนทเพมความไดเปรยบดานความรวดเรว สะดวกและเขาถงลกคาไดงาย และเมอมการใชขอมลจำนวนมาก ความตองการ “ทเกบ” ขอมลกมากขนเชนกน “คลงเกบขอมลนรภย” สำหรบเกบขอมลอเลกทรอนกส จงเปนทตองการของผใชงานอนเทอรเนตมากขน ดวยเหตน จงทำใหเกดการนำเอาเทคโนโลย Cloud Service ททำหนาทเสมอน “ทเกบขอมลนรภย” เขามาใหบรการแกผใชงานมากขน เชนในเมองไทย กมบรการทเรยกวา ibizCloud ของบรษท ซมโฟน คอมมนเคชน จำกด (มหาชน) ผใหบรการโครงสรางพนฐานโทรคมนาคมชนนำของเมองไทยเปนตน

ถาจะอธบายใหเหนภาพชดเจนขน Cloud Service คอ กอนเมฆทเราเปนเจาของ สามารถนำขอมลอเลกทรอนกสในรปแบบตางๆไปเกบไวบนกอนเมฆของเรา นนคอเราสามารถบรการจดเกบและบรหารขอมลดวยเทคโนโลย Cloud Computing ซงเปนเสมอน หมเมฆแหงคลงขอมลนนเอง บรการนมจดเดน 5 ประการหลก คอ

1. ความสะดวกสบาย เจากอนเมฆน จะเปนเสมอนคลงขอมลนรภย ททำหนาทจดเกบขอมลอยางเปนระบบ พรอมใชงานในทกโอกาส เพราะผใชงานไมตองพก external hard disk ยเอสบ แฟลชไดรฟ ใหหนกกระเปาอกตอไป เหมาะกบไลฟสไตลของคนยคใหมทตองการความคลองตวหรอผทตองเดนทางบอยๆ เนองจากจะเกบหรอนำขอมลมาใชงานเมอไหรกไดโดยไมตองใชอปกรณตางๆใหยงยาก

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

3. เขาถงไดทกท ทกเวลา นอกจากคณไมตองเสยเวลากบการดาวนโหลดแลว คณยงสามารถนำขอมลทฝากไวมาใชงานไดทกท ทกเวลา ไมวาจะอยในประเทศหรอตางประเทศ เพยงแคอยในพนททมสญญาณอนเทอรเนต การทำงานของคณกจะงายขน แถมยงใชงานไดทงระบบปฏบตการของคอมพวเตอรทกระบบและทกแพลตฟอรม ไมวาจะเปน แทบเลต สมารทโฟน คอมพวเตอรทบาน หรอแมคณจะนงอยหนาคอมพวเตอรบรการฟรในโรงแรมระหวางวนหยดสดสปดาหกตาม

4. วางใจได ในทกสถานการณวกฤต หากเกดเหตฉกเฉนหรอมเหตการณไมคาดฝน จนทำให คณไมสามารถเขาไปทำงานทออฟฟศได เชน เหตไฟไหม นำทวม ไฟดบ หรอแมแตเกดการจลาจล ไมวาจะในสถานการณใด คณ

กสามารถดงขอมลทฝากไวกบ Cloud Service มาใชไดทนทเพยงเชอมตออปกรณดวยสญญาณอนเทอรเนตหรอถายงเปนบรการ ibizCloud จากบรษทซมโฟนฯ ทจบมอกบพารทเนอรมออาชพอยาง ฮทชสน โกลบอลฯ บรษทดานการสอสารระดบโลก มารวมกนจดเกบขอมลสำคญของคณ ยงชวยใหคณวางใจในบรการนไดอยางมาก เพราะนอกจากจะมผเชยวชาญทคอยดแลและพรอมใหคำแนะนำ 24 ชวโมงแลว ยงมศนยปฏบตการเครอขายสำรอง DROC (Disaster Recovery Operation Center) ทคอยสำรองขอมลปรมาณมหาศาลของผใชงานในกรณทเกดภยพบตรายแรงทไมคาดคดใหคณอกดวย