6

บทท 2

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

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

เกยวกบอนเตอรเนต ความรเกยวกบ PHP และระบบฐานขอมล

2.1 ประวตความเปนมาของโรงเรยนบานหนองโนอดา

2.1.1 สภาพปจจบน

โรงเรยนบานหนองโนอดา สงกดสานกงานเขตพนทการศกษามหาสารคาม เขต1

สานกงานคณะกรรมการการศกษาขนพนฐาน กระทรวงศกษาธการกอตงเปนเอกเทศโดยตงอย หม

ท 1 บานหนองโน ตาบลหนองโน อาเภอเมอง จงหวดมหาสารคาม 44000 โดยม นายพระ แสน

พนจ เปนผอานวยการโรงเรยน มขาราชการครและบคลากรทางการศกษาทงสน 20 คน โดย

แบงเปนขาราชการคร 18 คน / พนกงานราชการ 1 คน และนกการภารโรง 1 คน เปดสอนตงแต

ระดบอนบาลศกษา ประถมศกษา และมธยมศกษาตอนตน จานวนนกเรยน 320 คน มหมบานใน

เขตบรการ 4 หมบาน สวนใหญประกอบอาชพเกษตรกรรม ปจจบนพนทสวนใหญ 70 % จะใช ทา

นา และทาสวน สภาเศรษฐกจอยในระดบปานกลาง การคมนาคมสะดวก ภาษาสวนใหญใช

ภาษาไทยอสาน

2.1.2 สภาพการดาเนนงานของสถานศกษา

วสยทศน (VISION)

โรงเรยนบานหนองโนอดา จดการศกษาไดมาตรฐานเปนทพอใจของผรบบรการ เนน

ความรคคณธรรม สงเสรม กจกรรมและการกฬา อยอยางสงาในสงคม อบรมพฒนาผเรยนใหเปน

มนษยทสมบรณและกาวทนสงคมโลก

7

พนธกจ (MISSION)

1. จดหลกสตรใหไดมาตรฐานเพอพฒนาผเรยนใหมความสมดลทงดานความร ความคด

ความสามารถ ความดงาม และความรบผดชอบตอสงคม

2. จดกจกรรมหลากหลาย เพอสงเสรมศกยภาพของนกเรยน

3. พฒนาสอ เทคโนโลยและแหลงเรยนร

4. พฒนาครและบคลากรของโรงเรยนใหมคณธรรม

5. ประสานกบผปกครองและชมชนใหเขามามสวนรวมในการจดการศกษา

และบคลากรของโรงเรยนใหมคณธรรม

เปาประสงค (GOALS)

1. นกเรยนมคณภาพ จรยธรรม ทจะอยในสงคมอยางมความสข

2. นกเรยนไดรบการพฒนาเตมตามศกยภาพ

3. นกเรยนรกการออกกาลงกาย ดแลตนเองใหมสขภาพและบคลกภาพทด

4. นกเรยนไดรบการศกษาอยางทวถงและมคณภาพการศกษาตามมาตรฐาน

2.2 อนเทอรเนต

ความหมายของอนเทอรเนต

อนเทอรเนต (Internet) เปนเครอขายคอมพวเตอรทมการเจรญเตบโตรวดเรวทสดและปจจบน

เปนเครอขายทใหญทสดในโลกเวบไซตซงเปนสวนสาคญของอนเทอรเนตสามารถนาเสนอขอมล

ในรปของสอประสม (multimedia) จานวนเวบไซตมอตราการเพมทรวดเรว นกวชาการและ

ผเชยวชาญไดวเคราะหแนวโนมของอนเทอรเนตและเวลดไวตเวบ (world Wide Web) ในอนาคตไว

ดงน (Shelly Gary,1997)

- หนวยงานธรกจจะใชเวบสาหรบการทาพาณชยอเลกทรอนกส (e-commerce)

- ภายในระยะเวลา 10 ปขางหนา เวบจะมความเรวถง 100-1,000 เทาเมอเทยบกบความเรวท

ใชอยในปจจบน

- ความสามารถของเวบเบราเซอรจะถกรวมเขาในซอฟตแวรประยกตแทบทกประเภท

- การใชเวบจะถกรวมเปนสวนหนงของการศกษาทกระดบ

- ความสามารถของโปรแกรมเพอการคนหาขอมล (Web search) จะมความฉลาดมากขน

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

สวนประกอบทสาคญอยางหนงในการดาเนนชวตประจาวน การทาธรกจตาง ๆ จะมการนา

อนเทอรเนตเชามาประยกตใช ไมวาจะเปนการใหขอมลขาวสาร หรอการทาธรกจและบรการ

8

สรปอนเทอรเนต

คอการสอสารขอมลและเครอขายคอมพวเตอร ไดอธบายความหมายของเครอขายคอมพวเตอร

(Computer networks) ซงหมายถงกลมของคอมพวเตอรทเชอมตอสอสารดวย ฮารดแวร เครอขาย

คอมพวเตอรตงแตสองเครอขายขนไปทเชอมตอกน จะเรยกวา internetwork หรอ internet (สงเกตวา

จะใช i ตวเลก) แตในภาษาองกฤษคาวา the Internet (ตว I ใหญ) จะหมายถงกลมของเครอขาย

คอมพวเตอรทวโลกทเชอมตอเขาดวยกน และอนญาตใหมการเขาถงสารสนเทศและการบรการใน

รปแบบของสาธารณะ (public access)

ประวตอนเตอรเนต

ความคดเรองเครอขายคอมพวเตอรเครอขายเดยวทสามารถใหผใชคอมพวเตอรตางระบบกน

สามารถสอสารกนไดนนไดมการพฒนาผานขนตอนหลายขนตอนดวยกน การหลอมรวมกนของ

การพฒนาเหลานนไดนาไปสเครอขายของเครอขายทงหลายทรจกกนในชอวา อนเทอรเนต การ

พฒนาเหลานนมทงในแงการพฒนาเทคโนโลยและการรวมโครงสรางพนฐานของเครอขายและ

ระบบโทรคมนาคมทมอยเดมเขาดวยกน

ความคดเรองนในครงแรก ๆ ปรากฏขนในปลายครสตทศวรรษ 1950 หากแตการนาแนวคด

เหลานไปปฏบตไดจรงนนเรมขนในปลายครสตทศวรรษ 1960 และ 1970 เมอถงครสตทศวรรษ

1980 เทคโนโลยซงนบไดวาเปนพนฐานของอนเทอรเนตสมยใหมนนไดเรมแพรหลายออกไปทว

โลก ในครสตทศวรรษ 1990 การมาถงของเวลดไวดเวบไดทาใหการใชอนเทอรเนตกลายเปนสงท

พบเหนไดทวไป

อนเทอรเนตในประเทศไทย

ประเทศไทยใชอนเท อรเนตอยางสมบรณแบบใน พ .ศ. 2534 โดยจฬาลงกรณมหาวทยาลย ได

เชาสายเปนสายความเรวสงตอเชอมกบเครอขาย UUNET ของบรษทเอกชนทรฐเวอรจเนย ประเทศ

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

และมหาวทยาลยอสส มชญบรหารธรกจ ไดขอเชอมตอผานจฬาลงกรณมหาวทยาลย และเรยก

เครอขายนวา “ไทยเนต” (THAInet) นบเปนเกตเวย (Geteway) แรกสเครอขายอนเทอรเนตสากล

ของประเทศไทย

ในป พ.ศ.2535 ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต (NECTEC:National

Electronic and Computer Technology Center) ไดจดตงกลมเครอขายประกอบดวยมหาวทยาลยอก

9

หลายแหง เรยกวา เครอขาย “ไทยสาร” ตอเชอมกบเครอขาย UUNET ดวยนบเปน Gateway ส

เครอขายอนเทอรเนตแหงทสอง

ตอมาในป พ .ศ .2537 ความตอง การในการใชอนเท อรเนตจากภาคเอกชนมมากขน

การสอสารแหงประเทศไทย (CAT) จงไดรวมมอกบเอกชน เปดบรการอนเตอรเนตสวนบคคล

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

เรยกวา “ผใหบรการอนเทอรเนต” หรอ ISP (Internet Service Provider)

2.2.1 การทางานของอนเทอรเนต

การสอสารขอมลดวยคอมพวเตอรจะมโปรโตคอล (Protocol) ซงเปนระเบยบวธการ

สอสารทเปนมาตรฐานของการเชอมตอกาหนดไว โปรโตคอลทเปนมาตรฐานสาหรบการเชอมตอ

อนเทอรเนต คอ TCP/IP(Transmission Control Protocol/Internet Protocol)

เครองคอมพวเตอรทกเครองทเชอมตอเขากบเครอขายอนเทอรเนตจะตองมหมายเลข

ประจาเครอง ทเรยกวา IP Address เพอเอาไวอางองหรอตดตอกบเครองคอมพวเตอรอนๆ ใน

เครอขาย ซง IP ในทนกคอ Internet Protocol ตวเดยวกบใน TCP/IP นนเอง IP address ถกจดเปน

ตวเลขชดหนงขนาด 32 บต ใน 1 ชดนจะมตวเลขถกแบงออกเปน 4 สวน สวนละ 8 บตเทาๆ กน

เวลาเขยนกแปลงใหเปนเลขฐานสบกอนเพอความงายแลวเขยนโดยคนแตละสวนดวยจด (.) ดงนน

ในตวเลขแตละสวนนจงมคาไดไมเกน 256 คอ ตงแต 0 จนถง 255 เทานน เชน IP address ของ

เครองคอมพวเตอรของสถาบนราชภฎสวนดสต คอ 203.183.233.6 ซง IP Address ชดนจะใชเปนท

อยเพอตดตอกบเครองคอมพวเตอรอนๆ ในเครอขาย

2.2.2 โดเมนเนม (Domain name system: DNS)

เนองจากการตดตอสอสารกนกนในระบบอนเทอรเนตใชโปรโตคอล TCP/IP เพอสอสาร

กน โดยจะตองม IP address ในการอางองเสมอ แต IP address นถงแมจะจดแบงเปนสวนๆ แลวกยง

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

เปนเรองยาก และอาจสบสนจาผดได แนวทางแกปญหาคอการตงชอหรอตวอกษรขนมาแทนท IP

address ซงสะดวกในการจดจามากกวา เชน IP address คอ 203.183.233.6 แทนทดวย

ชอ dusit.ac.th ผใชงานสามารถ จดจาชอ dusit.ac.th ไดงายกวา การจาตวเลข

10

โดเมนทไดรบความนยมกนทวโลก ทถอวาเปนโดเมนสากล มดงน คอ

.com ยอมาจาก commercial สาหรบธรกจ

.edu ยอมาจาก education สาหรบการศกษา

.int ยอมาจาก International Organization สาหรบองคกรนานาชาต

.org ยอมาจาก Organization สาหรบหนวยงานทไมแสวงหากาไร

.net ยอมาจาก Network สาหรบหนวยงานทมเครอขายของ ตนเองและทาธรกจ

ดานเครอขาย

2.2.3 การขอจดทะเบยนโดเมน

การขอจดทะเบยนโดเมนตองเขาไปจะทะเบยนกบหนวยงานทรบผดชอบ ชอโดเมนทขอ

จดนนไมสามารถซากบชอทมอยเดม เราสามารถตรวจสอบไดวามชอโดเมนนนๆ หรอยงไดจาก

หนวยงานทเราจะเขาไปจดทะเบยน การขอจดทะเบยนโดเมน ม 2 วธ ดวยกน คอ

1. การขอจดะเบยนใหเปนโดเมนสากล (.com .edu .int .org .net ) ตองขอจด

ทะเบยนกบ www.networksolution.com ซงเดม คอ www.internic.net

2. การขอทดทะเบยนทลงทายดวย .th (Thailand) ตองจดทะเบยน

