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

การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Embed Size (px)

DESCRIPTION

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

Citation preview

Page 1: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 1

InternetInternetWeb ArchitectureWeb ArchitectureWeb ApplicationWeb ApplicationWeb DatabaseWeb Database

Lect_04

Page 2: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 2

Internet

อิ�นเทอิร์�เนต คื�อิ ร์ะบบเคืร์�อิข่�ายท��ปร์ะกอิบด้�วยเคืร์�อิข่�ายคือิมพิ�วเตอิร์�ในท��ต�างๆท��วโลกเชื่��อิมต�อิก�น และม�บร์�การ์ต�างๆ มากมาย เชื่�น WWW, อิ�เมล�,การ์ถ่�ายโอินแฟ้&ม ม� Protocol สำ(าหร์�บเชื่��อิมต�อิ คื�อิ TCP/IP

Page 3: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 3

Page 4: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 4

Web site in ThailandWeb site in Thailand under .th

+ 20,000 web

Page 5: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 5

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)

Internet users in ThailandInternet users in Thailand

Page 6: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 6

1.www.sanook.com2.www.kapook.com3.www.manager.co.th4.www.pantip.com5.www.teenee.com6.www.mthai.com7.www.siamsport.co.th8.www.asiasoft.co.th9.www.pamool.com10.www.siamZa.com

10 10 อั�นดั�บเว็บยอัดัฮิ�ตที่��ผู้��ใช้�มากที่��สุ�ดั อั�นดั�บเว็บยอัดัฮิ�ตที่��ผู้��ใช้�มากที่��สุ�ดั ในประเที่ศ ในประเที่ศ ((5 July 20065 July 2006 ) )

http://truehits.net

Page 7: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 7

Home page vs. Web pageHome page vs. Web page

Home page

Web page

www.msu.ac.th

Page 8: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 8

URL (Uniform Resource Locators)

คื�อิ การ์ร์ะบ*แหล�งข่�อิม+ลท��ต�อิงการ์ข่อิบร์�การ์

URL Components

http://www.msu.ac.th/faculty.php

ProtocolResource

PathLocationAddress

Page 9: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 9

TCP/IPTCP/IPTransmission Control Protocol/Internet Protocol

