บทท 2

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

ในการจดท าระบบจ าหนายสนคาออนไลน กรณศกษา บรษทปแดง (สาขารอยเอด) ผศกษา

ระบบจ าหนายสนคาออนไลน กรณศกษา บรษทปแดง ( สาขารอยเอด )ไดท าการศกษาทฤษฎและวรรณกรรมทเกยวของดงน 2.1 ทฤษฎพนฐาน

2.1.1 ทฤษฎการคาอเลกทรอนกส (E-Commerce) การพฒนาระบบอนเตอรเนตใหสามารถซอขายสนคาผานทางเวบไซตทเรยกวา “การคา

อเลกทรอนกสหรออคอมเมรซ (E-Commerce)” ซงชวยลดขนตอนและความยงยากเกยวกบการซอขายสนคาไดอยางยอดเยยม ระบบอคอมเมรซไดเขามาแทนทวธการซอขายสนคาในรปแบบเกา ๆ ภายในระยะเวลาอนรวดเรว ในขณะเดยวกนบรษทผพฒนาซอฟตแวรกเรงพฒนาซอฟตแวรใหมความสามารถในการสรางเวบไซต รวมทงสรางระบบอคอมเมรซใหงายตอการใชงานมากขน

- ประวตความเปนมาของ E-Commerce ในประเทศไทย ชวงเรมแรก เปนชวงของกลมนกพฒนา คอชวงทเรมมการใชอนเตอรเนตกนใหม ๆ

ในชวงแรกนนประเทศไทยกเหมอนเมองนอก คอเรมใหหนวยราชการใชกอน และตามมาดวยหนวยการศกษาตาง ๆ และทเหนไดชดส าหรบในชวงแรกกคอชวยในเรองของการใชอเมล text คอ ใชผานหนาจอเทอรมนอล และทเหนเรมเดนชดขนมาในขณะนนกคอเวบ www. nectec.or.th ซงเปนเวบททางกระทรวงวทยาศาสตรจดท าขนเพอเผยแพรความรเกยวกบอนเตอรเนท ชวงทสอง เปนชวงทอนเตอรเนตเรมฮต คอเปนชวงทเรมมคนสนใจอนเตอรเนตอยางมาก เพราะเปนชวงทโรงเรยนตาง ๆ เรมเอาอนเตอรเนทมาใชเปนการเรยนการสอน เชน การบงคบใหนกเรยนสงการบานผานทางอเมล และส าหรบนกเรยนปรญญาโทกบงคบใหท าโฮมเพจสงงานประกอบกบนกเรยนนอกทไปเรยนตางประเทศกบมาพรอมกบน าอนเตอรเนตมาประยกตใชกบงานทท า เพอประหยดคาใชจาย หรอชวยงานในดานของการตลาดแผนใหม และทส าคญและเหนไดชดมการโฆษณาผานสอทางวทย หนงสอตาง ๆ ชวงทเกดขนในปจจบน คอชวงทแขงขนสมบรณ จะเรยกงาย ๆ คอชวงทเรมแขงขนกนดเดอด และเปนยคทรฐบาลไดเขามาเกยวของ ดจากทกระทรวงพาณชยทเรมเขามาผลกดนใหธรกจ

8

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

- ธรกจกบธรกจ (Business to Business : B2B) หมายถงธรกจทมงเนนการใหบรการแก

ผประกอบการดวยกน โดยอาจเปนผประกอบการในระดบเดยวกน หรอตางระดบกนกได อาท

ผผลตกบผผลต ผผลตกบผสงออก ผผลตกบผน าเขา ผผลตกบผคาสงและคาปลก เปนตน

ภาพท 2-1 แสดงความสมพนธการท าพาณชยอเลกทรอนกสแบบธรกจกบธรกจ

- ธรกจกบผบรโภค (Business to Consumer : B2C) หมายถงธรกจทมงเนนการบรการกบ

ลกคาหรอผบรโภค อาท การขายสนคาอปโภคบรโภค

ภาพท 2-2 แสดงความสมพนธการท าพาณชยอเลกทรอนกสแบบธรกจกบผบรโภค

- ธรกจกบรฐบาล (Business to Government: B2G) หมายถงธรกจการบรหารการคาของ

ประเทศ เพอเนนการบรหารการจดการทดของรฐบาล

ภาพท 2-3 แสดงความสมพนธการท าพาณชยอเลกทรอนกสแบบธรกจกบรฐบาล

C BTO

C BTO

C BTO

9

- ผบรโภคกบผบรโภค (Consumer to Consumer: C2C) หมายถงธรกจระหวางผบรโภค

กบผบรโภค ซงเปนการคารายยอย อาท การขายของเกาใหกบบคคลอนๆ ผานทางอนเตอรเนต

ภาพท 2-4 แสดงความสมพนธการท าพาณชยอเลกทรอนกสแบบธรกจกบธรกจ

2.1.3 บทบาทของอคอมเมรซ อคอมเมรซเรมขนจากบรษทในประเภทสหรฐอเมรกาไดน าการสงเอกสารทางอเลกทรอนกส ซงเรยกวา (Electronic Data Interchange) เพอชวยใหสามารถสงเอกสาร แบบฟอรมอเลกทรอนกสตางๆ ทเพอเปนมาตรฐานเพอตดตอท าการคาระหวางกนไดอยางมประสทธภาพ นอกจากนนในสถาบนการเงนและธนาคารตางๆ กมการสรางเครอขายคอมพวเตอรทเรยกวา EFT (Electronic Funds Transfer) เขามาชวยในการสงผานรายการโอนเงนในเครอขายคอมพวเตอรของสถาบนการเงนไดอยางมประสทธภาพ ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตางๆ ขนมากมายทน ามาใชท าธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน จนในปจจบนมการทาธรกจผานระบบเครอขายอนเตอรเนตเกดขนมากมายโดยมรปแบบตางๆ ดงน

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

