e-commerce for bookstore selling cartoon novel online

96
เว็บไซต์ ร้านขายหนังสือนิยายการ์ตูนออนไลน์ E-Commerce for Bookstore selling cartoon novel online จัดทาโดย นายอรรคพงศ์ คูรัตนะ นายวโรตม์ กรกุม โครงการนี ้เป็นส่วนหนึ ่งของการศึกษาตามหลักสูตรประกาศนียบัตรวิชาชีพชั ้นสูง สาขาวิชาคอมพิวเตอร์ธุรกิจ วิทยาลัยเทคโนโลยีอรรถวิทย์พณิชยการ ปีการศึกษา 2561

Upload: others

Post on 30-Nov-2021

1 views

Category:

Documents


0 download

TRANSCRIPT

เวบไซต รานขายหนงสอนยายการตนออนไลน E-Commerce for Bookstore selling cartoon novel online

จดท าโดย นายอรรคพงศ ครตนะ นายวโรตม กรกม

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

วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561

Scanned by CamScanner

บทคดยอ หวขอโครงการ โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน

(Bookstore Selling Cartoon Novels Online) ผจดท าโครงการ นายอรรคพงศ ครตนะ

นายวโรตม กรกม อาจารยทปรกษา อาจารยนราภรณ บวนช อาจารยทปรกษารวม อาจารยดฐประพจน สวรรณศาสตร สาขาวชา สาขาวชาคอมพวเตอรธรกจ สถาบน วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 --------------------------------------------------------------------------------------------------------------------------

บทคดยอ

ในการท าโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผ ทสนใจสนคาเขามารบชมสนคาและเลอกซอสนคาผานทางเวบไซต มการออกแบบระบบการท างานให Admin สามารถเขาไปเพมสนคา ลบสนคา ไดในเวบไซต มการสมครสมาชกเพอ Login เขาเวบไซต เวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน ทเราไดจดท าขนมาจะเปนการน าสนคาจากคายหนงสอนยายท งหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผ ใชมตวเลอกในการชอสนคาของคายทตองการโดยใชโปรแกรมAdobe Dreamweaver CS6 ในการออกแบบเวบไซตมการสรางปมเพอเชอมโยงไดงายและสะดวก มการออกแบบหนาจอเวบไซต Logo Benner เพอใหเวบไซตออกมาดหนาสนใจและมการจดท าฐานขอมลของเวบไซตโดยใชAppservsเพอเกบขอมลสนคา และ ของผใชงานทตองการชอสนคา จากการคนควาและจดท าเวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผทสนใจเขามาชมเวบไซตและเลอกซอสนคาผานทางเวบไซตได

กตตกรรมประกาศ

โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online) ไดส าเรจเกดจากความรวมมอเปนอยางดของสมาชกทกคนในกลม และทกทานทมสวนเกยวของในการท าโครงการครงนไมวาจะเปนอาจารยทปรกษาหลกหรออาจารยทปรกษารวม ท งตลอดจนผปกครองของสมาชกในกลมและสถานทในการท าโครงการครงนดวยคอหองคอมพวเตอรของวทยาลยเทคโนโลยอรรถวทยพณชยการทท าใหโครงการนส าเรจไปไดดวยด

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

ค ำน ำ

การจดท าโครงการน เปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ โดยคณะผจดท าไดจดท าโครงการประเภท E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online)

เวบไซตททางคณะผจดท าไดจดท านน ประกอบไปดวยสนคาประเภท หนงนยายการตน ทงหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผใชมตวเลอกในการชอสนคาของคายทตองการ หากโครงการนมขอผดพลาดประการใด ทางคณะผจดท า ขออภยไว ณ ทน และจะด าเนนการพฒนาผลงานทางดานคอมพวเตอรใหพฒนาใหดยงขน

คณะผจดท า

6 กมภาพนธ 2562

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

Scanned by CamScanner

บทคดยอ หวขอโครงการ โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน

(Bookstore Selling Cartoon Novels Online) ผจดท าโครงการ นายอรรคพงศ ครตนะ

นายวโรตม กรกม อาจารยทปรกษา อาจารยนราภรณ บวนช อาจารยทปรกษารวม อาจารยดฐประพจน สวรรณศาสตร สาขาวชา สาขาวชาคอมพวเตอรธรกจ สถาบน วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 --------------------------------------------------------------------------------------------------------------------------

บทคดยอ

ในการท าโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผ ทสนใจสนคาเขามารบชมสนคาและเลอกซอสนคาผานทางเวบไซต มการออกแบบระบบการท างานให Admin สามารถเขาไปเพมสนคา ลบสนคา ไดในเวบไซต มการสมครสมาชกเพอ Login เขาเวบไซต เวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน ทเราไดจดท าขนมาจะเปนการน าสนคาจากคายหนงสอนยายท งหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผ ใชมตวเลอกในการชอสนคาของคายทตองการโดยใชโปรแกรมAdobe Dreamweaver CS6 ในการออกแบบเวบไซตมการสรางปมเพอเชอมโยงไดงายและสะดวก มการออกแบบหนาจอเวบไซต Logo Benner เพอใหเวบไซตออกมาดหนาสนใจและมการจดท าฐานขอมลของเวบไซตโดยใชAppservsเพอเกบขอมลสนคา และ ของผใชงานทตองการชอสนคา จากการคนควาและจดท าเวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผทสนใจเขามาชมเวบไซตและเลอกซอสนคาผานทางเวบไซตได

กตตกรรมประกาศ

โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online) ไดส าเรจเกดจากความรวมมอเปนอยางดของสมาชกทกคนในกลม และทกทานทมสวนเกยวของในการท าโครงการครงนไมวาจะเปนอาจารยทปรกษาหลกหรออาจารยทปรกษารวม ท งตลอดจนผปกครองของสมาชกในกลมและสถานทในการท าโครงการครงนดวยคอหองคอมพวเตอรของวทยาลยเทคโนโลยอรรถวทยพณชยการทท าใหโครงการนส าเรจไปไดดวยด

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

ค ำน ำ

การจดท าโครงการน เปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ โดยคณะผจดท าไดจดท าโครงการประเภท E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online)

เวบไซตททางคณะผจดท าไดจดท านน ประกอบไปดวยสนคาประเภท หนงนยายการตน ทงหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผใชมตวเลอกในการชอสนคาของคายทตองการ หากโครงการนมขอผดพลาดประการใด ทางคณะผจดท า ขออภยไว ณ ทน และจะด าเนนการพฒนาผลงานทางดานคอมพวเตอรใหพฒนาใหดยงขน

คณะผจดท า

6 กมภาพนธ 2562

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

บทคดยอ หวขอโครงการ โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน

(Bookstore Selling Cartoon Novels Online) ผจดท าโครงการ นายอรรคพงศ ครตนะ

นายวโรตม กรกม อาจารยทปรกษา อาจารยนราภรณ บวนช อาจารยทปรกษารวม อาจารยดฐประพจน สวรรณศาสตร สาขาวชา สาขาวชาคอมพวเตอรธรกจ สถาบน วทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 --------------------------------------------------------------------------------------------------------------------------

บทคดยอ

ในการท าโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผ ทสนใจสนคาเขามารบชมสนคาและเลอกซอสนคาผานทางเวบไซต มการออกแบบระบบการท างานให Admin สามารถเขาไปเพมสนคา ลบสนคา ไดในเวบไซต มการสมครสมาชกเพอ Login เขาเวบไซต เวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน ทเราไดจดท าขนมาจะเปนการน าสนคาจากคายหนงสอนยายท งหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผ ใชมตวเลอกในการชอสนคาของคายทตองการโดยใชโปรแกรมAdobe Dreamweaver CS6 ในการออกแบบเวบไซตมการสรางปมเพอเชอมโยงไดงายและสะดวก มการออกแบบหนาจอเวบไซต Logo Benner เพอใหเวบไซตออกมาดหนาสนใจและมการจดท าฐานขอมลของเวบไซตโดยใชAppservsเพอเกบขอมลสนคา และ ของผใชงานทตองการชอสนคา จากการคนควาและจดท าเวบไซตโครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน เพอใหผทสนใจเขามาชมเวบไซตและเลอกซอสนคาผานทางเวบไซตได

กตตกรรมประกาศ

โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online) ไดส าเรจเกดจากความรวมมอเปนอยางดของสมาชกทกคนในกลม และทกทานทมสวนเกยวของในการท าโครงการครงนไมวาจะเปนอาจารยทปรกษาหลกหรออาจารยทปรกษารวม ท งตลอดจนผปกครองของสมาชกในกลมและสถานทในการท าโครงการครงนดวยคอหองคอมพวเตอรของวทยาลยเทคโนโลยอรรถวทยพณชยการทท าใหโครงการนส าเรจไปไดดวยด

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

ค ำน ำ

การจดท าโครงการน เปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ โดยคณะผจดท าไดจดท าโครงการประเภท E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online)

เวบไซตททางคณะผจดท าไดจดท านน ประกอบไปดวยสนคาประเภท หนงนยายการตน ทงหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผใชมตวเลอกในการชอสนคาของคายทตองการ หากโครงการนมขอผดพลาดประการใด ทางคณะผจดท า ขออภยไว ณ ทน และจะด าเนนการพฒนาผลงานทางดานคอมพวเตอรใหพฒนาใหดยงขน

คณะผจดท า

6 กมภาพนธ 2562

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

กตตกรรมประกาศ

โครงการ E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online) ไดส าเรจเกดจากความรวมมอเปนอยางดของสมาชกทกคนในกลม และทกทานทมสวนเกยวของในการท าโครงการครงนไมวาจะเปนอาจารยทปรกษาหลกหรออาจารยทปรกษารวม ท งตลอดจนผปกครองของสมาชกในกลมและสถานทในการท าโครงการครงนดวยคอหองคอมพวเตอรของวทยาลยเทคโนโลยอรรถวทยพณชยการทท าใหโครงการนส าเรจไปไดดวยด

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

ค ำน ำ

การจดท าโครงการน เปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ โดยคณะผจดท าไดจดท าโครงการประเภท E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online)

เวบไซตททางคณะผจดท าไดจดท านน ประกอบไปดวยสนคาประเภท หนงนยายการตน ทงหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผใชมตวเลอกในการชอสนคาของคายทตองการ หากโครงการนมขอผดพลาดประการใด ทางคณะผจดท า ขออภยไว ณ ทน และจะด าเนนการพฒนาผลงานทางดานคอมพวเตอรใหพฒนาใหดยงขน

คณะผจดท า

6 กมภาพนธ 2562

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

ค ำน ำ

การจดท าโครงการน เปนสวนหนงของวชาโครงการ หลกสตรประกาศนยบตรวชาชพชนสง สาขาวชาคอมพวเตอรธรกจ โดยคณะผจดท าไดจดท าโครงการประเภท E-Commerce รานขายหนงสอนยายการตนออนไลน (Bookstore Selling Cartoon Novels Online)

เวบไซตททางคณะผจดท าไดจดท านน ประกอบไปดวยสนคาประเภท หนงนยายการตน ทงหมด 6 คาย คอ A-Plus Dexpress First page pro Luckpim Phoenix Zenshu เพอผใชมตวเลอกในการชอสนคาของคายทตองการ หากโครงการนมขอผดพลาดประการใด ทางคณะผจดท า ขออภยไว ณ ทน และจะด าเนนการพฒนาผลงานทางดานคอมพวเตอรใหพฒนาใหดยงขน

คณะผจดท า

6 กมภาพนธ 2562

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญตาราง หนา

ตารางท 11 แผนการด าเนนงาน (Gantt Chart) 3 ตารางท 12 งบประมาณการด าเนนงาน 4 ตารางท 31 ตารางขอมลสมาชก 42 ตารางท 32 ตารางขอมลการสงซอ 42 ตารางท 33 ตารางขอมลรายละเอยดสงซอ 43 ตารางท 34 ตารางขอมลสนคา 43

ตารางท 35 ตารางขอมลประเภทสนคา 43

ตารางท 51 สรปขนาดของโปรแกรม 68

ตารางท 52 สรปเวลาการด าเนนงานจรง 72

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง 73

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญรป หนา

รปท 21 แสดงขนตอนเขาสโปรแกรม 05 รปท 22 แสดงสญลกษณระบบกระแสขอมล 06 รปท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล 08

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 08

รปท 25 แสดง Tool Box 11

