เอกสารประกอบการสอน 230429 หัวข้อ ......221203...

เอกสารประกอบการสอน221203 เทคโนโลยเพองานประยกตทางธรกจTechnology for Business Applicationหลกสตรบรหารธรกจบณฑต สาขาวชาคอมพวเตอรธรกจปการศกษา 2561 ภาคการศกษาปลายอาจารย ดร.ปรชญา นวนแกว (Update: March 3, 2019.)

สปดาหท 1010.1 เทคโนโลยเวบและนวตกรรม (การตดตงและก าหนดคาเครองแมขาย)

221203 Technology for Business Application (2-2-5) Pratya Nuankaew, Ph.D.

10.1 เทคโนโลยเวบและนวตกรรม (การตดตงและก าหนดคาเครองแมขาย)

o ความหมายของเครองแมขาย (Server) และเครองลกขาย (Client)

o ประเภท ชนด และการตดตงเครองแมขาย (Server)

o ววฒนาการของเทคโนโลยเวบ 1.0 to 4.0

o โปรโตคอล (Protocol)

3Sunday Mar 3, 2019


Web Servero Web Server คอ ลกษณะการท างานระหวางเครองลกขายและเครองแมขาย (Client/Server Model)

o Web Server หมายถง เครองคอมพวเตอร ซงใหบรการเกบเวบไซต (Server) แลวใหผใช (Client) เรยกขอมลเวบไซต โดยใชโพรโทคอล HTTP ผานทางเวบเบราวเซอร◦ Sever Module ประกอบดวย IIS, Apache เปนตน◦ Client Module คอ Web browser ประกอบดวย IE, Google Chrome, Mozilla Firefox, Opera,

Safari – Apple, Samsung Internet Browser

o รปแบบการตดตอสอสารของ Web Server เรยกวา “แบบ Request and Response”

Sunday Mar 3, 2019 4


รปแบบการตดตอสอสารแบบ Request and Response



การใชงาน Web Servero ผใชปอนยอารแอล (URL) ในโปรแกรมเวบเบราวเซอร

o เครองไคลแอนทจะแปลงชอโฮสต ภายในยอารแอลเปนไอพแอดเดรส (IP Address)

o เครองไคลแอนทตดตอกบเครองเวบเซรฟเวอร ปกตจะใชโพรโทคอล TCP (Transmission Control Protocol) พอรต 80

o เมอท าการเชอมตอเสรจ จะใชโพรโทคอล HTTP (HyperText Transfer Protocol) ในการเรยกใชขอมลทตองการ



ซอฟตแวรส าหรบเวบเซรฟเวอรทไดรบความนยมo ซอฟตแวร หรอ โปรแกรมทน ามาท า เวบเซรฟเวอรทไดรบความนยมสงสด 4 อนดบแรก คอ

◦ Apache HTTP Server จาก Apache Software Foundation◦ Internet Information Server (IIS) จากไมโครซอฟท◦ Sun Java System Web Server จากซน ไมโครซสเตมส◦ Zeus Web Server จาก Zeus Technology

นอกจาก 4 ตวนแลวยงม โปรแกรมอกหลายตวทสามารถน ามาท า web server ได



Apache HTTP Servero ความสามารถของ Apache Server

Apache คอ ซอฟตแวรทอยในลกษณะของ “โอเพนซอรส” ทเปดใหบคคลทวไปสามารถเขามารวมพฒนาสวนตางๆ ของอาปาเชได

ซงท าใหเกดเปน โมดล ทเกดประโยชนมากมาย เชน mod_perl, mod_python หรอ mod_php ซงเปนโมดลทท าใหอาปาเชสามารถใชประโยชน และท างานรวมกบภาษาอนได แทนทจะเปนเพยงเซรฟเวอรทใหบรการเพยงแค เอชทเอมแอล อยางเดยว



Apache HTTP Servero ความสามารถของ Apache Server

นอกจากนอาปาเชเองยงมความสามารถอนๆ ดวย เชน การยนยนตวบคคล (mod_auth, mod_access, mod_digest) หรอ เพมความปลอดภยในการสอสารผาน โพรโทคอล https (mod_ssl)