ขาย สนคาของตนไดภายในเวบไซต โดยเวบไซตจะทาหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคา ตางๆ และหากมคนสนใจสนคาทประกาศไว กสามารถตดตอตรงไปยงผ ประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต - เวบไซตแคทตาลอกสนคาออนไลน เปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆ รวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระคาสนคา หรอสงซอสนคา - รานคาออนไลน เปนเวบไซต E-Commerce ทมทงระบบการจดการสนคา ระบบตะกราสนคา (Shopping Cart) ระบบการช าระคาสนคา รวมถงการขนสงสนคา ครบสมบรณแบบ ทาใหผซอสามารถสงซอสนคาและทาการช าระคาสนคาผานเวบไซตไดทนท

C BTO

10

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

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

2.1.4 ความส าคญของการท าพาณชยอเลกทรอนกส - ลดคาใชจายในการขายและบรหาร รวมทงคาเชาพนทขายหรอการลงทนในการสรางราน ซงจะชวยใหตนทนของธรกจต าลง - ประหยดเวลาและขนตอนทางการตลาด - เปดใหบรการ 24 ชวโมง และใหบรการไดทวโลก - มชองทางการจดจ าหนายมากขนทงในประเทศและตางประเทศ - สามารถท าก าไรไดมากกวาระบบการขายแบบเดม เนองจากตนทนการผลตและการจ าหนายต ากวา ท าใหไดก าไรจากการขายตอหนวยเพมขน - สามารถน าเสนอขอมลเกยวกบสนคาไดเปนจ านวนมาก และสามารถสอสารกบลกคาไดในลกษณะ Interactive Market - ปรบปรงหรอ Update ขอมลเกยวกบสนคาและบรการไดตลอดเวลา - สามารถเกบรวบรวมขอมลเกยวกบผซอหรอลกคา อาท ชอ ทอย พฤตกรรม การบรโภค สนคาทตองการ เพอน าไปเปนขอมลในการท าวจยและวางแผนการตลาด เพอผลตสนคาและบรการทตรงกบความตองการของตลาดมากขน - สรางภาพลกษณทดใหกบธรกจหรอองคกร ในเรองของความทนสมยและเปนโอกาสทจะท าใหสนคาหรอบรการเปนทรจกของคนทวโลก - สามารถเจาะกลมเปาหมายทตองการไดเรวและเสยเวลานอย

2.1.5 ขอดของการท าพาณชยอเลกทรอนกส

- สามารถเขาหาลกคาไดโดยตรง เสยคาใชจายต า เนองจากตองผานคนกลาง

- สามารถขายสนคาในราคาทต าลง เนองจากตนทนต าลง

- ท าใหสามารถขยายตลาดไดกวางและเรวขน

- เหมาะส าหรบธรกจทเปนสนคาทใชเครองหมายการคาใหมหรอยงไมเปนทรจก

2.1.6 ขอเสยของการท าพาณชยอเลกทรอนกส

- ตองมระบบรกษาความปลอดภยทมประสทธภาพ

- ประเทศของผซอและผขายจ าเปนตองมกฎหมายรองรบอยางมประสทธภาพ

- การด าเนนการดานภาษตองชดเจน

11

- ผซอและผขายจ าเปนตองมความรพนฐานในเทคโนโลยอนเตอรเนต

2.1.7 ประโยชนของพาณชยอเลกทรอนกส (E-Commerce)

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

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

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

ประการ ไดแก

- ท าการคาไดตลอด 24 ชงโมง และขายสนคาไดทวโลก นกทองอนเตอรเนตจากทวทก

มมโลกสามารถเขามาในเวบไซตของบรษทไดตลอดเวลาผขายสามารถน าเสนอสนคา ผลตภณฑ

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

- ขอมลทนสมยอยเสมอ และประหยดคาใชจาย พาณชยอเลกทรอนกส นนมประโยชนท

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

คาใชจายในการจดพมพเอกสาร และประหยดเวลาในการประชาสมพนธ

- ท างานแทนพนกงานขาย และเพมประสทธภาพการขาย พาณชยอเลกทรอนกสนน

สามารถท างานแทนพนกงานขายของคณได โดยสามารถท าการคาในรปแบบอตโนมต และ

ด าเนนการไดอยางรวดเรว ซงเปนการเพมประสทธภาพในการด าเนนการทางธรกจภายในองคกร

นนๆ

- แทนหนาราน หรอบทแสดงสนคา พาณชยอเลกทรอนกสสามารถแสดงสนคาทมอย

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

เดนทางออกไปในบทแสดงสนคาในทตางๆ

- เทคโนโลยชวยสงเสรมผลตภณฑใหนาสนใจยงขน ปจจบนมเทคโนโลยใหมๆมาชวย

ในการท าใหผลตภณฑมความนาสนใจยงขน เชน การแสดงสนคาโดยผชมสามารถดสนคาได 180

องศา หรอลกคาสามารถอานหวขอของหนงสอทตองการซอกอนได

- งายตอการช าระคาสนคา พาณชยอเลกทรอนกสสามารถช าระคาสนคา ไดอยาง

สะดวกสบายโดยวธการตดผานบตรเครดตหรอการโอนเงนเขาบญชซงจะเปนระบบอตโนมต

- เพมโอกาสทางธรกจ ในโลกพาณชยอเลกทรอนกสบรษทขนาดเลกสามารถมโอกาส

ทางธรกจเทยบไดกบบรษทขนาดใหญ ซงขนอยกบองคประกอบหลายๆอยาง เปนตนวา ชอ URL

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

