45
บทที2 ทฤษฎีและวรรณกรรมที่เกี่ยวข้อง กรณีศึกษา บริษัท ใต้ฟ้ามอเตอร์คอมพิวเตอร์ จากัด บทนี ้จะเป็นการรวบรวมทฤษฎีและ วรรณกรรมที่เกี่ยวข้อง ที่ผู้ศึกษาได้รวบรวมข้อมูลไว้ มีรายละเอียดดังนี 2.1 ทฤษฎีพื้นฐาน 2.1.1 ความรู ้ทั่วไปเกี่ยวกับการออกแบบเว็บไซต์ ยุคของการพัฒนาเว็บไซต์ เทคโนโลยีที่ใช้สาหรับการพัฒนาเว็บไซต์นั ้น อาจแบ่งออกไดเป็น 3 ยุคด้วยกัน คือ ยุคที1 Static Web เป็นการเขียนเว็บไซต์แบบธรรมดา ใช้บราวเซอร์เรียกเว็บเพจที่สร้างด้วยภาษา HTML ล้วนๆ หรืออย่างมากก็มีสคริปต์ทางฝั่งไคลเอนต์ ( Client-side Script) อย่าง JavaScript, VBScript หรือใช้ภาษา Java Applet ซึ ่ง Static web ส่วนมากนิยมในหมู่นักเรียนนักศึกษาในการสร้าง โฮมเพจส่วนตัว หลังจากทาเสร็จจะทาการอัปโหลดข้อมูลไปยังเว็บไซต์ที่ให้บริการพื ้นที่เก็บเว็บฟรี เช่น www.geocities.com, www.Thai.net ยุคที2 Dynamic Web พัฒนาต่อมาจากยุคที1 มีการใช้สคริปต์ทางฝั่งเซิร์ฟเวอร์ (Server-side Script) มาช่วยในการเพิ่มความสามารถของเอกสาร HTML ในการติดต่อกับองค์ประกอบอื่นๆ ทางฝั่ง เซิร์ฟเวอร์ อย่างฐานข้อมูล หรืออาศัยพลังในการประมวลผลของเว็บเซิร์ฟเวอร์เพื่อทางานบางอย่าง เช่น Webboard, Guestbook, Chat Room, Webmail เทคโนโลยีในการพัฒนาเว็บแบบไดนามิกใน ช่วงแรกคือ CGI (Common Gateway Interface) ภาษาที่ใช้เขียนสคริปต์นี ้เช่น C, Perl เป็นต้น ต่อมา ได้มีเทคโนโลยีต่างๆ เกิดขึ ้นมาอีกมากมาย ซึ ่งทางานในฝั่งของเซิร์ฟเวอร์เช่นเดียวกับ CGI นั่นก็คือ ASP (Active Server Pager) ของไมโครซอฟต์ , JSP (Java Server Page) ที่ใช้ภาษา Java ในการพัฒนา และ PHP (PHP Hypertext Preprocessor) ซึ ่งเป็นเทคโนโลยีที่ได้รับความนิยมอย่างแพร่หลายใน ปัจจุบัน ยุคที3 Web Service เป็นรูปแบบการบริการยุคใหม่ในวงการเว็บ ตัวอย่าง Web Service เช่น Microsoft Passport ที่ให้บริการตรวจสอบความเป็นตัวตนจริง ( Authentication) ผ่านเว็บ ภาษาที่ใช้ เป็นตัวกลางในการพัฒนา Web Service คือ XML (eXtensible Markup Language) IBM ได้นิยาม ความหมายอย่างเป็นทางการของ Web Services ว่า Web Services คือ Web Application ยุคใหม่ทีประกอบด้วยส่วนย่อยๆ ที่มีความสมบูรณ์ในตัวเอง สามารถติดตั ้ง ค้นหา เริ่มทางานได้โดยผ่านหน้า เว็บ Web Services สามารถทาอะไรก็ได้ตั ้งแต่งานง่ายๆ เช่น ดึงข้อมูล จนถึงกระบวนการทางธุรกิจที

Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

บทท 2

ทฤษฎและวรรณกรรมทเกยวของ

กรณศกษา บรษท ใตฟามอเตอรคอมพวเตอร จ ากด บทนจะเปนการรวบรวมทฤษฎและวรรณกรรมทเกยวของ ทผศกษาไดรวบรวมขอมลไว มรายละเอยดดงน

2.1 ทฤษฎพนฐาน 2.1.1 ความรทวไปเกยวกบการออกแบบเวบไซต ยคของการพฒนาเวบไซต เทคโนโลยทใชส าหรบการพฒนาเวบไซตนน อาจแบงออกได

เปน 3 ยคดวยกน คอ ยคท 1 Static Web เปนการเขยนเวบไซตแบบธรรมดา ใชบราวเซอรเรยกเวบเพจทสรางดวยภาษา HTML ลวนๆ หรออยางมากกมสครปตทางฝงไคลเอนต (Client-side Script) อยาง JavaScript, VBScript หรอใชภาษา Java Applet ซง Static web สวนมากนยมในหมนกเรยนนกศกษาในการสรางโฮมเพจสวนตว หลงจากท าเสรจจะท าการอปโหลดขอมลไปยงเวบไซตทใหบรการพนทเกบเวบฟร เชน www.geocities.com, www.Thai.net ยคท 2 Dynamic Web พฒนาตอมาจากยคท 1 มการใชสครปตทางฝงเซรฟเวอร (Server-side Script) มาชวยในการเพมความสามารถของเอกสาร HTML ในการตดตอกบองคประกอบอนๆ ทางฝงเซรฟเวอร อยางฐานขอมล หรออาศยพลงในการประมวลผลของเวบเซรฟเวอรเพอท างานบางอยาง เชน Webboard, Guestbook, Chat Room, Webmail เทคโนโลยในการพฒนาเวบแบบไดนามกในชวงแรกคอ CGI (Common Gateway Interface) ภาษาทใชเขยนสครปตนเชน C, Perl เปนตน ตอมาไดมเทคโนโลยตางๆ เกดขนมาอกมากมาย ซงท างานในฝงของเซรฟเวอรเชนเดยวกบ CGI นนกคอ ASP (Active Server Pager) ของไมโครซอฟต, JSP (Java Server Page) ทใชภาษา Java ในการพฒนา และ PHP (PHP Hypertext Preprocessor) ซงเปนเทคโนโลยทไดรบความนยมอยางแพรหลายในปจจบน ยคท 3 Web Service เปนรปแบบการบรการยคใหมในวงการเวบ ตวอยาง Web Service เชน Microsoft Passport ทใหบรการตรวจสอบความเปนตวตนจรง (Authentication) ผานเวบ ภาษาทใชเปนตวกลางในการพฒนา Web Service คอ XML (eXtensible Markup Language) IBM ไดนยามความหมายอยางเปนทางการของ Web Services วา Web Services คอ Web Application ยคใหมทประกอบดวยสวนยอยๆ ทมความสมบรณในตวเอง สามารถตดตง คนหา เรมท างานไดโดยผานหนาเวบ Web Services สามารถท าอะไรกไดตงแตงานงายๆ เชน ดงขอมล จนถงกระบวนการทางธรกจท

Page 2: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

8

ซบซอน เมอ Web Services ตวใดตวหนงเรมท างาน Web Services ตวอนกสามารถรบรและเรมท างานไดอกดวย (ความรทวไปเกยวกบการออกแบบเวบไซต, http://www.cmsthailand.com/node/22)

รปภาพท 2.1 แสดงการเปรยบเทยบระหวาง Static และ Dynamic Web Site

banaries

application

Txt

Pdf

Html

Xml

Cvs

dynamic static

Content

CMS

File management

Comunication

Right and Access

Content Creation

Files Database

D text

Html, xml

Page 3: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

9

2.1.1.1 อาชพในสาย Web Site อาชพในสายเวบไซตสามารถแบงไดหลายสายดวยกน พอสรปอาชพทเปนความตองการไดดงน

1) Web Programmer หรอ Web Developer เปนนกเขยนโปรแกรมบนเวบมภาษา

ใหเลอกใชดงน - PHP + MySQL/PostgreSQL - ASP + MS Access/MS SQL Server - ASP.NET+ MS SQL Server - JSP + MySQL/Oracle

2) Web Designer เปนนกออกแบบหนาหนาเวบ (User Interface) กลาวคอเปนคนทท า

หนาทตกแตงใหเวบมหนาตาสวยงามนนเอง มทลใหเลอกใชงานดงน - Adobe Photoshop + Image Ready - Macromedia Firework - Macromedia Flash - Adobe IIIastrator - SWiSH

3) Web Marketing เปนผทท าใหเวบเปนทรจก และท าใหสามารถสรางรายไดจากตวเวบได

4) Web Content เปนผทท าหนาทรวบรวมเนอหา เขยนเนอหาเพอใสในเวบไซต

5) Web Master เปนผควบคมดแลภาพรวมของเวบไซต 6) Web Teacher / Trainner / Instructor เปนผสอนหลกสตรเกยวกบการ

ออกแบบและพฒนาเวบไซต (ความรทวไปเกยวกบการออกแบบเวบไซต, http://www.cmsthailand.com/node/22)

2.1.2 ความรเบองตนเกยวกบอนเตอรเนต อนเทอรเนต ปจจบนคอมพวเตอรไดเขามามบทบาทเปนอยางมาก เพราะสามารถท างานได

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

Page 4: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

10

เครอขายยอย ๆ น นมาเชอมโยงกนจนเกดเครอขายคอมพวเตอรขนาดยกษทถกขนานนามวาอนเทอรเนต ซงเชอมตอมากกวา 50 ลานเครองทวโลกและไดมการประมาณการวาจะเตบโตขนเรอย ๆ โดยจะเชอมตอคอมพวเตอรมากกวา 300 ลานเครองทวโลก

อนเทอรเนต (Internet) เปนเครอขายคอมพวเตอรทใหญทสดในโลกซงรวมเอาเครอขายยอยเปนจ านวนมากตอเชอมภายใตมาตรฐานเดยวกนจนเปน เครอขายคอมพวเตอรขนาดใหญ ท าใหทวโลกเชอมโยงกน เปนเครอขายเดยวกนไดในแพลตฟอรมของ เวลด ไวด เวบ (World Wide Web)

เครอขายคอมพวเตอรขนาดมหมาทเชอมโยงเอาเครอขายคอมพวเตอรยอย ๆ ทวโลก เขาไวดวยกนเครอขาย คอ ขอเรยกกลมของคอมพวเตอร และอปกรณคอมพวเตอรทเชอมตอกน เพอใหสามารถแบงปนขอมลและทรพยากรอนๆ เชน คอมพวเตอรนส านกงานมกเชอมตอกนเพอใหสามารถใชแฟนขอมล และเครองพมพรวมกนกบคอมพวเตอรทงหมดบนอนเตอรเนตในอกซกโลกหนงจะงายพอๆ กบการคยกบคอมพวเตอรทอยในหองตดกนเมอไรกตามทคอมพวเตอรของคณตอเขากบอนเตอรเนตกเปรยบเหมอนกบตวแมงมมกลางใยแมงมมขนาดมหมาซงใยแมงมมแตละเสน น าขอมลจากคอมพวเตอรเครองน ามาสคอมพวเตอรของคณ (ความรเบองตนเกยวกบเวบไซต นายมนด เทศทอง, นายอโนทย ผลผล, นายธวชชย งามศร : http://www.sema.go.th/files/Content/Technic/k4/0026/dream_msl/main11/a1.htm )

2.1.2.1 ทมาของอนเทอรเนต อนเทอรเนตถกพฒนาโดยกระทรวงกลาโหม ของสหรฐอเมรกาป ค.ศ. 1969 ซงหนวยงานท

ท าหนาทดแลเครอขายมชอวา APRA (Advanced ResearchPojectAgency) เครอขายคอมพวเตอรนมชอวา อารพาเนต (ARPANET) เครอขายนสรางขนเพอการใชงานทางดานการทหาร โปรโตคอลทใชชอวา DARPA ตอมา ARPA ไดสรางมาตราฐานในการเชอมตอขนใหม เพอใหคอมพวเตอรตางชนดกนสามารถตดตอสอสารกนได จงไดสรางโปรโตคอลขนมาใหม ซงใชกนมาจนถงปจจบนคอ TCP/IP (Transmission Control Protocol/Internet Protocol) และเมอป ค.ศ. 1989 มคอมพวเตอรเชอมตอในเครอขายมากขน จงเปลยนชอใหมวา "อนเทอรเนต"

2.1.2.2 ประโยชนของอนเทอรเนต เราสามารถใชอนเทอรเนตไดหลายดาน ขนกบลกษณะการใชงานของเราซงสามารถสรป

เปนแนวทางไดดงน 1) ใชในการตดตอสอสาร โดยผานทางจดหมายอเลกทรอนคสหรอท

เรยกวา E-mail (Electronic Mail) ซงมความสะดวกในการตดตอสอสาร และประหยดคาใชจายมากกวาการตดตอสอสารดวยวธอน

2) แหลงคนควาขอมลขนาดใหญ เพราะอนเตอรเนตเปนเครอขายขนาดใหญ หรอเปรยบเสมอนเปนหองสมดขนาดใหญ