กบ www.thnic.net

โดเมนเนมทลงทาย ดวย .th ประกอบดวย

.ac.th ยอมาจาก Academic Thailand สาหรบสถานศกษาในประเทศไทย

.co.th ยอมาจาก Company Thailand สาหรบบรษทททาธรกจในประเทศไทย

.go.th ยอมาจาก Government Thailand สาหรบหนวยงานตางๆ ของรฐบาล

.net.th ยอมาจาก Network Thailand สาหรบบรษทททาธรกจดานเครอขาย

.or.th ยอมาจาก Organization Thailand สาหรบหนวยงานทไมแสวงหากาไร

.in.th ยอมาจาก Individual Thailand สาหรบของบคคลทวๆ ไป

2.2.4 อนเทอรเนตมกาเนดมาอยางไร

อนเทอรเนตมกาเนดมาจากเครอขายในประเทศสหรฐอเมรกา ชอโดเมนระดบบนสดใน

ยคแรก จงมกลมเครอขายทใชงานอย 6 กลมดวยกน เมออนเทอรเนตขยายตวออกไปทวโลกจงตองม

การจดสรรชอโดเมนใหแตละประเทศ การกาหนดชอโดเมนระดบบนสดประจาประเทศใชอกขระ

ยอสองตว

11

2.2.4.1 Organization Domains เปดโดเมนเนมระดบสงสดซงแสดงถงองคการหรอ

หนวยงาน

com = เปนเครอขายองคการเอกชน

edu = เปนเครอขายหนวยงานการศกษาหรอมหาวทยาลย

gov = เปนเครอขายงานภาครฐบาล

mil = เปนเครอขายงานทางทหาร

net = เปนเครอขายผใหบรการอนเทอรเนต (ISP)

org = เปนเครอขายองคการทมไดมงหวงผลกาไร

2.2.4.2 Geographical Domains เปนโดเมนเนมระดบสงสดแบงตามลกษณะภมศาสตร

หรอแบงตามประเทศ

fr = ฝรงเศส

gr = กรก

hk = ฮองกง

id = อนโดนเซย

it = อตาล

jp = ญปน

kr = เกาหลใต

lk = ศรลงกา

nz = นวซแลนด

th = ไทย

uk = สหราชอาณาจกร (องกฤษ)

us = สหรฐอเมรกา

2.2.5 โดเมนเนมในประเทศไทย

ในประเทศไทยใช .th เปนโดเมนประจาประเทศ โดยมโดเมนยอย 5 โดเมนไดแก โดเมน

กลม

or = องคกรไมแสวงผลกาไร

ac = สถาบนการศกษา

go = หนายงานราชการ

12

co = หนวยงานภาคเอกชน

net = องคการใหบรการเครอขาย

2.2.6 การเชอมตออนเทอรเนตแบบใชสาย (Wire Internet)

การเชอมตออนเทอรเนตรายบคคล (Individual Connection) คอ การเชอมตออนเทอรเนต

จากทบาน (Home user) ซงยงตองอาศยคสายโทรศพทในการเขาสเครอขายอนเทอรเนต ผใชตอง

สมครเปนสมาชกกบผใหบรการอนเทอรเนตกอน จากนนจะไดเบอรโทรศพทของผใหบรการ

อนเทอรเนต รหสผใช (User name) และรหสผาน (Password) ผใชจะเขาสระบบอนเทอรเนตไดโดย

ใชโมเดมทเชอมตอกบคอมพวเตอรของผใชหมนไปยงหมายเลขโทรศพทของผใหบรการ

อนเทอรเนต จากนนจงสามารถใช งานอนเทอรเนตได ดงรป

ภาพท 2-1 แสดงการเชอมตออนเทอรเนต

2.3 เทคโนโลยเกยวกบการแสดงขอมลบนอนเทอรเนต

2.3.1 เวบเพจ (Web Page)

Web Page หมายถง แตละหนาของเวบไซต อาจประกอบดวย ขอความ ภาพ(ภาพนง

หรอภาพเคลอนไหว) เสยง วดโอ และลงค(Link) หรอการเชอมโยงระหวางหนาเวบเพจ

สวนประกอบของเวบเพจทสาคญ มดงน

1. ขอความ (Text) ไดแก ตวอกษร ตวเลข ซงอาจเปนภาษาองกฤษ ไทย หรอภาษา อน ๆ ก

ได

13

2. กราฟก (Graphics) ไดแก ภาพวาดและรปภาพตาง ๆ

3. มลตมเดย (Multimedia) ไดแก ภาพเคลอนไหว ภาพวดทศน เสยง

4. ลงก (Link) ขอความหรอรปภาพทมลกษณะพเศษ ซงสามารถเชอมโยงไปยง เวบเพจ

อน ๆ ได เราสามารถตรวจสอบไดวาสวนใดเปนลงคโดยนาเมาสไปนสญลกษณเมาสจะเปลยนเปน

มอ? แสดงวาสวนนนเปนลงก

2.3.2 เวบบราวเซอร (Web Browser)

Web Browser หรอ โปรแกรมคนดเวบ หรอโปรแกรมคอมพวเตอร ทผใชสามารถด

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

ในการตดตอกบเครอขายอนเทอรเนต ปจจบนมบราวเซอรหลายโปรแกรม เชน Internet Explorer,

Mozilla Firefox เปนตน ประโยชนของเวบบราวเซอร คอ สามารถดเอกสารภายในเวบเชรฟเวอรได

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

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

ปจจบน

2.3.3 เวบไซต (Web Site)

Web Site คอ แหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ เชน ภาพ เสยง

ขอความ ของแตละบรษทหรอหนวยงานโดยเรยกเอกสารตาง ๆ เหลานวา เวบเพจ (Web Page) และ

เรยกเวบหนาแรกของแตละเวบไซตวา โฮมเพจ (Home Page) หรออาจกลาวไดวา เวบไซตกคอเวบ

เพจอยางนอยสองหนาทมลงก (Links) ถงกน ตามหลกคาวา เวบไซตจะใชสาหรบผทมคอมพวเตอร

แบบเซรฟเวอรหรอจดทะเบยนเปนของตนเองเรยบรอยแลวเชน www.google.co.th ซงเปนเวบไซต

ทใหบรการสบคนขอมลเปนตน

2.4 การตดตอสอสารบนอนเทอรเนต

คอมพวเตอรทใชเชอมตอกนเปนเครอขายอนเตอรเนตมานน จะตดตอสอสารกนดวยมาตรฐาน

วธการตดตอสอสารกเหมอนกน การตดตอสอสารดงกลาว เรยกในภาษาคอมพวเตอรวา โปรโตคอล

การ ตดตอสอสารกบคอมพวเตอรสองเครอง หรอหลายเครองกเปรยบเสมอนการตดตอกบคนสอง

คน สงจาเปน ระหวางการตดตอสอสาร หากคนสองคนยนอยดวยกนกใชวธพด เปนวธการ

ตดตอสอสาร แตหากยนหาง กนออกไปวธการตดต อสอสารกจะเปลยนไป เชนวธการโบกไมโบก

มอแทนวธการตดตอสอสาร กลาวคอโปรโตคอลจะตดตอสอสารของคนนนเอง

14

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

มการคดคนมาจากหลายฝายทวโลก แตเมอเครองคอมพวเตอรจากทวโลก จะตองมาเชอมตอกนเปน

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

โปรโตคอลทใชในงานอนเตอรเนตนนมอยดวยกนหลายชนด แตชนดทใชงานเปนหลกคอ

โปรโตคอลT CP/IP ปจจบนการตดตอสอสารในอนเทอรเนตทนยมมอยหลายรปแบบดงน

2.4.1 จดหมายอเลกทรอนกส หรอ ไปรษณยอเลกทรอนกส (Electronic mail )

คอวธการในการเขยนสงหรอขอความผานทางการเครอขายเชอมโยงระบบ

อเลกทรอนกส คาวา อเมลใชใน 2 ความหมาย รวมถงการสงขอความผานระบบอนเทอรเนต โดย

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

มาตรฐานทตางกนนออกไป

ภาพท 2-2 แสดงหนาจอการตดตอสอสารแบบจดหมายอเลกทรอนกส

15

นอกจากตวอยางผใหบรการอเมล hotmail แลวยงมผใหบรการอเมลอนๆ ทไดรบความนยม ไดแก

- Yahoo! ผใหบรการอเมลจากไมโครซอฟท

- Thaimail ผใหบรการอเมลจากไทยเมล

- America Online ผใหบรการอเมลจาก www.aol.com โดงดงเปนทนยมของคน

อเมรกา

- Gmail ผใหบรการจาก Google

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

จดทาไวให เพราะวา user name จะเปน “P” และตามดวย เลขประจาตวแตละคน

เดมสามารถสมครไดผานอนเทอรเนต แตปจจบนตองยนเรองขอททางเขต หรอ

อาเภอ

2.4.2 เทลเนต (Telnet)

เทลเนต (Telnet) คอ โปรแกรมทใชตดตอเขาไปทางานในเครองบรการทตดตง

ระบบปฏบตการ Unix หรอ Linux มาตงแตยคแรก แตในปจจบนการใชโปรแกรมนเรมลดลง เพราะ

มจดบกพรองเรองความปลอดภย ถาผไมหวงดนาโปรแกรมประเภท Sniffer ไปประมวลผลใน

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

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

จดหมายอเลกทรอนกส วธแกไขคอใชโปรแกรม SSH (Secure Shell) ซงเขารหสขอมลกอนสง ทา

ใหผลกลอบไมสามารถเหนขอมลทแทจรง ปจจบนระบบปฏบตการ Unix หรอ Linux จะมบรการ

SSH เสมอ แตเครองของผใชทตองการตดตอเครองบรการ จาเปนตองมโปรแกรม SSH client ตดตง

ไว

บรการนคอการอนญาตใหผใชตดตอเขาไปยงเครองบรการ ไดเสมอนนงอยหนาเครอง เชน

ตรวจสอบผใช แกปญหาบางประการ อาน e-mail ดวย Pine หรอใชเปนเครองคอมพวเตอรตนทาง

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

จากเครองคอมพวเตอรทใช telnet จงมการพฒนา SSH ททางานไดคลาย telnet แตมการเขารหส

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

ทดสอบ พบวาผใหบรการ e-mail สวนหนงในปจจบน ยงไมปองกนปญหาน ผใหบรการทปองกน

แลวเชน Hotmail.com หรอ Yahoo.com โดยมตวเลอกสาหรบความปลอดภยทสงขน

16

2.4.3 เอฟทพ (File Transfer Protocal:FTP)

FTP คอ รปแบบการสงหรอรบไฟลระหวางเครองคอมพวเตอรทเปนลกขาย “Client”

กบเครองคอมพวเตอรทเปนแมขาย หรอโฮสตง(Hosting) หรอ เซรฟเวอร(Server) โดยการเขาใช

งาน FTP นน ผใชตองเปนสมาชกและมชอผเขาใช (User) และรหสผเขาใช (Password) สวนมากมก

ใชโปรแกรมสาเรจรปเพอตดตอกบเซรฟเวอร เชน โปรแกรม Cute FTP และ WS FTP เปนตน

ภาพท 2-3 แสดงการทางานของการรบสงขอมล FTP

2.5 World Wide Web หรอ WWW

เวลดไวดเวบ บรการขอมลขาวสารแบบสอผสม ทเปนจดดงดดใหผคนสวนใหญ เขามา ใช

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

รายละเอยดในเรองตาง ๆ ไดอยางสมบรณแบบเกอบทกเรอง สามารถเชอมโยงไปยงแหลงตาง ๆ ได

อยางไรขดจากด ใชงานงาย สะดวกและรวดเรว ทาใหประหยดเวลา สามารถเหนไดทงภาพ และ

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

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