สงซอและการช าระคาสนคา มระบบรกษาความปลอดภยทด เปนตน

12

- สรางความประทบใจและพงพอใจไดมากกวา ปจจบนการสงซอสนคาผานทาง

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

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

ตองการไดอยางรวดเรวทสด เชน ถาลกคาตองการซอของตกแตงบานจากเวบไซต bangpa-in.com

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

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

ฐานขอมลของเราเพอความสะดวกของลกคาในการสงซอสนคาครงตอไป(Member System)

- รและแกปญหาตางๆไดทนทวงท พาณชยอเลกทรอนกสสามารถใหบรการหลงการขาย

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

ความพงพอใจตอสนคาและบรการท าใหรานคาสามารถน าขอมลเหลานมาแกปญหาและตอบสนอง

ความตองการของลกคาไดดยงขนและทนทวงท

2.1.8 ประวตความเปนมาของอนเตอรเนต (Internet)

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

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

อนเตอรเนต เขามกจะไมไดคดถงตวเครองคอมพวเตอร สาย เราทเตอร (router) หรออปกรณอนๆ ท

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

ทพดคยกบเครองอนไดโดยใชขอก าหนดทเรยกวา “Transmission Control Protocol/Internet

protocol”(TCP/IP) TCP/IP เปนชดของกฎเกณฑทก าหนดวธการทขาวสารจะถกสงไประหวาง

เครองคอมพวเตอร ขอก าหนดหรอทเรยกวา ”โปโตคอล”(Protocol) ของการสอสารจะอนญาตให

คอมพวเตอรชนดตางกน ซงใชระบบปฏบตการตางกนสามารถตดตอกนได สงนเปนสงทส าคญ

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

TCP/IP คอมพวเตอรทแตกตางกนเปนรอย ๆ ชนดสามารถตดตอกนไดบนอนเตอรเนต

“อนเตอรเนต”(Internet) คอเครอขายคอมพวเตอรทเชอมโยงกนโดยมอาณาเขต หรอระยะ

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

ในสหรฐอเมรกา โดยเรมจากเครอขายเลกๆทมคอมพวเตอรจ านวนไมกเครอง เวลาผานไปเพยง 30

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

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

การจบจายใชสอยบนอนเตอรเนต การเปดรานหรอท าการคาบนอนเตอรเนตเพอขยายฐานลกคาให

13

ครอบคลมทวโลก การคนหาขอมล และการเผยแพรขอมลบนอนเตอรเนต เปนตน

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

จ านวนมากๆ ไดในเวลาอนรวดเรว และใชตนทนในการลงทนต า เปนสงทพงปรารถนาของทก

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

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

เทคโนโลยดงกลาวอยางเตมท

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

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

ทวโลก ดงนน อนเตอรเนตจงเปนแหลงรวมสารสนเทศจากทกมมโลก ทกสาขาวชา ทกดาน ทง

บนเทงและวชาการ ตลอดจนการประกอบธรกจตางๆ

- ประโยชนของอนเตอรเนต

- ใชในการตดตอสอสาร โดยผานทางจดหมายอเลกทรอนกส หรอทเรยกวา E-mail

(Electronics mail) ซงมความสะดวกในการตดตอสอสารและประหยดคาใชจายมากกวาการตดตอ

ดวยวธอน

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

เปรยบเสมอนเปนหองสมดสาธารณะนนเอง

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

แบบเสยคาใชจายและแบบไมเสยคาใชจาย

- ใชสนทนาพดคยโตตอบกนโดยผานทางแปนพมพและจอภาพ

- แหลงรวมความบนเทงตางๆไมวาจะเปนภาพยนตร ดนตร และเกมทสามารถเลน

โตตอบกนผานทางเครอขายได

- เปนเครองมอในการตดตอซอขายทางธรกจ ซงเปนทไดรบความนยมในปจจบนเปน

อยางมาก กคอ E-Commerce

- World Wide Web(www)คอ บรการเรยกด ขอมลแบบมลตมเดย ประกอบดวย

ตวหนงสอ รปภาพ เสยง หรอ ภาพยนตร โดยขอมลจะถกจดไวเปนหนาๆ ทเรยกวาเวบเพจ (web

page) ซงหนาแรกทเขาถงจะเรยกวาโฮมเพจ (home page) มการเชอมโยงขอมล โดยใชไฮเปอรเทกซ

(hypertext) คอเมอผใชกดทขอความไฮเปอรเทกซ กจะสามารถกระโดดไปดขอมลจากแหลงอน

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

14

ระบบน วาเวบ (web) ซง หมายถงใยทชกไปมาเปนตาขายเหมอนแมงมม การจดเอกสารในลกษณะ

ดงกลาว ใชภาษาทเรยกกวา HTML หรอ Hypertext Markup Language

2.1.9 ความรเกยวกบการวเคราะหและออกแบบระบบ

การวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและ

ปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของ

ระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการ

ปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผน

หรอเรยกวาพมพเขยว โมเดลทใชสาหรบการพฒนาระบบ ประกอบดวยการน าเสนอสงทเกยวกบ

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

อปกรณอนๆ ซงสวนใหญจะน าเสนอในรปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม

(Chart) ดงน

- แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram: DFD)

Data Flow Diagram เปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจ

กระบวนการท างานของ แตละหนวยงาน ซงทราบถงการรบ / สงขอมล การประสานงานระหวาง

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

INPUT และ OUTPUT ระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมล ซงอาจเปน

แผนก บคคล หรอระบบอน โดยขนอยกบระบบงานและการทางานประสานงานภายในระบบนน

นอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง (ปญหา) ในระบบงานเดม เพอใชใน

การออกแบบการปฏบตงานในระบบใหม DFD เปนภาพแสดงการเปลยนแปลงขอมลในขณะไหล