รปท 26 แสดงระบบฐานขอมล 15

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน 21

รปท 28 สพนฐานแมส 22

รปท 29 สเหลองแกมเขยว 22

รปท 21 0สน าเงนแกมมวง 22

รปท 211 สแดงแกมมวง 22

รปท 212 สแดงแกมสม 23

รปท 213 สเหลองแกมสม 23

รปท 214 สน าเงนแกมเขยว 23

รปท31 การออกแบบระบบงาน (flow chart) 29

รปท 32 flow chart การสมครสมาชก 30

รปท 33 Flowchart การเขาสระบบ 31

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram) 32

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน 33

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก 34

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก 35

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา 36

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน 37

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน 38

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญรป(ตอ) หนา

รปท 311 การออกแบบ Site Map 41

รปท 312 Index 42

รปท 313 Home 42

รปท 314 หนาสนคาของA-Plus 43

รปท 315 หนาสนคาของDexpress 43

รปท 316 หนาสนคาของFirst Page Pro 44

รปท 317 วธช าระเงน 44

รปท318 ผจดท า 45

รปท 319 ตดตอเรา 45

รปท 320 สมครสมาชก 46

รปท 321 เขาสระบบ 46

รปท 322 การสงซอ 47

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510 49

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next 49

รปท 43 ใหกดยอมรบขอตกลง 50รปท 44 เลอก drive ทจะตดตงโปรแกรม 50รปท 45 กด Next (appserv) 51

รปท 46 ใสขอมลตามรปภาพแลวกด next 51

รปท 47 ใส password แลว กด install 52

รปท 48 โปรแกรมจะท าการตดตง Program 52

รปท 49 เสรจสนการตดตงโปรแกรม Appserv 53

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos 53

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234 54

รปท 412 ดบเบลคลกทไฟล Set-upexe 54

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญรป หนา

รปท 413 โปรแกรมจะท าการตรวจไฟล 55 รปท 414 โปรแกรมจะท าการตดตงโปรแกรม 55 รปท 415 ใหเรากด accept 56

รปท 416 ใหเราใส serial Number แลวกด next 56

รปท 417 ใหเลอก folder แลวกด install 57

รปท 418 รอการตดตงโปรแกรม 57

รปท 419 ตดตงโปรแกรมสมบรณ 58รปท 420 เขาสหนาหลกของเวบไซต 58

รปท 421 เขาสหนา Login 59

รปท 422 หนาทผใช login เขามาแลว 59รปท 423 หนารายการสนคา 60

รปท 424 หนาสนคาคาย A-Plus 60

รปท 425 หนาสนคาคาย Dexpress 61

รปท 426 หนาสนคาคาย First Page Pro 61

รปท 427 หนาสนคาคาย LuckPim 62

รปท 428 หนาสนคาคาย Phoenix Next 62

รปท 429 หนาสนคาคาย Zenchu 63

รปท 430 แสดงหนารายละเอยดสนคา 63รปท 431 หนาแสดงจ านวนสนคา 64

รปท 432 หนาแสดงการยนยนการสงซอ 64

รปท 433 หนาแสดงวธการสงซอสนคา 65

รปท 434 หนาชองทางการช าระเงน 65

รปท 435 หนาผจดท าเวบไซต 66

รปท 436 หนาแสดงชองทางการตดตอ 66

รปท 437 หนาเขาสระบบโดยแอดมน 67

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญรป(ตอ) หนา

รปท 438 หนารายละเอยดของสนคา 67

รปท 439 หนาเพมสนคา 68

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญ

หนา

หนาอนมต ก บทคดยอ ข กตตกรรมประกาศ ค ค าน า ง สารบญ จ สารบญรป ซ สารบญตาราง ฏ บทท 1 บทน า 11 ภมหลงและความเปนมา 1 12 วตถประสงคโครงการ 2 13 ขอบเขตการศกษา 2 14 ประโยชนทคาดวาจะไดรบ 2 15 แผนการด าเนนงาน 3 16 เครองมอทใช 4 17 งบประมาณในการด าเนนการ 4 บทท 2 ระบบงานและทฤษฎทเกยวของ 21 ระบบงานในปจจบน 5 22 ปญหาทเกดขนในระบบงานปจจบน 7 23 ทฤษฎทเกยวของ 7 24 การน าคอมพวเตอรเขามาใชในระบบงาน 28 บทท 3 การออกแบบงานดวยระบบคอมพวเตอร

31 การออกแบบระบบผงงานโปรแกรม 29 32 การออกแบบแผนภาพบรบท 29 33 Sitemap 41 34 การออกแบบกรอบแสดงเรองราว 32 35 การออกแบบสงน าเขาและสงน าออก 47

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

สารบญ (ตอ)

หนา บทท 4 เวบไซต การพฒนาระบบสอการเรยนการสอนผานเวบไซต 41 เครองมอและอปกรณทใช 48 42 โปรแกรมทงหมดทใชพฒนา 48

43 วธการตดตงโปรแกรม Appserv-win32-2510 49 44 วธการตดตงระบบฐานขอมลลงในเครองเซฟเวอร 54 45 วธการใชงานผานเวบไซต 58

บทท 5 สรปการท าโครงการ 51 สรปผลการท าโครงการ 69 52 สรปขนาดของโปรแกรม 69 53 สรปขอผดพลาดทมตอการออกแบบระบบงาน 71 54 สรปการด าเนนงานจรง(Gantt Chart) 72 55 สรปคาใชจายในการด าเนนงานจรง 73 บรรณานกรม 74 ภาคผนวก

- ใบขอเสนออนมตโครงการระบบคอมพวเตอร (ATC01) 75 - ใบขอเสนออาจารยทปรกษารวมโครงการ (ATC02) 76 - ใบขอสอบโครงการระบบคอมพวเตอรธรกจ (ATC03) 77 - ใบรายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) 78 - ใบบนทกการเขาพบทปรกษาโครงการ (ATC05) 79

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

บทท 1 บทน ำ

11 ภมหลงและควำมเปนมำ

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

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

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

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05

2

12 วตถประสงคโครงกำร 1 เพอศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขาย

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

13 ขอบเขตกำรศกษำ

1 สามารถใหผใช ลอกอน เขาระบบได 2 สามารถตรวจสอบฐานขอมลของลกคาได 3 มขอมลสนคาและราคาทชดเจน 4 มรปภาพเกยวกบสนคาประกอบ 5 มการสรางจดเชอมโยงใหสะดวกในการใชงาน 6 มการค านวณราคาสนคาใหผใช

14 ประโยชนทคำดวำจะไดรบ

1 ไดศกษาโปรแกรม Adobe Dreamweaver CS6ส าหรบสรางเวบไซตเรอง รานขายหนงสอนยายการตนออนไลน

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

3

15 แผนกำรด ำเนนงำน (Gantt Chart)

รำยกำร มถนำยน 61 กรกฎำคม 61 สงหำคม 61 กนยำยน 61

ระยะเวลำ 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รำยกำร พฤศจกำยน 61 ธนวำคม 61 มกรำคม 62 กมภำพนธ 62

หมำยเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สอบโปรแกรม ระดบ ปวช3

11 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

ตำรำงท 11 แผนการด าเนนงาน (Gantt Chart)

4

16 เครองมอทใช 1 ใชโปรแกรม Adobe Dreamweaver CS6 ในการออกแบบหนาเวบไซต 2 ใชโปรแกรม Adobe Photoshop CS55 ในการออกแบบรปภาพเพอเพมความสวยงาม

ในสวนของLogoและBanner 3 ใชโปรแกรม Appserv สรางฐานขอมล

4 ใชโปรแกรม PHP MyAdmin ในการเกบฐานขอมล

17 งบประมำณกำรด ำเนนงำน

ล ำดบ รำยกำร จ ำนวน รำคำ

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตำรำงท 12 งบประมาณการด าเนนงาน

5

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

21 ระบบงานปจจบน

รปท 21 Flow chart ระบบงานปจจบน

6

ในโลกปจจบนมความกาวหนาทางดานเทคโนโลยไปไกลมากทงดาน การคมนาคม และดานการตดตอสอสาร Internet จงเขามามสวนส าคญในการด ารงชวตประจ าว น ไมวาจะเปนการตดตอสอสารทางธรกจ Social Network รวมไปถงการตดตอซอขายสนคาผานทางเวบไซตตางๆ การซอขายปจจบนผ ซอบางกลมมความตองการสนคาทหาไดยาก หรอสนคาทมาจากตางประเทศ จงใหยากตอการซอสนคา และสนคาบางชนดกเปนสนคาทยงไมไดรบความนยมทางทองตลาด จงท าใหการซอขายทางทองตลาดนนหาไดยาก หรอในบางกรณสนคาทตองการอยไกลจากทอยอาศยจากผซอท าใหการคมนาคมเปนไปไดยาก จงท าใหการซอขายสนคาผานเวบไซต หรอระบบ E-Commerce เขามาชวยเปนตวเลอกในการซอขายสนคา โดย E-Commerce มชอทแปลเปนภาษาไทยวา ldquoพาณชยอเลกทรอนกสrdquo โดยความหมายของค าวาพาณชยอเลกทรอนกส มผใหค านยามไวเปนจ านวนมาก แตไมมค าจ ากดความใดทใชเปนค าอธบายไวอยางเปนทางการ ในภาครวมนน E-Commerce ในทรจกกนทวไป คอการซอขายสนคาผานเวบไซต ทก าลงไดรบความนยมเปนอยางมาก แตกมชองโหวมากมายในการซอขาย ผานเวบไซต ยกตวอยางเชน การโกงลกคา โดยผขายใหผซอโอนเงนผานทางธนาคารเขาบญชกอนไดรบสนคา จากนนผขายกไมท าการสงสนคาใหลกคาตามทก าหนดไว ท าใหลกคาสวนใหญไมคอยไววางใจทจะท าการซอขาย ผานเวบไซต จงตองมระบบการกระท าทท าใหลกคาไววางใจในการซอขาย เชน สามารถเชคประวตของผขาย สามารถตดตอผขายไดโดยตรง โดยมเบอรโทรศพทและทอยจรงตามบตรประชาชนก ากบ มการออกใบเสรจ ใบซอขาย และใบสงของ เปนหลกฐานแกลกคาเพอความมนใจของลกคาในการซอขาย การขายสนคาผานเวบไซตคอ การท าใหลกคามนใจ และไววางใจผขายสนคามากทสด คณะผจดท าจงไดจดท าระบบขายสนคาออนไลน ทมระบบการขายทมาตรฐาน ตรวจสอบไดทกขนตอนในการท างานมการออกใบเสรจยนยนในการซอสนคาใหแกลกลกคาผานทาง E-mail มระบบสมาชกทจะท าใหลกคาไดรบสทธประโยชนตาง ๆ มการสง SMS เขาโทรศพทมอถอ ของผซอเมอโอนเงนเขาบญชโดยอตโนมต หากผซอตองการทจะสอบถามรายละเอยดสนคาแกผขาย กสามารถท าการสอบถามไดทนทผานหนา Chat ในระบบของเราตลอดระยะเวลาในการท างานทก าหนดไว หากนอกเวลางาน สามารถฝากขอความไวหรอ โทรมาสอบถามไดตลอด 24 ชวโมง จงท าใหลกคามนใจไดวาจะไดรบสนคาอยางแนนอน

7

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

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

2 E-Commerce ยงมประเดนเชงนโยบายทท าใหรฐบาลตองเขามาก าหนดมาตรการเพอใหความคมครองกบผซอและผขายขณะเดยวกนมาตรการมนเรองระเบยบทจะก าหนดขนตองไมขดขวางการพฒนาเทคโนโลย

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

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

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

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

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

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

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

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

5

