การพัฒนาระบบ Web Community ส าหรับผู้ ...dspace.bu.ac.th/bitstream/123456789/664/1/siripong_hong.pdf2.1 Adobe Photoshop CS2 5 2.1.1 ค ณสมบ

การพฒนาระบบ Web Community ส าหรบผเลนและคอรทแบดมนตน DEVELOPMENT OF A WEB COMMUNITY SYSTEM

FOR BADMINTON PLAYERS AND COURT

การพฒนาระบบ Web Community ส าหรบผเลนและคอรทแบดมนตน DEVELOPMENT OF A WEB COMMUNITY SYSTEM

FOR BADMINTON PLAYERS AND COURT

สรพงศ หงษทอง

การศกษาเฉพาะบคคลเปนสวนหนงของการศกษาตามหลกสตร วทยาศาสตรมหาบณฑต มหาวทยาลยกรงเทพ

พ.ศ. 2552

© 2553 สรพงศ หงษทอง สงวนลขสทธ

สรพงศ หงษทอง. ปรญญาวทยาศาสตรมหาบณฑต, กมภาพนธ 2553, บณฑตวทยาลย มหาวทยาลยกรงเทพ. การพฒนาระบบ Web Community ส าหรบผเลนและคอรทแบดมนตน (80 หนา) อาจารยทปรกษา: ดร. วฒนพงษ วราไกรสวสด

บทคดยอ

Web Community เกยวกบกฬาแบดมนตน จดท าขนเพอเปนชองทางใหสมาชกทมความสนใจในกฬาแบดมนตนไดใชบรการ ไดแก สมาชกนกกฬาแบดมนตนสามารถจองคอรทแบดผานหนาเวบไซตได, การชวนเพอนสมาชกดวยกนรวมแขงขนแบดมนตน, การใชงาน Webboard เพอแลกเปลยนความรประสบการณตางๆ และยงสามารถใหเจาของคอรทแบดมนตนไดเปดใหบรการรบจองคอรทแบดมนตนผานหนาเวบไซต โดยระบบนจะใหผทเขามาใชบรการสามารถแสดงความคดเหนของผมาใชบรการไดเปนอยางด เพอเปนขอมลสารสนเทศ และเปนการพฒนาระบบเวบไซตของตนใหดขน

จ

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

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

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

ขอขอบคณเพอนสมาชก MS รนเดยวกนทกคนทไดสละเวลาชวยเหลอในการท าโครงงาน

ชนนใหส าเรจลลวงไปได

ฉ

สารบญ

หนาบทคดยอ ง กตตกรรมประกาศ จ สารบญตาราง ฌ สารบญภาพ ญ บทท 1 บทน า

1.1 หลกการและเหตผล 1 1.2 วตถประสงคของโครงงาน 2 1.3 ขอบเขตการศกษา 2 1.4 ขนตอนการด าเนนงาน 3 1.5 แผนการด าเนนงาน 4 1.6 ประโยชนทคาดวาจะไดรบ 4

บทท 2 การทบทวนวรรณกรรม 2.1 Adobe Photoshop CS2 5

2.1.1 คณสมบตของเครองคอมพวเตอร 6 2.1.2 ภาพบนคอมพวเตอร 6 2.1.3 ภาพเพอการพมพ 7 2.1.4 การน าภาพมาใชใน Photoshop 7 2.1.5 ชนดของไฟล 7

2.2 Macromedia Dreamweaver 8 8 2.2.1 ชดโปรแกรมของ Dreamweaver 8 2.2.2 รปแบบหนาตาโปรแกรม 9 2.2.3 ความตองการระบบของโปรแกรมส าหรบระบบ Windows 10 2.2.4 จดเดนของโปรแกรม Macromedia Dreamweaver 8 10

2.3 โปรแกรมภาษา PHP 11 2.3.1 ความเปนมาของPHP 11

2.3.2 ใชงาน PHP ตองมอะไรบาง 12 2.3.3 ความสามารถของ PHP ท าอะไรไดบาง 13 2.3.4 หลกการท างานของ PHP 14

ช

สารบญ (ตอ)

หนา 2.3.5 องคประกอบของภาษา PHP 14 2.3.6 โครงสรางพนฐานของ PHP (Basic Syntax) 14 2.3.7 ตวแปรและชนดขอมล (Variables and Data Types) 15 2.3.8 ชนดของขอมล (Data Type) 16 2.3.9 การบนทกไฟลPHP และการจดเกบ 20 2.3.10 เหตผลท PHP ไดรบความนยม 20

2.4 ระบบฐานขอมล MySQL 20 2.4.1 ชนดของฟลดทใชเกบขอมลใน MySQL 21 2.4.2 ความสามารถและการท างานของโปรแกรม 25 2.4.3 ความเสยงและวธการสรางความปลอดภยใหฐานขอมล 26 2.4.4 การสรางความปลอดภยใหกบฐานขอมลมพนฐานดงตอไปน 26 2.5 UML 27

2.5.1 ขอดของ UML 27 2.5.2 ไดอะแกรมทใชงานใน UML 28 2.5.3 Building Blocks of the UML 28 2.5.4 ประโยชนของ UML 30 2.5.5 ท าไมเราจงตองใช UML 31 2.6 Apache 31 2.6.1 ลกษณะทางกายภาพของ Apache 31 2.6.2 ประโยชนของ Apache 32

บทท 3 ขนตอนการศกษา 3.1 Use case diagram 35 3.2 Activity diagram 36 3.3 Sequence Diagram 43 3.4 E-R Diagram 50

3.5 Datadictionary 53

ซ

สารบญ (ตอ)

หนา บทท 4 ผลการศกษา 4.1 หนาจอหลก 59 4.2 หนาจอลงทะเบยน 62 4.2.1 หนาจอลงทะเบยนส าหรบผเลน 62

4.2.2 หนาจอลงทะเบยนส าหรบเจาของคอรทแบดมนตน 63 4.2.3 หนาจอรายงานผลการลงทะเบยน 63

4.3 หนาจอการจองคอรทแบดมนตน 64 4.4 หนาจอเชญผเลนคนอนเขารวมการแขงขน และ การยอมรบ/ปฏเสธ การ Invite 64

4.4.1 หนาจอตวอยางการ Invite ผเลน 65 4.4.2 หนาจอเมอท าการ Invite เสรจเรยบรอยแลวผเลน 65 4.4.3 หนาจอการยอมรบ หรอปฏเสธการ Invite 66 4.4.4 หนาจอยอมรบการ Invite 66

4.5 หนาจอดโปรแกรมการแขงขน 67 4.6 หนาจอเวบบอรด 67

4.6.1 หนาจอการสรางกระท 68 4.6.2 หนาจอการตอบกระท 68

4.7 หนาจอรายละเอยดการจองคอรทของสมาชก ส าหรบ เจาของคอรทแบดมนตน 69 4.8 หนาจอการสงผลการแขงขน 69

4.8.1 หนาจอแสดงการสงผลการแขงขนเสรจสมบรณ 70 4.9 หนาจอการยอมรบ หรอ ปฏเสธผลคะแนนการแขงขน 70

บทท 5 บทสรปและขอเสนอแนะ 5.1 ขอจ ากดของโครงการ 72 5.2 แนวทางการพฒนาโปรแกรมตอในอนาคต 72 บรรณานกรม 73

ภาคผนวก ก การตดตงเครองมอทใชในการพฒนาระบบ 74 ประวตผเขยน 80

ฌ

สารบญตาราง

หนา ตารางท 1 ระยะเวลาแผนการด าเนนงาน 4 ตารางท 2 อกขระพเศษ และความหมาย 17 ตารางท 3 แสดง Data Dictionary ตารางคอรดแบดมนตน (cord) 53 ตารางท 4 แสดง Data Dictionary ตารางจองคอรดแบดมนตน (cord book ) 53 ตารางท 5 แสดง Data Dictionary ตารางเชญรวมแขงขนแบดมนตน (invite ) 54 ตารางท 6 แสดง Data Dictionary ตารางหวขอกระท (mboard ) 54 ตารางท 7 แสดง Data Dictionary ตารางประเภทผเลน (playertype ) 55 ตารางท 8 แสดง Data Dictionary ตารางตอบกระท (sboard ) 55 ตารางท 9 แสดง Data Dictionary ตารางสงคะแนน (score ) 56 ตารางท 10 แสดง Data Dictionary ตารางตารางสมาชก (user ) 57 ตารางท 11 แสดง Data Dictionary ตารางระดบสมาชก (userlevel) 58 ตารางท 12 ตารางการคดคะแนน 60

ญ

สารบญภาพ

หนา ภาพท 1 แสดงหนาตาง Welcome Screen ของ โปรแกรม Adobe Photoshop CS2 5 ภาพท 2 แสดงหนาจอขณะก าลงเขาโปรแกรม Macromedia Dreamweaver 8 9 ภาพท 3 แสดงหนาจอหลก ส าหรบใชงานโปรแกรม Macromedia Dreamweaver 8 10 ภาพท 4 แสดงโครงสราง Databaseของ MySQL 22 ภาพท 5 แสดง Use case diagram ของระบบ 35 ภาพท 6 แสดง Activity diagram ระบบการสมครสมาชก 36 ภาพท 7 แสดง Activity diagram ระบบการจองคอรทแบดมนตน 37 ภาพท 8 แสดง Activity diagram ระบบการสง Invite 38 ภาพท 9 แสดง Activity diagram ระบบการตอบรบ/ปฏเสธ Invite 39 ภาพท 10 แสดง Activity diagram ระบบการสงผลคะแนน 40 ภาพท 11 แสดง Activity diagram ระบบการตงกระท 41 ภาพท 12 แสดง Activity diagram ระบบการตอบกระท 42 ภาพท 13 แสดง Sequence diagram ของกจกรรมการลอกอน 43 ภาพท 14 แสดง Sequence diagram ของกจกรรมการจองคอรท 44 ภาพท 15 แสดง Sequence diagram ของกจกรรมการ Invite 45 ภาพท 16 แสดง Sequence diagram ของกจกรรมการรบค าเชญหรอปฏเสธค าเชญ 46 ภาพท 17 แสดง Sequence diagram ของกจกรรมการสงผลคะแนนการแขงขน 47 ภาพท 18 แสดง Sequence diagram ของกจกรรมการตงกระท 48 ภาพท 19 แสดง Sequence diagram ของกจกรรมการตอบกระท 49 ภาพท 20 แสดง แสดง E-R Diagram แบบ Chen 51 ภาพท 21 แสดง รปท 3.7 แสดง E-R Diagram แบบ Crow’s Foot 52 ภาพท 22 แสดงหนาจอหลก 59 ภาพท 23 แสดงหนาจอลงทะเบยน 62 ภาพท 24 แสดงหนาจอลงทะเบยนส าหรบผเลน 62 ภาพท 25 แสดงหนาจอลงทะเบยนส าหรบเจาของคอรทแบดมนตน 63 ภาพท 26 แสดงหนาจอรายงานผลการลงทะเบยน 63 ภาพท 27 แสดงหนาจอการจองคอรทแบดมนตน 64

ฎ

สารบญภาพ (ตอ)

หนา ภาพท 28 แสดงหนาจอเชญผเลนคนอนเขารวมการแขงขน 64 ภาพท 29 แสดงหนาจอตวอยางการ Invite ผเลน 65 ภาพท 30 แสดงหนาจอเมอท าการ Invite เสรจเรยบรอย 65 ภาพท 31 แสดงหนาจอการยอมรบหรอปฏเสธการ Invite 66 ภาพท 32 แสดงหนาจอยอมรบการ Invite 66 ภาพท 33 แสดงหนาจอดโปรแกรมการแขงขน 67 ภาพท 34 แสดงหนาจอเวบบอรด 67 ภาพท 35 แสดงหนาจอการสรางกระท 68 ภาพท 36 แสดงหนาจอการตอบกระท 68 ภาพท 37 แสดงหนาจอรายละเอยดการจองคอรทของสมาชก ส าหรบ เจาของคอรทแบดมนตน69 ภาพท 38 แสดงหนาจอการสงผลการแขงขน 69 ภาพท 39 แสดงหนาจอแสดงการสงผลการแขงขนเสรจสมบรณ 70 ภาพท 40 แสดงหนาจอการยอมรบ หรอ ปฏเสธผลคะแนนการแขงขน 70 ภาพท 41 แสดงรปไอคอนของ โปรแกรม AppServ 74 ภาพท 42 แสดงขนตอนการตดตง โปรแกรม AppServ 74 ภาพท 43 แสดงขนตอนการตดตง โปรแกรม AppServ 75 ภาพท 44 แสดงขนตอนการตดตง โปรแกรม AppServ 75 ภาพท 45 แสดงขนตอนการตดตง โปรแกรม AppServ 76 ภาพท 46 แสดงขนตอนการตดตง โปรแกรม AppServ 77 ภาพท 47 แสดงขนตอนการตดตง โปรแกรม AppServ 77 ภาพท 48 แสดงขนตอนการตดตง โปรแกรม AppServ 78 ภาพท 49 แสดงขนตอนการตดตง โปรแกรม AppServ 78 ภาพท 50 แสดง phpMyAdmin ใน localhost 79 ภาพท 51 แสดง phpinfo() ใน localhost 79

บทท 1 บทน า