ผานกระบวนการท างานตาง ๆ ของระบบสารสนเทศ DFD จงเปนโครงสรางของระบบงาน

สารสนเทศทสอเขาใจในการท างานของระบบงานในรปแบบของความสมพนธระหวางกระแส

ขอมลและโปรเซส DFD ภายในDFD ท าใหเราเขาใจสวนประกอบของงาน เขาใจการใชขอมลในแต

ละโปรเซส และขอมลทเปนผลจากการท างานโปรเซส โดยโครงสรางจะเรมจากระดบสงสดซงจะ

แสดงสวนทอยภายนอกระบบ สวนนส าคญเพราะวาเปนสวนทบอกวาระบบนน ๆ ไดรบขอมลมา

จากทใด และผลลพธตาง ๆ ทใด และผลลพธตาง ๆ ถกสงไปทใดบาง DFD ในระดบลกลงไปจะไม

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

ทางซายมอของ DFD และสวนภายนอกทรบผลลพธของระบบจะอยทางขวามอ ทงนเพอใหอยใน

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

15

เหมาะสมซงอาจจะอยเหนอโปรเซสหรอใตโปรเซสกได DFD ระดบรองลงมา (Low-Level Data

Flow Diagram) คอสวนทแสดงระบบยอยลงมาจากDFD ทกลาวมาหรอเรยกวาระดบแมเมอระดบ

แมไมสามารถแสดงรายละเอยดทงหมดไดเปนตองแตก Level ยอยออกมาเพอแสดงการประมวลผล

นนตามขนตอนการท างานใหชดเจนยงขน

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

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

16

จดเรมตนและจดสนสดของงานและใชสญลกษณ Flowchart ทมการก าหนดมาตรฐานแลว การเขยนผงโปรแกรมจะประกอบไปดวยการใชสญลกษณมาตรฐานตาง ๆ ทเรยกวาสญลกษณ ANSI (American National Standards Institute ) ในการสรางผงงาน

ภาพท 2-6 สญลกษณทใชในการเขยนผงงาน

- แผนภาพความสมพนธเอนทต (Entity-Relationship Diagrams : E-R Diagrams) เปนรปจาลองภาพของระบบสารสนเทศทบรรยายความสมพนธระหวางเอนทตของระบบ จากภาพท 2-1 แสดงรปแบบพนฐานของ E-R Diagrams แตละเอนทตแสดงดวยรปสเหลยมผนผา และรปสเหลยมเพชรแสดงถงความสมพนธหรอความเกยวพนทเชอมระหวางเอนทต ในสเหลยมผนผาเอนทตจะระบดวยชอทเปนค านามเดยวและในความสมพนธรปสเหลยมเพชรจะระบดวยขอความทเปนค ากรยาทแสดงความเกยวของและสมพนธของสองเอนทต

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

17

E-R Diagrams จะแตกตางจากแผนภาพแสดงการไหลของกระแสขอมล (DFD) และผงระบบงาน (Flow Chart) ตรงทไมตองก าหนดกระแสขอมลหรอสารสนเทศ ไมมหวลกศร เอนทตหนงจะอยดานบนหรอดานซายของอกเอนทตหนง โดยตาแหนงนนไมไดหมายถงความเกยวพนทเหนอกวาอกเอนทตหนง หรอการไหลจากเอนทตแรกไปสเอนทตทสอง ประเภทความสมพนธแบงออกไดเปน 3 ประเภท คอ - ความสมพนธแบบหนงตอหนงความสมพนธ (One-to-one Relationship) จะใชสญลกษณ 1:1 แทนความสมพนธแบบหนงตอหนง เกดขนเมอเอนทตทสอง มความสมพนธกบเอนทตทหนงเพยงรายการเดยว เชน ลกคาสมาชก 1 คน จะมบตรสมาชกเปนของตนเองเพยงหนงใบเทานน

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

- ความสมพนธแบบหนงตอหลายความสมพนธ (One-to-many Relationship)

จะใชสญลกษณ 1: M แทนความหมายของความสมพนธแบบหนงตอหลายความสมพนธ เกดขนเมอหนงเอนทตแรกเกยวของกบหลายเอนทตทสอง และเอนทตทสองสามารถเกยวของเพยงหนงเอนทตแรกเทานน เชน พนกงานคนหนงทาการบนทกขอมลการขายสนคาไดหลายครง แตขอมลการขายแตละครงเกดจากการบนทกขอมลของพนกงานเพยงคนเดยวเทานน

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

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

18

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

- การท า 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 Form (BCNF) คอการปรบปรง 3NF ใหรดกมขนไปอก ตารางความสมพนธใดๆ จะเปน Boycc Normal Form กตอเมอทกๆตวเลอกตองเปนคยคแขงแลวเทานน

- Fourth Normal Form (4NF) คอ ภายในคยหลกดวยกนเองจะตองไมมคอลมนใดสามารถขนอยกบอกคอลมนหนงโดยเปนอสระจากคอลมนทเหลอได - Fifth Normal Form (5NF) คอ การพจารณาถงความเปนไปไดทจะสามารถแยกตารางออกใหยอยลงไปอก

2.1.10 ความรเกยวกบ ภาษา HTML (Hyper Text Markup Language)

เปนภาษาของคอมพวเตอรอกรปแบบหนง ทมโครงสรางการเขยนโดยอาศยปายระบ

19

แทก(Tag) หรอค าสงส าหรบควบคมการแสดงขอความรปภาพ หรอวตถอนผานโปรแกรม เวบ

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

พเศษ (Attribute) ส าหรบระบหรอควบคมลกษณะการแสดงผลเพมเตมได โดยแตละค าสงจะม

แตกตางกนออกไป

- ปายระบ (Tag)