Internet Information Server (IIS)



Internet Information Server (IIS) IIS ยอมาจาก Internet Information Service คอ เปนโปรแกรมส าหรบการจ าลอง

เครองของเราใหกลายเปนเครองเวบเซรฟเวอร ซงมไวใหบรการดาน Server ในรปแบบตางๆของ Internet เชน Web server r , FTP Server , SMTP Server ฯลฯ

ในระบบปฏบตการวนโดวส ถกพฒนาโดยบรษทไมโครซอฟท ซงในวนโดวสเซรฟเวอร 2003 นน เวอรชนของ IIS จะเปนเวอรชน 6.0 (IIS 6.0) ซงทางไมโครซอฟตไดท าการออกแบบโปรแกรมใหมทงหมด โดยเนนในเรองความปลอดภยเปนพเศษ เนองจากในเวอรชนกอนหนานนคอ IIS 5.0 ในวนโดวสเซรฟเวอร 2000 จะมชองโหวความปลอดภยคอนขางมาก และทส าคญคอการมนจะถกตดตงโดยดฟอลทพรอมกบระบบปฏบตการ



Internet Information Server (IIS) สาเหตของการปรบปรง IIS ทผานมาเนองจากมปญหาดานความปลอดภยและเปนชอง

ทางการระบาดของไวรสตางๆ เชน Code Red และ Nimda

ดงนน บนวนโดวสเซรฟเวอร 2003 นน IIS 6.0 จะไมท าการตดตงโดยดฟอลทพรอมกบระบบปฏบตการ แตผใชตองท าการตดตงเองเมอตองการใชงาน และนอกจากน IIS 6.0 ยงไดรบการพฒนาใหมประสทธภาพการท างานทดขน ท าใหสามารถรองรบการใชงานตางๆ ไดดยงขน และลาสดบรษทไมโครซอฟท ไดออกเวอรชนใหมนนคอ IIS 7.0



หนาทของเครองแมขาย (Server)o DNS : Domain Name System ส าหรบแปลง URL เปน IP Address

o Database Server ส าหรบท าการจดการดานฐานขอมลดาน Web Application

o Gateway สวนมากม Router ท าหนาทเปนชองทางออกสเครอขายภายนอกซงกคอ Internet

o Web Server ส าหรบใหบรการเวบในองคกรและภายนอก



URL : Uniform Resource Locator

o Top Level Domain (ประเทศไทย)

o ประเภทองคกร (สถานศกษา)

o ชอโดเมน (Domain) ของหนวยงาน

o ชอยอยโดเมน (Subdomain)

o ชนดโปรโตคอลทตดตอสอสาร


http://www.ict.up.ac.th/


ววฒนาการของเทคโนโลยเวบ 1.0 , 2.0 , 3.0 และ 4.0



WEB 1.0เวบ 1.0 เปนเวบในยคเรมตน มกมรปแบบของไฟลเปนนามสกลเปน .htm และ .html

ท าหนาทใหขอมลขาวสารในแบบ “สอสารทางเดยว (One Way Communication)”◦ เจาของเวบไซต หรอ ผสงสาร จะเปนผก าหนดเนอหาเองทงหมด ตองมความรพนฐานการท าเวบ◦ ผใชหรอผรบสาร มหนาทรบรขาวสารเพยงอยางเดยวไมสามารถโตตอบได เชน เดยวกบสอกระแสหลก

อน ๆ เชน หนงสอพมพ วทย และโทรทศน



WEB 2.0เวบ 2.0 คอ การใชอนเตอรเนตเพอเขยนบลอก (Blog), แชรรปภาพ, รวมเขยนวก

(Wiki), แสดงความคดเหน (Post Comment)