ลกษณะขนตอนการสงซอสนคาจากเวบไซตทพบเหนทวไปนนจะมรปแบบและวธการเดยวกน โดยสามารถแยกออกไดเปน 2 สวนหลกคอ - เวบเพจหนาราน (Store Front) คอ หนาเวบเพจส าหรบใชในการสงซอสนคาหรอบรการตางๆ จากรานคา - เวบเพจหลงราน (Back Office) คอเวบเพจทใชเฉพาะบคลากรของรานคาซงผใชงานภายนอกไมสามารถเขามาในสวนนได ประโยชนเพอก าหนดรายละเอยดตางทเกยวกบตวสนคาหนาเวบรานคา ระบบพาณชยอเลกทรอนกสไมไดหยดอยแคนนตอมาไดมการพฒนาระบบตาง ๆ ขนมากมายทน ามาใชทางธรกรรมตางๆ รวมทงการขายสนคาออนไลนซงในปจจบนไดมการพฒนาระบบหรอโปรแกรมทเขามาชวยในการสนบสนนการขายสนคาใหมประสทธภาพมากขน ปจจบนมการท าธรกจผานระบบเครอขายอนเทอรเนตเกดขนมากมายโดยมรปแบบตาง ๆ ดงน 1 การประกาศซอขายเปนรปแบบเวบไซต E-Commerce ทเปดโอกาสใหผทสนใจประกาศความตองการซอขายสนคาของตนไดภายในเวบไซตโดยเวบไซตจะท าหนาทเหมอนกระดานขาวและตวกลางในการแสดงขอมลสนคาตางๆ และหากมคนสนใจสนคาทประกาศไวกสามารถตดตอตรงไปยงผประกาศไดทนทจากขอมลทประกาศอยภายในเวบไซต 2 เวบไซตแคทตาลอกสนคาออนไลนเปนเวบไซตทมรายละเอยดแสดงขอมลสนคารปภาพและรายละเอยดตางๆรวมทงขอมลการตดตอในกรณทสนใจจะซอสนคาแตจะไมมระบบการช าระเงนหรอสงซอสนคา 3 รานคาออนไลนเปนเวบไซต E-Commerce ทมทงระบบการจดการสนคาระบบตะกราสนคาShopping Cart ระบบการช าระเงนรวมถงการขนสงสนคาครบสมบรณแบบท าใหผซอสามารถสงซอสนคาท าการช าระเงนผานเวบไซตไดทนท 4 การประมลสนคาเปนเวบไซต E-Commerce ทมรปแบบของการน าสนคาไปประมลขายกนโดยจะเปนการแขงขนใน การเสนอราคาสนคาหากผใดเสนอราคาสนคาไดสงสดในชวงเวลาทก าหนดกจะชนะการประมลและสามารถซอสนคาชนนนไปได ดวยราคาทไดก าหนดไวโดยสวนใหญสนคาทน ามาประมล หากเปนสนคาใหม ประวตความเปนมาของอนเทอรเนต (Internet) อนเทอรเนตเปนเครอขายคอมพวเตอร ทกอตงขนโดยกระทรวงกลาโหมของประเทศสหรฐอเมรกา ซงเปนการน าคอมพวเตอรมาเชอมตอกน มชอเรยกสมยน นวาldquoอารปาเนตrdquoการเชอมตอคอมพวเตอรจ านวนมากเขาดวยกน กอใหเกดการแลกเปลยนและการสอสารทเปนประโยชนอยางมหาศาล สงผลใหอารปาเนตเตบโตอยางรวดเรว เพราะมองคกรทางทหารและมหาวทยาลย น าเครองคอมพวเตอรเชอมตอกบเครอขายเปนจ านวนมาก ในป พศ2532 มเครองคอมพวเตอรเชอมตอกบเครอขายมากกวา10000เครองทวโลก และเครอขายนไดถกขนานนามใหมวาldquoอนเทอรเนตrdquo

6

สญลกษณระบบกระแสขอมล

ตารางท 22 แสดงสญลกษณระบบกระแสขอมล (Protocol)rdquoโดยพนฐานของการสอสารขอมลอนเทอรเนตจะใชโครงสรางแบบTCPIPยอมาจากldquoTransmission Control ProtocolInternet Protocolrdquo (TCPIP Model) ซงเปนมาตรฐานทวาดวยการก าหนดวธการตดตอสอสารระหวางคอมพวเตอร ท าใหคอมพวเตอรภายในระบบเครอขายอนเทอรเนต สามารถเชอมตอเขาหากน และตดตอสอสารแลกเปลยนขอมลกนได ความรเกยวกบการวเคราะหและออกแบบระบบการวเคราะหระบบ (Systems Analysis) คอ การศกษาขนตอนตางๆ ของการท างานและปญหาในระบบงานหนงๆ และคนหาแนวทางแกไข (Solutions) วางโครงสรางรปแบบของระบบงาน (Design) เพอน ามาพฒนาใหระบบงานทวเคราะหและออกแบบมประสทธภาพในแงการปฏบตมากทสด สวนการออกแบบระบบกคอ การน าเอาความตองการของระบบมาเปนแบบแผนหรอเรยกวาพมพเขยวโมเดลทใชส าหรบการพฒนาระบบ รปแบบของภาพ เชน ไดอะแกรม (Diagram) หรอ แผนภม (Chart) ดงน แผนภาพแสดงการไหลกระแสของขอมล (Data Flow Diagram DFD) Data Flow Diagramเปนเครองมอของนกวเคราะหระบบทชวยใหสามารถเขาใจกระบวนการท างานของแตละหนวยงานซงทราบถงการรบสงขอมลการประสานงานระหวางกจกรรมตางๆ ในการด าเนนงานซงเปนแบบจ าลองของระบบแสดงถงการไหลของขอมลท ง INPUT และ OUTPUTระหวางระบบกบแหลงก าเนดรวมทงปลายทางของการสงขอมลซงอาจเปนแผนก บคคล หรอระบบอนโดยขนอยกบระบบงานและการท างานประสานงานภายในระบบนนนอกจากนยงชวยใหรถงความตองการขอมลและขอบกพรอง(ปญหา)ในระบบงานเดมเพอใชในการออกแบบการปฏบตงานในระบบใหม

สญลกษณ ( Symbol ) ความหมาย ( Symbol Name )

Source Destination สญลกษณสงทอยภายนอกระบบ

Process สญลกษณการประมวลผล

Data Store สญลกษณการเกบขอมล

Data Flow สญลกษณเสนทางการไหลของขอมล

7

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

สญลกษณ ชอเรยก ความหมาย

Entity องคประกอบมลฐาน

Weak entity

เอนทตทไมม attribute เปนของตนเอง

Relationship ความสมพนธ

Identifying relationship

ความสมพนธทเกยวพนธเพอผานไปยง owner (ใชกบ weak entity)

Attribute คณสมบตเฉพาะของเอนทต

Key attribute

Attribute ของ เอนท ต ทค าของ Attribute ไมเทากน

Multi-valued attribute

Attribute ของเอนทตหนงมคาไดมากกวา 1 คา

Derived attribute

Attribute ทสมารถค านวณหาคาไดจาก Attribute อน

8

Composite attribute

Attribute ท ส า ม า ร ถ แบ ง แ ยกออกเปน attribute ยอยได

ตารางท 23 แสดงสญลกษณในการออกแบบระบบฐานขอมล ทฤษฎการใชโปรแกรม

1 โปรแกรม Adobe Photoshop CS5 เครองมอใน Photoshop CS5 จะแตกตางจาก CS3 และ CS4 ไปบางเลกนอย กลาวคอ โดยพนฐานจะคงเดม แตจะปรบการใชงานใหดงายขน มการเกบรวบรวมเครองมอทเกยวของเอาไว ทเดยวกน เพมชดเครองมอเขามาใหม และลดขนตอนการท างานใหนอยลง ท าใหใชงานสะดวกยงขน ในเวอรชนนไดเพมค าสง และแถบเครองมอทใชบอย ๆ วางแยกออกมาจากกลมเครองมอเดม เชน เครองมอปรบมมมอง เครองมอปรบแตงภาพทรวมอยในพาเนลเดยวกน เชน พาเนล Adjustments สวนการท างานหลก ๆ ยงคงองการใชงานเหมอนเวอรชนทผานๆ มา ซงหนาจอใหมของPhotoshop CS5 มสวนประกอบ ดงภาพ

รปท 24 หนาตางโปรแกรม Adobe Photoshop CS5 รายละเอยดสวนประกอบของโปรแกรม Photoshop CS5

1 Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมค าสงทใชงานบอย ๆ เอาไว เชนเปดโปรแกรมBridgeหมนพนทท างานยอขยายภาพ จดเรยงวนโดวภาพและจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)

9

2 Menu Bar (เมนบาร) ประกอบดวยกลมค าสงตางๆทใชจดการกบไฟล ท างานกบรปภาพและใชการปรบแตงการท างานของโปรแกรมโดยแบงเมนตามลกษณะงานนอกจากนบางเมนหลกจะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย ซงคณตองเปดเขาไปเพอเลอกค าสงภายในอกท

3 Workspace Menu (เวรคสเปซเมน) หรอพนทการท างานเปนการก าหนดรปแบบการแสดงเครองมอและพาเนลทมความเกยวของกบงานทท าการเลอกWorkspaceทเหมาะสมจะท าใหสามารถเลอกใชเครองมอไดอยางรวดเรว ใน Photoshop CS5 ม Workspace ใหเลอกใช 7 แบบ คอ

- EssentialsเปนWorkspaceพนฐานทเหมาะกบการท างานทกรปแบบเนองจากมพาเนลทครอบคลมงานทวไปใหใชงาน

- Design เปน Workspace ทเหมาะกบการออกแบบงานกราฟก โดยมพาเนล Swatches และCharacter เพมเขามาเพอใชในการออกแบบ

- Painting เปน Workspace ส าหรบการท างานดานวาดภาพ และระบาย ซงสามารถใชรวมกบ Tablet ไดเปนอยางด - Photography เปน Workspace ส าหรบดานภาพถายโดยเฉพาะ แตจะเนนดานโทนความสวาง แสงเงา และสสนของภาพเปนหลก

- 3 D และ Motion เปน Workspace ทมอยเฉพาะในเวอรชน Extended ซงเนนการท างาน 3D และการสรางภาพเคลอนไหว (Animation)

- New in CS5 เปน Workspace ทแสดงเฉพาะเครองมอและค าสงใหม ๆ ในเวอรชน CS5 เหมาะแกการศกษาฟเจอรใหมของโปรแกรม

4 Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการท างานของเครองมอตางๆโดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนนเชนเมอเราเลอกเครองมอBrush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการก าหนดขนาด และลกษณะ หวแปรง โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน

5 Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจ านวนมาก ดงนนจงมการรวมเครองมอทท าหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ เพอบอกใหรวาในปมนยงมเครองมออนอยดวย

6 Panel ( พาเนล ) เปนวนโดวยอยๆ ทใชเลอกรายละเอยด หรอค าสงควบคมการท างานตางๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจ านวนมาก เชน พาเนล Color ใชส าหรบเลอกส พาเนลInf oใชแสดงคาสตรงต าแหนงทชเมาสรวมถงขนาดต าแหนงของพนททเลอกไวPhotoshopเปนโปรแกรมในชด Creative Suite 5หรอเรยกส นๆวาCS5ซงใชส าหรบสรางและตกแตงภาพกราฟกซงมประสทธภาพและมชอเสยงมากโปรแกรมหนงดวยความสามารถทหลากหลายทงการสรางภาพใหมและตกแตงภาพดวยเครองมอและเทคนคพเศษตางๆจงท าใหPhotoshopเปน

10

โปรแกรมส าคญทจ าเปนตองมตดตงใชงานในเครองคอมพวเตอรของผใชงานสวนหญในทนขอกลาวถง Photoshop ทไดผานการพฒนามาจนถงเวอรชนท 12 ซงมชอเรยกอยางเปนทางการวา Adobe Photoshop CS5 โดยในเวอรชนนจะแบงออกเปน 2เวอรชนยอยคอ Photoshop CS5 และ Photoshop CS5Extended ซงทง 2 เวอรชนนมความสามารถแตกตางกนออกไปPhotoshop CS5 เปนเวอรชนแบบธรรมดาทเนนการท างานดานการตกแตงตดตอภาพถายเปนเวอรชนทนยมใชกนอยางแพรหลาย เพราะม ฟงกชนการท างานพ นฐาน ทครบถวนPhotoshopCS5Extendedได เพ มความสามารถนอกเหนอจากการตกแตงและการตดตอคอการท างานดาน 3D (3 มต) ใหรปทรงมแสงเงาสมจรง สรางภาพเคลอนไหวดวย Timeline แต Photoshop CS5ไมวาจะเวอรชนธรรมดาหรอเวอรชนExtendedถกออกแบบใหมความสามารถเพมมากขนและออกแบบเครองมอใหเรยกใชไดสะดวกขนซงสามารถน ามาใชในการออกแบบชนงานดานตางๆดงน 1 สอสงพมพไมวาจะเปนนตยสารวารสารหนงสอแผนพบและโบชวร 2 งานกราฟกโฆษณาสนคาทางโทรทศน 3 งานน าเสนอ (Presentation) และตกแตงภาพส าหรบภาพยนตรและมเดยทวไป Toolbox

