ภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร� คระวิ�ทยาศาสตร� มหาวิ�ทยาลั�ยบู�รพิา

Introduction to Introduction to

321370 321370

Internet Service Internet Service

TechnologyTechnology

อ . อธิ�ตา โชคอนั�นัต�รั�ตนัา

ชนั�ดและบรั�การัต�างๆ ในัรัะบบอ�นัเทอรั�เนั�ตในัเช�งของผู้��ชนั�ดและบรั�การัต�างๆ ในัรัะบบอ�นัเทอรั�เนั�ตในัเช�งของผู้��ให้�บรั�การัมากกว่�าผู้��ใช�บรั�การั การัจั�ดการัโครังสรั�างให้�บรั�การัมากกว่�าผู้��ใช�บรั�การั การัจั�ดการัโครังสรั�างสารัสนัเทศขององค�กรัส%าห้รั�บให้�บรั�การัในัรัะบบสารัสนัเทศขององค�กรัส%าห้รั�บให้�บรั�การัในัรัะบบอ�นัเทอรั�เนั�ตในัรั�ปแบบต�างๆ การัรั�กษาคว่ามปลอดภั�ยอ�นัเทอรั�เนั�ตในัรั�ปแบบต�างๆ การัรั�กษาคว่ามปลอดภั�ยบนัเครั*อข�ายอ�นัเทอรั�เนั�ต พั�ฒนัาการัของเทคโนัโลย-ทางบนัเครั*อข�ายอ�นัเทอรั�เนั�ต พั�ฒนัาการัของเทคโนัโลย-ทางอ�นัเทอรั�เนั�ต ท-ซี-พั-อ�นัเทอรั�เนั�ต ท-ซี-พั-//ไอพั- เนัมซีเพัช การัเช*0อมต�อและไอพั- เนัมซีเพัช การัเช*0อมต�อและโปรัโตคอล โครังสรั�างของรัะบบรั�บให้�บรั�การั เทคนั�คโปรัโตคอล โครังสรั�างของรัะบบรั�บให้�บรั�การั เทคนั�คของเว่�ล�ไว่ด�เว่�บ การัโปรัแกรัมทางฝั่20 งเครั*0องให้�บรั�การั ของเว่�ล�ไว่ด�เว่�บ การัโปรัแกรัมทางฝั่20 งเครั*0องให้�บรั�การั เทคนั�คของเว่�ลด�ไว่ด�เว่�บ การัโปรัแกรัมทางฝั่20 งเครั*0องให้�เทคนั�คของเว่�ลด�ไว่ด�เว่�บ การัโปรัแกรัมทางฝั่20 งเครั*0องให้�บรั�การั การัเข-ยนัโปรัแกรัมซี-จั-ไอบรั�การั การัเข-ยนัโปรัแกรัมซี-จั-ไอ

ค�าอธิ�บูายรายวิ�ชา (Course description)

การให�คะแนนการัว่�ดผู้ลและปรัะเม�นัผู้ลการัว่�ดผู้ลและปรัะเม�นัผู้ล

เข�ารั�ว่มก�จักรัรัมการัเรั-ยนัเข�ารั�ว่มก�จักรัรัมการัเรั-ยนั รั�อยละ รั�อยละ 1010 ก�จักรัรัมเข-ยนัโปรัแกรัมก�จักรัรัมเข-ยนัโปรัแกรัม รั�อยละ รั�อยละ 1515

พั�ฒนัางานัปรัะย3กต�พั�ฒนัางานัปรัะย3กต� รั�อยละ รั�อยละ 3030

สอบกลางภัาคสอบกลางภัาค รั�อยละ รั�อยละ 2020 สอบปลายภัาคสอบปลายภัาค รั�อยละ รั�อยละ 2525

การต�ดเกรดการัให้�เกรัดการัให้�เกรัด

AA 80 ++80 ++

CC 5050

FF 30 --30 --

Review Web Application

Internet

Terminals

Host

การประมวิลัผลัการประมวิลัผลัศ�นย�กลัางศ�นย�กลัางCentralized

Processing

ควิามหมายห้มายถึ5ง ว่�ธิ-การัปรัะมว่ลผู้ลท-0ผู้��ใช�เครั*0องคอมพั�ว่เตอรั�จัะใช�ผู้�านัศ�นัย�กลางจัากเครั*0อง ปลายทาง (terminal) การัเรั-ยกห้าข�อม�ลห้รั*อโปรัแกรัมท-0จัะใช� จัะเรั-ยกจัากศ�นัย�กลางท�6งห้มด ด� terminal ปรัะกอบ Terminals

