50
I nternet 1 เอกสารโดย อ.ดร.เมทินี เขียวกันยะ ปรับปรุงโดย อ. กิตติพิชญ์ คุปตะวาณิช และ อ. สิทธิโชค ทรัพย์ไพบูลย์กิจ ภาควิชาวิทยาการคอมพิวเตอร์ คณะวิทยาศาสตร์ มหาวิทยาลัยเชียงใหม่

Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

  • Upload
    others

  • View
    7

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Internet

1

เอกสารโดย อ.ดร.เมทน เขยวกนยะ ปรบปรงโดย อ. กตตพชญ คปตะวาณช

และ อ. สทธโชค ทรพยไพบลยกจ ภาควชาวทยาการคอมพวเตอร คณะวทยาศาสตร

มหาวทยาลยเชยงใหม

Page 2: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Computer Network

• การใชทรพยากรตางๆ ในเครองคอมพวเตอรสวนบคคล (Personal Computer) เชน แฟมขอมล หนวยความจ า อปกรณอนพต เอาตพตใชงานไดเฉพาะเครองเทานน ไมสามารถแบงปนทรพยากรใหเครองอนใชงานได

• ระบบเครอขาย หมายถง การน าคอมพวเตอรหลาย ๆ เครองมาเชอมตอเขาดวยกน โดยผานสายสอสาร ทงแบบมสายและแบบไรสาย เชน สายโทรศพท สายเคเบลใยแกวน าแสง สญญาณดาวเทยม คลนไมโครเวฟ เปนตน 2

Page 3: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Computer Network [2]

• ระบบเครอขาย แบงเปน • LAN (Local Area Network) เชอมโยงคอมพวเตอรทอยในอาณาเขตเดยวกน• MAN (Metropolitan Area Network) มลกษณะการเชอมโยง คอมพวเตอรทมระยะหางไกลกนในชวง 5-40 Km ผานสายสอสารแบบตาง ๆ ทมความรวดเรวในการสงผานขอมล• WAN (Wide Area Network) เชอมโยงคอมพวเตอรทหางไกลกนมาก ๆ ในลกษณะขามจงหวด หรอ ประเทศโดยผถายทอดสญญาณเปนผใหบรการ 3

Page 4: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ความหมายของ Internet

• Internet มาจากค าวา Inter Connection Network

• Internet หมายถง เครอขายคอมพวเตอรขนาดใหญทมการเชอมตอระหวางเครอขายหลายๆ เครอขายทวโลก โดยใชภาษาทใชสอสารกนระหวางคอมพวเตอรทเรยกวา โพรโทคอล (Protocol)

• Protocol เปรยบเหมอนกฎเกณฑ และขอตกลงตาง ๆ ทคอมพวเตอรใชเพอใหเขาใจความหมายของขอมลทใชรบและสงไปในเครอขาย 4

Page 5: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

TCP/IP

• Protocol หลกของ Internet คอ TCP/IP ประกอบดวย 2 สวน

• คอ TCP (Transmission Control Protocol) ท าหนาทแยกขอมลเปนสวน ๆ เรยกวา Packet สงออกไป สวน TCP ปลายทาง จะท าการรวบรวมขอมลแตละสวนเขาดวยกน เพอน าไปประมวลผลตอไป โดยระหวางการรบสงขอมลนนกจะมการตรวจสอบความถกตองของขอมลดวย ถาเกดผดพลาด TCP ปลายทางกจะขอไปยง TCP ตนทางใหสงขอมลมาใหม 5

Page 6: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

TCP/IP [2]

• IP (Internet Protocol)ท าหนาทในการจดสงขอมลจากเครองตนทางไปยงเครองปลายทางโดยอาศย IP Address ควบคมการสงขอมลบางอยางทใชในการหาเสนทางของ Packet ซงกลไกในการหาเสนทางของ IP จะมความสามารถในการหาเสนทางทดทสด และสามารถเปลยนแปลงเสนทางไดในระหวางการสงขอมล

6

