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

เมอกอนคอมพวเตอรยงไมเปนทนยมขององคกรเนองจากราคาแพงและพนกงานกไมมความเชยวชาญในการใชงานจงท าใหตองเสยคาใชจายมากในการนา คอมพวเตอรมาใชในองคกรแตปจจบนเทคโนโลยตางๆเปลยนแปลงไปอยางมากในการท า งานตางๆ เพราะปจจบนคอมพวเตอรไดมการน าเขามาใชมากใน หนวยงานใดทยงไมมคอมพวเตอรถอวาลาสมยมากๆ เพราะคอมพวเตอรถอไดเปนสวนหนงขององคกรไปแลวการน าเอาคอมพวเตอรเขามาใชงานท าใหการท างานในองคกรสะดวกสบายมากขน อกทงยงลดความผดพลาดความซ า ซอนและเพมความแมนย าในการทา งานอกดวย อกทงยงชวยในเรองคาใชจายหรอลดคาใชจายภายในองคกรดวยแนวคดและทฤษฎทน ามาจดท าโครงงานเรอง ระบบจ าหนายรองเทากระเปาแฟชนออนไลน รานสมายด(smile) โดยเนอหาจะประกอบดวย 2.1 ทฤษฎพนฐาน

2.1.1 ทฤษฎการคาอเลกทรอนกส(E-Commerce) 2.1.2ความรเกยวกบ ภาษา HTML (Hyper Text Markup Language) 2.1.3ความรเกยวกบ PHP 2.1.4 ความรเกยวกบ Apache 2.1.5ความรเกยวกบ MySQL 2.1.6 ความรเกยวกบ phpMyAdmin 2.1.7เวบบราวเซอร (Web Browser) 2.1.8เวบเซรฟเวอร (Web Server) 2.1.9 เวบไซต (Web Site) 2.1.10ความรเกยวกบการวเคราะหและออกแบบระบบ 2.1.11ฐานขอมล (Database)

7

2.1.12 เครองมอทใชในการพฒนา 2.1.1ทฤษฎการคาอเลกทรอนกส(E-Commerce)

2.1.1.1ประวตความเปนมาพาณชยอเลกทรอนกส (Electronic Commerce) หรออคอมเมรซ (E-Commerce) เรมขนเมอประมาณตนทศวรรษท 1970 โดยเรมจากการโอนเงนทางอเลกทรอนกสระหวางหนวยงาน และในชวงเรมตนหนวยงานทเกยวของสวนใหญจะเปนบรษทใหญๆ เทานน บรษทเลกๆ มจ านวนไมมากนก ตอมาเมอการแลกเปลยนขอมลทางอเลกทรอนกส (Electronic Data Interchange-EDI) ไดแพรหลายขนประกอบกบคอมพวเตอรพซไดมการขยายเพมอยางรวดเรวพรอมกบการพฒนาดานอนเทอรเนตและเวบท าใหหนวยงานและบคคลตาง ๆ ไดใชพาณชยอเลกทรอนกสมากขน ในปจจบนพาณชยอเลกทรอนกสไดครอบคลมธรกรรมหลายประเภท เชน การโฆษณา การซอขายสนคา การซอหน การท างาน การประมลและการใหบรการลกคา

2.1.1.2ความหมายของพาณชยอเลกทรอนกสพาณชยอเลกทรอนกสหมายถงการท าธรกรรมทกรปแบบโดยครอบคลมถงการซอขายสนคา/บรการ การช าระเงน การโฆษณาโดยผานสออเลกทรอนกสประเภทตาง ๆ โดยเฉพาะเครอขายทางอนเทอรเนต กรมสงเสรมการสงออก กระทรวงพาณชย ระบวา พาณชยอเลกทรอนกส หมายถง การด าเนนธรกจทกรปแบบทเกยวของกบการซอขายสนคาและบรการผาน และระบบสอสารโทรคมนาคมหรอสออเลกทรอนกส องคกรการคาโลก ใหค าจ ากดความไววา พาณชยอเลกทรอนกสหมายถงการผลตการกระจาย การตลาด การขาย หรอการขนสงผลตภณฑและบรการโดยใชสออเลกทรอนกส

2.1.1.3 E-Commerceคออะไร Electronic Commerce หรอ E-Commerce คอ การซอขายสนคาหรอบรการโดยสงขอมลดวยสออเลกทรอนกสผานทางเครอขาย เชน Internet ถาผใชมเครองคอมพวเตอร คสายโทรศพทโมเดม และเปนสมาชกของบรการ Internet กสามารถท าการคาผานระบบเครอขายได E-Commerce เปนการผสมผสานระหวางเทคโนโลย Internet กบการจ าหนายสนคาและบรการ โดยสามารถน าเสนอขอมลทเกยวของกบตวสนคาหรอบรการผานทาง Internet สคนทวโลกภายในระยะเวลาอนรวดเรว ท าใหการด าเนนการซอขายอยางมประสทธภาพและกอใหเกดรายไดในระยะเวลาอนสน

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

8

2.1.1.5กรอบแนวคดของพาณชยอเลกทรอนกสกรอบแนวคดของพาณชยอเลกทรอนกส ประกอบดวย 4 สวนใหญ ๆ คอ

- แอพพลเคชนของพาณชยอเลกทรอนกส - ปจจยทางการบรหาร - โครงสรางพนฐาน -ประเภทสนคาของพาณชยอเลกทรอนกสส าหรบสนคาทซอขายในพาณชย

อเลกทรอนกส จ าแนกได ดงน - สนคาทมลกษณะเปนขอมลดจทล (Digital Products) - สนคาทไมใชขอมลดจทล (Non-Digital Products)

2.1.1.6 กระบวนการทางอเลกทรอนกส มขนตอนทส าคญ 5 ขนตอน ดงน 1. การคนหาขอมลขนตอนแรกของการซอสนคาเปนการคนหาขอมลสนคาทตองการ

แลวน าขอมลแตละรานมาวเคราะหเปรยบเทยบกน โดยใชเวบไซตทนยม หรอ Search Engines เชน http://www.google.com เปนตน

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

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

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

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

ขอดของการใช E – Commerce

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

2.ขอมลของลกคาจะถกเกบไวในE-Mailบคคลอนไมสามารถเปดอานไดนอกจากผจดจ าหนายเทานน

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

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

9

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

6. ผขายสามารถโฆษณาขายสนคาหรอบรการไปยงลกคาทวโลกไดตลอด 24 ชวโมง ท าใหประหยดคาใชจายในการโฆษณา การจดตงรานคา การจดตกแตงสถานท คาใชจายการจดเกบสนคาการกระจายสนคา และยงสามารถลดคาใชจายในการด าเนนงานอนๆไดอกดวย

ขอเสยของการใช E – Commerce

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

ประโยชนของพาณชยอเลกทรอนกส (E-Commerce) ปจจบนจะเหนไดวาพาณชยอเลกทรอนกส เปนชองทางการคาทนาสนใจมาก เพราะนบวนก

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

1. ท าการคาไดตลอด 24 ชงโมง และขายสนคาไดทวโลก นกทองอนเตอรเนตจากทวทกมมโลกสามารถเขามาในเวบไซตของบรษทไดตลอดเวลาผขายสามารถน าเสนอสนคา ผลตภณฑ และบรการตางๆไดอยางรวดเรว โดยค าสงซออาจเกดขนตลอด 24 ชวโมงและมาจากทตางๆกน

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

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

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

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

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