3) แหลงรวมโปรแกรมทผใชสามารถดาวนโหลดโปรแกรมตางๆ มาใชไดโดยม

Page 5: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

11

ทงแบบเสยคาใชจายและแบบไมเสยคาใชจาย 4) ใชสนทนาพดคยโตตอบกนโดยผานทางแปนพมพและจอภาพ 5) แหลงรวมความบนเทงตางๆไมวาจะเปนภาพยนตร ดนตร และเกมทสามารถ

เลนโตตอบกนผานทางเครอขายได 6) เปนเครองมอในการตดตอซอขายทางธรกจ ซงเปนทไดรบความนยม ใน

ปจจบนเปนอยางมาก กคอ E-Commerce 2.1.2.3 เวบบราวเซอร (Web Bowser)

เวบบราวเซอร คอ โปรแกรมส าหรบเปดเวบไซตตางๆ เชน โปรแกรม Internet Explorer โปรแกรม Netscape Nevigator โปรแกรม Opera ในการใชงาน ผใชจะตองพมพ URL หรอ Address ของเวบไซตนนๆ เชน http://www.msu.ac.th/ จะเปน Address ของมหาวทยาลยมหาสารคาม เปนตน

รปภาพท 2.2 แสดงตวอยางไอคอนเวบบราวเซอร

2.1.2.4 เวรลไวดเวบ (www : World Wide Web)

บรการทตองใชโปรแกรม Web Browser เชน FireFox, Netscape, Internet Explorer, Opera หรอ Neoplanet เพอเปดดขอมลจากเวบไซต(Website) หรอโฮมเพจ (Homepage) จะไดขอมลในลกษณะเปนตวอกษร ภาพ เสยง และภาพเคลอนไหว ในลกษณะสอผสม รวมทงการสงประมวลผล และตอบสนองแบบอนเทอรแอกทฟ (Interactive) บรการนไดรบการพฒนาอยางรวดเรว จนน ามาใชงานอยางหลากหลาย เชน ชมภาพยนต ฟงเพลงออนไลน เลนเกมส คนขอมล ประมวลผลขอมลทางธรกจ ท าขอสอบ การสงเมล ตดตอซอขาย ช าระเงนดวยบตรเครดต หรอสงโพสทการด เปนตน (ความรเบองตนเกยวกบเวบไซต นายมนด เทศทอง, นายอโนทย ผลผล, นายธวชชย งามศร : http://www.sema.go.th/files/Content/Technic/k4/0026/dream_msl/main11/a1.htm )

Page 6: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

12

รปภาพท 2.3 แสดงตวอยางเวรลไวดเวบ (www : World Wide Web)

2.1.2.5 เวบเพจ (WebPage) เวบเพจ (WebPage) – เอกสารทเราเปดดใน World Wide Web มชอเรยกสน ๆ วา “ เวบเพจ”

ซงสวนใหญจะถกสรางขนจากภาษาคอมพวเตอรทเรยกวา HTML World Wide Web (www) ก าลงเตบโตอยางรวดเรว ปจจบนม Web Page มากกวา 4 ลานหนา

2.1.3.6 โฮมเพจ (Home Page) โฮมเพจ (Home Page) ‟ แตละเวบไซตจะประกอบดวยหนาเวบเพจจ านวนหลายหนา แต

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

2.1.2.7 ลงค (Link) ลงค (Link) ‟ เวบเพจแตละหนาจะมการเชอมโยงถงกนไดโดยการผาน Link เราสามารถ

เรยกดเวบเพจหนงจากอกเวบเพจหนงได Link ท าใหเวบเพจตางจากเอกสารธรรมดาตรงทเราสามารถดขอมลรายละเอยดในสวนทม Link ได วธการดวาสวนไหนของเวบเพจเปน Link กโดยการสงเกตท Pointer ขอ ง Mouse ถาเปลยนจากลกศรไปเปนมอชเมอไหร แสดงวา ณ จดนนคอ Link

Page 7: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

13

2.1.2.8 เวบไซต (Web Site) เวบไซต (Web Site) ‟ เวบไซต คอ ทเกบ WebPage กอนทเราจะดง WebPage แตละหนามา

แสดงทเครองของเรา บราวเซอรจะตองท าการตดตอกบเวบไซตนนกอน เพอรองขอใหเวบไซตนนสงหนาเวบเพจทเราตองการออกมา

2.1.2.9 URL URL ‟ เวบไซตแตละแหงใน Internet จะมต าแหนงเจาะจงทเราตองระบ จงจะเปดดขอมลได

เราเรยกต าแหนงนวา “ ยอารแอล (URL : Uniform ResourceLocation)” ของเวบไซต เชน www.oie.go.th (ความรเบองตนเกยวกบเวบไซต นายมนด เทศทอง, นายอโนทย ผลผล, นายธวชชย งามศร : http://www.sema.go.th/files/Content/Technic/k4/0026/dream_msl/main11/a1.htm )

2.1.3 ความรทวไปเกยวกบพาณชยอเลกทรอนกส

ปจจบนโลกเรามการเปลยนแปลงไปมากอะไรๆ กตองรวดเรวทนสมยสะดวก สบายขน จะท าอะไรแตละทใชเวลาแปบเดยวกเสรจ ไมเวนแมแตการซอขายหรอเรยกอกอยางวาพาณชยอเลกทรอนกสหรอ E-commerce โดยท าผานระบบอนเตอรเนตทใหบรการตลอด 24 ชวโมง และไมจ าเปนตองออกไปไหนเพยงแคมระบบอนเตอรเนตใช กสามารถใชงานไดแลว อนเตอรเนตเขามามบทบาทในการด าเนนชวตของมนษยและยงท าใหการด าเนนชวตของมนษยเปลยนแปลงไป ถาจะพดถงหางรานใดในปจจบนไมมโฮมเพจในอนเตอรเนตจะเหมอนหางรานนนไมมตวตนเลยกวาไดเพราะแทบจะไมมคนรจก เมอไมมคนรจกกไมเกดการคาขายแลกเปลยนเกดขน ท าใหหางรานนนๆทกอต งมาไมสามารถด าเนนธรกจตอไปได ตองลมละลายไปในทสด เรยกไดวาปจจบนโลก อนเตอรเนตคอโลกแหงขอมลขาวสารทผคนทวโลกใชเพอหาขอมลขาวสารทตวเองตองการ คนเราในปจจบนบรโภคขอมลขาวสารเปนอาหารกวาได โลกทกวนนคอโลกทไมหยดนงทกคนตองกาวใหทนกบขอมลขาวสารเสมอ บคคลนนจงจะอยในโลกนได ยงคนทท าธรกจแลวยงเปนคนทไมหยดนงเลย เพราะการหยดนงถอเปนการกาวชากวาคแขงขนหนงกาวเสมอ หางรานตางๆจงตองใสใจกบการด าเนนธรกจของตวเอง ขอมลการขายเปนอกขอมลหนงทอยบน อนเตอรเนต เปนขอมลเกยวกบรายละเอยดของสนคาตางๆ ไมวาจะเปนประเภทสนคา จ านวนสนคา ราคาสนคา หรอสวนลดสนคานนๆ และขอมลการผลต แหลงทมาทไปของสนคาชนดนนๆ ซงปจจบนเปนททราบกนดวาผบรโภคมทางเลอกซอสนคากนมากขน แตผคนทเรงรบอยางในปจจบนมกจะหาความสะดวกสบายใสตวเอง เปนตนวาการเขาไปเลอกซอสนคาจากเวบไซต มการเขาไปเปรยบเทยบราคากอนทจะซอ หากจะกลาววา ”ขาวสาร” คออ านาจ กจะถอไดวาผคนในปจจบนมการตดอาวธอยางใหมทเรยกวามอ านาจมากพอทจะตอรองกบผขายและผผลตสนคาไดเปนอยางดเยยม และท าใหเกดพฤตกรรมการบรโภคทเปลยนแปลงไปอยางสนเชง ในการท า E-commerce นนไมใชเปนแค web sit หรอชองทางการจด

Page 8: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

14

จ าหนายสนคา แต E-commerce ยงรวมถงการน าเทคโนโลยมาใชในกระบวนการทางธรกจ เพอเปนการลดคาใชจายลดเวลาทตองสญเสยไปโดยเปลาประโยชนและยงชวยเพมประสทธภาพในการด าเนนธรกจ รวมไปถงการพฒนาความสมพนธระหวางเจาของกบผบรโภค และผคาสง

2.1.3.1 ความหมายของพาณชยอเลกทรอนกส

คณะกรรมาธการเศรษฐกจและสงคมแหงเอเชยและแปซฟก (Economic and Social Commission for Asia and the Pacific, 1998 : 52) ไดใหความหมายไววา พาณชยอเลกทรอนกส คอ ขบวนการทใชวธการทางอเลกทรอนกส เพอท าธรกจทจะบรรลเปาหมายขององคกร พาณชยอเลกทรอนกสใชเทคโนโลยประเภทตาง ๆ และครอบคลมรปแบบทางการเงนทงหลายเชนธนาคาร-อเลกทรอนกส, การคาอเลกทรอนกส, อดไอหรอการแลกเปลยนขอมลอเลกทรอนกส , ไปรษณยอเลกทรอนกส, โทรสาร, แคตตาลอคอเลกทรอนกส, การประชมทางไกล และรปแบบตาง ๆ ทเปนขอมลระหวางองคกร

ศนยพฒนาพาณชยอเลกทรอนกส ประเทศไทย (ECRC Thailand, 1999 : 125) ไดใหความหมายไววา พาณชยอเลกทรอนกส คอ การด าเนนธรกจ โดยใชสออเลกทรอนกส

สหภาพยโรป (European union, 1997 : 21)ไดใหความหมายไววา พาณชยอเลกทรอนกส คอ การท าธรกจทางอเลกทรอนกส ซงขนอยกบการประมวล และการสงขอมลทมขอความ เสยง และภาพ ประเภทของพาณชยอเลกทรอนกส รวมถงการขายสนคา และบรการดวยสออเลกทรอนกส , การขนสงผลตภณฑทเปนเนอหาขอมลแบบดจทลในระบบออนไลน, การโอนเงนแบบอเลกทรอนกส, การจ าหนวยหนทางอเลกทรอนกส, การประมล, การออกแบบทางวศวกรรมรวมกน, การจดซอจดจางของภาครฐ, การขายตรง, การใหบรการหลงการขาย ทงนใชกบสนคา (เชน สนคาบรโภค, อปกรณทางการแพทย) และบรการ (เชน บรการขายขอมล, บรการดานการเงน, บรการดาน กฎหมาย) รวมทงกจการทวไป (เชน สาธารณสข, การศกษา, ศนยการคาเสมอน)

องคกรความรวมมอและพฒนาทางเศรษฐกจ (Organization for Economic Cooperation and Development: OECD, 1997 : 124) ไดใหความหมายไววา พาณชยอเลกทรอนกส คอ ธรกรรมทกรปแบบทเกยวของกบกจกรรมเชงพาณชย ทงในระดบองคกร และสวนบคคล บนพนฐานของการประมวล และการสงขอมลดจทล ทมทงขอความ เสยง และภาพ

องคการการคาโลก (World Trade Organization: WTO, 1998 : 16) ไดใหความหมายไววา พาณชยอเลกทรอนกส คอ การผลต การกระจาย การตลาด การขาย หรอการขนสงผลตภณฑ และบรการโดยใชสออเลกทรอนกส

สรป อคอมเมรซ (E-commerce) คอ การด าเนนกจกรรมดานธรกจทกรปแบบทเกยวของกบกจกรรมเชงพาณชย ทงในระดบองคกร และสวนบคคล โดยใชสออเลกทรอนกสหรอเทคโนโลยตางๆเปนตวกลางในการตดตอซอขาย

Page 9: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

15

2.1.3.2 ประวตววฒนาการพาณชยอเลกทรอนกส

การคาพาณชยอเลกทรอนกสนนเรมขนบนโลกครงแรกเมอป พ.ศ. 2513 ซงไดมการเรมใชระบบโอนเงนทางอเลกทรอนกสหรออเอฟท (EFT = Electronic Fund Transfer) แตในขณะนนมเพยงบรษทขนาดใหญและสถาบนการเงนเทานนทใชงานระบบโอนเงนทางอเลกทรอนกส ตอมาอกไมนานกเกดระบบการสงเอกสารทางอเลกทรอนกส หรอ อดไอ (EDI = Electronic Data Interchange) ซงสามารถชวยขยายการสงขอมลจากเดมทเปนขอมลทางการเงนอยางเดยวเปนการสงขอมลแบบอนเพมขน เชน การสงขอมลระหวางสถาบนการเงนกบผ ผลต หรอผ คาสงกบผ คาปลก เปนตน หลงจากนนกมระบบสอสารรวมถงโปรแกรมอนๆ เกดขนมากมายตงแตระบบทใชในการซอขายหนจนไปถงระบบทชวยในการส ารองทพก ซงเรยกไดวาโลกไดกาวเขาสยคของการสอสาร และเมอยคของอนเตอรเนตมาถงเมอประมาณป พ.ศ. 2533 จ านวนผใชอนเตอรเนตกเพมขนอยางรวดเรว การคาอเลกทรอนกสกไดเกดขน เหตผลทท าใหระบบการคาอเลกทรอนกสเตบโตอยางรวดเรวคอโปรแกรมสนบสนนการคาอเลกทรอนกสทไดรบการพฒนาขนมามากมาย รวมถงระบบเครอขายดวย พอมาถงประมาณป พ.ศ. 2537 ‟ 2542 กถอไดวาระบบการคาอเลกทรอนกสหรออ-คอมเมรซกเปนทยอมรบและไดรบความนยมอยางมากและรวดเรว ซงวดไดจากการทมบรษทตางๆ ในอเมรกาไดใหความส าคญและเขารวมในระบบอคอมเมรซอยางมากมาย (ประวตววฒนาการอคอมเมรซ , http://blog.spu.ac.th/FutureCareer/2007/11/26/entry-28)

2.1.3.3 ประเภทของพาณชยอเลกทรอนกส

ปจจบนมการแบงประเภทอคอมเมรซกนออกหลายๆ แบบ เชน แบงอคอมเมรซเปน 5 ประเภทหลกๆ ดงนพาณชยอเลกทรอนกสหรอคอมเมรซ แบงเปน 5 ประเภท

1. ธรกจกบผซอปลกหรอบทซ (B-to-C = Business-to-Consumer) คอประเภทท

ผซอปลกใชอนเตอรเนตในการซอสนคาจากธรกจทโฆษณาอยในอนเตอรเนต

2. ธรกจกบธรกจหรอบทบ (B-to-B = Business-to-Business) คอ ประเภทท

ธรกจกบธรกจตดตอซอขายสนคากนผานอนเตอรเนต

3. ธรกจกบรฐบาลหรอบทจ (B-to-G = Business-to-Government) คอประเภทท

ธรกจตดตอกบหนวยราชการ

4. รฐบาลกบรฐบาลหรอจทจ (G-to-G = Government to Government) คอ

ประเภททหนวยงานรฐบาลหนวยงานใดหนวยงานหนงตดตอกบหนวยงานรฐบาลอกหนวยงานหนง

5. ผบรโภคกบผบรโภคหรอซทซ (C-to-C = Consumer-to-Consumer) คอ

ประเภททผบรโภคประกาศขายสนคาแลวผบรโภคอกรายหนงกซอไป เชน ทอเบยดอทคอม (Ebay.com) เปนตน ซงผบรโภคสามารถจายเงนใหกนทางบตรเครดตได

Page 10: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

16

2.1.3.4 ความสมพนธของระบบการคาพาณชยอเลกทรอนกส

รปภาพท 2.4 แสดงความสมพนธของระบบการคาพาณชยอเลกทรอนกส

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

1) BANK ท าหนาทเปน Payment Gateway คอตรวจสอบ และอนมตวงเงนของผ ถอบตร เมอมการสงซอสนคา หรอบรการ ทาง Internetผานระบบของธนาคาร และธนาคารจะโอนเงนคาสนคา และหรอบรการนน ๆ เขาบญชของ รานคา สมาชก

2) TPSP (TRANSACTION PROCESSING SERVICE PROVIDER) องคกรผบรหาร และพฒนาโปรแกรม การประมวลผลการช าระคาสนคา หรอบรการ ผาน Internet ใหกบรานคา หรอ ISP ตาง ๆ ผาน Gateway โดย TPSPสามารถตอเชอมระบบใหกบทก ๆ รานคาหรอทก ๆ ISP และท าการ Internet ระบบช าระเงนผาน Gateway ของธนาคาร

3) CUSTOMER ลกคาสามารถช าระคาสนคา หรอบรการไดดวย เชน บตรเครดต บตรเครดตวซา หรอมาสเตอรการดจากทกสถาบนการเงนทวโลก ระบบหกบญชเงนฝากของธนาคาร (Direct Debit)

