Web กบฐานขอมล Suthida Chaichomchuen std kmitnb ac th 1

Web กบฐานขอมล Suthida Chaichomchuen std@kmitnb. ac. th 1

แนวความคดพนฐานทเกยว กบ Web เปนเทคโนโลยทางดานระบบเครอขายคอมพวเตอ ร ทมวตถประสงคเพอแลกเปลยนและใชข อมลรวมกน Ø ขอมลทแลกเปลยนระหวางเครองคอมพวเต อรเปนไดหลายรปแบบ เชน ขอความ ภาพ เสยง ฯลฯ Ø ขอมลทใชงานบน Web จะอยในรปของเอกสารทสรางขนดวยภาษา HTML และถกเรยกวา Web Document Ø 2

แนวความคดพนฐานทเกยว กบ Web Ø การแลกเปลยนขอมลในระบบเครอขายแบงเป น 2 ฝง ไดแก l ฝงทเปนผเรยกใชขอมลขาวสาร • ตองอาศยโปรแกรม Web Client ในการสงคำสง (Request) ไปยง Remote computer • เชน โปรแกรม Web Browser l ฝงทเปนผสงขอมลขาวสาร (Remote Computer) • ตองอาศยโปรแกรม Web Server เพอรบ Request ทสงมาจากโปรแกรม Web Client ไปประมวลผล 3

ขนตอนในการประมวลผลบน Web 3. Web Server รบ Remote Computer (Server) Web Server 2. Web Browser สง Request ไป ยง Web Server ผานทาง Protocol แบบ HTTP Request แลวประมวลผล 4. Remote Computer สงขอมลตามทกำหนด ใน Request ใหกบ Web Server 5. Web Server สงขอมล Browser Web Browser กลบไปยง Web 6. Web Brower แปลงขอมลทรบมาใหอยในรปแบบท ใชแสดงผลใหกบผใช User (Client) 1. ผใชสง Request ไปยง Remote Computer ผานทาง Web Browser 4

ขนตอนในการประมวลผลบน Web จะเกยวของกบการสงถายขอมลระหวาง Remote Computer กบฝายเรยกใชขอมล ประกอบดวยขนตอนตาง ๆ ดงน 1. ผใชสง Request ไปยง Remote Computer ผานทาง Web Browser 2. Web Browser สง Request ไปยง Web Server ผานทาง Protocol แบบ HTTP 3. Web Server ท Remote Computer รบ Request แลวทำการประมวลผล 5

ขนตอนในการประมวลผลบน Web ถาไมมขอผดพลาดใด ๆ Remote Computer จะสงขอมลตามทกำหนดใน Request ใหกบ Web Server 5. Web Server สงขอมลกลบไปยง Web Browser 6. Web Browser แปลงขอมลทรบกลบมาใหอยในรปแบบท ใชแสดงผลใหกบผใช 4. 6

Web กบขอมล ในการนำขอมลมาใชงานบน Web แบงไดเปน ลกษณะใหญ ๆ คอ Ø Dynamic Publishing Ø Information Transactions Ø Data Storage and Analysis 3 7

Dynamic Publishing เปนการนำขอมลในฐานขอมลมาแสดงผลบน Web โดยการจดเกบรายละเอยดของจอภาพของแตละ Web Page ไวในไฟล Template Ø รายละเอยดของจอภาพทจดเกบไวในไฟล Template จะถกนำมาใชประกอบกบขอมลทถกอานข นมาจากไฟลฐานขอมล Ø โดยการนำขอมลมาใสลงในสวนประกอบบนจอภาพ ตามตำแหนงทกำหนดไว Ø 8

Dynamic Publishing ขอมลทปรากฏบน Web Page จะถกจดเกบอยในฐานขอมลทเปนสวนกล าง และจะถกแตละ Web Page เรยกใชขอมลรวมกน Ø เมอมการเปลยนแปลง เพม หรอลบขอมลทมเปลยนแปลงจะมาปรากฏบน Web Page ทเกยวของโดยอตโนมต Ø 9

Dynamic Publishing สวนแสดงรหสนกศกษา สวนแสดงรปนกศกษา สวนแสดงชอ ภาควชาคอมพวเตอรศกษา - นามสกลนกศกษา สถาบนเทคโนโลยพระจอมเกลาพระนครเหนอ 10

Dynamic Publishing 4820740126 นางสาวอรศรา เจรญรอด ภาควชาคอมพวเตอรศกษา สถาบนเทคโนโลยพระจอมเกลาพระนครเหนอ 11