กระดาษ หรอบนสออเลกทรอนกสอน ๆ เวลดไวดเวบ จงเปนตนเหตสาคญ ทาให สถตการใช

อนเทอรเนตของผคนทวโลก เพมขนอยางรวดเรวรวดเรว

17

2.5.1 เวลดไวดเวบ คออะไร

เวลดไวดเวบ (World Wide Web หรอ WWW หรอ W3 หรอ Web) คอ บรการคนหรอ

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

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

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

อยท วโลก

2.5.2 จดเรมตนของเวลดไวดเวบ

ป ค.ศ. 1990 ทม เบอรเนอรส-ล (Tim Berners-Lee) แหงสถาบน CERN (CenterEuropean

pour la Recherche Nucleaire) แหงกรงเจนวา ประเทศสวตเซอรแลนด (เวบไซตของ CERN ตดตอท

www.cern.ch)ไดคดคนวธการถายทอดเอกสารขอมลทอยในแบบไฮเปอรเทกซ ( hypertext)ซงเปน

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

นาเสนอผานทางระบบเครอข ายอนเทอรเนต เอกสารแบบไฮเปอรเทกซน เขยนขนดวย

ภาษาคอมพวเตอรทพฒนาขนใหม เรยกวาภาษา HTML (Hypertext Markup Language) เอกสาร

ขอมลทเขยนขนดวยภาษา HTML น ตองใชโปรโตคอลแบบพเศษ ชอ HTTP(Hypertext Transport

Protocol) ชวยในการสอสาร แ ละรบสงขอมลขณะเรยกใชบรการเวลดไวดเวบ ในระบบ

อนเทอรเนต ในป ค.ศ. 1993 สถาบน NCSA (National Center for Supercomputing Application)

แหงมหาวทยาลยอลลนอยส ไดพฒนาโปรแกรมทเรยกวา เวบบราวเซอร (web browser) ชอMosaic

ขนมา ทาหนาทแปลคาส งและขอมลทอยในรปของเอกสาร HTMLใหแสดงทหนาจอเครอง

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

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

จากนนมา บรษทซอฟแวรชนนาตาง ๆ จงเรมพฒนาโปรแกรมเวบบราวเซอรอน ๆออกจาหนายจาย

แจก แกผใชบรการอนเทอรเนตจานวนมาก ทาใหผใชสามารถเลอกหาโปรแกรม เวบบราวเซอร มา

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

ความสามารถอน ๆดวย เชน บรการสอสารดวย E-mail การคนขอมลแบบ Gopher การถายโอนไฟล

ดวย ftpเปนตน โปรแกรมเวบบราวเซอร ไดเปลยนโฉมหนา การใช บรการอนเทอรเนตในแบบเกา

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

อนเทอรเนตไดงายกวาเดมมาก

18

2.6 เวบเชรฟเวอร (Web Server)

เครองคอมพวเตอรทมประสทธภาพสงทาหนาทเปน Server ใหบรการ World Wide Web

(WWW) หรอทรจกกนวาHomepage Web server คอ บรการ HTTP (Hyper Text Transfer Protocol)

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

http://www.tutor-tan.com หรอ http://localhost เปนตน เครองบรการ ทรองรบคารองขอจาก Web

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

นยม ใหนามาเปดบรการ Web คอ Apache Web Server หรอ Microsoft Web Server

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

บราวเซอร (Web Browser) ทรองขอขอมลผานโปรโตคอลเฮชททพ (HTTP = Hyper Text Transfer

Protocol) เครองบรการจะสงขอมลใหผรองขอในรปของขอความ ภาพ เสยง หรอสอผสม เครอง

บรการเวบเพจมกเปดบรการพอรท 80 (HTTP Port) ใหผรองขอไดเชอมตอและนาขอมลไปใช เชน

โปรแกรมอนเทอรเนตเอกโพเลอร (Internet Explorer) หรอฟายฟรอก (FireFox Web Browser) การ

เชอมตอเรมดวยการระบทอยเวบเพจทรองขอ (Web Address หรอ URL = Uniform Resource

Locator) เชน http://www.google.com หรอ http://www.thaiall.com เปนตน โปรแกรมทนยมใชเปน

เครองบรการเวบ คอ อาปาเช (Apache Web Server) หรอไมโครซอฟทไอไอเอส (Microsoft IIS =

Internet Information Server) สวนบรการทนยมตดตงเพม เพอเสรมความสามารถของเครองบรการ

เชน ตวแปลภาษาสครปต ระบบฐานขอมล ระบบจดการผใช และระบบจดการเนอหา เปนตน

2.6.1 การใชงาน (Web Server)

เมอผใชปอนยอารแอล (URL) ในโปรแกรมเวบเบราวเซอร เชน IE, Firefox, Google

chome เครองไคลแอนทจะแปลงชอโฮสต ภายในยอารแอลเปนไอพแอดเดรสเครองไคลแอนท

ตดตอกบเครองเวบเซรฟเวอร โดยปรกตจะใชโพรโทคอล TCP พอรต 80เมอทาการเชอมตอเสรจ

จะใชโพรโทคอล HTTP ในการเรยกใชขอมลทตองการ ซอฟตแวร หรอ โปรแกรมทนามาทา เวบ

เซรฟเวอรทไดรบความนยมสงสด 4 อนดบแรก คอ

Apache HTTP Server จาก Apache Software Foundation

Internet Information Server (IIS) จากไมโครซอฟท

Sun Java System Web Server จากซน ไมโครซสเตมส

Zeus Web Server จาก Zeus Technology

19

2.6.2 เครองเวบเชรฟเวอร

เครองเวบเชรฟเปนเครองมอคอมพวเตอรแมขายททาหนาทใหบรการเอกสาร HTML ซง

ประกอบไปดวย ขอความ รปภาพ เสยง และสวนประกอบพนฐานของเวบเพจ ปจจบนเครองเวบ

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

เครองอาศยระบบปฏบตการตาง ๆ เชน ระบบยนกส (Unix) และระบบวนโดวส 2003 เชรฟเวอร

(Windows 2003 Server) เปนตน

เครองคอมพวเตอรเชรฟเวอรเหลานจาเปนตองอาศยโปรแกรมประเภทเวบเชรฟเวอร (Web

Server) ทงนเพอจาลองตนเองเปนเครองเวบเชรฟเวอร (Web Server)

2.6.3 โปรแกรมเวบเชรฟเวอร (Web Server Application)

Web Server Application คอโปรแกรมททาหนาทชวยใหเครองเวบเชรฟเวอรสามารถ

บรการเวบเพจใหกบผขอใชบรการ (Client) โดยอาศย HTTP เปนโพรโทคอลในการสอสารขอมล

ปจจบนมโปรแกรมทเปน Web Server ใหเลอกใชงานหลายโปรแกรม เชน Internet Information

Server (IIS), Jrun Server , ColdFusion MX Server Enterprise, Apache และ IBM Webshpere เปน

ตน บางโปรแกรมสามารถดาวนโหลดมาใชงานไดโดยไมเสยคาใชจายใด ๆ

2.7 ภาษาสาหรบพฒนาเวบไซต (Web Programming Language)

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

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

ภาษาทนยมใชงานมรายละเอยดดงน

2.7.1 ภาษาเอชทเอมแอล (HTML)

ภาษา HTML เปนภาษาทใชควบคมการแสดงขอความ รปภาพ และเสยงผาน

อนเทอรเนต ซงอาศยโพรโทคอล HTTP (Hyper Text Transfer Protocol ) ปจจบนไดรบการพฒนา

ใหมความยนหยนและสามารถแสดงขอมลในลกษณะไดนามกส หรอเรยกกนวา Dynamic HTML

(Dynamic หมายถงการเคลอนทหรอพลวต) โดยนา CSS และภาษาสครปตตาง ๆ มาผสมผสานเขา

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

ทนทวงทแลว ยงลดภาระการทางานฝงเชรฟเวอรไดอยางมประสทธภาพอกดวย

การเขยนโคด HTML โปรแกรมเมอรสามารถเลอกใชโปรแกรมประเภท Text Editro ได

เชน โปรแกรม Notpad, MS-Word และ WordPad เปนตน นอกจากนยงใชโปรแกรมประเภท

20

HTML Editor หรอเรยกอกอยางหนงวา “Web Editor” จดการกบคาสงของ HTML ได โปรแกรม

FrontPage, HomeSite และ Dreamweaver เปนตน ซงไฟลทเปนเอกสาร HTML จะมสวนขยาย

(นามสกล) เปน .HTML หรอ .HTM

2.7.2 Dynamic HTML หรอ DHTML

DHTML จะอาศย DOM (Document Object Module), สไตลชต (Style Sheet) และภาษา

สครปต (Script Language) เชน JavaScript หรอ VBScript เปนตน โดยนาเทคโนโลยดงกลาวมา

ทางานรวมกน โดยท “DOM” จะทาหนาทกาหนดรายละเอยดทกสวนในเวบเพจใหเปนวตถ สงผล

ใหสามารถเปลยนแปลงคณสมบต (Property) เชน ส ขนาด ของวตถ เหลานนไดงายยงขน

สวนสไตลชส (Style Sheet) ทาหนาทกาหนดคณลก ษณะเฉพาะของเอกสารเวบเพจ

สไตลชตทใชในเวบเพจ เรยกวา “CSS (Cascading Style Sheet)” เชน สของพนหลง รปภาพ สของ

ลงค ชอฟอนต และขนาดของฟอนต เปนตน

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

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

เปนวตถอนเมอผใชนาเมาสไปวางไวบนวตถนนๆ

2.7.3 ภาษา XML และ WML

XML (Extensible Markup Language) เปนภาษาทสามารถแบงปนขอมลในฐานขอมลท

เกบอยในเซรฟเวอรไดเปนอยางด และสามารถสรางแทก (Tag) ขนใชงานเอง และยงชวยให

เซรฟเวอรสามารถสงรายการขอมลไปฝง Client ได เมอ Client ตองการเรยกขอมลเดมขนมาดอก

ครง ไมจาเปนตองยอนกลบไปเรยกจากเซรฟเวอรอก เพราะเครอง Client มไฟลขอมลนอยเดมแลว

ทาใหการแสดงผลไดรวดเรวมากขน

สาหรบการสรางเวบเพจดวยภาษา XML จะตองสรางสไตลชตขนใชงานควบคกนไปดวย

สไตลชตของเพจ XML เปนไฟลทเขยนดวยภาษา “XSL (extensible Style sheet Language)” โดยใช

เกบคาคณสมบตตางๆ ของ Object ซงไฟลสไตลชตทเขยนขนนจะถกสงไปพรอมกบเวบเพจทถก

เรยกใชเสมอ

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

ไดเปนอยางด เชน เครองปาลม โทรศพทมอถอ เปนตน เนองจากไฟล XML เปนไฟลทไมไดเกบคา

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

21

ของ XML) ดงนน ไฟล XML จงเปนไฟลสวนกลางทนาไปปรบคาการแสดงผลใหเขากบจอภาพ

ประเภทตางๆ ไดมากมาย

สาหรบภาษา WML (Wireless Markup Language) เปนภาษาทใชสรางเวบเพจ แสดงผล

บนเวบบราวเซอร (Web Browser) ขนาดเลกทเรยกวา “Micro browser” อยในอปกรณสอสารไรสาย

ตางๆ ภาษา WML ตดตอสอสารผาน โพรโทคอล “WAP (Wireless Application Protocol)” สวน

HTML ใชโพรโทคอล HTTP

2.7.4 ซจไอ (Common Gateway Interface: CGI) และภาษาเพรล (Perl)

กลไกการทางานของเวบเซรฟเวอรจะเปนการตดตอสอสารแบบ 2 ชองทาง โดยการ

