บทที่ 3 การออกแบบ การวิ เ คราะห แ ละการออกแบบระบบบริก าร เป น สิ่ งสํ า คัญ ที่ สุด ในการพั ฒ นาระบบ สารสนเทศ เพราะเปนการศึกษาหาความตองการ (Requirements) ของระบบสารสนเทศเดิมที่ใชใน การศึก ษาถึง ปญหาที่เกิดจากระบบงานเดิม หรือตองการระบบงานเพิ่มเติมเพื่อปรับปรุงใหมี ประสิทธิภาพ หลังจากวิเคราะหระบบแลว สิ่งที่จะตองกระทําเปนลําดับตอไปคือ การออกแบบ โครงสรางของ ระบบงานวาแตละระบบงานนั้นมีโครงสรางการทํางานอยางไร ประกอบดวยการ ทํางานภายในมี อะไรบาง เมื่อมีการวิเคราะหออกแบบโครงสรางการทํางาน ก็ยอมตองมีการจัดเก็บขอมูลของระบบ เปนระบบการทํางานภายใน ซึ่งฐานขอมูลก็นับเปนปจจัยหนึ่งที่มีบทบาทสําคัญอยางยิ่งสําหรับการ วิเคราะหและการออกแบบระบบงาน เนื่องจากฐานขอมูลเปนสวนที่ใชจัดเก็บขอมูลนําเขาของทุก ระบบงาน ดังนั้น การวิเคราะหแ ละการออกแบบจึงจําเปน ตองใหความสําคัญตอการออกแบบ ฐานขอมูลดวย ในการวิเคราะหออกแบบโครงสรางระบบและการทํางาน จําเปน ตองใชแผนภาพแสดง ขั้นตอนการทํางานของระบบ (Flowchart) เพื่อแสดงขั้นตอนการทํางานของระบบ แผนภาพ กระแส ขอมูล (Data Flow Diagram) เพื่อออกแบบขอมูลที่รับเขาและสงออกของระบบ แผนภาพ จําลอง ขอมูล (ER-Diagram) เพื่อแสดงถึงความสัมพันธระหวางเอนทิตี้ในระบบ พจนานุกรมขอมูล (Data Dictionary) เพื่ออธิบายขอมูลที่ใชในระบบ และสวนของกาติดตอกับผูใช (User Interface) เพื่อ แสดงรูปแบบการจัดวางขอมูลของระบบงาน จากการวิเคราะหออกแบบโครงสรางระบบบริการและการทํางาน ดังกลาวนั้น สามารถแบง เรื่อง ของการวิเคราะหและออกแบบระบบไดเปน 5 เรื่อง ดังนี้ 3.1 การออกแบบโครงสราง 3.2 การออกแบบฐานขอมูล 3.3 ER-Diagram 3.4 Data Dictionary 3.5 User Interface
54 3.1 การออกแบบโครงสราง การออกแบบเพื่อแสดงเคาโครงการทํางานของระบบงาน วาระบบงานั้น ประกอบดว ย ระบบงานยอยอะไรบาง และแตละระบบยอยมีการทํางานอยางไร โดยสามารถแสดงแผนผังของ ระบบงานโดยรวมไดดังนี้
ภาพที่ 3.1 แผนผังระบบบริการเว็บไซตศิษยเกา จากแผนผังระบบบริการเว็บไซตศิษยเกา จะประกอบดวยระบบบริการยอย 7 ระบบ ไดแก ระบบคนหางานจากรุน พี่ ระบบฝากแจงงาน ระบบคน หาพี่ร หัส ระบบการบัน ทึก เหตุก ารณ ระบบบริการฝากแจงขาว ระบบบริการออกแบบเสื้อ และระบบบริหารการเงินศิษยเกา จากระบบ ยอยดังกลาวยังสามารถแบงระบบยอย ลงไปอีก ซึ่งสามารถอธิบายไดดังนี้ 3.1.1 ระบบคนหางานจากรุนพี่ เปนการคนหางานจากรุนพี่ที่เปนศิษยเกา ที่ไดกรอกขอมูล เกี่ยวกับงานในฟอรมสมัครสมาชิก โดยจะเลือกประเภทของการคนหาแลวจะแสดงรายชื่อรุนพี่ศิษย เกาและขอมูลการฝากงานของรุนพี่ที่ทําการฝากงานไวในระบบขึ้นมาแสดง 3.1.1.1 แผนผังระบบฝากแจงงาน
ภาพที่ 3.2 แผนผังระบบคนหางานจากรุนพี่
55 จากแผนผังแผนผังระบบคนหางานจากรุนพี่ จะเห็นไดวาสมาชิกสามารถเขา ใชในระบบคนหางานรุนพี่ได โดยการเลือกประเภทการคนหา คือ คนหา ชื่อ/นามสกุล/ชื่อเลน และ คนหาตามหมวด ได แก ชื่อสถานที่ทํางาน ประเภทของงาน รายไดเฉลี่ยตอเดือน จังหวัด เมื่อทําการ คนหาก็จะปรากฏ รายการคนหางานของรุนพี่ออกมา 3.1.1.2 ขั้นตอนการทํางานของระบบคนหางานจากรุนพี่
ภาพที่ 3.3 ขั้นตอนการทํางานของระบบคนหางานจากรุนพี่
56 3.1.1.3 อธิบายการทํางานของระบบคนหางานจากรุนพี่ จากรูปภาพขั้นตอนการทํางานของระบบคนหางานจากรุนพี่เมื่อ เขาสูระบบ คนหางานจากรุนพี่ ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็จะใหไป สมัครเปนสมาชิกเสียกอน เมื่อสมัครเปนสมาชิกแลว ทําการตรวจสอบวาถูกตอง ก็สามารถเขาใช งานในระบบไดทันที่ การใชงานในระบบคนหางานจากรุนพี่ เริ่มจากใหสมาชิกเลือกประเภทการ คนหา คือ การคนหา ชื่อ/นามสุกล/ชื่อเลน และการคนหาตามหมวดรายการ เมื่อทําการเลือกการ คนหาชื่อ/นามสุกล/ชื่อเลน ใหสมาชิกทําการกรอก ชื่อ/นามสุกล/ชื่อเลน อยางใดอยางหนึ่งเขาไป แลวระบบจะทําการตรวจสอบการรายชื่อวามามีอยูหรือไม หากมีก็จะแสดงรายชื่อของรุน พี่ทานนั้น ขึ้นมาแสดงรายการงานรุนพี่ขึ้นมา หากไมพบระบบก็จะแจงวาไมพบรายการ หรือวาหากเลือก ประเภทการคนหาแบบตามหมวดไดแก ชื่อสถานที่ทํางาน ,ประเภทของงาน,รายไดเฉลี่ยตอเดือน และจังหวัด ใหสมาชิกเลือกอยางไดอยางหนึ่งแลวทําการกรอกขอมูลเขาไป แลวระบบจะทําการ ตรวจสอบการวาพบขอมูลการคนหาหรือไม หากพบเจอก็จะแสดงรายการงานรุนพี่นั้นขึ้นมา หาก ไมพบก็จะแสดงวาไมพบรายการ 3.1.2 ระบบฝากแจงงาน เปนการฝากงานจากรุนพี่ที่เปนศิษยเกา ที่ไดกรอกขอมูลเกี่ยวกับ งานในฟอรมการฝากงานไวที่ระบบ โดยจะลงขอมูลการฝากงานของรุนพี่ที่ที่ทํางานในสถานที่ นั้นๆแลวนําไปแสดงผลเมื่อทําการคนหางานตามประเภทการคนหาตอไป โดยมี แผนผังของระบบ และขั้นตอนการทํางานของระบบดังนี้ 3.1.2.1 แผนผังระบบฝากแจงงาน
ภาพที่ 3.4 แผนผังระบบฝากแจงงาน
57 จากแผนผังแผนผังระบบฝากแจงงาน จะเห็นไดวาสมาชิกสามารถเขาใชใน ระบบฝากแจงงานได โดยสมาชิกจะลงขอมูลการฝากงานของรุนพี่ที่ที่ทํางานในสถานที่นั้นๆแลว นําไปแสดงผลเมื่อทําการคนหางานตามประเภทการคนหาตอไป 3.1.2.2 ขั้นตอนการทํางานของระบบฝากแจงงาน
ภาพที่ 3.5 ขั้นตอนการทํางานของระบบฝากแจงงาน 3.1.2.3 อธิบายการทํางานของระบบฝากแจงงาน จากรูปภาพขั้นตอนการทํางานของระบบคนหาพี่รหัส เมื่อเขาสูระบบคนหา พี่รหัส ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็จะใหไปสมัครเปน สมาชิก เมื่อสมัครเปน สมาชิกแลวก็ทําการตรวจสอบความถูกตอง แลว ก็สามารถเขาใชงานใน ระบบไดทัน ที่ หลัก จากนั้นระบบจะใหสมาชิก กรอกขอมูลฝากแจงงาน คือ ตําแหนงงานวาง คุณสมบัติผูสมัครและเบอรโทรติดตอ เมื่อลงขอมูลเรียบรอยแลวระบบก็จะแสดงผลการฝากแจง งานขึ้นมา
58 3.1.3 ระบบคนหาพี่รหัส เปนระบบที่ใหคนหาดูขอมูลของพี่รหัสโดยระบุหอง และรหัสรุนพี่ แลวจะแสดงรายละเอียดของพี่รหัสโดยมีแผนผังของระบบและขั้นตอนการทํางานของระบบดังนี้ 3.1.3.1 แผนผังระบบคนหาพี่รหัส
ภาพที่ 3.6 แผนผังระบบคนหาพี่รหัส จากแผนผังแผนผังระบบคนหาพี่รหัส จะเห็นไดวาสมาชิกสามารถเขาใชใน ระบบคนหางานรุนพี่ได โดยการสมาชิกตองใสขอมูลพี่รหัสเขาไปและจะทําการแสดงขอมูลพี่รหัส ในรหัสนั้นๆขึ้นมา
59 3.1.3.2 ขั้นตอนการทํางานของระบบคนหาพี่รหัส
ภาพที่ 3.7 ขั้นตอนการทํางานของระบบคนหาพี่รหัส 3.1.3.3 อธิบายการทํางานของระบบคนหาพี่รหัส จากรูปภาพขั้นตอนการทํางานของระบบคนหาพี่รหัส เมื่อเขาสูระบบคนหา พี่รหัส ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็จะใหไปสมัครเปน สมาชิก เมื่อสมัครเปน สมาชิกแลวก็ทําการตรวจสอบความถูกตอง แลว ก็สามารถเขาใชงานใน ระบบไดทันที่ หลักจากนั้น ระบบจะตรวจสอบ คณะ สาขา และรหัสรุนวาถูกตองหรือไมจาก
60 ขอมูลสมาชิกที่ทําการกรอบเขาเปนสมาชิก ถาคณะ สาขา และรหัสรุนไมถูกตอง ระบบจะแสดงวา ไมพบรายการแตถา คณะ สาขา และรหัสรุนถูกตอง ก็จะทําการแสดงขอมูลพี่รหัสของสมาชิกทาน นั้นๆ ขึ้นมาแสดง 3.1.4 ระบบการบันทึกเหตุการณ เปนระบบการบันทึกเหตุการณที่จะตองทํา หรือการนัด หมาย ขอมูลเหตุการณ แลวบันทึกขอมูล ระบบจะสงเมลไปยังศิษยเกา เพื่อแจงไปยังสมาชิกที่อยูใน ระบบที่เพิ่มความรวดเร็วของเหตุการณ โดยมีแผนผังของระบบและขั้นตอนการทํางานของระบบ ดังนี้ 3.1.4.1 แผนผังระบบการบันทึกเหตุการณ
ภาพที่ 3.8 แผนผังระบบการบันทึกเหตุการณ จากแผนผังแผนผังระบบการบันทึกเหตุการณ จะเห็นไดวาสมาชิกสามารถ เขาใชในระบบการบันทึกเหตุการณได โดยสมาชิกจะบันทึกเหตุการณหรือนัดหมาย และจะสงไป ยัง Email สมาชิกศิษยเกาในระบบได
61 3.1.4.2 ขั้นตอนการทํางานของระบบการบันทึกเหตุการณ
ภาพที่ 3.9 ขั้นตอนการทํางานของระบบการบันทึกเหตุการณ 3.1.4.3 อธิบายการทํางานของระบบการบันทึกเหตุการณ จากรูปภาพขั้น ตอนการทํางานของระบบการบัน ทึก เหตุก ารณ เมื่อเขาสู ระบบการบันทึกเหตุการณ ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็จะ ใหไปสมัครเปนสมาชิก เมื่อสมัครเปนสมาชิกแลวก็ทําการตรวจสอบความถูกตอง แลวก็สามารถ เขาใชงานในระบบได หลังจากนั้นระบบจะแสดงรูปแบบใหสมาชิกเลือก Email ของผูที่สงถึง หลักจากนั้นกรอกหัวขอขาวและรายละเอียดขาว หลักจากนั้นระบบจะทําการสงรายละเอียดไปยัง Emailปลายทาง
62 3.1.5 ระบบบริก ารฝากแจงขาว เปน ระบบฝากแจงขาวสําหรับสมาชิก ศิษยเกาไดก รอก ขอความฝากแจงขาว โดยกรอกชื่อผูฝาก และชื่อผูที่ตองการใหรับ และกรอกรายละเอียดขอความ ฝากแจงขาวโดยมีแผนผังของระบบและขั้นตอนการทํางานของระบบดังนี้ 3.1.5.1 แผนผังระบบบริการฝากแจงขาว
ภาพที่ 3.10 แผนผังระบบบริการฝากแจงขาว จากแผนผังระบบบริการฝากแจงขาว จะเห็นไดวาสมาชิกสามารถเขาใชใน ระบบบริการฝากแจงขาวได โดยสมาชิกฝากแจงขาวสารไปยังชื่อที่ตองจะฝากแจง
63 3.1.5.2 ขั้นตอนการทํางานของระบบบริการฝากแจงขาว
ภาพที่ 3.11 ขั้นตอนการทํางานของระบบบริการฝากแจงขาว 3.1.5.3 อธิบายการทํางานของระบบบริการฝากแจงขาว จากรูปภาพขั้นตอนการทํางานของระบบบริการฝากแจงขาว เหตุการณ เมื่อ เขาสูระบบบริก ารฝากแจงขาว ระบบจะทําการตรวจสอบวาเป นสมาชิก หรือไมหากไมเปน สมาชิกกจะใหไปสมัครเปนสมาชิก เมื่อสมัครเปนสมาชิกแลวก็ทําการตรวจสอบความถูกตอง แลว ก็สามารถเขาใชงานในระบบไดทันที่ หลังจากนั้นระบบจะแสดงรูปแบบใหสมาชิกเลือก ID ของ
64 ผูท ี่สงถึงหลักจากนั้นกรอกหัวขอที่แจงและรายละเอียด หลักจากนั้นระบบจะทําการสงรายละเอียด ไปยังสมาชิกในระบบทานนั้นที่เลือกไว 3.1.6 ระบบบริการออกแบบเสื้อ เปนระบบฝากแจงขาวสําหรับสมาชิกศิษยเกาไดทําการ ออกแบบเสื้ อ และจัด ทํา การประกวด เพื่ อใหส มาชิ ก ไดทํ าการใหค ะแนนวา เสื้อ ตัว ใดเป น ที่ เหมาะสมในการสั่งซื้อเปนเสื้อรุนตอไปโดยมีแผนผังของระบบและขั้นตอนการทํางานของระบบ ดังนี้ 3.1.6.1 แผนผังระบบบริการออกแบบเสื้อ
ภาพที่ 3.12 แผนผังระบบบริการออกแบบเสื้อ จากแผนผังระบบบริการออกแบบเสื้อ จะเห็นไดวาสมาชิกสามารถเขาใชใน ระบบบริการออกแบบเสื้อได โดยสมาชิกจะทําการเพิ่มโลโกเขาไปในระบบ หลักจากนั้นระบบจะ ทําการเขาระบบออกแบบเสื้อ
65 3.1.6.2 ขั้นตอนการทํางานของบริการออกแบบเสื้อ
ภาพที่ 3.13 ขั้นตอนการทํางานของบริการออกแบบเสื้อ 3.1.6.3 อธิบายการทํางานของบริการออกแบบเสื้อ จากรูปภาพขั้น ตอนการทํางานของบริการออกแบบเสื้อ เมื่อเขาสูบริก าร ออกแบบเสื้อ ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็จะใหไปสมัคร เปนสมาชิก เมื่อสมัครเปนสมาชิกแลวก็ทําการตรวจสอบความถูกตอง แลวก็สามารถเขาใชงานใน ระบบไดทันที่ หลักจากนั้นระบบจะใหผูใชทําการโหลดโลโกเสื้อที่ไดออกแบบไวแลวเขาไปใน ระบบ เพื่อทําการนํามาใสในตัวเสื้อของระบบ แลวเมื่อเราทําการออกแบบเสื้อเรียบรอยแลวก็ทําการ เซฟ เพื่อนําไปทําการใหคะแนนตอไป
66 3.1.7 ระบบบริหารการเงินศิษยเกา เปนระบบบริหารเงินสําหรับศิษยเกาที่เปนสมาชิก โดย ใหอาจารยในสาขาตางๆ ไดทําการกรอกเอกสารเปนผูดูแลบริหารการเงินศิษยเกา โดยที่ระบบนี้จะ ทําการเช็คการจายเงินของสมาชิกศิษยเกาที่ทําการสั่งซื้อของหรือการเงินตางๆ ที่ไดทํารายการไวกับ ระบบบริหารการเงินศิษยเกา ที่มีไวโดยมีแผนผังของระบบและขั้นตอนการทํางานของระบบดังนี้ 3.1.7.1 แผนผังระบบบริหารการเงินศิษยเกา
ภาพที่ 3.14 แผนผังระบบบริหารการเงินศิษยเกา จากแผนผังระบบบริหารการเงินศิษยเกา จะเห็นไดวาสมาชิกสามารถเขาใช ในระบบบริหารการเงินศิษยเกาได โดยสมาชิกสามารถทํารายการในการสั่งซื้อหรือตรวจสถานการ ชําระเงินได และหลังจากนั้นก็จะเขาสูระบบการเงินเพื่อตรวจเช็คการจายเงินตอไป
67
3.1.7.2 ขั้นตอนการทํางานของบริการออกแบบเสื้อ
ภาพที่ 3.15 ขั้นตอนการทํางานของระบบบริหารการเงินศิษยเกา 3.1.7.3 อธิบายการทํางานของระบบบริหารการเงินศิษยเกา จากรูปภาพขั้นตอนการทํางานของระบบบริหารการเงินศิษยเกา เมื่อเขาสู ระบบบริหารการเงินศิษยเกา ระบบจะทําการตรวจสอบวาเปนสมาชิกหรือไมหากไมเปนสมาชิกก็ จะใหไปสมัครเปนสมาชิก เมื่อสมัครเปนสมาชิกแลวก็จะใหสมาชิกทําการเลือกรายการที่เราจะทํา รายการที่เราจะทําในที่นี้คือ การเลือกซื้อสินคาที่ไดมีรายการไว เมือเลือกไดแลวก็จะเขาสู ระบบ การเงินเพื่อทําการตรวจเช็คการจายเงินตอไป
รูปภาพ 3.16 แสดงโครงสรางการทํางานของระบบเว็บไซตศิษยเกา
68
69 3.2 Data Flow Diagram เปนการจําลองการทํางานของระบบ ซึ่งจะประกอบดวย Diagram ดังตอไปนี้ 3.2.1 Context Diagram ของระบบการเรียนรูรวมกันผานสื่อเล็กทรอนิกสนี้ ซึ่งใชสัญลักษณ Process จะใชแทนการทํางานทุกขั้นตอนของระบบนี้ โดย Entity ที่เกี่ยวของกับระบบนี้ได แกผูดู แลระบบ (Admin) สมาชิก (member) และ อาจารย (teacher) ซึ่งมีขอมูลรับเขาและออกระหวาง Entity ดังกลาวกับระบบ ทําใหทราบโดยภาพรวมวาระบบการเรียนรูรวมกันผานสื่อเล็กทรอนิกสนี้ ทําอะไรไดบาง และเกี่ยวของกับใครบาง
ภาพที่ 3.17 แสดง Context Diagram ของระบบบริการเว็บไซตศิษยเกา
70
ภาพที่ 3.18 แสดง Process Decomposition Diagram
71 สมาชิก
อาจารย
1
ผูดูแลระบบ
username,password สถานะการเขาระบบ
ระบบ สมาชิก
เพิ่มลบแกไขขอมูลสมาชิก
4 ระบบการจัดการ ขอมูลระบบ
D1 สมาชิก
ขอมูลฝากแจงขาว D3 ฝากแจงขาว
2
D2 บันทึกเหตุการณ
ระบบ คนหา
ระบบบันทึก เหตุการณ
D2 ขอมูลเพิ่มลบโลโก, บันทึกเสื้อที่ออกแบบ
สมาชิก
ขอมูลโหวต
บันทึกเหตุการณ
6 ระบบ การโหวตเสื้อ
5
แสดงเสื้อที่ออกแบบ
ระบบ ออกแบบเสื้อ
เพิ่มลบโลโก, เสื้อที่ออกแบบ
ขอมูลเสื้อที่ออกแบบ
ขอมูลเพิ่มลบรายการสั่งสินคา ขอมูลเพิ่มลบแกไขรายการสินคา ยืนยันขอมูลสถานะสินคา ,แสดงสถานะสินคา อาจารย
D8 โหวตเสื้อ D9 คะแนนโหวต
ขอมูลเพิ่มลบบันทึกเหตุการณ , ขอมูลขอมูลบันทึกเหตุการณ
ผูดูแลระบบ
อาจารย
D4 ฝากแจงงาน ขอมูลฝากแจงงาน
3 ขอมูลลบบันทึกเหตุการณ หรือนัดหมาย
สมาชิก
7
D5
เสื้อ
เพิ่มลบแกไข ขอมูลสินคา
D6
คลังสินคา
ผูดูแลระบบ
สมาชิก
ระบบการเงิน ขอมูลเพิ่มลบ รายการสั่งสินคา
D7 รายการสั่งสินคา
ยืนยันสถานะสินคา ขอมูลสถานะสินคา
ภาพที่ 3.19 แสดง Data Flow Diagram Level 1 3.2.2 Data Flow Diagram Level 1 จาก Context Diagram สามารถแบงขั้นตอนการทํางาน ออกเปน 7 ขั้นตอน (Process) ดวยการวิเคราะหจากความตองการของผูใชที่รวบรวมมาได โดยการ แบงแยกแตละ Process ตามหมวดหมูของขอมูล ไดแก 3.2.2.1 Process 1 การจัดการระบบสมาชิก เปนระบบการตรวจสอบ การเขาสูระบบ ของผูดูระบบ, สมาชิก, อาจารยและบุคคลภายนอก ดังนี้
72 1) ผูดูแลระบบปอนขอมูล Login เขาสูระบบ ระบบจะทําการเปลี่ยนสถานะ เปน Admin ใหแกผูดูแลระบบ 2) อาจารยปอนขอมูล Login เขาสูระบบ ระบบจะทําการเปลี่ยนสถานะเปน อาจารย ใหแกอาจารยเพื่อดําเนินงานในระบบการเงินตอไป 3) สมาชิกปอนขอมูล Login เขาสูระบบ ระบบจะทําการเปลี่ยนสถานะเปน member ใหแกสมาชิก 4) Process นี้จะทําการดึงขอมูลจากฐานขอมูล สมาชิก(fusion_users) เพื่อใช ในการตรวจสอบ Username และ Password 3.2.2.2 Process 2 ระบบคนหา เปนระบบบริการคนหา ดังนี้ 1) ผูดูแลระบบสามารถเขาไปคนหาขอมูลงานจากรุนพี่ได 2) สมาชิกสามารถเขาไปคนขอมูลงานจากรุนพี่วาทํางานที่ไหนและงานรุนพี่ ฝากไวแจงไวได และเขาไปดูพี่รหัสของตนเองได 3) Process นี้ระบบจะทําการคนหาขอมูลงานจากรุนพี่ในฐานขอมูลตาราง ฝากแจงงาน (tb_work) 3.2.2.3 Process 3 ระบบบันทึกเหตุการณเปนระบบการบันทึกเหตุการณสงถึง สมาชิกในระบบทาง Email ดังนี้ 1) สมาชิกสามารถกรอกขอมูลขอมูลบันทึกเหตุการณได 2) ผูดูแลระบบสามารถลบขอมูลบันทึกเหตุการณหรือนัดหมายได 3) Process นี้ระบบจะทําการเพิ่ม ลบขอมูลบันทึกเหตุก ารณใ นฐานขอมูล ตาราง บันทึกเหตุการณ (note_mb) 3.2.2.4 Process 4 ระบบการจัดการขอมูล เปนระบบการจัดการขอมูล ดังนี้ 1) ผูดูแลระบบจะทําการลบ ขอมูลสมาชิกในระบบได 2) ผูดูแลระบบจะทําการเพิ่ม ลบ ขอมูลฝากแจงขาวในระบบได 3) ผูดูแลระบบจะทําการลบ ขอมูลบันทึกเหตุการณในระบบได 4) ผูดูแลระบบจะทําการลบ ขอมูลฝากแจงงานในระบบได 5) สมาชิกจะทําการเพิ่ม แกไข ขอมูลสวนตัวได 6) สมาชิกจะทําการเพิ่ม ลบ ขอมูลฝากแจงขาวในระบบได 7) สมาชิกจะทําการเพิ่ม ลบ แกไขขอมูลฝากแจงงานในระบบได 8) Process นี้ร ะบบจะทําการเพิ่ม ลบ แกไข ขอมูลสมาชิก ในฐานขอมูล สมาชิก (fusion_users) , ทําการเพิ่ ม ลบ แก ไข ข อมูล ฝากแจง ขาวในฐานข อมูล ฝากแจง ขา ว
73 (fusion_messges), ทําการเพิ่ม ลบ แก ไข ขอมูลบันทึก เหตุก ารณใ นฐานขอมูลบัน ทึก เหตุก ารณ (note_mb) และทําการเพิ่ม ลบ แกไข ขอมูลฝากแจงงานในฐานขอมูลฝากแจงงาน( tb_work) 3.2.2.5 Process 5 ระบบออกแบบเสื้อ สมาชิกสามารถทําไดดังนี้ 1) สมาชิกสามารถเขาเพิ่ม ลบโลโก และเสื้อที่ออกแบบ ได 2) Process นี้ ร ะบบจะทําการเพิ่ม ลบ ขอ มูลโลโก และออกแบบเสื้ อใน ฐานขอมูลตาราง เสื้อ (tb_logo) 3.2.2.6 Process 6 ระบบการโหวตเสื้อ ผูดูแลระบบ และสมาชิกสามารถทําไดดังนี้ 1) ผูดูและระบบเพิ่ม และลบตัวเลือกการโหวต เพื่อทําการโหวตในระบบการ โหวตได 2) ผูดูและระบบเพิ่ม และลบคะแนนโหวต เพื่อทําการโหวตในระบบการ โหวตได 3) อาจารยสามารถเพิ่มคะแนนโหวต เพื่อทําการโหวตในระบบการโหวตได 4) สมาชิกสามารถเพิ่มคะแนนโหวต เพื่อทําการโหวตในระบบการโหวตได 5) Process นี้ระบบจะทําการเพิ่ม ลบ ขอมูลตัวเลือกการโหวต ในฐานขอมูล ตาราง โหวตเสื้อ (fusion_polls) และเพิ่ม ลบคะแนนโหวต ในฐานขอมูลตาราง คะแนนโหวต (fusion_poll_votes) 3.2.2.7 Process 7 ระบบการเงิน อาจารยและสมาชิกสามารถเขาไดใชดังนี้ 1) อาจารยสามารถเขาใชระบบนี้โดยการเพิ่มลบแกไขสินคาในคลังสินคาได 2) อาจารยสามารถลบ รายการสั่งสินคาในระบบได 3) สมาชิกสามารถเพิ่ม ลบ แกไข รายการสั่งสินคาในระบบได 4) Process นี้ระบบจะทําการเพิ่ม ลบ แกไขคลังสินคาในฐานขอมูลตาราง คลังสินคา (tb_stock) และเพิ่ม ลบ แกไขรายการสั่งสิน คา ในฐานขอมูลตาราง รายการสั่งสินคา (tb_produck)
74 3.2.3 Data Flow Diagram Level 2 of Process 1 ระบบสมาชิก มีขั้นตอนการทํางานยอยภาย ในทั้งหมด 2 Process ดังนี้
ภาพที่ 3.20 แสดง DFD Level 2 of Process 1 3.2.3.1 Process 1.1 1) ผูใ ชงานจะเขาสูร ะบบล็อกอิ น โดยใชข อมูลการล็ อกอิน (Username, Password) โดยดึงมาจากฐานขอมูลมาเปรียบเทียบ 2) ระบบทําการตรวจสอบขอมูลจากฐานขอมูลวาถูก ตองหรือไม ถาไม ถูกตองก็จะนํากลับเขาไปสูระบบใหม 3.2.3.2 Process 1.2 1) ระบบจะทําการเปรียบเทียบขอมูลการล็อกอินแลว สงการล็อกอิน ไป ตรวจสอบสิทธิ์ในการเขาถึงขอมูล วาเปน Admin , Member, User หรือ Teacher 2) ระบบจะเขาสูการทํางานตามสิทธิ์ที่ไดรับ
75
ภาพที่ 3.21 แสดง DFD Level 2 of Process 2 3.2.3.3 Process 2.1 1) สมาชิกสามารถเลือกขอมูลในการคนหางานจากรุนพี่ในระบบ 2) ระบบจะคนหาในฐานขอมูลที่มีอยูในตาราง ฝากแจงงาน (tb_work) และ ตารางสมาชิก (fusion_users) 3) สมาชิกจะไดรับรายการงานรุนพี่และรายการฝากแจงงาน 3.2.3.4 Process 2.2 1) สมาชิกลงชื่อเขาใชระบบบริการ แลวนั้นระบบคนหาพี่รหัสจะทําการดึง ขอมูลในฐานขอมูลในตารางสมาชิก (fusion_users) ที่เหมือนกับสมาชิกที่คนหา 2) ระบบจะทําการสงรายการพี่รหัสใหแกสมาชิก
76
ภาพที่ 3.22 แสดง DFD Level 2 of Process 3 3.2.3.5 Process 3.1 1) สมาชิกทําการกรอกขอมูลบันทึกเหตุการณเขาไปในระบบ 2) ระบบจะทําการบัน ทึก ขอมูลลงในฐานขอมูลตารางบัน ทึก เหตุก ารณ (note_mb) และระบบจะแสดงที่อยู Email ของผูทําการสงขึ้นมา 3) เมื่อทําการสงขอมูลระบบ จะทําการสงขอมูลยัง Process ที่ 3.2 3.2.3.6 Process 3.2 1) ผูดูแลระบบระบุขอมูลที่จะทําการลบรายการบันทึกเหตุการณ 2) ระบบจะทําการลบขอมูลออกจากฐานขอมูลตารางบัน ทึก เหตุก ารณ (note_mb) 3.2.3.7 Process 3.3 1) หลังจากที่สมาชิกทําการสงบันทึกขอลงฐานขอมูลแลวนั้น ระบบสง Email จะทําการสง E-mail ไป E-mail สมาชิกปลายทาง 2) ระบบสง E-mail จะทําการดึงขอมูล E-mail สมาชิกปลายทางที่ทําการรับ จากฐานข อมูล ตารางสมาชิก (fusion_users) และดึ งขอ มูลฝากแจ งขา ว จากฐานขอ มูลตาราง ประชาสัมพันธ (note_mb)
77
ภาพที่ 3.23 แสดง DFD Level 2 of Process 4 3.2.3.8 Process 4.1 1) ผูดูแลระบบสามารถเพิ่มขอมูลฝากแจงขาวได โดยระบบจะทําการเพิ่ม ขอมูลลงในฐานขอมูลตารางฝากแจงขาว (fusion_messages) 2) สมาชิกสามารถเพิ่มขอมูลการเปนสมาชิกของระบบได โดยระบบจะทํา การเพิ่มขอมูลลงในฐานขอมูลตารางสมาชิก (fusion_users) 3) สมาชิกสามารถเพิ่มขอมูลฝากแจงขาวได โดยระบบจะทําการเพิ่มขอมูล ลงในฐานขอมูลตารางฝากแจงขาว (fusion_messages) 4) สมาชิกสามารถเพิ่มขอมูลฝากแจงงานได โดยระบบจะทําการเพิ่มขอมูล ลงในฐานขอมูลตารางฝากแจงงาน (tb_work) 3.2.3.9 Process 4.2 1) สมาชิกสามารถแกไขขอมูลสวนตัวในการสมัครเปนสมาชิกของตนเอง ได โดยระบบจะทําการแกไขขอมูลในฐานขอมูลตารางสมาชิก (fusion_users) 2) สมาชิกสามารถแกไขขอมูลฝากแจงขาวได โดยระบบจะทําการแกไข ขอมูลในฐานขอมูลตารางฝากแจงขาว (fusion_messages) 3) สมาชิกสามารถแกไขขอมูลฝากแจงงานได โดยระบบจะทําการแกไข ขอมูลในฐานขอมูลตารางฝากแจงงาน (tb_work)
78 3.2.3.10 Process 4.3 1) ผูดูแลระบบสามารถลบขอมูลสมาชิกได โดยระบบจะทําการลบขอมูล ในฐานขอมูลตารางสมาชิก (fusion_users) 2) ผูดูแลระบบสามารถลบขอมูลฝากแจงขาวได โดยระบบจะทําการลบ ขอมูลในฐานขอมูลตารางฝากแจงขาว (fusion_messages) 3) ผูดูแลระบบสามารถลบขอมูลฝากแจงงานได โดยระบบจะทําการลบ ขอมูลในฐานขอมูลตารางฝากแจงงาน (tb_work) 4) สมาชิกสามารถลบขอมูลฝากแจงขาวได โดยระบบจะทําการลบขอมูล ในฐานขอมูลตารางฝากแจงขาว (fusion_messages) 5) สมาชิกสามารถลบขอมูลฝากแจงงานได โดยระบบจะทําการลบขอมูล ในฐานขอมูลตารางฝากแจงงาน (tb_work)
ภาพที่ 3.24 แสดง DFD Level 2 of Process 5 3.2.3.11 Process 5.1 1) สมาชิกสามารถเพิ่มโลโกที่จะอกแบบ และ เสื้อที่ออกแบบเสร็จได โดย จะทําการเพิ่มขอมูลในฐานขอมูลตารางเสื้อ (tb_logo) 3.2.3.11 Process 5.2 1) สมาชิกสามารถลบโลโกเกาและเสื้อที่เคยออกแบบแลว เพื่อทําใหมได โดยจะทําการลบขอมูลออกจากฐานขอมูลตาราง เสื้อ (tb_logo)
79
ภาพที่ 3.25 แสดง DFD Level 2 of Process 6 3.2.3.12 Process 6.1 1) ผูดูแลระบบทําการเพิ่มตัวโหวต หรือ Choice ทีใชในการโหวตโดยการ ดึงขอมูลรูปภาพมาจากฐานขอมูลโลโก (tb_logo) และทําการเพิ่ง ตัวโหวตลงไปในฐานขอมูลตาราง โหวตเสื้อ (fusion_poll) 3.2.3.13 Process 6.2 1) ผูดูแลระบบลบตัวโหวต โดยระบุที่จะใชลบ แลวระบบจะทําการลบ ขอมูลในฐานขอมูลตารางคะแนนโหวต (fusion_poll_votes) 3.2.3.14 Process 6.3 1) ผูดูแลระบบทําการใหคะแนน โดยการเพิ่มคะแนนลงไปในฐานขอมูล ตาราง คะแนนโหวต (fusion_poll) 2) สมาชิกทําการใหคะแนน โดยการเพิ่มคะแนนลงไปในฐานขอมูลตาราง คะแนนโหวต (fusion_poll) 3.2.3.15 Process 6.4 1) ผูดูแลระบบทําการลบคะแนนโหวต โดยการลบคะแนนในฐานขอมูล ตาราง คะแนนโหวต (fusion_poll_votes)
80
ภาพที่ 3.26 แสดง DFD Level 2 of Process 7 3.2.3.16 Process 7.1 1) อาจารยสามารถเพิ่มขอมูลสินคาได โดยจะทําการเพิ่มขอมูลใน ฐานขอมูลตารางมูลคลังสินคา (tb_stock) 2) สมาชิกเพิ่มขอมูลรายการสั่งสินคาได โดยจะทําการเพิ่มขอมูลใน ฐานขอมูลตารางมูลรายการสินคา (tb_produck) 3.2.3.17 Process 7.2 1) อาจารยสามารถแกไขขอมูลสินคาได โดยจะทําการแกไขขอมูลใน ฐานขอมูลตารางมูลคลังสินคา (tb_stock) 3.2.3.18 Process 7.3 1) อาจารยสามารถลบขอมูลสินคาได โดยจะทําการลบขอมูลในฐานขอมูล ตารางคลังสินคา (tb_stock) 2) สมาชิกสามารถลบขอมูลรายการสั่งสินคาได โดยจะทําการลบขอมูลใน ฐานขอมูลตารางรายสินคา (tb_produck) 3.2.3.19 Process 7.4 1) อาจารยสามารถยืนยันขอมูลการสั่งสินคาได โดยจะทําการยืนยันขอมูล ในฐานขอมูลตารางสถานะสินคา (tb_produck) แลวแสดงสถานะใหสมาชิกทราบ
81 3.3 Entity Relationship Diagram (E-R Diagram) เปนการจําลองความสัมพันธของขอมูลในระบบจัดการของระบบบริการเว็บไซตสมาคมศิษย เกา จากรูปภาพที่ 3.7 E-R Diagram ของระบบบริการ จะแสดงใหเห็น ความสัมพันธข องขอมูล ดังตอไปนี้ ฐานขอมูลตารางสมาชิก (fusion_users) มีความสัมพัน ธกับฐานขอมูลตารางฝากแจงงาน (tb_work) แบบ One to Many Relationship เพราะสมาชิก 1 คนจะสามารถฝากแจงงานไดมากกวา หนึ่งรายการ ฐานขอมูลตารางสมาชิก (fusion_users) มีความสัมพันธกับฐานขอมูลตารางประชาสัมพันธ (note_mb ) แบบ one to Many Relationship เพราะสมาชิก 1 คนจะสามารถฝากแจงงานไดมากกวา ขาวประชาสัมพันธ ฐานขอมูลตารางสมาชิก (fusion_users) มีความสัมพัน ธกับฐานขอมูลตารางฝากแจงขาว (fusion_messages) แบบ one to one Relationship เพราะสมาชิก 1 คนจะสามารถฝากแจงขาวได 1 ขาว
82 fusion_users
tb_work
user_id user_name user_password user_admin_password user_email user_hide_email user_offset user_avatar user_posts user_threads user_joined user_lastvisit user_ipuser_rights user_groups user_level user_status user_theme user_Fname user_Lname user_Nname user_Sex user_Blood user_IDCard user_Tel user_HighEdu user_IDStu user_CodeID user_YearIn user_YearOut user_Mager user_Major user_Addr1 user_ProvCode1 user_PostCode1 user_Addr2 user_ProvCode2 user_PostCode2 user_phon1 user_Wcompany user_Wclass user_Wtype user_Wmoney user_Waddr user_WProvCode user_WPostCode user_Wtel user_WTel2 user_Wfax user_Bank_ID user_Bank_Name user_Bank_Major
work_id user_id work_date work_position work_properties work_tel status note_mb note_id user_id note_name note_email note_head note_text note_accapt note_date note_staus
fusion_messages message_id(user_id) message_to(user_id) message_from message_subject message_message message_smileys message_read message_datestamp message_folder tb_logo logo_id user_id logo_images t_image logo_status
tb_stock poll_id poll_title poll_opt_0 poll_opt_1 poll_opt_2 poll_opt_3 poll_opt_4 poll_opt_5 poll_opt_6 poll_opt_7 poll_opt_8 poll_opt_9 poll_started poll_ended
tb_produck
tb_stock stock_id user_id stock _name stock _image stock_all stock _cost stock_date stock _detail stock _status
ภาพที่ 3.27 แสดง E-R Diagrams
produck_id stock_id user_id produck_major produck_stock produck_ok produck_date produck_status
83 3.4 Data Dictionary สําหรับ Relation ฐานขอมูลเปนสวนสําคัญอีกสวนหนึ่งของระบบงาน ซึ่งฐานขอมูลสามารถเก็บขอมูลตางๆ ไดเปนระเบียบสามารถแกไขขอมูลไดงาย ผูจัดทําไดออกแบบฐานขอมูลที่ใชกับ My SQL ออกเปน ตารางตาง ๆ ไดดังนี้ ตารางที่ 3.1 แสดง Data Dictionary ขอมูลของสมาชิก (fusion_users) Relation fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users
Attribute user_id user_name user_password user_admin_password user_email user_hide_email user_offset user_avatar user_posts user_threads user_joined user_lastvisit user_ip user_rights user_groups user_level user_status user_theme user_FName user_LName user_NName user_Sex
Description id_user ชื่อล็อกอิน รหัสผานสมาชิก รหัสผาน admin อีเมล สถานะอีเมล สถานะเวลา สถานนะผูใช สถานะการโพส สถานะแสดงระบบ สถานะรวม สถานะเยี่ยม IP ผูใช รายเซ็นต กลุม ระดับการใช สถานะสมาชิก แทมเพลด ชื่อ นามสกุล ชื่อเลน เพศ
Type mediumint(8) varchar(30) varchar(32) varchar(32) varchar(100) tinyint(1) char(3) varchar(100) smallint(5) text int(10) int(10) varchar(20) text text tinyint(3) tinyint(1) varchar(100) varchar(30) varchar(50) varchar(10) varchar(10)
PK FK Yes
84 ตารางที่ 3.1 แสดง Data Dictionary ขอมูลของสมาชิก (fusion_users) (ตอ) Relation fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users
Attribute user_Blood user_IDCard user_Tel user_HighEdu user_IDStu user_CodeID user_YearIn user_YearOut user_Mager user_Major user_Addr1 user_ProvCode1 user_PostCode1
fusion_users fusion_users fusion_users
user_Addr2 user_ProvCode2 user_PostCode2
fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users
user_phon1 user_WCompany user_WClass user_WType user_WMoney user_Waddr user_WProvCode
Description กรุบเลือด เลขบัตรประชาชน เบอรโทร วุฒิการศึกษา รหัสนักศึกษา รหัสรุน ปที่เขา ปที่จบ คณะ สาขา ที่อยูภูมิลําเนา จังหวัดภูมิลําเนา รหัสไปรษณีย ภูมิลําเนา ที่อยูปจจุบัน จังหวัดปจจุบัน รหัสไปรษณีย ปจจุบัน เบอรโทรบาน ชื่อสถานที่ทํางาน ตําแหนงงาน ประเภทงาน เงินเดือนเฉลี่ย ที่อยูที่ทํางาน จังหวัดที่ทํางาน
Type varchar(5) varchar(13) varchar(10) varchar(30) varchar(12) varchar(5) varchar(4) varchar(4) varchar(50) varchar(50) varchar(100) varchar(30) varchar(5) varchar(100) varchar(30) varchar(5) varchar(9) varchar(50) varchar(50) varchar(20) varchar(20) varchar(100) varchar(30)
PK FK
85 ตารางที่ 3.1 แสดง Data Dictionary ขอมูลของสมาชิก (fusion_users) (ตอ) Relation fusion_users
Attribute user_WPostCode
fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users fusion_users
user_WTel user_WTel2 user_WFax user_Bank_ID user_Bank_Name user_Bank_Major user_check
Description รหัสไปรษณียที่ ทํางาน เบอรโทรที่ทํางาน เบอรโทรมือถือ เบอรโทรสาร หมายเลขธนาคาร ชื่อธนาคาร สาขาธนาคาร เช็คสถานะ
Type
PK FK
varchar(5) varchar(10) varchar(10) varchar(10) varchar(10) varchar(30) varchar(30) varchar(10)
ตารางที่ 3.2 แสดง Data Dictionary ขอมูลฝากแจงขาว (note_mb) Relation note_mb note_mb note_mb note_mb note_mb note_mb note_mb note_mb note_mb
Attribute note_id user_id note_name note_email note_head note_text note_accapt note_date note_staus
Description Id id_user ชื่อผสง อีเมล ชื่อเรื่อง ขอความ ชื่อผูรับ วันที่สง สถานะ
Type int(11) varchar(10) varchar(20) varchar(30) varchar(50) text varchar(20) varchar(30) tinyint(1)
PK FK Yes Yes
86 ตารางที่ 3.3 แสดง Data Dictionary ขอมูลขาวประชาสัมพันธหรือบันทึกเหตุการณนัดหมาย (tb_work) Relation tb_work tb_work tb_work tb_work tb_work tb_work tb_work
Attribute work_id user_id work_date work_position work_properties work_tel status
Description Id Id_user วัยที่ลงงาน ตําแนงวางงาน คุณสมบัติ เบอรโทรติดตอ สถานะ
Type int(11) int(11) varchar(30) varchar(30) text varchar(10) int(11)
PK FK Yes Yes
ตารางที่ 3.4 แสดง Data Dictionary ขอมูลขาวประชาสัมพันธหรือบันทึกเหตุการณนัดหมาย (Fusion_messages) Relation fusion_messages fusion_messages fusion_messages fusion_messages fusion_messages fusion_messages fusion_messages fusion_messages fusion_messages
Attribute message_id message_to message_from message_subject message_message message_smileys message_read message_datestamp message_folder
Description
Type Id int(11) Id ผูรับ int(11) Id ผูสง varchar(30) หัวขอ varchar(30) เนื้อหา text ลักษณะยิ้ม varchar(10) สถานะการอาน int(11) เขารหัส int(11) โฟเดอรขอความ int(11)
PK FK Yes Yes
87 ตารางที่ 3.5 แสดง Data Dictionary ขอมูลเสื้อ (tb_logo) Relation tb_shirt tb_shirt tb_shirt tb_shirt
Attribute logo_id user_id logo_images t_image
tb_shirt
logo_status
Description Id Id สมาชิก ที่อยูรูป ที่อยูเสื้อที่ ออกแบบ คะแนนโหวต
Type int(11) int(11) varchar(30) varchar(30)
PK FK Yes Yes
text
ตารางที่ 3.6 แสดง Data Dictionary ขอมูลคลังสินคา (tb_stock) Relation tb_stock tb_stock tb_stock tb_stock tb_stock tb_stock tb_stock tb_stock tb_stock
Attribute stock _id user_id stock _image stock _name stock _all stock _detail stock _cost Stock_date stock _status
Description Id Id สมาชิก ที่อยูรูปสินคา ชื่อสินคา จํานวนสินคา รายละเอียด ราคาสินคา วันที่ลง สถานะสินคา
Type int(11) int(11) varchar(30) varchar(30) int(11) varchar(200) int(11) varchar(50) int(11)
ตารางที่ 3.7 แสดง Data Dictionary ขอมูลสถานะคลังสินคา (tb_produck)
PK FK Yes Yes
88
Relation tb_produck tb_produck tb_produck tb_produck tb_produck tb_produck tb_produck tb_produck
Attribute produck_id user_id stock _id produck_major produck_stock produck_ok produck_date produck_status
Description Id Id สมาชิก Id สินคา สาขา วันที่สั่ง สถานะรายการ วันที่สั่งรายการ สถานนะ
Type int(11) int(11) int(11) varchar(30) int(11) int(11) varchar(30) int(11)
PK FK Yes Yes Yes
ตารางที่ 3.8 แสดง Data Dictionary ขอมูลสถานะคลังสินคา (fusion_polls) Relation fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls fusion_polls 3.8 User Interface
Attribute poll_id poll_title poll_opt_0 poll_opt_1 poll_opt_2 poll_opt_3 poll_opt_4 poll_opt_5 poll_opt_6 poll_opt_7 poll_opt_8 poll_opt_9 poll_started poll_ended
Description Id หัสขอ ตัวเลื่อกที1่ ตัวเลื่อกที2่ ตัวเลื่อกที3่ ตัวเลื่อกที4่ ตัวเลื่อกที5่ ตัวเลื่อกที6่ ตัวเลื่อกที7่ ตัวเลื่อกที8่ ตัวเลื่อกที9่ ตัวเลื่อกที1่ 0 สถานะเริ่ม ปด
Type int(11) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) varchar(200) int(10)
PK FK Yes
89 การออกแบบสวนติดตอระหวางผูใชกับระบบ การเรียนรูรวมกันผานสื่อเล็กทรอนิกสนี้ เพื่อ การปอนขอมูลเขาสูระบบ 3.8.1 ออกแบบ User Interface หลัก
ภาพที่ 3.28 แสดง User Interface หลัก หมายเลข 1 แสดงตําแหนงของ Logo ของ เว็บ มีขนาด 978 Pixels X 130 Pixels หมายเลข 2 แสดงตําแหนงของ Menu มีขนาด 978 Pixels X 24 Pixels หมายเลข 3 แสดงตําแหนงของ Menu มีขนาด 524 Pixels X180 Pixels หมายเลข 4 แสดงตําแหนงของ Main มีขนาด 798 Pixels X 524 Pixels หมายเลข 5 แสดงตําแหนงของ Footer มีขนาด 798 Pixels X 30 Pixels
3.8.2 ออกแบบ User Interface ผูใชทั่วไป
90
ภาพที่ 3.29 แสดง User Interface ผูใชทั่วไป หมายเลข 1 แสดงตําแหนงของ Logo ของ เว็บ มีขนาด 978 Pixels X 130 Pixels หมายเลข 2 แสดงตําแหนงของ Menu มีขนาด 978 Pixels X 24 Pixels - หนาแรก - เกี่ยวกับสมาคม - บทความ - กระดานขาว - ติดตอเรา หมายเลข 3 แสดงตําแหนงของ Menu มีขนาด 524 Pixels X180 Pixels หมายเลข 4 แสดงตําแหนงของ Main มีขนาด 798 Pixels X 524 Pixels หมายเลข 5 แสดงตําแหนงของ Footer มีขนาด 798 Pixels X 30 Pixels
3.8.3 ออกแบบ User Interface ผูดูแลระบบ
91
ภาพที่ 3.30 แสดง User Interface ผูดูแลระบบ หมายเลข 1 แสดงตําแหนงของ Logo ของ เว็บ มีขนาด 978 Pixels X 130 Pixels หมายเลข 2 แสดงตําแหนงของ Menu มีขนาด 978 Pixels X 24 Pixels - หนาแรก - เกี่ยวกับสมาคม - คนหางานรุนพี่ - ฝากแจงขาวไปยังรุนนอง - คนหาพี่รหัส - นัดหมาย - ตรวจสอบการสงขาวสาร - โหวต - ติดตอเรา หมายเลข 3 แสดงตําแหนงของ Login มีขนาด 524 Pixels X180 Pixels หมายเลข 4 แสดงตําแหนงของ Main มีขนาด 798 Pixels X 524 Pixels หมายเลข 5 แสดงตําแหนงของ Footer มีขนาด 798 Pixels X 30 Pixels
3.8.4 ออกแบบ User Interface สมาชิก
92
ภาพที่ 3.31 แสดง User Interface สมาชิก หมายเลข 1 แสดงตําแหนงของ Logo ของ เว็บ มีขนาด 978 Pixels X 130 Pixels หมายเลข 2 แสดงตําแหนงของ Menu มีขนาด 978 Pixels X 24 Pixels - หนาแรก - เกี่ยวกับสมาคม - คนหางานรุนพี่ - ฝากแจงขาวไปยังรุนนอง - คนหาพี่รหัส - ระบบการเงิน - ออกแบบเสื้อ - นัดหมาย - ติดตอเรา หมายเลข 3 แสดงตําแหนงของ Login มีขนาด 524 Pixels X180 Pixels หมายเลข 4 แสดงตําแหนงของ Main มีขนาด 798 Pixels X 524 Pixels หมายเลข 5 แสดงตําแหนงของ Footer มีขนาด 798 Pixels X 30 Pixels 3.8.5 ออกแบบ User Interface อาจารย
93
ภาพที่ 3.32 แสดง User Interface อาจารย หมายเลข 1 แสดงตําแหนงของ Logo ของ เว็บ มีขนาด 978 Pixels X 130 Pixels หมายเลข 2 แสดงตําแหนงของ Menu มีขนาด 978 Pixels X 24 Pixels - หนาแรก - เกี่ยวกับสมาคม - คนหางานรุนพี่ - ฝากแจงขาวไปยังรุนนอง - คนหาพี่รหัส - ระบบการเงิน - ออกแบบเสื้อ - นัดหมาย - ติดตอเรา หมายเลข 3 แสดงตําแหนงของ Login มีขนาด 524 Pixels X180 Pixels หมายเลข 4 แสดงตําแหนงของ Main มีขนาด 798 Pixels X 524 Pixels หมายเลข 5 แสดงตําแหนงของ Footer มีขนาด 798 Pixels X 30 Pixels