Mr. Winai Purikasem

Introduction  Hypertext model  Use of hypertext in World Wide Web (WWW)  WWW client-server model  Use of TCP/IP protocols in WWW

Hypertext/hypermedia  ระบบ Hypermedia ประกอบด้วยเอกสาร ที่ผู้ใช้สามารถ เรียกใช้ได้ – Text (hypertext ) – Graphics – Sound – Animations – Video  เอกสารเหล่านี้จะถูกเชื่อมโยงด้วยกัน – Nondistributed - เอกสารเก็บภายใน ( เช่น CD-ROM) – Distributed - เอกสารจัดเก็บใน remote servers

Hypermedia pointers  เอกสารจะถูกเชื่อมโยง (pointers) ไป ยังเอกสารอื่น – การเชื่อมโยงจะแสดงโดย "active area" บนจอภาพ Graphic - button Text - highlighted – เมื่อคลิกที่ตัว link จะไปอ่านเอกสาร ที่ถูกเชื่อมโยงไว้มาแสดง  การเชื่อมโยงอาจจะไม่ได้เอกสารที่ ต้องการก็ได้ – เนื่องจากการเชื่อมโยงเป็นการอ้างอิง ถึงเอกสารอื่น – เอกสารที่ถูกอ้างถึง ( Remote document) อาจถูกลบทิ้งหรือ เคลื่อนย้ายในขณะที่การเชื่อมโยงยัง มีอยู่

Browser interface  การติดต่อกับเอกสาร hypermedia เป็น แบบ Interactive, "point-and-click"  เอกสารที่ถูกเลือกจะแสดงบนจอภาพ  ผู้ใช้สามารถเลือก links ที่ต้องการ "point-and-click"  โปรแกรมการประยุกต์แบบนี้เรียกว่า Browser

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

Web Browser  บราวเซอร์แบบ Graphic Mode ( ใช้งานแบบ Hypermedia) –Mosaic –Netscape –Microsoft Internet Explorer –Opera  บราวเซอร์แบบ Text mode( ใช้งานแบบ Hypertext) –Lynx และ DosLynx โดยมหาวิทยาลัย แคนซัส สหรัฐอเมริกา –ftp2.cc.ukans.edu  เป็นโปรแกรมที่ทำหน้าที่แปลคำสั่งและข้อมูลที่ อยู่ในรูปของ ภาษา HTML ให้กลายมาเป็น รูปแบบการแสดงข้อมูลบนจอภาพตามรูปแบบ คำสั่งที่กำหนดไว้  ติดตั้งบนเครื่องที่จะขอใช้บริการ (Client)

Web browser features  ลักษณะสำคัญของ Web browsers ที่ใช้งาน ในปัจจุบัน –Mouse-driven graphical interface – สามารถแสดงเอกสารแบบ Hypertext และ Hypermedia – สามารถแสดงข้อความตามชนิดของ fonts และตัวอักษรลักษณะพิเศษเช่น ตัวหนา ตัวเอียง – สามารถจัดรูปแบบของเอกสารที่จะแสดงเช่น paragraph, lists – สนับสนุนการใช้เสียงและวิดีโอ – สนับสนุนบริการต่างๆ บนเครือข่ายเช่น ftp, telnet, gopher – สามารจัดเก็บรหัสสืบค้น URLs และเรียกใช้ งานได้

Document representation  เอกสารแต่ละหน้าของ WWW เรียกว่า เว็บเพจ (Web page)  หน้าแรกของเอกสารเรียกว่า home page  แต่ละหน้าของเว็บเพจประกอบด้วย สารสนเทศที่แตกต่างกัน โดยแต่ละหน้าจะต้องระบุ –Content –Type of content –Location –Links

Document representation(cont.)  แต่ละเว็บเพจจะมีการจัดรูปแบบด้วย mark up language – อนุญาตให้ browser จัดรูปแบบใหม่ เพื่อให้เหมาะสมสำหรับการแสดงผล – ใช้จัดการกับเอกสารเท่านั้นโดยรูปภาพ จะไม่สามารถดำเนินการได้  ภาษาที่ใช้เรียกว่า HyperText Markup Language (HTML)

HTML  ลักษณะสำคัญของ HTML – เป็นเอกสารแบบ free-format –Hypermedia links  เอกสารจะแบ่งเป็น 2 ส่วน : –Head ประกอบด้วยรายละเอียดของ เอกสาร –Body ประกอบด้วยสารสนเทศหรือ เนื้อหาที่ต้องการนำเสนอ  เพจแต่ละหน้าเป็นเอกสารแบบ ASCII พร้อมคำสั่งของ HTML ที่ใช้จัดรูปแบบ –Tags เริมต้น –Tags ปิด

ตัวอย่างการเขียนเอกสารเวบ Example Page HTML :) สวัสดีชาวโลก ! สามารถใส่การเชื่อมโยงเข้าไป ได้ Link In HTML  การเชื่อมโยงใช้ tags  จบด้วย  เรียกว่า anchor

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 ที่จัดเก็บเว็บเพจ

Links between HTML documents  แต่ละ link จะต้องระบุในเอกสาร HTML  รายการแต่ละรายการที่เชื่อมโยงแต่ละ รายการจะสัมพันธ์กับ เอกสารอื่นที่เชื่อมโยงกัน  การเชื่อมโยงจะถูกประมวลผลเมื่อมีถูกเลือก (selected)  HTML tags ที่ใช้คือ and – การเชื่อมโยงเอกสารจะต้องระบุ parameter: HREF="document URL" – ระหว่าง HTML tags คือข้อความที่เป็นตัวเลือก winai

Client-server model  Browser เรียกว่า client, WWW server คือ server - Browser: – สร้าง TCP connection – ส่งการร้องขอเว็บเพจที่ต้องการ – อ่านเว็บเพจ  แต่ละรายการบนเว็บเพจเช่น IMG - จะเรียกใช้บริการของ TCP ที่แยกจาก กัน  HyperText Transport Protocol (HTTP) จะระบุการคำสั่งที่ใช้ติดต่อและ การตอบสนองของ client-server แยก จากคำสั่งที่เรียกใช้ข้อมูล

Server architecture  เช่น alphabox หรือ ftp server – รอรับคำสั่งที่จะติดต่อมา – รับคำสั่งเมื่อมีการติดต่อ – เขียนเพจส่งไปให้ที่ช่องทางการ ติดต่อ – ปกติใช้ port หมายเลข 80

บทสรุป  WWW เป็นพื้นฐานของ hypermedia  HTML เป็นภาษาสำหรับจัดทำเอกสาร เผยแพร่บน WWW  HTML สามารถเชื่อโยงจากเอกสาร หนึ่งไปยังเอกสารอื่นที่อยู่บนเครื่อง คอมพิวเตอร์เครื่องเดียวกันหรือต่าง เครื่อง  WWW มีการทำงานแบบ client- server model - Browser - Client - WWW server - Server