เวบยค 2.0 จะใหความส าคญกบผเขาชมเวบไซต โดยทผเขาชมเวบไซตจะมสวนรวมตอเวบไซตมากขน ผเขาชมเวบไซตสามารถสรางขอมล (Content) ของเวบไซตขนมาไดเองหรอสามารถก าหนดค าส าคญของเวบไซตทเกยวของขอมล (tag content) ท าใหขอมลในเวบไซตนนมการ update และพฒนา ปรบปรง อยางรวดเรว กลายเปนเวบไซต ทมรปแบบของการสอสารเปนแบบสองทาง (Two Way Communication)



WEB 3.0



WEB 3.0เวบ 3.0 เปนเวบทมการพฒนาการตอจากเวบ 2.0 ความแตกตาง คอ

สรางความฉลาดเทยมใหกบสงไมมชวต ใชเปนเครองมอชวยคาดเดาพฤตกรรมและ วเคราะหความตองการของมนษย

เมอไดขอมลนนมา ระบบจะประมวลผลอยางมเหตผล พรอมทงแกไขสถานการณเฉพาะหนา สรางสงทตองการใหผใชเวบไซต มการเชอมโยงเนอหาทมความสมพนธกนกบแหลงขอมลอน ๆ เปนเครอขายเดยวทวโลก มการพฒนารปแบบทเปนมาตรฐานใชรวมกนในแบบเอกซเอมแอล (XML)



WEB 4.0เวบ4.0 มการเรยกกนวา “A Symbiotic web” เปนเวบทท างานแบบ Artificial

Intelligence (AI) ทฉลาดมากยงขน คอมพวเตอรสามารถคดได มความฉลาดมากขน ในการอานทงเนอหา ขอความ และรปภาพ หรอวดโอ สามารถทจะตอบสนองหรอตดสนใจไดวาจะ load ขอมลอะไร จากไหน จงมประสทธภาพ

นอกจากน รปแบบการน ามาแสดงมความรวดเรว เวบ 4.0 จะท าใหเวบ หรอขอมลตางๆ สามารถท างานไดแทบจะทกอปกรณ (Internet of Things: IOT) หรออาจจะชวยระบตวตนทแทจรงของผใชได


https://www.youtube.com/watch?v=WztuyZwq578

https://www.youtube.com/watch?v=WztuyZwq578


เปรยบเทยบเทคโนโลยเวบ1.0 - 4.0



Protocol คออะไร



Protocol คออะไรโปรโตคอล คอ “ขอก าหนดหรอขอตกลงในการสอสารระหวางคอมพวเตอร” หรอ

ภาษาสอสารทใชเปน ภาษากลางในการสอสารระหวางคอมพวเตอรดวยกน

การทเครองคอมพวเตอรทถกเชอมโยงกนไวในระบบจะสามารถตดตอสอสารกนไดนน จ าเปนจะตองมการสอสารทเรยกวา “โปรโตคอล (Protocol)” เชนเดยวกบคนเราทตองมภาษาพดเพอใหสอสารเขาใจกนได



Protocol คออะไรโปรโตคอลชวยใหระบบคอมพวเตอรสองระบบทแตกตางกนสามารถสอสารกนอยาง

เขาใจได คอ ขอตกลงทก าหนดเกยว กบการสอสารระหวางเครองคอมพวเตอรตางๆ ทงวธการสงและรบขอมล วธการตรวจสอบขอผดพลาดของการสงและรบขอมล การแสดงผลขอมลเมอสงและรบกนระหวางเครองสองเครอง

ดงนนจะเหนไดวาโปรโตคอลมความส าคญมากในการสอสารบนเครอขาย หากไมมโปรโตคอลแลว การสอสารบนเครอขายจะไมสามารถเกดขนได



ตวอยางของโปรโตคอลโปรโตคอล HTTP หรอ Hypertext Transfer Protocol จะใชเมอเรยกโปรแกรมบราวเซอร (Browser)



ตวอยางของโปรโตคอลโปรโตคอล TCP/IP หรอ Transfer

Control Protocol/Internet Protocol คอ เครอขายโปรโตคอลทส าคญมากทสด เนองจากเปนโปรโตคอลทใชในระบบเครอขาย Internet รวมทง Intranet ซงประกอบดวย 2 โปรโตคอลคอ TCP และ IP