Page 7: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ประวตของ Internet

• Internet เกดขนในป ค.ศ. 1969 (พ.ศ. 2512) จากการเกดเครอขาย ARPANET (Advanced Research Projects Agency NETwork)

7

• ARPANET เปนเครอขายส านกงานโครงการวจยชนสงของกระทรวงกลาโหม ประเทศสหรฐอเมรกา โดยมวตถประสงคหลกของการสรางเครอขายคอ เพอใหคอมพวเตอรสามารถเชอมตอ และมปฏสมพนธกนได

Page 8: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Internet ในประเทศไทย

• Internet ในประเทศไทยเรมขนเมอป พ.ศ. 2530 โดยการเชอมตอมนคอมพวเตอรของมหาวทยาลยสงขลานครนทร และสถาบนเทคโนโลยแหงเอเชย (AIT) ไปยงมหาวทยาลยเมลเบรน ประเทศออสเตรเลย

• ป พ.ศ. 2535 ศนยเทคโนโลยอเลกทรอนกสและคอมพวเตอรแหงชาต(NECTEC) ไดท าการเชอมตอคอมพวเตอรเขากบมหาวทยาลย 5 แหง ไดแก จฬาลงกรณมหาวทยาลย สถาบนเทคโนโลยแหงเอเชย (AIT) มหาวทยาลยสงขลานครนทรมหาวทยาลยธรรมศาสตร และ มหาวทยาลยเกษตรศาสตรเรยกวา เครอขายไทยสาร (THAISARN: the Thai Social / Scientific, Academic and Research Network)

8

Page 9: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ขอมลการใช Internet ป 2014

9

World Regions Population Internet Usage % Population Growth2000 - 2014

Africa 1125M 297M 26.5% 6498.6%

Asia 3996M 1386M 34.7% 1112.7%

Europe 825M 582M 70.5% 454.2%

Middle East 231M 111M 48.3% 3303.8%

North America 353M 310M 87.7% 187.1%

Latin America 612M 320M 52.3% 1672.7%

Oceania 36M 26M 72.9% 254.6%

TOTAL 7182M 3035M 42.3% 741%

Credit: http://www.internetworldstats.com/stats.htm

Page 10: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

IP Address

• คอมพวเตอรแตละเครองและอปกรณสอสารตาง ๆ ทตอเขากบเครอขายอนเตอรเนตจะมเลขรหสประจ าตวทไมซ ากน เรยกวา IP Address• IP address มทงหมด 32 bits หรอ 4 bytes แตละ byte จะถกคนดวยจด (.) เชน 10.4.28.2• 1 byte = 8 bit จะแทนได 2^8 = 256 รปแบบ• ดงนนแตละ byte จะมคา 0-255 10

Page 11: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Class และ IP Address

• หมายเลข IP ถกแบงเปน 2 สวนดงน

1. Network Address

2. Host Address

11

Class IP Address Network Address Host Address

A w.x.y.z w x.y.z

B w.x.y.z w.x y.z

C w.x.y.z w.x.y Z

D Reserved for Multitasking

E Used for research

Page 12: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Class และ IP Address [2]

• วธสงเกตวา IP address อยในคลาสใด ใหสงเกตจากByte แรก• ตวเลข 0-126 แสดงวาเปน IP Address ใน Class A

(IP address 127 นน จะเปน Loopback Address ของ Class หรอ ของคอมพวเตอรของเราเอง )• ตวเลข 128-191 แสดงวาเปน IP Address ใน Class B• ตวเลข 192-223 แสดงวาเปน IP Address ใน Class C• ตวเลข 224-239 แสดงวาเปน IP Address ใน Class D• ตวเลข 240-255 แสดงวาเปน IP Address ใน Class E 12

Page 13: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Domain Name

• เนองจากเลข IP address นนจดจ ายาก ท าใหมการสรางระบบชอคอมพวเตอร

• มาตรฐานในเครอขายอนเทอรเนต เรยกวา Domain Name System (DNS) เชน www.cs.science.cmu.ac.th