สงผานขอมลจะตองผานโปรแกรมตวกลางทเรยกวา ซจไอ “CGI (Common Gateway Interface)”

ซงเปนวธการมาตรฐานทเซรฟเวอรสามารถโตตอบกบผใชได สวนภาษาโปรแกรมมงทนยมใช

เขยน CGI ไดแก Perl, C/C++, TCL, Python หรอ Shell Script เปนตน

การนา CGI มาใชงานยงมขอจากด เชน ไมสามารถโตตอบกบผใชไดอยางทนท เพราะ

ตองสงคารองขอไ ปยงเครองเซรฟเวอรกอน และประมวลผล เครองเซรฟเวอรจงสงขอมลคาตอบ

หรอผลลพธกลบมาอท การสงขอมลไปประมวลผลทเครองเซรฟเวอรนน หากมผใชเปนจานวนมาก

ขอมลทสงยอนกลบมายงผรองขออาจตองใชเวลานานขนไปดวย

การรกษาความปลอดภยของเ ครองเซรฟเวอร หากเกดปญหาขนกจะสงผลกระทบไปยง

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

ไปประมวลผลทเครองเซรฟเวอรแบบ CGI อาจตองไดรบการอนญาตจากผดแลระบบ

(Administrator) ของศนยบรการอนเ ตอรเนตนนๆ กอน ซงเปนขอจากดอนหนงทคอนขางยงยาก

พอสมควรดวยขอจากดของ CGI ทมอยเปนจานวนมาก จงไดมการพฒนาโปรแกรมเสรมเพอเพม

ขดความสามารถใหกบภาษา HTML ใหสามารถประมวลผลเองได โดยอาศยโปรแกรมประเภท

“ปลกอน (Plug ins)” ททางานรวมกบเวบบราวเซอรไดเปนอยางด เชน Act ice X Control และยงม

ขอจากดอกมากมาย เชน ความตองการทหลากหลายของผพฒนา จงจาเปนตองใชภาษาสครปต

(Script) ควบคมากบการพฒนาโปรแกรมเวบบราวเซอรใหกลายเปนซเปอรเวบบราวเซอร

2.7.5 ภาษาสครปต (Script Languages)

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

อนเทอรเนต ถงแมวาจะสามารถนาแทก (Tag) ของภาษา HTML มาจดการไดกตาม แตหากตองการ

22

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

ภาษาสครปต

ภาษาสครปตอาจเขยนรวมอยกบไฟล HTML หรออาจแยกออกมาตางหากกได ขนอยกบ

กลไกการทางานวาจะอยฝงเซรฟเวอร (Server Side) หรอฝงไคลเอนต (Client Side) หากใชภาษา

สครปตทางานบนเซรฟเ วอรไฟลนามสกลทไดจะไมอยในรปแบบ .htm หรอ .html แตอาจจะเปน

อยางอนแทน เชน .asp, .shthl เปนตน แตหากใชภาษาสครปตบนฝงไคลเอนต กจะชวยลดภาระการ

ทางานของเซรฟเวอรใหนอยลง เชน การจดการฟอรม รปภาพ ภาพเคลอนไหว และเมนนาทาง

สาหรบภาษาสครปตทนยมใช ไดแก JavaScript, VBScript, Internet Explorer เปนตน

การเลอกใชผพฒนาตองพจารณาตามความเหมาะสม เนองจากภาษาสครปตบางอยาง

ทางานบนฝงไคลเอนต บางอยางทางานบนฝงเซรฟเวอรหรอไดทงสองฝง รวมทงการใชรปแบบ

ของคาสง หรอแมแตการรองรบการทางานบนโปรแกรมเวบบราวเซอร ตวอยางเชน คาสงของภาษา

VBScript จะใชไดกบเฉพาะโปรแกรม Internet Explorer เทานน เปนตน

2.8 ฐานขอมล

ฐานขอมล (Database) หมายถง กลมของขอมลทถกเกบรวบรวมไวโดยมความสมพนธซงกน

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

แฟมขอมลนนกคอ การเกบขอมลในฐานขอมลนนเราอาจจะเกบทงฐานขอมลโดยใชแฟมขอมล

เพยงแฟมขอมล เดยวกนไดหรอจะเกบไวในหลาย ๆ แฟมขอมล ทสาคญคอจะตองสราง

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

ออกและเกบแฟมขอมลเหลานไวทศนยกลางเพอทจะนาขอมลเหลานมาใชรวมกน ควบคมดรกษา

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

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

ๆ จะสรางฐานขอมลไวเพอนกบขอมลตาง ๆ ของตวองคกร โดยเฉพาะอยางยงขอมลในเชงธรกจ

เชน ขอมลของลกคา ขอมลของสนคา ขอมลของลกจาง และการจางงาน เปนตน การควบคมดแล

การใชฐานขอมลนน เปนเรองทยงยากกวาการใชแฟมขอมลมาก เพราะเราจะตองตดสนใจวา

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

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

ของขอมลทงหมดได เพอเปนการลดภาระการทางานของผใช จงไดมสวนของฮารดแวรและ

โปรแกรมตาง ๆ ทสามารถเขาถงและจดการขอมลในฐานขอมลนน เรยกวา ระบบจดการฐานขอมล

หรอ DBMS (database management system) ระบบจดการฐานขอมล คอ ซอฟตแวรท

23

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

ชวยใหผใชเขาถงขอมลไดงาย สะดวกและมประสทธภาพ การเขาถงขอมลของผใชอาจ เปนการ

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

เกยวกบรายละเอยดภายในโครงสรางของ ฐานขอมล เปรยบเสมอนเปนสอกลางระหวางผใชและ

โปรแกรมตาง ๆ ทเกยวของกบการใชฐานขอมล

2.8.1 ความสาคญของระบบฐานขอมล

การจดขอมลใหเปนระบบฐานขอมลทาใหขอมลมสวนดกวาการเกบขอมลในรปของ

แฟม ขอมลเพราะการจดเกบขอมลในฐานขอมลและมสวนสาคญกวาการจดเกบขอมลในรปของ

แฟม ขอมลดงน

- ลดการเกบขอมลทซ าซอน บางชดทอยในรปของแฟมขอมลอาจมปรากฏอยหลายๆ

แหง เพราะมผใชขอมลชดนหลายคนเมอใชระบบฐานขอมลและจะชวยใหความซาซอนของขอมล

ลดนอยลง เชน ขอมลอยในแฟมขอมลของผใชหลายคน ผใชแตละคนจะมแฟมขอมลเปนของ

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

เปลองเนอทในการเกบขอมลและลดความซาซอนลงได

- รกษาความถกตองของขอมล เนองจากฐานขอมลมเพยงฐานขอมลเดยวในกรณทม

ขอมลชดเดยวกนปรากฏอยหลายแหงในฐานขอมล ขอมลเหลานจะตองตรงกนถามการแกไขขอมล

นทกๆ แหง ทขอมลปรากฏอยจะแกไขใหถกตองตามกนหมดโดยอตโนมตดวยระบบจดการ

ฐานขอมล

- การปองกนและรกษาความปลอดภย ใหกบขอมลทาไดอยางสะดวก การปองกนและ

รกษาความปลอดภยกบขอมลระบบฐานขอมลจะใหเฉพาะผทเกยวขอ งเทานนจงจะมสทธเขาไปใช

ฐานขอมลได เรยกวามสทธสวนบคคล (Primacy) ซงกอใหเกดความปลอดภย (Security) ของขอมล

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

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

สรางตาราง ขอมลขนมาและเกบลงในฐานขอมลระบบจดการฐานขอมลจะเกบขอมลเหลานลงใน

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

แฟมขอมลนนเปนอยางไรปลอยใหเปนหนาทของระบบจดการฐานขอมล

ดงนนถาผใชเปลยนแปลงลกษณะการเกบขอมล เชน เปลยนแปลงรปแบบของตารางเสย

ใหมผใชกไมตองกงวลวาขอมลของเขาจะถกเกบลงในแผนจานบนทกแมเหลกในลกษณะในระบบ

การจดการฐานขอมลจะจดการใหทงหมด ในทานองเดยวกนถาผออกแบบระบบฐานขอมลเปลยน

24

วธการเกบขอมลลงอปกรณจดเกบขอมล ผใชกไมตองแกไขฐานขอมลทเขาออกแบบไวแลวระบบ

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

- สามารถใชขอมลรวมกนไดเนองจากในระบบฐานขอม ล จะเปนทเกบรวบรวมขอมล

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

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

- มความเปนอสระของขอมลเมอผใชตองการเปลยนแปลงขอมลหรอนาขอมลมา

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

ไมมผลกระทบตอระบบฐานขอมล เพราะขอมลทผใชนามาประยกตใชใหมนน จะไมกระทบตอ

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

ระหวางการจดเกบขอมลและการประยกตใช

- สามารถขยายงานไดงาย เมอตองการจดเพมเตมขอมลทเกยวของจะสามารถเพมได

อยางงายไมซบซอนเนองจากมความเปนอสระของขอมลจงไมมผลกระทบตอขอมลเดมทมอย

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

ในระบบทไมไดใชฐานขอมลผเขยนโปรแกรมแตละคนมแฟมขอมลของตนเองเพราะฉะนนแตละ

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

วธการของตนเอง จงขาดประสทธภาพและมาตรฐาน แตเมอมาเปนระบบฐานขอมลแลวการบรณะ

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

ยอมตองมประสทธภาพและเปนมาตรฐานเดยวกนแนนอน

2.8.2 หนาทหลกของฐานขอมล

ในการทจะทาใหฐานขอมลอานวยความสะดวกและประโยชนในระบบการจดการ

ฐานขอมลจาเปนตองมความสามารถในการจดการ ดงน

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

รบมานนถกตองตามขอกาหนดหรอไม

- ทาหนาทบนทกขอมลดวยการนาขอมลไปบนทกบนสอซงสวนมากเปนจานบนทก

- ทาหนาทคนหาขอมลทเกบอยในฐานขอมลดวยการคนหาหมายเลขทะเบยนหรอสงท

เราตองการคนหา

- ทาหนาทปรบปรงรายการของขอมล เชนการเปลยนแปลงของขอมลการเพมขอมลใน

ฐานขอมล การตดขอมลบางรายการทไมตองการ

25

- ทาหนาทปองกนรกษาขอมลดวยการนาชอผมสทธจะอานหรอปแกไขขอมลรายการ

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

- ทาหนาทเปลยนแปลงลกษณะฐานขอมลในบางครงเมอใชฐานขอมลใหมใหเหมาะ

ยงขนระบบการจดการฐานขอมลจะตองอานวยความสะดวกในการแกไขนโดยทไมตองรอ

ฐานขอมลเดม

2.8.3 การบรหารฐานขอมล

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

เพอจดการกบขอมลใหเปนระบบจะไดนาไปเกบรกษาเรยกใช หรอนามาปรบปรงใหทนสมยไดงาย

แลวในระบบฐานขอมลยงตองประกอบดวยบคคลทมหนาทควบคมดแลระบบฐานขอมลคอ

ผบรหารฐานขอมล

เหตผลสาหรบประการหนงของการจดทาระบบจดการฐานขอมล คอ การมศนยกลาง

ควบคมทงขอมลและโปรแกรมทเขาถงขอมลเหลานนบคคลทมอานาจหนาทดแลการควบคมน

เรยกวา ผบรหารฐานขอมล หรอ DBA(Database Administrator) คอ ผมหนาท ควบคมการ

บรหารงานของฐานขอมลทงหมด

2.8.4 หนาทของผบรหารฐานขอมล

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

รวมขอมลใดเขาไวในระบบใดบางควรจะจดเกบขอมลดวยวธใดและใชเทคนคใดในการเรยกใช

ขอมลอยางไร

