15
ประเภทที6 สิ่งประดิษฐ์ด้านนวัตกรรมซอฟต์แวร์ เรื่อง เว็บไซต์ร้านสุกดีเฟอร์นิเจอร์ Website SD FURNITURE นางสาวหทัยชนก ดวงตา นางสาววัฒนา มั่นคง ระดับประกาศนียบัตรวิชาชีพชั้นสูง สาขาคอมพิวเตอร์ธุรกิจ คณะบริหารธุรกิจ

Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

  • Upload
    others

  • View
    8

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

ประเภทท 6 สงประดษฐดานนวตกรรมซอฟตแวร

เรอง เวบไซตรานสกดเฟอรนเจอร

Website SD FURNITURE

นางสาวหทยชนก ดวงตา

นางสาววฒนา มนคง

ระดบประกาศนยบตรวชาชพชนสง สาขาคอมพวเตอรธรกจ คณะบรหารธรกจ

Page 2: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

ชอโครงการ : เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ชอผจดท าโครงการ : 1. นางสาวหทยชนก ดวงตา

2. นางสาววฒนา มนคง สาขาวชา : คอมพวเตอรธรกจ ประเภทวชา : สงประดษฐดานนวตกรรมซอฟตแวร อาจารยทปรกษาโครงการ : อาจารยไอลดา ไชโย ปการศกษา : 2558

บทคดยอ

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

Page 3: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บทท 1 บทน า

1. ทมาและความส าคญของปญหา

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

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

3. วตถประสงค 3.1 เพอใหสถานประกอบการเปนทรจกมากยงขน 3.2 เพอใหการตดตอสอสารสะดวกสบายมากขน 3.3 เพอสงเสรมใหเปนธรกจมนคงได 3.4 เพอเปนการโฆษณาประชาสมพนธใหกบทางสถานประกอบการ

4. เปาหมายของโครงการ 4.1. เปาหมายเชงคณภาพ

แบบประเมนโครงการ เวบไซตรานสกดเฟอรนเจอร (SD FURNITURE) อยในเกณฑรอยละ 80% ของผประเมน 10 คน

4.2. เปาหมายเชงปรมาณ แบบประเมนโครงการ เวบไซตรานสกดเฟอรนเจอร (SD FURNITURE) อยในเกณฑดถงดมาก ผานรอย

ละ 80% ของผประเมน 10 คน

Page 4: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

5. ขอเขตของเนอหา 5.1 เวบไซตสามารถใหขอมลทอย เบอรโทรศพทตดตอ และแผนทสถานประกอบการได 5.2 เวบไซตสามารถแสดงรปภาพเฟอรนเจอรของสถานประกอบการได 5.3 เวบไซตสามารถใหค าแนะน ากบลกคาเกยวกบเรองของเฟอรนเจอรได 5.4 เวบไซตสามารถแสดงขอมลเบองตนของทางสถานประกอบการได

6. สถานทด าเนนการ 6.1 วทยาลยเทคโนโลยพายพและบรหารธรกจ กม.ท 4 ถ.เชยงใหม-แมโจ 262 หม 6 ต.หนองจอม อ.สนทราย จ.เชยงใหม 50210

6.2 รานสกดเฟอรนเจอร (SD FURNITURE) บานเลขท 69 หม 9 บ.ทาหลก ต.สนผเสอ อ.เมอง จ.เชยงใหม 50300 6.3 บานผจดท าโครงการ

- บานเลขท 69 หม 9 บ.ทาหลก ต.สนผเสอ อ.เมอง จ.เชยงใหม 50300 - 186/4 หม5 ต.ดอนแกว อ.แมรม จ.เชยงใหม 50180

7. แผนการด าเนนการ

การด าเนนการ ระยะเวลาปฏบตงาน

ต.ค. ๕๘ พ.ย. ๕๘ ธ.ค. ๕๘ ม.ค. ๕๙ ๑ ๒ ๓ ๔ ๑ ๒ ๓ ๔ ๑ ๒ ๓ ๔ ๑ ๒ ๓ ๔

