ค
สารบัญ หนา บทคัดยอ กิตติกรรมประกาศ สารบัญ สารบัญภาพ สารบัญตาราง
ก ข ค จ ซ
บทที่ 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