Technology Infrastructure: The Internet and theThe ... · Computer NetworkComputer Network...

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


Network SystemNetwork System

การสอสาร (Communication)

การสอสารขอมล (Data Communication)

โทรคมนาคม (Telecommunication)

ระบบเครอขาย (Network System)


Network SystemNetwork System

องคประกอบพนฐาน 4 สวนของระบบเครอขาย

1. แหลงกาเนดขาวสาร (Source/Sender)

2. สอกลางในการรบ-สงขอมล (Medium)

3. ขาวสาร (Message/Data)

4 แหลงรบขาวสาร (Receiver)4. แหลงรบขาวสาร (Receiver)


Network ArchitectureNetwork Architecture

ระบบเครอขายแบบบส (Bus Topology)

ระบบเครอขายแบบสตาร (Star Topology)

ระบบเครอขายแบบรงระบบเครอขายแบบรง (Ring Topology)

ระบบเครอขายแบบผสม (Hybrid Network)


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)


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


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)


ServersServersWeb Server หมายถง เครองคอมพวเตอรผใหบรการ

ใ ใ(Server) ทใหบรการขอมลในรปแบบเอกสาร HTML

(Hyper Text Markup Language) โดย Web Server จะ(Hyper Text Markup Language) โดย Web Server จะ

ประมวลผลการรองขอจากผขอใชบรการ (Client) และ

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

กระทาผานโปรแกรมเวบบราวเซอร (W b B )กระทาผานโปรแกรมเวบบราวเซอร (Web Browser)


Common Gateway InterfaceCommon Gateway Interface Common Gateway Interface : CGI

โปรโตคอล ซอฟตแวรทเปนมาตรฐานสาหรบ Web Server ใน โปรโตคอล ซอฟตแวรทเปนมาตรฐานสาหรบ Web Server ใน

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

สามารถโตตอบกบเวบเซรฟเวอรได (Two-way Communication)

223-310 Advanced Web Development

Common Gateway Interface


Web Server SoftwareWeb Server Software เครองคอมพวเตอรทเปนแมขายหรอผใหบรการตองอาศยโปรแกรมประเภท Web Server เพอจาลองตวเองอาศยโปรแกรมประเภท Web Server เพอจาลองตวเองเปนเครอง Web Server

ไ โปรแกรมประเภท Web Server ไดแก

IISIIS

Apache

IBM WebShpere

Jrun Server


ServersServersDatabase Server หมายถง Server ทใชในการจดเกบ

ใ ใ ใ ฐานขอมลขนาดใหญ เพอใหงายตอการเรยกดของผใช

(Client) โดย Client Application จะรนโปรแกรมบน(Client) โดย Client Application จะรนโปรแกรมบน

Client แตจะดงขอมลจากฝง Server เชนการคนหา

ขอมลลกคาจาก Database เฉพาะขอมลทผใชตองการ

เทานนจะถกสงมาใหฝง Cli tเทานนจะถกสงมาใหฝง Client


ServersServersMail Server หมายถง Server ทใหบรการในการรบ สง

จดเกบ และจดการเกยวกบ E-Mail

FTP S หมายถง S ทใหบรการโอนยายFTP Server หมายถง Server ทใหบรการโอนยาย

ไฟลขอมลจากคอมพวเตอรเครองหนงไปยงอกเครอง

หนงในเครอขายอนเตอรเนต


ServersServersProxy Server หมายถง Server สาหรบทาการเกบ

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

Proxy Server กอน ซงทาใหสามารถเรยกดขอมลไดเรวกวาเรยกจากตนฉบบจรง


กวาเรยกจากตนฉบบจรง

ServersServersFirewall เปนระบบทปองกนอนตรายจากอนเทอรเนต

โ ใหรอเนตเวรกภายนอก โดยจะทาหนาทในการควบคม

การเขาถงระหวางเนตเวรกภายนอกทเราตดวาไมการเขาถงระหวางเนตเวรกภายนอกทเราตดวาไม

ปลอดภย กบเนตเวรกภายในทเราตองการจะปองกน

โดย Filewall อาจจะเปนฮารดแวรหรอซอฟตแวรกได


FirewallFirewall


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


Hypertext Transfer ProtocolHypertext Transfer Protocol

HTTP

โครงสรางขอมล HTTP ม 2 สวน

Header หรอ Metadata

Data หรอ ขอมลจรง


Hypertext Transfer ProtocolHypertext Transfer Protocol


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


Uniform Resource LocatorUniform Resource Locator

http://www.amazon.com/gp/homepage.html

โป โ ฟ ไ ไฟ สโปรโตคอล ชอเวบเซรฟเวอร ชอไดเรคทอร ชอไฟลเอกสาร


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> เปนตน


g

Hypertext Markup LanguageHypertext Markup Language ไฟล HTML จะมสกล .htm หรอ .html

Dynamic HTML (DHTML) ภาษา HTML ทถกพฒนามความ

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

DHTML จะชวยโตตอบกบผใชไดทนทวงท และลดภาระงานทาง

ฝง Server


Hypertext Markup LanguageHypertext Markup Language DHTML กลไกการทางานจะอาศย

DOM (Document Object Module) ทาหนาทกาหนดทกสวนของเวบDOM (Document Object Module) ทาหนาทกาหนดทกสวนของเวบเพจเปนวตถ ซงสามารถปรบเปลยนคณสมบต (Property) ได

ป Style Sheet เปนการระบรายละเอยดคณลกษณะเฉพาะของเอกสารเวบเพจ เชน รปแบบตวอกษร, ขนาด, สพนหลง เปนตน สไตลชตทใชใน เวบเพจ เรยกวา “Cascading Style Sheet”

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

นยมไดแก JavaScript, VBScript


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>


/</HTML>

Hypertext Markup LanguageHypertext Markup Language


HypertextHypertext

ขอความหรอกลมของขอความทถกเชอมโยงเขาดวยกน

โดยนาขอความทใชมาเปนจดเชอมโยง ซงจะปรากฏใน

ใ ป ลกษณะของ การขดเสนใต ตวหนาตวหนา หรอ ตวเอยง เปนตน

เอกสารทถกเชอมโยง เรยกวา “Hyperlink” เอกสารทถกเชอมโยง เรยกวา Hyperlink

“Hypermedia” การเชอมโยงดวยภาพ และเสยงyp


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


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)


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>


WMLWML

ภาษา WML (Wireless Markup Language) เปนภาษาทใชสรางเวบเพจสาหรบนาไปแสดงบน “Microbrowser” ซงเปนบราวเซอรบนอปกรณสอสารไรสาย เชน Mobile ซงเปนบราวเซอรบนอปกรณสอสารไรสาย เชน Mobile Phone, PDA เปนตน

มโครงสรางคลายภาษา HTML แตใชโปรโตคอลตางกนWML ใชโปรโตคอล WAP (Wireless Application WML ใชโปรโตคอล WAP (Wireless Application Protocol)


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>


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)


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


firewall

Intranet Architecture


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)


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’.


E t t A hit tExtranet Architecture


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).


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.


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-


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


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.


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.


Technology Infrastructure: The Internet and theThe ... · Computer NetworkComputer Network...

Documents

Transcript of Technology Infrastructure: The Internet and theThe ... · Computer NetworkComputer Network...