คอ ชดเครองมอทใชงานกบงานของเราจะถกจดอยในสวนทแยกออกมาตางหากถาหากไมมเปดการใชงานท MenugtWindowgtTool ใชงานรวมกบ Menu Tools Option Bar จะเปนสวนปรบแตงในรายละเอยดตางๆของเครองมอทเลอกใช Toolsบางอนมรปภาพสามเหลยมอนเลกๆอยดานลางขวา เมอเรากดเมาสคางหรอคลกขวาบนปมนน จะมเครองมอ ทถกจดใหอยในกลมเดยวกนออกมา

11

เครองมอในTool Box

รปท 25 แสดง Tool Box 1 Marquee Tool เปนการเลอกแบบสเหลยมผนผา วงกลม แถวขนาด 1 พกเซลส หรอ

คอลมน 1 พกเซลส 2 Lasso Tool จะใชเพอสราง Selection แบบอสระ แบบ Polygonal (ตามจดทคลก) และ

Magnetic (ดงเขาหาขอบรปภาพ) 3 Slice Tool ใชในการสราง Slice และ Slice Selection Tool ใชเลอก Slice ทคณสรางขนมา 4 Healing Brush Tool ใชในการระบายส เพอซอมแซมรปภาพใหสมบรณแบบ 5 Clone Stamp Tool ใชกอปปรปโดยอาศยรปภาพตนฉบบและ Pattern Stamp Tool ใชเพอ

วาดรปโดยใชบางสวนของรปภาพทมอยเปนตนฉบบ 6 Eraser Tool ใชลบรปภาพหรอลบบางสวนของพกเซลสและท าการเกบสวนตางๆ เปน

State ตางๆ ใน History Palette 7 Blur Tool เปนอปกรณทใชส าหรบปรบคา ความคมชดของสภาพ ซงจะประกอบดวย Blur

Sharpen เลอกโดยการคลกเมาคางใว 8 Pen ใชในการสรางเสนภาพส า หรบวาดภาพซงจะสรางเสนตรงกอนแลวดดให โคงตามตองการ 9 Path Selection Tool ใชเพอเลอก Shape หรอ Path เพอแสดง Anchor Paint Direction Line

และ Direction Paint 10 3D Rotate tool ใชหมนวตถตามแกน X ไดรอบดาน 360 องศา

1 2

3

4 5 6 7 8 9 10 11

12 13

14 15 16 17 18 19 20 21 22

23

24

12

11 Hand tool เปนเครองมอใชเลอนดสวนตาง ๆ ของภาพ 12 Move tool ใชในการยายวตถ 13 Quick Selection Tool เปนเครองมอทใชเลอกขอบเขตวตถ 14 Eyedropper Tool ใชในการดดสจากรปภาพเพอใชเปนตนแบบของสกบงานชนอนๆ 15 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 16 History Brush Tool ใชกลบคนรปภาพเดมจาก State หรอ Snapshot ของรปเดยวกน 17 Gradient Tools ใชเพอไลสระหวางสหลายๆ ส ในแบบตางๆ Straight-line Radial Angle

Reflected และ Diamond 18 Burn Tool ใชลดความสวางท าใหรปภาพดมดลง 19 Type Mask Tool ใชสราง Selection เปนรปรางตวหนงสอ 20 Custom Shape Tool ใชเลอกรปภาพเลอกรปภาพทมรปรางเฉพาะจาก Custom Shape List 21 3D Camera Tools จดการกลองงานดาน 3D ไมวาจะเปนการซม หมน เคลอน 22 Zoom Tool ใชในการขยายและยอสวนการแสดงภาพบนหนาจอ 23 Foreground หรอ Background Color จะปรากฏ Color Picker ขนมาเพอใหเราเลอกคาส

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

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

2 โปรแกรม SQL Server หรอ Microsoft SQL Server คอระบบจดการฐานขอมลเชงสมพนธ ( relational database management system หรอ

RDBMS) ผลตโดยบรษท Microsoft เปนระบบฐานขอมลแบบ ClientServer และรนอยบน Window NT ซงใชภาษา T-SQL ในการดงเรยกขอมลดวยเหตทขอมลสวนใหญทวโลกเกบไวในเครองทใช Microsoft Windows เปน Operating System จงท า ใหเปนการงายตอ Microsoft SQL ทจะน าขอมลทอยในรป Windows Based มาเกบและประมวลผล และประกอบกบการทราคาถกและหางาย จงเปนปจจยหลกทท า ให Microsoft SQL จงเปนระบบฐานขอมลทมกจะถกเลอกใช

3 โปรแกรม Dreamweaver CS5 อะโดบดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร

(Macromedia Dreamweaver) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) ส าหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบนท าให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน

13

ในชวงปลายปทศวรรษ 2533 จนถงปพศ 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70 ดรมวเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถท างานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจ าลองอยาง WINEได รนลาสดคอ ดรมวฟเวอร CS4การเรมก าหนดโครงสรางของเวบ กอนด าเนนการสรางเวบเพจ ขนแรกควรก าหนดใหขอมลตาง ๆ ทเกยวของอยใน Folder เดยวกน เพองายตอคนหาและจดเกบ ตวอยางเชนท าเวบเพจของหนวยงานกอนอนเราควรสราง Folder ชอของหนวยงานกอนอาจเปนภาษาองกฤษหรอภาษาไทยกได แลวใน Folder หนวยงานคอยสราง Folder ยอยอกท อาจประกอบดวยหลาย Folder ยอย เพอใชส าหรบแยกเกบไฟลตาง ๆ เปนหมวดหม เชน ไฟลรปภาพ ไฟล HTML และ ไฟล Multimedia ตาง ๆ

Dreamweaver เปนเครองมอในการสรางเวบเพจทมประสทธภาพสง ปจจบนDreamweaver ไดพฒนาเปน CS แลว เปนโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML หรอโคดโปรแกรม หรอทศพทเทคนคเรยกวา WYSIWYG โปรแกรม Dreamweaver มฟงกชนททา ใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอรวมถงองคประกอบอนๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส ยงสามารถทา งานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจา ลองอยาง WINE ไดเวอรชนลาสดของโปรแกรมตวนคอ Adobe Dreamweaver CS55

ความสามารถของ Dreamweaver CS5 1 สนบสนนการทา งานแบบ WYSIWYG (What You See Is What You Get) หมายความวา

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

2 มเครองมอในการสรางรปแบบหนาจอเวบเพจ ซงชวยอา นวยความสะดวกใหผใชงาน ไดมาก

3 สนบสนนภาษาสครปตตาง ๆ เชน Java ASP PHP CGI VBScript 4 มเครองมอทชวยในการ Upload หนาเวบทสรางไปท Server เพอทาการเผยแพรงานท

สรางบน Internet 5 รองรบการใชมนตมเดยตาง ๆ เชน เสยง กราฟฟก และภาพเคลอนไหว ทสรางโดย

โปรแกรม Flash Shockwave Firework เปนตน 6 มความสามารถทา การตดตอกบฐานขอมล เพอเชอมตอกบเวบไซต

14

สวนประกอบ Adobe Dreamweaver CS5 1 เมนบาร (Menu bar) เปนสวนทใชในการสรางและท างานกบโปรแกรม ซงมการแบงเปน

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

2 แถบเครองมอ (Insert bar) เปนสวนของการรวบรวมเครองมอทใชในการสรางวตถหรอองคประกอบตางๆ ของหนาเวบเพจ ซงแบงเปนกลมๆ มทงหมด 8 กลม คอ - Common เปนกลมเครองมอทใชงานบอยๆ ในการสรางเวบเพจ เชน การแทรกตาราง การแทรกรปภาพ เปนตน

- Layout ใชส าหรบวางวตถทใชจดโครงสรางของเวบเพจ เชน ตาราง เฟรม และ AP Element

- Forms ใชส าหรบวางวตถทใชสรางแบบฟอรมเพอรบขอมลจากผใชงานเวบไซต เชน การสมครสมาชก เปนตน - Data ใชส าหรบวางค าสงทใชจดการกบฐานขอมลและน าฐานขอมลออกมาแสดงบนหนาเวบเพจ - Spray ใชส าหรบวางวตถทใชเทคโนโลยของ Spary ในรปแบบตางๆ - InContext Editing ใชส าหรบสรางพนทเทมเพลตเพออ านวยความสะดวกตอผใชในการแกไขเนอหา - Text ใชส าหรบจดรปแบบของขอความภายในเวบเพจ เชน ตวหนา ตวเอยง หวขอ บลเลตและแทรกสญลกษณตางๆ ได - Favorites ใชส าหรบเพมเครองมอทเรยกใชงานบอยๆ โดยเพมจากกลมเครองมออนๆ ไดโดยคลกเมาสขวาบน Insert bar แลวเลอก Customize Favorites (ตวอยางดานลางเปนการดงเครองทใชงานบอยๆ คอ ตาราง รปภาพ และ Rollover Image)

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

3 แถบสถานะ (Status bar) เปนสวนทแสดงขอมลเพมเตมเกยวกบงานทก าลงท าอย เชน การปรบขนาดการแสดงผลและเวลาทใชในการโหลดเวบเพจนนๆ

4 Properties Inspector ใชในการก าหนดคาคณสมบตของหนาเวบเพจและในสวนของวตถตางๆ ซงจะมรายละเอยดแสดงขนมา เมอมการคลกเลอกวตถนนๆ

5 พาเนล (Panel) เปนหนาตางหรอชดค าสงพเศษทใชงานเฉพาะดาน เชน ฐานขอมล ไฟลงานตางๆ สรางการเชอมโยง รวมถงเรองการอพโหลดไฟลงานขนเซรฟเวอร

15

4 Database (ฐานขอมล) คอระบบทรวบรวมขอมลไวในทเดยวกน ซงประกอบไปดวยแฟมขอมล (File) ระเบยน

(Record) และ เขตขอมล (Field) และถกจดการดวยระบบเดยวกน โปรแกรมคอมพวเตอรจะเขาไปดงขอมลทตองการได อยางรวดเรว ซงอาจเปรยบฐานขอมลเสมอนเปน electronic filing system

รปท 26 แสดงระบบฐานขอมล บต (bit) ยอมาจาก Binary Digit ขอมลในคอมพวเตอร 1 บต จะแสดงได 2 สถานะคอ 0

หรอ 1 การเกบขอมลตางๆไดจะตองน า บต หลายๆ บต มาเรยงตอกน เชนน า 8 บต มาเรยงเปน 1 ชด เรยกวา 1ไบตเชน

10100001 หมายถง ก 10100010 หมายถง ข

เมอเราน า ไบต (byte) หลายๆ ไบต มาเรยงตอกน เรยกวา เขตขอมล (field) เชน Name ใชเกบชอ Last Name ใชเกบ นามสกล เปนตนเมอน าเขตขอมล หลายๆ เขตขอมล มาเรยงตอกน เรยกวา ระเบยน (record) เชน ระเบยน ท 1 เกบชอนามสกล วนเดอนปเกด ของ นกเรยนคนท 1 เปนตนการเกบระเบยนหลายๆระเบยน รวมกน เรยกวา แฟมขอมล (File) เชน แฟมขอมล นกเรยน จะเกบชอนามสกล วนเดอนปเกด ของนกเรยน จ านวน 500 คน เปนตนการจดเกบ แฟมขอมล หลายๆ แฟมขอมล ไวภายใตระบบเดยวกน เรยกวา ฐานขอมล หรอ Database เชน เกบแฟมขอมล นกเรยน อาจารย วชาทเปดสอน เปนตนการเขาถงขอมลในฐานขอมลจงจ าเปนตองมระบบการจดการฐานขอมลมาชวยเรยกวา database management system (DBMS) ซงจะชวยใหผใชสามารถจดการ

Database

File

Record

Field

Byte

Bit

A collection of related files

A collection of related records

A collection of related field

A collection of related byte

A collection of related bit

A binary digit 0 or 1

16

กบขอมล ตามความตองการไดในหนวยงานใหญๆอาจมฐานขอมลมากกวา 1 ฐานขอมลเชน ฐานขอมลบคลากร ฐานขอมลลกคา ฐานขอมลสนคา เปนตน สาระส าคญ

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