- กาหนดโครงสรางของอปกรณเกบขอมลและวธการเขาถงขอมลโดยกาหนดโครงสราง

อปกรณเกบขอมลและวธการเขาถงขอมลพรอมทงกาหนดแผนการในการสรางระบบขอมลสารอง

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

ผดพลาดขนแลวจะทาการฟนสภาพไดอยางไร

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

ผใชใหคาปรกษาใหความชวยเหลอแกผใชและตรวจราคาความตองการของผใช

2.8.5 รปแบบของฐานขอมล

ระบบการจดการของฐานขอมลในปจจบนสามารถจดประเภทของรปแบบขอมล Data

Model ได 3 รปแบบ ไดแก

26

(1) ฐานขอมลแบบระบบชน (Hierarchical Model) จะมความสมพนธระหวาง

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

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

จะมแฟมขอมลยอยไดเพยงแฟมเดยว

(2) ฐานขอมลแบบเครอขาย (Network Model) มลกษณะคลายกบแบบฐานขอมลแบบ

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

แฟม

(3) ฐานขอมลแบบความสมพนธ (Relational Model) ลกษณะทแตกตางไปจาก

ฐานขอมลทงแบบแรกกลาวคอจะไมมแฟมขอมลหลกหรอแฟมขอมลลกคอแฟมขอมลแตละสวน

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

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

ขนมา

2.9 ฐานขอมล My sql

Mysql เปนโปรแกรมฐานขอมลในลกษณะ Database Server ซงเปนโปรแกรมใหบรการ

ฐานขอมล โดยทางานไดทงระบบ Telnet บน Linux Red hat หรอ Unix System และบน Win32

(Windows95/98/Me) เพอใชกบ Internet & Intranet หมายความวาสามารถเรยกใช Mysql ไดทวใน

กรณเปน Intranet และทวบรเวณทเปน Intranet และยงสามารถเรยกใชบนเวบบราวเซอรไดในกรณ

ทใชภาษา Interface เขามาใชงานฐานขอมล เชน PHP, Perl, C++ ฯลฯ

ในการเขยนโปรแกรมบนเวบบราวเซอร เร าตองมการเกบขอมลบางอยางเอาไวเพอนนาไปใช

ตอซงการเขยนระบบฐานขอมลดวยตนเองนน เราจะตองออกแบบของการเกบขอมลเองและในการ

นาขอมลจากฐานขอมลไปใชนนยอมเกดความผดพลาดได เราเขยนโปรแกรมไมรดกมพอในการ

เขยนโปรแกรมบนเวบยคแรกๆ การเกบขอมลน นโดยมากจะใช Text File ในการเกบ และควบคม

Text File นนลาบากกวาการควบคม Binary File ทม Field และ Record เขามาชวยควบคมและม

โอกาสในการเกดขอผดพลาดในการควบคม Text File นนมากกวา

Mysql จงเปนระบบฐานขอมลตวหนงทมประสทธภาพสงซงนอกเหน อจาก Mysql แลวยง

สามารถเชอมตอกบฐานขอมลไดหลายตว เชน Oracle, Sybase แตทเลอก Mysql เพราะวา Mysql

นนเลกและงายในการจดการฐานขอมลมากเหมาะสาหรบการทา Database Server ทสามารถทางาน

ไดดในระดบหนงและรองรบทงบน Windows และ Unix ไมวาจะเปน Mysql บน Linux ทตดตงได

27

ไมยากถงแม Mysql จะทางานไดดในระดบหนงอาจจะเปรยบเทยบไมไดกบฐานขอมลทมขนาด

โตกวาแตการเรมตนกบ Mysql จะทาใหเราเขาใจในระบบฐานขอมลบนเวบมายงขน

2.9.1 ความสามารถของโปรแกรมฐานขอมล Mysql

ความสามารถของโปรแกรมฐานขอมล Mysql สามารถสรปความสามารถในการจดการ

ตางๆ เกยวกบฐานขอมลของ Mysql ไดดงน

- ระบบจดการบญชของผใช

- สทธตางๆ ในการเขาใชงานฐานขอมล

- ระบบสารองขอมล (Recover)

- ระบบโอนถานขอมลไปยงโปรแกรมขอมลตวอนๆ

- จดเกบขอมลไดหลายชนด ขอมลเชน รปภาพ ขอความตวเลขและอนๆ อกมากมาย

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

ปจจบนและในอนาคตอาจเปนคแขงสาคญของโปรแกรม Microsoft SQL Server หรอ Oracle กได

2.9.2 การใชงาน Mysql

การใชงาน Mysql เบองตน Windows โดยพมพคาสง Status ท Mysql> กจะแสดงดงน

- Run ภายในระบบปฏบตการอะไร

- User ทตดตอเขามาใชงาน

- Version ของโปรแกรม Mysql

- ตดตอผานโปรโตคอล (Protocol) อะไร

- หมายเลข Port ทตดตอเขามาเปนตน

2.9.3 การปองกนความปลอดภย

ในกรณทเราตองการใหมการกาหนดผมสทธใชงาน Mysql เพอความปลอดภยในขอมล

และปองกนผไมมสทธทาการแกไขเราสามารถทาไดดงน ตวอยางนเราจะสรางผใชชอ root และ

กาหนดรหสผานดงขนตอนตอไปน

เขาสฐานขอมล Mysql ทเกบขอมลเกยวกบระบบในโปรแกรม Mysql

C:\mysql/bin/mysql

ลบผใชอสระจากตาราง User และสรางผใชใหมชอ root

Mysql>DELETE FROM user WHERE Host=’localhost’ AND User=”;

28

Mysql>QUIT

C:\mysql/bin/mysqladmin reload

C:\mysql/bin/mysqladmin –u root password รหสผานทตองการ

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

Mysql ไดดวยคาสง

Mysqladmin –user==root—password—รหสผาน shutdown

หากเราพบขอผดพลาดในการกาหนดรหสผานโดยมขอความ Error ขนมาวา

Pase error near ‘SET OPTION password’.

แสดงวาเราไดใชโปรแกรม Mysql เวอรชน 3.2.1 ประเภท Shareware จะไมมคาสง Set

password อยซงมวธการแกไขโดยการ Update ตาราง User ในฐานขอมล mysql เอาเองดงน

C:\mysql\bin\mysql

Mysql>UPDATE user SET password = PASSWORD(“your password”)WHERE

user= ‘root’;

Mysql>QUIT

C:\mysql/bin/mysqladmin reload

เวลาเรยกใชงาน Mysql เราตองระบ User และรหสผานทกครง มฉะนนจะไมสามารถแกไข

ขอมลใดๆ ไดดงน

C:\mysql\bin\mysql-u root-p กด <enter> จะได Prompt รอรบรหสผาน

Enterpassword:_

2.9.4 การสรางฐานขอมล (Create Database)

รปแบบ

CREATE DATABASE[‘ชอฐานขอมล’];

ดงตวอยางตอไปน สรางฐานขอมลชอวา $Sample

Mysql>CREATE DATABASE Sample:

Query Ok 1 row affecred (0.00 sec)

29

2.9.5 เทคนคในการ Start และ Shutdown โปรแกรม MySQL บน Windows

หากเราตองการเขาไปทาการ Start และ Shutdown โปรแกรม MySQL บนโหมด Dos เรา

มอกวธหนงกคอใหไป Dubble Click ไฟล winmysqladmin.exe ทโฟลเดอร C:\mysql\bin จากนน

โปรแกรมจะถกยอเอาไวท System Yray เปนรปสญญาณไฟเขยวและไฟแดง โดยทเราสามารถคลก

เมาส ขวาบนรปไอคอนดงกลาวเพอสง Start หรอ Shutdown โดยถาไฟเขยวหมายถง Server ถก

Start แตถาเปนไฟแดงหมายถง Server ถก Shutdown อย

2.9.6 คาสง MySQL สาหรบการจดการในเบองตน

เนองจากโปรแกรม MySQL มคาสงทใชในการจดการอยมากมายในทน จะขอสรปคาสง

ทจาเปนสาหรบการทางานในเบองตนเทานน หากเราตองการทราบรายละเอยดเพมเตมสามารถ

ศกษาไดจาก Document ทใหมากบตวโปรแกรมซงจะอยในโฟลเดอร C:\mysql\Doce

คาสงทแสดงรายชอฐานขอมล

รปแบบ

Create database <ชอฐานขอมล>

รปแบบคาสงในการสรางฐานขอมลใหม

Show database

คาสงเรยกใชงานฐานขอมล

รปแบบ

Use <ชอ>

คาสงแสดงรายชอตารางในฐานขอมลทถกเรยกใชขณะนน

รปแบบ

Show tables

คาสงสรางตารางใหม

รปแบบ

Create table <ชอตาราง><รายชอฟลด>

30

คาสงเรยกดโครงสรางตาราง

รปแบบ

Describe <ชอตาราง>

คาสงเพมขอมลเขาสตาราง

รปแบบ

Insert into <ชอตาราง> (filde1, filde2) values (data1, data2)

คาสงเรยกดขอมลจากตาราง

รปแบบ

Select <field>

From <ชอตาราง>

คาสงปรบขอมลในตาราง

รปแบบ

Update <ชอตาราง>

Set <field> = <ขอมล>

Where <เงอนไข>

คาสงลบขอมลในตาราง

รปแบบ

Delete

From <ชอตาราง>

Where <เงอนไข>

31

2.10 ชนดของขอมลใน Mysql ทควรทราบ

ตารางท 2-1 แสดงประเภทขอมลชนด

จานวนเตม

ลาดบท ชอประเภทขอมล แบบคดเครองหมาย แบบไมคดเครองหมาย เนอทเกบ

ขอมล

1 TINYINT(M) -128 ถง127 0 ถง 255 1 byte

2 SMALLINT(M) -32768 ถง 32767 0 ถง 65535 2 byte

3 MEDIUMINT

(M)

-8388608 ถง 8388607 0 ถง16777215 3 byte

4 INT(M) หรอ

INTEGER(M)

-2147483648 ถง

2147483647

0 ถง 4294967295 4 byte

5 BIGINT(M) -9223372036854775808

ถง

9223372036854775807

0 ถง

18446744073709551615

8 byte

ตารางท 2-2 แสดงประเภทขอมลชนด

จานวนทศนยม

ลาดบ

ท ชอประเภทขอมล แบบคดเครองหมาย แบบไมคดเครองหมาย

เนอท

เกบ

ขอมล

1 FLOAT(M,D)

คา M เปนจานวน

หลกทตองการ

แสดงผลและคา D

คอจานวนหลงจด

ทศนยม

-3.402823466E+38 ถง -

1.175494351E-38

0 และ 1.175494351E-38

ถง 3.402823466E+38

4 byte

2 DOUBLE(M,D) -

1.7976931348623157E+30

8 ถง -

2.2250738585072014E308

0 และ

2.2250738585072014E-

308 ถง

1.797693134862315308

8 byte

32

ตารางท 2-3 แสดงประเภทขอมลสาหรบวนทและเวลา

ลาดบท ชอประเภท

ขอมล รายละเอยด

เนอท

เกบ

ขอมล

1 DATE ขอมลชนดวนท ตงแตวนท 1 มกราคม ค.ศ. 1000 ถง 31

ธนวาคม ค.ศ. 9999 การแสดงผลวนทอยในรปแบบ

‘YYYY-MM-DD’

3 byte

2 DATETIME ขอมลชนดวนทและเวลา ตงแตวนท 1 มกราคม ค.ศ.

1000 เวลา 00:00:00 ถง 31 ธนวาคม ค.ศ. 9999 เวลา

23:59:59 การแสดงผลวนทและเวลาอยในรปแบบ

‘YYYY-MM-DD HH:MM:SS’

8 byte

