ภาควิ�ชาวิ�ทยาการคอมพิ�วิเตอร� คระวิ�ทยาศาสตร� มหาวิ�ทยาลั�ยบู�รพิา
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 แทนั แทนั > < "e;> < "e;
White space White space การัเว่�นัว่รัรัค การัข56นัการัเว่�นัว่รัรัค การัข56นับรัรัท�ดให้ม� การัข-ดเส�นั ซี50งเรัาจัะเรั-ยกว่�าเป9นั บรัรัท�ดให้ม� การัข-ดเส�นั ซี50งเรัาจัะเรั-ยกว่�าเป9นั separator separator แสดงแค� แสดงแค� 1 blank 1 blank ถึ�าต�องการั ถึ�าต�องการั blank blank ห้ลายๆครั�6งต�องใช� ห้ลายๆครั�6งต�องใช�
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ด
Top Related