บทท 9โปรแกรมและเครองมอเบองตนสำ�หรบใชใน

ก�รพฒน�ระบบพ�ณชยอเลกทรอนกส

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

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

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

96

วโรจน ชยมล และ สพรรษา ยวงทอง (2558, หนา 110) ไดใหความหมายของโปรแกรมสำาเรจรปไววาเปนซอฟตแวรประยกตทมวางขายทวไป (Off the Shelf) ซงผใชสามารถหยบเลอกซอไดตามความพงพอใจและสามารถนำามาตดตงใชงานไดทนท จะประกอบดวย 2 ประเภท คอ โปรแกรมเฉพาะทาง และโปรแกรมมาตรฐาน

O’Brien and Marakas (2011, P.134) ไดอธบายเกยวกบโปรแกรมสำาเรจรปไววา เปนซอฟตแวรทพรอมสนบสนนการใชประโยชนเฉพาะดานของผใชในงานธรกจและงานอน ๆ ตวอยางเชน โปรแกรสำาเรจรปทางดานธรกจจะสนบสนนกระบวนการธรกจอตโนมต เชนการจดการลกคาสมพนธ การวางแผนทรพยากร เปนตน

จากความหมายขางตนสามารถสรปไดวา โปรแกรมสำาเรจรป (Software Packages/Ready-made Software /Off-the-Shelf) คอ ซอฟตแวรประยกตเชงพาณชยทถกพฒนาไวเรยบรอยแลวเพอการใชงานเฉพาะดานอยางใดอยางหนง ซงสามารถซอหาและนำามาใชงานไดทนท เชน โปรแกรมสำาเรจรปทางการตลาดกจะใชกบงานดานการตลาดเปนหลก ไมวาจะเปนงานขาย งานลกคาสมพนธ เปนตน หรอโปรแกรมสำาเรจรปเพองานพาณชยอเลกทรอนกสกจะถกพฒนาขนเพอใหพรอมใชงานสำาหรบการจดการเวบไซตพาณชยอเลกทรอนกสโดยเฉพาะ ไมวาจะเปนการจดการสวนหลงราน หรอหนาราน เปนตน

ขอดของก�รใชโปรแกรมสำ�เรจรปปจจบนนไดมหลาย ๆ องคกรนำาโปรแกรมสำาเรจรปเขามาชวย

สนบสนนการดำาเนนงานในสวนตาง ๆ รวมทงการพฒนาเวบไซตพาณชยอเลกทรอนกสดวย เพราะมขอด ดงน

97

1. คาใชจายคอนขางถกเนองจากผผลตจดทำาซอฟตแวรขนเพอจำาหนายใหกบผใชจำานวนมาก

2. ประหยดเวลาเพราะโปรแกรมสำาเรจรปสามารถไปหาซอไดเลยไมจำาเปนตองพฒนาตามขนตอนของ SDLC

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

4. คณภาพคอนขางดเนองจากผใชจำานวนมากไดทดลองใชงานและแจงแกไขปญหาใหกบผผลตปรบแกไขแลว

ขอเสยของโปรแกรมสำ�เรจรป แมจะมขอดเหมาะตอการนำามาใชงานแตโปรแกรมสำาเรจรปก

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

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

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

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

โปรแกรมสำาเรจรปสำาหรบพาณชยอเลกทรอนกสนนเปนโปรแกรมสำาหรบการสรางเวบไซตทมผพฒนาไวแลว ซงจะออกแบบหนาตาหรอเทมเพลต (Template) และเครองมอหรอฟเจอร (Feature) ตาง ๆ ใหรองรบความตองการทหลากหลาย (วรญญา ปณณวฒน, 2555, หนา 2 - 33) ซงผใชจะสามารถนำามาพฒนา

98

