04

ค

สารบัญ หนา บทคัดยอ กิตติกรรมประกาศ สารบัญ สารบัญภาพ สารบัญตาราง

ก ข ค จ ซ

บทที่ 1. บทนํา 1.1 หลักการทํางานและเหตุ 1.2 วัตถุประสงคของโครงงาน 1.3 เปาหมายและขอบเขตของโครงงาน 1.4 งบประมาณ 1.5 ขั้นตอนการดําเนินงาน 1.6 ระยะเวลาการดําเนินงาน 1.7 ประโยชนที่คาดวาจะไดรับ

1 1 1 4 5 6 6

2. ทฤษฎีและหลักการ 2.1 การจดทะเบียนสมาคม 2.2 CMS 2.3 การเลือกซอฟตแวรที่ใชในโครงงาน 2.4 PHP-Fusion 7.0 2.5 ภาษา PHP 2.6 Ajax 2.7 XML 2.8 My SQL 2.9 Appserv 2.5.10

7 13 16 18 21 22 24 26 26

ง

สารบัญ (ตอ) หนา 2.10 Adobe Dreamweaver CS3 2.11 Adobe Flash CS4 2.13 ตัวอยางการประยุกตใช PHP และ Ajax ใน PHP-Fusion 7.0 2.14 ตัวอยางการประยุกตใช Flash รวมกับ XML ติดตอฐานขอมูล MY SQL 3. การออกแบบ 3.1 การออกแบบโครงสราง 3.2 Data Flow Diagram 3.3 Entity Relationship Diagram (E-R Diagram) 3.4 Data Dictionary สําหรับ Relation 3.5 User Interface

27 29 30 48

54 69 81 83 89

4. ผลการดําเนินงาน 4.1 การเขาใชระดับสมาชิก 4.2 การเขาใชในระดับอาจารย 4.2 การเขาใชในระดับผูดูแลระบบ

94 115 124

5. สรุปผลการดําเนินงานและขอเสนอแนะ 5.1 สรุปผลการดําเนินงาน 5.2 ปญหาและวิธีแกไข 5.3 ขอเสนอแนะ

130 130 131

เอกสารอางอิง ภาคผนวก ก. Source Code Program ประวัติผูเขียน

133 139

จ

สารบัญภาพ ภาพที่

หนา 1.1 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2.11 2.12 2.13 2.14 2.15 2.16 2.17 2.18 2.19 2.20 2.21 2.22 2.23 2.24 2.25

flowchart แสดงขั้นตอนการดําเนินงาน โครงสรางการทํางานของ PHP - Fusion หนาเว็บครั้งแรกที่ติดตั้ง หนาเว็บครั้งแรกที่ติดตั้ง กลอง พาแนลในระบบ การทํางานของ classic and ajax web application model รูปแบบการทํางานของ AJAX แสดงโครงสรางของเอกสาร XML แสดงหนาจอของโปรแกรม Adobe Dreamweaver CS3 แสดงหนาเครื่องมือ Spry ในโปรแกรม Adobe Dreamweaver CS3 แสดงหนาจอในโปรแกรม Adobe Photoshop CS3 แสดงขั้นตอนการเพิ่มตารางลงใน Data base ของ PHP-Fusion 7.0 แสดงหนาแรกของ โคต test_name.php แสดงการเพิ่มขอมูลของเทคนิค ของ Ajax และ PHP แสดงการแกไขขอมูลของเทคนิค ของ Ajax และ PHP แสดงการลบขอมูลของเทคนิค ของ Ajax และ PHP แสดงการสรางฐานขอมูล ชื่อ db_xml แสดงการสรางตารางชื่อ products จํานวน 2 ฟวส แสดงการกําหนดคาตางๆ ในตารางชื่อ products แสดงเพิ่มขอมูลในฐานขอมูล แสดงโคตไฟล PHP ชื่อ products_xml.php แสดงผลการทดสอบไฟล PHP ชื่อ products_xml.php แสดงการเลือกรูปแบบการสรางไฟล Flash เปน Action Script 2.0 แสดงการสราง Layer ชื่อ list และ action แสดงการสราง Component ชื่อ List แลวตั้งชื่อเปน theList แสดงการสราง Action Script

5 19 20 20 20 22 23 24 28 28 29 31 46 46 47 47 48 48 48 49 49 50 50 51 51 51