1. วางแผนการด าเนนงาน 2. เกบรวมรวมขอมล 3. ศกษาและออกแบบ 4. ตรวจสอบและแกไขแบบเสนอโครงการ 5. ลงมอปฏบตและจดท าโครงการ 6. ตรวจสอบและแกไขโครงการ 7. สงโครงการทสมบรณพรอมเอกสาร

ตารางท 1.1 แสดงรายละเอยดระยะเวลาด าเนนงาน

8. งบประมาณ รายการสนคา จ านวน ราคา/หนวย จ านวนเงน (บาท)

หนงสอโปรแกรม Adobe Dreamweaver CS5.5 1 เลม 95.00 95.00

กระดาษถายเอกสาร Double A 80/500 A4 1 รม 120.00 120.00

ไวนล 1 แผน 150.00 150.00 คาปรนงาน,ถายเอกสาร 100.00

รวม 465.00 ตารางท 1.2 แสดงรายละเอยดงบประมาณ

Page 5: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

9. การตดตาม/การประเมนผล 9.1 เวบไซตสามารถใชงานไดจรง 9.2 ผใชงานมความพงพอใจ

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

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

Page 6: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บทท 2 เอกสาร ทฤษฎ และงานวจยทเกยวของ

การด าเนนการโครงการ เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ณ รานสกดเฟอรนเจอร SD FURNITURE ระหวางวนท ๕ ตลาคม ๒๕๕๘ ถง ๒9 มกราคม ๒๕๕๙ ผด าเนนโครงการทไดรวบรวม เอกสาร ทฤษฎ และงานวจยทเกยวของมหวขอดงตอไปน 2.1 ความรเกยวกบโครงการทท า 2.2 ทฤษฎทเกยวของ 2.3 ประวตวทยากร/ทปรกษาโครงการ 2.4 ค านยาม 2.1 ความรเกยวกบโครงการทท า

2.1.1 ความรเบองตนเกยวกบเวบไซต 1. ลกษณะของเวลดไวด เวบ (World Wide Web)

เวลดไวด เวบ (World Wide Web – www) หรอเรยกยอ ๆ วา เวบ ( web) เปนอนเตอรเนตชนดหนงทอยในรปแบบของกราฟกและมลตมเดย ซงประกอบดวยขอความ (Text) ภาพ (Graphic) เสย (Sound) และ ภาพเคลอนไหว (Movie) เปนตนผใชทวไปสามารถเขาไปในเวบไดงาย และจะไดรบขอมลครบถวนปจจบนถาพดถงอนเตอรเนต คนทวไปจะเขาใจวาหมายถงเวบ ทงทจรงแลวเวบเปนสวนหนงของอนเตอรเนตเทานน

2. เวบไซต (Website) และเวบเพจ (Webpage) เอกสารหรอสวนทตดตอกบผใชในเวบเรยกวาเวบเพจ ( Webpage) หมายถงเอกสารหนงหนา การใชเวบกคอการเปดอานหรอเปดใชเวบแตละหนานนเอง เวบเพจอาจสรางขนดวยภาษาคอมพวเตอร เชน HTML, ASP, PHP, JAVA ฯลฯเมอน าเวบเพจหลายๆ หนามารวมกน และระบอยในอนเตอรเนต หรอ ยอารแอล ( Uniform Resource Locator – URL) ใหกบเวบเพจกลมนนจะเรยกวา เวบไซต ( Web Site) เมอเปดเวบไซตขนมาจะพบกบหนาแรกของเวบไซตซงเรยกวาโฮมเพจ ( Homepage) ซงเปนหนาท ส าคญทสดและเปนหนาทจะเชอมโยงไปยงเวบเพจและเวบไซตอนๆ

3. เวบเบราเซอร (Web Browser) คอโปรแกรมทใชส าหรบเปดเวบเพจหรอ รบสงขอมลตามทเครองลกขายรองขอเมอเราเปดเขาสอนเตอรเนต เวบเบราเซอรทไดรบความนยมปจจบนมหลายโปรแกรม เชน Microsoft Internet Explorer (IE), Mozilla Firefox, และ Opera