เปนเวบไซตพาณชยอเลกทรอนสกของรานคาตนเองไดงายเพยงแคปรบเปลยนแกไข ในสวนของ เนอหา รปแบบ และฟงกชน ๆ ใหเหมาะสมกบธรกจเทานน ซงฟงกชนทโปรแกรมสำาเรจรปสำาหรบพาณชยอเลกทรอนกสเตรยมไวใหนนโดยสวนใหญจะสนบสนนการทำางานทงงานหนาราน (Front-office) ไมวาจะเปนสวนของขอมลสนคา รปแบบสนคา ขอมลการสมครสมาชกของลกคา เปนตน และงานหลงราน (Back-office) เชน ตรวจสอบขอมลการสงซอของลกคา กำาหนดสถานการณสงสนคา เปนตน ซงการใชงานโปรแกรมสำาเรจรปพาณชยอเลกทรอนกสนนผใชจะตองดาวนโหลดโปรแกรมและทำาการตดตงในเครองคอมพวเตอรซงสามารถทำาไดทงบนเครองคอมพวเตอรทเปนลกขายเพอทำาการปรบเปลยนเปลยนแกไขแลวคอยอพโหลดขนสเครองแมขายเวบ (Web Server) ตอไป หรอจะทำาการตดตงและปรบเปลยนบนเครองแมขายเวบทนทกได ตวอยางโปรแกรมสำาเรจรปพาณชยอเลกทรอนกสทไดรบความนยมในปจจบน มดงน

1. โปรแกรมสำาเรจรป Joomla VirtueMart ซงเปนโปรแกรม Open Source ทสามารถดาวนโหลดมาใชงานไดฟรท https://www.joomla.org ในสวนของการตดตงนนสามารถทำาไดงาย การใชงานไมยาก สามารถปรบแตงคาใหตรงกบความตองการไดอยางรวดเรว (อวยพร โกมลวจตรกล, 2558, หนา 50) มเทมเพลตใหเลอกใชจำานวนมาก ซงผใชสามารถดาวนโหลดไดฟรในเวบไซตตาง ๆ และเนองจากเปน Open Source จงทำาใหสามารถพฒนาสวนเสรมตาง ๆเพอนำามาใชงานทหลากหลาย ซงฟงกชนการใชงานนนทเดนชดคอ มระบบตะกราสนคาใหลกคาเลอกซอสนคาไดอตโนมต สามารถตดตงสวนเสรมไดตามความตองการ อกทงยงสามารถจดการเวบไซตไดอยางไมจำากด ไมวาจะเปนสวนงาน

99

เนอหา การขนสง การชำาระเงน เปนตน นอกจากนยงสามารถจดการขอมลผใชไดดวย

2. โปรแกรมสำาเรจรป Oscommerce ซงเปนโปรแกรมสำาเรจรปแบบ Open Source ทผใชสามารถดาวนโหลดมาใชฟร สามารถพฒนาเพมเตมหรอตอยอดของเดมทมอยไดอยาง ไมสนสด โดยโปรแกรมนสามารถใชในการจดการบรหารรานคาออนไลน (e-Commerce Shop Online) ไดอยางงายและยงมคณภาพดานความปลอดภยในการใชงานสง รวมทงมลกเลนตาง ๆและฟงกชนของโปรแกรมสามารถรองรบการใชงานไดอยางครบถวน ทงสวนของระบบ front-office ของลกคา และ ระบบ Back-office ของผดแลระบบรานคาพาณชยอเลกทรอนกส และ ยงสามารถทำางานรวมกบ Paypal, MailChimp, MaxMind, VendingBox, Joomla และอน ๆ อกทงยงสามารถรองรบไดมากกวา 100 ภาษา

3. โปรแกรมสำาเรจรป Prestashop ซงเปน Open source ทผใชงานสามารถนำามาใชงานไดฟร อกทงยงสามารถแกไขปรบปรง Source Code และแจกจายได ภายใตลขสทธ OSL (Open Software License) มหนาตาสวยงามและสามารถเปลยนหนารานไดโดยการเปลยนธม (Theme) สามารถใชงานไดหลายภาษา รวมทงสามารถสนบสนนการทำา SEO (Search Engine Optimize) ในสวนของฟงกชนการทำางานนนจะมระบบจดการลกคา ระบบจดการผบรการจดสง สามารถกำาหนดคณสมบตสนคาไดหลากหลาย เชน กรณสนคามส และขนาดทตางกน สามารถบนทกขอมลในหนาสนคาไดเลย เปนตน สามารถกำาหนดสวนลดเปนแบบจำานวนเงนหรอเปอรเซนต หรอสามารถตงคาใหมสวนลดเมอซอสนคาตามจำานวน มตวนบสถต และฟงกชนการใชงานอน ๆ นอกจากน PrestaShop ยงเพมความสามารถไดโดยการตดตง

