1 / 47

บทที่ 11

Computer for Daily Life. Assoc. Prof. Dr. Jeeraporn Werapun. Computer Science, KMITL. บทที่ 11. อินเทอร์เน็ตและการประยุกต์ใช้ซอฟต์แวร์. หัวข้อ. ความหมายของอินเทอร์เน็ต ความเป็นมาของอินเทอร์เน็ต โปรโตคอล TCP/IP โดเมน DNS การเชื่อมต่อเข้าสู่อินเทอร์เน็ต บริการต่างๆ บนอินเทอร์เน็ต

ros
Download Presentation

บทที่ 11

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Computer for Daily Life Assoc. Prof. Dr. Jeeraporn Werapun Computer Science, KMITL บทที่ 11 อินเทอร์เน็ตและการประยุกต์ใช้ซอฟต์แวร์

  2. หัวข้อ • ความหมายของอินเทอร์เน็ต • ความเป็นมาของอินเทอร์เน็ต • โปรโตคอล TCP/IP • โดเมน DNS • การเชื่อมต่อเข้าสู่อินเทอร์เน็ต • บริการต่างๆ บนอินเทอร์เน็ต • การสร้างโฮมเพจด้วยภาษา HTML Good planning plus hard work make for success. วางแผนดี + ทำงานหนัก = ความสำเร็จ

  3. 11.1ความหมาย • อินเตอร์เน็ต (Internets)คือเครือข่ายคอมพิวเตอร์ขนาดใหญ่ที่เชื่อมต่อถึงกันทั่วโลก โดยใช้ Protocol ชนิดเดียวกัน คือ TCP/IP (Transmittion Control Protocol / Internet Protocol) หรือ Internets เป็น เครือข่ายของเครือข่าย

  4. 11.2ความเป็นมา University of Utah SRI International UCSB UCLA • Internets เริ่มเมื่อปี ค.ศ.1969 โดยตัวแทนวิจัยของกระทรวงกลาโหมของ USA หรือARPA (Advance Research Projects Agency) Net • เชื่อมโยงเครื่องคอมฯ ในมหาวิทยาลัย 4 แห่ง และองค์กรต่างๆ กับกระทรวงกลาโหม • จุดประสงค์ คือต้องการสร้างระบบเครือข่ายคอมฯ ขนาดใหญ่ที่มีหลายเส้นทางในการแลกเปลี่ยนข่าวสารในยามสงคราม • UCLA (University of California, Los Angeles) • UCSB (University of California, Santa Barbara) • สถาบันวิจัยSRIInternationalของStandfordU

  5. ความเป็นมา • ปี คศ.1980 NSF (National Science Foundation) สร้าง NSFNET ซึ่งเป็นระบบเครือข่ายที่มีประสิทธิภาพสูง • เชื่อมโยงระหว่าง ARPANET, NSF, และระบบเครือข่ายอื่นๆ เรียกว่า Internet • เนื่องจากระบบ ARPANET ไม่สามารถรองรับการทำงานที่มีข้อมูลมากได้ • NSF ทำให้ Internet เป็นที่แพร่หลายสำหรับค้นคว้าด้านการศึกษาแต่ไม่อนุญาตให้ผู้ใช้ที่เป็นองค์กรธุรกิจเข้ามาใช้

  6. ความเป็นมา • บริษัทการสื่อสารเอกชนต่างๆ ได้สร้าง “Backbone ระบบเครือข่าย” ของตนเอง ขึ้นมา • โดยมีการใช้ Protocol เหมือน NSFNET • Backbone ของระบบเครือข่าย คือโครงสร้างหลักที่เชื่อมโยงส่วนต่างๆ ภายในระบบเครือข่ายเข้าไว้ด้วยกัน • มีการเชื่อมต่อระหว่าง NSF และ Backbone ส่วนตัว ทำให้ ผู้ใช้ทุกระบบสามารถแลกเปลี่ยนข่าวสารกันได้

  7. บริษัทสื่อสารเอกชนต่างๆ สร้าง “Backbone ระบบเครือข่าย” ของตนเอง ขึ้นมา LAN LAN LAN WAN WAN WAN WAN LAN LAN LAN

  8. ปัจจุบัน Internets เป็นระบบขนาดใหญ่ เชื่อมโยงกับหลายหมื่นระบบเครือข่าย LAN/WAN และมีผู้ใช้หลายล้านทั่วโลก (ไม่มีใครเป็นเจ้าของระบบเครือข่ายส่วนกลาง)

  9. ความเป็นมา(ในประเทศไทย)ความเป็นมา(ในประเทศไทย) • ประเทศไทย เป็นประเทศแรกๆในเอเชียที่มี Internets พัฒนาครั้งแรกกลางปี 2530 • โดยอาจารย์ภาควิชาวิทยาศาสตร์คอมพิวเตอร์ สถาบันเทคโนโลยีแห่งเอเชีย (AIT) • ทดลองส่ง e-mail ไปยัง • ม.เมลเบิร์น (ออสเตรเลีย) • ม.โตเกียว (ญี่ปุ่น)

  10. 11.3โปรโตคอลTCP/IP โปรโตคอล TCP/IP การทำงานของ Internets ต้องมีองค์ประกอบสำคัญคือ ใช้กฏเกณฑ์เดียวกันคือ TCP/IP (Transmission Control Protocol /Internet Protocol) TCP/IPถูกออกแบบเพื่อให้เป็นอิสระจากประเภทของคอมฯ Hardware และ OS TCP ควบคุมและรับประกันความถูกต้องในการส่งข้อมูล IP กำหนดที่อยู่ (Address) ของคอมฯ (เช่น 203.158.112.21) จัดแบ่งข้อมูลให้เหมาะสม เลือกเส้นทางในการส่งข้อมูล

  11. การติดต่อสื่อสารผ่าน Internets 2 3 1

  12. 11.4โดเมน DNS Internets ทำให้เครื่อง คอมพิวเตอร์สามารถติดต่อสื่อสารกันได้โดยใช้ TCP/IP คอมพิวเตอร์ผู้ส่งต้องกำหนดรายละเอียดเครื่องปลายทาง เช่น หมายเลขเครื่อง หรือ ชื่อเครื่อง ดังนั้น คอมฯทุกเครื่องบนระบบ Internets จะต้องมี IP Address (หมายเลขเครื่อง) ทำให้รู้ตำแหน่งของเครื่องฯ IP Address เป็นเลขฐาน 2(Binary) 32 bits แบ่งเป็น 4 ส่วน ๆ ละ 8 bits (คั่นด้วย .) แต่ละส่วนมีค่าได้ ตั้งแต่ 000000002 – 11111112 (หรือ 0 – 255) รูปแบบ คือ xxx.xxx.xxx.xxx (เช่น 205.42.117.104)

  13. ชื่อคอมพิวเตอร์ ชื่อองค์กร บริษัทธุรกิจ จดทะเบียนในปท.ไทย สถาบัน การศึกษา DNS • IP Address(32 bits) • ออกแบบเพื่อความสะดวกต่อคอมพิวเตอร์ • แต่สำหรับมนุษย์การใช้หมายเลข IP Address ยุ่งยาก • จึงใช้ชื่อ DNS (Domain Name Server) แทน (สะดวกกว่า) • ตัวอย่างเช่นchaokun.kmitl.ac.th Webhost.provision.co.th chaokun.kmitl.ac.th

  14. DNS chaokun.kmitl.ac.th • โครงสร้าง DNS เป็นระบบแบบลำดับชั้น ซึ่งแบ่ง • คอมพิวเตอร์ออกเป็นกลุ่ม แต่ละกลุ่มเรียก Domain • และในแต่ละ Domain สามารถแบ่งเป็น กลุ่มย่อย (Sub-Domain) ได้อีก • Domain ระดับบนสุด แบ่งได้อีก 2 ประเภท 1. เป็นชื่อย่อประเภทขององค์กรใน USA 2. เป็นชื่อย่อของประเทศต่างๆ (นอกจาก USA)

  15. DNS • 1. Domain ระดับบนสุด(ตัวอักษร 3 ตัวสุดท้าย) ที่เป็นชื่อย่อประเภทขององค์กรใน USA • .com Commercial ธุรกิจ (การค้า) • .edu Educational การศึกษา • .gov Governmental รัฐบาล • .mil Military หน่วยงานทางทหาร • .net Network Service Gateway หรือ Host • .org Other Organization องค์กรประเภทอื่นๆ • ตัวอย่างเช่น mit.edu, microsoft.com • 2. Domain ระดับบนสุดที่เป็นชื่อย่อของประเทศต่างๆ • .th Thailand, …

  16. 11.5เชื่อมต่อสู่อินเทอร์เน็ต11.5เชื่อมต่อสู่อินเทอร์เน็ต การเชื่อมต่อเข้าสู่อินเทอร์เน็ตมี 2 วิธี ที่นิยม 1. การเชื่อมต่อโดยตรง (Direct Connection) เหมาะกับเครื่องที่เชื่อมต่อกับระบบเครือข่ายย่อยอยู่แล้ว เช่น เครื่องคอมพิวเตอร์ ในมหาวิทยาลัย ในองค์กร 2. การเชื่อมต่อผ่านผู้ให้บริการ Internets (ISP) เหมาะกับเครื่องที่ไม่ได้เชื่อมต่อกับระบบเครือข่าย • เช่น เครื่องคอมฯ ที่บ้าน หรือ ในระบบธุรกิจเล็กๆ

  17. การเชื่อมต่อตรงผ่าน LAN Bridge/Router Bridge/Router

  18. เชื่อมต่อผ่านISP • ผู้ใช้ติดต่อผ่าน ISP (Internet Service Provider) • โดย ISP จะทำการเชื่อมต่อกับ Internets ไว้แล้ว • เครื่องคอมพิวเตอร์สามารถติดต่อ Internets ได้โดย • ผ่านช่องการสื่อสารแบบอนุกรม ผ่านสายโทรศัพท์ • และใช้ โปรโตคอล SLIP(Serial Line Interface Protocol) หรือใช้ โปรโตคอล PPP (Point to Point Protocol)

  19. การเชื่อมต่อผ่าน ISP

  20. 11.6บริการบนอินเทอร์เน็ต11.6บริการบนอินเทอร์เน็ต การบริการต่างๆ บนอินเทอร์เน็ต ตัวอย่าง(ที่ใช้มาก)เช่น e-mail FTP (File Transfer Protocol) Dictionary WWW (World Wide Web) Search Engine, ... • FTP (File Transfer Protocol) คือเครื่องมือบน Internets ที่ใช้ในการ Copy ไฟล์ จากเครื่องหนึ่งไปอีกเครื่องหนึ่ง

  21. ตัวอย่างการใช้งาน FTP 205.42.117.104 ksjeerap@kmitl.ac.th ********

  22. บริการฯ • พจนานุกรมOnline(Dictionary) ในประเทศไทย ได้แก่ www.links.nectec.or.th • การติดตั้งระบบความปลอดภัย (Filewall) เพื่อควบคุมการเข้าถึงระบบเครือข่ายของธุรกิจ โดยผู้ที่ไม่ได้รับอนุญาต • พจนานุกรม ไทย – อังกฤษ ชื่อโปรแกรม LEXiTRON • พจนานุกรม อังกฤษ – ไทย ชื่อโปรแกรม ParSit โดย NECTEC(National Electronics & Computer Technology Center)และNSTDA(National Science & Technology Development Agency)

  23. บริการฯ • WWW (World Wide Web) ถูกสร้างในปี ค.ศ.1989 • ที่ห้อง Lab ในกรุงเจนิวา ประเทศสวิสเซอร์แลนด์ • เป็น Hypertext ซึ่งมีลักษณะที่ผู้ใช้สามารถ Click ที่คำศัพท์หรือวลีในเอกสารแล้วข้ามไปยังตำแหน่งอื่นๆ ได้ • Web Browser ในปัจจุบัน • Mosaic เป็น Brower แรก (มีการใช้งาน ~5%) • Netscape Navigator (มีการใช้งาน ~60%) • Microsoft’s Internet Explorer (มีการใช้งาน ~35%)

  24. บริการฯ • โครงสร้างภายในของ WWW จะต้องใช้ Protocol HTTP (Hypertext Transfer Protocol) • HTTP ให้ Internets Address ในรูปแบบเฉพาะที่เรียกว่า URL (Uniform Resource Locator) • URL มี รูปแบบ ดังนี้ http://www.address/path • ตัวอย่างเช่นhttp://www.kmitl.ac.th/science • address คือ ตำแหน่งของ Server • path คือ เส้นทางโครงสร้างของ Server

  25. บริการฯ • เอกสารที่ใช้ Protocol HTTP มีชื่อว่า Web Page • Web Page หน้าแรกเรียกว่า Home Page เป็นหน้าที่มีตัวเชื่อมโยงไปยัง Web Page อื่น(เพื่อให้รายละเอียดต่างๆเพิ่มขึ้น) • ภาษาที่ใช้สร้าง Web Page คือ HTML(Hypertext Markup Language) • ตัวอย่างWeb Page Tag ระบุว่า เริ่มเอกสาร 1 3 Tag ระบุTitle Bar ส่วนของข้อความ แสดงโดยBrowser 4 Tag ระบุว่า จบเอกสาร 2

  26. บริการฯ • เครื่องมือค้นหาแบบ Online (Search Engine)เช่น • Google http://www.google.com • Yahoo http://www.yahoo.com • AltaVista http://www.altavista.digital.com • Excite http://www.excite.com

  27. 11.7การสร้างโฮมเพจ การสร้างโฮมเพจด้วยภาษา HTML HyperText Markup Language HTML documentประกอบด้วย 2 ส่วน คือ headและ body ที่ใช้อ้างอิงด้วย tags เริ่มโปรแกรมด้วย <HTML> tagและปิดท้ายด้วย </HTML> • เริ่ม documentด้วย <HEAD> tagและสิ้นสุดด้วย </HEAD> ระหว่างนั้นใส่ข้อความใน <TITLE> tagและ </TITLE> • ระบุข้อความทั้งหมดในส่วน body ระหว่าง <BODY> tagและ </BODY> • ใช้ tag <P>เมื่อต้องการขึ้นบรรทัดใหม่และเว้นบรรทัด แต่ถ้าไม่ต้องการเว้นบรรทัดใช้ tag <BR>

  28. การระบุ Text ตัวอย่าง& ผลลัพธ์ ของ file ชื่อ ex1.html

  29. การระบุ Heading ส่วนHeading มี tag ให้เลือก 6 ระดับ<H1> - <H6> 1 2 3 4 • การเน้นข้อความ (Bold, Underline, Italic)ด้วย tag <B>, <U>, <I> • การขีดเส้นแบ่งข้อความด้วย tag <HR>

  30. การใส่ภาพ Image ระบุด้วย tag <A HREF=><IMG SRC=“picture.gif”></A> Image Source HypertextReference ไฟล์ HTML ชื่อ ex3.html ไฟล์ image ชื่อ picture.jpg

  31. การสร้าง (Graphic) Link Graphic Link ระบุด้วย tag <A HREF=“file.html”><IMG SRC=“picture.gif”></A>text detail

  32. การสร้าง (Text) Link Text Link ระบุด้วย tag <A HREF=“file.html”> Click here for detail </A>

  33. การสร้าง (Text) Link Link ภายใน document ระบุ tag อ้างอิง 2 ส่วน 1 2

  34. การสร้าง (email) Link ระบุ tag ในการ link ไปยัง email

  35. Web Server Web Server HTML ทำงานได้อย่างไร?(บน Web) 3 มีไฟล์ HTML ที่ผู้ใช้ต้องการพร้อมไฟล์อื่นๆ Remote (Graphic, Sound, Video, Associated program) (หรือ Gateway script ซึ่งจะถูกส่งกลับมายังเครื่องของผู้ใช้ เป็น program ที่ process data) 4 2 ผ่าน ISP หรือ บน Internet (Internet Service Provider) 1 Brower ที่อยู่บนคอมพิวเตอร์ (ด้านผู้ใช้ (Client)) ส่งความต้องการไฟล์ HTMLที่อยู่ที่อื่น ระบุตาม URL 5 (Uniform Resource Locator) Brower แปล HTML tags และแสดงผล (Internet Address)

  36. การสร้าง Form Form เป็นส่วนที่ให้ผู้ใช้ Input ข้อมูลได้ในรูปแบบการเลือกจาก input boxes • radio buttons • Check boxes • selection lists • ตัวอย่าง

  37. การสร้าง Form Form ประกอบด้วย 3 ส่วน คือ Open tag ด้วย tag <FORM> Input types ด้วยtag <input type> Submit button ด้วย<input type=submit value=“Submit”> • Open tag <FORM METHOD=“POST” ACTION=“bin/who”> • POST ใช้สำหรับ submit ข้อมูลไปยัง gateway script • ใส่ URL ของ gateway scriptที่ต้องการ process ข้อมูลใน “ ” เป็น ACTION • ใส่ text และชนิดของ inputหลังจากเริ่ม tag <input type> หมายเหตุgateway scriptคือprogram ที่ run บน server ที่ประมวลผล data

  38. Text Fields ใน Form Text Fields เป็นส่วนที่ให้ผู้ใช้ Input ข้อมูลเป็น word, phase, series of numbers ได้ ตัวอย่าง การใส่Text Field default ไม่ปรากฏข้อความ

  39. Radio Buttons ใน Form Radio Button เป็นการแสดงเลือกเพียง 1 ปุ่ม ตัวอย่าง การใส่Radio Button • Tag <UL>เป็นการระบุ lists ที่มีให้เลือก (แสดงแบบ unorder lists)

  40. Check Boxes ใน Form Check Boxes เป็นการเลือกได้มากกว่า 1 รายการ ตัวอย่าง การใส่Check Boxes

  41. Selection Lists ใน Form Selection Lists เป็นการเลือกในรายการที่ปรากฏ ตัวอย่าง การใส่Selection Lists

  42. (Graphic) Aligning Aligning Graphic ระบุด้วย tag <IMG ALIGN=top SRC=“picture.gif”>Align to top of graphic

  43. การนำไฟล์ไปไว้ที่Server ไฟล์ HTMLที่สร้างจะไม่มีใครมองเห็นได้(นอกจากเครื่องนั้น) ถ้าไม่นำไปไว้ (Post) ที่ Server ที่อยู่บน Internet ถ้าเป็นนักศึกษา จะใช้ Server ของสถาบันได้ ซึ่งเก็บข้อมูลส่วนตัวภายใต้directory ที่ระบุ user account ตัวอย่างเช่นถ้ามี user account ksjeerap@kmitl.ac.th ข้อมูลจะถูกส่งไปเก็บที่ Server ที่directory “ksjeerap” การเข้าถึงข้อมูล http://www.kmitl.ac.th/~ksjeerap

  44. โปรแกรมFTP ตัวอย่าง FTPเพื่อ post ไฟล์ html ไปไว้ที่ Server เปลี่ยน directory ไปยังที่มีไฟล์ html เลือกไฟล์ที่ต้องการส่ง Local Computer Remote Server upload

  45. Thank You • ขอขอบพระคุณภาพประกอบคำบรรยายจากหนังสือ 1. ประกอบพีซี โดย ปิยะ นากสงค์ / อัมรินทร์ เพ็ชรกุล 2. Introduction to Computers โดย Peter Norton 3. ความรู้เบื้องต้นเกี่ยวกับคอมพิวเตอร์ โดย ธีราวุธ ปัทมวิบูลย์ / สมรัฐ เชตนุช / วรพันธ์ สาระสุรีย์ภรณ์ / นิติ วิทยาวิโรจน์ 47

More Related