การสร้างสรรค์ การพัฒนาและการจัดการเอกสารออนไลน์ ปฏิสัมพันธ์ขั้น สูง ในเรื่องการพัฒนาเว็บไซต์ ปฏิสัมพันธ์ภาพเคลื่อนไหวสำหรับเว็บ การออกแบบปฏิสัมพันธ์ และการพัฒนาสื่อดิจิทัลออนไลน์รูปแบบต่างๆ

1. Internet
Web Architecture
Web Application
Web Database
Lect_04
Lect04 Web Database 1

2. Internet
อินเทอร์เน็ต คือ ระบบเครือข่ายที่ประกอบด้วยเครือข่าย
คอมพิวเตอร์ในที่ต่างๆทั่วโลกเชือมต่อกัน
่
และมีบริการต่างๆ มากมาย เช่น WWW, อีเมล์,
การถ่ายโอนแฟ้ม มี Protocol สำาหรับเชือมต่อ คือ TCP/IP
่
Lect04 Web Database 2

3. Lect04 Web Database 3

4. Web site in Thailand
under .th
+ 20,000 web
Lect04 Web Database 4

5. Internet users in Thailand
Year Year A.D. Users Source
2534 1991 30 NECTEC
2535 1992 200 NECTEC
2536 1993 8,000 NECTEC
2537 1994 23,000 NECTEC
2538 1995 45,000 NECTEC
2539 1996 70,000 NECTEC
2540 1997 220,000 NECTEC
2541 1998 670,000 NECTEC
2542 1999 1,500,000 ISP Club/NECTEC
2543 2000 2,300,000 ISP Club/NECTEC
2544 2001 3,500,000 NSO/NECTEC
2545 2002 4,800,000 NECTEC (estimate)
2546 2003 6,000,000 NECTEC (estimate)
2547 2004 6,970,000 NECTEC (estimate)
Lect04 Web Database 5

6. 10 อันดับเว็บยอดฮิตที่ผู้ใช้มากทีสุด
่
ในประเทศ (5 July 2006)
1.www.sanook.com
2.www.kapook.com
3.www.manager.co.th
4.www.pantip.com
5.www.teenee.com
6.www.mthai.com
7.www.siamsport.co.th
8.www.asiasoft.co.th
9.www.pamool.com
10.www.siamZa.com http://truehits.net
Lect04 Web Database 6

7. Home page vs. Web page
Home page
www.msu.ac.th
Lect04 Web Database
Web page 7

8. URL (Uniform Resource Locators)
 คือ การระบุแหล่งข้อมูลที่ต้องการขอบริการ
Location Resource
Protocol
Address Path
http://www.msu.ac.th/faculty.php
URL Components
Lect04 Web Database 8

9. TCP/IP
Transmission Control Protocol/Internet Protocol
ใช้เป็นมาตรฐานสำาหรับการเชื่อมต่อกันทางอินเทอร์เน็ตปัจจุบัน
ทำาหน้าที่เป็นสื่อกลางในการติดต่อสื่อสารระหว่างคอมพิวเตอร์
ทีใช้ร่วมกัน (ต่างภาษา/รางรถไฟ)ในเครือข่ายเพื่อให้คอมพิวเตอร์
่
ทีติดต่อกันอยู่สามารถคุยกันได้
่
Windows, Linux, UNIX, IBM, SUN Solaris
Lect04 Web Database 9

10. IP Address
คือ การกำาหนดหมายเลขประจำาตัวให้กับคอมพิวเตอร์
ที่เชือมต่อกัน เพื่อใช้ในการอ้างอิงถึงกันได้ (บ้านเลขที่)
่
ต้องไม่ให้ซำากัน หมายเลข IP จะมี 4 ชุด ชุดละ 8 Bit
192.168.0.1
11000000 10101000 00000000 00000001
192 168 0 1
Lect04 Web Database 10