1.1 หลกการและเหตผล ปจจบนเวบไซตเชงชมชน หรอ Web Community เปนทไดรบความนยมอยางแพรหลายอยางมาก อนสบเนองมากจากสมาชกทกคนในเวบไซตนนๆ ไดมสวนรวมในการเปนสวนหนงของเวบไซต ไมวาจะผานการสนทนา การเขยนบนทก การน าเสนอผลงานตางๆ จง สงผลใหเวบไซตประเภทนไดรบความนยมเปนอยางมาก สามารถตรวจสอบไดจากอนดบเวบไซตทไดรบความนยมในประเทศไทยสงสดของส านกบรการเทคโนโลยสารสนเทศภาครฐ หรอ Truehits.net จะเหนไดวาเวบไซตทไดรบความนยมตดอนดบตนๆ จะเปน Web Community แทบทงสน เวบไซตอกประเภททก าลงไดรบความนยมมากขนและเตบโตเรอยๆ จนถงปจจบน คอเวบไซตประเภทเวบไซตมลตมเดย อาท เวบไซตรบชมคลปวดโอ เปนตน เหตผลหลกทท าใหเวบไซตกลมนไดรบความนยมและเตบโตมากขน เพราะความสามารถของเทคโนโลยในการสงผานขอมลของเครอขายใยแมงมม หรอ World Wide Web กาวหนาขนมากในปจจบน สามารถสงผานขอมลขนาดใหญมากดวยใชเวลาไมมากเมอเทยบเทาในสมยกอน จงสงผลใหเวบไซตประเภทนเตบโตตามขนมา นอกจากนนแลวความสามารถในการเขาถงเทคโนโลยในปจจบนของประชาชนมมากขน สงเกตไดจากจ านวนของประชากรในโลกอนเทอรเนตมมากขนเรอยๆ ท าใหตลาดทางดานเวบไซตยงสามารถเตบโตไดอกเรอยๆ เชนกน เพอทจะไดตอบสนองใหเพยงพอกบความตองการใชงานของประชากรในโลกอนเทอรเนต ดวยเหตผลขางตนทงหมดคณะผจดท าไดเลงเหนทมาและความส าคญของปญหา จงไดคดโครงงานทจดท าและพฒนาเวบไซตนขนมา เพอเปนสอกลางใน การเชอมความสมพนธของบคลทมความรกในกฬาแบดมนตน อกทงยงชวยเปนชองทางในการตดตอสอสารระหวางสมาชกกบสมาชกดวยกน นอกจากนนแลวเวบไซตแหงนยงเปนเวบแอพพลเคชนทใหบรการตางๆ เพอใหบรการตางๆ เพอใหผใช ทเขามาใชบรการเวบไซตไดรบประโยชนสงสดในการเขามาใชบรการเวบไซตแหงน

2

1.2 วตถประสงคของโครงงาน 1. ใหผทมความสนใจกฬาแบดมนตนไดเขามาแลกเปลยนความร ประสบการณ ทกษะ

และ กจกรรมตางๆ 2. สมาชกสามารถพฒนาทกษะ ความร และความสามารถ 3. สรางความสมพนธและความสามคคในหมผเลนแบดมนตน 4. สรางความกระตอรอรนในการแขงขนโดยมการจดล าดบ เพอใหเกดการพฒนาฝมอของ

สมาชก 5. เกดความงาย ความสะดวกในการจองคอรดแบดมนตนและการนดหมายของสมาชกใน

การเลนกฬาแบดมนตน ผาน Web browser 1.3 ขอบเขตการศกษา 1. ระบบพฒนาระบบดวยภาษา PHP และใชฐานขอมล MySQL 2. ระบบสามารถท างานบน Web Browser มาตรฐานได อาท IE 7.0 หรอ Mozilla Fire Fox 3.0 3. ระบบสามารถท างานผานเครอขาย Internet 4. มระบบกระดานสนทนา (Web board) สมาชกและเจาของคอรดเทานนทสามารถใชงานได 5. บคคลทวไปทยงไมไดสมครสมาชก สามารถเยยมชมหนา Website ได 6. สมาชกนกกฬาสามารถลงทะเบยนเพอใชงานระบบได 7. สมาชกนกกฬาสามารถจองคอรดแบดมนตนออนไลนได 8. เจาของคอรดสามารถลงทะเบยนเพอใชงานระบบได 9. เจาของคอรดสามารถยอมรบ หรอ ปฏเสธการจองคอรดแบดมนตนของสมาชกได 10. เจาของคอรดสามารถดตารางเวลาการจองคอรดได 11. สมาชกนกกฬาสามารถสง Invite เชญสมาชกนกกฬาคนอนเขารวมการแขงขนได 12. สมาชกนกกฬาสามารถทจะตอบตกลงรบการแขงขน หรอ ปฏเสธ การแขงขนได 13. สมาชกนกกฬาสามารถตรวจสอบล าดบ ranking ได 14. สมาชกนกกฬาสามารถสงผลรายงานผลคะแนนการแขงขนได 15. สมาชกนกกฬาสามารถ ยอมรบ หรอ ปฏเสธ รายงานคะแนนผลการแขงขนได 16. สามารถตรวจเชค IP address ของผใชงาน Web board ได 17. Web board สามารถ Upload ไฟล นามสกล .jpg ได

3

1.4 เครองมอทใชในการด าเนนงาน เครองมอส าหรบเครองเซรฟเวอร

Hardware: Intel Core 2 Duo T7250 RAM 2 GB

Software: Windows Vista Apache HTTP Server MySQL Database PHP Hypertext Preprocessor

phpMyAdmin Internet Explorer Version 8

เครองมอส าหรบผใชงานระบบ

Hardware: Desktop Computer, Notebook Computer Wireless Device RAM 2 GB

Software: Windows Vista Web browser

4

1.5 แผนการด าเนนงาน โครงการนแบงระยะเวลาการด าเนนงานออกเปน 6 สวนดวยกนโดยด าเนนงานตามวงจรการพฒนาระบบ (The System Development Life Cycle: SDLC) โดยแสดงแผนการด าเนนงานไวตามตารางท 1.1 ตารางท 1 : ระยะเวลาแผนการด าเนนงาน

May Jun Jul Aug Sep Oct Nov Dec Jan 1 ศกษาและรวบรวมขอมล รวมถง

วเคราะหปญหาทเกดขนในปจจบน

2 ศกษาทฤษฎทเกยวของเพอเปนแนวทางในการพฒนาระบบ

3 ออกแบบระบบงาน 4 พฒนาระบบ 5 ทดสอบและปรบปรงแกไข 6 จดท าเอกสารประกอบการคนควาและ

คมอในการใชงาน

1.6 ประโยชนทคาดวาจะไดรบ

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

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

บทท 2 การทบทวนวรรณกรรม

ทฤษฏและเครองมอทเกยวของ

ในทนจะกลาวถงทฤษฏและเครองมอทเกยวของในการออกแบบและพฒนาระบบโครงงาน ดงน

„ Adobe Photoshop CS 2 „ Macromedia Dreamweaver 8 „ โปรแกรมภาษา PHP „ ระบบฐานขอมล MySQL „ UML „ Apache „ Appserv

2.1 Adobe Photoshop CS2 ภาพท 1 : แสดงหนาตาง Welcome Screen ของ โปรแกรม Adobe Photoshop CS2

6

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

ส าหรบเครองคอมพวเตอรทจะใชกบโปรแกรม Photoshop นในกรณทเปนเครองคอมพวเตอรแบบ PC Compatible (เครองคอมพวเตอรทวไปทใชกนอย) อยางนอยควรมคณสมบตดงตอไปน

1. CPU เปน Pentium III ขนไป หรอ CPU ตระกลอนๆทมความสามารถใกลเคยง 2. RAM 128 MB 3. Hard Disk 280 MB เปนอยางนอย 4. OS หรอ ระบบปฏบตการ เปน windows XP หรอ Windows 2000 5. จอภาพ สามารถแสดงส 256 สได และสามารถปรบขนาดเปน 800*600 Pixels ได

ส าหรบเครองทเหมาะสมส าหรบใชโปรแกรม Photoshop ควรจะมคณสมบตดงน 1. CPU เปน Pentium IV 2. RAM 256 MB 3. Hard Disk 1 GB 4. OS หรอระบบปฏบตการเปน Windows XP หรอ Windows2000 ทลง Service Pack 5. จอภาพสามารถแสดงส 16.7 ลานสได และสามารถปรบขนาดเปน 800*600 Pixels ได 6. CD-ROM หรอ CD Writer ส าหรบบนทกขอมลลงแผน CD

7

2.1.2 ภาพบนคอมพวเตอร ภาพโดยทวไปแบงเปน 2 ประเภท คอ Physical Image และ Digital Image หรอ Computer

Graphic (pixel เปนองคประกอบทเลกทสดของภาพ) มาประกอบกนเปนภาพขนาดตางๆภาพทเกบในคอมพวเตอรนน มวธการประมวลผลภาพ 2 แบบแตกตางกนไปตามโปรแกรมดงน

1. การประมวลผลแบบ vectorเปนการประมวลผลแบบอาศยการค านวณทางคณตศาสตร 2. การเกบและแสดงผลแบบ Bitmap เปนการประมวลผลแบบอาศยการอานคาสในแตละ

Pixel ซงเหมาะกบภาพทโทนสใกลเคยงกน เชน ภาพถาย การประมวลผลแบบ Bitmap นเราอกอยางวา Raster image เปนการเกบแบบเปนขอมลดบ คอคา 0 และ 1 ใชการแสดงผลเปนแตละPixel โดยแตละ Pixel จะมการเกบคาสทเจาะจงในแตละต าแหนง คามาตรฐานของภาพทแสดงบนจอภาพถกก าหนดไวท 72 dpi

ส าหรบในโปรแกรมนถาหากวาเราน าภาพทมความละเอยดสงกวาคาของจอภาพ ภาพทปรากฏกจะมขนาดใหญกวาของจรง เชนภาพขนาด 4*4 นวมความละเอยด 144 dpi เมอน าเขามาเปดในโปรแกรม Photoshop และขยายท 100% จะไดภาพทปรากฏบนจอภาพทมขนาด 8*8 นวซงเปนสองเทาของภาพจรง 2.1.3 ภาพเพอการพมพ

หากตองการตกแตงภาพเพอน าไปใชในการพมพ ควรเลอกภาพทมความละเอยด 300-500 dpi แมวามความละเอยด 72 dpi จะดคมชดบนจอภาพกตาม 2.1.4 การน าภาพมาใชใน Photoshop

ภาพทกชนดสามารถน าเขามาใชในโปรแกรม Photoshop ได ท าฟอรแมตและทมกจะไดใชงานประจ าไดแก File, .JPG, .GIF, .BMP, .PICT, .TIF, .TGA, .ESP ตงแตภาพจากการสแกนดวยสแกนเนอร ภาพสไลด ภาพวาด ภาพถายจากกลองดจทอล หรอแมกระทงภาพจากกลองวดโอ

ภาพทน าเขามาหรอวาดขนใหมในโปรแกรม Photoshop จะมลกษณะทเรยกวา Bitmap กลาวคอ ภาพทจะประกอบไปดวยจดสเหลยม (พกเซล) ขนาดเลกถาดบนจอภาพทอตราขยาย 1:1 จะมองไมเหนจดเหลานและภาพจะมโทนสทตอเนองภาพถายทพมพบนกระดาษ แตถาหากซมขยายขนมากๆ เชน ขยายขนาด 600%กจะมองเหนพกเซลชดเจน

8

2.1.5 ชนดของไฟล ในระบบปฏบตการ Windows มรปแบบการจดเกบไฟลในลกษณะตางๆเพอประโยชนของ

การใชงานเรยกวา Format ขนอยกบการใชโปรแกรมแตละตวสรางไฟลเหลานนขนมา เชน .doc จะหมายถง ไฟลเอกสาร อาจจะใชโปรแกรม MS Word สรางขนมา โดย Format ทส าคญๆทางดานรปภาพ และเกยวของกบการใชโปรแกรม Photoshop มดงน .PSD (Photoshop File)

เปนไฟลของโปรแกรม Photoshop .BMP (Bitmap File)

เปนไฟลมาตรฐานของระบบ Windows .TIF (Tagged Image File (TIFF))

เปนไฟลทสามารถใชไดทง เครอง PC และ MAC JPG (Joint Photographic Expert Group (JPEG))

เปนไฟลทใชงานกนมากในเครอขาย อนเตอรเนต .PCT (PICT File)

เปนไฟลทใชงานกบเครอง MAC เทานน .PNG (Portable Network Graphics)

เปนไฟลทสามารถยดหยนไดด ถาตองมการเปลยนแปลงระหวาง Application

2.2 Macromedia Dreamweaver 8 เปนโปรแกรมหนงทมการออกแบบมาเพอใชในการจดการเกบเอกสารทใชส าหรบสราง

เวบเพจ ซงในสมยกอนหากจะมการสรางเวบเพจขนแตละเวบเพจนน ตองใหผมความรดานภาษา HTML มาเขยนรหสค าสง (Code) ให แตในปจจบนโปรแกรม Macromedia Dreamweaver 8 สามารถทจะ สรางรหสค าสงใหกบผใชโดยอตโนมต ซงผใชไมจ าเปนตองมความรดาน ของภาษา HTML เนองจากโปรแกรม Macromedia Dreamweaver 8 นนจะมลกษณะการท างานทคลายๆ กบโปรแกรมพมพเอกสารทเราเคยใชและรจกกนด ซงจะมเครองมอและแถบค าสงใหเราเลอกใชได เหมอนกบ Word Processor จงชวยใหสามารถเวบเพจดวยความสะดวก และรวดเรว

2.2.1 ชดโปรแกรมของ Dreamweaver โปรแกรม Macromedia Dreamweaver เรมเปนทรจกกนตงแตเวอรชน 3.0 และเปนท

แพรหลายและนยมใชกนอยางสดๆ ในเวอรชน 4.0 หลงจากนนกไดรบการพฒนาอยางตอเนองมา

9

เปนเวอรชน 6 หรอ Dreamweaver MX , เวอรชน 7 หรอ Dreamweaver MX 2004 จนมาถงDreamweaver 8 ในปจจบน 2.2.2 รปแบบหนาตาโปรแกรม

„ Macromedia Dreamweaver 8 ภาพท 2 : แสดงหนาจอขณะก าลงเขาโปรแกรม Macromedia Dreamweaver 8

ทมา : พนจนทร ธนวฒนเสถยร. (2548). Macromedia Dreamweaver 8 (พมพครงท 3). กรงเทพฯ :

บรษท ซคเซส มเดย จ ากด

เปนโปรมแกรมสรางเอกสารเวบทท างานในลกษณะ HTML Generator คอโปรแกรมจะ

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

10

ภาพท 3 : แสดงหนาจอหลก ส าหรบใชงานโปรแกรม Macromedia Dreamweaver 8

ทมา : พนจนทร ธนวฒนเสถยร. (2548). Macromedia Dreamweaver 8 (พมพครงท 3). กรงเทพฯ :

บรษท ซคเซส มเดย จ ากด

หมายเลข 1 เปดงานเกาทเคยสรางไวแลว

เปนสวนทโปรแกรมจะแสดงชอไฟลเกาๆทเคยสรางหรอเคยเปดขนมาใชงานกอนหนาน ถาเปนการใชงานครงแรกจะยงไมมชอไฟลปรากฏขนมาในสวนน หมายเลข 2 สรางงานใหม

