ดาวน์โหลดงานนำเสนอ
งานนำเสนอกำลังจะดาวน์โหลด โปรดรอ
1
Mr. Winai Purikasem
2
Introduction Hypertext model Use of hypertext in World Wide Web (WWW) WWW client-server model Use of TCP/IP protocols in WWW
3
Hypertext/hypermedia ระบบ Hypermedia ประกอบด้วยเอกสาร ที่ผู้ใช้สามารถ เรียกใช้ได้ – Text (hypertext ) – Graphics – Sound – Animations – Video เอกสารเหล่านี้จะถูกเชื่อมโยงด้วยกัน – Nondistributed - เอกสารเก็บภายใน ( เช่น CD-ROM) – Distributed - เอกสารจัดเก็บใน remote servers
4
Hypermedia pointers เอกสารจะถูกเชื่อมโยง (pointers) ไป ยังเอกสารอื่น – การเชื่อมโยงจะแสดงโดย "active area" บนจอภาพ Graphic - button Text - highlighted – เมื่อคลิกที่ตัว link จะไปอ่านเอกสาร ที่ถูกเชื่อมโยงไว้มาแสดง การเชื่อมโยงอาจจะไม่ได้เอกสารที่ ต้องการก็ได้ – เนื่องจากการเชื่อมโยงเป็นการอ้างอิง ถึงเอกสารอื่น – เอกสารที่ถูกอ้างถึง ( Remote document) อาจถูกลบทิ้งหรือ เคลื่อนย้ายในขณะที่การเชื่อมโยงยัง มีอยู่
5
Browser interface การติดต่อกับเอกสาร hypermedia เป็น แบบ Interactive, "point-and-click" เอกสารที่ถูกเลือกจะแสดงบนจอภาพ ผู้ใช้สามารถเลือก links ที่ต้องการ "point-and-click" โปรแกรมการประยุกต์แบบนี้เรียกว่า Browser
6
Web Server (Web Site) คือเครื่องคอมพิวเตอร์ระบบ UNIX หรือ Windows NT หรือ Windows 95 ที่มี โปรแกรมจัดการทำให้เครื่องดังกล่าวทำ หน้าที่เป็นผู้ให้บริการ (Server) คอย ให้บริการข้อมูลกับผู้ที่มาติดต่อโดยผ่าน ระบบเครือข่ายอินเทอร์เนต หรือ เครือข่ายอินทราเนต หรือ เครือข่าย เอ็กซ์ทราเนต Web Server Software IIS : Internet Information Server Apache Netscape Communication Server Personal Web Server Microsoft Fontpage Server
7
Web Browser บราวเซอร์แบบ Graphic Mode ( ใช้งานแบบ Hypermedia) –Mosaic –Netscape –Microsoft Internet Explorer –Opera บราวเซอร์แบบ Text mode( ใช้งานแบบ Hypertext) –Lynx และ DosLynx โดยมหาวิทยาลัย แคนซัส สหรัฐอเมริกา –ftp2.cc.ukans.edu เป็นโปรแกรมที่ทำหน้าที่แปลคำสั่งและข้อมูลที่ อยู่ในรูปของ ภาษา HTML ให้กลายมาเป็น รูปแบบการแสดงข้อมูลบนจอภาพตามรูปแบบ คำสั่งที่กำหนดไว้ ติดตั้งบนเครื่องที่จะขอใช้บริการ (Client)
8
Web browser features ลักษณะสำคัญของ Web browsers ที่ใช้งาน ในปัจจุบัน –Mouse-driven graphical interface – สามารถแสดงเอกสารแบบ Hypertext และ Hypermedia – สามารถแสดงข้อความตามชนิดของ fonts และตัวอักษรลักษณะพิเศษเช่น ตัวหนา ตัวเอียง – สามารถจัดรูปแบบของเอกสารที่จะแสดงเช่น paragraph, lists – สนับสนุนการใช้เสียงและวิดีโอ – สนับสนุนบริการต่างๆ บนเครือข่ายเช่น ftp, telnet, gopher – สามารจัดเก็บรหัสสืบค้น URLs และเรียกใช้ งานได้
9
Document representation เอกสารแต่ละหน้าของ WWW เรียกว่า เว็บเพจ (Web page) หน้าแรกของเอกสารเรียกว่า home page แต่ละหน้าของเว็บเพจประกอบด้วย สารสนเทศที่แตกต่างกัน โดยแต่ละหน้าจะต้องระบุ –Content –Type of content –Location –Links
10
Document representation(cont.) แต่ละเว็บเพจจะมีการจัดรูปแบบด้วย mark up language – อนุญาตให้ browser จัดรูปแบบใหม่ เพื่อให้เหมาะสมสำหรับการแสดงผล – ใช้จัดการกับเอกสารเท่านั้นโดยรูปภาพ จะไม่สามารถดำเนินการได้ ภาษาที่ใช้เรียกว่า HyperText Markup Language (HTML)
11
HTML ลักษณะสำคัญของ HTML – เป็นเอกสารแบบ free-format –Hypermedia links เอกสารจะแบ่งเป็น 2 ส่วน : –Head ประกอบด้วยรายละเอียดของ เอกสาร –Body ประกอบด้วยสารสนเทศหรือ เนื้อหาที่ต้องการนำเสนอ เพจแต่ละหน้าเป็นเอกสารแบบ ASCII พร้อมคำสั่งของ HTML ที่ใช้จัดรูปแบบ –Tags เริมต้น –Tags ปิด
12
ตัวอย่างการเขียนเอกสารเวบ Example Page HTML :) สวัสดีชาวโลก ! สามารถใส่การเชื่อมโยงเข้าไป ได้ Link In HTML การเชื่อมโยงใช้ tags จบด้วย เรียกว่า anchor
13
P# 13 General Form of URL Protocol :// domain_name : port / document_name Name of access procal to use Path name of item Domain name of server computer Port number Default: protocal is http Port : 80 Path is index.html Protocol อาจเป็น http, ftp, file, mailto computer_name คือ DNS name port คือ TCP port document_name คือ path ที่จัดเก็บเว็บเพจ
14
Links between HTML documents แต่ละ link จะต้องระบุในเอกสาร HTML รายการแต่ละรายการที่เชื่อมโยงแต่ละ รายการจะสัมพันธ์กับ เอกสารอื่นที่เชื่อมโยงกัน การเชื่อมโยงจะถูกประมวลผลเมื่อมีถูกเลือก (selected) HTML tags ที่ใช้คือ and – การเชื่อมโยงเอกสารจะต้องระบุ parameter: HREF="document URL" – ระหว่าง HTML tags คือข้อความที่เป็นตัวเลือก winai
15
Client-server model Browser เรียกว่า client, WWW server คือ server - Browser: – สร้าง TCP connection – ส่งการร้องขอเว็บเพจที่ต้องการ – อ่านเว็บเพจ แต่ละรายการบนเว็บเพจเช่น IMG - จะเรียกใช้บริการของ TCP ที่แยกจาก กัน HyperText Transport Protocol (HTTP) จะระบุการคำสั่งที่ใช้ติดต่อและ การตอบสนองของ client-server แยก จากคำสั่งที่เรียกใช้ข้อมูล
16
Server architecture เช่น alphabox หรือ ftp server – รอรับคำสั่งที่จะติดต่อมา – รับคำสั่งเมื่อมีการติดต่อ – เขียนเพจส่งไปให้ที่ช่องทางการ ติดต่อ – ปกติใช้ port หมายเลข 80
17
บทสรุป WWW เป็นพื้นฐานของ hypermedia HTML เป็นภาษาสำหรับจัดทำเอกสาร เผยแพร่บน WWW HTML สามารถเชื่อโยงจากเอกสาร หนึ่งไปยังเอกสารอื่นที่อยู่บนเครื่อง คอมพิวเตอร์เครื่องเดียวกันหรือต่าง เครื่อง WWW มีการทำงานแบบ client- server model - Browser - Client - WWW server - Server
งานนำเสนอที่คล้ายกัน