4) MERCHANT รานคาทตองการขายสนคา หรอบรการผานระบบ Internet โดยเปด Home Page บน Web Site ของตนเอง หรอ ฝาก Home Pageไวกบ Web Site หรอ Virtual Mall ตาง ๆ เพอขายสนคาหรอบรการผานระบบของธนาคาร รานคาจะตองเปดบญชและสมครเปนรานคาสมาชก E-Commerceกบธนาคารกอน

Page 11: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

17

5) ISP (INTERNET SERVICE PROVIDER) องคกรผใหบรการเชอมตอระบบการสอสารทาง Internet ใหกบลกคา ซงอาจเปนรานคาหรอผใช Internet ทวไป โดย ISP รบและจดทะเบยน Domain หรอ จะจดตง Virtual Mall เพอใหรานคาน า Home Page มาฝากเพอขายสนคา

2.1.3.5 ขนตอนการท าพาณชยอเลกทรอนกสหรออคอมเมรซ อคอมเมรซ (ขนตอนการท าอคอมเมรซ.2550: http://www.atii.th.org/html/ecom.html)

ประกอบดวยขนตอนดงตอไปน 1) ผประกอบการจดตงรานคาหรอท าหนาโฆษณาทเรยกวาโฮมเพจหรอ เวบเพจ

ในระบบอนเตอรเนต 2) ผซอเขาไปดรายละเอยดเกยวกบสนคาในอนเตอรเนต 3) ผซอตดตอสอบถามรายละเอยดจากผขาย เชน ของดจรงหรอไม สงไดรวดเรว

เทาใด มสวนลดหรอไม ดวยขอมลทอยบนเวบ เชน เบอรโทรศพท msn E-mail ของบรษท 4) ผซอสงสนคาและระบวธจายเงน เชน โดยผานบตรเครดต หรอการโอนเงน

เขาบญชของเจาของราน เปนตน 5) ธนาคารตรวจสอบวาผซอมเครดตดพอหรอไมและแจงใหผขายทราบ 6) ผขายสงสนคาใหผซอ 7) ผซออาจจะใชอนเตอรเนตในการตดตอขอบรการหลงการขายจากผขายได

2.1.3.6 สงจ าเปนส าหรบพาณชยอเลกทรอนกส

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

1) แหลงทมาของขอมล แหลงทมาของขอมลโดยจะตองเปนแหลงทเชอถอได ตองท าการศกษาและคนควาหาขอมลทจะน ามาใชในการด าเนนธรกจ โดยท าการรวบรวมขอมลทเกยวของตางๆมาวเคราะหเพอน าไปใชงาน

2) ประสทธภาพในการคนหาขอมล ระบบจดเกบขอมลของระบบตองมความสามารถทจะเกบรกษาขอมลไมวาจะเปนขอมลเกาหรอขอมลใหมทเพมเขามาใหม และเมอตองการใชงานกสามารถทจะแสดงขอมลทตองการได

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

4) การเตรยมขอมลของสนคา ตองรวบรวมขอมลรายละเอยดของสนคา ไมวาจะเปนชอสนคา ชนดสนคา ราคาสนคา หรอรปภาพทจะใช ไวเปนหมวดหม เมอใชงานจะไดพรอมใช

Page 12: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

18

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

6) การช าระเงนทางอเลกทรอนกส การคาอเลกทรอนกสเปนการช าระ เงนคาสนคาและบรการตางๆ เพอสรางความสะดวกใหแกผใชงานการช าระเงนผานอเลกทรอนกสจงเกดขน การช าระเงนแบบอเลกทรอนกส คอ การช าระดวยเงนตราดจตอล (Digital Currency) การช าระเงนดวยบตรเครดต และอเลกทรอนกสเชค

7) ระบบรกษาความปลอดภย จะตองสามารถปองกนการโจรกรรมคกคามและการฉอโกงจากกลมตางๆทงภายนอกและภายใน ดงนนระบบจะตองถกออกแบบเปนพเศษเพอใหบรการดานความปลอดภยไดอยางมประสทธภาพ

8) การเชอมโยงเขาสระบบ สงแวดลอมของการคาอเลกทรอนกสปจจบน มกลมบคคลมากมายทสามารถจะเขาสระบบการคาอเลกทรอนกส ผใชอาจใชเครองมอในการสอสารชนดตางๆกน ในการเขาสระบบและคนหาขอมลทตางกน ตวอยางเชน ใชเครองคอมพวเตอรสวนบคคล เครองคอมพวเตอรแบบพกพา Palm Computer โทรศพทประจ าบาน เครอง PCT จานรบสญญาณดาวเทยม ไมโครเวฟหรอแมกระทงการใชโทรศพทมอถอในระบบ GSM หรอ Digital 1800 (ในปจจบนมการพฒนาโปรโตคอลทชอวา WAP หรอ Wireless Application Protocol เพอใชในการเรยกดขอมลเวบเพจผานระบบโทรศพทมอถอ) ดงน นเมอระบบการคาอเลกทรอนกสเกดการเจรญเตบโตมากขน จงเปนเรองจ าเปนทเครองมอในการรองรบการเชอมโยงเขาสระบบตองมการพฒนาควบคไปดวย ปญหาดานความเปนหนงเดยวกน หรอความสามารถรวมมอกนของระบบตางๆจงเปนสงทส าคญ และเปนไปไดยากในทางปฏบต

9) กฎหมายและขอบงคบตางๆ ปญหาตางๆของกฎหมายทเกยวกบการคาอเลกทรอนกสนนแนนอนทสวนใหญตองเปนกฎหมายทใชบงคบในเครอขายอนเตอรเนต เปนททราบกนดวากฎหมายทบงคบใชบนอนเตอรเนตยงเปนกฎหมายทไมคอยสมบรณเทาใดนก แตจากการ ทมการโตเถยงและความพยายามในการแกไขกฎหมายตางๆใหดขน ท าใหรปลกษณของกฎหมายทจะมผลบงคบใชภายในเครอขายอนเตอรเนตมหนทางทดขนประเทศไทยกมรางกฎหมายการคาอเลกทรอนกสและลายเซนอเลกทรอนกสโดยศนยเทคโนโลยอเลกทรอนกส และ คอมพวเตอรแหงชาต กระทรวงวทยาศาสตรเทคโนโลยและสงแวดลอมเปนผรางกฎหมายฉบบนนอกจากนนในประเทศไทยยงมขอโตแยงเรองภาษสรรพากร ทเกยวของกบเรองการคาอเลกทรอนกสทท าใหผประกอบการคาบนนเปนผประกอบการทผดกฎหมาย

Page 13: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

19

2.1.3.7 ความปลอดภยกบพาณชยอเลกทรอนกส ระบบความปลอดภยนบเปนเรองทโดดเดนทสด และมเทคโนโลยความปลอดภยคอ Public Key ซงมองคกรรบรองความถกตองเรยกวา CA (Certification Authority) ระบบนใชหลกคณตศาสตรค านวณรหสคมขอความจากผสงและผรบอยางเฉพาะเจาะจงได จงสามารถพสจนตวตนของผรบผสง (Authentication) รกษาความปลอดภยของขอมล (Confidentiality) ความถกตองไมคลาดเคลอนของขอมล (Integrity) และผสงปฏเสธความเปนเจาของขอมลไมได (Non-repudiation) เรยกวาลายมอชออเลกทรอนกส (Electronic Signature) ทส าคญอกประการหนงคอการมกฎหมายรองรบการท าธรกรรมบนเครอขาย ประเทศในยโรปและประเทศสหรฐอเมรกาไดออกกฎหมายรบรองการใชลายมอชออเลกทรอนกส และกฎหมายรองรบการท าธรกจดงกลาว ส าหรบในประเทศไทยกเรงจดการออกกฎหมายเทคโนโลยสารสนเทศ 6 ฉบบ โดยกฎหมาย 2 ฉบบแรกทจะออกใชไดกอนคอ กฎหมายธรกรรมทางอเลกทรอนกสและกฎหมายลายมอชออเลกทรอนกส (ธนาคารแหงประเทศไทย,2550)

2.1.3.8 การช าระเงนบนพาณชยอเลกทรอนกส แนวทางการพฒนาเพอบรการช าระเงน (ธนาคารแหงประเทศไทย, 2550) ดงน

1) บรการ internet banking หรอธรกจประเภท Payment Gateway จะเปน hyperlink ระหวาง website ของรานคากบระบบของธนาคาร และธนาคารสามารถด าเนนการตามขอมลทไดรบเพอตดโอนเงนในบญชของลกคา หรอสงเปนค าสงโอนเขาระบบการช าระเงนระหวางธนาคารทมมาตรการรกษาความปลอดภยทไดมาตรฐาน

2) ส าหรบการช าระเงนทเปน Micro Payment การใชเงนดจทลซงบนทกบนบตรสมารตการด หรอเครองคอมพวเตอร สามารถสรางเสรมระบบความปลอดภยใหมนใจไดเหนอกวาระบบบตรเดบตและบตรเครดตทวไป จงเปนแนวโนมเทคโนโลยทนาสนใจและเหมาะสม

2.1.3.9 ความส าคญของการท าพาณชยอเลกทรอนกส 1) ลดคาใชจายในการขายและบรหาร รวมทงคาเชาพนทขายหรอการลงทนใน