3 TIME ขอมลประเภทเวลา สามารถเปนไดตงแต ‘-838:59:59’

ถง ‘838:59:59’ แสดงผลในรปแบบ HH:MM:SS

3 byte

4 YEAR(2/4) ขอมลประเภทป คศ โดยสามารถเลอกวาจะใชแบบ 2

หรอ 4 หลก

ถาเปน 2 หลกจะใชไดตงแตป คศ 1901 ถง 2155

ถาเปน 4 หลกจะใชไดตงแตป คศ 1970 ถง 2069

1 byte

33

ตารางท 2-4 แสดงประเภทขอมลสาหรบตวอกษร

ลาดบท ชอประเภทขอมล รายละเอยด เนอทเกบ

ขอมล

1 CHAR(M) เปนขอมลสตรงทจากดความกวาง ไมสามารถ

ปรบขนาดได ขนาดความกวางเปนไดตงแต 1 ถง

255 ตวอกษร

ตามจานวน

ตวอกษรท

ระบ

2 VARCHAR(M) คลายกบแบบ CHAR(M) แตสามารถปรบขนาด

ตามขอมลทเกบในฟลดได ความกวางเปนได

ตงแต 1 ถง 255 ตวอกษร

ขนาดขอมล

จรง + 1

byte

3 TINYTEXT เปน text ทความกวางเปนไดสงสด 255 ตวอกษร ขนาดขอมล

จรง + 1

byte

4 TEXT เปน text ทความกวางเปนไดสงสด 65,535

ตวอกษร

ขนาดขอมล

จรง + 2

byte

5 MEDIUMTEXT เปน text ทความกวางเปนไดสงสด 16,777,215

ตวอกษร

ขนาดขอมล

จรง + 3

byte

6 LONGTEXT เปน text ทความกวางเปนไดสงสด

4,294,967,295 ตวอกษร

ขนาดขอมล

จรง + 4

byte

7 ENUM เปนขอมลประเภทระบเฉพาะคาทตองการ หรอ

ถาไมมจะใหเปนคา NULL สามารถกาหนดคาได

ถง 65,535 คา

ตามจานวน

ตวอกษรท

ระบ

34

2.11 ลกษณะการทางานเพอการตดตอกบฐานขอมล

2.11.1 การเพมขอมล

ภาพท 2-4 แสดงขนตอนการเพมขอมล

ในการเพมขอมลนนทางดานของ Client จะทาการเพมขอมลผานทางบราวเซอร จากนน

บราวเซอรจะสงขอมลมายงเวบเซรฟเวอรทเรยกวา PHP ทาการตรวจสอบขอมลตามเงอนไขท

กาหนดและทาการเพมหากถกตองตามเงอนไขจากนนจะสงผลการเพมขอมลไปท Client

35

2.11.2 การลบขอมล

ภาพท 2-5 แสดงขนตอนการลบขอมล

ในการลบขอมลนนทางดานของ Client จะสงขอมลทตองการผานบราวเซอรและจะสง

ขอมลทตองการลบมายงเวบเซรฟเวอรจะทาการเรยก PHP จะทาการตรวจสอบตามเงอนไขท

กาหนดและทาการลบเมอถกตองตามเงอนไข จากนนจะสงผลการลบขอมลไปท Client

Client Browser

Web server

ตรวจสอบขอมล

ลบขอมล

PHP

Database

ขอมล สงขอมล READ

WRITE

36

2.11.3 การคนหาขอมล

ภาพท 2-6 แสดงขนตอนการคนหาขอมล

การคนหาขอมลนนทางดานของ Client จะสงขอมลทตองการผานบราวเซอร และ

บราวเซอรจะสงขอมลทตองการมายงเซรฟเวอร และเซรฟเวอรจะทาการเรยก PHP จะทาการคนหา

ขอมลจากแฟมขอมลตามเงอนไขแลวจะสงผลการคนหาขอมลไปท Client

37

2.11.4 การแกไขขอมล

ภาพท 2-7 แสดงขนตอนการแกไขขอมล

เมอเซรฟเวอรไดรบขอมลทรองขอผานบราวเซอรนน เวบเซรฟเวอรจะเรยก PHP ทาการ

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

เวบบราวเซอรกจะสงผลการแกไขไปท Client

38

2.11.5 การตรวจสอบรหสผาน

ภาพท 2-8 แสดงขนตอนการตรวจสอบรหสผาน

ในการตรวจสอบรหสผานดวยเวบเซรฟเวอรนน ขอมลจะถกสงมาจากทางดานของ Client

สงขอมลไปยงบราวเซอร จากนนบราวเซอรจะสงขอมลทตองการมายงเซรฟเวอรทเรยกวา PHP ทา

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

จะสงผลใสรหสผานท Client

2.11.6 ระบบดผลการศกษา

ภาพท 2- 9 แสดงขนตอนดผลการศกษาขอมล

ในการดผลการศกษาของนกเรยนนน ทางดาน Client จะทาการสงขอมล ทใชเปนรหสผาน

เพอเขามาดผลการศกษา ผานทางเวบบราวเซอร จากนนเวบบราวเซอร ซงจะเรยก PHP ทาการ

39

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

แฟมขอมล จากนนกสงผลการศกษานนไปท Client

2.12 PHP My Admin

PHP My Admin เปนโปรแกรมทชวยในการจดการฐานขอมล My SQL เนองจากในการจดการ

ฐานขอมล My SQL จาเปนตองทราบคาสงตางๆ และฟอรแมตตางๆ ทเกยวของไมวาจะเปนระบบ

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

เพอสะดวกในการจดการฐานขอมล My SQL จงไดนาเอาโปรแกรมทชวยในการจดการฐานขอมล

PHP My Admin มาใช

2.12.1 ความเปนมาของ PHP

Rasmus Lerdorf สรางภาษา PHP ขนมาในป ค.ศ.1994 เนองจากเขาตองการพฒนา

โปรแกรมนวา PHP ซงยอมาจาก Personal Home Page Tools ในเวอรชนแรกสดนน PHP ยงไมม

ความสามารถอะไรมากนก โดยประกอบดวยโปรแกรมภาษาอยางงาย และชดคาสงทใชเปนสมด

เยยมและตวนบจานวนผทเขาใชงานเวบเทานน พอกลางป ค.ศ.1995 เขากไดพฒนาตวแปลภาษา

PHP ซงมาใหมโดยชอวา PHP/F1 เวอรชน 2 ซงจะเพมความสามารถในการรบขอมลทสงมาจาก

ฟอรม .HTML

2.12.2 ความหมายของ PHP(Personal Home Page Tool)

PHP (Personal Home Page Tool) เปนภาษาสครปตคาหนงเรยกวา Server Side Script ท

ประมวลผลทางเซรฟเวอร แลวสงผลลพธไปยงเครองไคลแอนต ผานทางเวบบราวเซอรเชนเดยวกบ

ASP ปจจบนไดรบความนยมเปนอยางมากในการนามาชวยในการพฒนางานบนเวบ ทเรยกวา Web

Development หรอ Web Programming เนองจากมจดเดนหลายประการ รปแบบของภาษา PHP ม

เคาโครงมาจากภาษา C และ PER1 ทนามาปรบปรงใหมประสทธภาพสง และทางานไดเรวขน ใน

ปจจบนม Programmer ใชงานมากกวา 1 ลานคน ถงแมจะรจกกนไมมากและนามาใชงานไมมากนก

แต PHP กลบไดรบความนยมในการใชเครองมอในการพฒนาเวบเพจ เนองจาก PHP มจดเดนดงน

- Free เนองจากสงทตองการสงสดของโปรแกรมเมอรในการพฒนาเวบ คอของฟร PHP

ไดตอบสนองโปรแกรมเมอรเปนอยางดเพราะเครองมอทใชในการพฒนายงสามารถหาไดฟรๆ ไม

วาจะเปนระบบปฏบตการ (Windows, Linux) โปรแกรมเวบเซรฟเวอร (IIS, PWS, Apache, Omni

Https)

40

- Speed เนองจาก PHP นาขอดของภาษาสครปตทเคยมในภาษา C, Perl, .Java รวมกน

ความเรวของ CGI นามาพฒนาอยใน PHP

- Open Source เนองจากการพฒนาของ PHP ไมไดยดตดอยกบบคคลหรอกลมคนเลกๆ ท

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

พฒนาไดอยางรวดเรว

- Crossable Platform เนองจาก PHP ใชไดหลายๆ กบระบบปฏบตการไมวาบน Windows,

Unix, Linux หรออนๆ โดยแทบจะไมตองเปลยนแปลงโคดคาสงเลย

- Database Access เนองจาก PHP สามารถตดตอขอมลกบฐานขอมล อยาง Dbase, Access,

SQL Server, Oracle, Sybase, Informix, Ad abase, Posture SQL, My SQL, Empress, File Pro,

MSQL, Inter Base Solid, Valois, Unix dbm ไดอยางมประสทธภาพ

- Protocol Support เนองจาก PHP สามารถสนบสนน Protocol หลายแบบทง IMAP,

SNMP, NNTP, POP3, HTTP และยงสามารถตดตอกบ Socket ไดอกดวย

- Library เนองจาก PHP ม Library สาหรบการตดตอกบแอพพลเคชนไดมากมาย

- Flexible ดวยเหตผลท PHP มความยดหยนสง ทาใหนาไปสราง Application ได

หลากหลายประเภท

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

เนองจาก PHP จะทางานโดยมตวแปลและเอกซควตทฝงเซรฟเวอร อาจจะเรยกการทางาน

วาเปนเซรฟเวอรไซต (Server Side) สวนการทางานของบราวเซอรของผใชเรยกวา ไคลเอนต

(Client Side) โดยการทางานจะเรมตนทผใชสงความตองการผานทางเวบบราวเซอรทาง HTTP

(HTTP Request) ซงอาจจะเปนการกรอกแบบฟอรม หรอใสขอมลทตองการ ขอมลเหลานนจะเปน

เอกสาร PHP (เอกสารนจะมสวนขยายเปน PHP หรอ PHP3 แลวผใชกาหนดเชน search.php เปน

ตน) เมอเอกสาร PHP เขามาถงเวบเซรฟเวอรกจะถกสงไปให PHP เพอทาหนาทแปลคาสงแลวเอก

ซควตคาสงนน หลงจากนน PHP จะสรางผลลพธในรปแบบเอกสาร HTML สงกลบไปให

เซรฟเวอรเพอสงตอไปใหกบบราวเซอรแสดงผลฝงผใชตอไป (HTTP Request)ซงลกษณะการ

ทางานแบบน จะคลายกบการทางานของ CGI (Common Gateway Interface) หรออาจกลาวไดวา

PHP กคอโปรแกรม CGI ประเภทหนง กได ซงจะทางานคลายกบ ASP นนเอง ลกษณะการทางาน

จะเปนดงภาพประกอบ

41

ภาพท 2-10 แสดงขนตอนการทางานของ PHP

2.12.4 รปแบการเขยนสครปต PHP

- การเขยนโคด PHP ในลกษณะทวไปแบบภาษา SGML จะมรปแบบคอ

- การเขยนโคด PHP ในลกษณะภาษา XML วธนจะเปนการใชรปแบบทปองกนการ

ผดพลาดถาเขยนโคดรวมกบ XML การเขยนในลกษณะนจะมรปแบบคอ

<? คาสงในภาษา PHP; ?>

<? คาสงในภาษา PHP; ?>

Client Browser Server

HTML

PHP Libraries PHP Interpreter

ODBC

Access

SQL Server

Foxpro

Oracle

My SQL

PostgreSql

Etc

42

- การเขยนโคด PHP ในลกษณะ JavaScript จะมรปแบบคอ

- การเขยนโคด PHP ในลกษณะ ASP จะมรปแบบคอ