4.ภาษา HTML ภาษา HTML ยอมาจากค าวา Hypertext Markup Language เปนภาษาทใชส าหรบสรางเวบเพจ โดยจะไดรบการแปลหรอการแสดงผลโดยเวบเบราเซอรซงสามารถแสดงไดทงขอความ ภาพ และเสยง และภาพเคลอนไหว การสรางเวบเพจดวยภาษา HTML ใชโปรแกรมประมวลผลค าทวไป เชน Wordpad Notepad และ MS-word เปนตน โดยปกตจะนยมใชโปรแกรม Notepad ซงมาพรอมกบปฏบตการวนโดวส ท าใหใชงานและแกไขงานสะดวกรปแบบโครงสรางภาษา HTML ประกอบดวย สวนเรมตนของค าสง เรยก Tag เปด และสวนจบของค าสง เรยก Tag ปด โดย Tag ปด จะมเครองหมาย Slash ( / ) ดงตวอยาง

Page 7: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

ภาพท 2.๑ ภาพตวอยางการเขยนโคดในโปรแกรม Notepad แลวท าการแสดงในโปรแกรม Internet Explorer

2.1.2 ความรเบองตนเกยวกบโปรแกรม Photoshop CCS๕ Photoshop CS5 คอโปรแกรมสรางและแกไขรปภาพอยางมออาชพนกออกแบบในทกวงการยอม

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

2.2 ทฤษฎทเกยวของ 2.2.1 โปรแกรม Adobe Photoshop CS5

สวนประกอบตาง ๆ ของโปรแกรม Adobe Photoshop CS5

ภาพท 2.2 สวนประกอบหนาจอของโปรแกรม Adobe Photoshop CS5

Page 8: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

1. Application Bar (แถบปรบมมมองการท างาน)เปนแถบทใชเกบปมค าสงทใชบอยๆ 2. Menu Bar (แถบเมนค าสง) เปนแถบแสดงรายการเมนค าสง โดยจะแยกตามหมวดหมการใชงาน 3. Option Bar (แถบก าหนดรปแบบของเครองมอ) เปนสวนทเกบรวบรวมรายละเอยดของเครองมอทใชอย

ขณะนน 4. Toolbox (กลองเครองมอ) เปนแถบเครองมอทเกบรวบรวมเครองมอ 5. Document window (พนทการท างาน) เปนบรเวณทเราใชแสดงภาพและตกแตงภาพ 6. Panel (พาเนล) เปนสวนควบคมรายละเอยดปลกยอยในการ

ภาพท 2.3 สวนประกอบของแถบเมนค าสง โปรแกรม Adobe Photoshop CS5

File งานเกยวกบไฟลภาพ เชน การเปดไฟล (Open) และปดไฟล (Close) Edit ปรบแตงภาพในรปแบบตางๆ Image ปรบแตงรปภาพ เชน การปรบขนาดรปภาพและการปรบโหมดส Layer ปรบแตงภาพในแตละเลเยอร และสรางความสมพนธระหวางเลเยอร Select จดการกบพนทภาพทเลอกไว มกใชรวมกบกลองเครองมอ Filter ปรบแตงภาพอตโนมตดวยค าสง Analysis ก าหนดคาเกยวกบเครองมอวดทใชกบรปภาพ ไมบรรทด พนทเสนรอบรป 3D ตกแตงภาพกราฟก 3 มต View ก าหนดมมมองการแสดงภาพในรปแบบตางๆ เชน การขยายดภาพใกลๆ Window จดการหนาตางทอยหนาจอโปรแกรมเพอชวยใหท างานไดสะดวกขน Help รวบรวมวธการใชงานและค าแนะน าเกยวกบโปรแกรม Photoshop CS5

Page 9: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

2.2.2 Adobe Dreamweaver CS5.5 สวนประกอบหลงของโปรแกรม Adobe Dreamweaver CS5.5

ภาพท 2.๔ สวนประกอบหลงของโปรแกรม Adobe Dreamweaver CS5.5