Host

การประมวิลัผลัแบูบูการประมวิลัผลัแบูบูกระจายกระจาย

Distributed Processing

การัปรัะมว่ลผู้ลแบบกรัะจัาย จั5งได�ม-การัจั�ดสรัรัห้นั�าท-0การัท%างานัต�าง ๆ ท-0จัะต�องเช*0อมโยงก�บเครั*อข�ายอ�นัเตอรั�เนั�ตให้�ก�บคอมพั�ว่เตอรั�อ-กเครั*0อง ห้นั50งโดยเฉพัาะ เรั-ยกว่�า เว่�บเซี�รั�ฟเว่อรั� “Web Server

Internet

Distributed Model

Database Server

Client

Devices Server

ProcessServer

หน%วิยวิ�ดควิามหน%วิยวิ�ดควิามสามารถสามารถ

การัว่�ดคว่ามการัว่�ดคว่ามสามารัถึของ สามารัถึของ Super Super ComputerComputer

MIPS

(MILLION INSTRUCTION PER SECOND)

FLOPS

(FLOATING POINT OPERATIONS PER SECOND)

Thick and Thin

Thick ClientThick Client การัท%างานัห้รั*อการัการัท%างานัห้รั*อการัปรัะมว่ลผู้ลอย��ท-0เครั*0องแม�ข�ายห้รั*อเครั*0องปรัะมว่ลผู้ลอย��ท-0เครั*0องแม�ข�ายห้รั*อเครั*0องเซี�รั�ฟเว่อรั�เป9นัห้ล�ก แต�ในัฝั่20 ง เซี�รั�ฟเว่อรั�เป9นัห้ล�ก แต�ในัฝั่20 ง Client Client ก�ย�งต�องก�ย�งต�องม-โปรัแกรัมต�ดต�6งอย��ม-โปรัแกรัมต�ดต�6งอย��Thin ClientThin Client เป9นัล�กษณะการัเล-ยนัเป9นัล�กษณะการัเล-ยนัแบบ แบบ Centralized Processing Centralized Processing แต�เปล-0ยนัแต�เปล-0ยนัจัาก จัาก Terminal Terminal จัะเป9นั จัะเป9นั PC PC ธิรัรัมดาแทนัธิรัรัมดาแทนั

Thick Client

Client

Host

เครั*0อง Client จัะ

ต�องม-แอพัล�เคช�0นัปรัะมว่ล

ผู้ลอย��ด�ว่ยแต�ไปใช�

ทรั�พัยากรับางอย�างท-0เครั*0อง

Host

Centralized and Thin Client

Terminals

Host

Personal Computer

Host

สถาป'ตยกรรมแบูบู -3 Tier

Internet

สถาป'ตยกรรมแบูบู สถาป'ตยกรรมแบูบู -3-3 TierTier

ในัทาง Logical

โปรัแกรัมท�6ง 3 ส�ว่นัท%างานัแยกขาดออกจัากก�นั ค*อ โปรัแกรัมแต�ละส�ว่นัท%างานัเป9นัอ�สรัะ ไม�จั%าเป9นัต�องเป9นัภัาษาเด-ยว่ก�นั ห้รั*อผู้ล�ตภั�ณฑ์�เด-ยว่ก�นั

สถาป'ตยกรรมแบูบู สถาป'ตยกรรมแบูบู -3-3 TierTier

ในัทาง Physical

โปรัแกรัมท�6ง 3 ส�ว่นัอาจัจัะแยกก�นัอย�� 3 เครั*0อง ห้รั*อออาจัจัะอย��ท-0เครั*0องเด-ยว่ก�นัก�ได�

- Presentation- Business logic- Data Storages

Internet

- Business logic- Data Storages

- Presentation

สถาป'ตยกรรมแบูบู n-Tier

ในัป2จัจั3บ�นัข�อม�ลบนัเครั*อข�าย ย�งม-ข�อม�ลในัป2จัจั3บ�นัข�อม�ลบนัเครั*อข�าย ย�งม-ข�อม�ลปรัะเภัท ปรัะเภัท Media Media เพั�0มมาอ-ก เช�นั เพั�0มมาอ-ก เช�นั MovieMovie Video Video จั5งการัเพั�0ม จั5งการัเพั�0ม Server Server เข�ามาอ-กเข�ามาอ-ก

Internet

Media Server

Database Server

Presentation

Data storage

มาตรฐานเก*+ยวิก�บู InternetInternetInternet ->-> TCP/ IP, IMAP, SMTP, FTPTCP/ IP, IMAP, SMTP, FTP