การสรางราน ซงจะชวยใหตนทนของธรกจต าลง 2) ประหยดเวลาและขนตอนทางการตลาด 3) เปดใหบรการ 24 ชวโมง และใหบรการไดทวโลก 4) มชองทางการจดจ าหนายมากขนทงในประเทศและตางประเทศ 5) สามารถท าก าไรไดมากกวาระบบการขายแบบเดม เนองจากตนทนผลตและ

การจ าหนายต ากวา ท าใหไดก าไรจากการขายตอหนวยเพมขน 6) ปรบปรงหรอ Update ขอมลเกยวกบสนคาและบรการไดตลอด

Page 14: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

20

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

8) สรางภาพลกษณทดใหกบธรกจหรอองคกร ในเรองของความทนสมยและเปนโอกาสทจะท าใหสนคาหรอบรการเปนทรจกของคนทวโลก สามารถเจาะกลมเปาหมายทตองการไดเรวและเสยเวลานอย

2.1.3.10 ขอดของพาณชยอเลกทรอนกส (E-Commerce) ปจจบนจะเหนไดวาพาณชยอเลกทรอนกส เปนชองทางการคาทนาสนใจมาก เพราะนบวนกยงมผใชงานอนเตอรเนตเพมมาก ขนเรอยๆซงสงผลใหการคาทางอนเตอรเนตขยายตวไดอยาง รวดเรวและการท าธรกจบนเวบไซตนนสามารถใชประโยชนจากเทคโนโลยไดมากมายหลายประการ ไดแก 1) ท าการคาไดตลอด 24 ชงโมง และขายสนคาไดทวโลก นกทองอนเตอรเนตจากทวทกมมโลกสามารถเขามาในเวบไซตของบรษทไดตลอดเวลาผขายสามารถน าเสนอสนคา ผลตภณฑ และบรการตางๆไดอยางรวดเรว โดยค าสงซออาจเกดขนตลอด 24 ชวโมงและมาจากทตางๆกน 2) ขอมลทนสมยอยเสมอ และประหยดคาใชจาย พาณชยอเลกทรอนกส นนมประโยชนทส าคญมากอกประการหนง คอสามารถ เสนอขอมลทใหมลาสดใหกบลกคาไดทนทซงชวยประหยดคาใชจายในการจดพมพเอกสาร และประหยดเวลาในการประชาสมพนธ

3) ท างานแทนพนกงานขาย และเพมประสทธภาพการขาย พาณชยอเลกทรอนกสนนสามารถท างานแทนพนกงานขายของคณได โดยสามารถท าการคาในรปแบบอตโนมต และด าเนนการไดอยางรวดเรว ซงเปนการเพมประสทธภาพในการด าเนนการทางธรกจภายในองคกรนนๆ

4) แทนหนาราน หรอบทแสดงสนคา พาณชยอเลกทรอนกสสามารถแสดงสนคาทมอยใหกบลกคาทวโลกไดมองเหนสนคาของคณ โดยไมตองเสยคาใชจายตกแตงหนาราน หรอในการเดนทางออกไปในบทแสดงสนคาในทตางๆ

5) เทคโนโลยชวยสงเสรมผลตภณฑใหนาสนใจยงขน ปจจบนมเทคโนโลยใหมๆมาชวยในการท าใหผลตภณฑมความนาสนใจยงขน เชน การแสดงสนคาโดยผชมสามารถดสนคาได 180 องศา หรอลกคาสามารถอานหวขอของหนงสอทตองการซอกอนได

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

7) เพมโอกาสทางธรกจ ในโลกพาณชยอเลกทรอนกสบรษทขนาดเลกสามารถมโอกาสทางธรกจเทยบไดกบบรษทขนาดใหญ ซงขนอยกบองคประกอบหลายๆอยาง เปนตนวา ชอ

Page 15: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

21

URL ของบรษทควรจะจ างาย การออกแบบเวบไซตใหสวยงามและปรบปรงใหทนสมยอยเสมอ การสงซอและการช าระเงนมระบบรกษาความปลอดภยทด เปนตน 8) สรางความประทบใจและพงพอใจไดมากกวา ปจจบนการสงซอสนคาผานทางอนเตอรเนตท าไดอยางงายดาย สนคาและบรการมใหเลอกมากมายท าใหไมตองเสยเวลาในการเดนทาง และเสยเวลาไปกบการคนหาสนคาและบรการทตองการ ลกคาสามารถคนหาสนคาทตองการไดอยางรวดเรวทสด เชน ถาลกคาตองการซอของตกแตงบานจากเวบไซต Bangpa-in.com ลกคาสามารถจะคนหาสนคาจากประเภทของสนคา หรอคนหาตามรปแบบทตองการได ในกรณทลกคาสงสนคาและไดใหรายละเอยดสวนตวไว รานคาสามารถ บนทก รายละเอยดของลกคาไวในฐานขอมลของเราเพอความสะดวกของลกคาในการสงซอสนคาครงตอไป (Member System) 9) รและแกปญหาตางๆไดทนทวงท พาณชยอเลกทรอนกสสามารถใหบรการหลงการขายไดเชนกน โดยใชประโยชนจากอเมลลในการตดตอลกคา การสรางแบบสอบถามลกคาเพอสอบถามความพงพอใจตอสนคาและบรการท าใหรานคาสามารถน าขอมลเหลานมาแกปญหาและตอบสนองความ ตองการของลกคาไดดยงขนและทนทวงท (ขอดของพาณชยอเลกทรอนกส, 2550 : http://www.atii.th.org/html/ecom.html)

2.1.3.11 ขอเสยของพาณชยอเลกทรอนกส (E-Commerce) 1) ตองมระบบรกษาความปลอดภยทมประสทธภาพ 2) ประเทศของผซอและผขายจ าเปนตองมกฎหมายรองรบอยางมประสทธภาพ 3) การด าเนนการดานภาษตองชดเจน 4) ผซอและผขายจ าเปนตองมความรพนฐานในเทคโนโลยอนเทอรเนต

Page 16: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

22

2.1.4 ความรทวไปเกยวกบการตดตอกบฐานขอมล MySQL เปนโปรแกรมบรหารจดการฐานขอมล หรอเรยกวา DataBase Management System

ซงมกจะใชค ายอเปน DBMS ( ฐานขอมล กคอ การรวบรวมเอาขอมลตางๆ เชน รายการสนคา, ขอมลนกศกษา เปนตน มาเกบรวมกนไวทใดทหนง สวนการบรหารจดการขอมล กคอ การจดเกบ, การเรยกคน, การเพม, การแกไข หรอการท าลายขอมล โดยในทน MySQL กคอโปรแกรมทจะท าหนาทบรหารจดการฐานขอมลนนเอง )

MySQL เปนทนยมใชกนมากส าหรบฐานขอมลส าหรบเวบไซต เชน มเดยวก และ phpBB และนยมใชงานรวมกบภาษาโปรแกรม PHP ซงมกจะไดชอวาเปนค จะเหนไดจากคมอคอมพวเตอรตางๆ ทจะสอนการใชงาน MySQL และ PHP ควบคกนไป นอกจากน หลายภาษาโปรแกรมทสามารถท างานรวมกบฐานขอมล MySQL ซงรวมถง ภาษาซ ซพลสพลส ปาสคาล ซชารป ภาษาจาวา ภาษาเพรล พเอชพ ไพทอน รบ และภาษาอน ใชงานผาน API ส าหรบโปรแกรมทตดตอผาน ODBC หรอ สวนเชอมตอกบภาษาอน (database connector) เชน เอเอสพ สามารถเรยกใช MySQL ผานทาง MyODBC,ADO,ADO.NET เปนตน (ความรทวไปเกยวกบฐานขอมล MySQL, 2550: http:// th.wikipedia.org/wiki/MySQL/)

2.1.4.1 ความหมายของ MySQL MySQL (มาย-เอส-คว-แอล) เปนระบบจดการฐานขอมลโดยใชภาษา SQL. แมวา MySQL

เปนซอฟตแวรโอเพนซอรส แตแตกตางจากซอฟตแวรโอเพนซอรสทวไป โดยมการพฒนาภายใตบรษท MySQL AB ในประเทศสวเดน โดยจดการ MySQL ทงในแบบทใหใชฟร และแบบทใชในเชงธรกจ MySQL สรางขนโดยชาวสวเดน 2 คน และชาวฟนแลนด ชอ David Axmark, Allan Larsson และ Michael "Monty" Widenius. (ความหมายของ MySQL, 2550 : http:// th.wikipedia.org/wiki/MySQL/)

2.1.4.2 หลกการท างานของ MySQL MySQL ท างานในลกษณะฐานขอมลเชงสมพนธ (Relational Database Management

System : RDBMS) ค าวา ฐานขอมลเชงสมพนธ กคอ ฐานขอมลทแยกขอมลไปเกบไวในหนวยยอย ซงเรยกวา ตารางขอมล (table) และขอมลในแตละตารางกจะถกแยกดวยเขตขอมล (field) การทเราจะเขาไปจดการกบขอมล ตองอาศยภาษาคอมพวเตอรทเรยกกนวา SQL ซงยอมาจาก Structured Query Language ชอ MySQL กสอใหทราบวามความเกยวของกบภาษา SQL อยแลว ดงนน MySQL จงท างานตามค าสงภาษา SQL ได อนเปนไปตามมาตรฐานของโปรแกรมทางดานฐานขอมลในยคนทตองมความสามารถรองรบค าสงทเปนภาษา SQL MySQL ท างานแบบ Multi-thread คอ การท างานโดยการแบงการท างานเปนสวนยอยแยกออกไป ตางคนตางท างานได ท าใหสามารถท างานไดรวดเรว และการท างานเปนอสระไมขนตอกนสามารถน าไปใชกบเครองทม CPU มากกวา 1 ตวได ใชไดกบ

Page 17: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

23

ภาษา Programming หรอ สครปตหลากหลายภาษา เชน C, C++, Eiffel, Java, Perl, PHP, Pyton, VB, Delphi, ASP เปนตน (หลกการท างานของ MySQL, 2550: http://www.thaiwbi.com/course/mysql/index2.html)

2.1.4.3 คณสมบตของ My SQL 1) ท างานแบบ Multi-thread คอ การท างานโดยการแบงการท างานเปน

สวนยอยๆแยกออกไป ตางคนตางท างานได ท าใหสามารถท างานไดรวดเรว และการท างานเปนอสระไมขนตอกนสามารถ น าไปใชกบเครองทม CPU มากกวา 1 ตวได

2) ใชไดกบภาษา Programming หรอ สครปตหลากหลายภาษา เชน C, C++, Eiffel, Java, Perl, PHP, Pyton, VB, Delphi, ADP เปนตน

3) เปนฐานขอมลขนาดใหญ ซงสามารถเกบขอมลไดมาก ซงจ านวนฐานขอมลทมไดนนขนอยกบ ระบบปฏบตการทตดตง วาสามารถสรางโฟลเดอร (Folder) ไดกโฟลเดอร ทงนเพราะ My SQL มองโฟลเดอรเปนฐานขอมลและไฟลในโฟลเดอรเปนตารางขอมล และตารางทบนทกนนขนอยกบวา My SQL ทใชอยนนเปนรน (Version) ไหน สวนจ านวนคอลมนตอ 1 ตารางขอมลนนมไดสงสดถง 2,000 คอลมน และมจ านวนรายการขอมล (record) มากถง 5,000,000,000 รายการไดอยางไมมปญหา

4) รองรบภาษา SQL มาตรฐาน ทเรยก ANSI SQL92 หรอ SQL92 ดงนนบรรดาค าสง ตางๆ ทมอยใน SQL92 กสามารถน ามาใชกบ My SQL ได

5) ใชไดกบระบบปฏบตการหลากหลายระบบ อาท Linux, Solaris, Mac OS X Server,OS/2 Warp, SunOS, Windows และตระกล Unix อกมากมาย

6) สามารถถายโอนขอมลไปยงโปรแกรมฐานขอมลอนๆ ได 7) จดเกบขอมลไดหลายชนด เชน รปภาพ ขอความ ตวเลข และอนๆ อกมากมาย

AppServ เปนโปรแกรมทรวบรวมโปรแกรม Open Source Software หลายๆอยางเขาดวยกน โดยภายใน AppServ มโปรแกรมดงทกลาวมาแลวขางบนซงมโครงสรางดงน C:\AppServ\www หองเกบขอมลเวบไซต (สครปต PHP และรปภาพ), C:\AppServ\mysql\data หองเกบฐานขอมล, C:\AppServ\www\phpMyAdmin หองเกบเครองมอชวยจดการฐานขอมลมายเอสควแอล, C:\AppServ\apache หองเกบโปรแกรมอาปาเชเวบเซรฟเวอรและไฟลคอนฟกสและ C:\AppServ\php หองเกบตวคอมไพลภาษาพเฮสพ

2.1.5 การวเคราะหและออกแบบเวบไซต ในการออกแบบเวบจงมสวนทส าคญทจะสามารถสรางความประทบใจใหกบผใชบรการและ

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

Page 18: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

24