ระบบจดการฐานขอมลซอฟตแวรส าหรบจดการฐานขอมลนน โดยทวไปเรยกวา ระบบจดการฐานขอมล หรอ ดบเอมเอส (DBMS -Database Management System) สถาปตยกรรมซอฟตแวรของดบเอมเอสอาจมไดหลายแบบ เชน ส าหรบฐานขอมลขนาดเลกทมผใชคนเดยว บอยครงทหนาหมดจะจดการดวยโปรแกรมเพยงโปรแกรมเดยว สวนฐานขอมลขนาดใหญทมผใชจ านวนมากนน ปกตจะประกอบดวยโปรแกรมหลายโปรแกรมดวยกน และโดยทวไปสวนใหญจะใชสถาปตยกรรมแบบรบ-ใหบรการ (client-server)โปรแกรมสวนหนา (front-end) ของดบเอมเอส (ไดแก โปรแกรมรบบรการ) จะเกยวของเฉพาะการน าเขาขอมลการตรวจสอบ และการรายงานผลเปนส าคญ ในขณะทโปรแกรมสวนหลง (back-end) ซงไดแก โปรแกรมใหบรการ จะเปนชดของโปรแกรมทด าเนนการเกยวกบการควบคม การเกบขอมล และการตอบสนองการรองขอจากโปรแกรมสวนหนา โดยปกตแลวการคนหา และการเรยงล าดบ จะด าเนนการโดยโปรแกรมใหบรการรปแบบของระบบฐานขอมล มหลากหลายรปแบบดวยกน นบตงแตการใชตารางอยางงาย ทเกบในแฟมขอมลแฟมเดยว ไปจนกระทง ฐานขอมลขนาดใหญมาก ทมระเบยนหลายลานระเบยน ซงเกบในหองทเตมไปดวยดสกไดรฟ หรออปกรณหนวยเกบขอมลอเลกทรอนกสรอบขาง (peripheral) อนๆ

การออกแบบฐานขอมลการออกแบบฐานขอมล (Designing Databases) มความส าคญตอการจดการระบบฐานขอมล (DBMS) ทงนเนองจากขอมลทอยภายในฐานขอมลจะตองศกษาถง

17

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

1 รปแบบขอมลแบบล าดบขน หรอโครงสรางแบบล าดบขน (Hierarchical data model) วธการสรางฐาน ขอมลแบบล าดบขนถกพฒนาโดยบรษท ไอบเอม จ ากด ในป 1980 ไดรบความนยมมาก ในการพฒนาฐานขอมลบนเครองคอมพวเตอรขนาดใหญและขนาดกลาง โดยทโครงสรางขอมลจะสรางรปแบบเหมอนตนไม โดยความสมพนธเปนแบบหนงตอหลาย (One- to -Many) 2 รปแบบขอมลแบบเครอขาย (Network data Model) ฐานขอมลแบบเครอขายมความคลายคลงกบฐาน ขอมลแบบล าดบชน ตางกนทโครงสรางแบบเครอขาย อาจจะมการตดตอหลายตอหนง (Many-to-one) หรอ หลายตอ หลาย (Many-to-many) กลาวคอลก (Child) อาจมพอแม (Parent) มากกวาหนง ส าหรบตวอยางฐานขอมลแบบเครอขายใหลองพจารณาการจดการขอมลของหองสมด ซงรายการจะประกอบดวย ชอเรอง ผแตง ส านกพมพ ทอย ประเภท

3 รปแบบความสมพนธขอมล (Relation data model) เปนลกษณะการออกแบบฐานขอมลโดยจดขอมลใหอยในรปของตารางทมระบบคลายแฟม โดยทขอมลแตละแถว (Row) ของตารางจะแทนเรคอรด (Record) สวน ขอมลนแนวดงจะแทนคอลมน (Column) ซงเปนขอบเขตของขอมล (Field) โดยทตารางแตละตารางทสรางขนจะเปนอสระ ดงนนผออกแบบฐานขอมลจะตองมการวางแผนถงตารางขอมลทจ าเปนตองใช เชนระบบฐานขอมลบรษทแหงหนง ประกอบดวย ตารางประวตพนกงาน ตารางแผนกและตารางขอมลโครงการ แสดงประวตพนกงานตารางแผนก และตารางขอมลโครงการการออกแบบฐานขอมลเชงสมพนธการออกแบบฐานขอมลในองคกรขนาดเลกเพอตอบสนองความตองการของผใชงานอาจเปนเรองทไมยงยากนก

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

1 การรวบรวมและวเคราะหความตองการในการใชขอมล 2 การเลอกระบบจดการฐานขอมล 3 การออกแบบฐานขอมลในระดบแนวคด

18

4 การน าฐานขอมลทออกแบบในระดบแนวคดเขาสระบบจดการฐานขอมล 5 การออกแบบฐานขอมลในระดบกายภาพ 6 การน าฐานขอมลไปใชและการประเมนผล

5 ทฤษฏ HTML คอ ภาษาทใชในการเขยนเวบเพจ ยอมาจากคา วา Hypertext Markup Language โดย

Hypertext หมายถง ขอความทเชอมตอกนผานลงค (Hyperlink) Markup หมายถง วธในการเขยนขอความ language หมายถงภาษา ดงนน HTML จงหมายถง ภาษาทใชในการเขยนขอความ ลงบนเอกสารทตางกเชอมถงกนใน Cyberspace ผาน Hyperlink นนเองHTML เรมขนเมอ ป 1990 เพอตอบสนองความตองการในการสอสารแลกเปลยนขอมลกนของนกวทยาศาสตรระหวางสถาบนและมหาวทยาลยตางๆทวโลก โดย Tim Berners-Lee นกพฒนาของ CERN ไดพฒนาภาษาทมรากฐานมาจาก SGML ซงเปนภาษาทซบซอนและยากตอการเรยนร จนมาเปนภาษาทใชไดงายและสะดวกในการแลกเปลยนเอกสารทางวทยาศาสตรผานการเชอมโยงกนดวยลงคในหนาเอกสาร เมอ World Wide Web เปนทแพรหลาย HTML จงถกนามาใชจนเกดการแพรหลายออกไปยงทวโลก จากความงายตอการใชงานHTML ในปจจบนพฒนามาจนถง HTML 401 และ HTML 5 นอกจากนยงมการพฒนาไปเปน XHTML ซงคอ Extended HTML มความสามารถและมาตรฐานทมากกวาเดมโดยอยภายใตการควบคมของ W3C (World Wide Web Consortium)

6 ทฤษฏ PHP เกดในป 1994 โดย RasmusLerdorf โปรแกรมเมอรอเมรกนไดคดคนสรางเครองมอทใชในการพฒนาเวบสวนตว โดยใชขอดของภาษา C และ Perl เรยกวา Personal Home Page และไดสรางสวนตดตอกบฐานขอมลทชอวา Form Interpreter ( FI ) รวมทงสองสวน เรยกวา PHPFI ซงเปนจดเรมตนของ PHP มผทเขามาเยยมชมเวบไซตและชอบจงตดตอขอเอาโคดไปใช และนา ไปพฒนาตอในลกษณะของ Open Source ภายหลงมความนยมขนเปนอยางมากภายใน 3 ป มเวบไซตทใช PHPFIในตดตอฐานขอมลและแสดงผลแบบ ไดนามกและอนๆ มากกวา 50000ไซต PHP2 (ในตอนนนใชชอวา PHPFI) ในชวงระหวาง 1995-1997 RasmusLerdorf ไดมผทมาชวยพฒนาอก 2 คนคอ ZeevSuraski และ AndiGutmans ชาวอสราเอล ซงปรบปรงโคดของ Lerdorf ใหมโดยใช C++ ใหมความสามารถจดการเกยวกบแบบฟอรมขอมลทถกสรางมาจากภาษาHTML และสนบสนนการตดตอกบโปรแกรมจดการฐานขอมล MySQL จงทาให PHP เรมถกใชมากขนอยางรวดเรว และเรมมผสนบสนนการใชงาน PHP มากขน โดยในปลายป 1996 PHP ถกนา ไปใชประมาณ15000 เวบทวโลก และเพมจา นวนขนเรอยๆ ตอมามผ มาชวยพฒนาอก 3 คน คอ StigBakken รบผดชอบความสามารถในการตดตอ Oracle Shane Caraveo รบผดชอบดแล PHP บน Window9xNT และ Jim Winsteadรบผดชอบการตรวจความบกพรองตางๆ และไดเปลยนชอเปน ProfessionalHome Page ในเวอรชนท 2PHP3 ออกมาในชวงระหวางเดอน มถนายน 1997 ถง 1999

19

มคณสมบตเดนคอสนบสนนระบบปฏบตการทง Window 9598MENT Linux และเวบเซรฟเวอร อยาง IIS PWS ApacheOmniHTTPdสนบสนน ระบบฐานขอมลไดหลายรปแบบเชน SQL Server MySQL mSQL OracleInformix ODBCPHP4 ต งแต 1999 - 2007 ซงไดเพม Functions การทา งานในดานตางๆใหมากและงายขนโดย บรษท Zend ซงม Zeev และ AndiGutmansไดรวมกอตงขน (httpwwwzendcom ) ในเวอรชนนจะเปน compile script ซงในเวอรชนหนานจะเปน embed script interpreter ในปจจบนมคนไดใช PHPสงกวา 5100000ไซตในทวโลก และผพฒนาไดตงชอของ PHPใหมวา PHP Hypertext Preprocessorซงหมายถงมประสทธภาพระดบโปรเฟสเซอรสา หรบไฮเปอรเทกซPHP5 ตงแต 2007-ปจจบน ม ไดเพม Functions การทา งานในดานตาง ๆ เชน Object Oriented Model

1 การก าหนดสโคป publicprivateprotected 2 Exception handling 3 XML และ Web Service 4 MySQLi และ SQLite 5 Zend Engine 20

ลกษณะเดนของ PHP 1 สามารถใชไดฟร 2 PHP เปนโปรแกรมวงขาง Sever ดงนนขดความสามารถไมจา กด 3 Conlatfun นนคอ PHP วงบนเครอง UNIX Linux Windows ไดหมด 4 เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษา

งายๆ 5 ใชรวมกบ XML ไดทนท 6 ใชกบระบบแฟมขอมลได 7 ใชกบขอมลตวอกษรไดอยางมประสทธภาพ 8 ใชกบโครงสรางขอมลใชไดแบบ Scalar Array Associative array 9 ใชกบการประมวลผลภาพได

โปรแกรมฐานขอมลทนยมใช โปรแกรมฐานขอมล เปนโปรแกรมหรอซอฟแวรทชวยจดการขอมลหรอรายการตาง ๆ ท

อยในฐานขอมล ไมวาจะเปนการจดเกบ การเรยกใช การปรบปรงขอมล โปรแกรมฐานขอมล จะชวยใหผใชสามารถคนหาขอมลไดอยางรวดเรว ซงโปรแกรมฐานขอมมลทนยมใชมอยดวยกนหลายตว เชน Access FoxPro Clipper dBase FoxBase Oracle SQL เปนตน โดยแตละโปรแกรมจะมความสามารถตางกน บางโปรแกรมใชงายแตจะจ ากดขอบเขตการใชงาน บงโปรแกรมใชงานยากกวา แตจะมความสามารถในการท างานมากกวาโปรแกรม Access นบเปนโปรแกรมทนยมใช

20

กนมากในขณะน โดยเฉพาะในระบบฐานขอมลขนาดใหญสามารถสรางแบบฟอรมทตองการจะเรยกดขอมลในฐานขอมล หลงจากบนทกขอมลในฐานขอมลเรยบรอยแลว จะสามารถคนหาหรอเรยกดขอมลจากเขตขอมลใดกได นอกจากน Access ยงมระบบรกษาความปลอดภยของขอมล โดยการก าหนดรหสผานเพอปองกนความปลอดภยของขอมลในระบบไดดวย

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

โปรแกรม dBase เปนโปรแกรมฐานขอมลชนดหนง การใชงานจะคลายกบโปรแกรม FoxPro ขอมลรายงานทอยในไฟลบน dBase จะสามารถสงไปประมวลผลในโปรแกรม Word Processor ได และแมแต Excel กสามารถอานไฟล DBF ทสรางขนโดยโปรแกรม dBase ไดดวย

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

