Embed Size (px)
Citation preview
ก
รานขายรองเทาออนไลน
นายเอกลกษณ รงสกรรพม
การศกษาโครงการเฉพาะเรองนเปนสวนหนงของการศกษาตามหลกสตร ปรญญาวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ
คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร
พ.ศ. 2556
ข
รานขายรองเทาออนไลน
นายเอกลกษณ รงสกรรพม วท.บ. (เทคโนโลยสารสนเทศ)
การศกษาโครงการเฉพาะเรองนเปนสวนหนงของการศกษาตามหลกสตร ปรญญาวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ
คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร
พ.ศ. 2556
คณะกรรมการศกษาโครงการเฉพาะเรอง .................................................................... ประธานกรรมการการศกษาโครงการเฉพาะเรอง (ผศ. ดร.ชลเมธ อาปณกานนท) .................................................................... กรรมการและอาจารยทปรกษารวม (อาจารยอนฮวา นลรตนศรกล) .................................................................... กรรมการ (ผศ. ดร.วชรศกด วานชชา)
ลขสทธของมหาวทยาลยเทคโนโลยพระจอมเกลาธนบร
ค
หวขอการศกษาโครงการเฉพาะเรอง รานขายรองเทาออนไลน หนวยกต 3
ผเขยน นายเอกลกษณ รงสกรรพม อาจารยทปรกษา ผศ. ดร.ชลเมธ อาปณกานนท
อาจารยอนฮวา นลรตนศรกล หลกสตร วทยาศาสตรมหาบณฑต สาขาวชา เทคโนโลยสารสนเทศ คณะ เทคโนโลยสารสนเทศ พ.ศ. 2556
บทคดยอ
การศกษาโครงการเฉพาะเรองนไดจดท าเกยวกบการขายรองเทาออนไลนโดยใชการประมวลผลแบบกลมเมฆเขามาเปนทรพยากรในการประมวลผล และใชระบบจดการเนอหาเวบไซตเขามาชวยในการสรางเวบไซตโดยมภาษาพเอชพใชในการพฒนา เมอใชระบบทพฒนาแลวสามารถชวยใหผเปนเจาของรานมความสะดวกในการบรหารจดการเวบไซตรานคา อกทงยงสามารถเพมชองทางในการเพมรายได และผทเขามาเลอกซอสนคาสามารถเขาถงขอมลสนคาและท าการเลอกซอไดผานทางอนเทอรเนตไมวาอยทใด ค าส าคญ : การประมวลผลแบบกลมเมฆ / ขายสนคาออนไลน / ระบบจดการเนอหาเวบไซต
ง
สารบญ
หนา บทคดยอภาษาไทย ค สารบญ ง รายการตารางประกอบ ฉ รายการรปประกอบ ช บทท 1. บทน า 1 1.1 ความเปนมา 1 1.2 วตถประสงคของโครงงาน 1 1.3 ประโยชนทไดรบ 2 1.4 ขอบเขตของโครงงาน 2 2. ทฤษฎและตวอยางงานทเกยวของ 3 2.1 ทฤษฎทเกยวของ 3 2.2 ตวอยางงานทเกยวของ 5 3. การวเคราะหและออกแบบระบบ 7 3.1 ระบบงานปจจบน 7 3.2 การออกแบบระบบงานใหม 9 4. การท างานของระบบ 18 4.1 แผนผงของเวบไซต 18 4.2 การใชงานระบบ 20
5. บทสรป 23 5.1 สรปผลการด าเนนงาน 23 5.2 ปญหาทพบและแนวทางแกไข 23 5.3 แนวทางการพฒนาเพมเตม 23
จ
สารบญ (ตอ)
หนา เอกสารอางอง 24 ภาคผนวก ก 25 ความหมายของแผนภาพคลาส 25ประวตผจดท า 32
ฉ
รายการตารางประกอบ
ตาราง หนา ก.1 คลาส Member 25 ก.2 คลาส Contact 26 ก.3 คลาส Category 27 ก.4 คลาส Product 28 ก.5 คลาส Basket 29 ก.5 คลาส Order 30 ก.5 คลาส Payment 31
ช
รายการรปประกอบ
รป หนา 3.1 แผนผงการเลอกซอสนคาปจจบน 8 3.2 แผนภาพยสเคสในสวนของลกคาและเจาของราน 9 3.3 แผนภาพล าดบเหตการณการสมครสมาชก 11 3.4 แผนภาพล าดบเหตการณการจดการขอมลสนคา 12 3.5 แผนภาพล าดบเหตการณการสงซอสนคา 13 3.6 แผนภาพล าดบเหตการณการแจงช าระสนคา 14 3.7 แผนภาพล าดบเหตการณการตรวจสอบการสงซอสนคาและแจงช าระเงน 15 3.8 แผนภาพคลาสระบบรานขายรองเทาออนไลน 16 4.1 แผนผงเวบไซตรานขายรองเทาออนไลน 18 4.2 หนาเขาสระบบเวบไซตหลงบาน 19 4.3 สวนบรหารจดการรานคาขายรองเทาออนไลน 19 4.4 หนาเวบไซตรานขายรองเทาออนไลน 20 4.5 หนาสมครสมาชกและหนาเขาสระบบ 20 4.6 รายละเอยดสนคาบนหนาเวบรานขายรองเทาออนไลน 21 4.7 รายละเอยดตะกราสนคาบนหนาเวบรานขายรองเทาออนไลน 21 4.8 ใบก ากบสนคา 22
1
บทท 1 บทน า
ในบทนไดกลาวถงความเปนมาและความส าคญของปญหาในการจดท าโครงงาน ขอบเขตของโครงงานและวตถประสงค มรายละเอยดดงน
1.1 ความเปนมา ปจจบนการคาขายสนคามปจจยอยหลายอยางแตมอยปจจยส าคญอยางหนง คอ ท าเลหรอ
สถานทในการคาขายสนคา ซงเปนปจจยส าคญมากในการแขงขนกบผคาขายรายอน แตท าเลทดนนถาผคาไมไดเปนเจาของทเองกตองไปเชาท ซงมราคาทคอนขางสง ท าใหผคาทไมมงบลงทนมากนกตองค านงถงปจจยนเปนอยางมาก และผคายงตองมการปรบเปลยนกลยทธในการท าการตลาดเพอใหทนตอความตองการของผบรโภค และยงตองค านงถงความส าคญในการพฒนากระบวนการ ใหแตกตางจากคแขงรายอน
จากเหตผลขางตนทางผจดท าไดพบปญหาของรานขายรองเทาดงทกลาวมา จงมแนวคดทจะใหรานขายรองเทาสามารถขายไดบนอนเทอรเนตเพอลดตนทนในการเชาทรานขายของ และในปจจบนเทคโนโลยสารสนเทศนนมการเตบโตอยางรวดเรว คนทวไปใชอนเทอรเนตในชวต ประจ าวนมเปนจ านวนมาก และการคาขายบนโลกออนไลนจงเปนชองทางทดในการท าการตลาด ท าใหผซอสามารถเขาถงการเลอกซอไดงาย
1.2 วตถประสงค
1. เพอพฒนาระบบซอขายออนไลนส าหรบรานขายรองเทาและชวยอ านวยความสะดวก ใหกบลกคาในการรบชมและเลอกซอสนคา 2. เพอชวยในผเปนเจาของรานสามารถจดการสนคาไดอยางมระบบ 3. เพอชวยใหผเปนเจาของรานเพมชองทางในการเพมรายได
2
1.3 ประโยชนทไดรบ
1. ประโยชนตอผประกอบการคา - ท าใหสนคาเปนทรจกในวงกวางสามารถเพมยอดขายใหมากขน - ลดตนทนในการเชาหนาราน
2. ประโยชนตอลกคา - มความสะดวกสบายในการเลอกซอสนคา
3. ประโยชนตอผพฒนาระบบ - ไดศกษาเกยวกบเทคโนโลยและเครองมอทใชในการพฒนาระบบ - ไดประสบการณในการออกแบบระบบการซอสนคาออนไลน
1.4 ขอบเขตของโครงงาน
รานขายรองเทาออนไลนมขอบเขตการท างาน ดงน 1 การบรหารจดการรานคา สามารถดรายละเอยดสนคาทลกคาสงได 2 การสงซอสนคา สามารถเลอกสนคาลงตะกราสนคา และค านวณคาใชจายได 3 สวนตอประสานงานกบผใชหนาจอภาษาไทย 4 เซรฟเวอรทใชตดตงใชคลาวดเซรฟเวอรพเอชพคลาวด (PHP Cloud) ท างานดวย
ระบบปฏบตการลนกซ 5 สามารถท างานไดบนระบบปฏบตการวนโดวส เวบเบราวเซอรอนเทอรเนตเอกโพลเรอร
(Internet Explorer) เวบเบราวเซอรมอซลลาไฟรฟอกซ (Mozilla Firefox) และเวบเบราวเซอรกเกลโครม (Google Chrome)
3
บทท 2 ทฤษฎและตวอยางทเกยวของ
ในบทนไดกลาวถงหลกการและทฤษฎทมความเกยวของกบการพฒนาระบบซอขายออนไลน ซงประกอบดวยระบบจดการเนอหาเวบไซต (Content Management System) จมลา (Joomla) ระบบประมวลผลแบบกลมเมฆ (Cloud Computing) พเอชพคลาวด (PHP Cloud) ภาษา พเอชพ (PHP Language Programming) และระบบปฏบตการลนกซ (Linux Operating System) ท าหนาทประสานงานกนเปนเวบขายรองเทาออนไลน
2.1 ทฤษฎทเกยวของ ในเนอหาสวนนไดอธบายทฤษฎตาง ๆ ทไดใชในการจดท าเวบขายรองเทาออนไลน ซงทฤษฎตาง ๆ ไดอธบายความหมายและสาเหตททางผจดท าไดเลอกมาใชในการจดท าดงตอไปน
2.1.1 ระบบจดการเนอหาเวบไซต
ระบบจดการเนอหาเวบไซต [1] คอ โปรแกรมทเขยนขนดวยภาษาสครปต ท างานอยบนเวบเซรฟเวอรในรปแบบของเวบแอพพลเคชน นนคอ เปนแอพพลเคชนทท างานผานเวบดวยการแสดงผลในหนาตางของโปรแกรมเวบเบราวเซอร ระบบจดการเนอหาเวบไซตเปนโปรแกรมสรางเวบไซตส าเรจรป พรอมกบเครองมอส าหรบบรหารจดการเนอหาและองคประกอบตาง ๆ บนเวบไซตอยางครบถวน ระบบจดการเนอหาเวบไซตมคณสมบตในการจดการเนอหาของเวบไซตในปรมาณมาก ๆ ไดอยางยดหยนตามความตองการของผดแลแลเวบไซต ภาษาสครปตทถกน ามาสรางเปนโปรแกรมระบบจดการเนอหาเวบไซตสวนใหญคอภาษาพเอชพ เอเอสพ และจาวา และระบบระบบจดการเนอหาเวบไซตยงไดน าเทคโนโลยของภาษาเอกเอมแอลเขามาชวยในกาจดการประเภทของขอมลอกดวย
ระบบจดการเนอหาเวบไซตนนมหลายตวใหเลอกใชมากมายแตรานขายรองเทาออนไลนนทางผจดท าไดท าการเลอกจมลาเขามาชวยในการท าเวบไซต เนองจากจมลางายตอการบรหารจดการ และมแหลงคนควาหาความรไดจากหลายแหลง ไมวาจะเปนหนงสอหรอชมชน (Community) บนสงคมออนไลน ซงมผใชงานกนอยางแพรหลายเหมาะแกผทไมมพนฐานในดานการเขยนโปรแกรมเวบไซตกสามารถเรยนรไดไมยากนก ระบบจดการเนอหาเวบไซตของจมลานนตดตงงายมฟงกชนในการใชงานครบถวนใหผดแลระบบสามารถใชงานไดอยางสะดวก
4
2.1.2 ระบบประมวลผลแบบกลมเมฆ ระบบประมวลผลแบบกลมเมฆ [2] คอ การประมวลผลรปแบบหนงทใชการองความตองการของผใชงาน โดยผใชงานสามารถระบความตองการตาง ๆ ทผใชงานตองการแลวสงไปยงซอฟตแวรของระบบประมวลผลแบบกลมเมฆ จากนนระบบประมวลผลแบบกลมเมฆจงจะจดสรรทรพยากรและบรการใหตรงกบความตองการผใช งาน ทงนระบบประมวลผลแบบกลมเมฆ สามารถเพมและลดจ านวนของทรพยากรไดตามตองการของผใชงาน รวมถงเสนอบรการใหพอเหมาะกบความตองการของผใชไดตลอดเวลา ผใหบรการคลาวดเซรฟเวอรนนมหลากหลายใหผใชงานไดเลอกใช ทางผจดท าไดเลอกใชพเอชพคลาวด (PHP Cloud) ซงเปนคลาวดเซรฟเวอรของบรษท Zend ไดเปดใหใชงานส าหรบนกพฒนา (Developer) คลาวดเซรฟเวอรของบรษท Zend นนเปนแบบ Platform as a Service ซงจะมทรพยากรฮารดแวรและระบบปฏบตการตดตงมาใหแลว ผพฒนาสามารถมาขอสมครใชงานไดฟร และเนองจากพเอชพคลาวดเปนคลาวดเซรฟเวอรทเหมาะส าหรบผพฒนาทใชภาษาพเอชพในการพฒนา ทางผจดท าจงเลอกใชเพราะระบบจดการเนอหาเวบไซตจมลานนใชภาษาพเอชพในการพฒนาเชนกน
2.1.3 ภาษาพเอชพ พเอชพ [3] คอภาษาโปรแกรมทใชส าหรบในการเขยนโปรแกรมบนเวบไซต ภาษาพเอชพมหนาทเปนสวนทใชในการค านวณ ประมวลผล และท าตามค าสงตาง ๆ ทผใชงานเขยนลงบนเวบไซตผานพเอชพอนเตอรพรเตอร (PHP Interpreter) ซงท างานอยบนเซรฟเวอร ซงพเอชพอนเตอรพรเตอรจะท าการรบค าสงจากภาษาพเอชพทผใชงานเขยนแลวน าไปประมวลผลบนเซรฟเวอรใหกบเวบไซต ผจดท าไดเลอกภาษาพเอชพเนองจากมความเหมาะสมในการการจดท าเวบไซตและเหมาะกบพเอชพคลาวด ซงคลาวดเปนเซรฟเวอรทรองรบการท างานของภาษาพเอชพโดยเฉพาะ และภาษาพเอชพไดมเนอหาทสามารถศกษาไดจากหลายแหลงไมวาจะเปนหนงสอหรอสงคมออนไลน
5
2.1.4 ระบบปฏบตการลนกซ ระบบปฏบตการลนกซ [4] จดไดวาเปนระบบปฏบตการทมความสามารถสงในการบรหารระบบเครอขายอนเทอรเนต ซงมความคลายและจ าลองการท างานมาจากระบบยนกซทมการแพรหลายทวโลก แตมความยดหยนสงกวา เพราะลนกซเปนซอฟตแวรประเภทเปดเผยโปรแกรม (Open Source) ผน าไปใชงานสามารถทจะพฒนาและปรบปรงในสวนทเกดปญหาระหวางใชงานไดทนท อกทงยงสามารถปรบใหเขากบฮารดแวรทใชเพอใหไดประสทธภาพของระบบมากทสดและยงมการเพมสมรรถนะในทก ๆ สวนของตวซอฟตแวรอยตลอดเวลา
2.2 ตวอยางทเกยวของ ในเนอหาสวนนทางผจดท าไดท าการศกษาผลงานจากแหลงตาง ๆ และไดน าความรทไดมาพฒนาในเวบขายรองเทาออนไลนดงตอไปน
2.2.1 ระบบการจดจ าหนายหนงสอทางอนเทอรเนต
ระบบการจดจ าหนายหนงสอทางอนเทอรเนต [5] เปนระบบงานทพฒนาขนจากระบบงานเดมทซอและจ าหนายหนงสอโดยการขายหนาราน ระบบดงเดมนท าใหการประชาสมพนธกจการไมดพอตลอดจนขาดการขยายกลมลกคา อกทงยงขาดเทคโนโลยททนสมยในการจดการขอมลการขายระบบงานใหมถกพฒนาขนเพอใชปฏบตงานบนเครอขายอนเทอรเนต ส าหรบการประชา- สมพนธองคกรการขายหนงสอทางอนเทอรเนต เพอใหเกดภาพพจนอนดตอหนวยงาน และกอให เกดความสะดวกตอลกคาในการซอหนงสอกจการ ระบบฐานขอมลทใชพฒนาบนไมโครซอฟทแอคเซส97 (Microsoft Access97) โฮมเพจใชไมโครซอฟทเวรด97 (Microsoft Word97)ในการพฒนารวมกบไมโครซอฟทฟรอนเพจ97 (Microsoft Frontpage97) สวนขอมลทใชจดการขอมลอย ระหวางฐานขอมลกบโฮมเพจ คอ Active X Control ในโปรแกรม Visual Basic5
6
2.2.2 ระบบการสงซอสนคาทางอนเทอรเนต
ระบบการสงซอสนคาทางอนเทอรเนต [6] เปนระบบเพอการออกแบบและเพอการพฒนาระบบสารสนเทศของระบบการสงซอสนคาบนอนเทอรเนต ในระบบนไดมการน าเอาเทคโนโลยของอนเทอรเนตเขามาชวยในการท างาน ลกษณะของงานจะมการน า HTML เขามาชวยในการสรางโฮมเพจ แสดงรปภาพของสนคาใชค าสง HTML ท าการจดแตงรปภาพขอความใหเหมาะสมกบขนาดของรปภาพ ลกษณะการปอนขอมล รปแบบของเมน ในสวนของ Cold Fusion เปนเครองมอทชวยในการพฒนาโปรแกรมใหมประสทธภาพมากขน ชวยความคมการท างานบางอยางของตวเวบ น ามาพฒนาโปรแกรมเพอควบคมการท างานใหไดตรงตามวตถประสงคการตดตอสอสารกบฐานขอมลซงถกจดเกบในลกษณะเขาถงไฟลโดยใชค าสงเอสควแอล ในการปรบปรงขอมลในฐานขอมลจากระบบงานทสรางขนจะชวยอ านวยความสะดวกในการสงซอสนคา ซงประกอบไปดวยหนาจอการปอนขอมลรานคา สนคา ลกคา การสงซอ สามารถแกไขขอมล ชวยในการจดเกบขอมลเปนระบบ ท าใหคนหาขอมลไดอยางรวดเรว มสวนชวยใหงานจดการภายในบรษทมประสทธภาพมากขนเนองจากลดขนตอนการท างานทซ าซอน
7
บทท 3 การวเคราะหและออกแบบระบบ
ในบทนไดกลาวถงการเกบและการรวบรวมขอมล ของการวเคราะหและการออกแบบระบบ ผจดท าไดอธบายแผนภาพยสเคส แผนภาพล าดบเหตการณ และแผนภาพคลาสเปนตวอธบายภาพรวมของรานขายรองเทาออนไลน
3.1 ระบบงานปจจบน การท างานของรานขายรองเทาในปจจบน เจาของรานท าการจดการรานคาโดยการจดสนคาและรายละเอยดตาง ๆ เพอบรหารจดการรานคาลงกระดาษ ซงท าใหมความลาชาในการบรหารจดการขอมล และรานขายรองเทายงมขายในรปแบบของหนารานเทานน ลกคาทตองการซอรองเทาตองเดนทางเลอกดและเลอกซอทหนารานพยงเทานน ท าใหเกดความไมสะดวกกบลกคาทอยหางไกลออกไป การเกบรวบรวมขอมลเพอน ามาพฒนาระบบขายรองเทาออนไลน ไดรวบรวมทจากหลายแหง เชน จากการสอบถามจากเจาของรานรองเทา จากกลมลกคาทตองการซอรองเทา เพอน ามาวเคราะหและออกแบบโดยมรายละเอยดดงน
3.1.1 ขนตอนการซอขายสนคา จากการศกษาขนตอนการซอขายรองเทาจากรานขายรองเทา พบวาทางรานยงไมมการน าระบบการขายสนคาแบบออนไลนมาใช ลกคาทเขามาซอตองมาดและซอขายผานทางหนารานเทานน ดงแสดงในรปท 3.1
8
รปท 3.1 แผนผงการเลอกซอสนคาปจจบน
3.1.2 ขอมลเกยวกบสนคา จากการศกษาขอมลจากรานขายรองเทาจากการสอบถามเจาของราน พบวาทางรานมการขายรองเทาอย 6 ประเภท ไดแก รองเทาแฟชน รองเทากฬา รองเทาแตะ รองเทาเพอสขภาพ รองเทา ผาใบและรองเทาหนง
9
3.2 การออกแบบระบบงานใหม จากปญหาทพบคอเจาของรานไมมความรในการเขยนโปรแกรมและการเขยนเวบไซต จงมแนวคดทจะน าระบบจดการเนอหาขอมลเวบไซตมาใชท าเปนเวบไซตซงงายตอการท าความเขาใจและใชงาน ซงตวเวบไซตจะถกจดเกบไวทคลาวดเซรฟเวอร และการออกแบบระบบงานใหมนผจดท าจะใชแผนภาพยสเคส (Use Case Diagram) แผนภาพล าดบเหตการณ (Sequence Diagram) และแผนภาพคลาส (Class Diagram) แสดงการอธบายระบบงานใหมดงตอไปน
3.2.1 แผนภาพยสเคส จากการวเคราะหระบบ ผพฒนาไดท าการแบงระบบของเวบไซตเปน 2 สวนการท างานคอ การท างานในสวนของเจาของราน หรอ การจดการเวบไซตหลงบาน และการท างานในสวนของ ลกคา หรอ การใชงานเวบไซต สามารถอธบายโดยการใชแผนภาพยสเคส ดงแสดงในรปท 3.2
รปท 3.2 แผนภาพยสเคสในสวนของลกคาและเจาของราน
10
จากรป 3.1 รายละเอยดสวนของแผนภาพยสเคสอธบายการท างานไดดงตอไปน 1. การสมครสมาชก (Register) ผทใชงานเขามาเวบขายรองเทาออนไลน เมอตองการสงซอสนคา ตองท าการ สมครสมาชกและกรอกรายละเอยดของลกคา เพอใชในการตดตอสงสนคา 2. จดการขอมลสนคา (Product Management) เจาของรานตองเขามาท าการเพมสนคา ปรบแตงแกไขรายละเอยดสนคาในระบบ รานขายรองเทาออนไลน 3. การเลอกซอสนคา (Order) เมอผใชงานสมครเปนสมาชกของรานขายรองเทาออนไลนแลว กจะสามารถท า ท าการสงซอสนคา เพมหรอลดสนคาในตะกราสนคาได 4. แจงช าระเงน (Payment) เมอลกคาท าการสงสนคาแลวตองท าการจายเงนผานทางการโอนเงน แลวท าการ แจงรายละเอยดการโอนเงนใหการทางเวบขายรองเทาออนไลนทราบ 5. ตรวจสอบรายการสนคาสงซอ (Order List)
เมอมรายการสงซอสนคาเขามา เจาของรานตองท าการตรวจสอบรายละเอยดสนคา และตรวจสอบวามการช าระเงนเขามาแลวหรอไม เพอเมอไดรบการช าระเงนแลว กจะสามารถสงสนคาไปใหลกคาได
11
3.2.2 แผนภาพล าดบเหตการณ แผนภาพล าดบเหตการณในสวนนไดจ าลองเหตการณในสวนตาง ๆ ทเกดขนในเวบขายรองเทาออนไลน ไดแสดงในสวนทมการปฏสมพนธกนระหวางวตถ (Object) หรอคลาส (Class) ซงมการตดตอระหวางกนโดยใชขอความ (Message) และมการใชเสนเวลาในการแบงชวงเวลา ตามล าดบเหตการณทเกดขนอธบายรายละเอยดไดดงตอไปน
3.2.2.1 แผนภาพล าดบเหตการณการสมครสมาชก
เมอผใชงานเวบขายรองเทาออนไลนตองการเลอกซอและสงสนคา ผใชงานตองท าการสมครสมาชกผานหนาเวบไซต แลวท าการสงขอความ register() ไปยงวตถ shoeShop จากนนวตถ shoeShop จะท าการสงขอความ createMember() ตอไปยงวตถ Member เพอท าการสรางสมาชกใหม หลงจากนนวตถ shoeShop จะสงขอความ saveMember() ไปยงวตถ Member เพอเปนการบนทกขอมลสมาชก ดงแสดงในรปท 3.3
รปท 3.3 แผนภาพล าดบเหตการณการสมครสมาชก
12
3.2.2.2 แผนภาพล าดบเหตการณการจดการขอมลสนคา
แผนภาพล าดบเหตการณจดการขอมลสนคานไดอธบายในสวนเจาของราน ท าหนาทจดการรายละเอยดตาง ๆ เกยวกบหมวดหมสนคาและสนคา ซงเจาของรานตองจดการผานหนาเวบหลงบานของระบบจดการเนอหาเวบไซต โดย เรมสงขอความ createCategory() ไปยงวตถ Category เพอท าการสรางหมวดหมและสงขอความ saveCategory() ไปยงวตถ Category เพอท าการบนทกหมวดหม หลงจากนนวตถ Category จะสงขอความ productName(), price(), productDetails() และ chooseCategory() ไปยงวตถ Product เพอท าการใสรายละเอยดขอมลสนคาใหกบตวสนคา และหลงจากนนจะสงขอความ saveProduct() เพอท าการบนทกสนคา ดงแสดงในรปท 3.4
รปท 3.4 แผนภาพล าดบเหตการณการจดการขอมลสนคา
13
3.2.2.3 แผนภาพล าดบเหตการณการสงซอสนคา
แผนภาพล าดบเหตการณนไดแสดงขนตอนการเลอกซอสนคาของลกคา โดยลกคาจะท าการสงขอความ shoeOrder ไปยงวตถ shoeShop จากนนวตถ shoeShop จะสงขอความ createOrder() ไปยงวตถ Order จากนนวตถ Order จะสงขอความ createBasket() ไปยงวตถ Basket วตถ Basket จะสงขอความ computeItem() ใหตววตถ Basket เอง เพอท าการค านวณจ านวนสนคาทเพมเขามา จากนนถาลกคาตองการเปลยนแปลงสนคาในตะกราสนคาวตถ shoeShop จะสงขอความchangOrder() ไปยงวตถ Order แลววตถ Order จะสงขอความ changeOrder() ไปยงวตถ Basket แลววตถ Basket กจะท าการ computeItem() เพอค านวณจ านวนสนคาในตะกราสนคาใหม หลงจากนน วตถ Order จะสงขอความ saveOrder() ไปยงวตถ Basket เพอท าการบนทกการสงซอสนคา ดงแสดงในรปท 3.5
รปท 3.5 แผนภาพล าดบเหตการณการสงซอสนคา
14
3.2.2.4 แผนภาพล าดบเหตการณการแจงช าระเงน
แผนภาพล าดบเหตการณนไดแสดงขนตอนการแจงช าระเงนของลกคา ผานหนาเวบไซต โดยลกคาจะท าการสงขอความ payment() ไปยงวตถ shoeShop แลววตถ shoeShop จะสงขอความ crea tePayment( ) ไปยงวตถ Payment เพอท าการสรางขอมลการช าระเงน หลงจากนน วตถ shoeShop จะสงขอความ savePayment ไปยงวตถ Payment เพอท าการบนทกการแจงช าระเงนของ ลกคา ดงแสดงในรปท 3.6
รปท 3.6 แผนภาพล าดบเหตการณการแจงช าระสนคา
15
3.2.2.5 แผนภาพล าดบเหตการณการตรวจสอบรายการสงซอสนคา
แผนภาพล าดบเหตการณนไดแสดงขนตอนการท างานของเจาของรานใน การเขามาตรวจสอบรายการสนคาวามการสงซอสนคาเขามาหรอไม เมอตรวจสอบพบวาลกคาไดท าการสงซอสนคาเขา เจาของรานจะท าการเตรยมสนคา และรอการแจงการช าระเงนจากลกคา เมอลกคาแจงท าการช าระเงนแลว เจาของรานจะท าการสงสนคาใหกบลกคา โดยเจาของรานท าการสงขอความ order() ไปยงวตถ shoeShop และวตถ shoeShop จะท าการสงขอความ searchOrder() ไปยงวตถ Order เพอท าการคนหาการสงซอสนคาของลกคา และโดยเจาของรานท าการสงขอความ payment() ไปยงวตถ shoeShop และวตถ shoeShop จะท าการสงขอความ searchPayment() ไปยงวตถ Payment เพอท าการคนหาการแจงช าระเงนของลกคา ดงแสดงในรปท 3.7
รปท 3.7 แผนภาพล าดบเหตการณการตรวจสอบการสงซอสนคาและแจงช าระเงน
16
3.2.3 แผนภาพคลาส แผนภาพคลาสไดแสดงคลาสทมอยในระบบรานขายรองเทาออนไลน และไดแสดงความสมพนธระหวางแตละคลาส และยงไดแสดงรายละเอยดภายในคลาสไดวามเมธอด (Method) ทท างานอะไรอยบางในระบบรานขายรองเทาออนไลน ดงแสดงในรปท 3.8
รปท 3.8 แผนภาพคลาสระบบรานขายรองเทาออนไลน
17
จากรปท 3.8 รานขายรองเทาออนไลนประกอบดวยคลาสทงหมด 7 คลาส ซงมรายละเอยดดงตอไปน
1. คลาส Member คลาส Member เปนคลาสทเกบขอมลของลกคาทท าการสมครสมาชกของเวบไซต
ขายรองเทาออนไลน มความสมพนธกบคลาส Contact ซงใชในการตดตอกบลกคา 2. คลาส Contact
คลาส Contact เปนคลาสทเกบขอมลของลกคาเพอท าการตดตอกบลกคา มความสมพนธกบคลาส Member ซงจะเกบรายละเอยดตาง ๆ ของลกคาทเปนสมาชก
3. คลาส Category คลาส Category เปนคลาสทเกบขอมลของหมวดหมสนคา เพอท าการแยก
สนคาออกเปนกลม ๆ มความสมพนธกบคลาส Product ทเกบรายละเอยดของสนคาและสนคาทกชนดตองมการจดเกบในหมวดหมตาง ๆ
4. คลาส Product คลาส Product เปนคลาสทเกบขอมลสนคาตาง ๆ ไดแก ชอสนคา รหสสนคา ราคา
สนคา และค าอธบายสนคา มความสมพนธกบคลาส Category เพอท าการน าเอาสนคาไปไวในหมวดหมตาง ๆ
5. คลาส Basket คลาส Basket เปนคลาสทเกบขอมลการเลอกสนคาลงรายการสนคาทตองการซอ
มความสมพนธกบคลาส Product และคลาส Category ซงเกบขอมลตาง ๆ ของสนคาเพอน ามาเปนขอมลในตะกราสนคา
6. คลาส Order คลาส Order เปนคลาสทเกบขอมลการสงซอสนคา มความสมพนธกบคลาส
Member และคลาส Basket ซงเกบขอมลตาง ๆ ของสนคาเพอน ามาเปนขอมลในรายการสงซอสนคา
7. คลาส Payment คลาส Payment เปนคลาสทเกบขอมลการจายเงนช าระสนคา มความสมพนธกบ
คลาส Member และคลาส Order ซงเกบขอมลตาง ๆ ของสนคาเพอน ามาเปนขอมลในการแจงช าระสนคา
ส าหรบค าอธบายคลาสไดอธบายไวในภาคผนวก ก.
18
บทท 4 การท างานของระบบ
ระบบรานขายรองเทาออนไลนมอย 2 สวนหลก ไดแก สวนหนาบานหรอสวนหนาเวบไซตทใหลกคาเขามาใชงาน และสวนหลงบานหรอสวนบรหารจดการเวบไซตทเจาของรานใชในการปรบแตงเวบขายรองเทาออนไลน
4.1 แผนผงของเวบไซต การท างานของเวบไซตรานขายรองเทาออนไลนมการท างานตามภาพแผนผงเวบไซต ดงแสดงในรปท 4.1
รปท 4.1 แผนผงเวบไซตรานขายรองเทาออนไลน
19
4.1.1 การจดการเนอหาเวบไซตหลงบาน ระบบจดการเนอหาเวบไซตหลงบานส าหรบเจาของราน ซงเมอเขามาทหนาเวบหลงบ านจะพบหนาเวบไซต ดงแสดงในรปท 4.2
รปท 4.2 หนาเขาสระบบเวบไซตหลงบาน เมอท าการเขาสระบบแลวกจะพบหนาเวบไซตหลงบานทใชในการบรหารจดการรานคาในสวนตาง ๆ ดงแสดงในรปท 4.3
รปท 4.3 สวนบรหารจดการรานคาขายรองเทาออนไลน
20
4.2 การใชงานของระบบ การใชงานของระบบรานขายรองเทาออนไลนเมอลกคาท าการเปดหนาแรกเวบขายรองเทา
ออนไลนจะพบหนาเวบไซต ดงแสดงในรปท 4.4
รปท 4.4 หนาเวบไซตรานขายรองเทาออนไลน ลกคาสามารถเลอกชมสนคาผานเมนตาง ๆ เมอตองการเลอกซอสนคาตองท าการสมคร
สมาชกเพอเปนสมาชกของรานขายรองเทาออนไลนกอน จากนนตองท าการเขาสระบบทกครงทตองการสงซอสนคา ดงแสดงในรปท 4.5
รปท 4.5 หนาสมครสมาชกและหนาเขาสระบบ
21
ลกคาสามารถเลอกชมสนคาและดรายละเอยดขอมลสนคาไดทเมนตาง ๆ และเมอตองการเลอกสามารถเลอกสนคาลงตะกราสนคา ภายในตะกราสนคาจะมรายละเอยดของสนคาทลกคาไดเลอกไว และแสดงคาใชจายรวมทงหมดใหลกคาทราบได ดงแสดงในรปท 4.6 และรปท 4.7
รปท 4.6 รายละเอยดสนคาบนหนาเวบรานขายรองเทาออนไลน
รปท 4.7 รายละเอยดตะกราสนคาบนหนาเวบรานขายรองเทาออนไลน
22
เมอลกคาท าการสงซอสนคาแลวตองท าการโอนเงนผานทางธนาคารเพอช าระสนคาและตองแจงแกทางรานใหทราบ หลงจากนนลกคารอรบใบก ากบสนคาเปนการเสรจสนการซอสนคาผานทางเวบขายรองเทาออนไลน ดงแสดงในรปท 4.8
รปท 4.8 ใบก ากบสนคา
23
บทท 5 บทสรป เนอหาในบทนไดกลาวถงผลการด าเนนงาน ปญหาทพบและแนวทางในการแกไข และแนวทางในการพฒนาเพมเตมของรานขายรองเทาออนไลน
5.1 สรปผลการด าเนนงาน จากการศกษาและพฒนาระบบรานขายรองเทาออนไลน ผลการใชงานท าใหเกดความสะดวกสบายตอลกคาในการสงซอสนคาและไมตองเดนทางมาหนาราน ท าใหประหยดคาเดนทางใหการมาซอสนคา ลกคาสามารถเลอกดสนคาของรานคาไดผานทางเวบไซตไดตลอดเวลา จากระบบการขายรองเทาแบบเดมทตองใหลกคาเดนทางมาดทหนารานเทานน ในสวนการใชงานเวบไซตของลกคา ลกคาตองท าการสมครสมาชกเพอท าการสงซอสนคาและเพอใหรานคามขอมลของลกคาใหการตดตอหรอโฆษณาโพรโมชนใหกบลกคา เมอลกคาท าการสงซอสนคาสามารถตรวจสอบการขนสงสนคาไดโดยการตรวจเลขทพสดทใชในการลงทะเบยนได ไมตองกงวลเรองทจะไมไดสนคาทสงซอไป ในสวนของเจาของรานสามารถจดการบรหารสนคาทมไดอยางมระบบเนองจากมระบบจดการเนอหาเวบไซตเขามาชวย และยงชวยเพมชองทางใหการขายสนคาใหเจาของราน ท าใหมรายไดเพมมากขน
5.2 ปญหาและแนวทางแกไข ปญหาทพบจากการท าโครงงานนคอการท างานบนคลาวดนนท าไปไดดวยความชาเนองจากตองมการอพโหลดตวขอมลและการจดการผานอนเทอรเนต จงท าการสรางเวบขายรองเทาออนไลนบนเครองคอมพวเตอรสวนบคคล (Personal Computer) ท าใหการบรหารจดการไดรวดเรวมากขนและเมอท าเสรจแลวกท าการอพโหลดไปไวทคลาวดเซรฟเวอร
5.3 แนวทางการพฒนาเพมเตม ระบบจดการเนอหาขอมลเวบไซต (Content Management System) นนมความยดหยนในการตกแตงหนาและลกเลนใหกบเวบไซต โดยใชภาษาพ เอชพใหการปรบแตง ผพฒนาเพมเตมสามารถศกษาและน ามาใช ซงจะท าใหเวบไซตมความสวยงานและท าใหลกคามความสนใจในเวบขายรองเทาออนไลนมากยงขน
24
เอกสารอางอง
1 พงศศกด อภลกขตพงศ, 2552, สรางเวบไซตในพรบตาดวย Joomla! ฉบบสมบรณ, ซเอดยเคชน, กรงเทพฯ, หนา 24. 2 Chaisiri, S., นยามค าวา Cloud Computing [Online], Available : http://javaboom.wordpress.com/2008/07/23/whatiscloudcomputing, [23 กรกฎาคม 2552]. 3 พรอมเลศ หลอวจตร, 2550, คมอเรยน PHP และ MySQL ส าหรบผเรมตน, ซเอดยเคชน, กรงเทพฯ, หนา 33. 4 บญลอ อยคง, 2545, การตดตง Internet Server ดวย Linux, ซายแอนซเทค, นครราชสมา, หนา 1. 5 วภาศร พทยากล, 2541, ระบบการจดจ าหนายหนงสออนเทอรเนต, การศกษาโครงการเฉพาะ
เรองปรญญาวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศมหาวทยาลยเทคโนโลยพระจอมเกลาธนบร, หนา ค.
6 อรรณพ พมานโกมท, 2542, ระบบรานขายสนคาบนอนเทอรเนต, การศกษาโครงการเฉพาะเรองปรญญาวทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศ คณะเทคโนโลยสารสนเทศ มหาวทยาลยเทคโนโลยพระจอมเกลาธนบร, หนา ค.
25
ภาคผนวก ก ความหมายแผนภาพคลาส
ในเนอหาสวนนไดอธบายตวแปรและฟงกชนตาง ๆ ของแตละคลาสวามความหมาย
อยางไรเปนชนดขอมลแบบไหนและไดแสดงตวอยางขอมลเพอเพมความเขาใจ ตารางท ก.1 คลาส Member
คลาส Member คลาส Member เปนคลาสทเกบขอมลของลกคาทท าการสมครสมาชกของเวบไซตขายรองเทาออนไลน
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
member_id() member_pwd() member_name() member_birth() member_tel() member_email() member_address()
เกบชอใชงานสมาชก เกบรหส เกบชอสมาชก เกบคาวนเกด เกบคาเบอรโทรศพท เกบคาอเมล เกบคาทอย
Char(30) Char(30) Char(50) Date() Numberic(15) Char(30) Char(50)
somchai123 p@ssw0rd somchai 16/01/1987 0853333333 [email protected] 99/5 preksaville bangpai nonthaburi 11000
รายการฟงกชน ชอ ค าอธบาย
createMember() editMember() saveMember() deleteMember()
เปนค าสงการสรางขอมลสมาชก เปนค าสงแกไขขอมลสมาชก เปนค าสงบนทกขอมลสมาชก เปนค าสงลบขอมลสมาชก
26
ตารางท ก.2 คลาส Contact คลาส Contact คลาส Contact เปนคลาสทเกบขอมลของลกคาเพอท าการตดตอกบลกคา
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
contact_id() member_id() member_name() member_tel() member_email() member_address()
เกบรหสตดตอ เกบชอใชงานสมาชก เกบชอสมาชก เกบคาเบอรโทรศพท เกบคาอเมล เกบคาทอย
Char(30) Char(30) Char(50) Numberic(15) Char(30) Char(50)
Customer001 somchai123 somchai 085-333-3333 [email protected] 99/5 preksaville bangpai nonthaburi 11000
รายการฟงกชน
ชอ ค าอธบาย
createContact() editContact() saveMember()
เปนค าสงการสรางขอมลการตดตอสมาชก เปนค าสงแกไขขอมลทการตดตอสมาชก เปนค าสงบนทกขอมลการตดตอสมาชก
27
ตารางท ก.3 คลาส Category คลาส Category คลาส Category เปนคลาสทเกบขอมลของหมวดหมสนคา
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
cat_id() cat_name() cat_status()
เกบรหสหมวดหม เกบชอหมวดหม เกบสถานะหมวดหม
Char(20) Char(20) Boolean()
cat001 sneakers on / off
รายการฟงกชน
ชอ ค าอธบาย
createCategory() displayCategory() saveCategory() deleteCategory()
เปนค าสงการสรางหมวดหมสนคา เปนค าสงแสดงหมวดหมสนคา เปนค าสงบนทกหมวดหมสนคา เปนค าสงลบหมวดหมสนคา
28
ตารางท ก.4 คลาส Product
คลาส Product คลาส Product เปนคลาสทเกบขอมลสนคา
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
product_id() product_name() product_detail() product_status() product_stock() product_price() cat_id()
เกบรหสสนคา เกบชอสนคา เกบรายละเอยดสนคา เกบสถานะสนคา เกบจ านวนสนคา เกบราคาสนคา เกบหมวดหมสนคา
Char(20) Char(30) Char(150) Boolean() Numberic(5) Numberic(5) Char(20)
nike001 nike air shoe for sport on / off 15 2500 cat001
รายการฟงกชน
ชอ ค าอธบาย
productName() price() productDetail() chooseCategory() saveProduct()
เปนค าสงการสรางสนคา เปนค าสงใสราคาสนคา เปนค าสงเพมรายละเอยดสนคา เปนค าสงเลอกหมวดหมสนคาใหกบสนคา เปนค าสงบนทกสนคา
29
ตารางท ก.5 คลาส Basket คลาส Basket คลาส Basket เปนคลาสทเกบขอมลการเลอกสนคาลงรายการสนคาทตองการซอ
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
basket_id() order_id() product_id() product_name() amount() member_id() total_price() basket_datetime()
เกบรหสตะกราสนคา เกบรหสสงสนคา เกบรหสสนคา เกบชอสนคา เกบจ านวนสนคา เกบชอใชงานสมาชก เกบราคารวม เกบเวลาและวนท
Char(20) Char(20) Char(20) Char(30) Numberic(5) Char(30) Numberic(5) Datetime()
basket001 order001 nike001 nike air 4 somchai123 5250 10/02/2014 10.48
รายการฟงกชน
ชอ ค าอธบาย
createBasket() changeBasket() saveBasket() displayBasket() deleteBasket()
เปนค าสงการสรางตะกราสนคา เปนค าสงแกไขรายการสนคาในตะกราสนคา เปนค าสงบนทกตะกราสนคา เปนค าสงแสดงรายการสนคาในตะกราสนคา เปนค าสงลบตะกราสนคา
30
ตารางท ก.6 คลาส Order คลาส Order คลาส Order เปนคลาสทเกบขอมลการสงซอสนคา
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
order_id() order_status() basket_id() product_id() product_name() member_id() total_price() order_datetime()
เกบรหสสงสนคา เกบสถานะการสงซอ เกบรหสตะกราสนคา เกบรหสสนคา เกบชอสนคา เกบชอใชงานสมาชก เกบราคาการสงซอ เกบเวลาและวนท
Char(20) Boolean() Char(20) Char(20) Char(30) Char(30) Numberic(5) Datetime()
order001 yes / no basket001 nike001 nike air somchai123 7250 10/02/2014 10.48
รายการฟงกชน
ชอ ค าอธบาย
createOrder() searchOrder() saveOrder() displayOrder() cancelOrder()
เปนค าสงการสรางการสงสนคา เปนค าสงคนหาขอมลการสงสนคา เปนค าสงบนทกการสงสนคา เปนค าสงแสดงขอมลการสงสนคา เปนค าสงยกเลกการสงสนคา
31
ตารางท ก.7 คลาส Payment คลาส Payment คลาส Payment เปนคลาสทเกบขอมลการจายเงนช าระสนคา
รายการตวแปร
ชอ ค าอธบาย ชนด ตวอยางขอมล
payment_id() order_id() basket_id() product_id() product_name() member_id() total_price() payment_datetime()
เกบรหสช าระเงน เกบรหสสงสนคา เกบรหสตะกราสนคา เกบรหสสนคา เกบชอสนคา เกบชอใชงานสมาชก เกบราคารวม เกบเวลาและวนท
Char(20) Char(20) Char(20) Char(20) Char(30) Char(30) Numberic(5) Datetime()
Pay001 order001 basket001 nike001 nike air somchai123 9250 10/02/2014 10.48
รายการฟงกชน
ชอ ค าอธบาย
createPayment() searchPayment() savePayment() displayPayment()
เปนค าสงการสรางการช าระเงน เปนค าสงคนหาขอมลการช าระเงน เปนค าสงบนทกการช าระเงน เปนค าสงแสดงขอมลการช าระเงน
32
ประวตผจดท า ชอ – สกล นายเอกลกษณ รงสกรรพม วน เดอน ปเกด 16 มกราคม 2530 ประวตการศกษา ระดบมธยมศกษา มธยมศกษาตอนปลาย โรงเรยนเพชรพทยาคม พ.ศ. 2544 ระดบปรญญาตร วศ.บ. (คอมพวเตอร)
สาขาวศวกรรมคอมพวเตอร มหาวทยาลยนเรศวร พ.ศ. 2552
ระดบปรญญาโท วทยาศาสตรมหาบณฑต สาขาวชาเทคโนโลยสารสนเทศมหาวทยาลยเทคโนโลยพระจอมเกลาธนบร พ.ศ. 2556
ประวตการท างาน Network Engineer Advance Information Technology PCL พ.ศ. 2553 - ปจจบน
