30204-2004 การเขียนโปรแกรม

Programming Networks

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

ผู้ให้บริการเว็บไซต์ SERVER

www.facebook.com

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

มือถือ

INTERNET ?

อินเตอร์เน็ท คืออะไร ?

  1. ระบบเครือข่ายคอมพิวเตอร์ขนาดใหญ่

  2. เชื่อมต่อระหว่างเครือข่ายหลาย ๆ เครือข่ายทั่วโลก

  3. มาตรฐานที่ใช้สื่อสารกันระหว่างคอมพิวเตอร์ที่เรียกว่า โพรโทคอล (protocol): TCP/IP

  4. ผู้ใช้เครือข่ายนี้สามารถสื่อสารถึงกันได้แบบสองทาง (Full Duplex) อาทิ เว็บไซต์ อีเมล เว็บบอร์ด โซเชียลเน็ตเวิร์ก ฯลฯ

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

ผู้ให้บริการเว็บไซต์ SERVER

www.facebook.com

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

CLIENT

ผู้ใช้อินเตอร์เน็ท

มือถือ

8.8.8.8

157.240.217.35

49.228.189.62

49.228.189.63

100.65.1.29

33.47.191.5

41.112.78.1

27.55.90.44

TCP/IP ?

TCP/IP คืออะไร ?

  1. มาตรฐานสำหรับ กฎ-ระเบียบ-วิธีการ สื่อสารในระบบเครือข่ายอินเตอร์เน็ท

  2. ทุกหน่วยเชื่อมต่อต้องปฏิบัติตามโปรโตคอลเดียวกัน

  3. ทุกหน่วยที่เชื่อมต่อกับเครือข่ายอินเตอร์เน็ท จะมีหมายเลขเฉพาะประจำตัวเรียกว่า ไอพี IP Address

  4. ฟังก์ชั่นการทำงาน TCP/IP แบ่งเป็น 4 เลเยอร์

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

www.google.com

DNS

SERVER

ผู้ใช้อินเตอร์เน็ท

CLIENT

ISP

ผู้ให้บริการอินเตอร์เน็ท

ชุมสายอินเตอร์เน็ท

INTERNET BACKBONE

ทำหน้าที่รับค่าโดเมน google.com และแปลงหรือหา IP ของ google.com

DNS Server

ดีเอ็นเอส เซิร์ฟเวอร์

google.com

8.8.8.8

ส่งค่ากลับไปผู้ให้บริการอินเตอร์เน็ท

รับค่าจากผู้ให้บริการอินเตอร์เน็ท

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

8.8.8.8

DNS

SERVER

ผู้ใช้อินเตอร์เน็ท

CLIENT

ISP

ผู้ให้บริการอินเตอร์เน็ท

ชุมสายอินเตอร์เน็ท

INTERNET BACKBONE

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

8.8.8.8

ผู้ใช้อินเตอร์เน็ท

CLIENT IP: 49.228.189.62

ISP

ผู้ให้บริการอินเตอร์เน็ท

ชุมสายอินเตอร์เน็ท

INTERNET BACKBONE

ได้รับการขอข้อมูล

จาก IP 49.228.189.62

ผู้ให้บริการเว็บไซต์ SERVER

www.google.com

ผู้ใช้อินเตอร์เน็ท

CLIENT IP: 49.228.189.62

ISP

ผู้ให้บริการอินเตอร์เน็ท

ชุมสายอินเตอร์เน็ท

INTERNET BACKBONE

Workshop ?

ลองทำดู ?

  1. เข้าเว็บไซต์
    https://whatismyipaddress.com

  2. สังเกต ผลลัพธ์



     

  3. แสดงข้อมูล IP และการเชื่อมต่อของท่าน

Workshop ?

ลองทำดู ?

  1. เข้าเว็บไซต์
    https://www.nslookup.io

  2. พิมพ์ชื่อโดเมน google.co.th

  3. กดปุ่ม Find DNS Records

  4. สังเกตุผลลัพธ์

     

  5. แสดงข้อมูล IP ของโดเมน google.co.th

Workshop ?

ลองทำดู ?

  1. นำหมายเลข IP 142.251.36.35 ที่ได้จาก
    https://www.nslookup.io

  2. กรอกในช่องชื่อเว็บไซต์ของ Web Browser

     

  3. กดปุ่ม Enter

  4. สังเกตุผลลัพธ์

  5. เปรียบเทียบผลลัพธ์กับ www.google.co.th

www.google.com

www.google.co.th

www.facebook.com

www.swk.asia

Domain Name ?

โดเมนเนม คืออะไร ?

  1. ชื่อเว็บไซต์ (อักขระ) ที่ง่ายต่อการจดจำ

  2. ชื่อที่ใช้ระบุลงในคอมพิวเตอร์ (เว็บบราวเซอร์) เพื่อนำไปค้นหาในระบบ โดเมนเนมซีสเทม (Domain Name System) บนเครือข่ายอินเตอร์เน็ท

  3. มีการ ระบุ/อ้างอิง ถึงไอพีแอดเดรส บนเครือข่ายฯ

  4. ต้องมีการจดทะเบียนกับผู้ให้บริการเช่น GoDaddy

www.facebook.com

โดเมนย่อย (Sub Domain)

ชื่อย่อย ของชื่อเว็บไซต์หลัก

ชื่อโดเมนหลัก หรือ

ชื่อหลักของเว็บไซต์

ชื่อประเภทโดเมน

บ่งบอกถึงประเภทของ
หน่วยงาน องค์กร บริษัท

ชื่อโดเมนเนม เพื่อใช้ทำธุรกรรมต่าง ๆ เช่นจดทะเบียน

Example of SUB-Domain

โดเมนย่อย ตัวอย่าง

www.wikipedia.org

โดเมนหลัก
- เว็บไซต์หลัก

th.wikipedia.org

โดเมนย่อย
- เว็บภาษาไทย

es.wikipedia.org

โดเมนย่อย
- เว็บภาษาสเปน

ja.wikipedia.org

โดเมนย่อย
- เว็บภาษาญี่ปุ่น

SERVER

ผู้ใช้อินเตอร์เน็ท

  • swk.go2project.com

  • user_swk

  • 23r0z@b1B

ลองทำดู 1

  1. เชื่อมต่อไปยังเครื่อง Server

  2. สร้าง Folder ตั้งชื่อด้วยรหัสนักศึกษา เช่น 65XXXYYY

  3. ส่งไฟล์งานอะไรก็ได้ ไปที่ Folder ดังกล่าว

  4. เข้าสู่ไฟล์งานนั้นจาก Internet

    • swk.go2project.com/ชื่อโฟลเดอร์

ลองทำดู 2

  • นำโค้ด HTML ต่อไปนี้ บันทึกเป็นไฟล์ workshop2.html

<!DOCTYPE html>
<html lang="th">
<head>
  <title>webpage</title>
</head>
<body>

<h1>ชื่อ นามสกุล</h1>
<p>วิทยาลัยเทคโนโลยีศรีวรการ</p>

</body>
</html>
  • นำไฟล์ workshop2.html ไปวางไว้ที่ Folder ของนักศึกษา

  • เข้าสู่ไฟล์ดังกล่าวจาก Internet
    swk.go2project.com/โฟลเดอร์/workshop2.html

Aj. Krit Th.

https://www.kritth.com