TCP/IP และ HTTPo http เปนโปรโตคอลทสนบสนนการท างานดานการตดตอสอสารเกยวกบเวรลไวดเวบ ซงโดย

แทจรงตองท างานควบคกบโปรโตคอลอนๆ ดวย


Web Server

Switch

Database Server

Client

InternetGate way

DNS Server


ตวอยางของโปรโตคอลนอกจากโปรโตคอลทกลาวมาขางตนแลว ยงมโปรโตคอลตางๆอกมากมาย เชน

o การโอนยายแฟมระหวางกน ใชโปรโตคอลชอ FTP หรอ File Transfer Protocol

o การโอนยายขาวสารระหวางกนกใชโปรโตคอลชอ NNP หรอ Network News Transfer Protocol

o โปรโตคอลทสามารถสอบถามขอมลขาวสารระหวางกน ชอวา ICMP หรอ Internet Control Message Protocol



ตวอยางของ HTMLo <html>o <head>o <title>ประเภทของกราฟกส</title>o <meta http-equiv="Content-Type" content="text/html; charset=windows-874">o </head>o <body bgcolor="#FFFFFF">o <table width="750" border="1" cellspacing="0" cellpadding="1" align="center" bordercolor="#666666"

height="405">o …o </html>



โครงสรางภาษา HTML


Header<head> … </head>

Body

<body> … </body>

<HTML>

</HTML>

Html File(s)


TAGo Tag คอค าสงส าหรบก าหนดรปแบบในการแสดงผลของ HTML บน Browser ปลายทางให

ออกมาในรปแบบทเราตองการ Tag ตองอยในเครองหมาย < และ >

o รปแบบ < …ขอก าหนด... >

o มกเปน Tag แบบคคอ เปด และ ปด◦ <html> คอ Tag เปดหรอเรมตนขอก าหนด◦ </html> คอ Tag ปดหรอสนสดขอก าหนด

o Tag บางชนดสามารถใชไดโดยไมตองปดเชน <br> , <hr> เปนตน


Tag ทควรทราบo <html> ... </html> ส าหรบเรมหรอจบ html file.

o <body> … </body> ก าหนดสวนเนอหา

o <head> … </head> ก าหนดสวนหวของ html ซงจะไมถกแสดงผลออกมาบนหนาตาง Browser

o <title> … </title> ก าหนดชอเรอง ขอความใน Tag นจะไปปรากฏบน Title Bar ของ Browser

o <br> เพอขนบรรทดใหม

o <hr> เพอขดเสนขนหนา

o <p> … </p> ก าหนดพารากราฟใหมหรอเวนระยะระหวางยอหนา

o <center> … </center> ก าหนดใหอยกงกลางบรรทด


Tag ทควรทราบo <font … > … </font> ก าหนดชอฟอนต ขนาด ของอกษรทตองการ

◦ <font face="................" color="............" size="................."> … </font>

o <h1> … </h1> ก าหนดหวขอระดบท 1o <h2> … </h2> ก าหนดหวขอระดบท 2o <h3> … </h3> ก าหนดหวขอระดบท 3o <h4> … </h4> ก าหนดหวขอระดบท 4o <b> … </b> ก าหนดแสดงผลตวหนาo <i> … </i> ก าหนดแสดงผลตวเอยงo <u> … </u> ก าหนดแสดงผลตวขดเสนใต


Tag ทควรทราบo <table> … </table> ก าหนดแสดงผลเปนตาราง

◦ <tr> … </tr> ก าหนด/สนสด แถว(row)◦ <td> … </td> ก าหนด/สนสด สดมภ(Column)◦ <Colspan> / <Rowspan> การรวมสดมภหรอรวมแถวเขาดวยกน

o <img … > ใหแสดงรปภาพ◦ <img src="ชอไฟลภาพ“ Border=“ขนาดกรอบภาพ” Alt=“ค าอธบายภาพ” … >

o <a href=“ … “> … </a> ส าหรบสรางการเชอมโยง◦ <a href="http://www.hotmail.com/"> www.hotmail.com </a>