1. แถบค าสง (Menu Bar) เปนสวนทเกบค าสงตางๆ ทใชงานใน 2. แถบ (Document Tool Bar) เปนสวนทใชในการจดการกบเวบเพจ ณ ขณะนน 3. พนทออกแบบ (Document Window) เปนสวนทใชส าหรบใสเนอหาและจดองคประกอบ 4. แถบสถานะ (Status Bar) เปนสวนทแสดงสถานะของการใชงาน 5. แถบทอยไฟล (Local Files) แสดงทอยของไซตงานทก าลงท าอย และแสดงไฟลงานทงหมดเพอใหงาย

ตอการเรยกใช 6. Panel Group เปนกลมของแผงควบคม ทใชแทนค าสงและตดตอกบฐานขอมล

2.3 ประวตวทยากร/ทปรกษาโครงการ ชอ-สกล อาจารยไอลดา ไชโย วน/เดอน/ปเกด ๗ พฤษภาคม พ.ศ. 253๔ อาย ๒๔ ป ทอยปจจบน ๑๒๖ ตนขาม2 ต.ทาศาล อ.เมอง จ.เชยงใหม ๕๐๐๐๐ เบอรโทรศพท 08๐-๑๓๒๑๙๙๓ จบการศกษา มหาวทยาลยแมโจ สาขา เทคโนโลยสารสนเทศทางธรกจ 2.4 ค านยาม Internet คอ แหลงทรวมของขอมลมหาศาล และเปนชองทางตดตอสอสารเพอแลกเปลยนขอมลทสะดวกและรวดเรว บรการยอดนยมบนอนเตอรเนต ไดแก เวบเพจ ( www) อเมล และ Instant Messaging เชน MSN Messenger, Yahoo Messenger, ICQ เปนตน WWW (World Wide Web) คอ บรการขอมล โดยขอมลของ www จะอยในรปเอกสารแบบ Hypertext ซงภายในเอกสารจะมจดเชอมโยง ( link) ไปยงเอกสารอนๆ ทเกยวของ เอกสารตางๆ ทเชอมโยงกนเหมอนใยแมงมม เปนทมาของค าวา Web.

Page 10: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

HTTP คอ โปรโตคอลส าหรบเปดดขอมลจาก www เรยกใชงานไดโดยระบ http:// และตามดวย URL ในชองกรอก Address ดานบนของโปรแกรมเวบบราวเซอร URL (Uniform Resource Locator) คอ ขอความทบอกต าแหนงของขอมลใน Internet ไมวาจะเปน Web page, File ประเภทตางๆ เชน รปภาพ เสยง URL ประกอบดวย โปรโตคอล + domain name + (directory ทเกบไฟล) ชอไฟล เชนhttp://www.yahoo.co.th เปนตน Domain name คอ ชอเวบไซต (ทไมมการซ ากนกบเวบไซตอนๆ) เชน google.com, enjoyday.net , yahoo.com , homtail.com Webpage คอ หนาเอกสารของบรการ www ทอยในรปแบบ HTML ภายในประกอบดวยขอความ ภาพ ลงค Web page แตละหนาจะเชอมโยงกน เพอใหเราเรยกดเอกสารหนาอนๆ ทเกยวของไดอยางสะดวก ไมตองระบ URL เองทกครง Homepage คอ Web page หนาแรกทผใชเหนเมอเขามายง Web site มกถกออกแบบใหโดดเดน นาสนใจ และมลงคเชอมโยงไปเวบเพจหนาอนๆ Web template คอ รปแบบเวบไซตส าเรจรปหรอเวบไซตอตโนมตทยงไมมการใสเนอหาเขาไป คลายๆกบ แบบฟอรมจดหมายทมหวกระดาษ มรป Logo ตกแตง ไวเรยบรอยแลว ทานเพยงแต เปลยนรป หรอใสเนอหาทตองการเขาไป ซงเหมาะสมส าหรบผทไมมความช านาฯในการใชเครองมอท าเวบ เชน Flash หรอ Graphic ตางๆ

Page 11: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บทท 3 วธการด าเนนงานโครงการ