สวนนใชส าหรบสรางงานใหมขนมา โดยสามารถสรางไฟลงานไดหลายชนดไมวาจะเปนหนาเวบเพจ ปกต HTML ไฟลสครปตภาษาตางๆเชน PHP ASP java Script หมายเลข 3 สรางงานส าเรจรป

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

2.2.3 ความตองการระบบของโปรแกรมส าหรบระบบ Windows

- เครองมอคอมพวเตอร Pentium III 800MHz ขนไป - Windows 2000 หรอ Windows XP

11

- หนวยความจ า RAM 256 MB - เนอทวางในฮารดดสกอยางนอย 650 MB - การแสดงผลทมความละเอยด 1024 *768 จด, 16 Bit ส าหรบระบบ Macintosh - เครองมอคอมพวเตอร Power PC G3 600 MHz - Mac OS X 10.3 หรอ 10.4 - หนวยความจ า RAM 256 MB - เนอทวางในฮารดดสกอยางนอย 300 MB - การแสดงผลทมความละเอยด 1024 8768 จด, 1000 ส (ควรเปนลานส)

2.2.4 จดเดนของโปรแกรม Macromedia Dreamweaver 8

1. โปรแกรมจะท าการแปลงรหส ใหเปนภาษา HTML โดยอตโนมตดงนนผใชทไมมความร ดานนกสามารถท าได

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

3. สนบสนนเวบเพจทเปนภาษไทยไดด 4. มคณสมบตทสามารถจดการกบ รปภาพเคลอนไหว โดยไมตองอาศย Plug-in 5. สามารถเรยกใชตารางจากภายนอก โดยการอมพอรทจาก Text File 6. เปนโปรแกรมทสามารถสนบสนนการใชงาน CSS (Cascading Style Sheet) 7. มความสามารถในการท า Drop Down Menu รวมไปถงการท าใหรปภาพเปลยนเมอน า

เมาสไปชเปนตน 8. สามารถเขยนโปรแกรมส าหรบเวบไดทกรปแบบ เชน ASP, ASP.Net, ColdFusion, JSP,

PHP, XML, XHTML 9. เมนค าสงและเครองมอตางๆเรยกใชงานไดงายและสะดวก 10. มการปรบปรงกลไกภายในใหมประสทธภาพสงขน 11. สามารถสรางแอปพลเคชนงายๆโดยไมจ าเปนตองเขยนโปรแกรม 12. สรางเวบเพจภาษาไทยไดทนทโดยไมตองตดตงโปรแกรมเสรมเพราะ Dreamweaver 13. รองรบตวอกษรแบบ Unicode

12

2.3 โปรแกรมภาษา PHP 2.3.1 ความเปนมาของPHP

Rasmus Lerdorf สรางภาษา PHP ขนมาในป ค.ศ.1994 เนองมาจากเขาตองการพฒนาโปรแกรมเพอเกบขอมลของผใชทแวะเวยนมาเยยมชมโฮมเพจของเขาเอง เขาเรยกโปรแกรมนวา PHP ซงยอมาจาก Personal Home Page Tools ปจจบนกลมผพฒนา PHP ไดก าหนดให PHP ยอมาจาก PHP: Hypertext Preprocessor PHP ไดรบการพฒนาความสามารถขนมาเรอยๆอยางตอเนอง ทงนเปนเพราะมการเปดเผย Source Code ของPHP สสาธารณะ ในลกษณะของ Open source ท าใหมหนวยงานและองคกรตางๆเขามาชวยกนพฒนา ท าใหความสามารถของ PHP นนมมากมาย ซงนอกจากจะเปน Server side scripting ทท างานไดเหมอนกบ CGI ตวอนๆเชน การรบขอมลจากฟอรม การสรางหนาเวบไซตทเปนแบบ Dynamic page content การรบสงขอมลแบบ cookies แลว PHP ยงคงมความสามารถอนๆทเหนอกวากนเชน

„ สามารถท างานไดบนระบบปฏบตการ (Operating System) ไดหลากหลายไมวาจะเปน Linux, Unix ตระกลตางๆ เชน HP-UX Solaris OpenBSD, Microsoft Windows, Mac OSX, RISC OS และอนๆ ท าใหสะดวกในการใชงาน

„ รองรบการเขยนโปรแกรมแบบ Procedural หรอแบบ OOP (Object Oriented Programming) หรอ ผสมกนทงสองแบบ

„ การแสดงผลของ Output ไมจ าเปนตองเปนไฟล html อยางเดยว สามารถแสดงผลออกมาไดหลายแบบไมวาจะเปน Image Files, PDF Files, Flash Movies, HTML, XML

„ รองรบการท างานกบฐานขอมลทหลากหลาย เชน Anabas D, Ingress, Oracle (OC17 and OC18) , dbase, InterBase, Ovrimos, Empress, FronBase, PostgreSQl, Filepro(read-only), mSQL, Solid, Hyperwave, Direct MS-SQL, Sybase, IBM DB2, MySQL, Velocis, Informix, ODBC, Unix dbm

„ สามารถเชอมตอเพอแลกเปลยนขอมลกบการบรการตางๆทอยบนเครองคอมพวเตอรเครองอนโดยผานโปรโตคอลทหลากหลาย เชน LDAP, IMAP, SNMP, NNTP, POP3, HTTP, COM(on Windows)

„ ในกรณทใชส าหรบท าเวบไซตทเปน e-commerce จะมฟงกชนทอ านวยความสะดวกในการจายเงนผานเครอขายอนเตอรเนต รวมทงการรกษาความปลอดภย เชน Cyber cash payment, CyberMUT, VeriSign Payflow Pro, CCVS

„ ความสามารถอนๆอกมากมายซงสามารถตดตามไดจาก http://www.php.com

13

2.3.2 ใชงาน PHP ตองมอะไรบาง การใชงาน PHP ในการพฒนาเวบไซตตองประกอบดวยสงตอไปน 1. Web Server คอ เครองคอมพวเตอรทท าหนาทใหบรการหนาเวบเพจ ซงจะตองม

โปรแกรมทท าหนาทเปน Web Server ตดตงอย และตองม PHP ตดตงอยทเครอง Server ดวยตวอยางของ Web Server ทสามารถใชงานรวมกนไดกบ PHP เชน

„ IIS (Internet Information System) เปน Web Server ทท าหนาทบนระบบปฏบตการ Windows

„ Apache Web Server เปน Web Server ทท างานไดทงบนระบบปฏบตการWindows และ Linux

2. Web Browser เปนโปรแกรมทตดตงบนเครอง Client หรอเครองทใชงานทวไปนนเอง โปรแกรม Web Server จะท าหนาทเปนสวนตดตอระหวางผใชงานกบ Web Server และเปนสวนทแสดงผลลพธของการประมวลผล PHP ใหกบผใชไดเหนตวอยางของ Web Browser เชน

„ Internet Explorer „ Netscape Communicator „ Opera เราสามารถท าการตดตง PHP บนเวบ Server ไดหลายตว ดงทยกตวอยางซง IIS เปนเวบ

Server ตวหนงของคายไมโครซอฟตมการท างานภายใตระบบปฏบตการ Windows ดงนนกอนทจะท าการ ตดตง PHP จงตองท าการตดตง IIS กอน 2.3.3 ความสามารถของ PHP ท าอะไรไดบาง

1. ความสามารถของ PHP นนสามารถทจะท างานเกยวกบ Dynamic Web ไดทกรปแบเหมอนกบ CGI หรอ ASP ไมวาจะเปนการจดการดแลระบบฐานขอมล ระบบรกษาความปลอดภย การรบ ‟ สง Cookiesโดยท PHP นนสามารถทจะตดตอกบโปรแกรมจดการฐานขอมลทมอยมากมาย ดงน

Adabas D InterBase Solid Microsoft Access DBase mSQL Sybase Empress MySQL Velocis FilePro Oracle Unix dbm Informin PostgreSQL MS SQL Server

14

2. PHP สามารถทจะตดตอกบบรการตางๆผานทางโพรโตคอล (Protocol) เชน IMAP, SNMP, NNTP, POP3, HTTP และยงสามารถตดตอกบ Socket ไดอกดวย

3. PHP สมารถรนบนระบบปฏบตการไดมากมาย เชน Windows Unix Linux 4. PHP รองรบกบการใชงาน โปรแกรม Server จ าลองเชน Apache และ IIS 5. PHP นนเปนของฟรทสามารถดาวนโหลดมาใชงานฟรโดยไมตองเสยคาลขสทธเหมอน ASP

ทเวบไซตอยางเปนทางการของ PHP ท http://www.php.net/ 6. เปน Scrip แบบ Server Side Scrip ดงนนจงท างานบน Web Server ไมสงผลกบการท างาน

ของเครอง Client โดย PHP จะอาน Source Code และท างานท Server จากนนจงสงผลลพธทไดจากการประมวลผลมาทเครองของผใชในรปแบบของเอกสาร HTML ซงในการสรางเวบไซตจะใช Scrip อย 2 รปแบบคอ Source Code ของ PHP นผใชจะไมสามารถมองเหนได

1. Server-Side Script เปนลกษณะการท างานบนเครอง Server และแปลออกมาเปนภาษา HTML เชน ASP, CGI

2. Client-Side Script เปนลกษณะการท างานบนเครอง Client (เครองผใช) เชน JavaScript, VBScript

2.3.4 หลกการท างานของ PHP

การท างานจะเปนขนตอนตาง ๆ ดงน ขนตอนท 1 ฝง Client จะท าการรองขอหรอเรยกใชงานไฟล PHP ทเกบในเครอง Server ขนตอนท 2 ฝง Server จะท าการประมวลผลไฟล PHP ตามท CLient ท าการรองขอมา ขนตอนท 3 ท าการประมวลผลไฟล PHP ขนตอนท 4 และ 5 เปนการตดตอกบฐานขอมล และน าขอมลในฐานขอมลมาใชรวมกบการประมวลผล ขนตอนท 6 สงผลลพธจากการประมวลผลไปใหเครอง Client

2.3.5 องคประกอบของภาษา PHP

กลาวถงโครงสรางภาษา PHP ซงเราตองเรยนรกนกอนทจะเขาไปถงในสวนของการเขยน ค าสง โดยเฉพาะในสวนของการก าหนดตวแปร การเลอกเงอนไข ค าสงท าซ า ค าสงวนรอบ ค าสง ค านวณ การเลอกเงอนไข ซงเปนสงทเราตองใชอยประจ า 2.3.6 โครงสรางพนฐานของ PHP (Basic Syntax)

15

อยางทกลาวไปแลววา PHP นนสามารถใชงานรวมกนกบภาษา HTML ดงนนในการเขยนโคดจะตองแยกสวนกนใหชดเจน วาสวนใดคอภาษา PHP สวนใดคอภาษา HTML ซงสญลกษณทน ามาใชแยกโคด PHP มดงน แบบท 1. <? echo (" ASPThai.Net tutorial PHP”) ?> เปดค าสงดวยแทก <? และปดดวย ?> ซงกคลายกบ ASP ภายใตแทก <? . . . ?> คอค าสงในรปแบบของภาษา PHP แบบท 2. <?php echo (" ASPThai.Net tutorial PHP ”) ?> เปดค าสงดวยแทก <? ตามดวยค าวา php และปดดวย?> ภายใตแทก <?php . . . ?> คอค าสงในรปแบบของภาษา PHP แบบท 3. <script language=”php”> echo (" ASPThai.Net tutorial PHP ”) </script> เปดค าสงดวยแทก <script language=”php”>และปดดวย </script> ภายใต script คอค าสงในรปแบบของภาษา PHP แบบท 4. <% echo (" ASPThai.Net tutorial PHP ”) %> ASP เปดค าสงดวยแทก <% และปดดวย %> แตถามการอางองถงตวแปรใดกจะใช <%=$ตวแปร%> แตแบบท 4 นจะใชไดกบ PHP เวอรชน 3.0.4 ขนไปเทานนซงตองมการแกไขไฟล php3.ini ทเราเกบไวท C:\Windows ในบรรทดดงตอไปน ;;;;;;;;;;;;;;;;;;;;;;;;;;;;

16

; Language Options ; ;;;;;;;;;;;;;;;;;;;;;;;;;;;; asp tag = Off ; allow ASP-style <% %> tags ใหเราท าการเปลยนจาก Off เปน On เพยงเทานเรากสามารถใชงานไดแลว 2.3.7 ตวแปรและชนดขอมล (Variables and Data Types)

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

การใชงานของตวแปรใน PHP จะใชงานโดยการเขยนเครองหมายดอลลาร ($) ก ากบไวขางหนาชอของตวแปรนนๆโดยไมตองมการประกาศชอตวแปรและระบชนดของขอมลใหกบตวแปร PHP จ าท าการก าหนดชนดของขอมลใหกบตวแปรเองโดยพจารณาจากคาของขอมลทก าหนดใหกบตวแปรนน เชน

„ $a=1;// ตวแปร$a จะมชนดของขอมลทเปน integer หรอจ านวนเตม „ $a= “abc”;// ตวแปร $a จะมชนดของขอมลทเปน string หรอขอความ

การตงชอตวแปรใน PHP นนจะใหความส าคญกบตวอกษรพมพเลก พมพใหญของชอตวแปรดวย เชน $Fname กบตวแปร $fname ตวแปรสองตวนใน PHP นนจะถอวาเปนตวแปรคนละตวกนซงการตงชอตวแปรใน PHP มหลกการตงชอดงน

„ อกขระเรมตนของชอตวแปรจะตองเปนตวอกษรภาษาองกฤษ A-Z หรอ a-z หรอเครองหมายขดลาง “_” เทานน หามเปนอกขระอยางอน

„ อกขระตวทสองเปนตนไปอาจเปนตวอกษรภาษาองกฤษ A-Z หรอ a-z , ตวเลขหรอเครองหมายขดลาง “_” ใน PHP จะมฟงกชนทใชเพอบอกใหทราบชนดขอมลของตวแปรได คอ ฟงกชน get type () 2.3.8 ชนดของขอมล (Data Type)

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

„ Boolean ขอมลชนด Boolean เปนขอมลเชงตรรกะคอจะม 2 คา คอจรงกบเทจ หรอ TRUEกบ FALSE ตวอยางการก าหนดคาขอมลชนด Booleanใหกบตวแปร

17

<?php $a = True;

?> ขอสงเกต

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