Tag ทควรทราบo <ol> … </ol> ก าหนดหวขอแบบล าดบอตโนมต

o <ul> … </ul> ก าหนดหวขอแบบไมมล าดบใชเครองหมาย Bullet แทน<ol>

<li> ขอความหวขอ 1 </li><li> ขอความหวขอ 2 </li></ol>


ซอฟตแวรส าหรบจดท า Web pageo Text Editor อยางงายส าหรบผมความช านาญในภาษา HTML เชน Notepad, Edit plus,

sublime text 3 เปนตน

o ใชซอฟตแวรส าเรจรปเชน Microsoft Front Page, Dreamweaver

o ใชเวบส าเรจรป เชน Joomla , Mambo เปนตน

http://images.google.co.th/imgres?imgurl=http://bp1.blogger.com/_Z_zcazHB47c/Rw-SDbr3LNI/AAAAAAAAAFQ/vhlaRF2mH-s/s320/adobe_dreamweaver_8~s600x600.jpg&imgrefurl=http://down0day.blogspot.com/2008/09/adobe-dreamweaver-cs3-plugins-with.html&usg=__NzyRvMHATsbj0i0oBc0t-_is_0g=&h=320&w=320&sz=16&hl=en&start=4&tbnid=cdoPqXu1PiA65M:&tbnh=118&tbnw=118&prev=/images%3Fq%3Ddreamweaver%26gbv%3D2%26hl%3Den

http://images.google.co.th/imgres?imgurl=http://bp1.blogger.com/_Z_zcazHB47c/Rw-SDbr3LNI/AAAAAAAAAFQ/vhlaRF2mH-s/s320/adobe_dreamweaver_8~s600x600.jpg&imgrefurl=http://down0day.blogspot.com/2008/09/adobe-dreamweaver-cs3-plugins-with.html&usg=__NzyRvMHATsbj0i0oBc0t-_is_0g=&h=320&w=320&sz=16&hl=en&start=4&tbnid=cdoPqXu1PiA65M:&tbnh=118&tbnw=118&prev=/images%3Fq%3Ddreamweaver%26gbv%3D2%26hl%3Den

http://images.google.co.th/imgres?imgurl=http://pic.goleech.org/out.php/i354_frontpage20032.jpg&imgrefurl=http://goleech.org/all-portables/microsoft-office-frontpage-2003-portable/&usg=__01KaUFboTxK9LdFo46cZYemQkQc=&h=500&w=400&sz=52&hl=en&start=42&tbnid=lIRBtlqkCcqHXM:&tbnh=130&tbnw=104&prev=/images%3Fq%3Dfrontpage%2B2003%26start%3D36%26gbv%3D2%26ndsp%3D18%26hl%3Den%26sa%3DN

http://images.google.co.th/imgres?imgurl=http://pic.goleech.org/out.php/i354_frontpage20032.jpg&imgrefurl=http://goleech.org/all-portables/microsoft-office-frontpage-2003-portable/&usg=__01KaUFboTxK9LdFo46cZYemQkQc=&h=500&w=400&sz=52&hl=en&start=42&tbnid=lIRBtlqkCcqHXM:&tbnh=130&tbnw=104&prev=/images%3Fq%3Dfrontpage%2B2003%26start%3D36%26gbv%3D2%26ndsp%3D18%26hl%3Den%26sa%3DN


ซอฟตแวรเสรมo ตวแปลภาษา CGI

◦ CGI : Common Gateway Interface เปนโปรแกรมบน Server คอยดกจบและท างานเกยวกบ Form และภาษาอนๆ

◦ Php : ภาษา PHP เปน Freeware สามารถใชรวมกบ windows หรอ Linux platform ได◦ ASP : Active Server Page > IIS หรอ PWS◦ Java : ตวแปลภาษาส าหรบการท างานทงฝง Server และ Client Site

o Database◦ mySQL free DBMS ทไดรบความนยมมากทสด◦ Access , SQL Server ของ Microsoft

Question and AnswerThank you for attention.

เอกสารประกอบการสอน 230429 หัวข้อ ......221203...

Documents