ใหมทกวน ผใชบรการมทางเลอกมากขน ความรสก ความสมพนธทผใชมการตอเวบยอมเปนสงทด ดงนนการออกแบบตองสรางใหเหนอตวเองและกตองเหนอคแขงอกดวย จงจะเรยกไดวาชนะทงใจตวเองและชนะใจทงผใชบรการ ความส าคญของการออกแบบตองมองไปทความชดเจนของเปาหมาย จงจะสามารถสรางความเชอถอและดงดดความสนใจของผใชไดมากกวาเวบไซตอน ( ธวชชย ศรสเทพ, 20 : 2544) 2.1.5.1 การวางแผนสรางเวบไซด

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

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

2. ทมงานหรอผรวมงาน ปกตการสรางเวบจะตองท างานเปนทม อยางนอยตองมผเชยวชาญ 3 ฝาย คอ ผเชยวชาญดานภาษา HTML หรอโปรแกรมสรางเวบเพจ ผเชยวชาญดานการออกแบบและตกแตงภาพ และผเชยวชาญดานเนอหาหรอบรรณาธการ

3. งบประมาณ เปนการก าหนดคาใชจาย เชน คาจาง คาเดนทาง คาอปกรณ ฯลฯ ในกรณทจางท าเวบเพจ ผรบจางจะเสนอราคามา โดยมทงแบบระบเปนหนาหรอแบบเหมารวม

4. อปกรณหรอเครองมอชวยงาน กรณทสรางเวบเพจเองจะมอปกรณทส าคญ เชน เครองคอมพวเตอร เครองสแกนเนอร กลองดจตอล และรปภาพประกอบเวบเพจ เปนตน

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

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

แผนการท างานทกขนตอนจะตองสามารถน าไปปฏบตไดจรง และประเมนผลงานงานได 2.1.5.2 การรวบรวมและวเคราะหโครงสรางขอมล

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

Page 19: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

25

และ ภาพเคลอนไหว เกบรวบรวมเปนไฟลขอมล หรอ ใสแฟมแยกเปนหมวดหม เพอความสะดวกในการหยบมาใชงาน

- ขอมลขอความ (.doc, .txt) - ภาพถาย หรอ ภาพวาด (.gif, .jpg) - ขอมลเสยง (.mp3) - ขอมลภาพเคลอนไหว (.gif ,swf)

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

ภาษา HTML หรอ เครองมอการสรางเวบอน ๆ หลกส าคญในการออกแบบและสรางเวบไซด คอ 1. ก าหนดจดประสงคของเวบไซด โดยวางเปาหมายของผเขาชมวาจะเปนกลม

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

2. เลอกเวบเบราวเซอร เปนการเลอกเวบเบราวเซอรทใชแสดงผลเวบไซด จะ ไดก าหนดขนาดกวาง ยาว และลกษณะการวางองคประกอบเวบใหสวยงาม แสดงผลไดเรว

3. วางโครงรางของเวบไซด ก าหนดโครงรางของเวบไววาจะมทงหมดกเวบ เพจ แตละเวบเพจมเนอหาอะไรบาง ควรเขยนเปนแผนผงเวบไซดออกมาบนกระดาษ

4. ออกแบบหนาตาของเวบ เปนขนตอนการลงมอสรางเวบเพจแตละหนาตามท ไดออกแบบไว พรอมกบทดสอบผานเวบเบราวเซอร (แบบ offline)เวบไซดจะสวยงาม นาสนใจ หรอ น าเสนอเรองราวไดดเพยงใดกขนอยกบการออกแบบและการสรางเวบนนเอง 2.1.5.4 เทคนคการออกแบบเวบไซต การออกแบบเวบไซดใหนาสนใจมเทคนคทจะตองพจารณา 3 ประการ คอ

1. ออกแบบเวบไซดทเนนเนอหา เวบไซดบางประเภทจะเนน เนอหา หรอ ขอความเปนหลก ภายในเวบไซดกจะประกอบดวยตวหนงสอ มภาพประกอบบางแตไมมาก เชน เอนไซโคพเดย ดกชนนาร ฯลฯ

2. ออกแบบเวบไซดทเนนภาพกราฟกเวบไซดชนดนจะใชภาพหรอกราฟกใน การน าเสนอเรอง มขอความบางเลกนอย

3. ออกแบบเวบไซดทเนนทงเนอหาและภาพเวบไซดประเภทนจะใหน าหนก ทงขอความและภาพเทา ๆ กน 2.1.5.5 การก าหนดโครงสรางและการออกแบบในภาพรวม

การวางโครงสรางทงหมดของเวบไซด วาแตละหนาจะประกอบดวยเนอหาอะไรบาง มภาพประกอบ ตาราง ฯลฯ ตลอดจนการเชอมโยงเวบเพจแตละหนาเขาดวยกน

Page 20: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

26

1. การก าหนดโครงสรางเวบไซดภาพรวม การก าหนดโครงสรางของเวบไซดเปนการออกแบบสวนประกอบทงหมดของเวบไซดท

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

รปภาพท 2.5 แสดงโครงสรางเวบไซต

โครงสรางเวบไซดดงกลาวอาจเปลยนแปลงไปตามจดประสงคของเวบไซด เชน เวบไซด

ดานทองเทยว สถานศกษา หนวยงานราชการ ฯลฯ กจะมโครงสรางแตกตางกนออกไป 2. การออกแบบหนาเวบเพจหลก (Index) หนาแรกของเวบเพจถอเปนหนาส าหรบตองรบแขก เปนหนาตาของเวบไซด เมอผชมเปดเขามากจะพบกบหนานเปนอนดบแรก โดยปกตหนาแรกจะมองคประกอบหลก คอ โลโกองคกรแถบชอองคกร รปภาพ โฆษณา และแถบลงคเขา

Page 21: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

27

รปภาพท 2.6 แสดงการออกแบบหนาเวบ

บางเวบไซดอาจก าหนดใหหนาแรก หรอหนา Index.html เปนหนาแรกหรอหนาโฮมเพจ (home.html) เลยกได

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

รปภาพท 2.7 แสดงตวอยางของปมตางๆ

Page 22: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

28

3. การออกแบบหนาโฮมเพจ (Home.html)

หนาโฮมเพจหรอหนาแรกเปนหนาเรมตนของเวบไซด เปนเสมอนหนาสารบญของหนงสอทจะ

บอกใหผอานทราบวาในแตละบทประกอบดวยเรองอะไร อยหนาไหน การจะเขาสหนาอน ๆ จะตองสรางลงกหรอการเชอมโยงเอาไว โดยน าโครงรางจากหนา Index บางสวนมาใช หรออาจตงชอ index2.html เปน home.html กได

รปภาพท 2.8 แสดงหนาหลกเวบไซต

4. การออกแบบหนาสนคาใหม (NewProduct.html) หนาสนคาใหมใชส าหรบแสดงรายการสนคาใหม ๆ หรอสนคาขายด เพอใหผเยยมชมสนใจเลอก

ซอ รปแบบขอหวเวบเพจ และเมน จะยงเหมอนเดม แตจะเพมเตมสนคาใหม ดงตวอยาง

Page 23: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

29

รปภาพท 2.9 แสดงออกแบบหนาสนคา

จากหนาสนคาใหมอาจใชชอวา newproduct.html เพอใหสะดวกในการจ าชอ โดยใช

ตนแบบจากหนาโฮมเพจ สงทตองเตรยมใหครบถวน คอ ขอมลสนคาใหมทงหมด และภาพประกอบ โดยสรางเปนตารางส าหรบสนคาแตละชนแยกกนใหชดเจน

ควรมการจดอนดบสนคาขายด หรอสนคาทลกคาถามถงบอย ๆ มาแสดงไวดวย เพอ

เปนขอมลในการตดสนใจซอ สนคาหนาใหมจะตองมการป รบปรงอย เสมอทกค รง ท ม สนคาใหม

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

เปนหนาทเกยวของกบสงใหม ๆ เชน แหลงทองเทยวใหม สถานการณปจจบน ขอมลใหม ฯลฯ 5. การออกแบบหนาแคตตาลอก (catalog.html)

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

Page 24: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

30

รปภาพท 2.10 แสดงออกแบบหนาแคตตาลอก

หนาแคตตาลอกอาจตงชอวา catalog.html กได หรอเปนชออน ๆ กไดแตตองสอวาเปนเนอหารเกยวกบสนคาทงหมด

สนคาในแคตตาลอกจะไมไดเปลยนแปลงรวดเรวเหมอนสนคา ใหม อาจจะ 1 เดอน หรอ 2 เดอน จงจะเปนรายการสกครงถาเปนเวบไซดทไมเกยวกบการขายสนคา หนานอาจเปนทรวบรวมขอมล ประวต ผลงาน บทความ สาระความร ฯลฯ ซงเปนขอมลทไมตองปรบปรงบอย

หนาแคตตาลอกอาจตงชอวา catalog.html กได หรอเปนชออน ๆ กไดแตตองสอวาเปนเนอหารเกยวกบสนคาทงหมด

สนคาในแคตตาลอกจะไมไดเปลยนแปลงรวดเรวเหมอนสนคาใหม อาจจะ 1 เดอน หรอ 2 เดอน จงจะเปนรายการสกครงถาเปนเวบไซดทไมเกยวกบการขายสนคา หนานอาจเปนทรวบรวมขอมล ประวต ผลงาน บทความ สาระความร ฯลฯ ซงเปนขอมลทไมตองปรบปรงบอย 6. การออกแบบหนาขอมลบรษท (Profile.html)

เวบเพจหนานจะบรรจขอมลประวตของบรษท หนวยงาน ตลอดจนผลงานทผานมาอาจใชชอ about.html มโครงสรางดงตวอยาง

Page 25: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

31

รปภาพท 2.11 แสดงออกแบบหนาขอมลบรษท

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

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

7. การออกแบบหนาสมครสมาชก (mumber.html)

เปนหนาส าหรบใหผชมสมครสมาชกเวบไซด หรอลงทะเบยนเพอรบสทธพเศษ เชน เมอซอสนคาจะมสวนลด หรอไดคะแนนสะสม เปนตน

หนาสมครสมาชกจะไมเหมอนกบหนาอน ๆ เพราะตองออกแบบใหเปนไดนามก (Dynamic) คอตองรบขอมลจากผใชเขามาสฐานขอมล ดงนน การสรางเวบเพจหนานตองใชแอพพลเคชนฐานขอมล เชน ASP PHP และ MS ‟ Access เปนตน ตวอยางการออกแบบ

Page 26: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

32

รปภาพท 2.12 แสดงออกแบบหนาสมาชก