10

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

8.สรางความประทบใจและพงพอใจไดมากกวาปจจบนการสงซอสนคาผานทางอนเตอรเนตท าไดอยางงายดายสนคาและบรการมใหเลอกมากมายท าใหไมตองเสยเวลาในการเดนทาง และเสยเวลาไปกบการคนหาสนคาและบรการทตองการลกคาสามารถคนหาสนคาทตองการไดอยางรวดเรวทสด เชน ถาลกคาตองการซอของตกแตงบานจากเวบไซต Bangpa-in.com ลกคาสามารถจะคนหาสนคาจากประเภทของสนคา หรอคนหาตามรปแบบทตองการได ในกรณทลกคาสงสนคาและไดใหรายละเอยดสวนตวไว รานคาสามารถ บนทก รายละเอยดของลกคาไวในฐานขอมลของเราเพอความสะดวกของลกคาในการสงซอสนคาครงตอไป (Member System)9. รและแกปญหาตางๆไดทนทวงทพาณชยอเลกทรอนกสสามารถใหบรการหลงการขายไดเชนกนโดยใชประโยชนจากอเมลในการตดตอลกคาการสรางแบบสอบถามลกคาเพอสอบถามความพงพอใจตอสนคาและบรการท าใหรานคาสามารถน าขอมลเหลานมาแกปญหาและตอบสนองความตองการของลกคาไดดยงขนและทนทวงท 2.1.2 ความรเกยวกบ ภาษา HTML (Hyper Text Markup Language)

ภาษา HTML (Hyper Text Markup Language) เปนภาษาทใชในการเขยนเวบเพจ ทเวบบราวเซอรสามารถอานและแสดงผลออกมาไดทเราเรยกภาษานวา Hypertext เพราะวาลกษณะโครงสรางของภาษาเปนลงคซงเราสามารถเชอมโยงระหวางเวบเพจไดนนเองและโครงสรางแบบนจะมประโยชนอยางมากในการคนหาขอมลบนอนเทอรเนต โครงสรางของเอกสาร HTML สามรถแบงออกเปน 2 สวน คอ

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

ขอความสวนนจะไมปรากฏบนหนาจอ ภาษา HTML เรยกขอความสวนนวาแทก(tag) โดยขอความนจะมเครองหมาย <และ>ครอบอย

2.1.3ความรเกยวกบ PHP

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

11

สามารถเขาใจการท างานของ PHP ไดไมยาก สมมตวา เราตองการจะแสดงวนเวลาปจจบนทผเขามาเยยมชมเวบไซดในขณะนน ในต าแหนง ใดต าแหนงหนงภายในเอกสาร HTML ทเราตองการ อาจจะใชค าสงในรปแบบน เชน <!--#exec cgi="date.pl"-->ไวในเอกสาร HTML เมอ SSI ของ web server มาพบค าสงน กจะกระท าค าสง date.pl ซงในกรณน เปนสครปตทเขยนดวยภาษา perlส าหรบอานเวลาจากเครองคอมพวเตอร แลวใสคาเวลาเปนเอาพท (output)และแทนทค าสงดงกลาวลงในเอกสาร HTML โดยอตโนมต กอนทจะสงไปยงผอานอกทหนงอาจจะกลาวไดวา PHP ไดรบการพฒนาขนมา เพอแทนท SSI รปแบบเดมๆ โดยใหมความสามารถ และมสวนเชอมตอกบเครองมอชนดอนมากขน เชน ตดตอกบคลงขอมลหรอ database เปนตน PHP ไดรบการเผยแพรเปนครงแรกในปค.ศ.1994 จากนนกมการพฒนาตอมาตามล าดบ เปนเวอรชน1ในป 1995เวอรชน2 (ตอนนนใชชอวา PHP/FI) ในชวงระหวาง 1995-1997 และเวอรชน3 ชวง 1997 ถง 1999 จนถงเวอรชน4ในปจจบนPHP เปนผลงานทเตบโตมาจากกลมของนกพฒนาในเชงเปดเผยรหสตนฉบบ หรอ OpenSourceดงนน PHP จงมการพฒนาไปอยางรวดเรว และแพรหลายโดยเฉพาะอยางยงเมอใชรวมกบ Apache Webserver ระบบปฏบตอยางเชน Linux หรอ FreeBSD เปนตน ในปจจบน PHP สามารถใชรวมกบ Web Server หลายๆตวบนระบบปฏบตการอยางเชน Windows 95/98/NT เปนตน รายชอของนกพฒนาภาษา PHP ทเปนแกนส าคญในปจจบนมดงตอไปน

ZeevSuraski, Israel AndiGutmans, Israel Shane Caraveo, Florida USA StigBakken, Norway AndreyZmievski, Nebraska USA Sascha Schumann, Dortmund, Germany Thies C. Arntzen, Hamburg, Germany Jim Winstead, Los Angeles, USA RasmusLerdorf, North Carolina, USA เนองจากวา 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 จะท างานไดมประสทธภาพมากกวา

12

2.1.4 ความรเกยวกบApache

Apache เปน Web Server พฒนามาจาก HTTPD Web Server ทมผใชทวโลกมากกวา 60 %ซงปจจบนจดไดวาเปน web server ทมความนาเชอถออาปาเชเปนซอฟตแวรทอยในลกษณะของ โอเพนซอรส ทเปดใหบคคลทวไปสามารถเขามารวมพฒนาสวนตางๆ ของอาปาเชไดซงท าใหเกดเปน โมดล ทเกดประโยชนมากมายและสามารถท างานรวมกบภาษาอนไดแทนทจะเปนเพยงเซรฟเวอรทใหบรการเพยงแค เอชทเอมแอลอยางเดยว นอกจากนอาปาเชเองยงมความสามารถอนๆดวยเชน การยนยนตวบคคลApacheท าหนาทเปน web server ทมผใชทวโลกมากกวา 60 % มหนาทในการจดเกบHomepage และสง Homepage ไปยง Browserทมการเรยกเขา ยง Web server ทเกบ HomePageนนอยซงปจจบนจดไดวาเปน web serverทมความนาเชอถอมากอาปาเชเปนซอฟตแวรทอยในลกษณะของ โอเพนซอรส ทเปดใหบคคลทวไปสามารถเขามารวมพฒนาสวนตางๆ ของอาปาเชไดซงท าใหเกดประโยชนมากมาย ตงแต ปพ.ศ. 2539 Apache ไดรบความนยมขนเรอยๆ จนปจจบนไดรบความนยมเปนอนดบหนง มผใชงาน อยประมาณ 65% ของเวบเซรฟเวอรทใหบรการอยทงหมด

2.1.4.1 Apache คออะไร Apache คอProject ทท าหนาทเปน web server ทมผใชทวโลกมากกวา 60 % มหนาทใน

การจดเกบ Homepage และสง Homepage ไปยง Browser ทมการเรยกเขา ยง Web server ทเกบHomePageนนอยซงปจจบนจดไดวาเปน web server ทมความนาเชอถอมาก ซงสามารถหามาDownload ไดจากwebsitewww.apache.org

2.1.4.2 ประวตความเปนมา Apache พฒนามาจาก HTTPD Web Server ทมกลมผพฒนาอยกอนแลว โดย รอบ แมค