ปายระบ (Tag) หรอค าสงเปนลกษณะเฉพาะของภาษา HTML เปรยบเสมอนค าสง

ส าหรบก าหนดรปแบบการแสดงผล โดยปายระบ หรอค าสงนน จะอยภายใตเครองหมาย นอยกวา (

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

คอ

„ ปายระบเดยว หมายถง ปายระบทเปนค าสงเดยวส าหรบควบคมการแสดงผล เชน

ค าสง การขนบรรทดใหม <BR> เปนตน

„ ปายระบเปด/ปด หมายถง ปายระบทเปนค าสงส าหรบควบคมการแสดงผลเปนกลม

เชนก าหนดใหกลมอกษรเปนตวหนา <B>Test</B> เปนตนโดยใชเครองหมายทบ (Slash) น าหนา

ค าสงทตองการจบลกษณะการแสดงผลทประกอบไปดวยปาย โดยกลมของตวอกษรทตองการ

ควบคมจะอยระหวางปายระบเปด และปายระบปด

- ลกษณะพเศษ (Attribute)

ลกษณะพเศษ (Attribute) เปนสวนทท าหนาทขยายความสามารถของปายระบ (Tag)

หรอค าสง โดยการบอกลกษณะพเศษเหลานจะถกระบภายในเครองหมายมากกวา นอยกวา (< >)

ในสวนของปายระบเปด หรอ ปายระบเดยว โดยค าสงของภาษา HTML

แตละค าสงจะมการบอกลกษณะพเศษ ทแตงตางกนไปและมจ านวนไมเทากน การระบลกษณะ

พเศษ ตวอยาง เชน ลกษณะพเศษ ของปายระบ หรอค าสงทเกยวกบการจดยอหนาคอค าสง <P>

ประกอบดวย ลกษณะพเศษดงนคอ

- Align="Left/Right/Center/Justify"

สามารถเขยนค าสงส าหรบการจดยอหนาไดดงน

- <P Align="Left"> การจดยอหนาชดซาย </P>

- <P Align="Right"> การจดยอหนาชดขวา </P>

- <P Align="Center"> การจดยอหนาใหอยกงกลางหนาเอกสาร </P>

20

- โครงสรางของเอกสาร HTML

โครงสรางของเอกสาร HTML นนจะประกอบดวยสวนประกอบ 2 สวนคอ สวนหว

ของเอกสาร (Head Section) และสวนเนอหาของเอกสาร (Body Section) โดยสวนหวของเอกสาร

จะอยภายใตปายระบหรอค าสง <Head>....</Head>

และสวนเนอหาของเอกสารจะอยภายใตปายระบหรอค าสง <Body>...</Body> โดยทงสอนสวนจะ

อยภายในปายระบหรอค าสง <HTML>...</HTML> ซงเปนสวนทใชส าหรบบอกวาเอกสารนเปน

เอกสาร HTML

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

PHP ยอมาจากค าวา Personal Home Page Tool เปน Server side script ทมการท างานทฝง

ของเครองคอมพวเตอร Server ซงรปแบบในการเขยนค าสงการท างานนนจะมลกษณะคลายกบ

ภาษา Perl หรอภาษา C และสามารถทจะใชรวมกบภาษา HTML ไดอยางมประสทธภาพ ซงจะท า

ใหการเขยนโปรแกรมบนเวบไซตท าไดงายยงขน

ภาพท 2-11 server-side script

จากรปเปนการท างานของเวบเพจทฝงสครปตภาษา PHP ไว (ขอเรยกวา ไฟล PHP) เมอ

เวบบราวเซอรรองขอไฟล PHP ไฟลใด เวบเซรฟเวอรจะเรยก PHP engine ขนมาแปล (interpret)

และประมวลผลค าสงทอยในไฟล PHP นน โดยอาจมการดงขอมลจากฐานขอมล หรอเขยนขอมล

ลงไปยงฐานขอมลดวย หลงจากนนผลลพธในรปแบบ HTML (และสครปตทท างานทางฝง

21

บราวเซอร เชน client-side JavaScript) จะถกสงกลบไปยงบราวเซอร บราวเซอรกจะแสดงผลตาม

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

โดย PHP engine ทฝงเซรฟเวอรไปหมดแลว ใหสงเกตวาการท างานของบราวเซอร ในกรณนไม

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

กระท ากคอการรองขอไฟลจากเวบเซรฟเวอร จากนนกรอรบผลลพธกลบมาแลวแสดงผล ความ

แตกตางจรงๆอยทการท างานทางฝงเซรฟเวอร ซงกรณหลงน เวบเพจ (ไฟล PHP) จะผานการ

ประมวลผลกอน แทนทจะถกสงไปยงบราวเซอรเลยทนท

การฝงสครปต PHP ไวในเวบเพจ ชวยใหเราสรางเวบเพจแบบ dynamic ได ซงหมายถง

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

เงอนไขตางๆ เชน ขอมลทผใชสงมาให (ผานมาทางฟอรมของ HTML) ขอมลในฐานขอมล ฯลฯ

PHP เปนภาษาจ าพวก scripting language ค าสงตางๆจะเกบอยในไฟลทเรยกวา สครปต

(script) และเวลาใชงานตองอาศยตวแปลชดค าสง ตวอยางของภาษาสครปก เชน JavaScript, Perl

เปนตน ลกษณะของ PHP ทแตกตางจากภาษาสครปตแบบอนๆ คอ PHP ไดรบการพฒนาและ

ออกแบบมา เพอใชงานในการสรางเอกสารแบบ HTML โดยสามารถสอดแทรกหรอแกไขเนอหา

ไดโดยอตโนมต ดงนนจงกลาววา PHP เปนภาษาทเรยกวาserver-side หรอ HTML-embedded

scripting language เปนเครองมอทส าคญชนดหนงทชวยใหเราสามารถสรางเอกสารแบบ Dynamic

HTML ไดอยางมประสทธภาพและมลกเลนมากขน

เนองจากวา PHP ไมไดเปนสวนหนงของตว Web Server ดงนนถาจะใช PHP กจะตอง

ดกอนวา Webserver นนสามารถใชสครปต PHP ไดหรอไม ยกตวอยางเชน PHP สามารถใชไดกบ

Apache Web Server และPersonal Web Server (PWP) ส าหรบระบบปฏบตการ Windows

95/98/NT ในกรณของ Apache เราสามารถใชPHP ไดสองรปแบบคอ ในลกษณะของ CGI และ

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

Apache หรอเปนสวนขยายในการท างานนนเอง ซงจะท างานไดเรวกวาแบบทเปน CGI เพราะวา ถา

เปน CGI แลว ตวแปลชดค าสงของ PHP ถอวาเปนแคโปรแกรมภายนอก ซง Apacheจะตองเรยก

ขนมาท างานทกครง ทตองการใช PHP ดงนน ถามองในเรองของประสทธภาพในการท างาน การใช

PHP แบบทเปนโมดลหนงของ Apache จะท างานไดมประสทธภาพมากกวา

22

- จดเดนของ PHP

จากทกลาวไปขางตนแลววา PHP กเปนภาษา Server-Side Script อกภาษาหนง

เชนเดยวกนกบ ASP แตคณสมบตทมากกวากคอ

- PHP นนสามารถรนบนระบบปฏบตการไดมากมายเชน Windows, Unix, Linux และอนๆ

- PHP นนรองรบกบการใชงาน โปรแกรม Server จ าลองมากมายเชน Apache, IIS และ

อนๆ

- PHP นนเปนของฟรทสามารถไปหา Download มาใชงานไดฟรโดยไมตองเสยคาลขสทธ

เหมอน ASP ทเวบอยางเปนทางการของ PHP (http://www.php.net/)

- Open Souce เนองจากการพฒนาของเวบ PHP ไมไดยดตดกบบคคลหรอกลมคนเลก ๆ

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

ไดเรวขน

- Speed เนองจาก PHP1 น าขอดของภาษาสคปตทเคยมในภาษา C, Peal และ Java รวมกบ

ความเรวของ CGI น ามาพฒนาอยใน PHP

- Crosable Platform เนองจาก PHP ใชไดกบหลาย ๆ ระบบปฏบตการวาบนWindows,

Unix,Linux หรออน ๆ โดยแทบจะไมตองเปลยนแปลงโคดค าสงเลย

- Database Access เนองจาก PHP สามารถตดตอฐานขอมลอยาง dBase, Access, SQL

Server, Oracle Sybase, Infomix, PostgreSQL, Empress, FilePro, mySQL ไดอยางมประสทธภาพ

- Protocol Support เนองจาก PHP สามารถสนบสนนโปรโตคอลหลายแบบ

- Library เนองจาก PHP มไลบารรส าหรบการตดตอแอพพลเคชนไดมากมาย

- Flexible ดวยเหตท PHP มความยดหยนสง ท าใหสามารถน าไปสรางแอพพลเคชนได

หลากหลายประเภท

- Easy เนองจาก PHP เปนภาษาสครปตภาษาหนง ท าใหสามารถแทรกต าแหนงใดกไดของ

HTML

- การใช PHP ตดตอกบ Database

PHP มฟงกชนตดตอกบตารางขอมลของฐานขอมลไดหลากหลายฐานขอมล ซงแตละ

ฐานขอมลกจะใชฟงกชนไมเหมอนกน ขอเลอกเอาฐานขอมลทเราพบเหนกนบอยๆกคอของ Access

นนกจะหมายถง PHP นจะเขยนเพอใชกบวนโดว DSN & ODBC driver กอนอนตองรจกศพทท

เขยนวา DSN และ ODBC driver กอน DSN ยอมาจาก Data Source Name แปลตามตวกจะเปนชอ

23

ทบอกหรอสามารถอางไปหาขอมลได เราจะใชชอ DSN ในการอางถงขอมลทจะน ามาใชกบ PHP

ODBC driver กยอมาจาก Open Database Connectivity driver กแปลวาเปน driver ทจะใชท าหนาท

ตดตอกบฐานขอมล การทตองอาศย driver กเพราะฐานขอมลตางๆไมไดมความเหมอนกนจงไม

สามารถเรยกใชขอมลจากฐานขอมลอนๆไดโดยตรง ตองอาศยโปรแกรมเขามาชวยจดการให เชน

หากจะเขาไปใชขอมลของ Access กตองอาศยการตดตอผานเขาไปทาง Access ODBC driver โดยท

ODBC driver นจะมมาใหพรอมกบโปรแกรม Access เพอใหโปรแกรมอนทไมใช Access สามารถ

ใชขอมลจากฐานขอมลของ Access ได เชนเราจะใช PHP (ซงกไมใชโปรแกรมทจดการดาน

ฐานขอมลโดยตรง) ตดตอเขาไปหาขอมล ผานทาง ODBC

- ขอไดเปรยบของ PHP

PHP เปนสครปตทมความสามารถดเทากบ Server Side Script ตวอนๆ แตขอด ทเดนอก

อยางหนงของ PHP ทผพฒนาโปรแกรมประยกตบนเวบ (Web Programmer) นยมมาใชกน คอPHP

เปน Server Side Scripts ท ท างานบน Apache Web Server ซงเปน Web Server ทท างานใน

ระบบปฏบตการ Linux เปนททราบกนดวา ระบบปฏบตการ Linux นนปจจบนคอนขางมาแรงและ

เพมกระแสนยมในการถกเลอกใชงานมากยงขน เนองมาจาก Linux เปนระบบปฏบตการ Open

Source มการแจกจายใหน าไปใชไดโดยไมคดคาลขสทธ เนองจาก PHP เปนโคดแบบเปดเผย(Open

Source) ฉะนนจงมาการแจกจายโคดใหกบนกพฒนาโปรแกรมทวโลกน าไปใชงาน และ พฒนาได

อยางอสระท าใหเกดการพฒนาไดอยางรวดเรว และมประสทธภาพ

- Microsoft SQL Server 2005

Microsoft SQL Server 2005 เปนโปรแกรมจดการฐานขอมลระดบ Server ทมขด

ความสามารถในการรองรบขอมลขนาดใหญทชวยใหการบรหารจดการฐานขอมลมประสทธภาพ

รวดเรว สนองตอบตอความตองการขององคกรขนาดใหญ Microsoft SQL Server 2005 เปนระบบ

ฐานขอมลและโซลชนการวเคราะหทสมบรณแบบ ซงน าเสนอความนาเชอถอและประสทธภาพ

ดานการขยายระบบทเวบไซตและองคกรธรกจตองการ ดวยการรองรบ XML และ HTTP ท าให

การเขาถงและการแลกเปลยนขอมลนนท าไดงายขน ในขณะทความสามารถในการวเคราะหอน

ทรงพลงยงชวยเพมคณคาของขอมล และดวยความพรอมของระบบทดขน ท าใหความสามารถใน

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

รวมทงปรบปรงเครองมอการเขยนโปรแกรม และการพฒนาความเรวดานการบรการไดดขนเชนกน

24

2.1.12 ความรเกยวกบ phpMyAdmin

phpMyAdmin เปนโปรแกรมทชวยในการจดการฐานขอมลของ MySQL เนองจากใน

การจดการฐานขอมล MySQL จ าเปนตองพมพค าสงตางๆ ของ MySQL และฟอรแมตตางๆ ท

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

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

การจดการฐานขอมล phpMyAdmin มาใช phpMyAdmin เปนเพยงสครปต PHP ธรรมดานเอง แตม

ความสามารถในการจดการกบ MySQL ไดเกอบครบสมบรณ โดยจะตดกบผใชแบบ Graphic

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

คอนขางมาก และจากเหตผลเหลานท าใหมผน า phpMyAdmin ไปใชงานเปนจ านวนมาก มผน าไป

แปลภาษาตางๆ หลายสบภาษารวมถงภาษาไทยกมดวย

2.1.13 Adobe Dreamweaver CS3

Adobe Dreamweaver CS3 นบไดวาเปนโปรแกรมสรางโฮมเพจทมความทนสมย

เนองจากสามารถสนบสนนการสรางเวบเพจ ดวยเทคโนโลย DHTML (Dynamic HTML) และ

XML (Extensible Markup Language) สามารถใสสวนเพมเตม เชน Active X Applet และ

Shockwave ไดและสามารถใช CSS (Cascading Style Sheet) ซงเปนเทคโนโลยใหมของการสราง

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

ยงขน Dreamweaver สามารถท างานพนฐานเกยวกบการสรางโฮมเพจในสวนตาง ๆ ไดอยางดเยยม

Source Code ของ HTML ทไดกจดอยางเรยบรอย และสามารถแกไข Source Code ท Dreamweaver

สรางขนไดโดยไมสงผลใหตวโปรแกรมท างานผดพลาดในภายหลง

โปรแกรม Dreamweaver ยงไมไดมการเพมความสามารถใหมๆ ขนจากเดมมากนก แต

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

ความสามารถในสวนของการแกไขขอมลโดยเพมคณสมบต Edit Tag ซงใชเปดวนโดวสปอปอพ

จากออบเจกตทผออกแบบเลอกไว และวนโดวส HTML Source ทไดรบการปรบปรงใหม

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

ท าไดดยงขนดวย

ท างานกบหนาเวบไวงายขน เราสามารถใชกลมเครองมอจากแถบสถานะ (Status Bar) ชวย

ในการท างานกบหนาเวบไดงายขน เชน การซมหนาเวบเขามาเพอใหเหนรายละเอยดขณะท างาน

ดวย Zoom Tool หรอเลอนดหนาเวบไปมาดวย Hand Tool นอกจากนนยงสามารถ ขยายมมมอง

25

หนาเวบในรปแบบเปอรเซนตเปนจ านวนเทาของหนาเวบเดมได

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

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

โคดยาวๆการจะคนหาต าแหนงแกไข หรอเลอนดสวนตางๆ กท าไดยาก แตใน Dreamweaver CS3

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

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

มากขนในการออกแบบหนาเวบตวอยางเชน สามารถเลอกใหมสสนในแตละเฟรม แตละเลยเอาท

ได เพอชวยใหคนมปญหาทางดานการมองเหน สามารถจดการเลยเอาทไดอยางชดเจน แสดง

คณสมบตของ CSS ในสวนทเราเลอก เราสามารถปรบคณสมบตของ CSS ไดสะดวกมากยงขน โดย

ใชพาเนล CSS (ซงเปนพาเนลใหมท Dreamwever CS3 ไดก าหนดขนมา) ซงจะสะดวกกวาในอดตท

เราตองจดจ าชอคณสมบตของ CSS และคาทสามารถก าหนดใสในคณสมบตนนได

Flash Video ในเวอรชน Dreamweaver CS3 น ไดเพมหนาจอทใชกบไฟลนามสกล flv

(Flash Video เปนไฟลวดโอในรปแบบของ Streaming Video ซงวดโอประเภทนเราจะพบเหนโดย

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

เสรจกอน แลวจงคอยเปดด)

จดเดนทยงคงเปน Dreamweaver ไดแก

1.) ผใชไมจ าเปนตองศกษาภาษา HTML มากอน กสามารถสรางเอกสารเวบได เพราะตว

โปรแกรมมฟงกชนการท างานแบบ HTML Generator

2.) ปมควบคมการท างาน ไดจดแบงเปนหมวดหม ชวยใหการสงงานกระท าไดสะดวกและ