การด าเนนการโครงการ เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ณ รานสกดเฟอรนเจอร SD FURNITURE ระหวางวนท ๕ ตลาคม ๒๕๕๘ ถง ๒9 มกราคม ๒๕๕๙ ผด าเนนโครงการมวธการด าเนนงานโครงการดงตอไปน 3.1 รปแบบของโครงการ 3.2 ตวอยาง โครงงานทสอดคลอง 3.3 ขนตอนการด าเนนงาน 3.4 การว เคราะหขอมล 3.1 รปแบบของโครงการ โครงการ เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE เปนโครงการประเภท สงประดษฐดานนวตกรรมซอฟตแวรเกยวกบการจดท าเวบไซต ใหกบรานสกดเฟอรนเจอร SD FURNITURE เพอเปนการขยายชองทางในการตดตอกบลกคาพรอมเพมความสะดวกสบายใหกบลกคาในการตดตอกบสถานประกอบการไดมากขนทงประหยดเวลาและระยะทาง ลกคาสามารถเปดดเวบไซตไดตลอดเวลา 3.2 ตวอยางโครงงานทสอดคลอง ตวอยางหนา Web Site : http://www.tewichdesign.com ซงเปนเวบไซตของทางรานเตวช ดไซน ซงทางรานไดรบสงท าเฟอรนเจอรตามแบบทลกคาตองการ โดยมรายระเอยดตวอยางของหนา Web Site ดงน

ภาพท 3.๑ แสดงหนาแรกของเวบไซตรานเตวช ดไซน

Page 12: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

ภาพท 3.๒ แสดงหนาแบบโซฟา ของรานเตวช ดไซน

ภาพท 3.3 แสดงหนาเกยวกบเรา ของรานเตวช ดไซน

3.3 ขนตอนการด าเนนงาน 3.3.1 ขนเตรยมการ

- เสนอโครงงานเพอเสนออาจารยทปรกษาโครงงาน - สงแบบเสนอเคาโครงของการศกษาโครงการเสนอตออาจารยทปรกษาโครงการรวบรวมขอมล

เกยวกบเรองเฟอรนเจอร แผนท สถานท เบอรโทรศพทตดตอและ E-mail พรอมบนทกภาพจากรานสกดเฟอรนเจอร (SD FURNITURE)

- ศกษาการสรางเวบไซตทสรางโดยโปรแกรม Adobe Dreamweaver CS5.5 ในหนงสอคมอการใชงานและคนควาทางอนเตอรเนต

- จดท าเคาโครงของเวบไซตเสนอตอสถานประกอบการ - บนทกรายละเอยดทสถานประกอบการตองการเกยวกบตวเวบไซต - ปฏบตการจดท าโครงงาน “เวบไซตรานสกดเฟอรนเจอร (SD FURNITURE)”

3.4 การวเคราะหขอมล การประเมนผล โดยการท าแบบส ารวจความพงพอใจหรอแบบประเมนใหผทเขาใชหรอเยยมชม เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ท าการประเมน โดยผพฒนาโปรแกรมเปนผก าหนดหลกเกณฑการประเมนเอง โดยสอดคลองกบการเขาใชและวตถประสงคของกรเผยแพรขอมลในเวบไซตจากแบบประเมนผลทงหมด 10 ชด

Page 13: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บทท 4 ผลการด าเนนงานโครงการ

การด าเนนการโครงการ เรองเวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE มวตถประสงค 1.เพอใหสถานประกอบการเปนทรจกมากยงขน ๒.เพอใหการตดตอสอสารสะดวกสบายมากขน ๓. เพอสงเสรมใหเปนธรกจมนคงได ๔.เพอเปนการโฆษณาประชาสมพนธใหกบทางสถานประกอบการ จากการวเคราะหขอมล ผด าเนนโครงการมผลการด าเนนงานโครงการดงตอไปน 4.1 ผลการด าเนนงานโครงการ/ผลการวเคราะหขอมล 4.2 อภปรายผลการด าเนนงานโครงการ 4.1 ผลการด าเนนงานโครงการ/ผลการวเคราะหขอมล โครงการ เรองเวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ผจดท ามวตถประสงค เพอเปนการโฆษณาประชาสมพนธใหกบทางสถานประกอบการ หวงผลในการสรางภาพลกษณของสถานประกอบการใหเปนทยอมรบและเปนการขยายชองทางในการตดตอกบลกคาไดมากยงขน ผลสรปทไดคอ - เวบไซตมขอมลเพยงพอส าหรบความตองการของลกคาท าใหลกคาเขาถงเมนตางๆ ภายในเวบไซตไดอยาง

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

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

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