ใหท าอะไร ถาเปนเทจใหท าอะไร „ Integer เปนขอมลประเภทตวเลขจ านวนเตม เชน -2, -1, 0, 1, 2 เปนตน „ Float เปนขอมลประเภทตวเลขทศนยม เชน 5.23487, -8.14453 เปนตน „ String ตวอกษร กลมค าหรอชดอกษร ในPHP เราใชเครองหมายฟนหน (“) ครอมไวหว

ทายของชดอกษร และถาตองการใหอกขระบางตวปรากฏอยในขอความดวยใหใชเครองหมาย backslash (\) เปนตวควบคมเพอสอความหมายวาเปนตวอกษรส าหรบอกขระพเศษบางตวไดแก ตารางท 2 : อกขระพเศษ และความหมาย

sequence meaning \\ backslash \$ dollar sign \” double-quote

ทมา : สมศกด โชคชยชตกล. (2547). อนไซท PHP 5. กรงเทพฯ: โปรวชน

„ Array เปนขอมลทมลกษณะเปนชด Array แตละตวประกอบดวยสมาชก ซงสมาชกแตละตวประกอบดวย value และ key ใน PHP จะมฟงกชนในการสราง array คอ ฟงกชน array() รปแบบการใชงานฟงกชน Array Array ([key =>] value…)

„ ขนตนดวยชอฟงกชนคอ array „ หลงค าวา array จะเปนเครองหมายวงเลบเปดปด ซงภายในวงเลบกคอ สมาชกของ array

ซงประกอบดวย key และ value „ Key จะเปนจ านวนเตม หรอวาเปนขอความกได „ Value เปนขอมลใดๆกได

18

„ Object เปนการรวบรวมตวแปร และฟงกชนทเกยวของไวดวยกนเวลาอางใชชอเดยวกนในการเรยกใช เชน Class foo {

$a = 1; $b = 2; Function do_foo () {

Eacho “Doing foo.”; }

} $bar = new foo;// เปนการก าหนดคา object foo ใหกบตวแปร $bar $bar -> do_foo (); // โดยใชค าวา new น าหนาชอ object ผลทได Doing foo ขอบเขตการใชงานตวแปร

ใน PHP แบงขอบเขตการใชงานตวแปรเปน 2 แบบคอ „ ตวแปร Local ถกใชงานภายในฟงกชนเทานน „ ตวแปร Global ถกใชงานไดทกต าแหนงในโปรแกรม <? php

$myVar = 10 Function My Function ()

{ $myVar =15 Return $myVar; }

Echo “$myVar From MyFunction () is “.MyFunction ().”<br>”; Echo “$myVar = “.$myVar;

?> จะไดผลลพธดงน

$myVar From MyFunction () is 15 $my Var = 10

19

จากตวอยางเหนวา $myVar ในบรรทดท 2ของโปรแกรมเปนตวแปร global และถกก าหนดคาใหเปน 10 จากนนไดมการประกาศ MyFunction () ซงเปนฟงกชนทใชตวแปรชอ $my Var เชนเดยวกน แต $my Var ในทนจะเกบตวแปร Local ทใชงานในเฉพาะฟงกชนเทานน

จากค าสง echo “$my Var From Function() is “.MyFunction(). “<br>”; เปนการเรยกใชฟงกชน MyFunction():ซงท าหนาทก าหนดคาใหตวแปร $my Var = 15 และสงคาของตวแปร $my Varออกมาจะเหนวา $my Var ถกก าหนดคาใหเปน 15 ภายในฟงกชน MyFunction()แตเมอพจารณาค าสงถดมาคอ echo “$my Var = “.$myVar;จะเหนวาคาของ $my Var ยงคงเปน 10 นนคอ แมวาในฟงกชนจะมการประกาศตวแปรชอ $my Var เชนเดยวกน แตวาการเปลยนแปลงคาตวแปร $my Var ในฟงกชนจะไมผลตอตวแปร $my Var ทใชงานอยภายนอกฟงกชน ตวแปร Session