100

โมดล (Module) เพมเตม และสามารถทำางานรวมกบ Quickbooks, MailChimp, Google Merchant และ Paypal

ขอดของโปรแกรมสำ�เรจรปสำ�หรบง�นพ�ณชยอเลกทรอนกส

1. มโปรแกรมสำาเรจรปขนาดใหญใหเลอกใชหลากหลายทงแบบออฟไลนและออนไลน

2. ทำาใหประหยดเวลาและคาใชจายเมอเทยบกบการพฒนาระบบใชเอง

3. องคกรไมจำาเปนตองจางโปรแกรมเมอรทมทกษะในการพฒนาพาณชยอเลกทรอนกส

4. องคกรสามารถศกษาและเรยนรความสามารถในการทำางานของโปรแกรมกอนตดสนใจลงทน

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

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

ขอเสยของโปรแกรมสำ�เรจรปสำ�หรบง�นพ�ณชยอเลกทรอนกส

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

101

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

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

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

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

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

เวบไซตสำ�เรจรปสำ�หรบง�นพ�ณชยอเลกทรอนกส เวบไซตสำาเรจรปสำาหรบงานพาณชยอเลกทรอนกสนนเหมาะ

สำาหรบผใชทไมมความชำานาญทางดานการพฒนาเวบไซตหรอไมมความรเกยวกบการใชโปรแกรมสำาเรจรปพาณชยอเลกทรอนกสซงอาจจะตองมการตดตงเพอใชงาน และอพโหลดขนสแมขายเวบ (Web server) แตตองการมระบบพาณชยอเลกทรอนกสเพอ

102

