Introduction to 321370 Internet Service Technology

1. Introduction to 321370 Internet Service Technology อ. อธิตา โชคอนันต์รัตนา

2. คำอธิบายรายวิชา (Course description) • ชนิดและบริการต่างๆ ในระบบอินเทอร์เน็ตในเชิงของผู้ให้บริการมากกว่าผู้ใช้บริการ การจัดการโครงสร้างสารสนเทศขององค์กรสำหรับให้บริการในระบบอินเทอร์เน็ตในรูปแบบต่างๆ การรักษาความปลอดภัยบนเครือข่ายอินเทอร์เน็ต พัฒนาการของเทคโนโลยีทางอินเทอร์เน็ต ทีซีพี/ไอพี เนมซเพช การเชื่อมต่อและโปรโตคอล โครงสร้างของระบบรับให้บริการ เทคนิคของเวิล์ไวด์เว็บ การโปรแกรมทางฝั่งเครื่องให้บริการ เทคนิคของเวิลด์ไวด์เว็บ การโปรแกรมทางฝั่งเครื่องให้บริการ การเขียนโปรแกรมซีจีไอ

3. การให้คะแนน • การวัดผลและประเมินผล • เข้าร่วมกิจกรรมการเรียน ร้อยละ 10 • กิจกรรมเขียนโปรแกรม ร้อยละ 15 • พัฒนางานประยุกต์ ร้อยละ 30 • สอบกลางภาค ร้อยละ 20 • สอบปลายภาค ร้อยละ 25

4. การตัดเกรด • การให้เกรด • A 80 ++ • C 50 • F 30 --

5. Review Web Application Host Internet Terminals

6. การประมวลผลศูนย์กลาง Host Centralized Processing ความหมายหมายถึง วิธีการประมวลผลที่ผู้ใช้เครื่องคอมพิวเตอร์จะใช้ผ่านศูนย์กลางจากเครื่อง ปลายทาง (terminal) การเรียกหาข้อมูลหรือโปรแกรมที่จะใช้ จะเรียกจากศูนย์กลางทั้งหมด ดู terminal ประกอบ Terminals

7. การประมวลผลแบบกระจาย Distributed Processing การประมวลผลแบบกระจาย จึงได้มีการจัดสรรหน้าที่การทำงานต่าง ๆ ที่จะต้องเชื่อมโยงกับเครือข่ายอินเตอร์เน็ตให้กับคอมพิวเตอร์อีกเครื่อง หนึ่งโดยเฉพาะ เรียกว่า เว็บเซิร์ฟเวอร์ “Web Server Internet

8. Distributed Model Devices Server Database Server Process Server Client

9. การวัดความสามารถของ Super Computer หน่วยวัดความสามารถ MIPS (MILLION INSTRUCTION PER SECOND) FLOPS (FLOATING POINT OPERATIONS PER SECOND)

10. Thick and Thin • Thick Clientการทำงานหรือการประมวลผลอยู่ที่เครื่องแม่ข่ายหรือเครื่องเซิร์ฟเวอร์เป็นหลัก แต่ในฝั่ง Client ก็ยังต้องมีโปรแกรมติดตั้งอยู่ • Thin Client เป็นลักษณะการเลียนแบบ Centralized Processing แต่เปลี่ยนจาก Terminal จะเป็น PC ธรรมดาแทน

11. Thick Client Host เครื่อง Client จะต้องมีแอพลิเคชั่นประมวลผลอยู่ด้วย แต่ไปใช้ทรัพยากรบางอย่างที่เครื่อง Host Client

12. Centralized and Thin Client Host Host Terminals Personal Computer

13. สถาปัตยกรรมแบบ 3-Tier Internet

14. สถาปัตยกรรมแบบ 3-Tier ในทาง Logical โปรแกรมทั้ง 3 ส่วนทำงานแยกขาดออกจากกัน คือ โปรแกรมแต่ละส่วนทำงานเป็นอิสระ ไม่จำเป็นต้องเป็นภาษาเดียวกัน หรือผลิตภัณฑ์เดียวกัน

15. Presentation • Business logic • Data Storages สถาปัตยกรรมแบบ 3-Tier ในทาง Physical โปรแกรมทั้ง 3 ส่วนอาจจะแยกกันอยู่ 3 เครื่อง หรือออาจจะอยู่ที่เครื่องเดียวกันก็ได้ Internet • Business logic • Data Storages • Presentation

16. สถาปัตยกรรมแบบ n-Tier • ในปัจจุบันข้อมูลบนเครือข่าย ยังมีข้อมูลประเภท Media เพิ่มมาอีก เช่น MovieVideo จึงการเพิ่ม Server เข้ามาอีก Presentation Media Server Data storage Internet Database Server