• ชอโดเมน (Domain Name) คอ รหสทใชในการตดตอสอสารเพอการเชอมโยงเขาหาเวบไซตบนอนเตอรเนต ส าหรบใชเปนเวบเพจหนาแรกเพอเขาสเวบไซตใด ๆ

13Domain Name Server

(DNS)

Domain Name

IP address

www.cs.science.cmu.ac.th 202.28.248.60

Page 14: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Domain Name [2]

• ซงทกเวบไซตจะตองมการจดทะเบยนขอรหส หรอชอโดเมนมาใชงานอยางถกตองตามกฎหมายหรอขอใชงานกบเวบโฮสตงตางๆ ทเปดใหบรการฟรเพอน ามาใชเปนหนาหลกของเวบไซตเสยกอน โดยรหสทใชในการตดตอจะตองประกอบดวยล าดบของโดเมนอยางนอย 3 สวน ดงน

• โดเมนล าดบตน (Top Level Domain name)

• โดเมนล าดบทสอง (Second - Level Domain name)

• โดเมนล าดบลาง (Lower- Level Domain name) 14

Page 15: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Top Level Domain Name

• เปนสวนทอยในต าแหนงขวาสดของชอโดเมน แบงเปน 2 ประเภทคอ

1. โดเมนล าดบตนทบอกประเภทขององคกร เชนตวอยางดงตาราง

15

ชนดของโดเมนล ำดบตน(TLD)

ควำมหมำยของโดเมนล ำดบตน (TLD)

.com ส ำหรบกลมขององคกร และบรษทเอกชนตำง ๆ

.net ส ำหรบกลมองคกรทท ำหนำทใหบรกำรเครอขำยอนเตอรเนต

.org ส ำหรบองคกร หรอสมำคมตำง ๆ

.gov ส ำหรบรฐบำล

.edu ส ำหรบสถำบนกำรศกษำ

.mil ส ำหรบหนวยงำนทำงทหำรของสหรฐอเมรกำ

.int ส ำหรบองคกรทจดทะเบยนระหวำงประเทศ

.biz ส ำหรบธรกจทวไป

.info ส ำหรบเวบไซตทเปดใหบรกำรขอมลทวไป

Page 16: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Top Level Domain Name [2]

2. โดเมนล าดบตนทใชเปนชอยอของประเทศ เชน

16

Domain Country

.th Thailand

.jp Japan

.uk UnitedKingdom

.tw Taiwan

Page 17: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Second Level Domain Name

• โดเมนล าดบสอง

• เปนชอโดเมนในระดบรองลงมาในชอโดเมนหลกของเวบไซตใด ๆ เรยกอกอยางวา “Sub Domain” โดยจะอยในสวนทอยถดจากโดเมนล าดบตนมาทางซายมอ สามารถแบงออกเปน 2 ประเภท คอ• SLD ทไมม Sub Domain ยอย (Lower– Level Domain) ตวอยางเชน sanook.com, yahoo.com, ksc.net เปนตน

• SLD ทสามารถแยกออกเปน Sub Domain ยอย ๆ ไดอก ตวอยางเชน catc.or.th, nectec.or.th หรอ mitc.go.th เปนตน

17

Page 18: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Lower Level Domain Name

• เปนสวนทอยถดจาก SLD ประเภทท 2 มาทางดานซายของชอโดเมน ซงจากตวอยางของทง 3 เวบไซต ไดแก catc.or.th, nectec.or.th หรอ mitc.go.th นน โดเมนในสวนล าดบทลางคอ “catc”, “nectec” และ “mitc” เปนตน

18

Page 19: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

บรการบน Internet

• E-mail คอ บรการรบสงจดหมาย

• WWW คอ บรการคนหาและแสดงขอมลแบบมลตมเดย

• FTP คอ บรการโอนขอมลระหวางเครองคอมพวเตอร

• Telnet / Secure Shell คอ บรการใหใชเครองคอมพวเตอรเครองอน

19