4.2 อภปรายผลการด าเนนงาน โครงการเรอง เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE โดยโปรแกรมทใชในการพฒนาจดท าโครงงานคอโปรแกรม Adobe Dreamweaver CS5.5 และโปรแกรม Adobe Photoshop CS5 ไดมศกษาเกยวกบทฤษฎการใชงานของโปรแกรม Adobe Dreamweaver CS5.5 และโปรแกรม Photoshop CS5 เพอน ามาประกอบการท างานในโครงการ

Page 14: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บทท 5 สรปผลการน าเสนอโครงการและขอเสนอแนะ

การด าเนนการโครงการ เวบไซตรานสกดเฟอรนเจอร Website SD FURNITURE ณ รานสกดเฟอรนเจอร SD FURNITURE ระหวางวนท ๕ ตลาคม ๒๕๕๘ ถง ๒ 9 มกราคม ๒๕๕๙ ผด าเนนโครงการมสรปผลการด าเนนงานโครงการและขอเสนอแนะ ดงตอไปน 5.1 สรปผลการด าเนนโครงการ 5.2 ขอเสนอแนะ 5.1 สรปผลการด าเนนงานโครงการ 5.1.1 วตถประสงคของโครงการ

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

4. เพอเปนการโฆษณาประชาสมพนธใหกบทางสถานประกอบการ 5.1.2 วธการด าเนนงานโครงการ 1. ขนเตรยมการ (1) พจารณาเลอกโครงการ (2) เขยนเคราโครงรางโครงการเพอเสนอของอนมตโครงการ (3) ออกแบบเวบไซต (4) ก าหนดปฏทนการปฏบตงาน (5) ศกษาเอกสาร ทฤษฎ และงานวจยทเกยวของ 2. ขนด าเนนการ (1) ตดตอประสานงานผทเกยวของ (2) สรางเครองมอในการเก บรวบรวมขอมล (3) ปฏบตตามแผนธรกจและปฏทนการปฏบตงาน (4) รายงานความกาวหนาของการปฏบตงาน 5.2 ขอเสนอแนะ 5.2.1 ขอเสนอแนะในการใชงาน เวบไซตควรเพมรปภาพขนตอนการท างาน และบรรยากาศการท างานภายในสถานประกอบการลงในสวนของหนา Profile (ประวต) 5.2.2 ขอเสนอแนะในการน าไปพฒนาครงตอไป เวบไซตนยงขาดระบบฐานขอมลทเกยวของกบการเกบขอมลของลกคา ซงทางผจดท าจะไดมการพฒนาเวบไซตนในโอกาสตอไป

Page 15: Website SD FURNITURE - payaptechno.ac.th · สูงมาก ทั้งในเรื่องเศรษฐกิจและเทคโนโลยีได้เข้ามามีบทบาทส

บรรณานกรม

หนงสอ พนจนทร ธนวฒนเสถยร. ออกแบบและสรางเวบสวยดวย Dreamweaver CS5.5.กรงเทพฯ: บรษท แมคเอดด เคชนจ ากด, 2554พนจนทร ธนวฒนเสถยร. ออกแบบและสรางเวบสวยดวย Dreamweaver CS5.5.กรงเทพฯ: บรษท แมคเอดด เคชนจ ากด, 2554 เวบไซต รฐภม เถอนถนอม. Image Slide Generator: เครองมอสรางสไสด. [ออนไลน]. เขาถงไดจาก: http//www.rongrean.com/slider.jsp (วนทคนขอมล 20 ธนวาคม 255๘) HIMA.jQuery lightbox. [ออนไลน]. เขาถงไดจาก: http//www.itshee.exteen.com/20090115/jquery-lightbox (วนทคนขอมล 25 ธนวาคม 255๘)