สด101-หลักการสื่อสาร เรื่อง สื่ออินเทอร์เน็ตและเว็บไซต์

1. สื่ออินเทอรเน็ตและเว็บไซต
DC101 : หลักการสื่อสาร
อ.พีราวิชญ ภาคนนทกุล
คณะสารสนเทศและการสืื่อสาร

2. ความหมายของการสื่อสารขอมูล
การสอสารขอมูล หมายถง การแลกเปลี่ยนขอมลระหวางอปกรณ
การสื่อสารขอมล หมายถึง การแลกเปลยนขอมูลระหวางอุปกรณ
สองชิ้น ที่ตองการตัวกลางในการสื่อสาร (Transmission Media)

3. ลักษณะการสงสัญญาณขอมูล
การสงขอมูลแบบทิศทางเดียว
ิ ี
(One – Way Communication หรือ Simplex Communication)
การสงวิทยุกระจายเสียง การแพรภาพโทรทัศน

4. ลักษณะการสงสัญญาณขอมูล
การสื่อสารแบบกึงสองทิศทาง
่
(Half – Duplex Communication
วิิทยุส่ือสารแบบทีตํารวจนํํามาใช
ี่ ใ

5. ลักษณะการสงสัญญาณขอมูล
การสื่อสารแบบสองทิศทาง
(Full– Duplex Communication )
โทรศพท
โทรศัพท

6. องคประกอบการสื่อสารขอมูล
การสื่อสารขอมูลมีองคประกอบพื้นฐานหลัก 5 อยาง ไดแก
S 1. ผูสงหรืออุปกรณสงขอมูล (Sender)
M 2. ขาวสาร (Message)
3. ชองทางการสื่อสาร หรือสื่อกลาง (Channel , Media)
C 4. ผูรับหรืออุปกรณรับขอมูล (Receiver)
R 5.
5 โปรโตคอล ( Protocol )
P

7. โปรโตคอล ( Protocol )
ขอกําหนดสําหรับการสื่อสาร
เพืื่อใ ผูรบและผูสงเขาใ ั ไ 
ให ั  ใจกนได

8. http://www.sanook.com

9. http://www.sanook.com
http://www sanook com
http HyperText Transfer P t
H T t T f Protocoll
ip Internet Protocol
It tP t l

10. http://www.sanook.com
p Domain name
203.107.165.221 IP address

11. Internet Protocol

12. Protocol สําหรับโอนยายไฟลคืออะไร?

13. ftp.peerawich.com
ft ih

14. ftp.peerawich.com
ftp File Transfer Protocol

15. ตวกลางทีี่ใชในการสงขอมูล
ั  
( Transmission Media )
มีอะไรบาง ?
1. สื่อประเภทมีสาย (Guided Media))
(
2 สือประเภทไรสาย (Unguided Media , Wireless)
2. สอประเภทไรสาย
่

16. สอประเภทมสายมอะไรบาง?
สื่อประเภทมีสายมีอะไรบาง?
Bluetooth Satellite
Cellular
Coaxial
Fiber Optic
Fib O ti
Twisted-Pair
Twisted Pair
Infrared
If d

17. Bluetooth Satellite
Cellular
Coaxial
Fiber Optic
Fib O ti
Twisted-Pair
Twisted Pair
Infrared
If d
Guided Media Wireless

18. 1. สื่อประเภทมีสาย (Guided Media)
1 2
การเชื่อมตอคอมพิวเตอร 2 เครื่อง ใชสายสื่อสารเพียง 1 เสน
1 2 3
การเชอมตอคอมพวเตอร เครอง ใชสายสอสาร เสน
การเชื่อมตอคอมพิวเตอร 3 เครื่อง ใชสายสื่อสาร 3 เสน

19. 1 2 3 4
การเชื่อมตอคอมพิวเตอร 4 เครื่อง ใชสายสื่อสาร 6 เสน

20. คําถาม หากมีคอมพิวเตอร 5 เครื่องก็จะตองใชสายในการ
เชื่อมตอทั้งสิ้นเทากับ
Location 1
i Location 2
L i
1
1
2
2
3

21. Connections = (N2 ‐ N)
2
จากคําถาม หากมีคอมพิวเตอร 5 เครื่องก็จะตองใชสาย
ในการเชื่อมตอทั้งสิ้นเทากับ
(5 2-5) / 2 = 10

22. Location 1 Location 2
1
1
2
2
3

23. หาวิิธีท่ีแกไขการสิิ้นเปลืื้องของสาย
ทเปนตวกลางในการเชอมตอเครองคอมพวเตอร
ที่เปนตัวกลางในการเชื่อมตอเครื่องคอมพิวเตอร

24. อุปกรณศูนยกลาง ที่เชื่อมตอคอมพิวเตอร เชน Hub , Switch
อปกรณศนยกลาง ทเชอมตอคอมพวเตอร เชน Hub Switch

25. อุปกรณศูนยกลาง ที่เชื่อมตอคอมพิวเตอร เชน Hub , Switch

26. 2. สือประเภทไรสาย (Unguided Media , Wireless)
่

27. ปกติิ การ Download & Upload อยางไหน
ไ
มความเรวสูงกวา Do nload
ี ็ ส  Download
หนวยของความเรว
หนวยของความเร็ว
ในการ Download & Upload คืออะไร
p
Mbps

28. การตรวจสอบ
ความเรวของอิินเทอรเนต
็  ็

29. Download Upload

30. Download Upload

31. หนวยของความเร็วอินเทอรเน็ต
กัับหนวยของความจุหรืือขนาดของขอมูล

เหมือนหรืือตางกัน
ื  ั

32. ความเร็วในการ Download 6 Mbps
หากตองการ Download ไฟลขนาด 6 MB ใชเวลา?
หากตองการ ไฟลขนาด ใชเวลา?
1 วินาที ใชมั้ย
วนาท ใชมย

33. ความเร็วในการ Download 6 Mbps
bit
ตองการ Download ไฟลขนาด 6 MB ใชเวลา?
byte
1 byte = 8 bit 6 MB = 48 Mb

34. ความเร็วในการ Download 6 Mbps
ตองการ Download ไฟลขนาด 48 Mb ใชเวลา?
คําตอบคือ 8 วินาที

35. จงเรยงหนวยของความจุหรอขนาดของขอมูลจากนอยไปมาก
จงเรียงหนวยของความจหรือขนาดของขอมลจากนอยไปมาก
GB KB TB MB
10 9 10 3 10 12 10 6

36. คิดวาในประเทศไทย มีจํานวนคนการใช
อินเทอรเน็ตเทาใด?

37. สถิติผใชอินเทอรเน็ตในประเทศไทย
ู
มากกวา ลานคน คดเปน
มากกวา 18 ลานคน คิดเปน 29%
http://internet.nectec.or.th/webstats/internetuser.iir?Sec=internetuser

38. รูจักกับความหมายของคําวา เว็บไซต
็ ไ
HOME PAGE
WEB PAGE
WEB SITE

39. ความแตกตางระหวางสออนเทอรเนต กบ
ความแตกตางระหวางสื่ออินเทอรเน็ต กับ
สื่อประเภทอื่นๆ (วิทยุุ โทรทัศน สื่อสิ่งพิมพ)
Interactive, Hyperlink ผูอานมีีปฏิิสมพนธได
 ั ั

40. ความแตกตาง
ความแตกตาง
ระหวาง
ระหวาง
web1.0 web2.0 web 3.0
web1 0 web2 0 web 3 0

41. Web 1.0 Read‐Only Web
(Human‐to‐Human Communication)
Web 2.0 Read‐Write Web
(Human‐to‐Computer Communication)
( )
Web 3.0 Semantic web
(Computer‐to‐Computer Communication)

43. สิิ่งทีี่สําคััญใ
ในการสรางเว็็บไ  (เปรีียบเทีียบกัับสืื่ออืื่นๆ)
ไซต
1 ความสวย vs ความเร็ว
“  ิดเสมอวา 10 วิินาทีีแรก ตองดึึงดูดคนเขามาอานไวใหได”
“ตองคิ     ไ ใ ไ ”
เทคนิคที่ชวยใหเว็บไซตเร็วขึ้น
Ex. การทําภาพพื้นหลัง และ การแบงภาพที่ออกแบบเปนสวนยอยๆ (Slice)

45. การแบงภาพที่ออกแบบเปนสวนยอยๆ (Slice)

46. 2 ขนาดพื้นที่ที่จะออกแบบ
ความละเอยดหนาจอ
ความละเอียดหนาจอ % เฉลี่ยในการใช
เฉลยในการใช
1024*768 40.45%
1280*800 17.14%
1280*1024 7.42%
ที่มา: http://truehits.net/

47. 3 Navigation
“การเขาถึงขอมูลอยางสะดวกเปนหัวใจสําคัญของระบบเนวิเกชัน”

48. ตูเย็น ถุงเทา ตูเสื้อผา หองนั่งเลน พจนานุกรม หองครัว นมสด ชั้นหนังสือ หองนอน

วิธีที่ 1. เรียงตามตัวอักษร
ชนหนงสอ
ชั้นหนังสือ
ตูเย็น
ตู สอผา
ตเสื้อผา
ถุงเทา
นมสด
พจนานุกรม
หองครว
หองครัว
หองนอน
 ั่ 
หองนงเลน
ขอดี : งาย
ขอเสย : สงทอยู าดบใกลเคยงกนจ ไมมความสมพนธกน
ขอเสีย : สิ่งทีอยลําดับใกลเคียงกันจะไมมีความสัมพันธกัน
่

49. วธท แบงตามขนาดสงของ
วิธีที่ 2. แบงตามขนาดสิ่งของ
ขนาดใหญ หองนอน หองนั่งเลน หองครัว
ขนาดกลาง ชั้นหนังสือ ตูเย็น ตูเสื้อผา
ขนาดเล็ก ถุงเทา นมสด พจนานุุกรม
ุ
วธท 3. แบงตามประเภทหองและสงของทอยู
วิธีที่ 3 แบงตามประเภทหองและสิ่งของที่อยภายใน
สิ่งของที่อยูในหองนอน ตูเสื้อผา ถุงเทา
สิงของทีี่อยูในหองนั่งเลน
่  ั ชัั้นหนัังสือ
ื
พจนานุกรม
สิงของทีอยูในหองครัว ตูเย็น นมสด
่ ่  

50. วธท 4. แบงตามลาดบทตง
วิธีที่ 4 แบงตามลําดับที่ตั้ง
หองนอน ตู สื้อผา ถุงเทา
หองนอน > ตเสอผา > ถงเทา
ถุงเทาอยูในตูเสื้อผา และตูเสื้อผาอยูในหองนอน
หองนั่งเลน > ชั้นหนังสือ > พจนานุกรม
พจนานุกรมอยูในชนหนงสืือ และชนหนงสืืออยูในหองนงเลน
ั้ ั ั้ ั ั่
หองครััว > ตูเย็น > นมสด
็
นมสดอยูในตูเย็น และตูเย็นอยูในหองครัว

51. ชื่อ – นามสกุล
บานเลขที่
แขวง ออกแบบสวนของขอมูลโดย
วนเดอนปเกด
วันเดือนปเกิด การจดกลุ
การจัดกลม
งานอดิเรก
เขต
เพื่อใหเปนระเบียบ หมวดหมูู
ของสะสม ชัดเจน ทําใหผูใชอานงาย
เพศ และสบายตา
อาหารโปรด
รหัสไปรษณีย
สตวเลยง
สัตวเลี้ยง

52. ขอมูลสวนบุคคล
ขอมลสวนบคคล ทอยู าศย
ที่อยอาศัย ขอมูลอนๆ
ขอมลอื่นๆ
ชื่อ – นามสกุล บานเลขที่ งานอดิเรก
เพศ เขต ของสะสม
วันเดือนปเกิด แขวง อาหารโปรด
รหััสไปรษณีีย
ไป สััตวเลี้ยง
 ี

53. งานวิจัยในตางประเทศ : ลักษณะการอานของผูใชบนอินเทอรเน็ต

วธการ : การจบคลนความรอนบนจอคอมพวเตอรตามระยะเวลาและความถในการอาน
วิธีการ : การจับคลื่นความรอนบนจอคอมพิวเตอรตามระยะเวลาและความถีในการอาน
่
(F Shape) : สแดง คนดูมาก , สเหลอง คนดูนอย , สมวง มองผานๆ
(F‐Shape) : สีแดง= คนดมาก , สีเหลือง = คนดนอย , สีมวง = มองผานๆ
(ภาพจาก http://www.useit.com/alertbox/reading_pattern.html)

54. web design
web content
web programing
web master
System Administrator