Page 20: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

บรการบน Internet [2]

• Searching คอ บรการสบคนหาขอมลจากแหลงตางๆ

• Conversation คอ บรการสนทนาผานเครอขาย

• Social Media คอ บรการแลกเปลยนขอมลขาวสารในแบบสงคมออนไลน

20

Page 21: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

E-mail

• E-mail คอ บรการรบสงจดหมายรวมถงไฟลทสามารถพวงตด (Attachment) ไปกบจดหมายได

• การท างานคลายกบการรบสงจดหมายทวไป คอ มผสง และผรบ ซงจะตองมทอยทเรยกวา E-mail Address เชน [email protected]

21

Page 22: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

E-mail [2]

• การใชงาน E-mail สามารถใชงานได 2 ลกษณะ คอ

• ใชงานผานโปรแกรม เชน MS Outlook, Windows Essentials Mail, ThunderBird, Apple Mail

• ใชงานผานเวบไซตทใหบรการ E-mail (Web-based E-mail) ซงอาจเปนเวบไซตทใหบรการฟร เชน Yahoo, Outlook (Hotmail), Gmail หรอเวบไซตทใหบรการเฉพาะสมาชก 22

Page 23: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

WWW

• WWW คอ บรการคนหาและแสดงขอมลแบบมลตมเดย ไดแก ขอความ รปภาพ หรอ เสยง

• ขอมลสามารถแสดงไดทละหนา แตละหนาสามารถเชอมโยงหากนไดเรยกวา Hyper Link

• การท างานจะเปนแบบ Client – Server

23

Page 24: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

WWW –Web Server

การใชงาน www จะตองมองคประกอบ ทง 3 สวน ดงน1. Web Server คอ เครองผใหบรการ การเขาถงไฟลในเครองจะ

มการ อางถงดวย URL (Uniform Resource Location) ซงมรปแบบคอ

protocol://domain/path/filehttp://www.cs.science.cmu.ac.th/matinee/pic/mypic.jpg

Protocol จะเปนตวก าหนดประเภทของบรการ เชนhttp:// บรการเวบไซตftp:// บรการโอนยายไฟลnews:// บรการ UseNet News groupgopher:// บรการ gopher

24

Page 25: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

WWW –Web Browser

2. Web Browser คอโปรแกรมทใชเปนทางผานเพอขอใชบรการตางๆในอนเตอรเนต ม 2 รปแบบคอ

1. Text mode เชน Lynx , WebblE ชงแสดงผลเฉพาะขอความ

2. Graphic mode เชน Internet Explorer, Mozilla Firefox, Safari, Opera, Google Chrome

25

Page 26: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

WWW – Content

3. Content เปนเนอหาทมการน าเสนอขอมลคลายหนากระดาษซงสามารถเชอมโยงไปยงหนาตอๆไปได โดย content แตละหนา คอ ไฟล 1 ไฟลนนเอง โดยพนฐานแลว content จะสรางจากภาษา HTML ซงสามารถจะน าเสนอขอมลไดเพยงอยางเดยว แตหากตองการใหมลกเลนหรอมการประมวลผลอน ๆ กจะใชภาษาอนเขามารวมดวยเชน PHP, ASP, Java Script 26

Page 27: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ค าศพททเกยวของกบการใชงาน WWW•Web Page คอไฟลเอกสารทถกสรางขนเพอน าเสนอขอมลขาวสารของบรการ WWW ประกอบไปดวยรายละเอยด ขอมลตาง ๆ เชน รปภาพ ตาราง ขอความ และเสยง เปนตน•Web Site คอ แหลงทอยของเวบเพจทถกจดเกบไวในทอยเดยวกนบนเครองแมขาย (Server) โดยเวบไซตหนงจะมเวบเพจกหนากไดทเชอมโยงกน หรอเวบไซตหนงจะเชอมโยงไปยงอกเวบไซตหนงกได• Home Page คอเวบเพจหนาแรกของเวบไซตใด ๆ ทปรากฏขนมาเมอระบชอของเวบไซตนน