11. DNS (Domain Name Server)
เนื่องจากการกำาหนด IP จะมีข้อเสียคือจำาได้ยาก
จึงได้พัฒนาวิธีการอ้างอิง เพือมาใช้อางอิงแทน
่ ้
เช่น หมายเลข IP ของ คณะวิทยาการสารสนเทศ
คือ 202.28.32.9 สามารถใช้ โดเมนเป็น it.msu.ac.th
Lect04 Web Database 11

12. Application
FTP Telnet WWW DNS
Server Server Server Server
TCP Port TCP Port :80 TCP Port :53
TCP Port :23
20,21
Windows socket Interface
Host to Host
TCP UDP
Internet
IP
Network
Lect04 Web Database 12

13. Application Layer
การทำางานของโปรโตคอลชัำนนีำจะเป็นการเข้าใช้ทรัพยากร
ระยะไกล (Remote Access) และการแชร์ใช้ทรัพยากร
(Resource Sharing) โปรโตคอลที่อยู่ใน Layer นีำได้แก่
HTTP (Hyper Text Transfer Protocol)
ใช้สำาหรับการรับส่งไฟล์เว็บเพจ ระหว่างเว็บบราวเซอร์
และเว็บเซิร์ฟเวอร์
SMTP (Simple Mail Transfer Protocol)
ใช้สำาหรับการรับส่งอีเมล์ระหว่างเมล์เซอร์เวอร์
Lect04 Web Database 13

14. Application Layer (ต่อ)
POP (Post Office Protocol)
ใช้สำาหรับการดาวน์โหลดอีเมลจากเมล์เซอร์เวอร์
FTP (File Transfer Protocol)
ใช้สำาหรับการถ่ายโอนไฟล์ระหว่างโฮสต์
Telnet
ใช้สำาหรับการล็อกอินเข้าโฮสต์ระยะไกล
Lect04 Web Database 14

15. FTP (File Transfer Protocol) Remote
File system
ใช้สำาหรับการถ่ายโอนไฟล์ระหว่างโฮสต์
ทำาได้เฉพาะสมาชิกเท่านัำน
fer
Tr ans
Fi le
Local
File system
Internet FTP Server
FTP Client
Lect04 Web Database 15

16. FTP (File Transfer Protocol)
การบริการอยู่ 2 ประเภท คือ Private FTP / เฉพาะกลุ่ม
นิยมใช้ตามสถานศึกษาและภายในบริษัท ผู้ใช้บริการ
จะต้องมีรหัสผ่านเฉพาะจึงจะใช้งานได้
ประเภทที่สองคือ Anonymous FTP/FTP สาธารณะให้บริการ
ดาวน์โหลดไฟล์ข้อมูลฟรีโดยไม่ตองมีรหัสผ่าน ซึงปัจจุบัน
้ ่
มีบริการในลักษณะนีำเป็นจำานวนมาก โดยเฉพาะโปรแกรม
ซอฟต์แวร์ใหม่ๆ ที่ต้องการเผยแพร่ไปสู่สาธารณชน
คำาสั่งของ FTP เช่น User, Password, List, RETR, STOR
Lect04 Web Database 16

17. Internet
Web Architecture
Web Application
Web Database
Lect_04
Lect04 Web Database 17

18. Web Architecture
Web Browser Host/Server
Web
FTP
Mail
Lect04 Web Database 18

19. Web Architecture
Client Host/Server
Browser Web
FTP
Mail
Lect04 Web Database 19

20. Web Architecture
Web Browser Host/Server
202.28.32.9
index.html Web
default.php
FTP
Mail
Lect04 Web Database 20

21. Web Architecture
Web Browser Host/Server
80 Web
21 FTP
25 Mail
Lect04 Web Database 21

22. Internet
Web Architecture
Web Application
Web Database
Lect_04
Lect04 Web Database 22

23. หลักการทำางานของ Web
Application
Web Browser Web Server
App. Engine
Lect04 Web Database 23

24. หลักการทำางานของ Web Application
Web Browser Web Server
App. Engine
Lect04 Web Database 24

25. หลักการทำางานของ Web Application
Web Browser
www.msu.ac.th
Web/Application
Server
Lect04 Web Database 25