ความส าคญของการประมวลผลแบบระบบฐานขอมลจากการจดเกบขอมลรวมเปนฐานขอมลจะกอใหเกดประโยชนดงน 1 สามารถลดความซ าซอนของขอมลได การเกบขอมลชนดเดยวกนไวหลาย ๆ ทท าใหเกดความซ าซอน (Redundancy) ดงนนการน าขอมลมารวมเกบไวในฐานขอมล จะชาวลดปญหาการเกดความซ าซอนของขอมลได โดยระบบจดการฐานขอมล (Database Management System DBMS) จะชวยควบคมความซ าซอนไดเนองจากระบบจดการฐานขอมลจะทราบไดตลอดเวลาวามขอมลซ าซอนกนอยทใดบาง

2 หลกเลยงความขดแยงของขอมลไดหากมการเกบขอมลชนดเดยวกนไวหลาย ๆ ทและมการปรบปรงขอมลเดยวกนน แตปรบปรงไมครบทกททมขอมลเกบอยกจะท าใหเกดปญหาขอมลชนดเดยวกนอาจมคาไมเหมอนกนในแตละททเกบขอมลอย จงกอใหเกดความขดแยงของขอมลขน (Inconsistency)

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

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

21

หากผใชคนใดคนหนงแกไขขอมลผดพลาดกท าใหผอนไดรบผลกระทบตามไปดวย ในระบบจดการฐานขอมล (DBMS) จะสามารถใสกฎเกณฑเพอควบคมความผดพลาดทเกดขน

5 สามารถก าหนดความเปนมาตรฐานเดยวกนของขอมลไดการเกบขอมลรวมกนไวในฐานขอมลจะท าใหสามารถก าหนดมาตรฐานของขอมลไดรวมทงมาตรฐานตาง ๆ ในการจดเกบขอมลใหเปนไปในลกษณะเดยวกนได เชนการก าหนดรปแบบการเขยนวนทในลกษณะวนเดอนปหรอ ปเดอนวน ทงนจะมผทคอยบรหารฐานขอมลทเราเรยกวา ผบรหารฐานขอมล (Database Administrator DBA) เปนผก าหนดมาตรฐานตางๆ

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

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

7 ทฤษฎส สเปนสงทมความส าคญตอวถชวต นบแตสมยดกด าบรรพจนถงปจจบน ไดน าสมาใชให

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

รปท 27 ภาพแสดงวงจรของสทเกดจากการน าแมสมาผสมกน

22

สการเกดสดงภาพ เกดจากการน าเอาแมสมาผสมกน ในอตราสวนตางๆกนซงสรปไดดงน

สขนท1 (Primary Color) คอสพนฐานมแมส 3 ส 1 สพนฐานแมส

รปท 28 สพนฐานแมส 1 แดง 2 สเหลอง 3 สน าเงน สข นท 2 (Binary Color) คอสทเกดจากการน าเอาสข นท 1 หรอแมสมาผสมกนใน

อตราสวนเทากนจะท าใหเกดสใหม 3 สไดแก 1 สเขยว เกดจากการน าเอา สเหลอง กบ สน าเงน มาผสมกนในอตราสวนเทา ๆ กน 2 สสม เกดจากการน าเอา สเหลอง กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน 3 สมวง เกดจากการน าเอา สน าเงน กบ สแดง มาผสมกนในอตราสวนทเทา ๆ กน

สขนท 3 (Intermediate Color) คอ สทเกดจากการผสมกนระหวางสของแมสกบสขนท 2 จะเกดสขนอก 6 สไดแก

รปท 29 สเหลองแกมเขยว

- สเหลองแกมเขยว เกดจาก การผสมกนระหวางสเหลองกบสเขยวอยางละเทาๆ

รปท 210 สน าเงนแกมมวง - สน าเงนแกมมวง เกดจากการผสมกนระหวางสน าเงนกบสมวงอยางละเทาๆกน รปท 211 สแดงแกมมวง - สแดงแกมมวง เกดจากการผสมกนระหวางสแดงกบสมวงอยางละเทาๆกน

23

รปท 212 สแดงแกมสม - สแดงแกมสม เกดจากการผสมกนระหวางสแดงกบสสมอยางละเทาๆกน

รปท 213 สเหลองแกมสม - สเหลองแกมสม เกดจากการผสมกนระหวางสเหลองกบสสมอยางละเทาๆกน

รปท 214 สน าเงนแกมเขยว - สน าเงนแกมเขยวเกดจากการผสมกนระหวางสน าเงนกบสเขยวอยางละเทาๆกน คณลกษณะของสม 3 ประการ คอ

- สแทหรอความเปนส(Hue) หมายถงสทอยในวงจรสธรรมชาตทง 12 ส สทเราเหนอยทกวนนแบงเปน 2 วรรณะ โดยแบงวงจรสออกเปน 2 สวน จากสเหลองวนไปถง สมวง คอ - สรอน (Warm Color) ใหความรสกรนแรงรอนตนเตนประกอบดวย สเหลองสมวง สเหลองสม สสม สแดงสม สแดง สมวงสม - สเยน (Cool Color) ใหความรสกเยนสงบสบายตาประกอบดวย สเหลอง สเขยวเหลอง สเขยว สน าเงนเขยว สน าเงน สมวงน าเงน สมวงเราจะเหนวา สเหลอง และสมวง เปนสทอยไดท ง 2 วรรณะ คอเปนสกลาง เปนไดทงสรอน และสเยน ความเขมของส (Intensity)

เกดจาก สแท คอสทเกดจากการผสมกนในวงจรส เปนสหลกทผสมขนตามกฎเกณฑและไมถกผสมดวยสกลางหรอสอน ๆ จะมคาความเขมสงสด หรอแรงจดทสด เปนคาความแทของสทไมถกเจอปน เมอสเหลาน อยทามกลางสอน ๆ ทถกผสมใหเขมขน หรอออนลง ใหมด หมน หรอเปลยนคาไปแลว สแทจะแสดงความแรงของสปรากฏออกมาใหเหน อยางชดเจน ซงจะท าใหเกดจดสนใจขนในผลงานลกษณะเชนน เหมอนกบ ดอกเฟองฟาสชมพสด หรอบานเยน ทอยทามกลางใบเฟองฟาทเขยวจด ๆ หรอ พลทถกจดสองสวางในยามเทศกาล ตดกบสมด ๆ ทบ ๆ ของทองผายามค าคน เปนตน

24

น าหนกของส (Value) เปนการใชสโดยใหมคาน าหนกในระดบตาง ๆ กน และมสหลาย ๆ ส ซงถาเปนสเดยว กจะ

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

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

25

ตารางท 215 ความรสกของส

รป ส ความหมาย

สแดง ใหความรสกรอนรนแรง กระตน ตนเตน เราใจ ความอดมสมบรณความมงคง ความรก

สสม ใหความรสก รอน มชวตชวา วยรน ความคกคะนอง การปลดปลอย ความเปรยว การระวง

สเหลอง ใหความรสกแจมใส ความสดใส ความราเรง ความมชวตใหม ความสข

สเขยว ใหความรสกสงบ เงยบ รมเยน การพกผอน การผอนคลาย ธรรมชาต ความสขม เยอกเยน

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

สมวง ใหความรสก มเสนห นาตดตาม มอ านาจความรก ความเศราความสงบ ความผดหวง ความสงศกด

สฟา ใหความรสก ปลอดโปรงโลง กวาง เบา โปรงใส สะอาด ปลอดภย ความสวาง

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

สชมพ ใหความรสกอบอน ออนโยน นมนวล ออนหวาน ความรก ความนารก ความสดใส

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

สทอง ใหความรสก ความหรหรา โออา มราคา สงคา สงส าคญ ความมงคงความเจรญรงเรอง

26

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

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

การใชสกลมกลนกน การใชสใหกลมกลนกนเปนการใชสหรอน าหนกของสใหใกลเคยงกนหรอคลายคลงกนเชน การใชสแบบเอกรงคเปนการใชสสเดยวทมน าหนกออนแกหลายล าดบการใชสขางเคยงเปนการใชสทเคยงกน 2 ndash 3 ส ในวงส เชน สแดง สสมแดง และสมวงแดง การใชสใกลเคยงเปนการใชสทอยเรยงกนในวงสไมเกน 5 ส ตลอดจนการใชสวรรณะรอนและวรรณะเยน (warm tone colors and cool tone colors) ดงไดกลาวมาแลว

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

- สเหลอง ตรงขามกบ สมวง - สสม ตรงขามกบ สน าเงน - สแดง ตรงขามกบ สเขยว - สเหลองสม ตรงขามกบ สมวงน าเงน - สสมแดง ตรงขามกบ น าเงนเขยว - สมวงแดง ตรงขามกบ สเหลองเขยว

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

27

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

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

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

- สชวยใหเกดการรบรการออกแบบตองการใหผพบเหนเกดการจดจ าใจรปแบบแลผลงาน หรอเกดความประทบใจ การใชสจะตองสะดดตา และมเอกภาพ โครงการทเกยวของ (กฤษณพล เกดทองค า2556)จากการศกษาพบวาผใหขอมลสวนใหญเปนเพศหญงคดเปนรอยละ 5926 มอายระหวาง 31-40 ปคดเปนรอยละ 5555 สวนใหญมระดบการศกษามธยมศกษาหรอเทยบเทาคดเปนรอยละ 6173 ซงผใหขอมลมสถานภาพในกลมสวนใหญเปนสมาชกกลมOTOPคดเปนรอยละ 7407 โดยแบงประเภทของสนคา OTOP ออกเปน 5 ประเภทคอสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 3333 รองลงมาเปนสนคาประภทอาหารคดเปนรอยละ 2840 สนคาประเภทสนคาเสอผาและเครองแตงกายคดเปนรอยละ 1481 สนคาประเภทสมนไพรทไมใชอาหารคดเปนรอยละ 1481 และสนคาประเภทเครองดมคดเปนรอยละ 864 รปแบบของธรกจสวนใหญเปนเจาของรายเดยวคดเปนรอยละ 5309 มระยะเวลาในการประกอบธรกจอยระหวาง 3-5 ปคดเปนรอยละ 4198 เมอจ าแนกตามจ านวนทขายไดตอเดอนสนคาประเภทเครองดมขายไดมากทสดคดเปนรอยละ 4264 รองลงมาเปนสนคาประเภทอาหารคดเปนรอยละ 2969 โดยราคาสนคาของธรกจเฉลยนนเปนสนคาประเภทของใชของตกแตงและของทระลกคดเปนรอยละ 5599 รองลงมาคอสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 3241 ส าหรบกลมลกคาหลกของธรกจสวนใหญเปนวยท างานคดเปนรอยละ 2237 รอยลงมาเปนวยครอบครวคดเปนรอยละ 2203 และวยรนคดเปนรอยละ 1661 ผประกอบการ OTOP สวนใหญมจ านวน72บคลากรทมความรความสามารถในการใชคอมพวเตอรและอนเทอรเนตในธรกจเปนสนคาประเภทอาหารคดเปนรอยละ 4000 รองลงมาเปนสนคาประเภทของใชตกแตงและของทระลกคดเปนรอยละ 2517 โดยจ านวนคอมพวเตอรทใชงานในธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 3220 รองลงมาเปนสนคาประเภทเสอผาและเครองแตงกายคดเปนรอยละ 2390 ซงผประกอบการในปจจบนมการใชอนเทอรเนตเปนชองทางในการบอกขอมลขาวสารหรอขายสนคาคดเปนรอยละ 10000 สวนใหญใชอปกรณเครองคอมพวเตอรเพอใชในการเขาสอนเทอรเนตของธรกจสวนใหญเปนสนคาประเภทอาหารคดเปนรอยละ 9506 โดยมยอดขายทเพมขนจากเดมเมอน า

28

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