คล(Rob McCool) ทNCSA (National Center for Supercomputing Applications) มหาวทยาลยอลลนอยสเออรแบนา-แชมเปญจนสหรฐอเมรกา แตหลงจากทแมคคลออกจาก NCS และหนไปใหความสนใจกบโครงการอนๆ มากกวาท าใหHTTPD เวบเซรฟเวอรถกปลอยทงไมมผพฒนาตอแตเนองจากเปนซอรฟแวรทอยภายใตลขสทธ กน คอ ทกคนมสทธทจะน าเอาซอรสโคดไปพฒนาตอไดท าใหมผใชกลมหนงไดพฒนาโปรแกรมขนมาเพออดชองโหว ทมอยเดม (หรอแพช) และยงไดรวบรวมเอาขอมลการพฒนา และการแกไขตางๆ แตขอมลเหลานอยตามทตางๆ ไมไดรวมอยในททเดยวกน จนในทสดไบอน บเลนดอรฟ (Brian Behlendorf) ไดสรางจดหมายกลม (mailing list)ขนมาเพอน าเอาขอมลเหลานเขาไวเปนกลมเดยวกน เพอใหสามารถเขาถงขอมลเหลานไดงายยงขนและในทสดกลมผพฒนาไดเรยกตวเองวา กลมอแพช(Apache Group) และไดปลอยซอฟตแวรHTTPD เวบเซรฟเวอรทพฒนาโดยการน าเอาแพชหลายๆ ตวทผใชไดพฒนาขนเพอปรบปรงการท างาน ของซอฟแวรตวเดมใหมประสทธภาพมากยงขน ตงแตปพ.ศ. 2539 Apache ไดรบความนยมขนเรอยๆ จนปจจบนไดรบความนยมเปนอนดบหนง มผใชงาน อยประมาณ 65% ของเวบเซรฟเวอรทใหบรการอยทงหมด

13

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

เขามารวมพฒนาสวนตางๆ ของอาปาเชไดซงท าใหเกดเปน โมดล ทเกดประโยชนมากมาย เชนmod_perl, mod_pythonหรอ mod_phpซงเปนโมดลทท าใหอาปาเชสามารถใชประโยชนและท างานรวมกบภาษาอนไดแทนทจะเปนเพยงเซรฟเวอรทใหบรการเพยงแค เอชทเอมแอลอยางเดยวนอกจากนอาปาเชเองยงมความสามารถอนๆ ดวย เชน การยนยนตวบคคล(mod_auth,mod_access, mod_digest) หรอเพมความปลอดภยในการสอสารผาน โปรโตคอลhttps (mod_ssl) นอกจากนกยงมโมดลอนๆ ทไดรบความนยมใชเชน mod_vhostท าใหสามารถสรางโฮสทเสมอน www.sample.com, wiki.sample.com, mail.sample.com หรอ www.ilovewiki.org ภายในเครอง เดยวกนไดหรอ mod_rewriteเปนเครองมอทจะชวยใหurlของเวบนนอานงายขน ยกตวอยาง เชน จากเดมตองอางถงเวบไซตแหงหนงดวยการพมพ http://mydomain.com/board/quiestion.php?qid=2xDffw&action=show&ttl=1187400 แตหลงจากใชmod_rewriteจะท าใหสนลงกลายเปน http://mydomain.com/board/question/how_to_edit_wikipedia_content.html ซงทอยหลงนจะขนอยกบวาผดแลเวบไซตตองการใหอยในลกษณะใด 2.1.5 ความรเกยวกบMySQL

2.1.5.1เอสควแอล (SQL) เอสควแอล (SQL) คอ ภาษาสอบถามขอมล หรอภาษาจดการขอมลอยางมโครงสราง มการพฒนาภาษาคอมพวเตอร และโปรแกรมฐานขอมลทรองรบมากมาย เพราะจดการขอมลไดงาย เชน MySQL, MsSQL, PostgreSQLหรอ MS Access เปนตน ส าหรบโปรแกรมฐานขอมลทไดรบความนยมคอ MySQL เปน Open Source ทใชงานไดทงใน Linux และ Windows SQL เปนภาษาทใชในการเขยนโปรแกรม เพอจดการกบฐานขอมลโดยเฉพาะ เราสามารถแบงการท า งานไดเปน 4 ประเภท ดงน

1. Select query ใชส าหรบดงขอมลทตองการ 2.Update query ใชส าหรบแกไขขอมล 3.Insert query ใชส าหรบการเพมขอมล 4.Delete query ใชส าหรบลบขอมลออกไป

Select query ใชในการดงขอมลในฐานขอมล จะมการคนหารายการจากตารางในฐานขอมล ตงแตหนงตารางขนไป ตามเงอนไขทสง ผลลพธทไดจะเปนเซตของขอมลทสามารถสราง เปนตารางใหม หรอใชแสดงออกมาทางจอภาพเทานน โดยมรปแบบดงนSelect รายละเอยดทเลอก Fromตารางแหลงทมา Whereก าหนดเงอนไขฐานขอมลทเลอก Group by ชอคอลมน Update query ใชส าหรบการแกไขขอมลในตาราง โดยแกในคอลมนทมคาตรงตาเงอนไข

14