Information Transactions เหมาะสำหรบธ รกรรมในลกษณะทจะตองมกา รแลกเปลยนขอมลขาวสารกนเปนจำนวนมาก เชน l การสงใบสงซอสนคาใหกบลกคา l การสงรายละเอยดสนคาใหกบลกคา Ø ขอมลจะถกแปลงจากแบบฟอรมปกตใหอยใน รปแบบของ Web Document Ø ขอมลสวนใหญจะเปนขอมลทใชงานชว คราว จงอาจไมใชขอมลลาสด จำเปนตองมการปรบปรงขอมลอยเสมอ Ø 12

Data Storage and Analysis เปนการนำขอมลในฐานขอมลมาแสดงผลในแบบ Static Publishing l Static Publishing เปนการแสดงผลในแบบทผใชไมสามารถแก ไขหรอปอนขอมลผานทางโปรแกรม Web Browser แตจะสามารถเรยกเอกสารมาแสดงผลไดเทาน น Ø เหมาะสำหรบการใชวเคราะหขอมลในอดตทา งสถต เชน l จำนวนนกศกษาทจบการศกษาในป พ. ศ. 2540 -2547 Ø 13

สวนประกอบของฐานขอมลบน Web ประกอบดวย 3 สวนหลกคอ Ø สวนของฐานขอมล Ø สวนของโปรแกรมททำงานอยบน Web ทงทเปน Web Server และ Web Client Ø สวนของโปรแกรม Middleware l เปนโปรแกรมททำหนาทเปนสอกลางใน การตดตอระหวาง 3 โปรแกรม • โปรแกรม DBMS ของฐานขอมล • โปรแกรม Web Server • โปรแกรม Web Client 14

สวนประกอบของฐานขอมลบน Web HTML, Java. Script Web Server APIs CGI Middleware Application Servers Java ODBC Database SQL Native Database Gateways 15

Web Client คอโปรแกรมททำงานอยบนเครองคอมพวเต อรททำหนาทเรยกใชขอมลจาก Remote Computer Ø ในบางครงอาจเรยกวา โปรแกรม Web Browser Ø โปรแกรม Web Browser ทนยมใชไดแก l Netscape Navigator l Microsoft Internet Explorer l Others Ø 16

หนาทของ Web Client ตดตอกบ Web Server ผานทางเครอขายคอมพวเตอร เชน Internet โดยใช Protocol แบบ HTTP Ø ทำหนาทสงถายขอมลขาวสารทอยในร ป Web Document กบ Web Server Ø แสดงผล Web Document ใหกบผใช Ø ปจจบนไดนำภาษา Script มาใชรวมกบภาษา HTML เพอทำให Web Document สามารถสอสารกบ Web Server ได 2 ทาง l เมอมเหตการณเกดขนกบ Web Document จะสงการทำงานไปยง Web Browser เพอประมวผลตอไป 17 Ø

หนาทของ Ø Web Client ขอดของภาษา Script l ทำให Web Page สามารถเปน Dynamic Publishing l Web Client มการทำงานทรวดเรวขน เนองจาก การตอบสนองตอการเปลยนแปลงตาง ๆ ไมตองรอคำสงจาก Web Server การเปลยนแปลงจะเกดขนท Web Client l Web Page แสดงผลไดสมบรณและหลากหลาย โดยไมตองขนอยกบโปรแกรม Browser ทใช 18

Web Server คอโปรแกรมททำหนาทรบ Request มาจาก Web Client ผานทาง Protocol แบบ HTTP Ø ตวอยางโปรแกรมไดแก l Netscape Navigator l Netscape Servers l Microsoft IIS l Apache Server l Others Ø 19

Web Server อกความหมายหนงคอ เครองคอมพวเตอรหรอชดของคอมพวเตอรท เรยกวา Cluster ททำหนาทเปน Web Server โดยเฉพาะ Ø โปรแกรมและเครองคอมพวเตอรททำหนาท เปน Web Server คอสงเดยวกน Ø 20

หนาทของ Web Server การรบ แปลง ตอบสนองตอ Request ทสงมาจาก Web Client Ø โดยมหนาทหลกคอ การสงขอมลขาวสารกลบไปยง Web Client Ø เพอใหมการทำงานแบบ 2 ทาง จงตองมโปรแกรมทำงานคกบ Web Server โดยมหนาทนำขอมล ใน Web Document มาประมวลผลแลวกำหนดทอยของ Web Client ในรป URL เพอสงขอมล Ø 21