ผู้��ท-0ก%าห้นัดมาตรัฐานัค*อผู้��ท-0ก%าห้นัดมาตรัฐานัค*อ IETF (Internet IETF (Internet Engineering Task Force) [www.ietf.org]Engineering Task Force) [www.ietf.org]

เป9นัคณะท%างานัเฉพัาะก�จัห้นั50งของ เป9นัคณะท%างานัเฉพัาะก�จัห้นั50งของ IAB IAB ปรัะกอบด�ว่ยปรัะกอบด�ว่ยกล3�มว่�จั�ยต�างๆ ท-0ท%างานัทางด�านัโปรัโตคอล ของกล3�มว่�จั�ยต�างๆ ท-0ท%างานัทางด�านัโปรัโตคอล ของอ�นัเตอรั�เนั�ตอ�นัเตอรั�เนั�ต , , การัปรัะย3กต�ใช�งานัการัปรัะย3กต�ใช�งานั , , สถึาป2ตยกรัรัม และสถึาป2ตยกรัรัม และเทคโนัโลย- เทคโนัโลย- IETF IETF บรั�ห้ารัจั�ดการัโดยคณะกรัรัามการัและ บรั�ห้ารัจั�ดการัโดยคณะกรัรัามการัและ IRSG( Internet Research Steering Group) IRSG( Internet Research Steering Group) ซี50งปรัะกอยด�ว่ยปรัะธิานักล3�มงานัว่�จั�ยต�างๆ และนั�กว่�จั�ยซี50งปรัะกอยด�ว่ยปรัะธิานักล3�มงานัว่�จั�ยต�างๆ และนั�กว่�จั�ยอ*0นัๆอ*0นัๆ

W3C W3C ห้รั*อ ห้รั*อ World Wide Web Consortium World Wide Web Consortium เป9นัเป9นัองค�กรัรัะห้ว่�างปรัะเทศท-0ท%างานัด�านัการัพั�ฒนัาเทคโนัโลย-องค�กรัรัะห้ว่�างปรัะเทศท-0ท%างานัด�านัการัพั�ฒนัาเทคโนัโลย-ของ ของ ""เว่�ลด�ไว่ด�เว่�บเว่�ลด�ไว่ด�เว่�บ " " นั%าโดยนัาย ท�ม เบ�รั�นัเนัอรั� ล- นั%าโดยนัาย ท�ม เบ�รั�นัเนัอรั� ล- ((Tim Tim Berners-Lee) Berners-Lee) ก�อต�6ง ก�อต�6ง W3C W3C ในัป= คในัป= ค..ศศ  .1994  .1994 ม-ม-องค�กรัสมาช�กมากกว่�า องค�กรัสมาช�กมากกว่�า 450 450 องค�กรั ท-0เรัารั� �จั�กก�นัด-องค�กรั ท-0เรัารั� �จั�กก�นัด-เช�นั เช�นั Apple,Google, Microsoft, Sun Apple,Google, Microsoft, Sun Microsystems Microsystems

องค�กรั องค�กรั W3C W3C นั-6 ปรัะกอบด�ว่ยสถึาบ�นั นั-6 ปรัะกอบด�ว่ยสถึาบ�นั 3 3 สถึาบ�นัค*อ สถึาบ�นัค*อ MIT MIT ในัสห้รั�ฐอเมรั�กา ในัสห้รั�ฐอเมรั�กา INRIA INRIA ในัย3โรัป และ ในัย3โรัป และ Keio University Keio University ในัญี่-0ป3@นั ในัญี่-0ป3@นั

มาตรฐานเก*+ยวิก�บู WWW (www.w3c.org)

Tim Berners-Lee

WWW

โปรโตคอลัของ www

HTTP (Hyper text transfer HTTP (Hyper text transfer protocol)protocol)

Version 1.1 1.0Version 1.1 1.0HTTP Request

HTTP Respond

ClienClientt

Web Web ServerServer

ร�ปแบูบูของ Request Header

HEADER BODY

Request HeaderRequest Header IP Number ของเครั*0อง Client OS Client Web Agent ได�แก�ข�อม�ลเก-0ยว่ก�บ เว่�บบรัาว่เซีอรั� ช*0อ เว่อรั�ช�0นั ภัาษาท-0สนั�บสนั3นั Cookie URL + Query String

Request BodyRequest Body ถึ�าเป9นัการัส�งปกต�จัะไม�ม-ค�าอะไรัส�งไปให้� แต�ถึ�าเป9นัการัส�งแบบ submit form ข�อม�ลท-0ไปจัะเป9นัช*0อของ field ต�างๆในั form และค�าในั form