27

Page 28: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ค าศพททเกยวของกบการใชงาน WWW [2]•Web Hosting คอผใหบรการเชาพนทในเซรฟเวอรเพอใชเกบไฟลเวบเพจของเวบไซตตาง ๆ ซงมทงประเภททตองเสยคาใชจายและไมเสยคาใชจาย

• Internet Service Provider (ISP) คอ คอบรษทหรอหนวยงานทตงขนมาเพอใหบรการตดตอเชอมโยงกบเครอขายอนเตอรเนตโดยอาจจะคดคาบรการหรอไมกแลวแต เชน Csloxinfo, KSC, Maxnet(TT&T), TOT, True, INET เปนตน

28

Page 29: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Web Development

• ในการพฒนาเวบเพจ เวบเพจทสรางจะม 2 ประเภท

• Static Web Page

• Dynamic Web Page

29

Page 30: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Static Web Page

• Static Web Page คอ เวบเพจทสรางขนมาจากภาษา HTML เพยงอยางเดยวจะมลกษณะเปนเวบเพจอยางงาย น าเสนอขอมลทเปนขอความภาพ และเสยงแบบธรรมดา ไมมการโตตอบกบผใช (Interactive)

30

Page 31: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Dynamic Web Page

• Dynamic Web Page คอ เวบเพจทมลกเลนตาง ๆ มการโตตอบกบผใช มการประมวลผลตาง ๆ มการตดตอกบฐานขอมล ไดแกเวบเพจทพฒนามาจากภาษา PHP, ASP, JSP, JavaScript, VbScript เปนตน

31

Page 32: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Web Authoring Software

• ปจจบนมซอฟตแวรทชวยในการสรางเวบเพจ (Web Authoring Software)โดยทผสรางไมจ าเปนตองรภาษาคอมพวเตอรทอยเบองหลงการสรางเวบเพจเหลานน เชน FrontPage, Dreamweaver, Nvu เปนตน

32

Page 33: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

FTP

• FTP ยอมาจาก File Transfer Protocol เปนบรการโอนไฟล ซงเปนการท าส าเนาไฟลระหวางเครองคอมพวเตอรจาก Hostไปยง PC หรอ กลบกน

• การโอนไฟลจากคอมพวเตอรเครองอนมาไวยงเครอง PC เรยกวา Download สวนการท ากลบกนเรยกวา Upload

• แหลงทใหบรการโอนไฟลม 2 ประเภท คอ

1. Anonymous FTP เปนแหลงทใหมการโอนไฟลไดฟร

2. Private FTP เปนแหลงทใหการโอนไฟลท าในกลมสมาชกเทานน

33

Page 34: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

FTP [2]

• วธการโอนไฟลท าได 2 วธ คอ

1. ใชโปรแกรม เชน• WinSCP (Windows) http://winscp.net/eng/index.php

• FireFTP (All Platforms with Firefox)

• FileZilla (All Platforms) http://filezilla-project.org/

• Cyberduck (Mac OS, Windows) http://cyberduck.ch/

2. ใช Web browser โดยพมพ ftp:// ตามดวยชอแหลงทใชบรการ FTP 34

Page 35: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Telnet / Secure Shell (SSH)

• Telnet / SSH เปนบรการใชเครองคอมพวเตอรในระยะไกล โดยสามารถใชงานเครองคอมพวเตอรเครองใดกไดในระบบเครอขายทผใชงานไดรบอนญาต

• ผใชงานไมตองนงอยทหนาเครองนนโดยตรง แตจะตองม login และ password

• SSH มระบบความปลอดภยทปองกนผใชจากอนตรายตาง ๆ ดวยวธ Encryption และ Authentication ตางจาก Telnet ทสงขอมลเปนขอความปกต 35

Page 36: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Searching