26. หลักการทำางานของ Web Application
Web Browser Web Server
<HTML>
<BODY>
<H1>Example</H1>
<B>Hello Bold</B><BR>
<I>Hello Italic</I><BR>
<? Web App
Response.Write("Hello PHP")
?> Engine
</BODY>
</HTML>
Lect04 Web Database 26

27. หลักการทำางานของ Web Application
Web Browser Web Server
<HTML>
<BODY>
<H1>Example</H1>
<B>Hello Bold</B><BR>
<I>Hello Italic</I><BR>
<? Web App
Response.Write("Hello PHP")
?> Engine
</BODY>
</HTML>
Lect04 Web Database 27

28. หลักการทำางานของ Web Application
Web Browser Web Server
<HTML>
<BODY>
<H1>Example</H1>
<B>Hello Bold</B><BR>
<I>Hello Italic</I><BR>
Hello PHP Web App
</BODY>
</HTML> Engine
Lect04 Web Database 28

29. หลักการทำางานของ Web Application
Web Browser Web Server
Example
Hello Bold
Hello Italic
Hello PHP
Web App
Engine
Lect04 Web Database 29

30. หลักการทำางานของ Web Application
Web Browser Web Server
Request Object
Lect04 Web Database 30

31. หลักการทำางานของ Web Application
Web Browser Web Server
Response Object
Lect04 Web Database 31

32. หลักการทำางานของ Web Application
Web Browser Web Server
www.it.msu.ac.th
Lect04 Web Database 32

33. หลักการทำางานของ Web Application
Web Browser Web Server
Lect04 Web Database 33

34. Internet
Web Architecture
Web Application
Web Database
Lect_04
Lect04 Web Database 34

35. Web Database
หลักการ
 สร้างฐานข้อมูลไว้ที่ Server ที่ให้บริการ
 ใช้ภาษาในการเขียน Web Database
เช่น ASP,PHP,CGI
1
3 4
2
Lect04 Web Database 35

36. Web Database
Web Browser Web Server
Web App
Engine
Lect04 Web Database 36

37. Web Database
Web Browser Web Server
Database Web App
Engine
Lect04 Web Database 37

38. Web Database
Web Browser Web Server
Components Web App Engine Server Script
Oracle
Database Connector
SQL
Access
Lect04 Web Database 38

39. Web Database
Web Browser Web Server
Components Web App Engine Server Script
Oracle
Database Connector
SQL
Access
Lect04 Web Database 39

40. Web Database
Web Browser Web Server
Database Web App
Engine
Lect04 Web Database 40

41. Web Database
Web Browser Web Server
Database Web App
Engine
Lect04 Web Database 41

42. Web Database
Web Browser Web Server
Internet Explorer IIS, PWS, Apache
Netscape
Mozilla
Database Web App
Microsoft Access ASP, ASP.NET
Microsoft SQL Server PHP, PERL
Oracle, MySQL JSP, Java Servlet
Lect04 Web Database 42

43. Web Database
Web Browser Web Server
Internet Explorer IIS, PWS, Apache
Netscape
Mozilla
Database Web App
Microsoft Access ODBC, OLEDB, ASP, ASP.NET
Microsoft SQL Server ADO, ADO.NET PHP, PERL
Oracle, MySQL JDBC JSP, Java Servlet
Lect04 Web Database 43

44. งานสำาหรับวันนี้
ให้อธิบายรูปแบบการให้บริการของอินเทอร์เน็ต
คำาต่อไปนี้ว่ามีหลักการ/ ลักษณะทำางานอย่างไร
1. FTP (File Transfer Protocol)
2. Telnet
(ให้ทำาลง Word)
พิมพ์เลขรหัสและชือตนเองไว้บรรทัดแรก ตั้งชื่อไฟล์เป็นเลขรหัสนิสิต
่
(รหัส เช่น 4603110175) แนบไพล์สงมาที่ ่
E-mail: iqthailand@gmail.com
ผู้ใดไม่ทำาตามนี้ จะไม่ตรวจให้ ส่งก่อน วันที่ 18 July 2006
Lect04 Web Database 44