ประเภทของWeb Server แบงตามรปแบบในการเขาถงขอมลในฐานขอมล ออกไดเปน 4 กลมดงน Ø กลมทเปน Database/Web Server Ø กลมทใชโปรแกรม CGI Ø กลมทใช APIs Ø กลมทใช Database Gateway 22

กลมทเปน Database/Web Server ผลตภณฑในกลมนมทงสวนทเปนฐา นขอมลและ Web Server รวมทงสามารถตดตอกบ Web Client ไดโดยตรง โดยไมตองอาศย Database Gateway หรอโปรแกรม CGI Ø ผลตภณฑสามารถรบ Request จาก Web Client มาแปลงเปนคำสงทใชสำหรบเรยกใชขอ มลจากฐานขอมล เพอใหไดผลลพธตามท Web Client ตองการ Ø แลวนำไปแปลงใหอยในรปเอกสาร HTML เพอสงกลบไปยง Web Client ไดดวยตวเอง Ø 23

กลมทใชโปรแกรม CGI ผลตภณฑในกลมนตองทำงานรวมกบโปร แกรม CGI (Common Gateway Interface) เพอตดตอกบฐานขอมล Ø โปรแกรม CGI นจะอยในรปของ Script ทมหนาทนำเอา Web Document ทสงมาจาก Web Client มาประมวลผล แลวจงแปลงคาตาง ๆ เพอกำหนดเปนตวแปรมาตรฐาน ทจะสงตอใหกบ Web Server เพอตดตอกบฐานขอมลตอไป Ø 24

การทำงานของโปรแกรม CGI 1. 2. 3. 4. 5. Web Client สง Request ไปยง Web Server ผานทาง Protocol แบบ HTTP Web Server สง Request ทอยในรปตวแปรมาตรฐานไปยงโปรแกรม CGI ทำการประมวลผลตาม Request ทสงมา โดยตดตอไปยงฐานขอมลหรอโปรแกรม หรอ Web Client แลวแตคำสงในการประมวลผล โปรแกรม CGI สงผลลพธกลบไปยง Web Server 25

การทำงานของโปรแกรม CGI 1. Web Client สง Request ไปยง Web Server ผานทาง Protocol แบบ HTTP Web Client 2. Web Server สง Request ทอยในรปตวแปรมาตรฐาน ไปยงโปรแกรม CGI Web Server 5. Web Server แปลงผลลพธ ใหอยในรปของเอกสาร HTML แลวสงกลบไปยง Web Client จากนนจงเลกการตดตอกบ Web Client 4. โปรแกรม CGI สงผลลพธ กลบไปยง Web Server CGI Program Database Other Applications 3. โปรแกรม CGI ทำ การประมวลผลตาม Other Web Resources Request ทสงมา โดยตดตอไปยงฐานขอมล หรอโปรแกรม หรอ Web Client แลวแตคำสงในการประมวลผล 26

ขอด -ขอเสยของการใช CGI ขอด คอ โปรแกรม CGI เปนโปรแกรมทมรปแบบในลกษณะ Universal จงสามารถนำไปใชไดกบทก Web Server และทกระบบปฏบตการ Ø ขอเสย คอ ความลาชาในการประมวลผล เนองจากแตละครงท Web Client เรยกใชโปรแกรม CGI จะถกมองเปน 1 การประมวลผลสงผลให Web Server มการประมวลผลทไมจำเปนเกดขน Ø 27

กลมทใช APIs ผลตภณฑในกลมนถกพฒนาขนเพอแ กปญหาทางดานความลาชาของการใชโปรแกรม CGI ดวยการเพมเทคนคแบบ APIs (Application Programming Interfaces) ไวใน Web Server Ø APIs เปน library ทสามารถนำมาใชประกอบการเขยนโปรแกรมเพ อสงให Web Server ทำงานไดโดยตรงแทนการใชโปรแกรม CGI จงทำใหการประมวลผลเรวขน Ø 28

ขอด -ขอเสยของการใช APIs ขอด คอ ความรวดเรวในการประมวลผล Ø ขอเสย คอ แตละ APIs ของแตละผลตภณฑจะตางกน จงตองคำนงถงผลตภณฑของ Web Server ทใชดวย Ø 29