เปนชองทางในการจำาหนายสนคาหรอบรการ ในปจจบนนเวบไซตสำาเรจรปไดรบความนยมจากผใชเปนจำานวนมาก โดยเฉพาะอยางยงสำาหรบองคกรขนาดเลก หรอบคคลทวไป เนองจากใชงานงาย มคำาสงและฟงกชนการใชงานทครบถวนใหผใชสามารถจดการขอมลตาง ๆ บนระบบไดตามตองการ ดวยความสะดวกสบายและรวดเรว โดยสวนใหญเวบไซตสำาเรจรปพาณชยอเลกทรอนกสนนจะรองรบระบบซอ-ขายออนไลน มฟงกชนและคำาสงสำาหรบใหบรการซอและขาย เชน ระบบตระกราสนคา ระบบขนสง ระบบชำาระเงน และจะมรปแบบ (Template) ทสวยงามใหเลอกใช เพยงแคผใชสมครสมาชกเขาใชบรการเวบไซตสำาเรจรปกสามารถเปนเจาของเวบไซตพาณชยอเลกทรอนกสไดทนท ตวอยางเวบไซตสำาเรจรปทไดรบความนยม อยางเชน Lnwshop (http://www.lnwshop.com), weloveshopping (http://www.weloveshopping.com), tarad (http://www.tarad.com) เปนตน ตวอย�งก�รใชเวบไซตสำ�เรจรปสร�งง�นพ�ณชยอเลกทรอนกส

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

103

ชอป ซงเปนเวบไซตสำาเรจรปทใหบรการฟรทไมจำากดพนทและ”สนคาหรอบรการทจะขาย โดยสามารถปรบแตงหนารานใหโดดเดนและทนสมย และจดการหลงรานไดอยางงายดวยเครองมอของเวบไซต (LnwTool) (กองบรรณาธการ, 2558, หนา 126) ซงเครองมอทมใหใชฟรนนเพยงพอสำาหรบการพฒนาเวบไซตพาณชยอเลกทรอนกสในการจำาหนายสนคาหรอบรการ โดยขนตอนในการสรางเวบไซตพาณชยอเลกทรอนกสมดงตอไปน

1. เขาสเวบไซตเทพซอป โดยการปอน http://www.Lnwshop.com ในชอง URL ของเบราวเซอร ซงหนาเวบจะแสดงดงภาพท 9.1

ภ�พท 9.1 หนาเวบไซต ทม�: เทพชอป (2559)

2. ในการสรางเวบไซตพาณชยอเลกทรอนกสนนผใชจะตองทำาการสมครสมาชกกอนเพอททางเวบไซตจะสามารถตรวจสอบไดวาผใชมตวตนจรง และเปนผใด อกทงยงจะสามารถสรางความเชอมนใหกบลกคาได ดงภาพท 9.2 และภาพท 9.3

www.Lnwshop.com

104

ภ�พท 9.2 แสดงหนาจอเพอเขาสการสมครสมาชกเพอใชงาน

ภ�พท 9.3 แสดงหนาจอปอนขอมลการสมครสมาชก

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

สมคร

กรอกขอมลเพอสมคร

105

ทางอเมล ดงนนผใชจะตองเขาสอเมลทแจงไวขณะสมครสมาชก ซงกรณอเมลถกตองผใชกจะไดรบอเมลจากทางเวบไซต จากนนใหเปดอเมลนนกจะพบลงกใหผใชกดเพอยนยนการเปนสมาชก ดงภาพท 9.4 - ภาพท 9.6 เมอกดยนยนแลวระบบกจะเปดหนาเวบไซตสำาหรบการเปดรานคาพาณชยอเลกทรอนกสใหกบผใช ดงภาพท 9.7

ภ�พท 9.4 แสดงหนาเวบแจงใหยนยนการเปนสมาชกผานทางอเมล

ภ�พท 9.5 แสดงอเมลทไดรบจากทางเวบไซต Lnwshop

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

อเมลการสงลงกจากทาง

106

ภ�พท 9.6 แสดงลงกสำาหรบกดยนยนการเปนสมาชก

ภ�พท 9.7 แสดงหนาจอเวบไซตสำาหรบการเปดรานพาณชยอเลกทรอนกส

3. เมอเขาสการเรมตนเปดรานใหมนน ในขนตอนท 1 ผใชจะตองกรอกขอมลรานคา ซงประกอบดวยชอรานคา, URL ของรานคา, รายละเอยดรานโดยยอ, รวมทงขอมลทตงราน ไมวาจะเปนเลขท, แขวง/ตำาบล, เขต/อำาเภอ, จงหวด, รหสไปรษณย, อเมล ซงขอมลเหลานสำาคญสำาหรบการพจารณาของลกคาในการทจะซอสนคาหรอบรการบนระบบพาณชยอเลกทรอนกส ดงนนผใชควรจะตองกรอกใหครบถวนและชดเจน ดงแสดงในภาพท 9.8 เมอกรอกขอมลเรยบรอยแลวผใชสามารถกดปม ขนตอนเปดร�นถดไป

ลงกสำาหรบกดเพอยนยนการ

107

ภ�พท 9.8 แสดงหนาเวบกรอกขอมลรานคา

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

ภ�พท 9.9 แสดงเทมเพลตใหผใชเลอกใชงาน

ปอนขอมล

กดปมไปขนตอนถดไป

กดปมเพอเลอก

108

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

ภ�พท 9.10 แสดงขอมลเพอตรวจสอบความถกตอง

ภ�พท 9.11 แสดงเงอนไขการเปดราน

จากนนจะปรากฏหนาเวบไซตพาณชยอเลกทรอนกส ดงแสดงในภาพท 9.12 และ ในสวนของ URL กจะปรากฎเปนชอของทางรานคาทไดกำาหนดไว ซงในตวอยาง กคอ

ขอมลเพอการ

เงอนไขการเปด

กดปมเพอ

109

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

ภ�พท 9.12 หนาเวบไซตพาณชยอเลกทรอนกส

4. การปรบเปลยนรานคาพาณชยอเลกทรอนกสนน สามารถปรบเปลยนได โดยกรณเปลยนหนารานคา สามารถกดปม ตกแตงรานคา และกดปมหลงราน สำาหรบการปรบเปลยนเนอหา ดงแสดงในภาพท 9.13

ภ�พท 9.13 แสดงปมตกแตงรานคา

สวนหว

เมน

หมวดหม

รายละเอยด

กดเพอปรบ

110

4.1 การตกแตงหนาราน ซงจะตองกดปม ตกแตง“รานคา นนกจะปรากฏสวนของเมน ดงภาพท ” 9.14 ใหเลอกเพอปรบเปลยนในสวนตาง ๆ ของหนาเวบ เชน พนหลง รปแบบ วดเจต (widget) เปนตน

ภ�พท 9.14 แสดงเมนสำาหรบการปรบแตงหนาราน

การปรบเปลยนสวนหวของเวบไซตซงเปนสวนสำาคญทแสดงถงความเปนตวตนของเวบไซตพาณชยอเลกทรอนกสนน ผพฒนาสามารถนำาเขารปภาพและกำาหนดขนาดไดตามตองการ ซงโดยมาตรฐานเดมนนมขนาด 900 X 300 พกเซล โดยการกดปม New ดงแสดงในภาพท 9.15 ซงกจะสามารถเลอกรปภาพทตองการปรบเปลยนได เมอปรบเปลยนเรยบรอย สวนของหวเวบไซตกจะเปลยนแปลงไปตามทเลอก ดงภาพท 9.16

เมนสำาหรบปรบเปลยนหนาราน

111

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

ภ�พท 9.16 แสดงหนาเวบไซตทไดปรบเปลยนสวนหวเวบไซตแลว

4.2 การปรบเปลยนสวนหลงรานคา โดยการกดปม หลงร�น ดงแสดงไวในภาพ ท 9.17

ปรบเปลยนสวนหวเวบ

112

ภ�พท 9.17 แสดงการเขาสการตกแตงหลงราน

สำาหรบการตกแตงหลงรานนนผดแลระบบหรอผประกอบการสามารถปรบแตงไดตามภาพท 9.18 ซงมรายละเอยด ดงน

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

- หมายเลข 2 สวนการทำางานงานตามคำาสงทเลอก - หมายเลข 3 สถานะรายการสงซอ- หมายเลข 4 ขอมลรานคา

ภ�พท 9.18 แสดงหนาจอหลงของงานหลงราน

กดเพอตกแตง

12

3 4

113

4.2.1 การจดการสนคา เมอผใชเลอกเมน จะปรากฏเมนยอยซง สามารถเพมสนคาใหมได ดงภาพท 9.19 (หมายเลข 1) สำาหรบการเพมสนคาใหมนนในกรณยงไมมการเพมหมวดหมของสนคานน ผใชกสามรถเรมตนดวยการเพมหมวดหมสนคาโดยการกดปม เพมหมวดหม ดงภาพท “ ” 9.19 (หมายเลข 2) กจะปรากฏหนาตางดงภาพท 9.20 เพอใหผดแลระบบกรอกขอมลหมวดหมซงประกอบดวย ชอหมวดหม กำาหนดรายละเอยดของสนคา ในหมวดหม ใสภาพประจำาหมวดหม ใสคำาสำาคญเพอใหงายตอการคนหาดวย Search Engine จากนนจงกดปม บนทก“ เพอเปนการเพมหมวดหมใหม ซงหมวดสนคาทเพมนนจะปรากฏ”

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

ภ�พท 9.19 หนาตางสำาหรบการจดการสนคา

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

1

เพมหมวด2

3เพมสน

114

ภ�พท 9.20 หนาตางสำาหรบการเพมหมวดหมสนคา

จากภาพท 9.20 เปนขนตอนการเพมหมวดหม Smartphone ขนมาใหม พรอมกบภาพประกอบหมวดหมเปนรปโทรศพทสมารทโฟน ซงเมอกดปม บนทก หมวดหม “ ”Smartphone จงปรากฏใหเหนตามหนาจอในภาพท 9.21

ภ�พท 9.21 แสดงขอมลหมวดหมสนค�

เมอเตรยมหมวดหมใหมเรยบรอยแลว ผดแลระบบสามารถเพมสนคาใหม โดยการกดปม เพมสนคา ตามภาพท “ ”9.19 (หมายเลข 3) จากนนจะปรากฏใหเพมรายละเอยดเกยวกบสนคาใหม ดงภาพท 9.22

หมวดหมสนค�เพมใหม

115

ภ�พท 9.22 หนาตางสำาหรบเพมขอมลสนคา

สำาหรบการเพมสนคาใหม ตามภาพท 9.22 นน ผดแลระบบจะตองใสขอมลสนคา โดยประกอบดวย ชอสนคา รหสสนคา นำาหนก (ในกรณจดสงตามนำาหนก) ราคาสนคา รปภาพสนคา รายละเอยดเกยวกบสนคา กำาหนดสถานะ (มสนคาในคลงหรอไม จำานวนเทาไร) หมวดหมสนคา ขอมลคำาสำาคญสำาหรบ Search Engine จากนนจงกดปม บนทก เพอทำาการบนทกรายการสนคาใหมลงสฐาน“ ”ขอมล โดยภาพท 9.23 เปนหนาเวบไซตแสดงขอมลสนคาเพอใหลกคาสงซอ

ภ�พท 9.23 หนาเวบไซตแสดงขอมลสนคา

116

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

ภ�พท 9.24 หน�ต�งสำ�หรบจดก�รขอมลสนค�

4.2.2 กำาหนดวธการชำาระเงน โดยการเลอกเมน การ“เงน ซงสามารถกำาหนดไดทงการชำาระเงนดวยการโอนเขาบญช”ธนาคาร การชำาระเงนดวยบญชออนไลน เชน PayPal, PAYSBUY กได ดงแสดงในภาพท 9.25

ภ�พท 9.25 หนาตางกำาหนดวธการชำาระเงน

กำ�หนดวธก�ร

จดการ

117

สำาหรบกรณทรานคามการรบชำาระโดยการวธบญชธนาคาร เมอเลอกเมนกจะปรากฏหนาตางสำาหรบการเพมบญช ซงจะมปมสำาหรบ การเพมบญชธนาคาร ดงภาพท “ ” 9.26 และจะตองกรอกขอมลชอบญช หมายเลขบญช สาขา และเลอกประเภทบญช จากนนกด เพมบญช ดงภาพท “ ” 9.27

ภ�พท 9.26 หนาตางเพมบญชธนาคาร

ภ�พท 9.27 รายละเอยดการเพมบญชธนาคาร

4.2.3 การกำาหนดวธการขนสงสนคา ในขนตอนนกเพอใหลกคาสามารถเลอกวธการจดสง โดยเรมแรกจะตองเลอกเมน ดงภาพท 9.28 (หมายเลข 1) “ขนสงสนคา และเลอก รปแบบการ” “ขนสงสนคา จากนนจะปรากฏหนาตางสำาหรบการกำาหนดวธขนสง”สนคา ซงสามารถเลอกวธขนสง ไมวาจะเปน พสดธรรมดา

เพมบญช

ร�ยละเอยดบญชธน�ค�ร

118

พสดลงทะเบยน พสด EMS ดงภาพท 9.28 (หมายเลข 2) ซงเมอเลอกรปแบบการขนสงสนคา ระบบกจะอนญาตใหกำาหนดคาจดสง ซงมทง ฟรไมเกบคาขนสง กำาหนดคาสงพสดแบบตายตว กำาหนดสงพสดผนแปรตามจำานวนชน หรอกำาหนดคาสงพสดผนแปรตามนำาหนกของสนคา ขนอยกบรปแบบการขนสงสนคาทใหบรการ ตามภาพท 9.28 (หมายเลข 3) นอกจากนระบบยงสามารถใหกำาหนดระยะเวลาสำาหรบจดเตรยมสนคาเพอสงมอบ ตามภาพท 9.28 (หมายเลข 4) สำาหรบแสดงใหลกคาไดรบทราบและสามารถคาดหวงระยะเวลาทจะไดรบสนคาภายหลงการสงซอดวย

ภ�พท 9.28 หน�ต�งกำ�หนดวธก�รขนสงสนค�

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

1

2

3

4

119

ภ�พท 9.29 หนาตางแสดงขอมลรายละเอยดสนคา

ภายหลงจากหยบสนคาลงตะกรา แลวกจะปรากฏรายการสนคาในตะกรา ซงลกคาสามารถเพมจำานวนของสนคา หยบสนคาชนดอนเพมลงสตะกราได และเมอตดสนใจซอสนคาลกคาจะตองเลอกวธการขนสง ดงภาพท 9.30 และตองระบขอมลการจดสงไมวาจะเปนชอผรบ พรอมสถานทจดสง ซงระบบพาณชยอเลกทรอนกสกจะแสดงราคาสนคาพรอมคาขนสง (ในกรณคดคาขนสง) แสดงใหกบลกคา ดงภาพท 9.31

ภ�พท 9.30 รายละเอยดตะกราสนคา

หยบลง

กำ�หนด

เลอกวธก�รจดสงสนค�

120

ภ�พท 9.31 แบบฟอรมกรอกรายละเอยดการจดสง

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

ภ�พท 9.32 หนาตางยนยนการสงซอยนยนก�รสง

121

6. รานคาตรวจสอบการสงซอและการชำาระเงน ซงเมอลกคายนยนการสงซอเรยบรอยในสวนของหลงรานนน ผดแลระบบ/เจาของรานจะไดรบการแจงเตอนวามการสงซอสนคา ดงนนจงตองทำาการตรวจสอบรายการสงซอ โดยใชเมน รายการสงซอ “ ”ดงภาพท 9.33 (หมายเลข 1) ซงในหนาตางนจะแสดงรายละเอยดการสงซอของลกคา ไมวาจะเปน รายละเอยดใบสงซอ รายการสนคา รายละเอยดผสงซอ รายละเอยดผรบ และรายละเอยดการชำาระเงน ดงภาพท 9.33 (หมายเลข 2) ซงในกรณทลกคายงไมไดแจงการชำาระเงนกจะยงไมปรากฏรายละเอยด การชำาระเงนและสถานะจะเปน รอการชำาระเงน ดงภาพท “ ” 9.33 (หมายเลข 3)

ภ�พท 9.33 หนาตางรายละเอยดรายการสงซอ

ซงเมอลกคาชำาระเงนเรยบรอยและแจงการชำาระมายงรานคา รายละเอยดการชำาระเงน กจะปรากฏดงภาพท 9.34 (หมายเลข 1) และสถานะการจดสงสนคากจะปรบเปน รอจดสง ดงภาพท “ ” 9.34 (หมายเลข 2) ซงสถานะการจดสงนลกคาสามารถตรวจสอบไดผานหนาเวบไซต

1

2

สถ�นะรอก�ร3

122

ภ�พท 9.34 หนาตางแสดงรายละเอยดการชำาระเงน

7. รานคายนยนการจดสงสนคา โดยการ กด ยนยนการจด“สงสนคา ในหนาตางขนสงสนคา ดงภาพท ” 9.35 จากนนจะปรากฏหนาตางใหปอน รหสพสด และรายละเอยดอน ๆ ดงภาพท 9.36 เมอกด บนทก สถานะจดเปลยนเปนจดสงสนคาแลว และ“ ”แสดงรายละเอยดการจดสง ดงภาพท 9.37

ภ�พท 9.35 หนาจอยนยนการจดสงสนคา

1

2 สถ�นะ รอจด

ขอมลแจงชำ�ระ

ยนยนก�รจดสงสนค�

123

ภ�พท 9.36 หนาแบบฟอรมปอนรายละเอยดการขนสง

ภ�พท 9.37 แสดงรายละเอยดการจดสง

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

จดสงสนค�

124

อเลกทรอนกสกบชองทางอนๆ เชน สอสงคมออนไลน ประเภท Facebook, Line, Instagram หรอแมแตแอปพลเคชนของโทรศพท