- การเขยนโคด PHP ในลกษณะพเศษ จะมรปแบบคอ

หมายเหต

การเขยนโคด PHP ตามลกษณะในสวนท 4 และสวนท 5 จะตองทาการแกไข php.inin

เสยกอน โดยให asp_tage มคาเปน on จากนนคณจงสามารถเขยนโคดในลกษณะสวนท 4 และ

สวนท 5 ได ไมวาจะเขยนแบบใดผลลพธทไดแบบเดยวกน

ในการเขยนคาสง PHP ในลกษณะใดกตาม จะตองมเครองหมาย เซมโคลอน (;) กบกบคา

อยทายคาสงเสมอ เนองจากภาษา PHP พฒนามาจากภาษา C ถาไมเขยนจะทาใหเกดขอผดพลาดขน

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

ขอผดพลาดทอาจเกดขนไดในภายหลงถาใช XML ตอไปจะใชเครองหมาย <?php……?> สาหรบ

โคดทเปนPHP

2.13 การออกแบบเวบไซต

2.13.1 อนเตอรเนต เปนระบบการสอสารทกาลงไดรบความนยมกนอยางแพรหลาย ทง

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

กลมนกเรยนและนกศกษา นยมใชอนเตอรเนตเพมขนอยางรวดเรว ทาใหหลายหนวยงานจาเปนท

จะตองพฒนาเวบไซตขนมาอยางหลกเลยงไมได เวบไซตตาง ๆ ในทกวงการจงเกดขนมากมาย ทงท

<Script Language “php”> คาสงในภาษา PHP; </Script>

<% คาสงในภาษา PHP; %>

<%=$ ตวแปร

คาสงในภาษา PHP; %>

43

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

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

สวนสาคญในการสรางความประทบใจใหกบผใชบรการ และทาใหอยากกลบเขามาใชอกในครง

ตอไป

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

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

และจดดอยของเวบไซตอน ๆ ทมเนอหาใกลเคยง เพอกาหนดจดเดนและจดดอยของเวบไซตตวเอง

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

สะดวก เขาใจงาย เปนสาคญ

2.13.2 หลกการออกแบบเวบไซตใหดด ในดานการจดวางเนอหา สงสาคญคอตองทาใหทง

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

เนอหาเปนสวนประกอบของรปภาพ

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

หรอมลกเลนมากนน อาจจะไมนบเปนการออกแบบทดกได

- สสน (Color) จะทาใหผชมเวบรบรอารมณของเวบ และเรองราวทนาเสนอได ควรเลอกส

ใหเหมาะสมกบเนอหา แตละสใหความรสกทแตกตางกน เชน สฟา สเหลอง ใหความรสก

สดใส และอบอน, สแดง ใหความรสกสนกสนาน รอนแรงและสนาเงน ใหความรสกมงคงเขมแขง

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

ประกอบ Theme ทคลาย ๆ กนทกหนา เพอสรางความเปนเอกลกษณใหเกดขนกบเวบไซตของเรา

ใหได

- ผชมเวบไซตตองสามารถเขาถงเนอหาทเราตงใจนาเสนอ หรอสามารถใชงานเวบ คนหา

ขอมลทตองการไดอยางสะดวกและรวดเรวตรงตามความตองการ

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

ชมเวบรอเลอกใชภาพกราฟกและภาพAnimation ไดอยางเหมาะสม

2.13.3 โปรแกรมหลกทใชในการสรางเวบไซต

ในการสรางเวบไซต มโปรแกรมหลายโปรแกรมดวยกนทใชสรางเวบไซต ซงมทง

โปรแกรมทเปนแบบสาเรจรปและโปรแกรมทใหเราพฒนาตอ รวมไปถงโปรแกรมในดานการ

ออกแบบหรอการตกแตง ซงจะขอยกตวอยางดงน

44

Macromedia Dreamweaver 8

Adobe Dreamweaver ถอไดวาเปนเครองมอสาหรบสรางเวบเพจ และ ดแลเวบไซต ทม

ประสทธภาพสง เปนทนยมใชของ Web Master อยางกวางขวาง ซงเปนโปรแกรมสาหรบเขยนภาษา

HTML โดยเฉพาะ พรอมทงสามารถแทรก Java Scripts และ ลกเลนตางๆไดมากมาย โดยทผใชไม

จาเปนตองรหลกภาษา HTML มากนก ซงชวยประหยดเวลา และ ทางานไดสะดวกยงขน

ความสามารถของ Adobe Dreamweaver ในการเขยนเวบเพจ จะมลกษณะคลายกบการ

พมพงานในโปรแกรม 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

การใชงานพนฐาน (สงทควรทราบเบองตน)

1. ภาษา HTML เปนภาษาทออกแบบสาหรบการแสดงผลเทานน! ไมสามารถประมวลผล

หรอ ใชเขยนเวบแอพพลเคชนได

45

2. หากตองการเพมลกเลน หรอ เทคนคพเศษ เชน Effect ตาง ๆ ตองนาภาษา JavaScript มา

เสรม HTML อกท

3. การจดรปแบบใน Code เชนการขนบรรทดใหม การเวนวรรค ไมมผลตอการแสดงผล

ทาง Web Browser

4. การขนบรรทดใหม ตองใช Tag <BR> หรอ กดปม Shift+Enter

5. การขนยอหนาใหม ตองใช Tag <P> หรอ กดปม Enter

6. การเวนวรรค ตองใช Tag พเศษ คอ &nbsp; หรอ กดปม Ctrl+ Shift + Spacebar

7. หลกการอาน Tag ของภาษา HTML จะอานคาจาก Tag ทอยดานในกอน

8. ไฟล HTML และ Script ตางๆ สามารถเปดแกไขในโปรแกรม Text Editor ทว ๆ ไป ไม

จาเปนตองแกไขใน Dreamweaver เพยงอยางเดยว

9. การแทรกขอความ และ การปรบแตงคาตาง ๆ ใหคลกตาแหนงทตองการ แลวพมพ

ขอความตามตองการ หรอใหเลอกขอความเมอตองการกาหนดคาตาง ๆ เพมเตม

โปแกรม Adobe Flash

Adobe Flash เปนโปรแกรมทใชสาหรบสรางภาพกราฟก (Graphic) และภาพเคลอนไหว

(Animation) ทมความสามารถในการโตตอบกบผเยยมชมไดในระดบมออาชพ จดเดนของ

โปรแกรม Adobe Flash คอ ไฟลอะนเมชนทสรางมขนาดเลกมากเมอเทยบกบโปรแกรมอนๆ

สามารถแสดงผลไดดบนเครอขายอนเทอรเนต สามารถนาไฟล Flash ทไดมาผนวกรวมกบเครองมอ

โปรแกรมประเภทเวบอดเตอร (Web Editor) โดยทผพฒนาไมจาเปนตองเขยนโคดเพมเตมแต

ประการใด สามารถแสดงหนาจอของโปรแกรม Adobe Flash ไดดงรป

Adobe Photoshop CS

Adobe Photoshop CS เปนโปรแกรมทางดานกราฟกทคดคนโดยบรษท Adobe ทใช

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

สามารถแลกเปลยนไฟลตางๆ และนาไปใชงานรวมกบโปรแกรมอนๆได โปรแกรม Adobe

Photoshop เรมออกมาเวอรชนแรกคอ Photoshop 2 และมการพฒนามาเปนเวอรชน เวอรชน 8หรอ

Photoshop cs และลาสดไดพฒนามาเปน Photoshop cs3 โดยไดพฒนาขดความสามารถในการใช

งานในลกษณะตางๆ ใหมประสทธภาพมากขนรวมถงเวอรชนทเปลยนไปของ Adobe Photoshop cs

3 กคอ User Interface หรอหนาตาของตวโปรแกรม ทตองมเปลยนแปลงไป Single Column

Toolbar หรอสวนของเมนจะเปลยนไปจากเวอรชน CS2 ทม 2 แถวและใน Photoshop cs3 ลดลง

46

เหลอ แถวเดยว และในสวนอนๆเชน Camera Raw คอฟเจอรในการตกแตงภาพจากกลองดจตอล ท

ยงคงรกษาคณภาพของภาพไว 100% ซงสามารถใชงานไดดกวาโปรแกรม Adobe Photoshop CS2

2.13.4 การตดตามอพเดทและปรบปรงเวบไซต

ควรมการตดตามเพอดจานวนผเขาชมเวบไซต เพอดผลตอบรบวาควรมการปรบปรงแกไข

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

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

ความสนใจของเรากบสงทเรากาลงคนหาอย ณ เวลานน

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

นาสนใจและมผคนเขามาเยยมชมอยเสมอ จะตองคานงถงกลมเปาหมายทจะนาเสนอขอมลใน

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

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

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

2.13.5 การเลอกใชสอยางถกหลกตามทฤษฎ

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

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

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

เลอกใชสใหเหมาะสมกบเวบจาเปนตองใชหลกการพอสมควรชดสแตละชดมความสาคญตอเวบ ถา

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

วา “ชนะใจ” หมายความวา ผใชยนดทจะกลบมาใชบรการเรอยๆ อยางไมมวนจบสน ฉะนนการใช

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

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

มองในทางกลบกนอาจจะเปนกฎของการออกแบบเวบกได แตถาพจารณาใหดจะเหนวามรปแบบท

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

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

USNews ออกแบบโดยใชสขาวเปนพนหลงสวนกราฟกใช สขาวและนาเงน

ABCNews ออกแบบโดยใชสขาวเปนพนหลงสวนกราฟกใช สขาวและสนาเงน

Netcenter ออกแบบโดยใชสขาวเปนพนหลงสวนกราฟกใช สขาวและสนาเงน

YahooNews ออกแบบโดยใชสขาวเปนพนหลงสวนกราฟกใช สขาวและสนาเงน

47

2.13.6 การออกแบบโครงสรางเวบไซต (Site Structure Design)

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

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

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

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

เวบไซตดาวนโหลดบางแหง คลกแลวคลกอก ยงหาไมเจอลงคดาวนโหลด หาเวบ

- จากเนอหาเวบไซตทเราเตรยมไว ใหนามาจดหมวดหม กอนหลง

Section 1

Section 1.1

Section 1.2

Section 1.3

Section 1.3.1

Section 1.3.2

Section 2

Section 3

Section 3.1

Section 3.2

2.13.7 จดทาแผนผงโครงสรางเวบไซด

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

โดยจะเรมจากหนา Homepage จนไปถงหนายอยตางๆ ทงหมดจากเนอหาทจดหมวดหมแลว นามา

เขยนเปนแผนผงโครงสรางเวบไซตดคะ ตวอยาง เชน

48

โครงสรางเวบไซตอยางงาย เวบไซตนาเสนอขอมลดารานกรอง

ภาพท 2-11 แสดงเวบไซตอยางงาย เวบไซตนาเสนอขอมลดารานกรอง

โครงสรางเวบไซต นาเสนอขอมลผลตภณฑและขอมลตางๆ ของบรษท

ภาพท 2-12 แสดงเวบไซต นาเสนอขอมลผลตภณฑและขอมลตางๆ ของบรษท

49

2.13.8 การออกแบบระบบนาทาง (Site Navigation Design)

เปนระบบนาทางทจะนาผชมไปยงหนาตางๆ ของเวบไซต ใหสามารถเขาถงขอมลท

ตองการไดอยางรวดเรว และรวากาลงอยตรงไหนของเวบไซตนอกจากนยงใชกาหนดบทบาทของ

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

สทธทวางไวเทานน

- องคประกอบของระบบ Navigation เครองนาทาง

- เมนหลก เปนเมนสาหรบลงคไปยงหนาหวขอหลกของเวบไซต มกอยในรปของ

ลงคทเปนขอความหรอภาพกราฟฟก และมกถกจดวางอยดานบนในเวบเพจทกหนา