• Searching คอบรการคนหาขอมลผานเวบไซต โดยเวบไซตทใหบรการ จะมการตดตงเครองมอทเรยกวา Search Engine• Search Engine คอ เครองมอการคนหาขอมลผานอนเตอรเนต โดยใหผใชกรอกค าส าคญ (Keyword) ทตองการคนหา Search Engine จะท าการแสดงผลแบบเรยงอนดบ• ตวอยาง Search Engine ทมชอเสยงทงในประเทศไทยและตางประเทศ เชน google.com, yahoo.com, bing.com, ask.com, lycos.com, search.com, sanook.com เปนตน 36

Page 37: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

เทคนคการคนหาโดยใช Search Engine

• การใชเครองหมาย “ ” ลอมกลมค าส าคญทตองการคนหา ในกรณทตองการคนหาเวบไซตทมค าเหลานนเรยงตอกนตามล าดบทก าหนดเทานน เชน “Thai super star” จะไดผลลพธตางจาก Thai super star ซงการคนดวยรปแบบหลง อาจจะไดเวบไซตทมค าวา super star of Thailand• การใชเครองหมาย - แลวตามดวยค าส าคญโดยไมตองเวนชองวางจะหมายถงค าทไมตองการ เชน ฟลม -รฐภม หมายถงคนหาดวยค าวา ฟลม แตไมตองการฟลม รฐภม ซงจะไดผลลพธเปน ฟลมรถยนต ฟลมถายรป เปนตน 37

Page 38: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การคนหาขนสงดวย google

38

การเขาสหนาจอคนหาขนสงท าได 2 วธ1. เขาโดยตรงจาก URL http://www.google.com/advanced_search2. Click เครองหมายรป จากหนาผลการคนหา

แลวเลอก Advanced search

Page 39: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ระบเงอนไขเฉพำะทตองกำรคนหำ

ระบ keyword

การคนหาขนสงดวย google [2]

39

Page 40: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Conversation

• Conversation คอ บรการสนทนาบนอนเตอรเนต ไดแก

• USENET newsgroup

•Online Chat• IRC

• Instant messaging: LINE, google talk, skype, etc.

•Web board40

Page 41: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Social Media

• Social Media คอเครองมอ หรอเวบไซตบนอนเทอรเนตทนกทองเวบและบรษทตาง ๆ เขาไปเพอท าการสอสาร รวบรวมขอมล และแมกระทงไปรวมมอกนกบคนในชมชนนน ๆ ท างานบางสงบางอยาง• ตวอยางของ Social Media เชน• Blog เชน blogger, Tumblr,

wordpress• เวบประเภท Video Sharing เชนYouTube, vimeo, SocialCam

41

Page 42: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

Social Media [2]

• เวบประเภท Social Networking เชน Facebook, Google+, Hi5

• เวบประเภท Micro Blog เชน Twitter

• เวบประเภทอลบมรปภาพอยางเชน Flickr, Shutterfly, Photobucket

• เวบ Bookmark ตางๆ เชน Digg, Stumble Upon

42

Page 43: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

GOOD PRACTICE IN WEB DESIGNING 43

Page 44: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การออกแบบเวบไซตทด

• เวบไซตทดสวยงามหรอมลกเลนมากมายนน อาจจะไมนบเปนการออกแบบทดกได ถาความสวยงามและลกเลนเหลานนไมเหมาะสมกบลกษณะของเวบไซต

• เปนเรองยากทจะระบวาการออกแบบเวบไซตทดนนเปนอยางไร เนองจากวาการออกแบบบางอยางทเหมาะสมกบเวบไซตหนง อาจจะไมเหมาะกบอกเวบไซตหนงกได

• ดงนนการออกแบบเวบไซตจะตองออกแบบใหตรงกบเปาหมายและลกษณะของเวบไซตนน

44

Page 45: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การออกแบบเวบไซตอยางมประสทธภาพ

• ความเรยบงาย (Simplicity)• ออกแบบอยางเรยบงาย ไมซบซอน ใชงานสะดวก

• ความสม าเสมอ (Consistency)• การใชรปแบบของหนา สไตลของกราฟกระบบเนวเกชน และโทนสทใช ควรมความคลายคลงกน ตลอดทงเวบไซต