ฉ

สารบัญภาพ (ตอ) ภาพที่

หนา 2.26 2.27 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8 3.9 3.10 3.11 3.12 3.13 3.14 3.15 3.16 3.17 3.18 3.19 3.20 3.21 3.22 3.23 3.24

แสดงโคต Action Script ที่ใชแสดงผล แสดงผลลัพธการทดสอบแสดงขอมูล แผนผังระบบบริการเว็บไซตศิษยเกา แผนผังระบบคนหางานจากรุนพี่ ขั้นตอนการทํางานของระบบคนหางานจากรุนพี่ แผนผังระบบฝากแจงงาน ขั้นตอนการทํางานของระบบฝากแจงงาน แผนผังระบบคนหาพี่รหัส ขั้นตอนการทํางานของระบบคนหาพี่รหัส แผนผังระบบการบันทึกเหตุการณ ขั้นตอนการทํางานของระบบการบันทึกเหตุการณ แผนผังระบบบริการฝากแจงขาว ขั้นตอนการทํางานของระบบบริการฝากแจงขาว แผนผังระบบบริการออกแบบเสื้อ ขั้นตอนการทํางานของบริการออกแบบเสื้อ แผนผังระบบบริหารการเงินศิษยเกา ขั้นตอนการทํางานของระบบบริหารการเงินศิษยเกา แสดงโครงสรางการทํางานของระบบเว็บไซตศิษยเกา แสดง Context Diagram ของระบบบริการเว็บไซตศิษยเกา แสดง Process Decomposition Diagram แสดง Data Flow Diagram Level 1 แสดง DFD Level 2 of Process 1 แสดง DFD Level 2 of Process 2 แสดง DFD Level 2 of Process 3 แสดง DFD Level 2 of Process 4 แสดง DFD Level 2 of Process 5

52 52 54 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 74 75 76 77 78

ช

สารบัญภาพ (ตอ) ภาพที่

หนา 3.25 3.26 3.27 3.28 3.29 3.30 3.31 3.32 4.1 4.2 4.3 4.4 4.5 4.6 4.7 4.8 4.9 4.10 4.11 4.12 4.13 4.14 4.15

แสดง DFD Level 2 of Process 6 แสดง DFD Level 2 of Process 7 แสดง E-R Diagrams แสดง User Interface หลัก แสดง User Interface ผูใชทั่วไป แสดง User Interface ผูดูแลระบบ แสดง User Interface สมาชิก แสดง User Interface อาจารย แสดงหนาแรกของเว็บไซตศิษยเกา แสดงลิงคลงทะเบียนสมาชิก แสดงฟอรมการกรอกลงทะเบียนสมาชิก แสดงฟอรมการกรอกสมาชิกและล็อกอินผานแลวของสมาชิก แสดงเมนูในสวนของระบบบริการและพาเนลตางๆของสมาชิก แสดงหนาจอระบบบริการการคนหางานจากรุนพี่ แสดงหนาจอการคนหางานจากรุนพี่ ประเภทคนหา ชื่อ/นามสกุล/ชื่อเลน ที่พบขอมูล แสดงหนาจอการคนหางานจากรุนพี่ ประเภทคนหา ชื่อ/นามสกุล/ชื่อเลน ที่ไมพบขอมูล แสดงหนาจอการคนหางานจากรุนพี่ ประเภทคนหาตามหมวดตางๆ แสดงหนาจอการคนหางานจากรุนพี่ ประเภทคนหาตามหมวดตางๆ ที่ไมพบขอมูล แสดงการดูรายละเอียดงานที่รุนพี่ฝากแจงไว แสดงการสงขอความไปยังสมาชิกในระบบ แสดงรายละเอียดสมาชิกในระบบที่คนหาในระบบหางาน แสดงหนาจอระบบบริการฝากงานไปยังรุนนอง แสดงหนาจอการแกไขรายการฝากงานไปยังรุนนอง

79 80 82 89 90 91 92 93 95 95 96 97 97 98 98 99 100 100 101 102 103 104 105

ซ

สารบัญภาพ (ตอ) ภาพที่

หนา 4.16 4.17 4.18 4.19 4.20 4.21 4.22 4.23 4.24 4.25 4.26 4.27 4.28 4.29 4.30 4.31 4.32 4.33 4.34 4.35 4.36 4.37 4.38 4.39