(วทญญ แสงปญหาม 2557) ศกษาพฤตกรรมการซอทางอนเทอรเนตของผทเคยซอสนคาและบรการผานอนเทอรเนตและอาศยอยในจงหวดขอนแกน ผลการศกษาพบวา กลมตวอยางทเคยซอสนคาหรอบรการทางอนเทอรเนต สวนใหญเปนเพศชาย และผตอบแบบสอบถามสวนใหญมอายระหวาง 15-24 ป มรายไดตอเดอนนอยกวา 10 000 บาท นยมซอสนคาจากเวบไซตภายในประเทศสวนใหญเคยซอสนคาหรอบรการผานอนเทอรเนตมากกวา 5 ครง และนยมช าระเงนโดยโอนเงนผานธนาคาร ส าหรบสาเหตทท าใหผตอบแบบสอบถามสวนใหญจะไมซอหรอจองสนคาและบรการทางอนเทอรเนตเพราะกลวถกหลอกหลวงมากทสดรองลงมาคอไมเหนสนคาจรงและใหความส าคญตอขนตอนการสงซอยงยากนอยทสด นอกจากน ผลการศกษาท าใหทราบวาเพศชาย สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณสอสาร และใชบรการทางอนเทอรเนตในการช าระคาบรการตางๆ เพศหญงสวนใหญซอสนคาประเภทเครองส าอาง และใชบรการทางอนเทอรเนตในการจองหองพก โดยผตอบแบบสอบถามทอายนอยกวา 14 ป และอาย 15-24 ป สวนใหญซอสนคาประเภทเครองแตงกายสวนผสอบถามอาย 25-49 ป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามอายมากกวา 50 ปขนไป สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท ผตอบแบบสอบถามทรายไดนอยกวา 10000 ndash 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอร อปกรณไอท 20000 บาท สวนใหญซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 20000 ndash 30000 บาท สวนใหญซอสนคาประเภทซอสนคาประเภทคอมพวเตอรอปกรณไอทส าหรบผตอบแบบสอบถามรายได 30000 บาทขนไป

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

1 โปรแกรม Adobe Dreamweaver CS5 ในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS51 ในการตกแตงภาพ 3 โปรแกรม Appserv ในการจ ารองเครอง Server 4 โปรแกรม PHP My Admin ในการท าฐานขอมล 5 โปรแกรม Microsoft Visio 2007 ในการท า Flowchart

29

บทท 3 การออกแบบระบบงานดวยคอมพวเตอร

31 การออกแบบระบบงาน (Flowchart)

รปท 31 การออกแบบระบบงาน (Flowchart)

30

1 Flowchart การสมครสมาชก

รปท 32 Flowchart การสมครสมาชก

Y

สมครสมาชก

ตรวจสอบขอมลใน

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลการสมครสมาชก

N

จบการท างาน

แกไขขอมล

31

2 Flowchart การเขาสระบบ

รปท 33 Flowchart การเขาสระบบ

N

เขาสระบบ

ตรวจสอบ ขอมลสมาชก

เรมตน

กรอกขอมล

บนทกขอมล

แสดงขอมลสมาชก

Y

จบการท างาน

32

32 การออกแบบแผนภาพบรบท (Context Diagram)

รปท 34 การออกแบบแผนภาพบรบท (Context Diagram)

-ขอมลการสงซอ

0 ระบบขายสนคาออนไลน ประเภทหนงสอนนาย

การตนออนไลน E - Commerce For bookstore selling Cartoon

ลกคา

ผดแลระบบ

-ขอมลการช าระเงน

-รายละเอยดสนคา

-ขอมลสมาชก

-รายละเอยดของสมาชก -รายละเอยดของสนคา -รายละเอยดการช าระเงน -รายละเอยดใบเสรจรบเงน -ใบเสรจรบเงน

-วธการช าระเงน -ขอมลรายการสนคา -ขอมลสมาชก

-รายงานสมาชก

-รายงานรายละเอยดสนคา

-รายงานการสงซอ -รายงานการช าระเงน

33

33 แผนภาพการไหลของขอมล (Data Flow Diagram) 1 Data Flow Diagram Level 1

รปท 35 Data Flow Diagram Level 1 ระบบขายหนงสอนยายการตน

1

สมาชก

ลกคา

ผดแลระบบ

D1

D2

แฟมลกคา

ขอมลลกคา รายงานการ เปนสมาชก

รายงานการสมคร

ขอมลลกคา

ยนยนการเขาสระบบ ชอผใชรหสผาน

สงซอสนคา แฟมขอมลสนคา

รายงานการสมคร

ชอผดแลระบบ

2

เขาสระบบ

แฟมลกคา

จดเกบขอมล

ตรวจสอบ ชอผใชรหสผาน ยนยนการตรวจสอบ

รายงานการสงซอ

รายละเอยดสนคา

ขอมลลกคา

3

สงซอสนคา

4

รายงาน

D3

D1

คยรหสสนคา

ช าระเงน ใบเสรจรบเงน รายงานการสงซอ

คนหารหสสนคา รายละเอยดสนคา รายงานการช าระเงน

ขอมลการสงซอ แฟมขอมลการสงซอ

คนหารายการสงซอ

รายการสงซอสนคา รายงานการสงซอสนคา คนหารายการสงซอ

34

2 Data Flow Diagram Level 1 Process 1

รปท 36 Data Flow Diagram Level 1 Process 1 ระบบ สมาชก

11

คยขอมลสมครสมาชก

12

บนทกขอมลการสมคร

13

แสดงขอมลสมาชก

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

ขอมลลกคา

35

3 Data Flow Diagram Level 1 Process 2

รปท 37 Data Flow Diagram Level 1 Process 2 ระบบ สมาชก

21

คยขอมลเขาสระบบ

22

ตรวจสอบการเขาระบบ

23

แสดงผลการเขาสระบบ

ลกคา

ผดแลระบบ

D1 แฟมลกคา

ขอมลลกคา

ขอมลลกคา

แสดงผลการเขาสระบบ แสดงผลการเขาสระบบ

ขอมลผดแลระบบ

36

4 Data Flow Diagram Level 1 Process 3

รปท 38 Data Flow Diagram Level 1 Process 3ระบบสงซอสนคา

35

บนทกสนคา ขอมลการสงซอ

31

คยรหสสนคา

33

แสดงรายการสนคา

34

สงซอสนคา

ลกคา

ขอมลสนคา

D2 แฟมขอมลสนคา

D3 แฟมขอมลการสงซอ

ขอมลการสงซอ

32

คนหารหสสนคา

36

ช าระเงน

37

ใบเสรจ

ขอมลสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลการช าระเงน

รายการสนคา

ขอมลสนคา

ขอมลสนคา

ขอมลใบเสรจ

37

5 Data Flow Diagram Level 1 Process 4

รปท 39 Data Flow Diagram Level 1Process 4 แสดงผลรายงาน

41

เลอกรายการ

43

ยนยนการคนหา

44

แสดงรายการ

ผดแลระบบ

D2 แฟมขอมลการสงซอ

42

คนหาขอมล

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมลการสงซอ

ขอมล การสงซอ

ขอมลการสงซอ

38

33 การออกแบบแผนภาพความสมพนธของขอมล (Entity Relationship Diagram)

รปท 310 E-R Diagramระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน

มสนคา

เบอรโทร ชอสนคา

มสนคา รหสผสงซอ

M

N

สนคา สมาชก การสงซอ

ล าดบสนคา

เพศ ชอผเขาใช

รหสผใช ชอลกคา

ทอย

อเมล

รหสสมาชก

M

รหสสนคา

ชอสนคา

M

M

ประเภท

1

ราคาสนคา

รหสสนคา

รปสนคา ราคาสนคา

ชอสนคา รหสประเภทสนคา

ใบเสรจ

ชอผสงซอ

อเมลผสงซอ

เบอรผสงซอ

ทอยผสงซอ

ยอดรวมการสงซอ วนทสงซอ

39

34 พจนานกรมขอมล (Data Dictionary) ออกแบบฐานขอมล ระบบการขายสนคาออนไลนระบบขายหนงสอนยายการตน ดงน 1 ตารางขอมลสมาชก (tb_member)

ตารางท 31 ตารางขอมลสมาชก

2 ตารางขอมลใบเสรจ (tb_order) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

Id_oreder Int 11 รหสผสงซอ PK Name_order varchar 60 ชอผสงซอ Mail-order varchar 60 อเมลผสงซอ Tel_order varchar 20 เบอรผสงซอ Address_order text ทอยผสงซอ Total_order int 11 ยอดรวมการ

สงซอ

Date_order date วนทสงซอ ตารางท 32 ตารางขอมลการสงซอ

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id int 11 รหสสมาชก PK username varchar 16 ชอผเขาใช password varchar 16 รหสผใช name varchar 60 ชอลกคา sex varchar 1 เพศ email varchar 30 อเมล telephone varchar 10 โทรศพท address varchar 100 ทอย

40

3 ตารางขอมลรายละเอยดสงซอ (tb_order_detail) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

key_id_order int 11 ล าดบสนคา PK ref_product int 11 ชอสนคา number int 11 รหสสนคา price int 11 ราคาสนคา

ตารางท 33 ตารางขอมลรายละเอยดสงซอ 4 ตารางขอมลสนคา (tb_product)

Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_prd int 11 รหสสนคา PK name_prd varchar 60 ชอสนคา price_prd int 11 ราคาสนคา proto_prd varchar 50 รปสนคา

ตารางท 34 ตารางขอมลสนคา

5 ตารางขอมลประเภทสนคา (tb_type) Field Name ชอฟลด

Type ชนดของขอมล

Field Side ขนาดฟลด

Description ใชเกบขอมล

หมายเหต

id_type int 5 รหสประเภสนคา PK nametape varchar 60 ชอสนคา

ตารางท 35 ตารางขอมลประเภทสนคา

41

หนาแรก

หนาห

ลก

หนาห

ลก

สนคา

วธการส

งซอ

วธการช

าระเง

น การตดต

อ ผจดท

Login

35 กา

รออก

แบบ

Sitem

ap

รปท 31

1 การออก

แบบ

Site M

ap

สมครสม

าชก

ลอกอ

ส านก

พมพ De

press

First

Page

Pro

Luck

pim

A-Plu

s

Zenc

hu

Phoe

nix N

ext

42

36 การออกแบบ Story Board

รปท 312 Index

รปท 313 Home

43

รปท 314 หนาสนคาของA-Plus

รปท 315 หนาสนคาของ Dexpress

44

รปท 316 หนาสนคาของFirst Page Pro

รปท 317 วธช าระเงน

45

รปท 318 ผจดท า

รปท 319 ตดตอเรา

46

รปท 320 สมครสมาชก

รปท 321 เขาสระบบ

47

รปท 322 การสงซอ 37 การออกแบบสงน าเขา (Input Data)

1 ขอมลสมาชก 2 ขอมลสนคา 3 การตรวจสอบสนคา 4 การเลอกซอสนคา 5 การยนยนการสงซอ

38 การออกแบบสงน าออก (Output Data) 1 หนาจอคอมพวเตอร คอ รปแบบของเวบไซตทสมบรณ 2 เครองฉายโปรเจคเตอร คอ การน าเสนอการสอบวชาโครงการ 3 เครอง Printer คอ ในการจดท าเอกสารโครงการ 4 ผลการตรวจสอบสนคา 5 ใบเสรจรายการสนคา

48

บทท 4 การพฒนาระบบรานขายหนงสอนยายการตนออนไลน

41 เครองมอและอปกรณทใช 1 Notebook lenovo i3 2 Printer HP 3 Mouse anitech gaming zx850 4 Flash drive King ton 16 GB 5 Anitech Macro gaming keyboard xp950

42 โปรแกรมทงหมดทใชพฒนา

1 โปรแกรม Adobe Dreamweaver CS6 ใชในการท าเวบไซต 2 โปรแกรม Adobe Photoshop CS5 ใชในการตกแตงรปภาพ 3 โปรแกรม Microsoft Office Word 2010 ใชในการท าเอกสาร 5 โปรแกรม Microsoft Office PowerPoint 2010 ใชในการท างานน าเสนอ 6 โปรแกรม Appserv 2510 ใชในการเกบขอมลสนคา

49

43 วธการตดตงโปรแกรม วธลงโปรแกรม Appserv 2510

รปท 41 ไปท ทเกบโปรแกรม appserv 2510 แลวดบเบลคลกไฟลชอ appserv-win32-2510

รปท 42 เมอเขามาในไฟลชอ appserv 2510 ใหกด next

50

รปท 43 ใหกดยอมรบขอตกลง

รปท 44 เลอก drive ทจะตดตงโปรแกรม

51

รปท 45 กด Next (appserv)

รปท 46 ใสขอมลตามรปภาพแลวกด next

52

รปท 47 ใส password แลว กด install

รปท 48 โปรแกรมจะท าการตดตง Program

53

รปท 49 เสรจสนการตดตงโปรแกรม Appserv

รปท 410 ทดสอบวาตดตงเรยบรอยโดยการพมพ Localhos