สงส าคญในการออกแบบเวบเพจหนาน คอการสรางแบบฟอรมรบขอมลซงตองใชความรดานการสรางฐานขอมล โดยตองใชโปรแกรม 2 โปรแกรมรวมกนคอ Microsoft Access และ ASP.net เพอออกแบบสวนรองรบฐานขอมลส าหรบสมาชก(การวเคราะหและออกแบบเวบไซต : http://www.chk.ac.th)

Page 27: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

33

2.1.5.6 ผงงาน (Flowchart) ความหมายของผงงาน

ผงงาน (Flowchart) คอ รปภาพ (Image) หรอสญลกษณ(Symbol) ทใชเขยนแทนขนตอน ค าอธบาย ขอความ หรอค าพด ทใชในอลกอรทม (Algorithm) เพราะการน าเสนอขนตอนของงานใหเขาใจตรงกน ระหวางผเกยวของ ดวยค าพด หรอขอความท าไดยากกวา

ผงงานแบงได 2 ประเภท

1. ผงงานระบบ (System Flowchart) คอ ผงงานทแสดงขนตอนการท างานในระบบอยางกวาง ๆ แต

ไมเจาะลงในระบบงานยอย 2. ผงงานโปรแกรม (Program Flowchart) คอ ผงงานทแสดงถงขนตอนในการท างานของโปรแกรม

ตงแตรบขอมล ค านวณ จนถงแสดงผลลพธ ประโยชนของผงงาน

1. ท าใหเขาใจ และแยกแยะปญหาไดงาย (Problem Define) 2. แสดงล าดบการท างาน (Step Flowing) 3. หาขอผดพลาดไดงาย (Easy to Debug) 4. ท าความเขาใจโปรแกรมไดงาย (Easy to Read) 5. ไมขนกบภาษาใดภาษาหนง (Flexible Language)

การโปรแกรมแบบมโครงสราง หรอ การโปรแกรมโครงสราง ประกอบดวยอะไรบาง ผมขอตอบอยางสน ๆ วาทกภาษาตองมหลกการ 3 อยางนคอ การท างานแบบตามล าดบ

(Sequence) การเลอกกระท าตามเงอนไข(Decision) และ การท าซ า(Loop) แมต าราหลาย ๆ เลมจะบอกวา decision แยกเปน if กบ case หรอ loop นนยงแยกเปน while และ until ซงแตกตางกน แตผมกยงนบวาการเขยนโปรแกรม แบบมโครงสรางนน มองใหออกแค 3 อยางกพอแลว และหลายทานอาจเถยงผมวาบางภาษาไมจ าเปนตองใช Structure Programming แตเทาทผมศกษามา ยงไมมภาษาใด เลกใชหลกการทง 3 นอยางสนเชง เชน MS Access ทหลายคนบอกวางาย ซงกอาจจะงายจรง ถาจะศกษาเพอสงใหท างานตาม wizard หรอตามทเขาออกแบบมาใหใช แตถาจะน ามาใชงานจรง ตามความตองการของผใชแลว ตองใชประสบการณในการเขยน Structure Programming เพอสราง Module ส าหรบควบคม Object ทงหมดใหท างานประสานกน

1. การท างานแบบตามล าดบ(Sequence) : รปแบบการเขยนโปรแกรมทงายทสดคอ เขยนใหท างานจากบนลงลาง เขยนค าสงเปนบรรทด และท าทละบรรทดจากบรรทดบนสดลงไปจนถงบรรทดลางสด สมมตใหมการท างาน 3 กระบวนการคอ อานขอมล ค านวณ และพมพ

Page 28: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

34

2. การเลอกกระท าตามเงอนไข(Decision or Selection) : การตดสนใจ หรอเลอกเงอนไขคอ เขยนโปรแกรมเพอน าคาไปเลอกกระท า โดยปกตจะมเหตการณใหท า 2 กระบวนการ คอเงอนไขเปนจรงจะกระท ากระบวนการหนง และเปนเทจจะกระท าอกกระบวนการหนง แตถาซบซอนมากขน จะตองใชเงอนไขหลายชน เชนการตดเกรดนกศกษา เปนตน

3. การท าซ า(Repeation or Loop) : การท ากระบวนการหนงหลายครง โดยมเงอนไขในการควบคม หมายถงการท าซ าเปนหลกการทท าความเขาใจไดยากกวา 2 รปแบบแรก เพราะการเขยนโปรแกรมแตละภาษา จะไมแสดงภาพอยางชดเจนเหมอนการเขยนผงงาน ผเขยนโปรแกรมตองจนตนาการดวยตนเอง

สญลกษณผงงาน (Flowchart)

ภาพสญลกษณ ชอ ความหมาย

Processing

กระบวนการ การค านวณ

Decision Symbol

การตดสนใจ การเปรยบเทยบ

Subroutine Processing

ขอมล รบ หรอ แสดงขอมลโดยไมระบชนดของอปกรณ

Auxliary Processing

กระบวนการทนยามไว การท างานยอย

สญลกษณแกนแมเหลก

Document Output

เอกสาร/แสดงผล การแสดงผลทางเครองพมพ

Page 29: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

35

More Document

เอกสารแสดงผลหลายฉบบ

เรมตน/สนสด การเรมตน หรอการลงทาย

การเตรยมการ การก าหนดคาลวงหนา หรอ ก าหนดคาเปนชดตวเลข

ปอนขอมลดวยตนเอง การรบขอมลเขาทางแปนพมพ

ขนตอนทท าดวยตนเอง การควบคมโปรแกรมทาง

แปนพมพ

จดเชอมตอในหนาเดยวกน

การด หรอบตรเจาะร ใชใสขอมล

เทป (สอบนทกขอมล)

จดรวมการเชอมตอ

หรอ

ตรวจเทยบ

Page 30: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

36

ตวเชอมตอไปหนาอน

Moniter

จอภาพแสดงผล

หนวงเวลา

ทเกบแบบเขาถงโดยเรยงล าดบ

ดสกแมเหลก

แสดงการรบขอมลเขา หรอแสดงผลโดยใชแมเหลกเปนสอ

จอภาพแสดงผล

2.1.5.7แผนภาพการไหลของขอมล(DataFlowDiagram:DFD) Data Flow Diagram เปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการ

ท างานของแตละหนวยงาน ซงทราบถงการรบ / สงขอมล การประสานงานระหวางกจกรรมตาง ๆ ในการด าเนนงาน ซงเปนแบบจ าลองของระบบ แสดงถงการไหลของขอมลทง INPUT และ OUTPUT ระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมล ซงอาจเปนแผนก บคคล หรอระบบอน โดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนน นอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง (ปญหา) ในระบบงานเดม เพอใชในการออกแบบการปฏบตงานในระบบใหม

Page 31: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

37

รปภาพท 2.13 แสดงถงขอมลซงตองมชอก ากบ จากรปท 1 ลกศรแสดงถงขอมลซงตองมชอก ากบ ลกศรนจะเคลอนทผานระบบตรงกลาง คอ การสรางระบบวานใหม แสดงถงการกระท าสงหนงสงใดกบขอมลทวงเขามา และลกศรทวงออกจากระบบตรงกลางแสดงถงผลลพธทไดจากการกระท าบนขอมลนนๆ แตจากรปนเราไมอาจทราบวาระบบใหมสรางขนมาไดอยางไร เอใหไดรายละเอยดในการสรางระบบใหม เรากแตกระบบนลงอกระดบหนง ในรปท 1 สวนลางทแตกออกไปเปน 3 กจกรรม มกจกรรมอย 3 ขนตอนในการสรางระบบใหม การแยกยอยหนาทหนงใหไดรายละเอยดมากขน ท าใหเราเขาใจระบบนนไดดขน และอาจจะแตกกจกรรมทง 3 กจกรรมลงใหมรายละเอยดมากขนอกกเปนได จนกวาจะไดรายละเอยดเหมาะสมตามจดประสงคของเรา วธการเขยนนกเหมอนกนกบการเขยนโปรแกรมคอมพวเตอรซงมหลาย ๆ โปรแกรมยอยนนเอง ดงนนการเขยน DFD ละเอยดเทาใดกท าใหการออกแบบทตามมางายขนเทานน โมเดลทางกายภาพและทางตรรกภาพ (hysical and Logical Model)

ในการเขยนแผนภาพการไหลของขอมล (Data Flow Diagram) เราอาจเขยนไดใน 2 รปแบบ คอ แผนภาพการไหลของขอมลทางกายภาพ และแผนภาพการไหลของขอมลทางตรรกภาพ ซงทง 2 แบบนจะแตกตางกนคอ เมอเราพดถงลอจคลหรอตรรกภาพจะหมายถง การกระท าอยางใดอยางหนงทเราพดถงโดยไมสนใจวาจะท าอยางไร เชน เราพดวาเรยงล าดบขอมล เราจะไมสนใจวาจะเรยงล าดบขอมลนนไดอยางไร เราเรยกการกระท าแบบนวา ลอจคลหรอตรรกภาพ หรออกนยหนงลอจคลกคอ "ท าอะไร" ในขณะทฟสคลหรอกายภาพจะมความหมายตรงขามคอ จะตองการทราบวา การจะท าอะไรนนจะตองท าอยางไร เชน การเรยงล าดบขอมลตองทราบวา จะตองใชโปรแกรม Utility ชวยในการเรยงล าดบ สรปกคอ ลอจคลหรอตรรกภาพจะไมสนใจวา "จะท าอะไร" สวนฟสคลหรอกายภาพนอกจากจะตองทราบวาจะท าอะไรแลวยงตองค านงดวยวา "จะท าอยางไร"

Page 32: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

38

ตวอยางแผนภาตวอยางแผนภาพลอจคลและฟสคลส าหรบการพมพรายงานเพอเตรยมเงนสด

รปภาพท 2.14 ตวอยางแผนภาพลอจคล ส าหรบการพมพรายงานเพอ เตรยมเงนสด

รปภาพท 2.15 ตวอยางแผนภาพฟสคลส าหรบการพมพรายงานเพอเตรยม เงนสด 2. สวนประกอบของ DFD เพอใหการเขยนแผนภาพการไหลของขอมลเปนมาตรฐานและมแบบแผนทถกตอง ในทนจะใชสญลกษณในการเขยน DFD ตามทฤษฎของ SSADM (Structure Systems Analysis and Design Method) ซงมองคประกอบ 4 สญลกษณ ดงตอไปน 1. สญลกษณแทนการประมวลผล (Process)

2. สญลกษณแทนกระแสขอมลเปนลกศร (Data Flow)

3. สญลกษณแทนแหลงเกบขอมล (Data Store) เปนเสนขนาน 2 เสน ปลายปด 1 ดาน

Page 33: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

39

4. สญลกษณแทนสงทอยนอกระบบ (External หรอ Terminators)

รปท 2.16 แสดงสญลกษณในการเขยน DFD

เราจะใชสญลกษณตางๆ ขางตนนเพอเขยนแผนการไหลของขอมล เพออธบายกระบวนการท างานเปนแผนภาพ ใหงายตอการท าความเขาใจ

1. สญลกษณแทนการประมวลผล (Process)รปสเหลยมมหมายเลขและชอ

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

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

Page 34: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

40

โพรเซสเปนตวอยางอนหนงของ "กลองด า" หมายถง เราทราบวาขอมลเปนอะไร ผลลพธอะไรทเราตองการ และหนาทโดยทวๆไปของโพรเซส แตจะไมทราบวาโพรเซสนนท างานอยางไร หลกการของกลองด ามประโยชนในการเขยนแผนภาพแสดงการเปลยนแปลงของขอมล โดยทยงไมตองการทราบในรายละเอยดวาโพรเซสนนมรายละเอยดอะไรบาง ซงสามารถหารายละเอยดเหลานนไดในภายหลงชอโพรเซสเปนตวบอกวาโพรเซสนนท าหนาทอะไร ค าทใชควรมความหมายทแนนอน ควรจะใชค ากรยา เชน แกไข พมพ ค านวณ เปนตน ถาการท างานใดทเราไมสามารถหาค าแทนไดอยางเหมาะสม อาจจะหมายความวา งานนนๆ ไมใชโพรเซสกได โพรเซสใดไมสามารถแยกยอยออกไปไดอก จะมสญลกษณ * ก ากบอยดวย จะปรากฏทโพรเซสในระดบลางสดของ DFD

จากรปตวอยางขางตน แสดงวาโพรเซส ค านวณภาษ เปนกระบวนการหรอกจกรรมสดทายในการท างาน ไมสามารถแยกยอยออกไปไดอก 2. กระแสขอมล (Data Flow) กระแสขอมลแทนดวยลกศร โดยทมชอก ากบบนลกศร

ขอมลจะไหลระหวางโพรเซสตางๆ และอาจจะเคลอนทมาจากสงทอยนอกระบบกได ขอมลทเคลอนทอาจจะเปนเพยงขอมลเดยวๆ เชน เลขทสนคา หรอกลมของขอมล เชน ขอมลพนกงาน ขอมลลกคา เปนตน กลมของขอมลควรจะเปนเรองเดยวกน หรอสมพนธกน ถาตองการอางถงขอมลทงสองทไมเกยวของกนใหเขยนแยกเปนลกศร 2 อน เชน

รปท 3 ขอมล 2 รายการไมเหมอนกนจะตองแยกลกศรออกจากกน(ซายเปนภาพทผด),(ขวา เปนภาพทถก)

Page 35: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

41

3. แหลงเกบขอมล (Data Store) แทนดวยเสนขนาน 2 เสน ปลายปด 1 ดาน และมชอและหมายเลขก ากบ ขอมลจะถกเกบไวในไฟลและถกเรยกใชเมอตองการ โดยปกตแลวไฟลไมอาจจะอยในจานแมเหลก หรอเทปแมเหลก ถาหวลกศรวงเขาสไฟลแสดงวา มการเขยนขอมล หรอการแกไขขอมลในไฟล การตงชอไฟลควรเปนค านาม

รปท 2.17 การแกไขขอมลในไฟล

ประเภทของแฟมขอมล คอ 1. Manual File 2. Digital File 3. Transaction File ในการเขยน DFD แหลงเกบขอมลตองไมเชอมตอกนโดยตรง โดยปราศจากโพรเซสใดโพรเซสหนงกอน

รปท 2.18 แสดงการเชอม Data Store (ดานบนเปนภาพทผด),(ดานลางเปน ภาพทถก) 4. แหลงเกบขอมลนอกระบบ (Terminator)สงทอยนอกระบบแทนวงร ซงจะมชอ และชอกระบวนการก ากบอยดวย สวนใหญจะเปนตวบคคล หรอองคการตางๆ สงทอยนอกระบบอาจจะเปนทสงขอมลเขาระบบ หรออาจเปนตวรบขอมลจากระบบกได

Page 36: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

42

การทใน DFD เดยวกนมแหลงเกบขอมลภายนอกเดยวกนปรากฏอยมากกวา 1 ท จะมสญลกษณเพม

ดงรป

ในการเขยนแผนภาพการไหลของขอมล เราไมสามารถเขยนเชอมโยงระหวาง External Entity 2 ตว เชอมตอกนไดโดยตรง จ าเปนตองผานโพรเซสอยางนอย 1 โพรเซส ดงรป

รปท 2.19 แสดงการเชอมโพรเซส 2 โพรเซส (ดานบนเปนภาพท ผด),(ดานลางเปนภาพทถก)

Page 37: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

43

รปภาพท 2.20 ตวอยาง Process การสงสนคา

Page 38: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

44

2.1.6 เครองมอในการพฒนาระบบ 2.1.6.1 ความรเบองตนเกยวกบโปรแกรม Dreamweaver

Dreamweaver เปนโปรแกรมประเภท Web Design ซงมคณสมบตในการใชงานในแบบ WYSIWYG อานวา วสสวก (What You See Is What You Get) คอ โปรแกรมประเภทคณออกแบบหนาเวบเพจ หรอเวบไซต มาอยางไรในโปรแกรม คณกจะเหนงานของคณเปนแบบนน

การใชงานของโปรแกรมจะอ านวยความสะดวกใหกบการออกแบบ webpage เปนอยางมาก โดยโปรแกรมจะท างานในลกษณะ HTML Generator นนคอโปรแกรมจะสรางรหสค าสง HTML โดยเราไมจ าเปนตองมานงเรยนร CODE ของ HTML เลย เรากสามารถสราง website ไดอยางมออาชพแลว โดยโปรแกรมมลกษณะการท างาน คลายๆกบการพมพเอกสารดวย Word Processing ทสามารถใชเครองมอ (Tool bars) หรอแถบค าสง (Menu bar) ควบคมการท างาน ชวยใหการใชงานงาย สะดวกและรวดเรว

1.จดเดนของโปรแกม Macromedia Dreamweaver - ผใชไมตองศกษาภาษา HTML กสามารถสรางเวบเพจได เพราะโปรแกรมมฟงกชนการท างานแบบ HTML Generator

- สามารถสรางภาพเคลอนไหว (Animation) โดยใชรปแบบของ Macromedia Director ดวยคณสมบต Animate Netscape และ CSS-P Layers ท าใหภาพเคลอนไหวบนเบราเซอร โดยไมตองอาศยโปรแกรมเสรมใดๆ

- สามารถน าขอความเขามาในโปรแกรมได (Import Text File) - สนบสนน CSS (Cascading Style Sheet) - สามารถตรวจสอบชนดของเบราเซอรได - ความสามารถเกยวกบการปรบปรง ดแลรกษาไซต เชน โอนถายขอมล

(FTP) ขนเครองแมขาย และจดการเพมลบเวบเพจได เปนตน - ความสามารถในการท า Image Roller - สนบสนนภาษาไทย ฯลฯ

(ความรเบองตนเกยวกบโปรแกรม Dreamweaver:http://www.sansai.ac.th/2551/Dreamwaver/lesson1.htm )

2.1.6.2 ความรเกยวกบภาษา PHP ในปจจบน Web site ตาง ๆ ไดมการพฒนาในดานตางๆ อยางรวดเรว อาทเชน เรองของความ

สวยงามและแปลกใหม, การบรการขาวสารขอมลททนสมย,เปนสอกลางในการตดตอ และสงหนงทก าลงไดรบความนยมเปนอยางมากซงเปนการปฏวตรปแบบการ ขายของกคอ E-commerce ซงเจาของสนคาตางๆ ไมจ าเปน ตองมรานคาจรงและไมจ าเปนตองจางคนขายของอกตอไปรานคาและตวสนคานน จะไปปรากฏอยบน Wed site และการซอขายกเกดขนบนโลกของ Internet แลว PHP

Page 39: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

45

ชวยเราใหเปนการพฒนา Web site และความสามารถทโดดเดนอกประการหนงของ PHP นน คอ database-enabled web page ท าใหเอกสารของ HTML สามารถท จะเชอมตอกบระบบฐานขอมล (database)ไดอยางมประสทธภาพและรวดเรว จงท าให ความตองการในเรองการจดรายการสนคาและรบรายการสงของตลอดจนการจดเกบ ขอมลตางๆ ทส าคญผานทาง Internet เปนไปไดอยางงายดาย

PHP เปนภาษาจ าพวก scripting language ค าสงตางๆจะเกบอยในไฟลทเรยกวา สครปต (script) และเวลาใชงานตองอาศยตวแปลชดค าสง ตวอยางของภาษาสครปกเชน JavaScript, Perl เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและออกแบบมา เพอใชงานในการสรางเอกสารแบบ HTML โดยสามารถสอดแทรกหรอแกไขเนอหาไดโดยอตโนมต ดงนนจงกลาววา PHP เปนภาษาทเรยกวา server-side หรอ HTML-embedded scripting language เปนเครองมอทส าคญชนดหนงทชวยใหเราสามารถสรางเอกสารแบบ Dynamic HTML ไดอยางมประสทธภาพและมลกเลนมากขน

เนองจากวา PHP ไมไดเปนสวนหนงของตว Web Server ดงนนถาจะใช PHP กจะตองดกอนวา Web server นนสามารถใชสครปต PHP ไดหรอไม ยกตวอยางเชน PHP สามารถใชไดกบ Apache WebServer และ Personal Web Server (PWP) ส าหรบระบบปฏบตการ Windows 95/98/NT

ในกรณของ Apache เราสามารถใช PHP ไดสองรปแบบคอ ในลกษณะของ CGI และ Apache Module ความแตกตางอยตรงทวา ถาใช PHP เปนแบบโมดล PHP จะเปนสวนหนงของ Apache หรอเปนสวนขยายในการท างานนนเอง ซงจะท างานไดเรวกวาแบบทเปน CGI เพราะวา ถาเปน CGI แลว ตวแปลชดค าสงของ PHP ถอวาเปนแคโปรแกรมภายนอก ซง Apache จะตองเรยกขนมาท างานทกครง ทตองการใช PHP ดงนน ถามองในเรองของประสทธภาพในการท างาน การใช PHP แบบทเปนโมดลหนงของApacheจะท างานไดมประสทธภาพ

ลกษณะเดนของ PHP „ ใชไดฟร „ PHP เปนโปร แกรมวงขาง Sever ดงนนขดความสามารถไมจ ากด „ Conlatfun-นนคอPHP วงบนเครอง UNIX,Linux,Windows ไดหมด „ เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชดครงสรางและไวยากรณภาษางายๆ „ เรวและมประสทธภาพ โดยเฉพาะเมอใชกบ Apach Xerve เพราะไมตองใชโปรแกรมจาก

ภายนอก „ใชรวมกบ XML ไดทนท „ใชกบระบบแฟมขอมลได

Page 40: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

46

„ใชกบขอมลตวอกษรไดอยางมประสทธภาพ „ใชกบโครงสรางขอมลใชไดแบบ Scalar,Array,Associative array „ใชกบการประมวลผลภาพได

( ความรเกยวกบภาษา PHP : http://learners.in.th/blog/siriwan186/38043 ) 2.1.6.3 ความรเกยวกบ Appserv

1. ก าเนดโปรแกรม AppServ ส าหรบโปรแกรม AppServ นไมไดเกดการสนบสนนจากหนวยงานรฐบาล หรอหนวยงานเอกชน หรอองคกรอสระ ใดๆเลยทงสน แตโปรแกรม AppServ ไดก าเนดจากแรงบนดาลใจจากเพอนของผพฒนาคนหนงทไดเรมศกษาภาษา PHP และฐานขอมล MySQL และมปญหาทกครงในการตดตง กวาจะตดตงไดกใชเวลาไมนอยกวา 3 ชวโมง บางทท าไดบางไมไดบาง และทกครงทตดตงไมไดกจะมาขอความชวยเหลอจากผพฒนาเปนประจ าทกครง จงท าใหผพฒนาไดสรางโปรแกรมทสะดวกในการตดตงเพอใหเพอนของผพฒนาสามารถน าไปใชงานไดทนท โดยไมตองมาปวดหวกบการตดต งทยงยากอกตอไป ในชวงแรกทแจกจายนน ผพฒนาไดแจกจายในเวบไซตทเปนภาษาองกฤษ ผใชงานตางประเทศใหความสนใจและมการใชงานเปนจ านวนมาก และในปจจบนไดเพมเตมในสวนของเวบไซตภาษาไทย ในอนาคตผพฒนาจะจดท าเวบไซตสามารถรองรบทกภาษา และเขาถงผใชงานทกคนทวโลก

2. ประวตนกพฒนาโปรแกรม AppServ ส าหรบผพฒนานนไดอาศยอยในประเทศไทย ชอ ภาณพงศ ปญญาด ชอเลน apples

เกดวนท 14 สงหาคม 2523 ส าเรจการศกษาระดบปรญญาตรจาก สถาบนราชภฏเชยงใหม คณะวทยาศาสตรและเทคโนโลย สาขาวทยาการคอมพวเตอร First met ครงแรกททกคนเจอหนาผม กมกจะคดวาเปนเปนนกศกษา ไมกนกเรยนมธยม ทกครงเสมอไป มประสบการณและความเชยวชาญพเศษในเรองของ Linux Security, Linux Network, Network Security, Network Admin, PHP Programming, MySQL Database, Linux/Unix Hacking System, Web Design, ฯลฯ ระบบปฏบตการทเลอกใช Desktop เลอก Windows แตถาเปน Server/Network เลอกเฉพาะ Debian GNU/Linux เทานน 3. ความหมายของโปรแกรม AppServ AppServ คอโปรแกรมทรวบรวมเอา Open Source Software หลายๆ อยางมารวมกน โดยม Package หลกดงน

Page 41: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

47

- Apache - PHP - MySQL - phpMyAdmin โปรแกรมตางๆ ทน ามารวบรวมไวทงหมดน ไดท าการดาวนโหลดจาก Official Release ทงสน โดยตว AppServ จงใหความส าคญวาทกสงทกอยางจะตองใหเหมอนกบตนฉบบ เราจงไมไดตดทอนหรอเพมเตมอะไรทแปลกไปกวา Official Release แตอยางได เพยงแตมบางสวนเทานนทเราไดเพมประสทธภาพการตดตงใหสอดคลองกบการท างานแตละคน โดยทการเพมประสทธภาพนไมไดไปยง ในสวนของ Original Package เลยแมแตนอยเพยงแตเปนการก าหนดคา Config เทานน เชน Apache กจะเปนในสวนของ httpd.conf, PHP กจะเปนในสวนของ php.ini, MySQL กจะเปนในสวนของ my.ini ดงนนเราจงรบประกนไดวาโปรแกรม AppServ สามารถท างานและความเสถยรของระบบ ไดเหมอนกบ Official Release ทงหมด จดประสงคหลกของการรวมรวบ Open Source Software เหลานเพอท าใหการตดตงโปรแกรมตางๆ ทไดกลาวมาใหงายขน เพอลดขนตอนการตดตงทแสนจะยงยากและใชเวลานาน โดยผใชงานเพยงดบเบลคลก setup ภายในเวลา 1 นาท ทกอยางกตดตงเสรจสมบรณระบบตางๆ กพรอมทจะท างานไดทนททง Web Server, Database Server เหตผลนจงเปนเหตผลหลกทหลายๆ คนทวโลก ไดเลอกใชโปรแกรม AppServ แทนการทจะตองมาตดตงโปรแกรมตางๆ ทละสวน ไมวาจะเปนผทความช านาญในการตดตง Apache, PHP, MySQL กไมไดเปนเรองงายเสมอไป เนองจากการตดตงโปรแกรมทแยกสวนเหลานใหมารวมเปนชนอนเดยวกน กใชเวลาคอนขางมาพอสมควร แมแตตวผพฒนา AppServ เอง กอนทจะ Release แตละเวอรชนใหดาวนโหลด ตองใชระยะเวลาในกาตดตงไมนอยกวา 2 ชวโมง เพอทดสอบความถกตองของระบบ ดงนนจงจะเหนวาเราเองนนเปนมอใหมหรอมอเกา ยอมไมใชเรองงายเลยทจะตดตง Apache, PHP, MySQL ในพรบตาเดยว มบางค าถามทพบบอยวา AppServ สามารถน าไปเปน Web Server หรอ Database Server ไดทนทหรอไม ขอนตองตอบวาไดแนนอน 100% แตทางผพฒนาเองขอแนะน าวา ระบบจดการ Memory และ CPU บน Windows ทท างานเกยวกบ Web Server หรอ Database Server ไมเหมาะกบการใชงานหนกๆ เปนอยางยง เพราะ Windows นนจะกลนกนทรพยากรอนมหาศาล และหากเทยบอตรารองรบระบบงานกบ OS ตวอนเชน Linux/Unix จะยงเหนไดชดวา OS ทปน Windows ทมขนาด Memory และ CPU ทเทาๆ กน OS ทเปน Linux/Unix นน จะรองรบงานไดนอยกวามากพอสมควร

Page 42: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

48

เชน Windows รบได 1000 คนพรอมๆ กน แต Linux/Unix อาจรบไดถง 5000 พรอมๆกน หากทานตองท างานหนกๆ ทางผพฒนาแนะน าใหเลอกใช Linux/Unix OS จงจะเหมาะสมกวา 4. ขอแตกตางของ AppServ ในแตละเวอรชน AppServ ไดแบงเวอรชนออกเปน 2 สวนดวยกน คอ 2.5.x คอเวอรชนทน า Package ใหมๆ น ามาใชงานโดยเฉพาะ เหมาะส าหรบนกพฒนาทตองการระบบใหมๆหรอตองการทดสอบ ทดลองใชงานฟงกชนใหม ซงอาจจะไมไดความเสถยรของระบบได 100%เนองจากวา Package จากนกพฒนานนยงอยในชวงของขนทดสอบ ทดลองเพอหาขอผดพลาดอย 2.4.x คอเวอรชนทน า Package ทมความเสถยรเปนหลก เหมาะส าหรบผทตองการความมนคงของระบบโดยไมไดมงเนนทจะใชฟงกชนใหม 5. ค าแนะน าในการเลอกใชงาน AppServ เราขอแนะน าวาทานทตดตง AppServ ไมจ าเปนตองใชเวอรชนใหมเสมอไป แตถงอยางไรกด ทางผพฒนาเองอยากจะใหผใชงานไดทดสอบ ทดลองเวอรชนใหมทกครงทมการแจกจาย เพอชวยในการตรวจสอบปญหาหรอขอผดพลาด ซงจะเปนประโยชนตอตวผพฒนาเอง และผใชคนอนๆ ทจะไดใชงานระบบมขอผดพลาดทนอยทสด ส าหรบผทใชงานระบบทไมมอะไรเปลยนแปลงมาก หรอไมไดตองการสงใหมๆ แตตองการความเสถยรเปนหลก ในการเลอกใช AppServ ใหทานเลอกใชเวอรชนทเหมาะสมกบระบบงานของทาน เชน หากทานใชเวอรชน 1.8.0 ไดอยางไมมปญหา ทานกไมจ าเปนตองอพเกรดเวอรชนใหใหมอยเสมอ เพอทจะใหการท างานของระบบทาน เปนไปไดอยางราบรน 2.1.7 โครงสรางของขอมล 2.1.7.1 รหส (Code) คอ สญลกษณใชแทนขอมล โดยปกตใชเลขฐานสองเปนรหส 2.1.7.2 บท (Bit : Binary Digit) คอ หลกในเลขฐานสอง ไดแก 0 และ 1 2.1.7.3 ไบต (Byte) คอ กลมของบทโดยก าหนดให 8 บท = 1 ไบต 2.1.7.4 อกขระ (Character) คอ รปแบบ หรอ สญลกษณทใชแทนภาษาของมนษย แบงได ดงน 2.1.7.5 ค า (Word) คอ รปแบบ หรอ สญลกษณทใชแทนภาษาของมนษย แบงได ดงน 2.1.7.6 เขตขอมล (Field) คอ คออกษรตงแต 1 ตวขนไป ทมความสมพนธกน เปนรายละเอยดของสงใดสงหนง เชน ชอ,ทอยหรอต าแหนง 2.1.7.7 ระเบยน (Record) คอ ชดของเขตขอมลตาง ๆ ทมความสมพนธ

Page 43: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

49

2.1.7.8 แฟมขอมล คอ ระเบยน ตงแต 1 ระเบยนขนไป มโครงสรางของขอมลเหมอนกน และสมพนธกน มาเกบไวในทเดยวกน สามารถน าไปใชงานได เชนแฟมขอมลนกเรยนทงหมดในโรงเรยน นอกจากโครงสรางของขอมลทง 8 โครงสรางแลว ระบบฐานขอมลจ าเปนตองอาศยโครงสรางของขอมลเพมอก 2 ชนดคอ เอนทต (ENTITY) หมายถง ชอของสงใดสงหนง เปรยบเสมอนค านาม อาจไดแก คน สถานท สงของ การกระท า ซงตองการจดเกบขอมลไว เชน เอนทตของลกคา เอนทตของพนกงาน เปนตน บางเอนทตอาจจะไมมความหมายเลย หากขาดเอนทตอนในฐานขอมล เชน เอนทตประวตนกสกษาจะไมมความหมาย หากปราศจากเอนทตนกศกษา เพราะจะไมทราบวาเปนประวตของนกศกษาคนใด แอททรบวต (ATTRIBUTE) หมายถง รายละเอยดขอมลทแสดงลกษณะและคณสมบตของเอนทตหนง ๆ เชน เอนทตนกศกษา ประกอบดวย แอททรบวตรหสนกศกษา ชอนกเรยนศกษา ทอยนกศกษา เปนตน บางเอนทตกยงประกอบดวยขอมลหลายสวน กลายแอททรบวตยอยมารวมกน เชน แอททรบวตทอยนกศกษา ประกอบดวย บานเลขท ถนน ต าบล อ าเภอ จงหวด ดงนน แอททรบวตทอยนกศกษาจงเปน แอททรบวตผสม (COMPOSITE ATTRIBUTE) บางแอททรบวตกอาจจะไมมคาของตวมนเอง แตจะสามารถหาคาไดจากแอททรบวตอน เชน แอททรบวตอาย อาจค านวณไดจาก แอททรบวตวนเกด ลกษณะเชนนจงอาจเรยกแอททรบวตอายวาเปน แอททรบวตทแปรผลคามา (DERIVED ATTRIBUTE)

Page 44: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

50

2.2 วรรณกรรมทเกยวของ เบญจมาศ เวยกไธสง และ สะรนยา เทยมพมพ (2548) วจยเรอง “เวบไซตการขายผาไหมออนไลนรานสมาลไหมไทย จงหวดมหาสารคาม” เปนการประชาสมพนธรานขายผาไหมออนไลน รานสมาลไหมไทยขอแตกตางของรานคาแบบออนไลนทไมเหมอนกบรานคาจรงๆ ทวไปจะเปนขอมลและไฟลภาพประกอบทท าใหสามารถคนหาไดงายเนองจากการซอผาไหมกบทางรานสมาลนนจะตองเดนทางมาทมาสงซอทรานโดยตรงการจดโชวผาไหมจะท าการเรยงเปนชน ๆ ในแตละชนกจะแบงผาออกเปนแตละประเภทในการเลอกผาไหมแตละชนนนกวาจะเจอผาทตองการกตองเสยเวลาในการเลอกเปนเวลานาน ดวยเหตนจงเกดความไมสะดวกสบายแกลกคา ดงนนทางรานจงมการจดท าเวบไซตการขายผาไหมออนไลน ซงระบบนถกออกแบบใหแสดงรายละเอยดของผาไหม รปแบบวธการซอขายผาไหมและระบบจดการสนคาคงคลงภายในระบบในเรองจ าหนายสนคาออกและรบสนคาเขา โดยใชโปรแกรมภาษา ASP, HTML และอน ๆ ในการพฒนารปแบบการท างานของระบบเปนการใชงานอนเตอรเนต โดยใช IIS เปนเวบเซอรฟเวอร ในสวนของฐานขอมลใชโปรแกรม MS SQL Server2000 ซงเปนระบบในการเกบฐานขอมลผานอนเตอรเนตสามารถท าการตดตอสอสาร เพม ลบ แกไข ปรบปรงขอมลในสวนทเกยวของกบระบบจดการสนคาคงคลงและซอขายผาไหมผานทางอนเตอรเนตได ชนนารถ ขยายวงศ (พ.ศ. 2547) ชอเรอง “ เวบไซตรานเค.พ.เปเปอร” วตถประสงคของเฉพาะกรณน เปนการพฒนาเวบไซตพาณชยอเลกทรอนกสของราน เค.พ.เปเปอร ใหสามารถซอขายสนคาบนเวบไซตได ลกคาสามารถรบขาวสารตางๆจากราน ไดทราบรายละเอยดเกยวกบสนคาโดยผานทางเวบไซต ปญหาของระบบคอ ในการน าไปใชจรงนน ยงเปนเรองทลกคาบางสวนยงไมสนใจเทาใดนก เชนลกคาบางรายทอยในเขตเทศบาลเมองมหาสารคาม และรจกทตงรานแลวอาจจะไมไดเขามาเปดเวบไซตด เพราะคดวาการมาเลอกซอสนคาทรานดวยตนเองจะดกวา และลกคาบางสวนกยงใชอนเตอรเนตไมเปน ท าใหอาจจะยงไมทราบวาทางรานมบรการสงซอสนคาผานเวบไซตแลวกอาจจะท าใหเวบไซตไมเปนทรจก เวบไซตรานเค.พ.เปเปอร สามารถอ านวยความสะดวกแกผใชงานไดในระดบหนงทงนกขนอยกบลกษณะการใชงานของผใชดวย ในเรองเนอหาบางสวนอาจจะยงไมครบถวนสมบรณเทาใดนก เพราะในระบบงานจรงนน เปนระบบทมความซบซอนมากกวาน แตสามารถน าไปใชจรงและหากมผสนใจจะน าไปพฒนาตอ กจะท าใหเวบไซตนมประสทธภาพสง

สยาม นามเสน (พ.ศ 2547) ชอเรอง “ระบบการเลอกซออปกรณคอมพวเตอร บรษท บรรมยไฮเทคคอมพวเตอรมารท ผานอนเตอรเนต”การศกษาเฉพาะกรณในครงน ผจดท าไดทราบถงประโยชนทจะเกดขนในอนาคต ซงระบบการเลอกซอสนคาผานทางอนเตอรเนตจะเกดประโยชนตอผ ประกอบการธรกจรานคาตางๆ ทมความตองการจะน าระบบการเลอกซอสนคาผานระบบอนเตอรเนตนไปใชในกจการ โดยสามารถเลอกซอ-ขายสนคาไดจรงซงระบบการเลอกซอสนคาผานทางอนเตอรเนตนจะตองทราบถงโครงสรางของระบบวามอะไรบาง เชนจะตองมระบบหนาราน

Page 45: Static Web - Mahasarakham University268).pdfร ปภาพท 2.3 แสดงต วอย างเว ร ลไวด เว บ (www : World Wide Web) 2.1.2.5 เว็บเพจ

51

ระบบหลงราน ระบบสนคางคงหลงและระบบรกษาความปลอดภยของฐานขอมลซงระบบการเลอกซอสนคาผานทางอนเตอรเนตจะเกดประโยชนแกผประกอบการในหลายๆดานเชน ทางรานคาสามารถน าเสนอสนคาทมในรานไดอยางทวถงและกวางขวาง รวมทงเปนการชวยรานคาประหยดคาใชจายในดานการการจางแรงงานนอยลง ท าใหประหยดคาใชจายใยสวนน และท าใหธรกจมความปลอดภย สะดวกในการจดการสนคา เพราะระบบการจดการสนคาจะเปนระบบทท าการขายสนคาสนคาอตโนมตผานทางอนเตอรเนตเหมอนกบการขายสนคาทราน เพอสนองตอความกาวไกลทางเทคโนโลยในปจจบน การท าธรกจอาศยเทคโนโลยเปนสอกลางทจะน าเสนอสงตางๆ ใหไปสกลมลกคาและคนทวไป ดงนนระบบการเลอกซอสนคาผานทางอนเตอรเนตนจงเปนประโยชนแกการขายสนคาในระดบหนงโดยเนอหาเฉพาะเจาะกรณ จะชวยใหบคคลทวไปไดรจกการขายสนคาผานทางอนเตอรเนตโดยระบบการเลอกซอสนคาจะสามารถท าการซอขายสนคาผานทางอนเตอรเนตไดจรง ซงระบบการเลอกซอสนคาผานทางอนเตอรเนตไดต าลองรานคาอปกรณคอมพวเตอรขนมาเพอใชในการศกษาระบบตอไป จะท าใหเกดความเขาใจในระบบนไดงายขนพรอมทงมระบบโปรแกรมส าหรบการใชงานตางๆดงน 1. ระบบการซอขายสนคาผานระบบอนเตอรเนต 2. การแสดงความคดเหนผานระบบอนเตอรเนต 3. ระบบการเพม-ลบ สนคาส าหรบผบรหารระบบ 4. ระบบแกไขรายการสนคาส าหรบผบรหารระบบ 5. ระบบส ารวจการซอขายประจ าวน โชคชย ไลยะรตน (พ.ศ. 2547) ชอเรอง “ระบบเวบไซตขายโทรศพทมอถอ รานพงโคนเทเลคอม รานพงโคนเทเลคอมเปนรานทจ าหนายเกยวกบโทรศพทมอถอและอปกรณโทรศพทมอถอ วตถประสงคของการศกษาเฉพาะกรณนเปนการเสรมสรางทกษะความรในการท า Website เกยวกบระบบ E-commerce ไมวาจะเปนทางดานงานขายสนคา ซงปจบนอนเตอรเนตไดเขามามบทบาทในทางดานเทคโนโลย และทางดานระบบการขายสนคาทไรพรมแดน โดยในแตละองคกรไดน าระบบนมาใชกนอยางแพรหลาย รานพงโคนเทเลคอมไดน าระบบนมาใชในการขายสนคา โดยภายในระบบจะมการขายสนคาผานอนเตอรเนตและแสดงรายละเอยดสนคา เพอใหบคคลรจกสนคา นอกจากนยงมระบบสนคาคงคลงภายในระบบ ซงเปนเรองเกยวกบการจ าหนายสนคาออกและท าการรบสนคาเขามาภายในระบบ โดยใชโประแกรม PHP, Macromedia Dreamweaver MX และโปรแกรมอน ๆ ในการพฒนาระบบเหลานใหอยในรปของอนเตอรเนตโดยใช APACHE เปนเวบเซอรเวอรในการทดสอบการท างาน และในสวนของฐานขอมลใชโปรแกรม MySQL เปนฐานขอมล ซงเปนระบบเกบฐานขอมลผานอนเตอรเนตโดยเราสามารถท าการตดตอสอสาร เพอท าการเพม ลบ และแกใขสนคาภายในสวนทเกยวของกบระบบขายโทรศพทมอถอและจดการสนคาคงคลงของรานพงโคนเทเลคอมผานระบบอนเตอรเนต