รวดเรว

3.) สามารถใชงานภาษาไทยไดด

4.) สรางภาพเคลอนไหว (Animation) โดยใชรปแบบของ Director ดวยคณสมบตAnimate

Netscape และ CSS-P Layers ท าใหไดภาพเคลอนไหวบนเบราเซอร โดยไมตองอาศย Plugin ใด ๆ

5.) ความสามารถในการสรางตาราง โดยการอมพอรทจาก Text File

6.) สนบสนน CSS (Cascading Style Sheet)

7.) ความสามารถในการตรวจสอบเบราเซอร

8.) ความสามารถในการปรบปรง ดแลรกษาไซต เชน การตรวจสอบลงก, สรางรายงาน

แสดงผลการทดสอบการท างาน

26

9.) มฟงกชนในการโอนถายขอมล (FTP) ขนเครองแมขาย (Server) 10.) ความสามารถในการท า Image Roller หรอรปภาพทสามารถเปลยนแปลงเมอน าเมาส

มาผาน (Mouse Over/Mouse Out) 11.) กรณทตองการควบคมค าสง HTML มฟงกชนใหปอน หรอแกไขรหสค าสง HTML

ดวย HTML Inspector รวมทงสามารถก าหนดโปรแกรมแกไขเอกสารเวบอนๆ ได เชน HomeSite (for Windows) และ BBEdit (for MAC) ไวดวยกน