17. มาตรฐานเกี่ยวกับ Internet • Internet -> TCP/ IP, IMAP, SMTP, FTP • ผู้ที่กำหนดมาตรฐานคือ IETF (Internet Engineering Task Force) [www.ietf.org] • เป็นคณะทำงานเฉพาะกิจหนึ่งของ IAB ประกอบด้วยกลุ่มวิจัยต่างๆ ที่ทำงานทางด้านโปรโตคอล ของอินเตอร์เน็ต, การประยุกต์ใช้งาน, สถาปัตยกรรม และเทคโนโลยี IETF บริหารจัดการโดยคณะกรรามการและ IRSG( Internet Research Steering Group) ซึ่งประกอยด้วยประธานกลุ่มงานวิจัยต่างๆ และนักวิจัยอื่นๆ

18. มาตรฐานเกี่ยวกับ WWW (www.w3c.org) • W3C หรือ World Wide Web Consortium เป็นองค์กรระหว่างประเทศที่ทำงานด้านการพัฒนาเทคโนโลยีของ "เวิลด์ไวด์เว็บ" นำโดยนาย ทิม เบิร์นเนอร์ ลี (Tim Berners-Lee) ก่อตั้ง W3C ในปี ค.ศ.1994  มีองค์กรสมาชิกมากกว่า 450 องค์กร ที่เรารู้จักกันดีเช่น Apple,Google, Microsoft, Sun Microsystems • องค์กร W3C นี้ ประกอบด้วยสถาบัน 3 สถาบันคือ MIT ในสหรัฐอเมริกา INRIA ในยุโรป และ Keio University ในญี่ปุ่น

19. Tim Berners-Lee

20. WWW

21. โปรโตคอลของ www • HTTP (Hyper text transfer protocol) • Version 1.1 1.0 HTTP Request Client Web Server HTTP Respond

22. รูปแบบของ Request Header HEADER BODY • Request Header • IP Number ของเครื่อง Client • OS Client • Web Agent ได้แก่ข้อมูลเกี่ยวกับ เว็บบราวเซอร์ ชื่อ เวอร์ชั่น • ภาษาที่สนับสนุน • Cookie • URL + Query String • Request Body • ถ้าเป็นการส่งปกติจะไม่มีค่าอะไรส่งไปให้ • แต่ถ้าเป็นการส่งแบบ submit form ข้อมูลที่ไปจะเป็นชื่อของ field ต่างๆใน form และค่าใน form • ส่ง Cookie ที่เคยฝากไว้

23. รูปแบบของ Respond Header HEADER BODY • Respond Header • message statusเช่น ส่งกลับมาตัวเลข 200 หมายความว่า ถูกต้อง ถ้าส่งมาเป็น 4xx จะเป็น error • ในแบบที่เป็น 5xx คือเป็นแบบ Internal Server Error • ฝาก cookie กลับมา • Cache, Browser control • Content Type • Respond Body • เนื้อหาของ content

24. ความสำคัญของภาษาและเว็บบราวเซอร์ความสำคัญของภาษาและเว็บบราวเซอร์ • HTML • CSS • XML • Java Script ……… etc (Client Side) • Web Browser • Tag • Attribute • Value • CSS

25. Introduction to HTML อย่างกระชับ

26. ภาษา HTML • TEXT • Character Encoding • IEEE, ISO (TIS-620) • Encoding, UTF-8, utf-7 ---- utf-16 • DEFACTO Standard เช่น ในประเทศไทยใช้ windows-874, TIS-620

27. TAG ภาษา HTML • Closed Tag <tag เปิด>………………. </tag> < td bgcolor=“……………”> ………….. </td> • Empty Tag <tag ……………… /> เป็นรูปแบบ xhtml

28. โครงสร้าง TAG <HTML> <html> <head> <title>…………</title> <meta………………….. /> <link …………………………../> </head> <body> </body> </html>

29. กรณีที่เป็นข้อความพิเศษกรณีที่เป็นข้อความพิเศษ • อักขระพิเศษ เช่น < > “ & จะต้องมีการใช้คำสั่งพิเศษ เรียก character entity แทน &gt; &lt; &quote; • White space การเว้นวรรค การขึ้นบรรทัดใหม่ การขีดเส้น ซึ่งเราจะเรียกว่าเป็น separator แสดงแค่ 1 blank ถ้าต้องการ blank หลายๆครั้งต้องใช้ &nbsp;

30. TAG ต่างๆ • <br> • <hr> • <p> • <h1> ถึง <h6> • <list>

31. TAG ต่างๆ • <table> • <a href=“url” target=“” name=“”> • <imgsrc=“” width=“” height=“” alt=“”>

32. ทำรายงานเรื่อง Status Code Definitions ของ HTTP ให้ยกตัวอย่าง 10 code ที่พบบ่อย • ให้หาว่า tag / attribute / value / cssใด ที่เป็นลักษณะเฉพาะของเว็บบราวเซอร์ [ IE 5, IE 6, IE 7, Firefox, Chrome, Safari] ให้หาให้ได้มากที่สุด