Post on 25-Jul-2020
Part IIPart IIPart IIPart IITechnologyTechnologyTechnology Technology
Infrastructure:Infrastructure:Infrastructure: Infrastructure: The Internet and theThe Internet and theThe Internet and the The Internet and the
World Wide WebWorld Wide WebWorld Wide WebWorld Wide Web
Computer Science, Siam University 21E-Commerce
การเตรยมตวและอปกรณทตองม
เครองคอมพวเตอร
การเชอมตออนเตอรเนต
โทรศพท
กลองถายรป
การจดการเวลา
เตรยมตว เตรยมใจ และตงสต เตรยมตว เตรยมใจ และตงสต22
Technology OverviewTechnology Overview
Computer networks and the internet form the basic technology structure for electronicbasic technology structure for electronic commerce
The computers in these networks run such software as :software as : Operating systems, database managers, encryption
software, multimedia creation and viewing software,software, multimedia creation and viewing software, and the graphical user interface
Computer Science, Siam University 23E-Commerce
Network SystemNetwork System
การสอสาร (Communication)
การสอสารขอมล (Data Communication)
โทรคมนาคม (Telecommunication)
ระบบเครอขาย (Network System)
Computer Science, Siam University 24E-Commerce
Network SystemNetwork System
องคประกอบพนฐาน 4 สวนของระบบเครอขาย
1. แหลงกาเนดขาวสาร (Source/Sender)
2. สอกลางในการรบ-สงขอมล (Medium)
3. ขาวสาร (Message/Data)
4 แหลงรบขาวสาร (Receiver)4. แหลงรบขาวสาร (Receiver)
Computer Science, Siam University 25E-Commerce
Network ArchitectureNetwork Architecture
ระบบเครอขายแบบบส (Bus Topology)
ระบบเครอขายแบบสตาร (Star Topology)
ระบบเครอขายแบบรงระบบเครอขายแบบรง (Ring Topology)
ระบบเครอขายแบบผสม (Hybrid Network)
Computer Science, Siam University 26E-Commerce
Computer NetworkComputer NetworkComputer Network Computer Network Application AreasApplication Areaspppp ระบบเครอขายทองถน (Local Area Network : LAN)
ระบบเครอขายเมอง (Metropolitan Area Network : MAN)
ไ ระบบเครอขายระยะไกล (Wide Area Network : WAN)
ระบบเครอขายแบบไรสาย (Wireless Network) ระบบเครอขายแบบไรสาย (Wireless Network)
ระบบเครอขายอนเตอรเนต (Internet)
อนทราเนตและเอกทราเนต (Intranet & Extranet)
Computer Science, Siam University 27E-Commerce
Internet ServicesInternet Services World Wide Web : WWW
Electronic Mail (E-Mail)
File Transfer Protocol (FTP)
Telnet Telnet
Searc Engine, Gopher, Archie, WAIS
Instant Messaging
News Group
Web Board
Voice Over IP : VoIP
Computer Science, Siam University 28E-Commerce
Voice Over IP : VoIP
Domain NamesDomain NamesTo make the numbering system easier to use, an
alternative addressing method that uses words alternative addressing method that uses words was created.
The last part of a domain name (i.e., ‘.com’) is the t l id tifi i th d i ll d most general identifier in the name and is called a
‘top-level domain’ (TLD)
Computer Science, Siam University 29E-Commerce
ServersServersWeb Server หมายถง เครองคอมพวเตอรผใหบรการ
ใ ใ(Server) ทใหบรการขอมลในรปแบบเอกสาร HTML
(Hyper Text Markup Language) โดย Web Server จะ(Hyper Text Markup Language) โดย Web Server จะ
ประมวลผลการรองขอจากผขอใชบรการ (Client) และ
สงเอกสารกลบไปใหตามทรองขอ ซงการรองขอนน
กระทาผานโปรแกรมเวบบราวเซอร (W b B )กระทาผานโปรแกรมเวบบราวเซอร (Web Browser)
Computer Science, Siam University 30E-Commerce
Common Gateway InterfaceCommon Gateway Interface Common Gateway Interface : CGI
โปรโตคอล ซอฟตแวรทเปนมาตรฐานสาหรบ Web Server ใน โปรโตคอล ซอฟตแวรทเปนมาตรฐานสาหรบ Web Server ใน
การประมวลผลขอมลและนาขอมลนนกลบไปยงผใช ทาใหผใช
สามารถโตตอบกบเวบเซรฟเวอรได (Two-way Communication)
223-310 Advanced Web Development
Common Gateway Interface
223-310 Advanced Web Development
Web Server SoftwareWeb Server Software เครองคอมพวเตอรทเปนแมขายหรอผใหบรการตองอาศยโปรแกรมประเภท Web Server เพอจาลองตวเองอาศยโปรแกรมประเภท Web Server เพอจาลองตวเองเปนเครอง Web Server
ไ โปรแกรมประเภท Web Server ไดแก
IISIIS
Apache
IBM WebShpere
Jrun Server
Computer Science, Siam University 33E-Commerce
ServersServersDatabase Server หมายถง Server ทใชในการจดเกบ
ใ ใ ใ ฐานขอมลขนาดใหญ เพอใหงายตอการเรยกดของผใช
(Client) โดย Client Application จะรนโปรแกรมบน(Client) โดย Client Application จะรนโปรแกรมบน
Client แตจะดงขอมลจากฝง Server เชนการคนหา
ขอมลลกคาจาก Database เฉพาะขอมลทผใชตองการ
เทานนจะถกสงมาใหฝง Cli tเทานนจะถกสงมาใหฝง Client
Computer Science, Siam University 34E-Commerce
ServersServersMail Server หมายถง Server ทใหบรการในการรบ สง
จดเกบ และจดการเกยวกบ E-Mail
FTP S หมายถง S ทใหบรการโอนยายFTP Server หมายถง Server ทใหบรการโอนยาย
ไฟลขอมลจากคอมพวเตอรเครองหนงไปยงอกเครอง
หนงในเครอขายอนเตอรเนต
Computer Science, Siam University 35E-Commerce
ServersServersProxy Server หมายถง Server สาหรบทาการเกบ
โ ขอมลเวบเพจตางๆ ทเราเรยกมาด โดยจะทาหนาทเสมอนทเกบขอมลเวบเพจทมผเคยเรยกดไวในระบบของ Server และเมอม ผอน เรยกดขอมล ท เปนเ วบเพจเดยวกนกบทมเกบไวแลว กไมจาเปนทจะตองไปเรยกเดยวกนกบทมเกบไวแลว กไมจาเปนทจะตองไปเรยกอานจาก Server ตนฉบบจรงๆ จะคนหาขอมลจาก
Proxy Server กอน ซงทาใหสามารถเรยกดขอมลไดเรวกวาเรยกจากตนฉบบจรง
Computer Science, Siam University 36E-Commerce
กวาเรยกจากตนฉบบจรง
ServersServersFirewall เปนระบบทปองกนอนตรายจากอนเทอรเนต
โ ใหรอเนตเวรกภายนอก โดยจะทาหนาทในการควบคม
การเขาถงระหวางเนตเวรกภายนอกทเราตดวาไมการเขาถงระหวางเนตเวรกภายนอกทเราตดวาไม
ปลอดภย กบเนตเวรกภายในทเราตองการจะปองกน
โดย Filewall อาจจะเปนฮารดแวรหรอซอฟตแวรกได
Computer Science, Siam University 37E-Commerce
FirewallFirewall
Computer Science, Siam University 38E-Commerce
World Wide Web TechnologyWorld Wide Web Technology “WWW” หรอ “Web”
HTTP (Hyper Text Transfer Protocol)
Menu-based System
Client/Server SystemClient/Server System
Home Page / Web Page / Web SiteHome Page / Web Page / Web Site
Computer Science, Siam University 39E-Commerce
Hypertext Transfer ProtocolHypertext Transfer Protocol
HTTP
โครงสรางขอมล HTTP ม 2 สวน
Header หรอ Metadata
Data หรอ ขอมลจรง
Computer Science, Siam University 40E-Commerce
Hypertext Transfer ProtocolHypertext Transfer Protocol
Computer Science, Siam University 41E-Commerce
Uniform Resource LocatorUniform Resource Locator
URL
http://www.siam.edu/index.php (Port 80)
h // il i h (P 443)https://mail.siamu.ac.th (Port 443)
ftp://www.service.siam.edu/ (Port 21)
file://C:/E-commerce/index.htm
Computer Science, Siam University 42E-Commerce
Uniform Resource LocatorUniform Resource Locator
http://www.amazon.com/gp/homepage.html
โป โ ฟ ไ ไฟ สโปรโตคอล ชอเวบเซรฟเวอร ชอไดเรคทอร ชอไฟลเอกสาร
Computer Science, Siam University 43E-Commerce
Hypertext Markup LanguageHypertext Markup Language HTML เปนภาษาสาหรบสรางเวบเพจ ควบคมขอความ รปภาพ และเสยงทจะแสดงผาน Web Browserและเสยงทจะแสดงผาน Web Browser
มาตรฐาน HTML ถกดแลโดย W3C (World Wide Web Consortium)
คาสงแตละตวของ HTML เรยกวา “Tag” จะม < และ > ปดหว คาสงแตละตวของ HTML เรยกวา Tag จะม < และ > ปดหวทาย เชน <H1>, <BR>, <BODY> เปนตน
โ แตละคาสงจะม Tag เปด และ Tag ปด โดย Tag ปดจะมเครองหมาย / หนา Tag เชน </H1>, </BODY> เปนตน
Computer Science, Siam University 44E-Commerce
g
Hypertext Markup LanguageHypertext Markup Language ไฟล HTML จะมสกล .htm หรอ .html
Dynamic HTML (DHTML) ภาษา HTML ทถกพฒนามความ
ยดหยนและสามารถเคลอนไหวไดในลกษณะไดนามกส
DHTML จะชวยโตตอบกบผใชไดทนทวงท และลดภาระงานทาง
ฝง Server
Computer Science, Siam University 45E-Commerce
Hypertext Markup LanguageHypertext Markup Language DHTML กลไกการทางานจะอาศย
DOM (Document Object Module) ทาหนาทกาหนดทกสวนของเวบDOM (Document Object Module) ทาหนาทกาหนดทกสวนของเวบเพจเปนวตถ ซงสามารถปรบเปลยนคณสมบต (Property) ได
ป Style Sheet เปนการระบรายละเอยดคณลกษณะเฉพาะของเอกสารเวบเพจ เชน รปแบบตวอกษร, ขนาด, สพนหลง เปนตน สไตลชตทใชใน เวบเพจ เรยกวา “Cascading Style Sheet”
Script Language จดการกบวตถ เชน การสงใหวตถนนเคลอนยาย หรอมการเปลยนแปลงเมอผใชเอาเมาสไปวาง เปนตน ภาษาสครปตท
นยมไดแก JavaScript, VBScript
Computer Science, Siam University 46E-Commerce
Hypertext Markup LanguageHypertext Markup Language<HTML><HEAD><TITLE>FIRST MY WEBPAGE</TITLE><TITLE>FIRST MY WEBPAGE</TITLE></HEAD><BODY BGCLOR=“WHITE”><H1 ALIGN=“CENTER”>WELCOME TO MY HOMEPAGE</H1><HR><P>THIS IS A PARAGRAPH OF TEXT</P><P>THIS IS A PARAGRAPH OF TEXT</P><UL>
<LI><A HREF=“ABOUT.HTM”>ABOUT</A><LI><A HREF=“PRODUCTS.HTM”>PRODUCTS</A>
</UL></BODY>
Computer Science, Siam University 47E-Commerce
/</HTML>
Hypertext Markup LanguageHypertext Markup Language
Computer Science, Siam University 48E-Commerce
HypertextHypertext
ขอความหรอกลมของขอความทถกเชอมโยงเขาดวยกน
โดยนาขอความทใชมาเปนจดเชอมโยง ซงจะปรากฏใน
ใ ป ลกษณะของ การขดเสนใต ตวหนาตวหนา หรอ ตวเอยง เปนตน
เอกสารทถกเชอมโยง เรยกวา “Hyperlink” เอกสารทถกเชอมโยง เรยกวา Hyperlink
“Hypermedia” การเชอมโยงดวยภาพ และเสยงyp
Computer Science, Siam University 49E-Commerce
XHTMLXHTMLภาษา XHTML (eXtensible HTML) รวมลกษณะเดนของ
HTML และ XML เขาไวดวยกนHTML และ XML เขาไวดวยกน
XHTML 1.0 & HTML 5
XHTML จะตองอยในรปแบบทเรยกวา “Well-formed”
elements must be properly nested
ex: <body>
<b><i>This text is bold and italic.</i></b>
Computer Science, Siam University 50E-Commerce </body>
XHTMLXHTMLelements must be closed
Thi i h / ex : <p>This is a paragraph</p>
Here's an image <img src="happy.gif" alt="Happy g g ppy g ppyface" />
Thi i b k b / This is a break<br />
tag names must be in lowercase
http://elearning.nectec.or.th/courses/104/20060417-b t d d fil /f ht # lid 0005 ht
Computer Science, Siam University 51E-Commerce
webstandard_files/frame.htm#slide0005.htm
XMLXML ภาษา XML (eXtensible Markup Language) เปนภาษากลาง
ในการตดตอสอสารระหวางแพลตฟอรมในการตดตอสอสารระหวางแพลตฟอรม
XML คอภาษา Markup เหมอนกบ HTML
XML เปนภาษา (text) ทถกออกแบบมาเพอ นยามขอมล
โ (Describe Data) โดยอาศย Tag และ Element ทกาหนดขนเอง
Style Sheet ของเพจ XML จะเขยนดวยภาษา XSL (eXtensible Style Sheet ของเพจ XML จะเขยนดวยภาษา XSL (eXtensible
Stylesheet Language)
Computer Science, Siam University 52E-Commerce
XMLXML
ตวอยางเอกสาร XML
<?xml version=“1.0”?>
<customers><customers><name>new technology information</name><phone>02-231-6407</phone>p /p<fax>02-23106413</fax>
</customers>
Computer Science, Siam University 53E-Commerce
WMLWML
ภาษา WML (Wireless Markup Language) เปนภาษาทใชสรางเวบเพจสาหรบนาไปแสดงบน “Microbrowser” ซงเปนบราวเซอรบนอปกรณสอสารไรสาย เชน Mobile ซงเปนบราวเซอรบนอปกรณสอสารไรสาย เชน Mobile Phone, PDA เปนตน
มโครงสรางคลายภาษา HTML แตใชโปรโตคอลตางกนWML ใชโปรโตคอล WAP (Wireless Application WML ใชโปรโตคอล WAP (Wireless Application Protocol)
Computer Science, Siam University 54E-Commerce
WMLWML
ตวอยางโคด WML
<?xml version=“1.0” ?>
<!DOCTYPE wml PUBLIC “ //WAPFORUM//DTD WML 1 1//EN”<!DOCTYPE wml PUBLIC -//WAPFORUM//DTD WML 1.1//EN“http://www.wapforum.org/DTD/wml_1.1.xml>
<wml><card>
<p>My first WML.</p></card>
</wml>
Computer Science, Siam University 55E-Commerce
Script LanguageScript Language ทางานไดทงแบบ Client side และ Server side
ภาษาสครปต
JavaScriptp
VBScript
ASP : Active Server PageASP : Active Server Page
PHP : Personal Home Page หรอ PHP Hypertext Preprocessor
JSP : Java Server Page
Cascading Style Sheets (CSS)
Computer Science, Siam University 56E-Commerce
Intranets and ExtranetsIntranets and Extranets IntranetsAn intranet is an interconnected network (orAn intranet is an interconnected network (or
internet-small ‘i’ intended) that does not extend beyond the organization that created itbeyond the organization that created it.
Intranets are an extremely popular and low-di ib i f icost way to distribute corporate information.
An intranet uses Web browsers and Internet-based protocols (including TCP/IP, FTP, Telnet, HTML, and HTTP) and often includes a
Computer Science, Siam University 57E-Commerce
firewall
Intranet Architecture
223-310 Advanced Web Development
Intranets and ExtranetsIntranets and Extranets ExtranetsExtranets are intranets that have beenExtranets are intranets that have been
extended to include specific entities outside the boundaries of the organization (businessboundaries of the organization (business partners, suppliers, etc.)A b bli kAn extranet can be a public network, a secure (private) network, or a virtual private network (VPN)(VPN)
Computer Science, Siam University 59E-Commerce
Intranets and ExtranetsIntranets and Extranets A public network is any computer or telecommunications
network that is available to the public.
A private network is a private, leased-line connection between two companies that physically connects theirbetween two companies that physically connects their intranets to one another.
A VPN extranet is a network that uses public networks and their protocols to send sensitive data to partners,
t li d l i tcustomers, suppliers, and employees using a system called ‘IP tunneling’ or ‘encapsulation’.
Computer Science, Siam University 60E-Commerce
E t t A hit tExtranet Architecture
223-310 Advanced Web Development
Internet Connection OptionsInternet Connection Options The Internet is a set of interconnected
networksnetworks.
Large firms that provide Internet access to other businesses are called Internet Accessother businesses are called Internet Access Providers (IAPs) or Internet Service Providers (ISPs)Providers (ISPs).
Computer Science, Siam University 62E-Commerce
Connectivity OverviewConnectivity Overview The most common connection options that ISPs
offer to the Internet are telephone, broadband,offer to the Internet are telephone, broadband, leased-line, and wireless.
Bandwidth is the amount of data that can travel th h i ti li it f tithrough a communication line per unit of time.
Bandwidth can differ for data traveling to or from the ISP.
Computer Science, Siam University 63E-Commerce
VoiceVoice--Grade TelephoneGrade TelephoneVoiceVoice--Grade Telephone Grade Telephone ConnectionsConnections The most common way to connect to an ISP is
through a modem connected to your local g ytelephone service provider.
POTS uses existing telephone lines and an analog modem to provide a bandwidth of 28-56 g pKbps.
ISDN uses the DSL (Digital Subscriber Line) Protocol suite to offer bandwidths between 128-
Computer Science, Siam University 64E-Commerce
256 Kbps.
Broadband ConnectionsBroadband Connections Connections that operate at speeds of greater
than 200 Kbps are called broadband services.p ADSL uses the DSL protocol to provide
bandwidths between 100-640 Kbps upstream and p p1.5-9 Mbps downstream.
Cable modems provide transmission speeds p pbetween 300 Kbps - 1 Mbps from the client to the server and a downstream rate as high as 10 MbMbps.
Satellite microwave transmissions handle Internet d l d t d d 500 Kb
Computer Science, Siam University 65E-Commerce
downloads at speeds around 500 Kbps.
LeasedLeased--Line ConnectionsLine Connections Large firms can connect to an ISP using
higher bandwidth connections that they canhigher-bandwidth connections that they can lease from telecommunications carriers.
A ‘T1’ line operates at 1 544 Mbps and a A T1 line operates at 1.544 Mbps and a ‘T3’ line operates at 44.736 Mbps.
Computer Science, Siam University 66E-Commerce
Wireless ConnectionsWireless Connections Many researchers and business managers
see great potential for wireless networkssee great potential for wireless networks and the devices connected to them
The term m-commerce is used to describe The term m commerce is used to describe the kinds of resources people might want to access using devices that have wirelessaccess using devices that have wireless connections.
Computer Science, Siam University 67E-Commerce