12.) ความสามารถในการสรางเฟรมอตโนมตนอกจากนในเวอรชนลาสดนยงมความสามารถใหมดานอนๆ อก อาท การใชงานในสวน Accessibility การตดตง XML ลงบนหนาเวบอยางงายโดยใชวธลากวาง เปนตน ซงความสามารถใหมบางอยาง เปนความสามารถชนสงทเรามไดกลาวถงในสวนของคอนเทนตน

2.1.14 Adobe Photoshop CS3 Adobe Photoshop CS3 เปนโปรแกรมทางดานกราฟกทคดคนโดยบรษท Adobe ทใชกนในอตสาหกรรมการพมพระดบโลก เปนทรจกกนดในกลมนกออกแบบสอสงพมพทวไป และสามารถแลกเปลยนไฟลตางๆ และน าไปใชงานรวมกบโปรแกรมอนๆได โปรแกรม Adobe Photoshop เรมออกมาเวอรชนแรกคอ Photoshop 2 และมการพฒนามาเปนเวอรชน เวอรชน 8 หรอ Photoshop cs และลาสดไดพฒนามาเปน Photoshop cs3 โดยไดพฒนาขดความสามารถในการใชงานในลกษณะตางๆ ใหมประสทธภาพมากขนรวมถงเวอรชนทเปลยนไปของAdobe Photoshop cs3 กคอ User Interface หรอหนาตาของตวโปรแกรม ทตองมเปลยนแปลงไป Single Column Toolbar หรอสวนของเมนจะเปลยนไปจากเวอรชน CS2 ทม 2 แถวและใน Photoshop cs3 ลดลง เหลอ แถวเดยว และในสวนอนๆเชน Camera Raw คอฟเจอรในการตกแตงภาพจากกลองดจตอล ทยงคงรกษาคณภาพของภาพไว 100% ซงสามารถใชงานไดดกวาโปรแกรม Adobe Photoshop CS2 2.2 วรรณกรรมทเกยวของ