แสดงหนาจอการลบรายการฝากแจงงาน แสดงหนาจอการคนหาพี่รหัส แสดงขั้นตอนการใชบริการประชาสัมพันธหรือนัดหมายสงไปยัง E-mail แสดงหนาจอรายการสินคาที่มี แสดงการสั่งสินคาในระบบการเงิน แสดงการลบสินคาออกจากรายการสินคาที่เลือก แสดงการสั่งซื้อสินคาไปยังระบบการเงินศิษยเกา แสดงหนาจอการออกแบบเสื้อ แสดงหนาจอการอัฟรูปโลโกเสื้อเขาไป แสดงการpaint สีเสื้อ แสดงการ save รูปภาพที่ paint เสร็จแลว แสดงการจอในการโหวตเสื้อ แสดงการจอรูปเสื้อโหวดที่ขยายดูภาพ แสดงการโหวตรูปเสื้อ และจอแสดงคะแนนการโหวต ฟอรมลงทะเบียนอาจารย แสดงฟอรมการกรอกสมาชิกและล็อกอินผานแลวของอาจารย แสดงเมนูในสวนของระบบบริการและพาเนลตางๆ ของอาจารย แสดงจอระบบบริการการเงินศิษยเกาของอาจารยผูดูแลระบบ แสดงขั้นตอนการเพิ่มขอมูลรายการสินคาในสตอกของอาจารยผูดูแลระบบ แสดงจอการโหลดภาพเขารายการสตอกสินคาแลวมาแสดง ที่หนาจอ เพื่อรายการสต็อกสินคาของอาจารยผูดูแลระบบ แสดงจอการโหลดภาพเขารายการสตอกสินคาแลวมาแสดง ที่หนาจอ เพื่อรายการสตอก แสดงการลบรายการสินคาในรายการสินคาของระบบการเงิน แสดงปุมภาพ “ตรวจสอบการสั่งซื้อ” แสดงจอภาพการตรวจสอบการสั่งซื้อสินคา ของระบบการเงินศิษยเกา

106 106 107 108 109 109 110 111 112 113 113 114 114 115 116 117 117 118 119 120 121 121 122 122

ฌ

สารบัญภาพ (ตอ) ภาพที่

หนา 4.40 แสดงจอภาพการเปลี่ยนสถานะของสินคาที่สมาชิกสั่งซื้อมา 4.41 แสดงจอภาพการลบรายการการสั่งซื้อสินคาของสมาชิกในระบบการเงิน 4.42 แสดงการล็อกอินเขาสูระบบของ admin 4.43 แสดงเมนูในสวนของระบบบริการและพาเนลตางๆของ Admin 4.44 แสดงภาพหนาจอแสดงบริการฝากงานไปยังรุนนอง 4.45 แสดงขั้นการใชการลบรายการฝากแจงงานของสมาชิกในระบบโดย Admin 4.46 แสดงขั้นตอนการดูรายละเอียดของขาว 4.47 แสดงระบบการโหวตเสื้อของ Admin 4.48 แสดงขั้นตอนการจัดเรียงรายการโหวตของระบบโหวต ก.1 ภาพแสดงตัวอยางการสรางหนาใหมของ PHP-fusion 7.0

123 124 124 125 125 126 127 128 129 138

ญ

สารบัญตาราง ตารางที่

หนา 1.1 3.1 3.2 3.3 3.4 3.5 3.6 3.7 3.8

ตารางระยะเวลาการดําเนินงาน แสดง Data Dictionary ขอมูลของสมาชิก (fusion_users) แสดง Data Dictionary ขอมูลฝากแจงขาว (note_mb) แสดง Data Dictionary ขอมูลขาวประชาสัมพันธหรือบันทึกเหตุการณ นัดหมาย (tb_work) แสดง Data Dictionary ขอมูลขาวประชาสัมพันธหรือบันทึกเหตุการณนัดหมาย (Fusion_messages) แสดง Data Dictionary ขอมูลเสื้อ (tb_logo) แสดง Data Dictionary ขอมูลคลังสินคา (tb_stock) แสดง Data Dictionary ขอมูลสถานะคลังสินคา (tb_produck) แสดง Data Dictionary ขอมูลสถานะคลังสินคา (fusion_polls)

6 83 85 86 86 87 87 88 88