กลมทใช Database Gateway ผลตภณฑในกลมนจะแปลง Request ใหอยในรปของภาษา Perl เพอใชตดตอกบฐานขอมล Ø ตวอยางผลตภณฑในกลมน l Web. Genera : Sybase l Wora : Oracle l db. Web : ODBC l Sapphire : Sybase, Oracle, Informix l Etc. Ø 30

ฐานขอมลทใชบน Web ฐานขอมลจะตองมโครงสรางสถาปตยกรรมของ Client/Server ไดแก l สวนของโปรแกรม Client ททำหนาทสง Request l สวนของโปรแกรม Server ททำหนาทรบ Request มาแปลและประมวลผล เพอสงขอมลตามทกำหนดใน Request กลบไปยงสวนของโปรแกรม Client Ø โดยสวนของ Server หรอโปรแกรม DBMS จะถกเรยกใชโดย Client เฉพาะของตนเอง Ø ดงนนจงตองมการกำหนดรปแบบทเปนม าตรฐานในการเขาถงขอมลในฐานขอมลขนค Ø 31

การเรยกใชฐานขอมลโดยใช ODBC XYZ Database ABC Database ODBC Driver For Product XYZ ODBC Driver For Product ABC ODBC Manager Client Application 32

การนำฐานขอมลมาใชงานบน Web โปรแกรมเมอรจะตอง พฒนา โปรแกรมททำงาน อย บน Web Client เพอเรยกใชขอมลจากฐานขอมล Ø การพฒนาโปรแกรมจะใชภาษา HTML รวมกบ โปรแกรม CGI รวมกบเทคนค Cookies หรออาจเปนภาษา JAVA Ø ถงแมวาโปรแกรมทเรยกใชขอมลจากฐานข อมลจะพฒนาดวยภาษาทตางกน แตจะมขนตอนการทำงานทเหมอนกน Ø 33

ขนตอนการทำงานของโปรแกรมททำ หนาทเรยกใชขอมลจากฐานขอมล 1. 2. 3. 4. Web Client สราง Request Web Client สง Request ไปยง Web Server โดยใช Protocol แบบ HTTP Web Server รบ Request มา แลวผานไปยงโปรแกรม Middleware ซงอาจอยในรปของ CGI หรอ APIs โปรแกรม Middleware ทำการประมวลผลตาม Request แลวแปลงเปนประโยคคำสง SQL เพอ สงไปยงโปรแกรมฐานขอมล 34

ขนตอนการทำงานของโปรแกรมททำ หนาทเรยกใชขอมลจากฐานขอมล 5. 6. 7. 8. โปรแกรมฐานขอมลรบประโยคคำสง SQL มาแปลงเปนการดำเนนการตาง ๆ โปรแกรมฐานขอมลรบผลลพธ ซงไดแก ขอมลตามทกำหนดใน Request จากฐานขอมล และสงไปยงโปรแกรม Middleware แปลงขอมลใหอยในรปแบบท Web Client เขาใจ และสงไปให Web Server สงขอมลกลบไปยง Web Client เพอแสดงผลใหกบผใชตอไป 35

ขนตอนการทำงานของโปรแกรมททำ หนาทเรยกใชขอมลจากฐานขอมล Web Server HTTP Java Middleware ODBC Database HTTP Web Client 36

ขอด /ขอเสยของโปรแกรมททำหนา ทเรยกใชขอมลจากฐานขอมล ขอด คอ โปรแกรมสามารถเรยกใชขอมลในฐานขอมลท ตางผลตภณฑกนได เนองจากมการใช ODBC Ø ขอเสย คอ ความลาชา และปญหาคอขวดในการสอสารขอมล Ø ดงนน ในบางครงจงมการนำเอา Web Server และตวฐานขอมลมารวมกนเปน Integrated Server l โดย Web Server มหนาทเขาถงขอมลในฐานขอมลโดยเ Ø 37

Integrated Server Web Server Integrated Server Database HTTP Web Client 38

Integrated Server Ø 1. 2. 3. 4. มขนตอนการทำงานดงน Web Client สราง Request Web Client สง Request ไปยง Integrated Server ผานทาง Protocol แบบ HTTP Integrated Server รบ Request และแปลงเปนคำสงในการดำเนนงานเพอเร ยกใชขอมลจากฐานขอมล Integrated Server รบขอมลจากฐานขอมล แลวสงกลบไปยง Web Client ในรปของเอกสาร HTML 39