- เมนเฉพาะกลม เปนเมนทเชอโยงเวบเพจปจจบนกบเวบเพจอนภายในกลมยอยทม

เนอหาเกยวเนองกน มกอยในรปแบบของลงคขอความหรอกราฟฟกเชนกน

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

คนหาขอมล (Search Box) , เมนแบบดรอปดาวน (Drop-Down menu) , แผนผงเวบไซต (Site Map),

อมเมจแมพ (Image Map)

เครองมอบอกตาแหนง (Location Indicator) เปนสงทใชแสดงวา ขณะนผชมกาลงอยใน

ตาแหนงใดในเวบไซต เครองบอกตาแหนงมไดหลายรปแบบ เชน ขอความภาพกราฟกทแสดงชอ

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

ลกษณะของระบบเนวเกชนทด

- อยในตาแหนงทเหนไดชดและเขาถงงาย เชน สวนบนหรอดานขวาของเวบเพจ

- เขาใจงายหรอมขอความกากบชดเจน ผชมใชไดทนทโดยไมตองเสยเวลาศกษา

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

สสน เหมอนกน ทาใหผใชรสกคนเคย

- บอกผใชวากาลงอยทตาแหนงใดของเวบไซต

- มการตอบสนองเมอใชงาน เชน เปลยนสเมอผชมชเมาสหรอคลก

- จานวนรายการพอเหมาะ ไมมากเกนไป

- มหลายทางใหเลอกใช เชน เมนกราฟฟก , เมนขอความ, ชองคนหาขอมล (Search

Box), เมนดรอปดาวน (Drop-down menu) , แผนผงเวบไซต (Site Map)

50

- มลงคใหคลกกลบไปยงโฮมเพจไดเสมอ เพอใหผชมกลบไปเรมตนใหมในกรณท

หลงทางไมรวาตวเองอยทตาแหนงใด

2.13.9 โครงสรางและรปแบบของเวบเพจ

สวนประกอบของหนาเวบเพจ แบงออกเปน 3 สวนหลกๆ คอ

- สวนหวของหนา (Page Header) เปนสวนทอยตอนบนสดของหนา และเปนสวนท

สาคญทสดของหนา เพราะเปนสวนทดงดดผชมใหตดตามเนอหาภายในเวบไซต มกใสภาพกราฟก

เพอสรางความประทบใจ สวนใหญประกอบดวย

- โลโก (Logo) เปนสงทเวบไซตควรม เปนตวแทนของเวบไซตไดเปนอยางด และยง

ทาใหเวบนาเชอถอ

- ชอเวบไซต

- เมนหลกหรอลงค (Navigation Bar) เปนจดเชอมโยงไปสเนอหาของเวบไซต

สวนของเนอหา (Page Body)

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

ขอความ, ตารางขอมล ภาพกราฟก วดโอ และอนๆ และอาจมเมนหลก หรอเมนเฉพาะกลมวางอย

ในสวนนดวยสาหรบสวนเนอหาควรแสดงใจความสาคญทเปนหวเรองไวบนสด ขอมลมความ

กระชบ ใชรปแบบตวอกษรทอานงาย และจด Layout ใหเหมาะสมและเปนระเบยบ

สวนทายของหนา (Page Footer)

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

ขอความงาย ๆ และอาจแสดงขอมลเพมเตมเกยวกบเนอหาภายในเวบไซต เชน เจาของเวบไซต,

ขอความแสดงลขสทธ, วธการตดตอกบผดแลเวบไซต, คาแนะนาการใชเวบไซต เปนตน

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

2.13.10 การใชงานกราฟฟก

- ไฟลประเภท GIF (Graphics Interchange Format) เปนไฟลภาพทมขนาดเลก คณภาพตา

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

อยางมากเนองจากสามารถทาเปนภาพเคลอนไหว (Animation) และกาหนดใหแสดงภาพแบบโปรง

แสง มองทะลไปดานหลงได ไฟลประเภทนสวนใหญจะเปน รปวาด ภาพการตน รป icon, emotion,

ปายโฆษณาแบนเนอร และภาพทไมตองการความละเอยดมากนก

51

- ไฟลประเภท JPEG หรอ JPG (Joint Photographics Expert Group) เปนไฟลรปภาพทม

การบบอดขอมลนอยกวาไฟลประเภท GIF สามารถแสดงสได 16.7 ลานส ภาพทไดจะมความคมชด

มาก ไฟลประเภทนเหมาะกบภาพทตองการความละเอยดสง เชน ภาพถายจากกลองดจตอลหรอ

ภาพทไดจากการสแกน ภาพทแสดงการไลเฉดส เปนตน

- ไฟลประเภท PNG (Portable Network Graphic) เปนไฟลภาพทนามาใชแทนทไฟล

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

สามารถทาเปนภาพเคลอนไหวได และมขอเสยทไมสามารถใชกบเวบเบราเซอรรนเกาได PNG-8

เปนรป แบบทใชสไดเพยง 256 ส และมคณสมบตคลายกบไฟล GIF จงเหมาะสาหรบใชทาภาพทม

สเรยบๆ เชน ภาพโลโก, การตน สามารถกาหนดพนหลงใหโปรงแสงได

2.13.11 สงทตองคานงในการออกแบบเวบไซต

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

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

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

การออกแบบเวบไซตตองคานงถงองคประกอบตาง ๆ ดงตอไปน

- ความเรยบงาย (Simplicity) หมายถง หนาเวบเพจของเวบไซตมรปแบบและลกษณะท

เรยบงาย ไมซบซอน และใชงานไดอยางสะดวก ไมมกราฟฟกหรอตวอกษรทเคลอนไหวอย

ตลอดเวลา เพราะการทเวบเพจมกราฟฟกหรอตวหนงสอทเคลอนไหวอยมากเกนไป กจะเกดการ

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

หรอมองขามตอเนอหาสาคญทอยในหนาเวบเพจได

- ความสมาเสมอ (Consistency) หมายถง การใชรปแบบเดยวกนตลอดทงเวบไซต เชน

รปแบบของหนา รปแบบกราฟฟก ระบบ Navigation และโทนส ซงสงตางๆ เหลานควรมลกษณะท

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

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

- ความเปนเอกลกษณ (Uniqueness) หมายถง การออกแบบเวบไซตทเนนการสรางจดเดน

หรอเอกลกษณเฉพาะตวใหเกดขนกบเวบไซตนนๆ โดยทจดเดนหรอเอกลกษณนนจะตองสามารถ

สะทอนบคลกหรอลกษณะเฉพาะทไมเหมอนใครของเจาของหรองคกรทสรางเวบไซตนนๆ ขนมา

ไดอยางด โดยการสรางเอกลกษณนอาจทาไดโดยการใชสสน ตวอกษร กราฟฟก การจดหนา ฯลฯ

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

52

- เนอหามประโยชน (Usefulness) หมายถง การออกแบบเนอหาใหมประโยชนเปนสง

สาคญทตองคานงถงเปนอยางยง เพราะเนอหาถอวาเปนสงทสาคญทสดในเวบไซต ดงนน

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

รวมถงการปรบปรงเนอหาใหมความทนสมยอยเสมอ

- ระบบ Navigation ทใชงานงาย (Easy-use Navigation) หมายถง การออกแบบระบบ

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

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

ไดไมสบสนและเกดการหลงทางในเวบไซต

- แสดงผลไดอยางรวดเรว (Rapid Output) หมายถง เมอมผใชงานเขามาใชเวบของเรานน

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

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

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

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

ทมคนเขามาใชมากๆ ยงตองใหความสาคญกบความเรวในการแสดงผลของเวบมากยงขน

- มความชดเจน (Clearance) หมายถง เนอหาของเวบไซตนนจะตองแสดงถงจดมงหมาย

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

ไดหลากหลายแบบ ผออกแบบจงตองพยายามแสดงใหเหนชดเจนวา เวบไซตนนนาเสนอเนอหา

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

- เปนไปตามรปแบบมาตราฐาน (Standardzation) หมายถง การออกแบบใหมลกษณะเปน

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

ทคลายคลงกนและมระบบการใชงานทใกลเคยงกน แมวาหนาตาเวบไซตของเราจะแตกตางจากเวบ

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

และสะดวกสบายนนเอง

- แสดงผลไดดในสงแวดลอมทตางกน หมายถง การทเวบนนแสดงผลออกมาไดอยาง

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

ของความเปนจรงนน ผใชเวบแตละคนมอปกรณคอมพวเตอรทมคณภาพแตกตางกน ทง

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

จะตองทาใหเวบนนใชงานไดในทกสงแวดลอมนนเอง

53

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

รปท 2-13 แสดงเวบไซตโรงเรยนคาเขอนแกวชนปถมป (http://www.chanupatham.ac.th/)

เวบไซตโรงเรยนคาเขอนแกวชนปถมป

จดแขง : เวบไซตนจดทาขนเพอประชาสมพนธโรงเรยนและบคคลทวไปสามารถเขามาด

และเยยมชมโรงเรยนใหสามารถแสดงความคดเหนเกยวกบโรงเรยนได มความครบถวนสมบรณ

ของเวบ มการออกแบบ และมสสนทสดใสสวยงามดแลวสะดดตา มความเปนเอกลกษณของ

โรงเรยนสอถงความเปนเอกลกษณไปในตว เหมาะสมกบโรงเรยนคาเขอนแกวชนปถมป มการแยก

กลมสาระการเรยนรออกเปนกลมๆ งายตอการคนหา และมการแยกกจกรรมตางๆ ของนกเรยน

ออกเปนสดสวนอยางสวยงามและหาดงาย มการนา face book มาใชในการตดตอสอสารภายใน

โรงเรยนดวย ทาใหเวบไซตถอวาสมบรณและสอสารไดอยางครอบคม

จดออน : การไลเฉดสมความเหมาะสมนอย เชนสพนหลงตดกบรปแบบของเวบอยาง

สนเชง ทาใหเวบไซตเกดจดทแตกตางซงทาใหพนหลงเดนกวาตวโครงสรางเวบไซต และการเขา

เวบหนากอนหนาแรก เกดความลาชา ตองใชเวลารอนานทาใหไมอยากเขาไปใชบรการอก

54

รปท 2-14 แสดงเวบไซตโรงเรยนเลงนกทา (http://www.ln.ac.th)

เวบไซตโรงเรยนเลงนกทา

จดแขง : เวบไซตโรงเรยนเลงนกทาเปนเวบทดแลวสบายตา หนากอนหนาแรก มเทคนค

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

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

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

นกเรยนมทกษะการเรยนทกวางไกลทนโลก ทนเหตการณและยงชวยอานวยความสะดวกใหกบ

บคคลหลายๆ ดาน เชน สาหรบผปกครองสามารถเขาถงขอมลของนกเรยนไดงาย สะดวก และยง

สามารถเสนอแนวทางใหกบทางโรงเรยนได ทาใหดมความหนาสนในยงขน โดยเวบไซตน

ประกอบไปดวยสวนตางๆ เชน ขอมลทวไปของโรงเรยน ขอมลสารสนเทศ และมขาง

ประชาสมพนธ เพออานวยความสะดวกแกผเขาเยยมชมเวบไซต เปนตน

จดออน : เมอทาการคลกเขาสหนาแรกเกดความลาชาในการเขาสเวบไซต ตองใชเวลานาน

เมอตองการทราบประวตของโรงเรยนหรอสงทเกยวของกบโรงเรยน ตองทาการคนหากอน หรอ

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

มาก และการจดหมวดหมของเอกสารไมเปนระบบ ไมหนาด สวนใหญหนาเวบจะเปนขาวเกยวกบ

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

มสทสะดดตากวาขอความในหนาเวบ ทาใหขอมลในเวบไซตไมหนาด