54

รปท 411 ตงคาใน phpmyadmin ใหใส ชอผใชเปน root รหสผานเปน 1234

รปท 412 ดบเบลคลกทไฟล Set-upexe

55

รปท 413 โปรแกรมจะท าการตรวจไฟล

รปท 414 โปรแกรมจะท าการตดตงโปรแกรม

56

รปท 415 ใหเรากด accept

รปท 416 ใหเราใส serial Number แลวกด next

57

รปท 417 ใหเลอก folder แลวกด install

รปท 418 รอการตดตงโปรแกรม

58

รปท 419 ตดตงโปรแกรมสมบรณ

รปท 420 เขาสหนาหลกของเวบไซต

59

รปท 421 เขาสหนา Login

รปท 422 หนาทผใช login เขามาแลว

60

รปท 423 หนารายการสนคา

รปท 424 หนาสนคาคาย A-Plus

61

รปท 425 หนาสนคาคาย Dexpress

รปท 426 หนาสนคาคาย First Page Pro

62

รปท 427 หนาสนคาคาย LuckPim

รปท 428 หนาสนคาคาย Phoenix Next

63

รปท 429 หนาสนคาคาย Zenchu

รปท 430 แสดงหนารายละเอยดสนคา

64

รปท 431 หนาแสดงจ านวนสนคา

รปท 432 หนาแสดงการยนยนการสงซอ

65

รปท 433 หนาแสดงวธการสงซอสนคา

รปท 434 หนาชองทางการช าระเงน

66

รปท 435 หนาผจดท าเวบไซต

รปท 436 หนาแสดงชองทางการตดตอ

67

รปท 437 หนาเขาสระบบโดยแอดมน

รปท 438 หนารายละเอยดของสนคา

68

รปท 439 หนาเพมสนคา

70

บทท 5 สรปผลการท าโครงการ

51 สรปผลโครงการ

1 ไดเวบไซตเกยวกบรานขายหนงสอนยายการตนออนไลน 2 ไดศกษาโปรแกรมAdobe Dreamweaver CS6 ส าหรบสรางเวบไซตเรอง รานขายหนงสอ

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

511 สรปขนาดของโปรแกรม

ท ชอไฟล ขนาดของไฟล หมายเหต 1 Indexphp 1 KB หนาแรกของเวบไซต 2 Homephp 5 KB หนาหลกของเวบไซต 3 Register 12 KB หนาสมครสมาชก 4 add_product 3 KB หนาเพมสนคาคายAplus 5 add_product2 3 KB หนาเพมสนคาคายDexpress 6 add_product3 3 KB หนาเพมสนคาคายFirst page pro 7 add_product4 3 KB หนาเพมสนคาคายLuckpim 8 add_product5 3 KB หนาเพมสนคาคายPhoenix 9 add_product6 4 KB หนาเพมสนคาคายZenshu

10 cart 5 KB หนาตะกราสนคาคายAplus 11 cart2 5 KB หนาตะกราสนคาคายDexpress 12 cart3 5 KB หนาตะกราสนคาคาย First page pro

ตารางท 51 แสดงขนาดของโปรแกรม

70

ท ชอไฟล ขนาดของไฟล หมายเหต 13 cart4 5 KB หนาตะกราสนคาคายLuckpim 14 cart5 5 KB หนาตะกราสนคาคายPhoenix 15 cart6 5 KB หนาตะกราสนคาคายZenshu 16 confirm 4 KB หนายนยนการสงชอคายAplus 17 confirm2 4 KB หนายนยนการสงชอคายDexpress 18 confirm3 4 KB หนายนยนการสงชอคาย

First page pro 19 confirm4 4 KB หนายนยนการสงชอคายLuckpim 20 confirm5 4 KB หนายนยนการสงชอคายPhoenix 21 confirm6 4 KB หนายนยนการสงชอคายZenshu 22 contact 6 KB หนาตดตอเรา 23 goods 21 KB หนาสนคา 24 HTBuy 7 KB หนาวธการสงชอ 25 HTPay 6 KB หนาวธการช าระเงน 26 Information 5 KB หนาขอมลผจดท า 27 Login 5 KB หนาเขาสระบบ 28 PAplus 17 KB หนาสนคาคายAplus 29 PAplusdetail 10 KB หนาขอมลสนคาคายAplus 30 PDexpress 16 KB หนาสนคาคายDexpress 31 PDexpressdetail 10 KB หนาขอมลสนคาคายDexpress 32 PFirst page pro 16 KB หนาสนคาคายFirst page pro 32 PFirst page prodetail 10 KB หนาขอมลสนคาคายFirst page pro 34 PLuckpim 16 KB หนาสนคาคายLuckpim 35 PLuckpimdetail 10 KB หนาขอมลสนคาคายLuckpim 36 PPhoenix 16 KB หนาสนคาคายPhoenix 37 PPhoenixdetail 10 KB หนาขอมลสนคาคายPhoenix 38 PZenshu 16 KB หนาสนคาคายZenshu 39 PZenshudetail 10 KB หนาขอมลสนคาคายZenshu

ตารางท 51 แสดงขนาดของโปรแกรม (ตอ)

70

512 สรปขอผดพลาดทมตอการออกแบบระบบงาน 1 Logo ไมตรงกบทรปแบบในตอนแรกมการเปลยนแปลงรปแบบเพอใหเขากบเวบไซต

513 สรปขอผดพลาดทมในโปรแกรม 1 หนา Login ไมเปนสากล 2 ปม Print ใบสงชอไมม 3 ชอผใชแสดงผลผดในหนา ยนยนการสงชอ 52 ปญหาและอปสรรคในการด าเนนงาน 1 การตดตอสอสารระหวางกลมไมตอเนองท าใหงานลาชาและผดแผนทวางไว 2 สมาชกในกลมมเวลาในการท างานไมตรงกน 3 แบงเวลางานไมด ท าใหโปรแกรมเสรจชาและไมสมบรณเทาทควร 4 ความเหนไมลงรอยกนในบางเรองท าใหเกดการลาชาในการท างาน

72

53 สรปการด าเนนงานจรง

รายการ มถนายน 61 กรกฎาคม 61 สงหาคม 61 กนยายน 61

ระยะเวลา 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

อบรมการท าโครงการนกศกษา ปวช3 และปวส2

29-30 มถนายน 61

เสนอหวขอ ATC01โครงการ รอบท 1 (บทท1)

3-7 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 1

14 กรกฎาคม 61

เสนอหวขอโครงการ รอบท 2 (บทท1)

17-20 กรกฎาคม 61

ประกาศผลหวขอโครงการ รอบท 2

21 กรกฏาคม 61

สงบทท 2

24-28 กรกฎาคม 61

สงบทท 3

31 กค ndash 20 สค 61

สอบหวขอโครงการ

9 กนยายน 61

สงความคบหนา 70

18-22 กนยายน 61

สงความคบหนา 80

25-29 กนยายน 61

รายการ พฤศจกายน 61 ธนวาคม 61 มกราคม 62 กมภาพนธ 62

หมายเหต 1 2 3 4 5 1 2 3 4 1 2 3 4 1 2 3 4

สงความคบหนา 100

1-10 พฤศจกายน 61 เปนตนไป

สอบโปรแกรม ระดบปวส2

4 พฤศจกายน 2561

สงบทท 4

6-16 ธนวาคม 61

สงบทท 5

16-20 มกราคม 62

สงรปเลม ซด และคาเขาเลม

23 มกราคม ndash 14 กมภาพนธ 2562

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

73

54 สรปคาใชจายในการด าเนนการจรง

ล าดบ รายการ จ านวน ราคา

1 กระดาษ A4 2 250

2 หมกปรน 4 1000 3 แผน CD 2 40

4 ตลบใสแผน CD 1 50 5 เขารปเลม 1 250

รวมเปนเงน 1590

ตารางท 53 สรปคาใชจายในการด าเนนงานจรง

74

บรรณานกรม

นครนทร เกตสวรรณ (2557) การใชโปรแกรม Dreamweaver CS5 คนหาขอมลเมอ 20 กนยายน 2561 จาก httpkatsuwanblogspotcom พเชษฐ ขนใจ (2556) สอน PHP ระบบสมาชกการออกแบบฐานขอมล คนหาขอมลเมอ 19 กนยายน 2561จาก httpswwwyoutubecomwatchv=uFNa2USmHao Atart (2560) การใชโปรแกรม Photoshop CS5 คนหาขอมลเมอ 25 กนยายน 2561 จาก httpswwwyoutubecomwatchv=-YGFbO2GAWE A-Plus (2560) หนงสอคาย A-Plus คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwanimagshopcomcategory Dexpress (2560) หนงสอคาย Dex คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpsshopdexclubcomproductindexphpid=1 Devbanban (2559) PHPLoginampLogout คนหาขอมลเมอ 24 กนยายน 2561 จาก httpswwwyoutubecomwatchv=jRF-YV9Gfx4ampt=18s Kong Ruksiam (2559) สอน PHP ระบบตะกราสนคา คนหาขอมลเมอ 26 กนยายน 2561 จาก httpswwwyoutubecomwatchv=BgmbdrvSdAo Kruchutiwan Kruratchaburi (2560) ทฤษฏ HTML คนหาขอมลเมอ 27 กนยายน 2561 จาก http httpschutiwanwordpresscom Luckpim (2560) หนงสอคาย luckpim คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwluckpimcom Supannee Janma (2559) Color Theory - ทฤษฎส คนหาขอมลเมอ 21 กนยายน 2561 จาก httpswwwyoutubecomwatchv=THeYmsB-6og Thaicyberu (2560) ระบบจดการฐานขอมล คนหาขอมลเมอ 25 กนยายน 2558 จาก httpswwwyoutubecomwatchv=pSWR0v9T74c Wesoft (2560) การใชโปรแกรม SQL Server คนหาขอมลเมอ 20 กนยายน 2561 จาก httpswwwyoutubecomwatchv=gwRcG-5EBe4 Zenshu (2560) หนงสอคาย zenchu คนหาขอมลเมอ 11 ตลาคม 2561 จาก httpwwwzenshushopcom

ประวตผจดท ำ นายอรรคพงศ ครตนะ เกดเมอวนท 1 กมภาพนธ 2542 ส าเรจการศกษาชนมธยมตอนตนจากโรงเรยนวชรธรรมสาธต เมอปการศกษา 2556 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศย อยบานเลขท2 ซเฉลทพระเกยรตร9 26 แขวงหนองบอน เขตประเวศ จ งหวดก รง เทพฯ 10250 เบอรโทรศพท 098-2725973 E-mail jmbgrandgmailcom Line ID - นายวโรตม กรกม เกดเมอวนท 11 เมษายน 2541 ส า เ รจการศกษาชนมธยมตอนตนจากโรงเรยนอ านวยวทย เมอปการศกษา 2555 ส าเรจการศกษาในระดบประกาศนยบตรวชาชพ (ปวช) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2559 ปจจบนก าลงศกษาในระดบประกาศนยบตรวชาชพชนสง (ปวส) ทวทยาลยเทคโนโลยอรรถวทยพณชยการ ปการศกษา 2561 ปจจบนอาศยอยบานเลขท 22 หม 10 ซเพชรหง ตบางกอบว อพระประแดง จสมทรปราการ 10130 เบอรโทรศพท 085-8173344 E-mail warotsaintrowgmailcom

ภาคผนวก - ใบเสนอขออนมตการท าโครงการระบบคอมพวเตอรธรกจ (ATC01) - ใบอาจารยทปรกษารวม (ATC02) - ใบขอสอบปองกนโครงการระบบคอมพวเตอรธรกจ (ATC03) - รายงานความคบหนาโครงการระบบคอมพวเตอรธรกจ (ATC04) - ใบบนทกการเขาพบอาจารยทปรกษาโครงการ (ATC05)

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

Scanned by CamScanner

  • ปกโครงการ_ชอโครงการตนเอง_ระดบชน
  • อนมตเลม
  • บทคดยอ
  • กตตกรรมประกาศ
  • คำนำ
  • สารบญ ตาราง
  • สารบญ รป
  • สารบญ
  • บทท 1
  • บทท 2
  • บทท 3
  • บทท 4
  • บทท 5
  • บรรณานกรม
  • ประวตผจดทำ
  • ภาคผนวก
  • ATC01
  • ATC02
  • ATC03-2
  • ATC04
  • ATC05