ส�ง Cookie ท-0เคยฝั่ากไว่�

ร�ปแบูบูของ Respond Header

HEADER BODY

Respond HeaderRespond Header message status เช�นั ส�งกล�บมาต�ว่เลข 200 ห้มายคว่ามว่�า ถึ�กต�อง ถึ�าส�งมาเป9นั 4xx จัะเป9นั error ในัแบบท-0เป9นั 5xx ค*อเป9นัแบบ Internal Server Error ฝั่าก cookie กล�บมา Cache, Browser control Content Type

Respond BodyRespond Body เนั*6อห้าของ content

ควิามส�าค�ญของภาษาแลัะเวิ0บูบูราวิเซอร�

HTMLHTML

CSSCSS XMLXML Java Script ……… etc (Client Side)Java Script ……… etc (Client Side)

Web BrowserWeb Browser

TagTag AttributeAttribute ValueValue CSSCSS

อย�างกรัะช�บ

Introduction to HTML

ภาษา HTML

TEXTTEXT

Character EncodingCharacter Encoding

IEEE, ISO (TIS-620)IEEE, ISO (TIS-620)

Encoding, UTF-8, utf-7 ---- utf-16Encoding, UTF-8, utf-7 ---- utf-16

DEFACTO Standard DEFACTO Standard เช�นั ในัปรัะเทศไทยใช� เช�นั ในัปรัะเทศไทยใช� windows-874, TIS-620windows-874, TIS-620

TAG ภาษา HTML

Closed TagClosed Tag

<tag <tag เปAดเปAด>………………. </tag>>………………. </tag>

< td bgcolor=“……………”> ………….. < td bgcolor=“……………”> ………….. </td> </td>

Empty TagEmpty Tag

<tag ……………… /> <tag ……………… /> เป9นัรั�ปแบบ เป9นัรั�ปแบบ xhtmlxhtml

โครงสร�าง TAG <HTML><html><html>

<head><head>

<title>…………</title><title>…………</title>

<meta………………….. /><meta………………….. />

<link …………………………../><link …………………………../>

</head></head>

<body><body>

</body></body>

</html></html>

กรณี*ท*+เป3นข�อควิามพิ�เศษ อ�กขรัะพั�เศษ เช�นั อ�กขรัะพั�เศษ เช�นั < > “ & < > “ & จัะต�องม-จัะต�องม-การัใช�ค%าส�0งพั�เศษ เรั-ยก การัใช�ค%าส�0งพั�เศษ เรั-ยก character character entity entity แทนั แทนั &gt; &lt; &quote;&gt; &lt; &quote;

White space White space การัเว่�นัว่รัรัค การัข56นัการัเว่�นัว่รัรัค การัข56นับรัรัท�ดให้ม� การัข-ดเส�นั ซี50งเรัาจัะเรั-ยกว่�าเป9นั บรัรัท�ดให้ม� การัข-ดเส�นั ซี50งเรัาจัะเรั-ยกว่�าเป9นั separator separator แสดงแค� แสดงแค� 1 blank 1 blank ถึ�าต�องการั ถึ�าต�องการั blank blank ห้ลายๆครั�6งต�องใช� ห้ลายๆครั�6งต�องใช� &nbsp;&nbsp;

TAG ต%างๆ<br><br>

<hr><hr>

<p><p>

<h1> <h1> ถึ5ง ถึ5ง <h6><h6>

<list><list>

<table><table>

<a href=“url” target=“” <a href=“url” target=“” name=“”>name=“”>

<img src=“” width=“” <img src=“” width=“” height=“” alt=“”>height=“” alt=“”>

TAG ต%างๆ

ท%ารัายงานัเรั*0อง ท%ารัายงานัเรั*0อง Status Code Status Code Definitions Definitions ของ ของ HTTP HTTP ให้�ยกต�ว่อย�าง ให้�ยกต�ว่อย�าง 10 code 10 code ท-0พับบ�อยท-0พับบ�อย

ให้�ห้าว่�า ให้�ห้าว่�า tag / attribute / value / css tag / attribute / value / css ใด ท-0เป9นัล�กษณะเฉพัาะของเว่�บบรัาว่เซีอรั� ใด ท-0เป9นัล�กษณะเฉพัาะของเว่�บบรัาว่เซีอรั� [ IE 5, IE 6, IE 7, Firefox, Chrome, [ IE 5, IE 6, IE 7, Firefox, Chrome, Safari] Safari] ให้�ห้าให้�ได�มากท-0ส3ดให้�ห้าให้�ได�มากท-0ส3ด