2.2.1 เวบไซตหนงต าบลหนงผลตภณฑ อ าเภอบรบอ จงหวดมหาสารคาม ลกษณะของระบบ เวบไซตหนงต าบลหนงผลตภณฑซงมระบบ E-Commerce เพอทา การ ขายสนคา แสดงผลตภณฑหรอสนคาและประชาสมพนธขอมลของต าบลตางๆของอ าเภอบรบอ จงหวดมหาสารคาม โดยใชโปรแกรมภาษา JSP (Java Server Pages) ในการพฒนา รปแบบการท างานของระบบเปนการใชงานผานอนเตอรเนตโดยใช Mysql เปนฐานขอมล สามารถท าการตดตอสอสาร แกไข ปรบปรงขอมลในสวนทเกยวของกบการพฒนาระบบฐานขอมลและขาวสารผานอนเตอรเนตไดลกษณะการใชงานระบบ

27

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

2. การจดการฐานขอมลของผดแลระบบ จะมการ Login เขาสระบบเพอทจะเขาไปจดการ ขอมลตางๆประกอบดวย รายการสงซอ, รายการสนคา, รายการหมวดสนคา, รายการลกคา และการ Logout

รานคาผลตภณฑชมชน (OTOP) ออนไลนของจงหวดขอนแกนOn-line OTOP shop of KhonKaen Province

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

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

28

2.2.2 เวบไซตแคตตาลอกขายสงออนไลน ราน IQ500 (http://www.iq500.com)

ภาพท 2-12 หนาเวบไซตเวบไซตแคตตาลอกขายสงออนไลน ราน IQ500

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

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

29

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

ภาพท 2-13 หนาจอเวบไซตขายรองเทาแฟชน ราน CNANATPATS

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

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

30

2.2.4 เวบไซตซอขายออนไลนไทยชอป(http://www.Thaishop.in.th)

ภาพท2-14 หนาเวบไซตขายสนคาทวไปของเวบไซตไทยชอป

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

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