ตวแปร Session คอตวแปรในภาษา PHP ทใชในการเกบขอมลทตองการใชงานในทกๆหนาของเวบเพจ ซงแตกตางจากตวแปรธรรมดาเพราะตวแปรปกตจะมอายการใชงานอยภายในหนานนๆของเวบเพจเทานน เมอมการเปลยนหนาเวบเพจเมอไหร ขอมลทตวแปรนนเกบอยกจะหายไปดวย แตคาทอยในตวแปร Session นนจะถกเกบไวตลอดเวลาไมวาเราจะเปลยนหนาเวบเพจไปหนาไหนกตามภายในหนาตางของ Web Brower หนาตางเดยวกน และคาในตวแปร Session จะหายไปกตอเมอ เราสงลบโดยใชค าสง session_destory(0หรอเมอเราปดหนาตาง Web Brower เทานน

วธการใชงานตวแปร Session ท าได 2 แบบคอ

1. ใชงานโดยก าหนดคาให PHP สรางตวสภาพแวดลอมใหพรอมใชงานตวแปร Session ไดตลอดเวลา วธนเราจะเขาไปก าหนดคาบางอยางในไฟล php.ini ซงอยในโฟลเดอร c:/windowsใหเปดไฟลดงกลาวดวยโปรแกรม notepad เพอแกไขคาบางบรรทด ใหคนหาบรรทดทมค าวา session.auto_start =0 แลวเปลยนเปน session.auto_start =1จากนนจงบนทกขอมลและเปดหนาตาง notepad

วธการก าหนดคาตวแปรท าไดโดย $_SEESION (“VarName”) = Value VarName คอชอของตวแปร Sessionทตองการใชงานนนเองตามหลกการตงชอตวแปรใน PHP Value คอ คาทตองการก าหนดใหตวแปร

20

วธการน าคาทเกบอยไปใชงาน สามารถท าไดโดยอางถงตวแปร SESSION ไดเลย เชน echo $_SESSION

(“Name”) 2. วธนเปนการเรยกใชฟงกชน session_start() กอนทจะมการเรยกใชตวแปร Session ใน

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

1. ฟงกชน Session unregister () ใชในการยกเลกตวแปร Session ออกจากสภาพแวดลอมทละตว

Sessions unregister (“VarName”) VarName คอชอตวแปรทตองการยกเลก

2. ฟงกชน session_destory() ใชในการยกเลกการใชงานตวแปร Session ออกจากสภาพแวดลอมออกจากระบบทงหมด (เฉพาะของผใชงาน หรอ ของหนาตางทรนค าสงนเทานน)

Session_destroy(); 2.3.9 การบนทกไฟลPHP และการจดเกบ

ในการจดเกบไฟลและบนทกไฟล PHP นนกเหมอนกบ ASP ทกประการเพยงสรางไฟลขนมาและบนทกเปนนามสกลของPHP ดงน *.php ,*.php3 หรอ *.phtml เปนตน และน าไปเกบไวท Home Directory ของ Web Server ทใช แตตองใชเครองหมายฟนหนปดทาย ไมเชนนน test.php3.txtจะกลายเปน Text File ไป 2.3.10 เหตผลท PHP ไดรบความนยม

1. PHP น าเอาขอดของทง C, Perl และ Java มาผนวกเขาดวยกน ท าใหท างานไดรวดเรวกวา CGI หรอแมแต ASP และมประสทธภาพ โดยเฉพาะเมอใชกบ Apache Server เพราะไมตองใชโปรแกรมจากภายนอก

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

21

3. Crossable Platform ใชไดกบหลายๆระบบปฏบตการไมวาบน Windows,Unix, Linux หรออนๆ โดยแทบจะไมตองเปลยนแปลงโคดค าสงเลย

4. เรยนรงาย เนองจาก PHP ฝงเขาไปใน HTML และใชโครงสรางและไวยากรณภาษางายๆ

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

2.4 ระบบฐานขอมล MySQL MySQL เปนโปรแกรมพนฐานทใชจดเกบขอมลโปรแกรมหนง ท างานในลกษณะ

ClientServer ท างานบนระบบTelnet บน Linux Red hat หรอ Unix System(ฟร)และลงบน Win32(เสยคาใชจาย) ระบบเครอขาย Internet Intranet นนหมายความวาเราสามารถเรยกใช MySQLไดทวโลกกรณเปน Internet และทวบรเวณทเปน Intranet และยงสามารถเรยกใชงานบน Web Browser ไดกรณใช language เปน Interface ในการเชอม language ทเปน Interface เชน PHP Perl C C++

MySQL เปนโปรแกรมยอดฮตอกตวหนงเนองจากเปนของฟรวากนวา Linux+PHP+MySQL แลวจะเปน Engine ทสดฮตมพลงมหสจรรยทสดและเปนทยอมรบของWeb site ตางๆทวโลกเพราะเนองจากคณภาพของมนแลว3 ประการรวมกนยงเปนของฟรทงหมดอกดวยซงจะเปนตวทชวยลดตนทนของบรษทไดอยางด โครงสราง Databaseของ MySQL อธบายโดยแสดงผลเปนภาพไดดงน

22

ภาพท 4 : แสดงโครงสราง Databaseของ MySQL

ทมา : สงกรานต ทองสวาง. (2546). MySQL ระบบฐานขอมล (พมพครงท 1). กรงเทพฯ:

บรษท ซเอดยเคชนจ ากด (มหาชน)

เหนไดวาโครงสรางของ Databaseของ MySQL กไมแตกตางจากโครงสราง Database ของ

โปรแกรมอนโดยเรมจาก File Database ขนมากอนแลวจงสราง table โดยออกแบบตามทตองการจากนนกจะได field ตางๆเมอแตละfield มขอมลกจะถกรวบรวมเปน Record

2.4.1 ชนดของฟลดทใชเกบขอมลใน MySQL แบงออกเปน 3 ประเภท 1. Numeric Type หรอขอมลประเภทตวเลข

แบงเปนหลายชนดตามขนาดขอมลทสามารถเกบได การสรางฟลดขอมลประเภท Numeric สามารถก าหนดคณสมบตเพมเตมไดอก คอ UNSIGNED ขอมลทจะเกบเปนตวเลขบวกเทานน ZEROFILLL ใหเพมเลข 0 ใหครบตามจ านวนความยาของขอมล เชน ขอมลทเกบเปน 1 และก าหนดความยาวของฟลดขอมลเปน 3 เพราะฉะนนขอมลทเกบจะไดเปน 001 เพอใหความยาวครบ 3 ในกรณทก าหนดคณสมบตของฟลดเปน ZEROFILLL ไวฟลดนนจะถกเปลยนเปน UNSIGNED โดยอตโนมต ชนดขอมลประเภทนไดแก

• TINYINT ขนาดทเกบ 1 ไบต UNSIGNED เกบคาจ านวนเตม 0 ถง 255 SIGNED เกบคาจ านวนเตม -128 ถง 127 • SMALLINT ขนาดทเกบ2ไบต UNSIGNED เกบคาจ านวนเตม 0 ถง 65535

23

SIGNED เกบคาจ านวนเตม -32768 ถง 32767 • MEDIUMINT ขนาดทเกบ3ไบต UNSIGNED เกu3619 .บคาจ านวนเตม 0 ถง 16777215 SIGNED เกบคาจ านวนเตม -8388608 ถง 8388607 • INT หรอ INTEGER ขนาดทเกบ4ไบต UNSIGNED เกบคาจ านวนเตม 0 ถง 4294967295 SIGNED เกบคาจ านวนเตม -2147483648 ถง 2147483647 • BIGINT หรอ INTEGER ขนาดทเกบ8ไบต UNSIGNED เกบคาจ านวนเตม 0 ถง 18446744073709551615 SIGNED เกบคาจ านวนเตม -9223372036854775808 ถง 9223372036854775807 • FLOAT(X) ถา 0<=X<=24 ขนาดทเกบ 4 ไบต (ด FLOAT) ถา 25<=X<=53 ขนาดทเกบ 8 ไบต (ด DOUBLE) เกบคาตามจ านวนจรง • FLOAT ขนาดทเกบ4ไบต เกบคาจ านวนจรงแบบ IEEE ตงแต -3.402823466E+38 ถง -1.175494351E-38และ 0 และ 1.175494351E-38ถง 3.402823466E+38 • DOUBLE หรอ REAL ขนาดทเกบ8ไบต เกบคาจ านวนจรงแบบ IEEE ตงแต -1.7976931348623157E+308 ถง -2.2250738585072014E-308และ 0และ2.2250738585072014E-308 ถง 1.7976931348623157E+308 • DECIMAL(m,d) หรอ NUMERI (m,d) ถา d=0 ขนาดทเกบคอ m+1 ไบต ถา d>0 ขนาดทเกบคอ m+2 ไบต

24

เกบคาเลขทศนยมแบบระบจ านวนหลก m ทกหลกรวมทศนยมและ d หลงหลกทศนยม เชน ถาตองการเกบคาใหไดมากทสดเพยง 9999.99 ใหก าหนดเปน DECIMAL (7.2)

2. Date and Time Type หรอขอมลประเภทเวลา „ DATE ขนาดไฟลทเกบ 3 ไบต เกบคาวนทในรปแบบ YYY-MM-DD โดยมคาตงแต 1000-01-01 ถง 9999-12-31 • DATETIME ขนาดไฟลทเกบ 8 ไบต เกบคาวนทและเวลาในรปแบบ YYY-MM-DD HH:mm:ss โดยมคาตงแต 1000-01-01 ถง 9999-12-31 23: 59:59 • TIMESTEMP [(m)] ขนาดไฟลทเกบ 4ไบต เกบคาวนทและเวลาในรปแบบ UNIX Timestamp m =14 หรอไมก าหนด-> YYYYMMDDHHmmss m= 12->YYMMDDHHmmss m= 10->YYMMDDHHmm m= 8 -> YYYYMMDD m= 6 -> YYMMDD m= 4 ->YYMM m= 2 -> YY โดยมคาตงแต 1970-01-01 00:00:00 ถง 2037 • Time ขนาดไฟลทเกบ 1ไบต เกบคาป 2 หรอ 4 หลก หากระบเปน 2 จะเกบคา 70ถงหมายถงป 1970ถง 2069 หากระบเปน 4 จะเกบคา 1901 ถง 2155

3. String Type หรอขอมลประเภทตวอกขระและขอความ „ CHAR(m) ขนาดทเกบ m ไบต แตไมเกน 255 ไบต

25

เกบคาอกษรตามรหส ASCII „ VARCHA(m) ขนาดทเกบตามขอมลจรงมากทสด m ไบตแตไมเกน 255 ไบต เกบคาอกษรตามรหส ASCII ** CHAR จะเกบขนาดตายตว สวน VARCHA จะเกบตามขนาดของขอมลตวอกษร „ TINYBLOB หรอ TINYTEXT ขนาดทเกบตามขอมลจรง +1 ไบต แตไมเกน 255 ไบต เกบคาอกษรตามรหส ASCII หรอขอมล BINARY „ BLOB หรอ TEXT ขนาดทเกบตามขอมลจรง +2ไบต แตไมเกน 65535ไบต เกบคาอกษรตามรหส ASCII หรอขอมล BINARY „ MEDIUMBLOB หรอ MEDIUMTEXT ขนาดทเกบตามขอมลจรง +3ไบต แตไมเกน 16777215 ไบต เกบคาอกษรตามรหส ASCII หรอขอมล BINARY „ LONGBLOB หรอ LONGTEXT ขนาดทเกบตามขอมลจรง +4ไบต แตไมเกน 4294967295 ไบต เกบคาอกษรตามรหส ASCII หรอขอมล BINARY „ ENUM(value1’,’value2’,…) ขนาดทเกบ 1 หรอ 2 ไบตตามจ านวนคา value ซงก าหนดคาไดมากทสด 65535 คาเกบคาตามvalue ทก าหนด „ SET (‘value1’,’value2’,…) ขนาดทเกบ1,2,3,4 หรอ 8ไบตตามจ านวนคา value ซงก าหนดคาไดมากทสด 64 คาเกบคาตามvalue ทก าหนด ** ENUM เกบคา valueเพยงคาเดยวตอหนงชดขอมล SET เกบคา value ไดหลายๆคาตอหนงชดขอมล

2.4.2 ความสามารถและการท างานของโปรแกรม MySQL ถอเปนระบบการจดการฐานขอมล (Database Management System (DBMS))

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

26

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

ฐานขอมลแบบ Relational จะท าการเกบขอมลทงหมดในรปแบบของตารางแทนการเกบขอมลทงหมดลงในไฟลเพยงไฟลเดยว ท าใหท างานไดรวดเรวและมความยดหยนนอกจากนน แตละตารางทเกบขอมลสามารถเชอมโยงเขาหากนท าใหสามารถรวมหรอจดกลมขอมลไดตามตองการ โดยอาศยภาษา SQL ทเปนสวนหนงของโปรแกรม MySQL ซงเปนภาษามาตรฐานในการเขาถงฐานขอมล MySQL แจกจายใหใชงานแบบ Open source

นนคอผใชงาน MySQL ทกคนสามารถใชงานและปรบแตงการท างานไดตามตองการสามารถดาวนโหลดโปรแกรม MySQL ไดจากอนเตอรเนตและน ามาใชงานโดยไมมคาใชจายใดๆในระบบปฏบตการ Red Hat Linux นนมโปรแกรมทสามารถใชงานเปนฐานขอมลใหผดแลระบบสามารถเลอกตดตงระบบปฏบตการได อยางไรกตามสาเหตทผใชงานจ านวนมากนยมใชงานโปรแกรม MySQL เพราะสามารถท างานไดรวดเรว นาเชอถอและใชงานงาย

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

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

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

27

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

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

2. ท าการปองกนในหลายๆระดบ เชน ระดบของการขอเขาใชงาน ระดบสทธการใชงาน หรอระดบของขอบเขตฐานขอมลทใหใชงาน

3. การปองกนการบกรกเปนสงทควรปฏบต แตผดแลจะตองตรวจสอบการละเมดความปลอดภยดวย

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

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

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

3. ความพรอมใชและความสามารถในการกคน ระบบฐานขอมลจะตองถกปกปองใหพรอมใชงานไดตลอดเวลา รวมทงสามารถกคนไดหากขอมลเกดการสญหายนอกจากนน การสรางความปลอดภยใหกบฐานขอมลจ าเปนตองมนใจวามการปองกนถงระดบลกไดแก การสรางความปลอดภยใหกบเครอขาย ซงอาจท าไดโดยการปองกนทไฟลวอลล เราเตอร ระบบตรวจจบผบกรก และการสรางความปลอดภยใหกบระบบปฏบตการ เพอใหแนใจไดวาการเขาถงฐานขอมลโดยไมไดรบอนญาตจะไมเปนผลมาจากการก าหนดคาทผดพลาดใหกบระบบปฏบตการและอปกรณเหลานน ส าหรบผดแลระบบทตองการดาวนโหลดโปรแกรม MySQLหรอตรวจสอบเวอรชนของโปรแกรม MySQL ทจะใชงานสามารถคาหาไดจาก www.mysql.com/downloads/index.html

28

2.5 UML UML ยอมาจาก Unified Modeling Language เปนภาษาทใชในการอธบายโมเดลเชงวตถในรปแบบของกราฟฟกเปนสญลกษณซงโมเดลทสรางขนจะสามารถชวยใหเขาใจปญหาไดงายขน และยงสามารถน าโมเดลมาเปนเครองมอในการสอสารถายถอดความคดกบบคคลอน ไดงายขนเชน นกวเคราะห นกออกแบบ ลกคา เปนตน นอกจากนการสรางโมเดลยงชวยลดคาใชจายในการพฒนา กลาวคอโมเดลจะถกทดลองสรางขนกอนการสรางระบบจรงเพอศกษาหรอคนหาขอบกพรองรวมถง การแกไขเปลยนแปลงสวนตาง ๆ ซงจะเปนไปไดไมงายและสนเปลองเปนอยางมากหากตองท ากบระบบจรงทพฒนาขนมา 2.5.1 ขอดของ UML

1. UML เปนภาษาสากลทใชในการพฒนาซอฟตแวรเชงวตถและสามารถใชในการแลกเปลยน โมเดลอยางสอความหมายรวมถงการจดสรางเอกสารการวเคราะหออกแบบระบบโดยเฉพาะในการสรางระบบขนาดใหญซงตองอาศยการท างานเปนทม 2. สนบสนนหลกการเชงวตถไดอยางครบถวนชดเจน ท าใหเขาใจกบปญหาและวธแกไขไดอยางรวดเรวและงายยงขน 3. เปนภาษางายตอการท าความเขาใจ ใชเพยงแนวคดเชงวตถมาชวยในการสรางระบบจรง 4. ไมผกตดกบภาษาโปรแกรมใดภาษาหนง สามารถแปลไปเปนระบบจรงทถกสรางขนดวยภาษาโปรแกรมเชงวตถใด ๆ กได 5. สามารถถกแปลงเปนภาษาทใชในการสรางระบบขนจรงไดอยางอตโนมต จงชวยลดเวลา ภาระและคาใชจายในการพฒนาระบบได

2.5.2 ไดอะแกรมทใชงานใน UML ส าหรบไดอะแกรมทใชงานเราจะท าการแบงออกเปน 8 ไดอะแกรม ซงมรายละเอยด คอ

1. ยสเคสไดอะแกรม (Use Case Diagram) ใชในการโมเดลฟงกชนการท างานของระบบ 2. คลาสไดอะแกรม (Class Diagram) ใชในการโมเดลคลาสตาง ๆ ทจ าเปนในระบบ 3. แอกทวตไดอะแกรม (Activity Diagram) ใชในล าดบการท างานเหมอนกบโฟลวชารต 4. สเตตชารตไดอะแกรม (Statechart Diagram) ใชส าหรบแสดงถงสถานะของออบเจกต

ในระหวางการท างาน 5. คอลแลบอเรชนไดอะแกรม (Collaboration Diagram) ใชแสดงการท างานรวมกนของ

ออบเจกตในระบบ

29

6. ซเควนซไดอะแกรม (Sequence Diagram) ใชในการโมเดลกจกรรมตาง ๆ ทเกดขนกบออกเจกตในระบบ

7. คอมโพเนนตไดอะแกรม (Component Diagram) ใชส าหรบสรางโมเดลของคอมโพเนนตในระบบ

8. ดพลอยเมนตไดอะแกรม (Deployment Diagram) ใชแสดงการตดตงใชงานสวนประกอบตาง ๆ ของระบบ

2.5.3 Building Blocks of the UML UML สามารถแบงองคประกอบออกเปน 3 กลม ดงน 1. Things คอ สญลกษณหรอสงตางๆทน ามาใชสราง Diagram UML แบงออกเปน 4 หมวดคอ

1.1. Structural Things หรอ หมวดโครงสราง เปนค านามใชส าหรบ UML สวนใหญจะเปนสวน static ของ ได แก Use case, Interface, Class, Collaboration, Component, Node

1.2. Behavioral Things หรอ หมวดพฤตกรรม ไดแกสวนทเปน dynamic แสดงถงพฤตกรรมของระบบ ประกอบดวย 2 สวนใหญๆ คอ

- Interaction - State machine

1.3. Grouping Things หรอ หมวดการจดกลมหม - Package 1.4. Annotation Things หรอ หมวดค าอธบาย - Note

2. Relationships ความสมพนธใน UML ประกอบไปดวย 2.1. Dependency หรอ ความขนอยตอกนจะใหความหมายวาเมอเกดการเปลยนแปลงท

สวนหนงแลวจะสงผลกระทบถงอกสวนหนงทลากเสนมาสมพนธกน 2.2. Association หรอ ความสมพนธจะแสดงถงความสมพนธระหวาง Object 2.3. Generalization หรอ การสบทอดคณสมบต 2.4. Realization หรอ การท าใหท างานไดจรง 3. Diagrams แบงออกไดเปน 9 Diagram หลก ดงน คอ

1. Use case Diagram การเกบรวบรวมความตองการของผใชมความส าคญมาก และจะท าในรอบแรก ของการพฒนาระบบ Use case diagram เปน Diagram ทท าหนาท Capture requirement

30

1.1 เปนเทคนคในการสรางแบบจ าลองเพอใชอธบายหนาทของระบบใหม หรอระบบปจจบน

1.2 กระบวนการสราง Use case เปนแบบ Iteration 1.3 ความตองการของระบบจะไดจากผใช 1.4 องคประกอบจะม Use case, Actor, Use case Relation และ System

2. Sequence Diagram บอกล าดบการท างานของระบบ โดยม Object และเวลาเปนตวก าหนดล าดบของงาน ซงแสดงปฏสมพนธระหวาง Object ตามล าดบของเหตการณทเกดขน ณ เวลาทก าหนด message ทเกดขนระหวาง class จะสามารถน าไปสราง method ใน class ทเกยวของได 3. Collaboration Diagram เมอได Sequence diagram แลว tool บางชนดสามารถ generate collaboration diagram ใหไดเลย หรอ ในทางกลบกนเมอสราง Collaboration diagram เสรจแลว กจะสามารถ generate sequence diagram ได โดยอตโนมต ซงถอวาทง 2 diagram สะทอนภาพกนและกนอยนนเอง 4. State Diagram ประกอบดวย State ตางๆ ของ Object และเหตการณตางๆ ทท าใหสถานะของ Object เปลยนและการกระท าทเกดขนเมอสถานะของระบบเปลยนไป สามารถบอกสถานะของ Object ได 5. Activities Diagram แสดงล าดบ กจกรรมของการท างาน สามารถแสดงทางเลอกทเกดขนได Activity diagram จะแสดงขนตอนการท างานในการปฏบตการ โดยประกอบไปดวยสถานะตางๆ ทเกดขนระหวางการท างาน และผลจากการท างานในขนตอนตางๆ 6. Class Diagram Class Diagram สามารถท าการแสดงรายละเอยดภายใน Class แตละ Class ไดวาม Method อะไรบาง Field และ Attribute Process Control ท าการ Extends หรอ Generalize มาจาก Class API ซงจะมผลท าให Class Process Control มคณสมบตของ Class API นนคอม Attribute และ method ของ Class API อยใน Class Process Control สามารถเรยกใชงานไดทนท

31

7. Object Diagram ประกอบดวย Object และ Relation ระหวาง Object โดยแตละ Object จะแสดง Instance ของแตละ class ทมในระบบ และความสมพนธตางๆ ระหวาง Class 8. Component Diagram แสดงโครงสรางทางกายภาพของ Software โดยจะประกอบดวยองคประกอบซงอยในรปตางๆ โดยจะมความสมพนธแสดงอยเชนเดยวกบ Class diagram, Object diagram 9. Deployment Diagram เปนสงทสามารถท าการแสดงระบบสถาปตยกรรมของ Hardware/Software ตลอดจนความสมพนธระหวาง Hardware/Software UML (UnifiedModelingLanguage) คอ สญลกษณมาตรฐานทใชในวธการออกแบบการ

พฒนาเชงวตถ (Object-oriented Design Methodology) ซงสญลกษณทใชนนจะไดมาจากการรวมเอาวธการในการออกแบบและวเคราะหแบบ Object oriented 3 แบบคอ „ Booch Method ของ Grady Booch

„ Object-Modeling Technique (OMT) ของ James Rumbaugh „ Use case methodology ของ lvar Jacobson 2.5.4 ประโยชนของ UML

1. วงจรการพฒนาทสนทสด (Shortest Development life cycle) 2. เพมผลผลต (Increase productivity) 3. ปรบปรงคณภาพซอฟตแวร (Improve software quality) 4. สนบสนนระบบสบทอดมรดก (Support legacy system) 5. ปรบปรงการเชอมตอทมงาน (Improve team connectivity)

2.5.5 ท าไมเราจงตองใช UML 1. UML ไดรวมขอดของโมเดลตางๆ ไว ไดแก „ Data Model ซงน ามาจากโมเดล OMT ของ Rambaugh ซง Rambaugh เนนหนกมากในเรองของขอมลดยเอาแนวความคด มาจาก E-R Diagram „ Business Model คลายกบ Data Flow Diagram (DFD) แตดกวาในเรองของ sequence, loop, check if condition

32

„ Object Model คอสามารถทจะสรางออปเจกตในแบบตางๆได 2. เปนภาษาทเปนมาตรฐานเปด (Open standard) ของทกภาษาในปจจบนไมวาจะเปน Java, J2EE ผลตภณฑใหมๆ ของ Microsoft ลวนแตสนบสนน UML 3. ภาษา UML ครอบคลมทกสวนในวงจรชวต (Life cycle) ของการพฒนาระบบ 4. เปนภาษาทไมยากเกนไปทจะเรยนรและน ามาใชงานจรง และสามารถน าไปใชงานทซบซอนมากๆ ได 5. มบรษทชนน าและอตสาหกรรมตางๆ ใหการยอมรบและใหการสนบสนน เชน บรษทไอบเอม 2.6 Apache 2.6.1ลกษณะทางกายภาพของ Apache

Apache ถกสรางขนจากการน าเอาโปรแกรมขนาดเลกทท าหนาทแตกตางกนหลายโมดลมาท างานรวมกนเปนเวบเซรฟเวอร จงท าใหมสวนประกอบเปนโมดล (ทพฒนาดวยภาษาซ) สวนหนงจะเปนสวนกลางทท าหนาทบรการจดการทงหมด เรยกวา Core.c โมดลตอมาคอ โมดลทท าหนาทบรหารหนวยความจ า ( Memory Management) และบรหารโปรเซสงานยอย (Child Process) ทรองรบการใหบรการทเรยกเขามาพรอมๆกนจ านวนมากจากภายนอก (Multi-Processing Models หรอ MPM) ซงอาปาเชมโมเดลการท างานดานนรองรบไว 3 โมเดลดวยกน คอ workers ส าหรบรองรบงานจ านวนมากๆ ในขณะทตองการหนวยความจ าไมมากนก Prefork ส าหรบงานทตองการประสทธภาพและความเรวแตจะตองใชทรพยากรระบบมากกวา และ Per Child ออกแบบมาเพอรองรบงานทไดแตกตางกนโดยแยกตามยสเซอรทรองงขอบรการเขามา (ขณะนอยระหวางการพฒนา)โมดล http_core.c จะท าหนาทรองรบการประมวลผลดวยโปรโตคอล HTTP (Hyper Text Transfer Protocol ) ซงจะจดการกบสวนเฮดเดอรตามมาตรฐาน NCSA และโมดล mod_so.cจะท าหนาทตดตอประสานการท างานโมดลภายในเขากบ Shared Modules อนๆทอยภายนอกเหลานเรยกวา Dynamic Shared Object หรอ DSO จะมจ านวนมากนอยกขนอยกบความตองการใชงานของผใช โดยจะก าหนดไดในขณะทคอมไพลโปรแกรมอาปาเชส าหรบกรณของ Red Hat 9.0 จะมการคอมไพลมาใหเรยบรอยแลว และมโมดล DSOทมคณสมบตดานตางๆเพยงพอตอการใชงานทวไป เชน การสนบสนนภาษาสครปต การท า Authentication แบบตางๆการสนบสนน Server Side Include เปนตน โดยในสวนของแกนกลางหรอ MPM จะเปนโมเดลแบบ prefork ขอมลการ ส ารวจจากเวบไซตทวโลกโดย Netcraft เปนสงทยนยนถงจ านวนอาปาเชเวบเซรฟเวอรทมสดสวนการใชงานสงกวาเวบเซรฟเวอรอนๆอยางเหนไดชด และยงมแนวโนมทจะสงมากขน จากจดเรมตน

33

ทอาศยโคดจากเวบเซรฟเวอรมาตรฐาน NCSA (องคกรกลางผก าหนดมาตรฐานโปรโตคอล HTTP,มาตรฐานภาษา HTML และมาตรฐานอนๆ ทเกยวของกบงานบรการบนเวบทงหมด) พฒนาอยางตอเนองดวยก าลงของชมชนนกพฒนาจากทกมมโลกผานโมเดลการพฒนาฟรซอฟตแวร ภายใตการก ากบดแลของ Apache Foundation ท าใหเกดซอฟตแวรเวบเซรฟเวอรทมเสถยรภาพการท างานทนาเชอถอได มประสทธภาพสง และแขงแกรง 2.6.2 ประโยชนของ Apache

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

1. การใชงานเปน Mirror Site ดวยความสามารถจากโมดลในกลม mod_proxy.cท าใหเราสามารถประยกตใชอาปาเชเปนเวบไซต Mirrorไดโดยสามารถส าเนาเนอหาจากเวบไซตทไดรบการอนญาตแลวมาใหบรการในเซรฟเวอรของเรา

2. ท าหนาทเปน Web Redirector หรอท าหนาทเปนตวชวยเปลยนทศทางของผทมาจากแหลงตนทางทแตกตางกนไปส URL หรอเซรฟเวอรทก าหนดขนใหม ซงมาจากความสามารถของโมดล mod_rewrite.c

3. การสรางเวบไซตสวนบคคลหรอ Personal Home Page การใชงานแบบนเปนทนยมมากในสถานศกษา มหาวทยาลย โดยอาศยการท างานของโมดล mod_userdir.c จะชวยใหผใชทกคนในเวบเซรฟเวอรมเวบไซตสวนตวไดโดยอตโนมต โดยม URL เปนชอเวบไซตนนตมดวยเครองหมาย ~ และชอขงผใชนนๆ เชนผใช gump ในเซรฟเวอร www.tepleela.ac.th กจะม URL เปน http://www.tepleela.ac.th/~gump/ เปนตนซงท าใหสมาชก นกเรยน นกศกษามเวบไซตเปนของตนเองทจะใชฝกหดสรางเวบไซต และเผยแพรขอมลสสาธารณะไดตามตองการ

4. การเปน Virtual Host ลกษณะนเปนทนยมกนมากทเดยว คอ การสรางเวบไซตมากกวา 1เวบไซตโดยใชเครองเซรฟเวอรเพยงเครองเดยว และใชหมายเลยไอพแอดเดรสเพยงหมายเลขเดยวในการอางถงเวบไซตหลายชอ หรอทเรยกวา Name Based Virtual Host ซงชวยลดคาใชจายไดมาก ส าหรบ Red Hat Linux 9.0 แลวในทางเทคนคสามารถคอนฟกไดทนทในสวนของอาปาเช แตยงขาดในสวนของ FTP Server ซงไมสนบสนนการท า Virtual Host ในแบบName Based ดงนนจงจ าเปนตองน าโปรแกรม FTP Server ทดกวา vsFTPd และมคณสมบตดาน Virtual Host มาใชแทน เชน ProFTPd หรอ PureFTPd เปนตน

34

5. การเปนเวบเซรฟเวอรทสนบสนนเทคโนโลยเวบอนๆ Apache 1.3 และ 2.0 เปนเพยงหนงในโปรเจกตของ The Apache Software Foundation เทานนยงมโปรเจกตอนๆทเปนโปรเจกตตอเนองจากอาปาเชอกมากมาย เชน Jakarta เปนโปรเจกตเสรมเพอท าใหอาปาเชสนบสนน Java Platform โดยหนงในจ านวนโปรแกรมทเปนทรจกอยางดคอ Tomcat 5 ซงเสรมการสนบสนน Java Servlet 2.4 และJava Server Pages 2.0

6. ในทางออมการประยกตใชอาปาเชเวบเซรฟเวอรยงถกน ามาใชเพอเปนสวนประกอบในงานดานอนๆอก โดยอยในฐานะชองทางการตดตอระหวางผใชกบแอปพลเคชนตางๆ ในลกษณะของ Web based User Interface ซงผใชอนเตอรเนตโดยทวไปมความคนเคยดอยแลว อกทงยงลดการบ ารงรกษาและคอนฟกในฝงเครอง Client ไปไดมากอกดวย การใชงานทางออมทวานไดแก

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

6.2 เปนชองทางการแสดงผลขอมลและระบบเครอขาย เนองจากอาปาเชถกผนวกเอาไวกบลนกซเซรฟเวอรทกดสทรบวชน หรอเปนโอเอสอนกสามารถตดตงใชงานไดฟร และสามารถแสดงผลไดทงตวอกษร รปภาพ รปกราฟไดโดยตรง จงมการน าอาปาเชมาใชงานดานการแสดงผลขอมลระบบ และกราฟสถตตางๆมากมาย เชน MRTG ใชแสดงขอมลกราฟทไดจาก Router หรอ SNMP Server โปรแกรม SARG ใชแสดงตารางสถตการเขาชมเวบไซตของผใชงาน Squid Proxy Server โปรแกรมประเภทLog Analyzer เปนตน

6.3 ใชเปน Web Mail ขอดของการใช อเมลผานเวบบราวเซอรเปนสงทเราตางทราบกนเปนอยางด อาปาเชในฐานะทเปน Front-End ของระบบอเมลจงเปนงานอกลกษณะหนงทเรานยมใชงานรวมกบระบบ Mail Server

6.4 เปนอนเตอรเฟสของแอปพลเคชนเฉพาะทาง มซอฟตแวรเปนจ านวนมากทพฒนาและท างานภายใตสภาพแวดลอมทเรยกวา Web based Applications ทงทเปนการพฒนาขนเพอใชงานในองคกรโดยเฉพาะ และทงทเปนซอฟตแวรส าเรจรป เชนโปรแกรมประเภท Groupware หรอ Web based collaboration ตางๆระบบสนบสนนสารสนเทศภายในองคกร

บทท 3 ขนตอนการศกษา

3.1 Use case diagram

ใช Use case diagram เพอมองภาพรวมของระบบงานตางๆ อธบายหนาทของระบบ และบคคลทมการปฏสมพนธกบระบบใหมความชดเจน ภาพท 5 : แสดง Use case diagram ของระบบ

36

3.2 Activity diagram - การสมครสมาชก ภาพท 6 : แสดง Activity diagram ระบบการสมครสมาชก

37

- การจองคอรทแบดมนตน ภาพท 7 : แสดง Activity diagram ระบบการจองคอรทแบดมนตน

38

- การสง Invite ภาพท 8 : แสดง Activity diagram ระบบการสง Invite

39

- การตอบรบ/ปฏเสธ Invite ภาพท 9 : แสดง Activity diagram ระบบการตอบรบ/ปฏเสธ Invite

40

- การสงผลคะแนน ภาพท 10 : แสดง Activity diagram ระบบการสงผลคะแนน

41

- การตงกระท ภาพท 11 : แสดง Activity diagram ระบบการตงกระท

42

- การตอบกระท ภาพท 12 : แสดง Activity diagram ระบบการตอบกระท

43

3.3 Sequence Diagram - Sequence diagram ของกจกรรมการลอกอน ภาพท 13 : แสดง Sequence diagram ของกจกรรมการลอกอน

แสดง Sequence diagram ของกจกรรมการลอกอน โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการลอกอนจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอดสารสารในเวบไซตและท ากจกรรมตางๆ 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Web page 3. Object ของ User ท าการใส Username และ Password เพอสงขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการเรยกขอมลของสมาชก จาก Object Database 6. Object ของ Database จะมการสงขอมลมายง Object Process เพอใหท าการประมวลผล 7. Object ของ Process จะท าการประมวลผลเพอตรวจสอบวาม Username และ Password ตรงกบทสมาชกไดกรอกเขามาหรอไม

44

8. Object ของ Process ท าการยนยนขอมลมายง Object Website 9. Object ของ Website แสดงผลของขอมลไปยง Object User - Sequence diagram ของกจกรรมการจองคอรท ภาพท 14 : แสดง Sequence diagram ของกจกรรมการจองคอรท

แสดง Sequence diagram ของกจกรรมการจองคอรท โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการลอกอนจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอท าการจองคอรทแบดมนตน 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Web page 3. Object ของ User ท าการใส Cord ID, วน และ เวลา ทท าการแขงขน เพอสงขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการตรวจสอบขอมลวากรอกขอมลครบตามเงอนไขหรอไม เพอทจะไดน าขอมลไปเกบไวยง Object Database 6. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 7. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website

45

8. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User - Sequence diagram ของกจกรรมการ Invite ภาพท 15 : แสดง Sequence diagram ของกจกรรมการ Invite

แสดง Sequence diagram ของกจกรรมการ Invite โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการลอกอนจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอท าการ Invite 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Web page 3. Object ของ User ท าการใส ชอทมทจะท าการแขงขน, Cord ID, วน และ เวลา ทท าการแขงขน เพอสง ขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการตรวจสอบขอมลวากรอกขอมลครบตามเงอนไขหรอไม เพอทจะไดน าขอมลไปเกบไวยง Object Database 6. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 7. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website 8. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User

46

- Sequence diagram ของกจกรรมการรบค าเชญหรอปฏเสธค าเชญ ภาพท 16 : แสดง Sequence diagram ของกจกรรมการรบค าเชญหรอปฏเสธค าเชญ

แสดง Sequence diagram ของกจกรรมการรบค าเชญหรอปฏเสธค าเชญ โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการลอกอนจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอท าการ รบค าเชญหรอปฏเสธค าเชญ 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Web page 3. Object ของ User ท าการตอบรบค าเชญหรอปฏเสธค าเชญ เพอสง ขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 6. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website 7. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User

47

- Sequence diagram ของกจกรรมการสงผลคะแนนการแขงขน ภาพท 17 : แสดง Sequence diagram ของกจกรรมการสงผลคะแนนการแขงขน

แสดง Sequence diagram ของกจกรรมการสงผลคะแนนการแขงขน โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการลอกอนจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอท าการ Invite 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Web page 3. Object ของ User ท าการใส ชอทมทจะท าการแขงขน, Cord ID, วน, เวลา และ ผลคะแนนทท าการแขงขน เพอสง ขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการตรวจสอบขอมลวากรอกขอมลครบตามเงอนไขหรอไม เพอทจะไดน าขอมลไปเกบไวยง Object Database 6. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 7. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website 8. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User

48

- Sequence diagram ของกจกรรมการตงกระท ภาพท 18 : แสดง Sequence diagram ของกจกรรมการตงกระท

แสดง Sequence diagram ของกจกรรมการตงกระท เมอสมาชกของเวบไซตมความประสงคทจะตงกระท โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการตงกระทจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอเลอกรายการตงกระท 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Create topic 3. Object ของ User ท าการตงกระท เพอสงขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการตรวจสอบขอมลวากรอกขอมลครบตามเงอนไขหรอไม เพอทจะไดน าขอมลไปเกบไวยง Object Database 6. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 7. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website 8. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User

49

- Sequence diagram ของกจกรรมการตอบกระท ภาพท 19 : แสดง Sequence diagram ของกจกรรมการตอบกระท

แสดง Sequence diagram ของกจกรรมการตอบกระท เมอสมาชกของเวบไซตมความประสงคทจะตอบกระท โดย Object ทมสวนรวมใน Sequence diagram นประกอบดวย Object ของ User (สมาชก), Object ของ Website (ระบบ community), Object ของ Process และ Object ของ Database โดยกจกรรมของการตอบกระทจะด าเนนไปเปนล าดบดงน 1. Object ของ User เปดหนา Website เพอเลอกรายการกระท 2. Object ของ Website ตอบสนองตอ Object User โดยการแสดงหนา Answer topic 3. Object ของ User ท าการตอบกระท เพอสงขอมลไปยง Website 4. Object ของ Website ท าการสงขอมลไปยง Object Process 5. Object ของ Process ท าการตรวจสอบขอมลวากรอกขอมลครบตามเงอนไขหรอไม เพอทจะไดน าขอมลไปเกบไวยง Object Database 6. เมอไดขอมลทถกตองแลว Object ของ Process จะท าการแทรกขอมลไปเกบยงฐานขอมล 7. Object ของ Database ท าการยนยนการแทรกขอมลมายง Object Website 8. Object ของ Website แสดงผลการบนทกขอมลไปยง Object User

50

3.4 E-R Diagram ประกอบดวย Table ทงหมด 9 Table โดยแตละ Table มความส าคญดงตอไปน

1. Table cord ใชส าหรบเกบขอมล รหสคอรท, หมายเลขคอรท, ชอคอรท, ทอยคอรท และ รหสเจาของคอรด

2. Table cord book ใชส าหรบเกบขอมล รหสจองคอรท, รหสคอรท, วนทจองคอรท, เวลาจองคอรท, สถานะการจองคอรท และ รหสผจองคอรท

3. Table invite ใชส าหรบเกบขอมล รหสการเชญ, รหสผเชญ, รหสทถกเชญ, วนทเชญ, เวลาทเชญ, สถานะการเชญ และ รหสคอรทแบดมนตน

4. Table mboard ใชส าหรบเกบขอมล รหสกระท, ชอกระท, รายละเอยดกระท, วนเวลาทตงกระท, จ านวนผอานกระท, ชอรป, ไอพเครองผต งกระท และ รหสกระท

5. Table playertype ใชส าหรบเกบขอมล รหสประเภทผเลน และ ชอประเภทผเลน 6. Table sboard ใชส าหรบเกบขอมล รหสตอบกระท , รายละเอยดทตอบกระท, วนเวลาท

ตอบกระท, ไอพเครองผตอบกระท , ชอรป, รหสกระท และ รหสผตอบกระท 7. Table score ใชส าหรบเกบขอมล รหสคะแนนทสงมา, รหสผเลนทชนะ, รหสผเลนทแพ,

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

8. Table user ใชส าหรบเกบขอมล รหสสมาชก ชอทม, รหสผาน, ประวตและรายละเอยดตางๆของสมาชก, ประเภทผเลน, ระดบสมาชก, วนเวลาทสมคร และ ไอพเครองทสมคร

9. Table userlevel ใชส าหรบเกบขอมล รหสระดบสมาชก และ ชอระดบสมาชก

51

- E-R Diagram แบบ Chen ภาพท 20 : แสดง E-R Diagram แบบ Chen

52

- E-R Diagram แบบ Crow’s Foot ภาพท 21 : แสดง E-R Diagram แบบ Crow’s Foot

invite

PK inviteId

userId1

userId2

date_s

time_s

status

cordId

mBoard

PK mBoardId

topic

detail

dateTime

ip

userId

picname

countp

sBoard

PK sBoardId

detail

dateTime

ip

mBoardId

userId

picname

cord

PK cordId

cordNo

cordName

userId_c

cordAdr

userLevel

PK userLevelId

userLevelName

cordBook

PK cordBookId

cordId

date_s

time_s

status_s

userId

playerType

PK playerTypeId

playerTypeName

score

PK scoreId

userId1

userId2

winType

score1

score2

score3

status

date_s

cordId

user

PK userId

teamName

password

fName1

lName1

age1

address1

email1

phone1

fName2

lName2

age2

address2

email2

phone2

point

playerTypeId

userLevelId

dateTime

ip

53 3.6 Data Dictionary

ตารางท 3 : แสดง Data Dictionary ตารางคอรทแบดมนตน ( cord ) TABLE NAME ATTRIBUTE NAME DATA TYPE CONTENTS FORMAT PK / FK FK REFERENCED TABLE

cord cordId int(10) รหสคอรท ### PK cordNo int(10) หมายเลขคอรท ###### cordName varchar(50) ชอคอรท xxxxxxxxxx cordAdr text ทอยคอรท xxxxxxxxxx userId_c int(10) รหสเจาของคอรท ### FK user

ตารางท 4 : แสดง Data Dictionary ตารางจองคอรทแบดมนตน ( cord book ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

cord book cordBookId int(10) รหสจองคอรทแบดมนตน ### PK cordId int(10) รหสคอรทแบดมนตน ### date_s date วนจองคอรท YYYY-MM-DD time_s varchar(50) เวลาจองคอรท MM:SS:FF status_s varchar(50) สถานะการจอง xxxxxxxxxx userId int(10) รหสผจอง ### FK user

54 ตารางท 5 : แสดง Data Dictionary ตารางเชญรวมแขงขนแบดมนตน ( invite ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

invite inviteId int(10) รหสการเชญ ### PK userId1 int(10) รหสผเชญ ### FK user userId2 int(10) รหสผถกเชญ ### FK user date_s date วนเชญ YYYY-MM-DD time_s time เวลาเชญ MM:SS:FF status varchar(50) สถานะการเชญ xxxxxxxxxx cordId int(10) รหสคอรทแบดมนตน ### FK cord

ตารางท 6 : แสดง Data Dictionary ตารางหวขอกระท ( mboard ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

mboard mBoardId int(10) รหสกระท ### PK topic varchar(255) ชอกระท xxxxxxxxxx detail text รายละเอยดกระท xxxxxxxxxx

dateTime datetime วนเวลาทตงกระท YYYY-MM-DD

MM:SS:FF

countp int(10) จ านวนผอานกระทน ###

(ตารางมตอ)

55 ตารางท 6 (ตอ) : แสดง Data Dictionary ตารางหวขอกระท ( mboard ) picname varchar(50) ชอรป (image.jpg) xxxxxxxxxx ip varchar(50) ไอพเครอง ผต งกระท xxx.xxx.xxx.xxx userId int(10) รหสผต งกระท ### FK user

ตารางท 7 : แสดง Data Dictionary ตารางประเภทผเลน ( playertype )

TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

playertype playerTypeId int(10) รหสประเภทผเลน ### PK playerTypeName varchar(50) ชอประเภทผเลน xxxxxxxxxx

ตารางท 8 : แสดง Data Dictionary ตารางตอบกระท ( sboard )

TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

sboard sBoardId int(10) รหสตอบกระท ### PK detail text รายละเลยดทตอบกระท xxxxxxxxxx

dateTime datetime วนเวลาทตอบกระท YYYY-MM-DD

MM:SS:FF

(ตารางมตอ)

56 ตารางท 8 (ตอ) : แสดง Data Dictionary ตารางตอบกระท ( sboard ) ip varchar(50) ไอพเครอง ผตอบกระท xxx.xxx.xxx.xxx picname varchar(50) ชอรป (image.jpg) xxxxxxxxxx mBoardId int(10) รหสกระท ### FK mboard userId int(10) รหสผตอบกระท ### FK user

ตารางท 9 : แสดง Data Dictionary ตารางสงคะแนน ( score ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

score scoreId int(10) รหสคะแนนทสงมา ### PK userId1 int(10) รหสผเลนทชนะ ### FK user userId2 int(10) รหสผเลนทแพ ### FK user

winType varchar(50) ประเภทชนะ (สองในสอง , สองในสาม)

xxxxxxxxxx

score1 varchar(50) สกอร (21:10) 99:99 score2 varchar(50) สกอร (10:21) 99:99 score3 varchar(50) สกอร (21:10) 99:99 status varchar(50) สถานะคะแนน (ยอมรบ,ไมยอมรบ) xxxxxxxxxx date_s date วนทแขง YYYY-MM-DD cordId int(10) รหสคอรทแบดมนตนทแขง ###

57 ตารางท 10 : แสดง Data Dictionary ตารางสมาชก ( user ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

user userId int(50) รหสสมาชก ### PK teamName varchar(50) ชอทม (Username) xxxxxxxxxx password varchar(50) รหสผาน xxxxxxxxxx fName1 varchar(50) ชอสมาชกคนท 1 xxxxxxxxxx lName1 varchar(50) นามสกลสมาชกคนท 1 xxxxxxxxxx age1 varchar(50) อายสมาชกคนท 1 xx address1 text ทอยสมาชกคนท 1 xxxxxxxxxx email1 varchar(50) อเมลลสมาชกคนท 1 [email protected] phone1 varchar(50) เบอรโทรสมาชกคนท 1 xx-xxxxxx fName2 varchar(50) ชอสมาชกคนท 2 xxxxxxxxxx lName2 varchar(50) นามสกลสมาชกคนท 2 xxxxxxxxxx age2 varchar(50) อายสมาชกคนท 2 xx address2 text ทอยสมาชกคนท 2 xxxxxxxxxx email2 varchar(50) อเมลลสมาชกคนท 2 [email protected] phone2 varchar(50) เบอรโทรสมาชกคนท 2 xx-xxxxxx point int(50) คะแนนสะสมของทม ###

(ตารางมตอ)

58 ตารางท 10 (ตอ) : แสดง Data Dictionary ตารางสมาชก ( user ) playerTypeId int(10) ประเภทผเลน (ชายเดยว, ชายค) ### FK playertype userLevelId int(10) ระดบสมาชก (ผเลน, เจาของคอรท) ### FK userlevel

dateTime datetime วนเวลาทสมคร YYYY-MM-DD

MM:SS:FF

ip varchar(50) ไอพเครองทสมคร xxx.xxx.xxx.xxx

ตารางท 11 : แสดง Data Dictionary ตารางระดบสมาชก ( userlevel ) TABLE NAME ATTRIBUTE NAME DATA TYPE Desscription FORMAT PK / FK FK REFERENCED TABLE

userlevel userLevelId int(10) รหสระดบสมาชก ### PK

userLevelName varchar(50) ชอระดบสมาชก (ผเลน,เจาของคอรท)

xxxxxxxxxx

บทท 4 ผลการศกษา

การพฒนาระบบ Web Community ประกอบดวย Content ตาง ๆ ซงแตละสวนมดงตอไปน 4.1 หนาจอหลก ภาพท 22 : แสดงหนาจอหลก

แสดงรายละเอยดตางๆ เชน การสมครสมาชก การลงทะเบยน ตารางการแขงขน Ranking และสมาชกเจาของคอรดแบดมนตน เปนตน

60

ตารางท 12 : การคดคะแนน ชนะ 2 ใน 2 SET ชนะ 2 ใน 3 SET

ถา Point (แตม) ผชนะ < Point (แตม) ผเลนฝายตรงขาม

เทากบ 15 แตม เมอ Point (แตม) ผเลนฝายตรงขาม

- Point (แตม) ผชนะ > 30

เทากบ 12 แตม เมอ Point (แตม) ผเลนฝายตรงขาม

- Point (แตม) ผชนะ > 30 เทากบ 14 แตม เมอ

10 < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ

< = 30

เทากบ 11 แตม เมอ 10 < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ

< = 30 เทากบ 13 แตม เมอ

1= < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ

< = 10

เทากบ 10 แตม เมอ 1 = < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ

< = 10 ถา Point (แตม) ผชนะ =

Point (แตม) ผเลนฝายตรงขาม เทากบ 9 แตม เมอ

Point (แตม) ผชนะ = Point (แตม) ผเลนฝายตรงขาม

เทากบ 8 แตม เมอ Point (แตม) ผชนะ = Point

(แตม) ผเลนฝายตรงขาม

ถา Point (แตม) ผชนะ > Point (แตม) ผเลนฝายตรงขาม

เทากบ 7 แตม เมอ 1 = < Point (แตม) ผชนะ -

Point (แตม) ผเลนฝายตรงขาม < = 10

เทากบ 4 แตม เมอ 1 = < Point (แตม) ผชนะ -

Point (แตม) ผเลนฝายตรงขาม < = 10

เทากบ 6 แตม เมอ 10 < Point (แตม) ผชนะ -

Point (แตม) ผเลนฝายตรงขาม < = 30

เทากบ 3 แตม เมอ 10 < Point (แตม) ผชนะ -

Point (แตม) ผเลนฝายตรงขาม < = 30

เทากบ 5 แตม เมอ Point (แตม) ผชนะ - Point

(แตม) ผเลนฝายตรงขาม > 30

เทากบ 2 แตม เมอ Point (แตม) ผชนะ - Point

(แตม) ผเลนฝายตรงขาม > 30

61

- การคดคะแนน ผทชนะ 2 ใน 2 SET ถา Point (แตม) ผชนะ < Point (แตม) ผเลนฝายตรงขาม

จะได 15 แตม กตอเมอ Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ > 30 จะได 14 แตม กตอเมอ 10 < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ < = 30 จะได 13 แตม กตอเมอ 1 = < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ < = 10

ถา Point (แตม) ผชนะ = Point (แตม) ผเลนฝายตรงขาม จะได 9 แตม ถา Point (แตม) ผชนะ > Point (แตม) ผเลนฝายตรงขาม

จะได 5 แตม กตอเมอ Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม > 30 จะได 6 แตม กตอเมอ 10 < Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม < = 30 จะได 7 แตม กตอเมอ 1 = < Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม < = 10

- การคดคะแนน ผทชนะ 2 ใน 3 SET ถา Point (แตม) ผชนะ < Point (แตม) ผเลนฝายตรงขาม

จะได 12 แตม กตอเมอ Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ > 30 จะได 11 แตม กตอเมอ 10 < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ < = 30 จะได 10 แตม กตอเมอ 1 = < Point (แตม) ผเลนฝายตรงขาม - Point (แตม) ผชนะ < = 10

ถา Point (แตม) ผชนะ = Point (แตม) ผเลนฝายตรงขาม จะได 8 แตม ถา Point (แตม) ผชนะ > Point (แตม) ผเลนฝายตรงขาม

จะได 2 แตม กตอเมอ Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม > 30 จะได 3 แตม กตอเมอ 10 < Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม < = 30 จะได 4 แตม กตอเมอ 1 = < Point (แตม) ผชนะ - Point (แตม) ผเลนฝายตรงขาม < = 10 การแขงขนกฬาแบดมนตนจะไมมการเสมอ ถาตางฝายตางชนะทมละ 1 SET จะตดสนใน

SET ท 3 ถาหากครบ 21 คะแนนแลวคะแนนยงเทากน กจะตอการแขงขนไปเรอยๆ จนกวาจะไดผ ชนะ (คะแนนตองหางกน 2 คะแนน)

การจดล าดบ Ranking จะดจากคะแนนเปนหลก ถาหาก Point (แตม) เทากน จะดท Match (จ านวนการแขงขน) เปนล าดบตอไป ผทมจ านวนการแขงขนนอยกวา จะไดล าดบดกวา

62

4.2 หนาจอลงทะเบยน ภาพท 23 : แสดงหนาจอลงทะเบยน

แสดง กฎ และเงอนไขในการใชงานระบบ ผใชงานสามารถเลอกประเภทของสมาชกทตองการสมครได 4.2.1 หนาจอลงทะเบยนส าหรบผเลน ภาพท 24 : แสดงหนาจอลงทะเบยนส าหรบผเลน

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

63

4.2.2 หนาจอลงทะเบยนส าหรบเจาของคอรทแบดมนตน ภาพท 25 : แสดงหนาจอลงทะเบยนส าหรบเจาของคอรทแบดมนตน

กรอกขอมลรายละเอยดตางๆใหถกตองครบถวน เพอท าการสมครสมาชกของเจาของคอรทแบดมนตน 4.2.3 หนาจอรายงานผลการลงทะเบยน ภาพท 26 : แสดงหนาจอรายงานผลการลงทะเบยน

ถาขอมลทใสถกตรงครบถวน ระบบจะท าการบนทกขอมลเกบไวในฐานขอมล และแสดงขอความ “บนทกขอมลของทานเรยบรอยแลว” เพอบอกใหสมาชกเขาใจ

64

4.3 หนาจอการจองคอรทแบดมนตน ภาพท 27 : แสดงหนาจอการจองคอรทแบดมนตน

สมาชกผเลนสามารถดรายละเอยดของคอรทแบดมนตนตางๆ ไดจากตารางทางดานขวามอจากนนกรอกรายละเอยดคอรททตองการจอง และวน เดอน ป เวลานดหมาย ใหถกตองครบถวน 4.4 หนาจอเชญผเลนคนอนเขารวมการแขงขน และ การยอมรบ/ปฏเสธ การ Invite ภาพท 28 : แสดงหนาจอเชญผเลนคนอนเขารวมการแขงขน

65

สมาชกผเลนสามารถท าการเชญชวนสมาชกผเลนคนอนรวมท าการแขงขนไดโดยการ ใสผเลนทตองการแขงขน วนเดอนป เวลา และสนามทแขงขนท าการแขงขน เพอการนดหมาย ใหถกตองครบถวน 4.4.1 หนาจอตวอยางการ Invite ผเลน ภาพท 29 : แสดงหนาจอตวอยางการ Invite ผเลน

แสดงตวอยางการกรอกรายละเอยด ชอสมาชกทตองการแขงขน วนเวลา และสถานทใชในการแขงขน 4.4.2 หนาจอเมอท าการ Invite เสรจเรยบรอยแลว ภาพท 30 : แสดงหนาจอเมอท าการ Invite เสรจเรยบรอย

เมอกรอกขอมลและรายละเอยดถกตองครบถวนเรยบรอยแลว ระบบจะท าการบนทกขอมล และสง Invite ถงสมาชกผเลนใหรวมการแขงขนกฬาแบดมนตน

66

4.4.3 หนาจอการยอมรบ หรอปฏเสธการ Invite ภาพท 31 : แสดงหนาจอการยอมรบหรอปฏเสธการ Invite

สมาชกผเลนสามารถด Invite ได โดยการ Log in เขาระบบกอนแลวคลกตรงค าวา My Invite จากนนกสามารถดจ านวนผเชญ ดรายละเอยดตางๆของผเชญ สถานทนดหมาย วนและเวลาการแขงขน ซงเราสามารถกด ยอมรบ หรอ ปฏเสธ Invite ของผเชญได 4.4.4 หนาจอยอมรบการ Invite ภาพท 32 : แสดงหนาจอยอมรบการ Invite

เมอสมาชกผเลนไดกดรบค าเชญ ระบบจะท าการบนทกรบค าเชญ จากนนระบบจะท าการสงผลไปยงผเชญตรง Status วา “รบค าเชญ”

67

4.5 หนาจอดโปรแกรมการแขงขน ภาพท 33 : แสดงหนาจอดโปรแกรมการแขงขน

แสดงรายละเอยดโปรแกรมการแขงขนทงหมด 4.6 หนาจอเวบบอรด ภาพท 34 : แสดงหนาจอเวบบอรด

สมาชกสามารถแลกเปลยนความร ประสบการณ หรอ เรองราวตางๆ โดยเวบบอรดจะแสดง ล าดบ, เรอง, ผโพส, วน, เวลา และ จ านวนคนตอบ/จ านวนคนอาน โดยกระทจะเรยงตามล าดบวนทโพส

68

4.6.1 หนาจอการสรางกระท ภาพท 35 : แสดงหนาจอการสรางกระท

กรอกรายละเอยดตางๆทจะตองการสรางกระทใหถกตองครบถวน 4.6.2 หนาจอการตอบกระท ภาพท 36 : แสดงหนาจอการตอบกระท

กรอกรายละเอยดตางๆทตองการตอบขอความในกระทใหถกตองครบถวน

69

4.7 หนาจอรายละเอยดการจองคอรทของสมาชก ส าหรบ เจาของคอรทแบดมนตน ภาพท 37 : แสดงหนาจอรายละเอยดการจองคอรทของสมาชก ส าหรบ เจาของคอรทแบดมนตน

เจาของคอรดสามารถดบนทกการจองคอรทแบดมนตนจากสมาชก สามารถดรายละเอยดตางๆ ของสมาชกทมาจองคอรทแบดมนตนได จากนนเจาของคอรดสามารถทจะ ยอมรบการจองคอรด หรอ ยกเลกการจองคอรทแบดมนตนของสมาชกได 4.8 หนาจอการสงผลการแขงขน ภาพท 38 : แสดงหนาจอการสงผลการแขงขน

ผชนะจะเปนคนสงรายละเอยดตางๆ วนทแขงขน, คอรททใชในการแขงขน และ คะแนนในแตละเซท เพอใหผเลนทเปนผายแพเพอท าการยนยน

70

4.8.1 หนาจอแสดงการสงผลการแขงขนเสรจสมบรณ ภาพท 39 : แสดงหนาจอแสดงการสงผลการแขงขนเสรจสมบรณ

เมอกรอกขอมลและรายละเอยดถกตองครบถวน ระบบจะท าการบนทก และสงรายละเอยดตางๆ ไปยงผเลนทเปนผายแพเพอท าการยนยน 4.9 หนาจอการยอมรบ หรอ ปฏเสธผลคะแนนการแขงขน ภาพท 40 : แสดงหนาจอการยอมรบ หรอ ปฏเสธผลคะแนนการแขงขน

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

บทท 5 บทสรปและขอเสนอแนะ

การพฒนา Web Community เกยวกบกฬาแบดมนตน มวตถประสงคหลกเพอพฒนา

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

- Appserv V.2.5.10 - Apache Web Server V. 2.2.8 - PHP Script Language V. 5.2.6 - MySQL Database V. 5.0.51b - phpMyAdmin Database Manager V. 2.10.3 - Dreamweaver MX 2004 v7.0.1 - Photoshop CS2

ในการด าเนนงานไมไดเปนไปตามทวางไวเนองจากพบปญหาตางๆ ระหวางการด าเนนงาน

1. คะแนนไมไดเรยงตามล าดบทจดไว, เจาของคอรดไมสามารถดขอมลการจองคอรทแบดมนตนได และปญหาอนๆ เราไดท าการปรบปรงแกไข source code ใหถกตอง และรดกมมากยงขน

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

3. การวางระบบ การชวยกนเรองจากจดล าดบ Ranking และการตรวจเชคขอมลผสมครวามความสามารถมากนอยเพยงใด ผพฒนาเองมความรไมเพยงพอท าใหตองศกษาเพมเตม ดงนนผสมครทกคน เมอท าการลงทะเบยนสมครสมาชก จะมคะแนนเรมตนเทากบศนย

72

5.1 ขอจ ากดของโครงการ 1. เนองจากระบบนเปนการพฒนาระบบ Web Community จงไมไดรวมระบบของการ

ช าระคาบรการเอาไวดวย 2. การพฒนาระบบในการจดล าดบ Ranking ไมสามารถน าล าดบทไดไปใชงานจรง เพอ

เทยบกบการจดล าดบ Ranking ของกฬาแบดมนตนในทางสากล เนองจากระบบการจดล าดบ Ranking ทางสากล จะมคณะกรรมการสวนกลาง ทเปนกลางในการแขงขนเปนผจดล าดบ คะแนนในแตละด าดบจะมตงแตหลกรอยจนถงหลกพนขนอยกบความส าคญของการแขงขนนนๆ โดยการจดล าดบจะดทคะแนนเปนหลก การแขงขนแตละรายการถงจะไดอนดบเดยวกนแตอาจจะไดคะแนนไมเทากน ขนอยกบ ความส าคญของรายการนนๆ ภาษาในทางกฬาแบดมนตนจะใชดาวเปนตวบอกความส าคญ จะมตงแตล าดบต าสดคอ 1 ดาว จนไปถงล าดบสงสด คอ 5 ดาว เชน ผชนะ ล าดบ 1 ของการแขงขนความส าคญระดบ 5 ดาว ยอมจะไดคะแนนสงกวาล าดบ 1 ของความส าคญระดบ 3 ดาวเปนตน

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

4. ถาผเลนทเปนฝายแพไมกดยอมรบผลคะแนน คะแนนผเลนทเปนผายชนะกจะไมขน 5.2 แนวทางการพฒนาโปรแกรมตอในอนาคต

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

2. ควรพฒนาระบบตรวจสอบขอมลผสมคร บางครงผสมครอาจเปนนกกฬาแบดมนตนทไดรบการยอมรบจากสากล ดงนนไมควรทจะมคะแนนเรมตนเทากบศนย ควรมการพฒนาระบบและเกณฑการใหคะแนนเรมตน

73

บรรณานกรม

หนงสอ

กอบเกยรต สระอบล. (2549). กลเมดเทคนค PHP ส าหรบท าเวบไซท. กรงเทพฯ: ซเอดยเคชน

พนจนทร ธนวฒนเสถยร. (2548). Macromedia Dreamweaver 8 (พมพครงท 3). กรงเทพฯ : บรษท ซคเซส มเดย จ ากด

พรอมเลศ หลอวจตร. (2550). คมอเรยน PHP และ MySQL ส าหรบผเรมตน. กรงเทพฯ: โปรวชน

สงกรานต ทองสวาง. (2546). MySQL ระบบฐานขอมล (พมพครงท 1). กรงเทพฯ: บรษท

ซเอดยเคชนจ ากด (มหาชน)

สมศกด โชคชยชตกล. (2547). อนไซท PHP 5. กรงเทพฯ: โปรวชน

อดศกด จนทรมน. (2548). สราง Web Application อยางมออาชพดวย PHP ฉบบ Workshop.

กรงเทพฯ: ซเอดยเคชน

74

ภาคผนวก ก การตดตงเครองมอทใชในการพฒนาระบบ

การตดตง AppServ

1. ตวตดตง [รปไอคอนของ AppServ Installer]

ภาพท 41 : แสดงรปไอคอนของ โปรแกรม AppServ

2. เรมการตดตงโดยการดบเบลคลกทไอคอนดงรป

ภาพท 42 : แสดงขนตอนการตดตง โปรแกรม AppServ

เรมการตดตง โดยกด Next เพอใหท างานตอไป

75

3. โปรแกรมจะแจงเงอนไขการใชงาน [ขอตกลง] ภาพท 43 : แสดงขนตอนการตดตง โปรแกรม AppServ

คลกทปม I Agree เพอยอมรบเงอนไขการใชงาน

4. เลอกสถานทตดตง ภาพท 44 : แสดงขนตอนการตดตง โปรแกรม AppServ

เลอกทอยทจะตดตงโปรแกรม โดยกด Browse [ถาไมเลอกโปรแกรมจะตดตงไวใน C:\AppServ]

76

5. เลอกโปรแกรมทตองการ

ภาพท 45 : แสดงขนตอนการตดตง โปรแกรม AppServ

เลอกสวนประกอบของ Server ทเราตองการ • Apache HTTP Server คอ โปรแกรมทท าหนาเปน Web Server • MySQL Database คอ โปรแกรมทท าหนาเปน Database Server • PHP Hypertext Preprocessor คอ โปรแกรมทท าหนาประมวลผลการท างานของภาษา PHP • phpMyAdmin คอ โปรแกรมทใชในการบรหารจดการฐานขอมล MySQL ผานเวบไซต

77

6. ก าหนดขอมลของ Apache Server ภาพท 46 : แสดงขนตอนการตดตง โปรแกรม AppServ

• Server Name = ชอ Server ถาเอาไวทดสอบท าเวบแบบ offline สวนใหญจะใชเปน localhost • Administrator's Email Address = ทอย email ของผดแลระบบ • Apache HTTP Port = พอรตทใชเชอมตอกบ server คาปกตคอ port 80

7. ก าหนดคาของ MySQL Server

ภาพท 47 : แสดงขนตอนการตดตง โปรแกรม AppServ

ตงรหสผานของ MySQL Server

78

8. ตดตงเสรจสมบรณ ภาพท 48 : แสดงขนตอนการตดตง โปรแกรม AppServ

หลงการตดตง สามารถเลอกใหเปด Server ไดทนท

10. localhost ใน AppServ

ภาพท 49 : แสดง localhost ใน AppServ

79

11. phpMyAdmin ใน localhost ภาพท 50 : แสดง phpMyAdmin ใน localhost

12. phpinfo() ใน localhost

ภาพท 51 : แสดง phpinfo() ใน localhost

เขาดขอมล Server จากไฟล phpinfo

80

ประวตผเขยน ชอ – นามสกล นายสรพงศ หงษทอง อเมล [email protected] ประวตการศกษา วท.บ. (วสดศาสตร เทคโนโลยเซรามก)

จฬาลงกรณมหาวทยาลย, 2548 ประสบการณการท างาน 2552 – ปจจบน บรษท ทรปเปลท บรอดแบนด จ ากด (มหาชน)