• ความเปนเอกลกษณ (Identity)• การออกแบบตองค านงถงลกษณะขององคกร เนองจาก รปแบบของเวบไซตสามารถสะทอนถงเอกลกษณ และลกษณะขององคกรนนได

45

Page 46: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การออกแบบเวบไซตอยางมประสทธภาพ [2]

• เนอหามประโยชน (Useful Content)

• เนอหาถอเปนสงทส าคญทสดในเวบไซต ดงนนในเวบไซตจงควรจดเตรยมเนอหา และขอมลทผใชตองการใหถกตอง และสมบรณ โดยมการปรบปรงและเพมเตมใหทนตอเหตการณอยเสมอ

• ระบบเนวเกชนทใชงานงาย (User-Friendly Navigation)

• ตองออกแบบใหผใชเขาใจไดงาย และใชงานไดสะดวก โดยใชกราฟกทสอความหมายรวมกบค าอธบายทชดเจน รวมทงมรปแบบและล าดบของรายการทสม าเสมอ

46

Page 47: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การออกแบบเวบไซตอยางมประสทธภาพ [3]

• มลกษณะทนาสนใจ (Visual Appeal)• ลกษณะทนาสนใจเปนเรองทตดสนไดยากเพราะเกยวของกบ ความชอบของแตละบคคล แตโดยพนฐานแลวกควรค านงถง องคประกอบตาง ๆ เหลาน เชน คณภาพของกราฟกทตองสมบรณ การใชชนดตวอกษรทอานงาย สบายตา การใชโทนสทเขากนอยางสวยงาม

• การใชงานอยางไมจ ากด (Compatibility) • การออกแบบเวบไซตใหผใชเขาถงไดมากทสด ไมจ ากดวาตองตดตงโปรแกรมเพมเตม หรอเลอกใช บราวเซอรชนดใดชนดหนง สามารถแสดงผลไดในทกระบบปฏบตการ เปนตน

47

Page 48: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

การออกแบบเวบไซตอยางมประสทธภาพ [4]

• คณภาพในการออกแบบ (Design Stability) • การออกแบบเวบไซตโดยมการเรยบเรยงเนอหาอยางรอบคอบ มมาตรฐานในการออกแบบและการจดระบบขอมล

• ระบบการใชงานทถกตอง (Functional Stability) • ระบบการท างานตางๆในเวบไซตตองมความแนนอนและท าหนาทไดอยางถกตอง เชน ในเวบไซตมการกรอกแบบฟอรมหรอมลงคเชอมโยงกตองแนใจวาสามารถใชงานไดจรง 48

Page 49: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ปจจยส าคญทผใชตองการจากเวบไซต

• มเนอหาเปนประโยชน ตรงกบทผใชตองการ

• มการปรบปรงเพมเตมเนอหา และพฒนาเวบไซตอยเสมอ

• ใชเวลาในการ Download นอย แสดงผลเรว

• การใชงานทสะดวก เขาใจงาย

49

Page 50: Internet - cs.science.cmu.ac.th · Internet 1 เอกสารโดย อ.ดร.เมทินี เขียวกนัยะ ปรับปรุงโดย อ. กิตติพิชญ์คปุตะวาณิช

ความผดพลาดในการออกแบบเวบไซต

• ใชโครงสรางหนาเปนระบบเฟรม• ใชเทคโนโลยขนสงโดยไมจ าเปน• ใชตวหนงสอหรอภาพเคลอนไหวตลอดเวลา• มทอยเวบไซต (URL) ทซบซอน ยากตอการ จดจ าและพมพ • ไมมการแสดงชอทอยของเวบไซตในหนาเวบเพจ• มความยาวของหนามากเกนไป• ขาดระบบเนวเกชนทมประสทธภาพ• ใชสลงคไมเหมาะสม• ขอมลเกาไมมการปรบปรงใหทนสมย• เวบเพจแสดงผลชา 50