E-Commerce for Bookstore selling cartoon novel online
Transcript of E-Commerce for Bookstore selling cartoon novel online
เวบไซต รานขายหนงสอนยายการตนออนไลน 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
-