ใชื่�เป,นมาตร์ฐานสำ(าหร์�บการ์เชื่��อิมต�อิก�นทางอิ�นเทอิร์�เนตป.จจ*บ�นท(าหน�าท��เป,นสำ��อิกลางในการ์ต�ด้ต�อิสำ��อิสำาร์ร์ะหว�างคือิมพิ�วเตอิร์�ท��ใชื่�ร์�วมก�น (ต�างภาษา/ร์างร์ถ่ไฟ้)ในเคืร์�อิข่�ายเพิ��อิให�คือิมพิ�วเตอิร์�ท��ต�ด้ต�อิก�นอิย+�สำามาร์ถ่คื*ยก�นได้�

Windows, Linux, UNIX, IBM, SUN Solaris

Page 10: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 10

IP AddressIP Address

คื�อิ การ์ก(าหนด้หมายเลข่ปร์ะจ(าต�วให�ก�บคือิมพิ�วเตอิร์�ท��เชื่��อิมต�อิก�น เพิ��อิใชื่�ในการ์อิ�างอิ�งถ่3งก�นได้� (บ�านเลข่ท�� )ต�อิงไม�ให�ซ้ำ(5าก�น หมายเลข่ IP จะม� 4 ชื่*ด้ ชื่*ด้ละ 8 Bit

11000000 10101000 00000000 00000001

192 168 0 1

192.168.0.1

Page 11: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 11

DNS (Domain Name Server)DNS (Domain Name Server)

เน��อิงจากการ์ก(าหนด้ IP จะม�ข่�อิเสำ�ยคื�อิจ(าได้�ยาก จ3งได้�พิ�ฒนาว�ธี�การ์อิ�างอิ�ง เพิ��อิมาใชื่�อิ�างอิ�งแทน

เช้�น หมายเลข IP ขอัง คณะว็�ที่ยาการสุารสุนเที่ศ ค&อั 202.28.32.9 สุามารถใช้� โดัเมนเป)น it.msu.ac.th

Page 12: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 12

Windows socket Interface

FTPServer

Telnet Server

WWW Server

DNSServer

UDPTCP

IP

Application

Host to Host

Internet

Network

TCP Port 20,21

TCP Port :80 TCP Port :53TCP Port :23

Page 13: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 13

Application LayerApplication Layer

การ์ท(างานข่อิงโปร์โตคือิลชื่�5นน�5จะเป,นการ์เข่�าใชื่�ทร์�พิยากร์ร์ะยะไกล (Remote Access) และการ์แชื่ร์�ใชื่�ทร์�พิยากร์ (Resource Sharing) โปร์โตคือิลท��อิย+�ใน Layer น�5ได้�แก�

HTTP (Hyper Text Transfer Protocol)ใชื่�สำ(าหร์�บการ์ร์�บสำ�งไฟ้ล�เวบเพิจ ร์ะหว�างเวบบร์าวเซ้ำอิร์�และเวบเซ้ำ�ร์�ฟ้เวอิร์�

SMTP (Simple Mail Transfer Protocol)ใชื่�สำ(าหร์�บการ์ร์�บสำ�งอิ�เมล�ร์ะหว�างเมล�เซ้ำอิร์�เวอิร์�

Page 14: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 14

Application Layer (Application Layer (ต�อัต�อั))

POP (Post Office Protocol)ใชื่�สำ(าหร์�บการ์ด้าวน�โหลด้อิ�เมลจากเมล�เซ้ำอิร์�เวอิร์�

FTP (File Transfer Protocol)ใชื่�สำ(าหร์�บการ์ถ่�ายโอินไฟ้ล�ร์ะหว�างโฮสำต�

Telnet ใชื่�สำ(าหร์�บการ์ลอิกอิ�นเข่�าโฮสำต�ร์ะยะไกล

Page 15: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 15

FTP (File Transfer Protocol)FTP (File Transfer Protocol)ใชื่�สำ(าหร์�บการ์ถ่�ายโอินไฟ้ล�ร์ะหว�างโฮสำต�ท(าได้�เฉพิาะสำมาชื่�กเท�าน�5น

FTP Client

FTP Server

File Transfer

InternetLocalFile system

RemoteFile system

Page 16: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 16

การ์บร์�การ์อิย+� 2 ปร์ะเภท คื�อิ Private FTP / เฉพิาะกล*�ม น�ยมใชื่�ตามสำถ่านศึ3กษาและภายในบร์�ษ�ท ผู้+�ใชื่�บร์�การ์จะต�อิงม�ร์ห�สำผู้�านเฉพิาะจ3งจะใชื่�งานได้�  ปร์ะเภทท��สำอิงคื�อิ Anonymous FTP/FTP สำาธีาร์ณะให�บร์�การ์ด้าวน�โหลด้ไฟ้ล�ข่�อิม+ลฟ้ร์�โด้ยไม�ต�อิงม�ร์ห�สำผู้�าน ซ้ำ3�งป.จจ*บ�นม�บร์�การ์ในล�กษณะน�5เป,นจ(านวนมาก โด้ยเฉพิาะโปร์แกร์มซ้ำอิฟ้ต�แวร์�ใหม�ๆ ท��ต�อิงการ์เผู้ยแพิร์�ไปสำ+�สำาธีาร์ณชื่น

ค*าสุ��งขอัง FTP เช้�น User, Password, List, RETR, STOR

FTP (File Transfer Protocol)FTP (File Transfer Protocol)

Page 17: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 17

InternetWeb ArchitectureWeb ApplicationWeb Database

Lect_04

Page 18: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 18

FTP

Web

Web Browser

Web ArchitectureWeb Architecture

Mail

Host/Server

Page 19: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 19

FTP

Web

Client

Web ArchitectureWeb Architecture

Mail

Browser

Host/Server

Page 20: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 20

FTP

Web

Web Browser

Web ArchitectureWeb Architecture

Mail

202.28.32.9

index.htmldefault.php

Host/Server

Page 21: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 21

FTP

Web

Web Browser

Web ArchitectureWeb Architecture

Mail

80

21

25

Host/Server

Page 22: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 22

InternetWeb ArchitectureWeb ApplicationWeb Database

Lect_04

Page 23: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 23

App. Engine

Web Browser

หล�กการที่*างานขอัง Web Application

Web Server

Page 24: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 24

App. Engine

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

Page 25: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 25

Web/Application Server

Web Browser

หล�กการ์ท(างานข่อิง Web Application

www.msu.ac.th

Page 26: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 26

Web App Engine

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

<HTML> <BODY> <H1>Example</H1> <B>Hello Bold</B><BR> <I>Hello Italic</I><BR> <? Response.Write("Hello PHP") ?></BODY></HTML>

Page 27: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 27

Web App Engine

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

<HTML> <BODY> <H1>Example</H1> <B>Hello Bold</B><BR> <I>Hello Italic</I><BR> <? Response.Write("Hello PHP") ?></BODY></HTML>

Page 28: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 28

Web App Engine

Web Browser Web Server

<HTML> <BODY> <H1>Example</H1> <B>Hello Bold</B><BR> <I>Hello Italic</I><BR> Hello PHP</BODY></HTML>

หล�กการ์ท(างานข่อิง Web Application

Page 29: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 29

Web App Engine

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

ExampleHello BoldHello ItalicHello PHP

Page 30: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 30

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

Request Object

Page 31: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 31

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

Response Object

Page 32: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 32

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

www.it.msu.ac.th

Page 33: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 33

Web Browser

หล�กการ์ท(างานข่อิง Web Application

Web Server

Page 34: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 34

InternetWeb ArchitectureWeb ApplicationWeb Database

Lect_04

Page 35: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 35

Web DatabaseWeb Databaseหล�กการ สำร์�างฐานข่�อิม+ลไว�ท�� Server ท��ให�บร์�การ์ ใชื่�ภาษาในการ์เข่�ยน Web Database เชื่�น ASP,PHP,CGI

1

432

Page 36: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 36

Web App Engine

Web Browser

Web DatabaseWeb Database

Web Server

Page 37: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 37

Web App Engine

Web Browser

Web DatabaseWeb Database

Web Server

Database

Page 38: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 38

Oracle

SQL

Access

Web App Engine

Web Browser

Web DatabaseWeb Database

Web Server

Database Connector

Components Server Script

Page 39: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 39

Oracle

SQL

Access

Web App Engine

Web Browser

Web DatabaseWeb Database

Web Server

Database Connector

Components Server Script

Page 40: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 40

Web App Engine

Web Browser

Web DatabaseWeb Database

Web Server

Database

Page 41: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 41

Web App Engine

Web Browser

Web Database

Web Server

Database

Page 42: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 42

Web App

Web Browser

Web DatabaseWeb Database

Web Server

DatabaseMicrosoft AccessMicrosoft SQL ServerOracle, MySQL

Internet ExplorerNetscapeMozilla

IIS, PWS, Apache

ASP, ASP.NETPHP, PERLJSP, Java Servlet

Page 43: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 43

Web App

Web Browser

Web DatabaseWeb Database

Web Server

DatabaseMicrosoft AccessMicrosoft SQL ServerOracle, MySQL

ASP, ASP.NETPHP, PERLJSP, Java Servlet

Internet ExplorerNetscapeMozilla

IIS, PWS, Apache

ODBC, OLEDB, ADO, ADO.NETJDBC

Page 44: การพัฒนาเอกสารออนไลน์ขั้นสูง Lect 04

Lect04 Web Database 44

งานสุ*าหร�บว็�นน�+งานสุ*าหร�บว็�นน�+

1. FTP (File Transfer Protocol)2. Telnet

(ให�ที่*าลง Word)

พิ�มพิ-เลขรห�สุและช้&�อัตนเอังไว็�บรรที่�ดัแรก ต�+งช้&�อัไฟล-เป)นเลขรห�สุน�สุ�ต พิ�มพิ-เลขรห�สุและช้&�อัตนเอังไว็�บรรที่�ดัแรก ต�+งช้&�อัไฟล-เป)นเลขรห�สุน�สุ�ต ((รห�สุ เช้�น รห�สุ เช้�น 4603110175) 4603110175) แนบไพิล-สุ�งมาที่�� แนบไพิล-สุ�งมาที่�� E-mail: E-mail: [email protected] [email protected] ผู้��ใดัไม�ที่*าตามน�+ จะไม�ตรว็จให� สุ�งก�อัน ว็�นที่�� ผู้��ใดัไม�ที่*าตามน�+ จะไม�ตรว็จให� สุ�งก�อัน ว็�นที่�� 18 July 2006 18 July 2006

ให�อัธิ�บายร�ปแบบการให�บร�การขอังอั�นเที่อัร-เนต ให�อัธิ�บายร�ปแบบการให�บร�การขอังอั�นเที่อัร-เนต ค*าต�อัไปน�+ว็�าม�หล�กการค*าต�อัไปน�+ว็�าม�หล�กการ/ / ล�กษณะที่*างานอัย�างไรล�กษณะที่*างานอัย�างไร