มรปแบบดงน Update ชอตาราง Set [ชอคอลมน=คาทจะใสเขาไปในคอลมนนน ๆ Where เงอนไขเชน จากตารางแสดงรายชอนกศกษากรณทนกศกษาชอ สมบต มกนอย ยายโปรแกรมวชา จาก สงคมศกษา ไปเปนภาษาไทย เราใชคาสงดงนSelect stdinfo Set programe=’ภาษาไทย’ Where Fname=’สมบต’ and Lname= ‛มกนอย“ Insert query ใชในการเพมเตมขอมลใหม ๆ เขาไปในฐานขอมล มรปแบบดงน Insert Into ชอตาราง [=ชอคอลมน1,2..] Values [คาทจะใสลงในคอลมน 1,2…] เชน ตองการเพมรายชอนกศกษา ทมรหสประจ าตวเปน 007 ชอ กมลวรรณศรกล โปรแกรมวชา วทยาศาสตร เราสามารถใชค าสงดงน Insert into stdinfo (id,fname,lname,programe) Values (‘007’,’กมลวรรณ’,’ศรกล’,’วทยาศาสตร’)Delete query ใชลบขอมลออกจากตาราง มรปแบบดงนDelete Fromชอตาราง Where เงอนไขเชน ตองการลบรหสประจ าตวนกศกษา 005 ออกจากฐานขอมล เราใชค าสงดงนDelete Fromstdinfo Where id=’005’ MySQL (มายเอสควแอล) เปนระบบจดการฐานขอมลโดยใชภาษา SQL.แมวา MySQL เปนซอฟตแวรโอเพนซอรส แตแตกตางจากซอฟตแวรโอเพนซอรสทวไป โดยมการพฒนาภายใตบรษท MySQL AB ในประเทศสวเดน โดยจดการ MySQL ทงในแบบทใหใชฟร และแบบทใชในเชงธรกจMySQL สรางขนโดยชาวสวเดน 2 คน และชาวฟนแลนด ชอ David Axmark, Allan Larsson และ Michael ‚Monty‛Widenius. ปจจบนบรษทซนไมโครซสเตมส (Sun Microsystems, Inc.) เขาซอกจการของ MySQL Aเรยบรอยแลว ฉะนนผลตภณฑภายใต MySQL AB ทงหมดจะตกเปนของซนชอ ‚MySQL‛อานออกเสยงวา ‚มายเอสควเอล‛หรอ ‚มายเอสควแอล‛ (ในการอานอกษร L ในภาษาไทย) ซงทางซอฟตแวรไมไดอาน มายซเควลหรอ มายซควล เหมอนกบซอฟตแวรจดการฐานขอมลตวอน

2.1.5.2 การใชงาน MySQL MySQL เปนทนยมใชกนมากส าหรบฐานขอมลส าหรบเวบไซต เชน มเดยวก และ phpBB

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

2.1.6 ความรเกยวกบphpMyAdmin พเอชพ มาย แอดมน (phpMyAdmin) เปนสครปตตดตอฐานขอมลทสรางโดยภาษาพเอชพซงใชจดการฐานขอมล MySQL ผานเวบเบราวเซอรโดยสามารถทจะท าการสรางฐานขอมลใหมหรอท าการสราง TABLE ใหมๆ และยงม function ทใชส าหรบการทดสอบการ query ขอมลดวยภาษา SQL พรอมกนนน ยงสามารถท าการ insert delete update หรอแมกระทงใช ค าสงตางๆ เหมอนกบกนการใชภาษา SQL ในการสรางตารางขอมลในสวนของการแสดงผลหนาแรกเมอเขาสหนาแสดงผล พเอชพ มาย แอดมน จะแสดงรนของ พเอชพ มาย แอดมน ท

15

ใชงานอย พรอมทงสามารถทจะจดการกบรหสอกขระทใชในการเกบขอมลฝงเมนดานซายจะแสดงขอมลของฐานขอมลปจจบน (DATABASE NAME) และเมอท าการเลอกแลวจะแสดงโครงสรางของ ตารางขอมล ตารางท 2-1แสดงโครงสรางรปแบบ php รปแบบแทก เปดแทกPHP ปดแทกPHP แบบมาตรฐาน <?php M> แบบสน <M M> แบบ ASP <% %> แบบ Script <Script language=“PHP“> </script> phpMyAdminเปนโปรแกรมหนงทตดมากบAppServเพอใชส าหรบจดการฐานขอมล เชน สราง/ลบฐานขอมล สราง/ลบเทเบล จดการฟลดตาง ๆ ของขอมล รวมทงการประมวลผลค าสง SQL

ภาพท2-1การตดตงโปรแกรม AppServ 2.5.8 ลบดบตอมาเราจะเจอหนาตางดงรปดานลาง ซงเปนการ login เขาส phpMyAdminซงขอมลในสวนนมาจากการก าหนดคาของ MySQL Configในตอนทเราไดท าการตดตง ซงคาเรมตนของ Username จะมคาเปน root สวน Password เกดจากคาทเราไดก าหนดไว

16

ภาพท2-2 Usernameและ Password ใชส าหรบเขาใชงาน phpMyAdmin

ภาพท2-3 หนาแรกของ phpMyAdmin

1. ฝงซายมอ จะเปนสวนส าหรบเมนระบบของ phpMyAdminและส าหรบเลอกฐานขอมลและตาราง 2. ฝงขวามอ จะเปนสวนของการจดการฐานขอมลทงหมด ไมวาจะเปนการสรางฐานขอมล สรางตาราง เขยนโครงสรางตาราง ดขอมล คนหาขอมล การเพม/ลบ/แกไขขอมล ฯลฯ 2.1.7 เวบบราวเซอร (Web Browser)

2.1.7.1 ประวตเวบบราวเซอร ทม เบอรเนรส-ล จากศนยวจยเซรน ไดคดคนระบบไฮเปอรเทกซ โปรแกรมคนดเวบตวแรกมชอวา เวลดไวดเวบ แตเวบไดรบความนยมอยางจรงจงเมอ ศนยวจยเอนซเอสเอ (NCSA) ของ

17

มหาวทยาลยอลลนอยส เออรแบนา-แชมเปญจน สหรฐอเมรกา ไดคดโปรแกรม โมเสก (MOSAIC) ซงเปนโปรแกรมคนดเวบเชงกราฟก หลงจากนนทมงานทท าโมเสกกไดออกไปเปดบรษทเนตสเคปเวบเบราวเซอร(web browser) เบราวเซอรหรอโปรแกรมดเวบ คอโปรแกรมคอมพวเตอร ทผใชสามารถดขอมลและโตตอบกบขอมลสารสนเทศทจดเกบในหนาเวบทสรางดวยภาษาเฉพาะ เชน ภาษาเอชทเอมแอล (html) ทจดเกบไวทระบบบรการเวบหรอเวบเซรฟเวอร หรอระบบคลงขอมลอนๆ โดยโปรแกรมคนดเวบเปรยบเสมอนเครองมอในการตดตอกบเครอขายคอมพวเตอรขนาดใหญทเรยกวาเวลดไวดเวบ

ภาพท2-4 Browser ชนดตางๆ 2.1.7.2 ประโยชนของ Web Browser

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

2.1.8 เวบเซรฟเวอร (Web Server)

เวบเซรฟเวอร (Web Server) คอ เครองบรการเวบไซต หรอเวบเพจผานโปรโตรคอลHTTP(Hyper Text Transfer Protocol) เพอใหบรการแฟมขอมลทงภาพ และเสยง มกเปดบรการผานพอรท 80 หรอ 8080 เชน บรการคนหาขอมลเวบไซตของ google.co.th สามารถเขาใชบรการดวยโปรแกรม Internet Explorer เพอเปด http://www.google.co.th ผานเครองบรการทตดตงโปรแกรมส าหรบบรการ เชน PWS, IIS และ Apache เปนตน บรการของเวบเซรฟเวอรจ าเปนตองมบรการเสรม เพอการบรการทสมบรณ เชน บรการภาษาส าหรบการประมวลผล หรอระบบฐานขอมล

18

แตละภาษามความแตกตางกน จงตองเลอกใชตามความถนดของนกพฒนา เชน html, perl, php, asp หรอ jspเปนตน สวนฐานขอมลมหลายคาย เชน MSAccess, Mysql, SQL Server หรอ Oracle เปนตน

ภาพท2-5 เวบเซรฟเวอร (Web Server)

2.1.9 เวบไซต (Web Site)

เวบไซต (Web Site) คอ แหลงทเกบรวบรวมขอมลเอกสารและสอประสมตาง ๆ เชน ภาพ เสยง ขอความ ของแตละบรษทหรอหนวยงานโดยเรยกเอกสารตาง ๆ เหลานวา เวบเพจ (Web Page) และเรยกเวบหนาแรกของแตละเวบไซตวา โฮมเพจ (Home Page) หรออาจกลาวไดวา เวบไซตกคอเวบเพจอยางนอยสองหนาทมลงก (Links) ถงกน ตามหลกค าวา เวบไซตจะใชส าหรบผทมคอมพวเตอรแบบเซรฟเวอรหรอจดทะเบยนเปนของตนเองเรยบรอยแลวเชน www.google.co.th ซงเปนเวบไซตทใหบรการสบคนขอมลเปนตน เวบไซต (website, web site, หรอ Web site) หมายถง หนาเวบเพจหลายหนา ซงเชอมโยงกนผานทางไฮเปอรลงกสวนใหญจดท าขนเพอน าเสนอขอมลผานคอมพวเตอรโดยถกจดเกบไวในเวลดไวดเวบ หนาแรกของเวบไซตทเกบไวทชอหลกจะเรยกวา โฮมเพจ เวบไซตโดยทวไปจะใหบรการตอผใชฟรแตในขณะเดยวกนบางเวบไซตจ าเปนตองมการสมครสมาชกและเสยคาบรการเพอทจะดขอมลในเวบไซตนน ซงไดแกขอมลทางวชาการ ขอมลตลาดหลกทรพย หรอขอมลสอตางๆ ผท าเวบไซตมหลากหลายระดบตงแตสรางเวบไซตสวนตวจนถงระดบเวบไซตส าหรบธรกจหรอองคกรตางๆการเรยกดเวบไซตโดยทวไปนยมเรยกดผานซอฟตแวรในลกษณะของ เวบเบราวเซอร เวบไซด คอ ศนยรวบรวมความรและแหลงขอมลตางๆ อาท เชน ขาวสาร ประชาสมพนธ บนเทง กฬา เปนตนปจจบนเวบไซดไดเขามามบทบาทในแวดวงธรกจแทบทกชนดไมวาจะเปนในรปแบบของบรษท รานคา ชนน า ตางๆทวไป เหตผลหนงในการมเวบไซดนน เพอเปนการเพมความนาเชอถอใหกบธรกจนนๆอกทงเวบไซดยงสามารถตอบสนองและครอบคลมผบรโภคหรอกลมเปาหมายไดอยางไมมขดจ ากดอกดวย เพราะสามารถเขาเยยมชมขอมลเวบไซดจากอนเตอรเนตไดทวโลกขนตอนแรกในการขอเรมใชบรการเวบไซดนน นกลงทนจะตองไปตดตอกบตวแทนจ าหนายเพอขอจดทะเบยนชอเวบไซด ( Domain name ) และพนทในจดท าเวบไซด ( hosting ) กอน โดยการจดทะเบยนขอใชบรการเวบไซดนน จะมสกลดอทใหเลอกหลากหลายประเภท

19

2.1.10 ความรเกยวกบการวเคราะหและออกแบบระบบ การวเคราะหระบบและการออกแบบ (System Analysis and Design)คอ วธการทใชในการ

สรางระบบสารสนเทศขนมาใหมในธรกจใดธรกจหนงหรอระบบยอยของธรกจนอกจากการสรางระบบสารสนเทศใหมแลว การวเคราะหระบบ ชวยในการแกไขระบบสารสนเทศเดมทมอยแลวใหดขนดวยกได การวเคราะหระบบกคอการหาความตองการ (Requirements)ของระบบสารสนเทศวาคออะไร หรอตองการเพมเตมอะไรเขามาในระบบ การออกแบบกคอการน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวในการสรางระบบสารสนเทศนนใหใชงานไดจรง ตวอยางระบบสารสนเทศ เชน ระบบการขาย ความตองการของระบบกคอ สามารถตดตามยอดขายไดเปนระยะ เพอฝายบรหารสามารถปรบปรงการขายไดทนทวงท ตวอยางรายงานการขายทกลาวมาแลวจะชใหเหนวาเราสามารถตดตามการขายไดอยางไร

2.1.10.1การจดการขอมล วงจรการพฒนาระบบ (System Development Lift Cycle-SDLC) ระบบสารสนเทศ

ทงหลายมวงจรชวตทเหมอนกน ตงแตเกดจนตาย วงจรนจะเปนขนตอนทเปนล าดบตงแตตนจนเสรจเรยบรอยเปนระบบทใชงานได ซงนกวเคราะหระบบ ตองท าความเขาใจใหดวาในแตละขนตอนจะตองท าอะไร และท าอยางไร ขนตอนการพฒนาระบบมอยดวยกน 7 ขนตอนคอ 1. เขาใจปญหา (Problem Recognition) 2. ศกษาความเปนไปได (Feasibility Study) 3. วเคราะห (Analysis) 4. ออกแบบ (Design) 5. สราง หรอพฒนาระบบ (Construction) 6. การปรบเปลยน (Conversion) 7. บ ารงรกษา (Maintenance) โมเดลทใชสาหรบการพฒนาระบบ ประกอบดวยการนาเสนอสงทเกยวกบการอนพตเอาตพต โปรเซส ขอมลออบเจคการโตตอบระหวางออบเจคสถานทตงเครอขายและอปกรณอนๆซงสวนใหญจะน าเสนอในรปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอแผนภม(Chart) ดงน

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

ค า อธบาย ขอความ หรอค าพด ทใชในอลกอรทม (Algorithm) เพราะการน าเสนอขนตอนของงานใหเขาใจตรงกน ระหวางผเกยวของ ดวยค าพด หรอขอความท าไดยากกวาผงงานแบงได 2 ประเภท 1. ผงงานระบบ (System Flowchart)คอ ผงงานทแสดงขนตอนการท างานในระบบอยางกวาง ๆ แตไมเจาะลงในระบบงานยอย2. ผงงานโปรแกรม (Program Flowchart)คอ ผงงานทแสดงถงขนตอนในการท างานของโปรแกรม ตงแตรบขอมล ค านวณ จนถงแสดงผลลพธ

20

2.1.10.3 ผงงานโครงสราง คอเครองมอทใชแสดงขนตอนการท างาน(Algorithm) ของระบบงานใดๆในคอมพวเตอร

มหลายอยางและเครองมอทนยมใชกนมากคอ ผงงานโครงสราง (Structured Flowchart) และค าสงเทยม (Pseudo Code) ซงเครองมอทใชเหลานผพฒนาระบบงานสามารถน าไปแปลงเปนชดค าสงแบบไวยากรณ(Syntax) ของภาษาคอมพวเตอรภาษาใดๆกไดเพอพฒนาระบบงานขนมา ผงงานโครงสราง(Structured Flowchart)จะเปนเครองมอ (Tool) ทใชอธบายรายละเอยดการท างานตามขนตอนการท างาน(Algorithm)โดยใชสญลกษณ(Symbol)แทนค าสงใชขอความ(Statement)ในสญลกษณแทนตวด าเนนการทางการค านวณและการเปรยบเทยบอกทงยงแสดงความสมพนธของการท างานตางๆอยางเปนล าดบขนตอนโดยสามารถแบงลกษณะของความสมพนธเปนรปแบบตางๆไดแก การท างานแบบมล าดบ การท างานแบบใหเลอกท าและการท างานท าซ าในเงอนไขตางๆโดยทสามารถสรปรายละเอยดของสญลกษณทส าคญและทนยมใชงานกนบอยๆไดดงน

ภาพท 2-6 ลกษณะการเขยน Flowchart ตวอยาง การเขยนผงงานอานคาผงงานอานคาขอมลเขามาเกบไวในตวแปร A และ B แลวท าการเปรยบเทยบในตวแปรทงสอง ‛ ถาAมากกวาBใหค านวณหาคาA - B และเกบผลลพธไวในตวแปรชอ RESULT ‛ ถาAนอยกวาหรอเทากบBใหค านวณหาคาA + B และเกบผลลพธไวในตวแปรชอ RESULT

21

�

�

A B

A >B ?

RESULT = A+B

RESULT = A-B

ภาพท2-7 แสดงการเขยนผงงานอานคาขอมล 2.1.10.4 ประโยชนของผงงาน

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

2.1.11แผนภาพกระแสขอมล (Data Flow Diagram: DFD) แผนภาพกระแสขอมล (Data Flow Diagram: DFD) หมายถงแผนภาพทแสดงใหเหนถงทศ

ทางการไหลของขอมลทมอยระบบและการดาเนนงานทเกดขนในระบบโดยขอมลในแผนภาพทราบถงขอมลมาจากไหน, ขอมลไปทไหน, เกดเหตการณใดกบขอมลในระหวางทางแผนภาพกระแสขอมลจะแสดงภาพรวมของระบบ (Overall picture of a system) และรายละเอยดบางอยางแตในบางครงหากตองการก าหนดรายละเอยดทส าคญในระบบนกวเคราะหระบบอาจจาเปนตองใชเครองมออนๆชวยเชนขอความสนๆทเขาใจหรออลกอรทม, ตารางการตดสนใจ (Decision Table) , Data Model , Process Description ทงนกขนอยกบความตองการในรายละเอยด

2.1.11.1 วตถประสงคของการสรางแผนภาพกระแสขอมล -เปนแผนภาพทสรปรวมขอมลทงหมดทไดจากการวเคราะหในลกษณะของรปแบบท

เปนโครงสราง - เปนขอตกลงรวมกนระหวางนกวเคราะหระบบและผใชงาน - เปนแผนภาพทใชในการพฒนาตอในขนตอนของการออกแบบระบบ

22

- เปนแผนภาพทใชในการอางองหรอเพอใชในการพฒนาตอยอดในอนาคตทราบทมาทไปของขอมลทไหลไปในกระบวนการตางๆ (Data and Process)

- การตงชอ Data Store จะตองใชคานาม (Noun) เชน Customer File, Inventory หรอ

ตารางท 2-2 แสดงสญลกษณในภาพกระแสขอมล

ชอสญลกษณ DeMarco& Yourdon symbols การประมวลผล (Process)

แหลงเกบขอมล (Data Store)

กระแสขอมล (Data Flow)

สงทอยภายนอก (Extemal Entity)

ล าดบขนใน DFD

การเขยน DFD นกวเคราะหระบบจะตองมองภาพรวมทงหมดของงานหลงจากนนจงเขาไปในรายละเอยดขางในของระบบเปรยบเสมอนกระบวนการ Top-Down คอการมองภาพรวมกอนเราจะมองเหนภาพรวมของระบบและจดใหญๆใหเปนระบบเมอมองลกลงไปกจะเหนรายละเอยดใหญๆและถาเรามองลกลงไปเทาไหรกจะเหนรายละเอยดยอยๆมากยงขนการเขยน DFD เปนการแตกระบบใหญๆใหเปนระบบยอยเพอใหเขาใจงายขนและสะดวกตอการออกแบบ

23

สรางล าดบภาพท 0 คาดวาทงระบบเปน Process มลกศรแทน Input และ Output ตามท จ าเปนภาพนจะเรยกวา Context Diagram ของระบบ

0

� - � �

�

� �

� �

� � �

�

� �

�

� � � � � � � �

� ��

�

��

�

Username,password

�

� �

Username,password

ภาพท 2-8 DFD Levels 0

2.1.11.2 Entity-Relationship Model Entity-Relationship Model หรอเรยกอกอยางวา ‛E-R Model“ เปน Data Model เปน

ท นยมอยางแพรหลายเปนเครองมอทดมากและมโครงสรางส าคญเพมขนมาคอ ‛E-R Diagram“ ใชแสดงความสมพนธระหวางขอมลในฐานขอมล Data Mode คอแบบจาลองทใชเปนเครองมอในการแสดงโครงสรางภายในระบบฐานขอมลโดยใชรปภาพเปนสอท าใหงายตอการเขาใจและการเรยนรเขาใจโครงสรางพนฐานของระบบไดงาย

24

1. คณสมบตของ Data Model 1.1 Expressiveness คอตองเปนเครองมอทสามารถแสดงหรออธบายโครงสรางของขอมลได

ชดเจนและครบถวน 1.2 Simplicity คอตองทาใหงายตอการเขาใจไมซบซอน 1.3 Minimalityคอลกษณะโครงสรางของขอมลแตละชนดตองชดเจนและไมก ากวม 1.4 Formality คอขอมลแตละชนดตองไมซ าซอนมรปแบบเปนมาตรฐาน

2. องคประกอบของ E-R Model โครงสรางพนฐานของ E-R Modelไดแก Entity, Attribute, Relationship, Key, Domain เปนตน 3. ค าศพทพนฐานแบบจ าลองความสมพนธระหวางขอมล (Model)

3.1 Entity Set คอกลมของความสมพนธภายในกลมของ Entity เดยวกนเชน Entity Setของนกเรยนนอกจากนนยงประกอบดวย Entity อาจารย, Entity วชาประกอบในระบบดวยซงม 2 ประเภทคอ

- Strong Entity Set คอ Entity Set ใดๆทม Attribute ภายในเพยงพอทจะสามารถท าหนาทเปน Primary Key ได

- Weak Entity Set คอ Entity Set ทมลกษณะตรงกนขามกบ Strong Entity Set คอ กลมของ Entity Set ใดๆท Attribute ภายในทงหมดแมจะรวมกนแลวยงไมสามารถท าหนาทเปน Primary Key ใหกบ Entity Set

3.2 Relationship Set คอกลมของ Relationship ทมความสมพนธและอยในประเภทเดยวกนมารวมเขาดวยกน

3.3 Primary Key มคณสมบตดงนขอมลของคอลมนทกๆแถวของตารางจะตองไมมขอมลซ ากนเลยตองประกอบไปดวยAttribute ทนอยทสดทสามารถในการอางองถงขอมลใน Tuple ใด Tuple หนงได

3.4 Existence Dependency คอเหตการณท Entity จะเกดขนไดและคงอยไดตองขนอยกบการมหรอเกดขนของอกEntity เชน Entity รายการฝาก-ถอนจะเกดขนไดกตอเมอม Entity ลกคา

25

ER-DIAGRAM ประกอบดวยองคประกอบพนฐานดงน - เอนทต(Entity) เปนวตถหรอสงของทเราสนใจในระบบงานนน ๆ- แอททรบว (Attribute)

เปนคณสมบตของวตถทเราสนใจ- ความสมพนธ(Relationship) คอความสมพนธระหวางเอนทตการท าNormalization เปนการออกแบบตารางตามกฎเกณฑมาตรฐาน เพอใหสามารถหลกเลยงจากปญหาการซ าซอนของขอมล สาหรบขอก าหนดทใชในการออกแบบตารางไดมผก าหนดไวหลายขน แตโดยทวไปแลวหากสามารถทาไดถงระดบท3 กจะถอวาการจดเกบขอมลคอนขางดสวนระดบทสงกวานเปนขอก าหนดทเกดขนนอย หรอแทบไมเกดขนเลย First Normal Form (1NF) คอ ตารางความสมพนธใดๆจะเปน First Normal Form กตอเมอไมมกลมขอมลซ า (Repeating Group) และแบงยอยอกไมไดแลว(Atomicity) Second Normal Form (2NF) คอ ตารางความสมพนธใดๆ จะเปน Second Normal Form กตอเมอตองเปน 1NF มากอนและนอนคยใดๆของตารางตองขนอยกบคยหลกทกตว Third Normal Form (3NF) คอ ตารางความสมพนธใดๆ จะเปน Third Normal Form กตอเมอ ตองเปน 2NF มากอนและไมมคอลมนอนใดในตารางไปขนอยกบนอนคยตวใดตวหนงของตารางแทนทจะขนอยเฉพาะกบคยหลกเทานน Boycc Normal Forms (BCNF) คอการปรบปรง 3NF ใหรดกมขนไปอก ตารางความสมพนธใดๆ จะเปน Boycc Normal Form กตอเมอทกๆตวเลอกตองเปนคยคแขงแลวเทานน Fourth Normal Form (4NF) คอ ภายในคยหลกดวยกนเองจะตองไมมคอลมนใดสามารถขนอยกบอกคอลมนหนงโดยเปนอสระจากคอลมนทเหลอได Fifth Normal Form (5NF) คอการพจารณาถงความเปนไปไดทจะสามารถแยกตารางออกใหเปนตารางยอยๆ ลงไปไดอก 2.1.11.3 แผนภาพความสมพนธเอนทต(Entity-Relationship Diagrams: E-R Diagrams)เปนรปจาลองภาพของระบบสารสนเทศทบรรยายความสมพนธระหวางเอนทตของระบบจากภาพท2-3 แสดงรปแบบพนฐานของ E-R Diagrams แตละเอนทตแสดงดวยรปสเหลยมผนผาและรปสเหลยมเพชรแสดงถงความสมพนธหรอความเกยวพนทเชอมระหวางเอนทตในสเหลยมผนผาเอนทตจะระบดวยชอทเปนคานามเดยวและในความสมพนธรปสเหลยมเพชรจะระบดวยขอความทเปนคากรยาทแสดงความเกยวของและสมพนธของสองเอนทต

ภาพท2-9 แสดงความสมพนธระหวางเอนทตกบเอนทต

ประเภทความสมพนธแบงออกไดเปน 3 ประเภท คอ 1.ความสมพนธแบบหนงตอหนงความสมพนธ(One-to-one Relationship) จะใชสญลกษณ1 : 1 แทนความสมพนธแบบหนงตอหนง เกดขนเมอเอนทตทสอง มความสมพนธกบเอนทตทหนงเพยงรายการเดยว เชน ลกคาสมาชก1 คน จะมบตรสมาชกเปนของตนเองเพยงหนงใบเทานน

26

�

ภาพท2-10 แสดงความสมพนธระหวางเอนทตกบเอนทตแบบ 1: 1

2. ความสมพนธแบบหนงตอหลายความสมพนธ(One-to-many Relationship) จะใชสญลกษณ1 : M แทนความหมายของความสมพนธแบบหนงตอหลายความสมพนธ เกดขนเมอหนงเอนทตแรกเกยวของกบหลายเอนทตทสอง และเอนทตทสองสามารถเกยวของเพยงหนงเอนทตแรกเทานน เชน พนกงานคนหนงทาการบนทกขอมลการขายสนคาไดหลายครง แตขอมลการขายแตละครงเกดจากการบนทกขอมลของพนกงานเพยงคนเดยวเทานน

�

ภาพท2-11 แสดงความสมพนธระหวางเอนทตกบเอนทตแบบ 1: M

3. ความสมพนธแบบหลายตอหลายความสมพนธ(Many-to-many Relationship) จะใชสญลกษณM : N แทนความหมายของความสมพนธแบบหลายตอหลายความสมพนธเกดขนเมอหนงเอนทตแรกเกยวของกบหลายเอนทตทสองและเอนทตทสองสามารถเกยวของกบหลายเอนทตแรกเชน นสตหนงคนลงทะเบยนเรยนไดหลายรายวชา และขณะเดยวกนหนงรายวชากถกลงทะเบยนเรยนโดยนสตหลายๆ คนได

�

ภาพท2-12 แสดงความสมพนธระหวางเอนทตกบเอนทตแบบ M: N

2.1.11.4 พจนานกรมขอมล(Data Dictionary)

เปนหนวยเกบรวบรวมขอมลในระบบซงพจนานกรมทางขอมลทาหนาทเกบรายละเอยดเกยวกบขอมลในฐานขอมลเชน โครงสรางของแตละตาราง ใครเปนผสราง สรางเมอใดและแตละ ขอมลประกอบดวยเขตขอมลใดบางคณลกษณะของแตละเขตขอมลเปนอยางไรและมตารางใดทมความสมพนธกนบาง มเขตขอมลใดเปนคยบาง เปนตน นกวเคราะหระบบใชพจนานกรมขอมลในการรวบรวมเปนหลกฐานเอกสาร เพอจดการขอมลในระบบ รปแบบพจนานกรมขอมลโดยท าเปนตาราง Attribute Name = ชอแอททรบวทในดาตาสโตร/ตาราง Description = คาอธบายแอททรบวท Data Type = ประเภทขอมลเชน Text, Char, Varchar, Integer, Boolean เปนตน Data Size = ขนานขอมลเชน 10, 255 เปนตน

27

Key Type = ประเภทของคยมสองประเภทคอคยหลกPrimary Key (PK) และคยรองForeignKey(FK) Reference = ชอดาตาสโตร/ตารางทถกเชอมโยงดวยคยรอง 2.1.12เครองมอทใชในการพฒนา

2.1.12.1 โปรแกรม Adobe Photoshop CS3 เปนโปรแกรมคอมพวเตอรทรวบรวมเครองมอสาหรบตกแตงภาพประสทธภาพสงเพอการท างานระดบมาตรฐานสาหรบนกออกแบบมออาชพทตองการสรางสรรคงานกราฟกทโดดเดน ทงงานทใชบนเวบและงานสงพมพ

2.1.12.2 โปรแกรม Apache Web Server เปนโปรแกรมจาลองเครองคอมพวเตอรลกขาย ใหเปนเครองแมขาย (Server) เพอใหบรการขอมลผานโปรโตคอลhttp ผานทางหมายเลขIP ของเครองซงตว Apache Web Server มคณสมบตมากมายไมวาจะเปนการทางานรวมกบตวแปรภาษา phpjspและอนๆ

2.1.12.3 โปรแกรม phpMyAdmin phpMyAdminเปนสครปตตดตอฐานขอมลทสรางโดยภาษาพเอชพซงใชจดการฐานขอมล MySQL ผานเวบเบราวเซอรโดยสามารถทจะทาการสรางฐานขอมลใหม หรอทาการสราง TABLE ใหมๆ และยงมfunction ทใชสาหรบการทดสอบการ query ขอมลดวยภาษาSQL พรอมกนนน ยงสามารถทาการinsert delete update หรอแมกระทงใชคาสงตางๆ เหมอนกบกนการใชภาษาSQL ในการสรางตารางขอมล

2.1.12.4 โปรแกรม Adobe Dreamweaver CS3 เปนโปรแกรมแกไข HTML สาหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าใหดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆในประเภทเดยวกนสามารถทางานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามคซงมการใชHTMLเปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถงการจดการฐานขอมลตางๆ ยงสามารถทางานรวมกบ XML และ CSS ไดอยางงายดาย

2.1.12.5 Microsoft Visio ส าหรบใชเขยน ER-Model ออกแบบระบบ เปนโปรแกรมทชวยสรางกราฟฟกและแผนภมไดงายดายอยางมประสทธภาพเพออานวยความสะดวกใหกบองคกรทตองใชกราฟฟก แผนภมแผนผงและตารางตางๆ ในการนาเสนองานรวมทงการสรางบนเวบไซตVisio ชวยเพมประสทธภาพในการสอสารโดยชวยใหแตละแผนกสามารถดแผนภมหรอตารางในรปแบบไฟลทแตกตางกนตามตองการไดเชน ไฟลทสงทางอ-เมล, ระบบ อนทราเนต และอนเทอรเนต เปนตน และยงชวยใหผจดท าเอกสารสรางภาพกราฟฟกใหมๆ แปลกๆ ไดสะดวกเพอเพมสสน ความชดเจนใหกบขอมลตางๆไดเปนอยางดและทส าคญกคอ Visio 2000 ชวยประหยดเวลาในการสรางเอกสารหรอไฟลเหลานไดถงหนงเทาตว

28

2.1.12.6 Microsoft Word 2007 เปนโปรแกรมส าเรจรปสาหรบการจดการงานดานเอกสารสานกงาน เอกสารธรการทวไป มเครองมอในการจดรปแบบการพมพเอกสารใหเหมาะสมกบการนาเสนอในแตละงาน Ms Word ไมไดเปนเพยงใชงานในดานการจดการเอกสาร สงพมพเทานน ยงสามารถจดทา ซองจดหมายหนงสอเวยน หรอการนาไปประยกตสงพมพตาง ๆ เชน ทาปกรายงาน ท านามบตร ทาแบบตวอกษรโฆษณา ไดดวย

29

2.2วรรณกรรมทเกยวของ 2.2.1 เวบไซตจ าหนายรองเทาแฟชน ราน CNANATPATS (http://www.cnantpats.com)

ภาพท 2-13 หนาจอเวบไซตขายรองเทาแฟชน ราน CNANATPATS เวบไซต CNANATPATS (ขายสงรองเทาแฟชนทวประเทศ) เปนเวบไซตทนาเสนอขอมล

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

30

2.2.2 เวบไซตจ าหนายเสอผาแฟชนออนไลนราน NB Fashion (http://www.nbfashion.net)

ภาพท 2-14 หนาจอเวบไซตรานเสอผาแฟชนออนไลนราน NB Fashion

เวบไซต NB Fashion (รานขายเสอผาแฟชนออนไลน) เปนเวบไซตทขายสงเสอผาแฟชนเสอผาคนอวนเสอยดเสอกลามสายเดยวแบบฮตตดเทรนมการน าเสนอขอมลรายละเอยดของสนคาทเรยบงายและหลากหลายมความทนสมยการออกแบบและการวางโครงรางเวบไซตทคอนขางสวยงามใชเทคนคการนาเสนอทดเรยบงายสบายตา ขอดของเวบไซตไดมการนาเอาเทคนคการนาเสนอทเรยบงายดสบายตารวมถงการออกแบบทสวยงามการนาเสนอขอมลสนคามครบถวนสมบรณและเนนความหลากหลายของตวสนคาเองทาใหผใชงานมความสนใจในตวสนคาและอยากดรายการสนคาเสอผาแฟชนของทางรานอกทงการนาเสนอขอมลสนคามการใชงานงายสามารถเรยนรไดเรวจงเหมาะอยางยงกบกลมลกคาทกเพศทกวยทชอบความทนสมยไมตกเทรนในการเลอกซอเสอผา

31

2.2.3เวบไซตจ าหนายเสอผาแฟชน,แฟชนเกาหล,กระเปา http://www.maxisshop.com/store/aboutus

ภาพท 2-15 เวบไซตจ าหนายเสอผาแฟชน,แฟชนเกาหล,กระเปา

ราน maxisshop เปนรานขายเสอผาแฟชน,แฟชนเกาหล,กระเปาแบบฮตตดเทรนมการ

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

32

จนตรากาศร (2552) ศกษาเรอง ‛เวบไซตตลาดกลางเสอผาแฟชน“ มวตถประสงคเพอวเคราะหและออกแบบระบบงานเวบไซตตลาดกลางศนยรวมเสอผาแฟชนเพอโฆษณาประชาสมพนธรานของตนเองไดสามารถจดการสนคาคงคลงผานเวบไซตไดโดยมจดมงหมายเพอเปนการเพมยอดขายสนคาใหกบทางรานดวยการศกษาครงนผจดทาไดศกษาในสวนระบบลกคาและระบบของผดแลระบบซงในระบบลกคานนกอนซอสนคาตองลงทะเบยนเปนสมาชกในรานกอนจงจะสามารถสงซอสนคาภายในรานไดสวนระบบของผดแลระบบจะทาการเขาไปเพมลบแกไขขอมลสนคาและรายการตางๆหรอทาการรบสนคาเขาเบกจายสนคาและออกรายงานทมอยในระบบสนคาคงคลงเชนรายการสนคารายการสนคาถงจดสงซอเปนตน

เฉลมเกยรตโยธา(2551) ศกษาเรอง ‛เวบไซตตลาดเสอผาแนวเกาหลออนไลนราน MyFriend“มวตถประสงคเพอเปนการประชาสมพนธสนคาในรานใหเปนทรจกมากขนเพอเปนการสงเสรมการขายอกทางหนงนอกจากการขายอยทรานเพยงทางเดยวเพอสรางความสะดวกสบายแกลกคาคอไมตองเดนทางมาทรานแตสามารถทาการเลอกซอสนคาไดโดยผานระบบอนเตอรเนตและเพอใหทางรานเปนระบบรานคาออนไลนททาการขายสนคาไดตลอด 24 ชวโมงโดยไมตองจางพนกงานเพมขนทาใหทางรานลดคาใชจายในจดนเพยงแตมเวบไซตของรานเพอใหลกคาเขามาทาการซอสนคาการทางานของระบบจะแบงออกเปน 2 สวนคอสวนของลกคาทสามารถสงซอสนคาบน เวบไซตไดและสวนของผดแลระบบโดยผศกษาใช JSP(Java Server Page) ในการตดตอกบฐานขอมลใช My SQL ในการจดเกบฐานขอมลและใช Macromedia Dreamweaver Mx 2004และ Macromedia Mx 2004 ในการออกแบบเวบไซต

ไพรนทรสงขทอง (2552) ‛ศกษาเรองระบบซอ – ขายเสอผาฮองกงรานยาคซา จ.กรงเทพมหานคร“มวตถประสงคเพอพฒนาระบบซอ–เสอผาฮองกงรานยาคซาจงหวดกรงเทพมหานครความสามารถของระบบคอสามารถเพมลบแกไขขอมลผลทไดจากการศกษาและพฒนาระบบในครงนคอทาใหทราบถงการจดการระบบซอขายเสอผาฮองกงซงโปรแกรมสามารถนาไปใชงานไดจรงระบบมการออกแบบทผใชสามารถใชงานงายและสะดวกมการจดเกบขอมลและรายงานทจาเปนกบระบบอยางทวถงระบบไดพฒนาขนโดยการใชโปรแกรมภาษา PHP เปนภาษาหลกในการพฒนารปแบบการทางานของระบบเปนการใชงานผานอนเตอรเนตโดยใช Apache2.2 เปน Web server ใช My SQL เปนฐานขอมลและใช PHP My Admin 2.9.2 สาหรบชวยในการจดการฐานขอมล