ระบบบล็อกการ์ ด(สร้ างเกียรติบัตรออนไลน์ )
นายชานน ละอองแก้ว นายธนโชติ นิมะ
โครงการนีเ้ ป็ นส่ วนหนึ่งของ วิชาโครงการและวิชาโปรแกรมประมวลผลคาประยุกต์ ตาม หลักสู ตรระดับประกาศนียบัตรวิชาชีพ สาขางานคอมพิวเตอร์ ธุรกิจ วิทยาลัยอาชีวศึกษาบริหารธุรกิจวิทยาสงขลา ปี การศึกษา 2558
ระบบบล็อกการ์ ด(สร้ างเกียรติบัตรออนไลน์ )
นายชานน ละอองแก้ว นาย ธนโชติ นิมะ
โครงการนีเ้ ป็ นส่ วนหนึ่งของวิชาโครงการ วิชาโปรแกรมประมวลผลคาประยุกต์ ตาม หลักสู ตรระดับประกาศนียบัตรวิชาชีพ สาขางานคอมพิวเตอร์ ธุรกิจ วิทยาลัยอาชีวศึกษาบริหารธุรกิจวิทยาสงขลา ปี การศึกษา 2558
ก
ใบรับรองโครงการ วิทยาลัยอาชีวศึกษาบริหารธุรกิจวิทยาสงขลา ชื่อเรื่ อง ชื่อผูจ้ ดั ทา
ระบบบล็อกการ์ ด(สร้างเกียรติบตั รออนไลน์) นาย ชานน ละอองแก้ว นาย ธนโชติ นิมะ สาขางาน คอมพิวเตอร์ ธุรกิจ แผนกวิชา คอมพิวเตอร์ ธุรกิจ ให้โครงการนี้เป็ นส่ วนหนึ่งของการศึกษาหลักสู ตรประกาศนียบัตรวิชาชีพ
นวภรณ์ แซ่ต้ งั (นางสาวนวภรณ์ แซ่ต้ งั ) อาจารย์ผสู ้ อน
คณะกรรมการสอบโครงการ นวภรณ์ แซ่ต้ งั ประธานกรรมการ (นางสาวนวภรณ์ แซ่ต้ งั ) จิรวัจน์ ผาสุ กสวัสดิ์ กรรมการ (นายจิรวัจน์ ผาสุ ขสวัสดิ์) เยาวเรศ อนันต์ กรรมการ (นางสาวเยาวเรศ อนันต์) วันที่ 25 เดือน มีนาคม พ.ศ.2559 ลิขสิ ทธิ์ ของวิทยาลัยอาชีวศึกษาบริ หารธุ รกิจวิทยาสงขลา
ข
ชื่อเรื่ อง ชื่อผูจ้ ดั ทา
: ระบบล็อกการ์ ด(สร้างเกียรติบตั รออนไลน์) : นาย ชานน ละอองแก้ว นายธนโชติ นิมะ สาขางาน/วิชา : คอมพิวเตอร์ ธุรกิจ แผนกวิชา : คอมพิวเตอร์ ธุรกิจ ที่ปรึ กษา : อาจารย์นวภรณ์ แซ่ต้ งั ,อาจารย์เยาวเรศ อนันต์ ปี การศึกษา : พ.ศ.2558
บทคัดย่ อ โครงการเรื่ องระบบบล็อกการ์ ด(สร้างเกียรติบตั รออนไลน์)มีจุดมุ่งหมายเพื่อพัฒนา ระบบบล็อกการ์ ดทาให้ผูท้ ี่สนใจประหยัดเวลาในการสร้างผลงานหรื อใบประกาศมากยิ่งขึ้น เพื่อ สร้างความสะดวกของผูท้ ี่ตอ้ งการที่จะทาใบประกาศ ทาให้ไม่เสี ยเวลาในการทากิจกรรมต่างๆต่อไป ซึ่งทางผูจ้ ดั ทาได้คิดค้นระบบบล็อกการ์ ดนี้ ได้เห็นถึงปัญหาที่เกิด อาทิ เช่น ในช่วงเวลาที่ตอ้ งการจะ สร้างใบประกาศหรื อเกียร์ ติบตั รนี้ กว่าจะสร้างได้ตอ้ งจัดวางตาแหน่งต่างๆ จึงทาให้เกิดความยุง่ ยาก เป็ นต้น ผูจ้ ดั ทาเลยได้เล็งเห็ นถึ งปั ญหาที่เกิ ดขึ้นของผูท้ ี่ตอ้ งการจะสร้ างใบประกาศผูจ้ ดั ทาระบบ บล็อ กการ์ ด เพื่ ออานวยความสะดวกกับ ผูใ้ ช้ง านให้ไ ด้ม ากที่ สุ ดโดยจัดท าให้ส ามารถสร้ า งใบ ประกาศ ได้ตลอดเวลา เพื่อให้ผใู ้ ช้ได้รู้มีความสะดวก ซึ่ งจากผลการจากการพัฒนาระบบได้มีความ รวดเร็ วในการใช้งานและผูท้ ี่ใช้งานมีความพอใจในตัวเว็บไซต์ที่ผจู ้ ดั ทาได้พฒั นามา โครงการเล่มนี้มีจานวนทั้งหมด 24 หน้า
คาสาคัญ : ระบบ,ใบประกาศ
ค
กิตติกรรมประกาศ โครงการนี้ สาเร็ จไปได้ด้วยดี ผูจ้ ดั ทาโครงการต้องขอขอบพระคุ ณ คณะอาจารย์ที่ ปรึ กษา โครงการได้แก่อาจารย์นวภรณ์ แซ่ต้ งั เป็ นอย่างยิง่ ที่ให้คาปรึ กษาและตรวจสอบแก้ไขข้อบกพร่ อง ผู ้ ศึกษารู ้สึกซาบซึ้ งในความกรุ ณาของอาจารย์และขอขอบคุณไว้ ณ ที่น้ ีดว้ ย ขอขอบคุณอาจารย์จิรวัจน์ ผาสุ ขสวัสดิ์ ผูเ้ ชี่ ยวชาญ สาหรับคาแนะนาเมื่อเกิดปั ญหาในการ ท าโครงการขอขอบพระคุ ณอาจารย์ป ระจาสาขาคอมพิ ว เตอร์ ธุ รกิ จทุ ก ท่ า นที่ อ บรมสั่ ง สอนให้ คาแนะนามาตลอด ขอขอบพระคุ ณบิดามารดาที่สนับสนุ นในการศึกษาและขอขอบพระคุ ณ อย่างยิ่งสาหรั บ ผูเ้ ขี ย นเอกสารค้น คว้า หนัง สื อ ที่ ท าให้เ ข้า ใจในการท างานชัด เจนขึ้ น ประโยชน์ อ ัน พึ ง มี จ าก การศึ ก ษาโครงการนี้ ผู จ้ ัด ท าขอมอบเป็ นเครื่ องบู ช าพระคุ ณ บิ ด ามารดา ผูใ้ ห้ ชี วิ ต ผู ม้ ี พ ระคุ ณ ตลอดจนอาจารย์และทุกคนที่มีส่วนสร้างพื้นฐานการศึกษาให้แก่ผจู ้ ดั ทา นายชานน ละอองแก้ว นาย ธนโชติ นิมะ
ง
สารบัญ บทคัดย่อ ........................................................................................................................... ข กิตติกรรมประกาศ .............................................................................................................ค สารบัญตาราง .....................................................................................................................ช สารบัญภาพ ...................................................................................................................... ซ บทที่ 1 ................................................................................................................................ 1 บทนา ................................................................................................................................. 1 1.1 ที่มาและความสาคัญ .......................................................................................................... 1 1.2 วัตถุประสงค์ของโครงการ ................................................................................................. 1 1.2.1 เพื่อการพัฒนาระบบบล็อกการ์ด .............................................................. 1 1.2.2 เพื่อประหยัดเวลาในการสร้างใบประกาศ ................................................ 1 1.2.3 เพื่อสร้างความมัน่ ใจให้แก่ผใู ้ ช้ ................................................................ 1 1.3 ขอบเขตของโครงการ ........................................................................................................ 2 1.3.1 USER....................................................................................................... 2 1.4 ประโยชน์ที่ได้รับจากโครงการ .......................................................................................... 2 1.4.1 ผูจ้ ดั ทาใบประกาศความมัน่ ใจและประหยัดในการใช้ระบบบล็อกการ์ ด . 2 1.4.2 ได้ระบบบล็อกการ์ ดให้ดีๆยิง่ ขึ้นไป ........................................................ 2 1.5 นิยามศัพท์ .......................................................................................................................... 2 1.5.1 นาเสนอหัวข้อต่ออาจารย์ที่ปรึ กษา .......................................................... 2 1.5.2 รวบรวมข้อมูลที่นามาใช้ประกอบการพัฒนาระบบ ................................. 2 1.5.3 วิเคราะห์และออกแบบระบบ ................................................................... 2 1.5.4 พัฒนาระบบ ............................................................................................. 2 1.5.5 ทดสอบระบบและแก้ไข้ขอ้ ผิดพลาด ....................................................... 2 1.5.6 นาเสนอต่อคณะกรรมการ........................................................................ 2 1.5.7 จัดทาคู่มือ ................................................................................................ 2 1.6 แผนการดาเนินการ ............................................................................................................ 2
จ
บทที่ 2 ................................................................................................................................ 4 เอกสารและงานวิจัยทีเ่ กี่ยวข้ อง .......................................................................................... 4 2.1 2.2 2.3 2.4
PHP +MY SQL .................................................................................................................. 4 HTML5 CSS 3 +JQUERY................................................................................................. 6 การสร้างเว็บไซต์ ............................................................................................................... 7 ใบประกาศ ......................................................................................................................... 9 บทที่ 3 .............................................................................................................................. 10 วิธีการดาเนินโครงการ ..................................................................................................... 10
ในการดาเนินโครงการ ระบบบล็อกการ์ ดนี้ ผู้จัดทาได้ มีวธิ ีการดาเนินโครงการ เพื่อให้ จัดทาโครงงานได้ อย่างมีประสิ ทธิภาพและเป็ นไปได้ ด้วยดี ดังหัวข้ อต่ อไปนี้ .................................. 10 3.1 ศึกษาและรวบรวมข้อมูลที่เกี่ยวข้องกับโครงการ ............................................................. 10 3.2 วิธีการดาเนิ นโครงการทั้งหมด......................................................................................... 10 3.3 การออกแบบ .................................................................................................................... 10 3.3.1 การวิเคราะห์และวางแผนระบบ ............................................................ 10 บทที่ 4 .............................................................................................................................. 12 ผลการดาเนินงาน ............................................................................................................. 12 4.1 การทดสอบเว็บไซต์ ......................................................................................................... 12 4.1.1 ทาการเปิ ดเว็บไซต์ระบบบล็อกการ์ด ..................................................... 12 4.1.2 ทาการสมัครสมาชิก ............................................................................... 12 4.1.3 ทาการล็อกอินเพื่อเข้าสู่ ระบบ ................................................................ 13 4.1.4 กรอกข้อมูลและทาการ กดตกลงเพื่อให้ใบประกาศแสดงผล ................ 13 4.1.5 แสดงผล และกดพิมพ์ ............................................................................ 13 4.2 ผลจากการทดสอบโปรแกรม ........................................................................................... 14 4.2.1 โปรแกรมสามารถได้ตลอดเวลา ............................................................ 14 4.3 การนาไปใช้ ..................................................................................................................... 14 4.3.1 เปิ ดเว็บไซต์เพื่อทา สร้างใบประกาศ...................................................... 14 4.3.2 เลือกทาการสมัครสมาชิก ...................................................................... 14 4.3.3 กรุ ณาทาการล็อกอิน .............................................................................. 15
ฉ
4.3.4 4.3.5
กรอกข้อมูลและทาการกดตกลงเพื่อให้ใบประกาศแสดงผล ................. 15 แสดงผล และกดพิมพ์ ............................................................................ 15
บทที่ 5 .............................................................................................................................. 16 สรุ ปผลและข้ อเสนอแนะ .................................................................................................. 16 5.1 สรุ ปผลการทดลอง ........................................................................................................... 16 5.1.1 สามารสร้างใบประกาศได้ง่ายและสะดวก ............................................. 16 5.1.2 สามารถพิมพ์ ใบประกาศได้ .................................................................. 16 5.1.3 ทาให้ผใู ้ ช้ประหยัดเวลาเมื่อเข้ามาใช้งาน ............................................... 16 5.2 ปั ญหาและอุปสรรค ......................................................................................................... 16 5.3 ข้อเสนอแนะและแนวทางในการพัฒนา .......................................................................... 16 บรรณานุกรม ................................................................................................................... 17 ดัชนี .................................................................................................................................. ต ภาคผนวก......................................................................................................................... 19 ประวัติผ้ จู ัดทาโครงการ.................................................................................................... 23 ประวัติผ้ จู ัดทาโครงการ.................................................................................................... 24
ช
สารบัญตาราง ตารางที่ 1.7.1 แผนการดาเนินงาน ................................................................................... 2
ซ
สารบัญภาพ ภาพที่ 3.3.1 วาดและวางแผน เชื่อมโยงความสัมพันธ์ ...................................................................... 10 ภาพที่ 3.3.2 เข้าสู่ หน้า LOGIN ของ MYSQL .................................................................................. 11 ภาพที่ 3.3.3 เพิ่มข้อมูลฐานข้อมูล .................................................................................................... 11 ภาพที่ 3.3.4 ระบบงาน .................................................................... ผิดพลาด! ไม่ ได้ กาหนดทีค่ ั่นหน้ า ภาพที่ 4.1.1 เข้าสู่ หน้า USER ............................................................................................................. 12 ภาพที่ 4.1.2 สมัครสมาชิก ................................................................................................................ 12 ภาพที่ 4.1.3 กรอกข้อมูลให้เสร็ จสมบูรณ์ ........................................................................................ 13 ภาพที่ 4.1.4 กรอกข้อมูลและทาการ กดตกลงเพื่อให้ใบประกาศแสดงผล ....................................... 13 ภาพที่ 4.3.1 เข้าสู่ หน้า USER ............................................................................................................ 14 ภาพที่ 4.3.2 ทาการสมัครสมาชิก ..................................................................................................... 14 ภาพที่ 4.3.3 ทาการล็อกอิน .............................................................................................................. 15 ภาพที่ 4.3.4 กรอกข้อมูลและทาการกดตกลงเพื่อให้ใบประกาศแสดงผล ........................................ 15
บทที่ 1 บทนา 1.1 ทีม่ าและความสาคัญ ตั้ง แต่ อ ดี ต จนถึ ง ปั จ จุ บ ัน ประเทศไทยหรื อ ต่ า งประเทศได้มี ก ารแข่ ง ขัน ต่ า งๆตามภู มิ ประเทศของตนหรื อตามสากลนิ ยม เช่ นการแข่งขันในด้านทักษะด้านกี ฬา ด้านวิชาการด้านสังคม ด้านกฎหมาย และด้านอื่นๆตามที่กาหนดขึ้นมาเพื่อแสดงให้เห็นถึงการเรี ยนรู ้ของคนหรื อบุคคลที่ สมัครเพื่อทาการแข่งขัน เมื่อมีการแข่งขันเกิดขึ้น ทางผูจ้ ดั กิจกรรมก็ตอ้ งมีรางวัลต่างๆมาตอบแทน แด่ผูร้ ่ วมงานหรื อกิ จกรรมต่างๆตามความสามารถที่มีการตัดสิ นเกิดขึ้นในกิ จกรรมนั้นๆโดยผ่าน ผู ้ ตัดสิ นหรื อคณะกรรมการ การจัดการแข่งขันเพื่อวัดกระบวนการเรี ยนรู ้ที่กระตุน้ ให้ผูแ้ ข่งขันเกิดการใฝ่ รู ้ อยากรู ้อยาก เห็น ผ่านกระบวนการเรี ยนรู ้ ที่หลากหลายรู ปแบบ มีสีสันสนุ กสนานไม่น่าเบื่อ เน้นการมีส่วนร่ วม แลกเปลี่ ย น ปฏิ บ ตั ิ จริ ง โดยนานวัตกรรมและทฤษฎี มาลงแข่ ง ขัน ให้ผ่า นการวัดประเมิ นที่ ไ ด้ มาตรฐานสากล ในปั จจุ บนั นี้ เมื่ อมีการจัดแข่งขันต่างๆ ย่อมมี ผูล้ งแข่งตามประเภทของกิ จกรรมที่มีการ จัดการแข่งขันมากมายและหลากหลายแขนงมากเพิ่มขึ้นดั้งนั้นทางผูจ้ ดั ทาหรื อจัดการแข่งขันก็ตอ้ งมี สิ่ งตอบแทนแก่ผูล้ งแข่งขัน อาจจะให้ทุกคนหรื อให้เฉพาะบางคนที่ผ่านมาตรฐานตามเกณฑ์ และ รางวัลที่เป็ นที่ยมมากในปั จจุบนั นี้คือการมองใบประกาศต่างๆเพื่อแสดงความพอใจ และแสดงความ ยินดี ทั้ง นี้ ท างผูจ้ ดั ทาได้เล็งเห็ นถึ งจุ ดนี้ ว่าควรจะท า ระบบบล็ อกการ์ ดนี้ ข้ ึ นมาเพื่ออานวยความ สะดวกให้แก่ผใู ้ ช้งาน 1.2 วัตถุประสงค์ ของโครงการ 1.2.1 เพื่อการพัฒนาระบบบล็อกการ์ด 1.2.2 เพื่อประหยัดเวลาในการสร้างใบประกาศ 1.2.3 เพื่อสร้างความมัน่ ใจให้แก่ผใู ้ ช้
2
1.3 ขอบเขตของโครงการ 1.3.1 USER 1.3.1.1 สร้างหรื อสมัครสมาชิกในเว็บ 1.3.1.2 สร้างใบประกาศของตนเอง 1.3.1.3 ใช้พ้นื หลังใบประกาศที่ระบบมีให้ 1.3.1.4 จัดพิมพ์ใบประกาศ 1.4 ประโยชน์ ทไี่ ด้ รับจากโครงการ 1.4.1 ผูจ้ ดั ทาใบประกาศความมัน่ ใจและประหยัดในการใช้ระบบบล็อกการ์ด 1.4.2 ได้ระบบบล็อกการ์ ดให้ดีๆยิง่ ขึ้นไป 1.5 นิยามศัพท์ ใบประกาศ หมายถึง เอกสารการแสดงความยินดี เกณฑ์ มาตรฐาน หมายถึง การวางข้อตกลงว่าสิ่ งที่กระทานั้นมีขอ้ วัดผลว่าผ่านจุดไหนขึ้น ไปเช่น การสอบมาตรฐาน พื้นฐานคณิ ตศาสตร์ 50 ข้อ ผ่านเกณฑ์ 25 ข้อเป็ นต้น ผู้แข่ งขัน หมายถึง บุคคลหรื อนักศึกษาทีมีการลงแข่งในทักษะต่างๆที่ตนถนัด ระบบ หมายถึง ระบบบล็อกการ์ ดออนไลน์ ที่สร้างด้วยโปรแกรมDreamWeaver CCที่ จัดทาขึ้นเพื่ออานวยความสะดวกให้แก่ผใู ้ ช้งาน ขั้นตอนการดาเนินการ 1.5.1 นาเสนอหัวข้อต่ออาจารย์ที่ปรึ กษา 1.5.2 รวบรวมข้อมูลที่นามาใช้ประกอบการพัฒนาระบบ 1.5.3 วิเคราะห์และออกแบบระบบ 1.5.4 พัฒนาระบบ 1.5.5 ทดสอบระบบและแก้ไข้ขอ้ ผิดพลาด 1.5.6 นาเสนอต่อคณะกรรมการ 1.5.7 จัดทาคู่มือ 1.6 แผนการดาเนินการ ตารางที่ 1.6.1 แผนการดาเนินงาน กิจกรรม
เดือน พ.ศ.2558- พ.ศ.2559 พฤศจิกายน ธันวาคม มกราคม กุมภาพันธ์ มีนาคม 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
3
1. นาเสนอหัวข้อต่ออาจารย์ที่ปรึ กษา 2. รวบรวมข้อมูลที่นามาใช้ประกอบการ พัฒนาระบบ 3. วิเคราะห์และออกแบบระบบ 4. พัฒนาระบบ 5. ทดสอบระบบและแก้ไข้ขอ้ ผิดพลาด 6. นาเสนอต่อคณะกรรมการ 7. จัดทาคู่มือ
บทที่ 2 เอกสารและงานวิจัยทีเ่ กีย่ วข้ อง ในการดาเนิ นโครงการ ระบบบล็อกการ์ ดนี้ ผูจ้ ดั ทาได้ศึกษาค้นคว้าเอกสารและ งานวิ จ ัย ที่ เ กี่ ย วข้อ ง เพื่ อ ให้ จ ัด ท าโครงงานได้อ ย่ า งมี ป ระสิ ท ธิ ภ าพและเป็ นไปได้ด้ว ยดี โดย ทาการศึกษาค้นคว้าจากเอกสารที่เกี่ยวข้องดังหัวข้อต่อไปนี้ 1. PHP +MY SQL 2. HTML5 CSS 3 +JQUERY 3. การสร้างเว็บไซต์ 4. ใบประกาศนียบัตร 2.1 PHP +MY SQL MySQL เป็ นโปรแกรมจัดการฐานข้อมูล Relational Database Management System (RDBMS) เป็ นฐานข้อมูลที่สามารถจัดเก็บ ค้นหา เรี ยงข้อมูล และดึงข้อมูล MySQL มีความสามารถ ให้ผูใ้ ช้ง านเข้า ดึ ง ข้อมู ล ได้หลายๆคนในเวลาเดี ย วกันได้และมี ก ารเข้า ถึ ง ข้อมู ล ที่ รวดเร็ ว มี ก าร กาหนดการเข้าใช้งานของผูใ้ ช้ในแบบต่างๆอย่างเหมาะสม ปลอดภัย MySQL ถูกใช้งานเมื่อปี 1996 แต่โปรแกรมนี้พฒั นาตั้งแต่ปี 1979 และชนะรางวัล Linux Journal Reader ‘s Choice Award 3ปี ซ้อน ปัจจุบนั MySQL ได้ใช้งานแพร่ หลายโดยเป็ นโปรแกรม Open Source License แต่ก็ มีแบบ Commercial License ให้ใช้ดว้ ย โดยคุณสมบัติจะแตกต่างกันออกไป หากเราต้องการสร้ างเว็บไซต์สักหนึ่ งแห่ ง จะต้องทาการเลื อกอุ ปกรณ์ สาหรั บทา Web Server, ระบบปฏิบตั ิการ, โปรแกรม Web Server, โปรแกรมฐานข้อมูล และสคริ ปภาษา โปรแกรม ตัวเลือกต่างๆนี้ข้ ึนอยูก่ บั หลายๆคน หลายเหตุผล เช่น มีระบบปฏิบตั ิการไม่กี่โปรแกรม ที่ สามารถใช้งานได้ทุก Hardware หรื อ ทุกภาษาไม่สามารถเชื่อมต่อกับฐานข้อมูลได้ เป็ นต้น จากประโยคข้างต้นนี้ PHP เป็ นภาษาที่สนับสนุนทุกๆ OS ไม่วา่ จะเป็ น Windows หรื อ Linux ซึ่ ง MySQL ก็สามารถสนับสนุ นหลายๆ OS เช่นกัน โดยเฉพาะระบบปฏิบตั ิการ Linux ที่ทาให้ PHP ทางานได้ประสิ ทธิ ภาพ และปั จจุบนั มีการออกแบบ package โปรแกรมติดตั้ง PHP ก็ จะติดตั้ง MySQL มาให้ทนั ที ทั้งสะดวกแก่การทางานและมีตวั จัดการฐานข้อมูลซึ่ งเป็ นโปรแกรม เว็บบราวเซอร์ที่พฒั นามาจากภาษา PHP มีชื่อว่า PhpMyAdmin PHP +MY SQL เป็ นตัวช่วยที่ทาให้เว็บของเรามีลูกเล่นที่โต้ตอบกับผูท้ ี่เข้าชมเว็บของเรา ได้ ซึ่ งเว็บไซต์ชื่อดังมากมาย ล้วนแต่ประกอบด้วย Web Programing โดยภาษาที่เลือก มาเขียน โปรแกรมได้แก่ภาษา PHP ซึ่ งเป็ นภาษาที่ใช้อย่างแพร่ หลาย
5
PHP เกิดมาในปี 1994 โดย Rasmus Lerdorf โปรแกรมเมอร์ ชาวสหรัฐอเมริ กาได้คิดค้น สร้างเครื่ องมือที่ใช้ในการพัฒนาเว็บส่ วนตัวของเขา โดยใช้ขอ้ มดี ของภาษา C และ Perl เรี ยกว่า Personal Home Page และได้สร้างส่ วนติดต่อฐานข้อมูลชื่ อว่า Form Interpreter ( FI ) รวมทั้งสอง ส่ วน เรี ยกว่า PHP/FI ซึ่ งก็เป็ นจุดเริ่ มต้องของ PHP PHP เป็ นภาษาสคริ ปต์ที่ประมวลผลที่ฝั่งเซิ ร์ฟเวอร์ แล้วส่ งผลลัพธ์ไปแสดงผลที่ฝั่ง ไคลเอ็นต์ผ่านบราวเซอร์ เช่ นเดี ยวกับ CGI และ ASP ต่อเมื่อผูใ้ ช้งานเพิ่มมากขึ้นจึงมีการขอร้ อง ขอให้มีการพัฒนาประสิ ทธิ ภาพของ PHP/FI ให้สูงขึ้น Rasmus Lerdorf ก็ได้ผทู ้ ี่มาช่วยพัฒนาอีก 2 คนคือ Zeev Surask และ Andi Gutmans ชาวอสราเอล ซึ่ งปรั บปรุ งโค้ดของ Lerdorf ใหม่โดยใช้ C++ ต่อมาก็มีเพิ่มมาอีก 3 คน คือ Stig Bakken รับผิดชอบความสามารถในการติดต่อ Oracle, Shane Caraveo รับผิดชอบดูแล PHP บน Windows 9x/NT, และ Jim Winastead รับผิดชอบการจรวจ ความ บกพร่ องต่างๆ และได้เปลี่ยนชื่อเป็ น Professional Home Page PHP เป็ นภาษาจาพวก scripting language คาสั่งต่างๆจะเก็บอยูใ่ นไฟล์ที่เรี ยกว่าสคริ ปต์ (script) และเวลาใช้งานต้องอาศัยตัวแปลชุ ดคาสั่ง ตัวอย่างของภาษาสคริ ปก็เช่ น JavaScript, Perl เป็ นต้น ลักษณะของ PHP ที่ แตกต่างจากภาษาสคริ ปต์แบบอื่ นๆ คื อ PHP ได้รับการพัฒนาและ ออกแบบมา เพื่อใช้งานในการสร้างเอกสารแบบ HTML โดยสามารถ สอดแทรกหรื อแก้ไขเนื้ อหา ได้โดยอัตโนมัติ ดังนั้นจึงกล่ าวว่า PHP เป็ นภาษาที่เรี ยกว่า server-side หรื อ HTML-embedded scripting language เป็ นเครื่ องมือที่สาคัญชนิ ดหนึ่ ง ที่ช่วยให้เราสามารถสร้างเอกสารแบบ Dynamic HTML ได้อย่างมีประสิ ทธิ ภาพและมีลูกเล่นมากขึ้น ถ้าใครรู ้จกั Server Side Include (SSI) ก็จะสามารถเข้าใจการทางานของ PHP ได้ไม่ยาก สมมุติวา่ เราต้องการจะแสดงวันเวลาปั จจุบนั ที่ผเู ้ ข้ามาเยี่ยมชมเว็บไซด์ในขณะนั้น ในตาแหน่ง ใด ตาแหน่ งหนึ่ งภายในเอกสาร HTML ที่ เราต้องการ อาจจะใช้คาสั่งในรู ปแบบนี้ เช่ น <!--#exec cgi="date.pl"--> ไว้ในเอกสาร HTML เมื่อ SSI ของ web server มาพบคาสั่งนี้ ก็จะกระทาคาสั่ง date.pl ซึ่ งในกรณี นิ้ เป็ นสคริ ปต์ที่เขียนด้วยภาษา perl สาหรับอ่านเวลาจากเครื่ องคอมพิวเตอร์ แล้ว ใส่ ค่าเวลาเป็ นเอาพุท (output) และแทนที่คาสั่งดังกล่าว ลงในเอกสาร HTML โดยอัตโนมัติ ก่อนที่ จะส่ งไปยังผูอ้ ่านอีกทีหนึ่ง อาจจะกล่าวได้ว่า PHP ได้รับการพัฒนาขึ้นมา เพื่อแทนที่ SSI รู ปแบบเดิมๆ โดยให้มี ความสามารถ และมี ส่ ว นเชื่ อ มต่ อ กับ เครื่ อ งมื อ ชนิ ด อื่ น มากขึ้ น เช่ น ติ ด ต่ อ กับ คลัง ข้อ มู ล หรื อ database เป็ นต้น
6
PHP ได้รับการเผยแพร่ เป็ นครั้งแรกในปี ค.ศ.1994 จากนั้นก็มีการพัฒนาต่อมาตามลาดับ เป็ นเวอร์ ชนั่ 1 ในปี 1995 เวอร์ ชนั่ 2 (ตอนนั้นใช้ชื่อว่า PHP/FI) ในช่วงระหว่าง 1995-1997 และเวอร์ ชัน่ 3 ช่วง 1997 ถึง 1999 จนถึงเวอร์ ชนั่ 4 ในปัจจุบนั PHP เป็ นผลงานที่ เติ บโตมาจากกลุ่ ม ของนักพัฒนาในเชิ งเปิ ดเผยรหัสต้นฉบับ หรื อ OpenSource ดังนั้น PHP จึงมีการพัฒนาไปอย่างรวดเร็ ว และแพร่ หลายโดยเฉพาะอย่างยิง่ เมื่อใช้ ร่ วมกับ Apache Webserver ระบบปฏิบตั ิอย่างเช่น Linux หรื อ FreeBSD เป็ นต้น ในปั จจุบนั PHP สามารถใช้ร่วมกับ Web Server หลายๆตัวบนระบบปฏิบตั ิการอย่างเช่น Windows 95/98/NT เป็ น ต้น 2.2 HTML5 CSS 3 +JQUERY ภาษา HTML ได้ถูกพัฒนาขึ้นอย่างต่อเนื่องตั้งแต่ HTML Level 1, HTML 2.0, HTML 3.0, HTML 3.2 และ HTML 4.0 ในปั จจุบนั ทาง W3C ได้ผลักดัน รู ปแบบของ HTML แบบใหม่ ที่ เรี ยกว่า XHTML ซึ่ งเป็ นลักษณะของโครงสร้าง XML แบบหนึ่ ง ที่มีหลักเกณฑ์ในการกาหนด โครงสร้ างของโปรแกรมที่มีรูปแบบที่มาตรฐานกว่า มาทดแทนใช้ HTML รุ่ น 4.01 ที่ใช้กนั อยู่ใน ปัจจุบนั การสร้างเว็บเพจ โดยใช้ภาษา HTML สามารถทาโดยใช้โปรแกรม Text Editor ต่างๆ เช่น Notepad, EditPlusหรื อ จะอาศัย โปรแกรมที่ เ ป็ นเครื่ องมื อ ช่ ว ยสร้ า งเว็บ เพจ เช่ น Microsoft FrontPage, Dream Weaver ซึ่งอานวยความสะดวกในการสร้างหน้า HTML ในลักษณะ WYSIWYG (What You See Is What You Get) แต่มีขอ้ เสี ยคือ โปรแกรมเหล่านี้ มกั generate code ที่เกิ นความจาเป็ นมากเกินไป ทาให้ ไฟล์ HTML มี ข นาดใหญ่ และแสดงผลช้า ดัง นั้นหากเรามี ค วามเข้าใจภาษา HTML จะเป็ น ประโยชน์ให้เราสามารถแก้ไข code ของเว็บเพจได้ตามความต้องการ และยังสามารถนา script มา แทรก ตัดต่อ สร้างลูกเล่นสี สันให้กบั เว็บเพจของเราได้ การเรี ยกใช้งานหรื อทดสอบการทางานของเอกสาร HTML จะใช้โปรแกรม Internet Web Browser เช่น Internet Explorer (IE), Mozilla Firefox, Safari, Opera, และ Google Chrome เป็ นต้น HTML5 CSS 3 +JQUERY เป็ นตัวช่ วยที่ทาให้เข้าใจหลักการและสามารถนาไปเขียน เว็บไซต์จริ งๆได้โดยถึ งการพัฒนาเว็บไซต์โดยใช้ HTML5,CSS3,JAVASCRIPT ในขั้นพื้นฐาน จนถึงระดับใช้งานได้จริ ง และยังแนะนาวิธีการเขียนโค้ดโดยใช้ JavaScript เพื่อควบคุมการทางาน ของเว็บไซต์ jQuery เป็ น JavaScript Library ที่มีการรวบรวมฟังชันของ JavaScript ต่าง ๆ ให้อยูใ่ น
7
รู ปแบบ Patterns Framework ที่สะดวกและง่ายต่อการใช้งาน มีความยืดหยุน่ รองรับต่อ การใช้งานCross Browser คือไม่วา่ จะใช้งานบน Web Browser ใด ใน Library ของ jQuery จะมีการ เลือกใช้ ฟังชัน ที่สามารถเหมาะสมต่อการทางานและแสดงผลใน Web Browser ที่การรันอยูช่ ่วย ลด ปั ญหาการทา งานที่ผิดพลาดในฝั่งของ Client ได้จากปั ญหาก่อนโปรแกรมเมอร์ ท้ งั หลาย ในสมัยก่อน ๆ มักจะทดสอบโปรแกรมและพัฒนาบน IE (Internet Explorer ซึ่งเป็ นWeb Browser ที่ คนใช้มากที่สุดเกือบ 95% เมื่อสมัย 5-6 ปี )แต่ตอนนี้ ได้มีหลาย Web Browser เกิดขึ้นเช่น Chrome ,Firefox หรื อ Safari และบางคา สั่งของ JavaScript จะไม่ทา งานหรื อไม่รองรับ ใน Web Browserบางตัว ด้วยเหตุผลนี่เองการใช้ jQuery มาเป็ นทางเลือกก็สามารถช่วยแก้ปัญหาเป็ นได้อย่าง ทันที ยังสะดวกต่อการใช้งาน เพราะเป็ น syntax ที่เข้าใจง่าย และเขียนได้ในรู ปแบบที่ส้น ๆ รองรับ การทางานทั้งใน HTML รู ปแบบเดิม หรื อ CSS , Element , DOM element , Effect การจัดการ Event ต่าง ๆ หรื อแม้กระทั้ง การพัฒนาAjax ด้วย jQuery ก็สามารถทาได้ง่าย โดย Syntax เหล่านั้นยังคง ทางานอยู่ภายใต้คาสั่งของภาษา JavaScript แต่การเรี ยกใช้งาน Framework หรื อฟั งชัน ต่างๆจะถู กกาหนดรู ปแบบโดยPatterns ที่ได้ถูกออกแบบไว้ใน Library ของ jQueryนอกจากนั้น jQuery Library ไปใช้กบั Open Source หลายตัว เช่น Drupal หรื อWordPress ซึ่งถือได้วา่ jQuery เป็ น สุ ดยอดแห่ ง Library ที่ได้รับความนิดยม หรื อแม้กระทั้ง ในทางMicrosoft ได้ประกาศสนับสนุนใช้ งาน jQuery และมีการ Include เข้ามาใน Framework เพื่อใช้ในการนามาพัฒนา ASP.NET ร่ วมกบั Ajax บน Web Application 2.3 การสร้ างเว็บไซต์ เว็บไซต์เป็ นสื่ อที่ได้รับความนิ ยมอย่ามากบนอินเตอร์ เน็ต ซึ่ งเว็บไซต์เป็ นสื่ อที่อยูใ่ นความ ควบคุ มของผูใ้ ช้โดยสมบูรณ์ กล่าวคือ ผูใ้ ช้สามารถตัดสิ นใจเลื อกได้ว่าจะดู เว็บไซต์ใดและจะไม่ เลือกดูเว็บไซต์ใด ได้ตามต้องการ จึงทาให้ผูใ้ ช้ไม่มีความอดทนต่ออุปสรรคและปั ญหาที่เกิดจากการ ออกแบบเว็บไซต์ผดิ พลาดถ้าผูใ้ ช้เห็นว่าเว็บที่กาลังดูอยูน่ ้ นั ไม่มีประโยชน์ต่อตัวเขา หรื อไม่เข้าใจว่า เว็บไซต์น้ ีจะใช้งานอย่างไร เขาก็สามารถที่จะเปลี่ยนไปดูเว็บไซต์อื่นๆ ได้อย่างรวดเร็ ว เนื่ องจากใน ปัจจุบนั มีเว็บไซต์อยูม่ ากมาย และยังมีเว็บไซด์ที่เกิดขึ้นใหม่ ๆ ทุกวัน ผูใ้ ช้จึงมีทางเลือกมากขึ้น และ สามารถเปรี ยบเทียบคุณภาพของเว็บไซด์ต่าง ๆ ได้เอง เว็บไซด์ที่ได้รับการออกแบบอย่างสวยงาม มี การใช้งานที่ ส ะดวก ย่อมได้รับความสนใจจากผูใ้ ช้ มากกว่า เว็บ ไซด์ที่ ดูสั บ สนวุ่นวาย มี ข ้อ มู ล
8
มากมายแต่หาอะไรไม่เจอ นอกจากนี้ ยงั ใช้เวลาในการแสดงผลแต่ละหน้านานเกิ นไป ซึ่ งปั ญหา เหล่านี้ลว้ นเป็ นผลมาจากการออกแบบเว็บไซด์ไม่ดีท้ งั สิ้ น ดังนั้น การออกแบบเว็บไซด์จึงเป็ นกระบวนการสาคัญในการสร้างเว็บไซด์ ให้ประทับใจ ผูใ้ ช้ ท าให้เ ขาอยากกลับ เข้า มาเว็บไซด์เ ดิ ม อี ก ในอนาคต ซึ่ งนอกจากต้องพัฒ นาเว็บ ไซด์ที่ ดี มี ประโยชน์แล้ว ยังต้องคานึงถึงการแข่งขันกับเว็บไซด์อื่น ๆ อีกด้วย ในการออกแบบเว็บไซต์น้ นั ประกอบด้วยกระบวนการต่าง ๆ มากมาย เช่น การออกแบบ โครงสร้ าง ลักษณะหน้าตา หรื อการเขี ยนโปรแกรม แต่มีหลายคนที่พฒั นาเว็บไซต์ โดยขาดการ วางแผนและทางานไม่เป็ นระบบ ตัวอย่างเช่น การลงมือออกแบบโดยการใช้โปรแกรมช่วยสร้างเว็บ เนื้อหาและรู ปแบบก็เป็ นไปตามที่นึกขึ้นได้ขณะนั้น และเมื่อเห็นว่าดูดีแล้วก็เปิ ดตัวเลย ทาให้เว็บนั้น มีเป้ าหมายและแนวทางที่ไม่แน่นอน ผลลัพธ์ที่ได้จึงเสี่ ยงกับความล้มเหลวค่อนข้างมาก ความล้มเหลวที่ พบเห็ นได้ทวั่ ไป ได้แก่ เว็บที่ แสดงข้อความว่าอยู่ระหว่างการก่ อสร้ าง (Under Construction หรื อ Coming soon) ซึ่ งแสดงให้เห็นถึงการขาดการวางแผนที่ดีบางเว็บถือได้วา่ ตายไปแล้ว เนื่ องจากข้อมูลไม่ทนั สมัย ขาดการพัฒนาปรับปรุ งเทคโนโลยีลา้ สมัย ลิงค์ผิดพลาด สิ่ ง เหล่านี้แสดงให้เห็นถึงการขาดการดูแล ตรวจสอบและพัฒนาให้ทนั สมัยอยูเ่ สมอ การออกแบบเว็บไซต์อย่างถูกต้องจะช่วยลดความผิดพลาดเหล่านี้ และช่วยลดความเสี่ ยงที่ จะทาให้เว็บประสบความล้มเหลว การออกแบบเว็บไซต์ที่ดีตอ้ งอาศัยการออกแบบและจัดระบบ ข้อมูลอย่างเหมาะสม กระบวนการแรกของการออกแบบเว็บไซต์คือการกาหนดเป้ าหมายของเว็บไซต์กาหนด กลุ่มผูใ้ ช้ ซึ่ งการจะให้ได้มาซึ่ งข้อมูล ผูพ้ ฒั นาต้องเรี ยนรู ้ผูใ้ ช้ หรื อจาลองสถานการณ์ สิ่ งเหล่านี้ จะ ช่วยให้เราสามารถออกแบบเนื้ อหาและการใช้งานเว็บไซต์ได้อย่างเหมาะสม ตรงกับความต้องการ ของผูใ้ ช้อย่างแท้จริ ง
9
2.4 ใบประกาศ เกี ยรติ บตั ร วุฒิบตั ร ปริ ญญาบัตร ประกาศนี ยบัตร ความแตกต่างของสี่ คาได้แก่ เกี ยรติ บัตร วุฒิบตั ร ปริ ญญาบัตร ประกาศนียบัตร เกียรติบตั ร : คาเรี ยกบัตรที่มอบให้แก่บุคคลเพื่อแสดงว่าเป็ นผูท้ ี่สมควรได้รับเกียรติ ได้รับ การยกย่องอย่างใดอย่างหนึ่ ง เช่ น เกี ยรติ บตั รรั บรองการเข้าร่ วมกิ จกรรมที่มีคุณประโยชน์ เกี ยรติ บัตรที่มอบให้แก่ บุคคลที่ได้ประกอบกิ จกรรมที่ น่าสรรเสริ ญ เช่ น เป็ นบุ คคลดี เด่ นในด้านใดด้าน หนึ่ งที่ น่ายกย่อง เป็ นต้น นอกจากนี้ ผูท้ ี่เข้าร่ วมประกวดหรื อแข่งขันความสามารถในด้านใดด้าน หนึ่ ง หรื อการปฏิ บตั ิกิจกรรมอย่างใดอย่างหนึ่ งก็อาจได้รับเกี ยรติบตั รรั บรองการเข้าร่ วมกิ จกรรม นั้นๆด้วย วุฒิบตั ร : เป็ นบัตรที่ มอบให้แก่ บุคคลเพื่อรั บรองว่าเป็ นผูท้ ี่ มีวุฒิ คื อความเจริ ญในด้า น ความรู ้ ความสามารถในการปฏิบตั ิงาน หรื อความสามารถอื่นๆที่ได้จากการอบรม ผูม้ อบวุฒิบตั ร เป็ นผูร้ ับผิดชอบจัดการอบรม เช่น การอบรมวิชาการต่างๆให้แก่ครู อาจารย์ผสู ้ อนวิชานั้นๆ หรื อแก่ บุคคลทัว่ ไป การอบรมการทาอาหาร การอบรมศิลปะการจัดดอกไม้ เป็ นต้น ปริ ญญาบัตร : เป็ นเอกสารรับรองวิทยฐานะของผูส้ าเร็ จการศึกษาในระดับปริ ญญา ประกาศนียบัตร : เอกสารที่แสดงวิทยฐานะของผูส้ าเร็ จการศึกษา ที่จดั เป็ นหลักสู ตร ใช้ สาหรับการศึกษาระดับต่ากว่าระดับปริ ญญา
บทที่ 3 วิธีการดาเนินโครงการ ในการดาเนินโครงการ ระบบบล็อกการ์ ดนี้ ผูจ้ ดั ทาได้มีวธิ ีการดาเนินโครงการ เพื่อให้จดั ทา โครงงานได้อย่างมีประสิ ทธิ ภาพและเป็ นไปได้ดว้ ยดี ดังหัวข้อต่อไปนี้ 3.1 ศึกษาและรวบรวมข้ อมูลทีเ่ กีย่ วข้ องกับโครงการ นาข้อมู ล ที่ ไ ด้เรี ย นมาทั้ง หมดและแบบฝึ กหัดที่ ไ ด้ฝึ กท า นามาประยุก ต์ใ ช้ก ับ การท า โครงการและส่ วนหนึ่งก็ได้ดูตวั อย่างจากหนังสื อประกอบการเรี ยน หาเพิ่มเติมจากในเว็บต่างๆและ รวบรมรู ปแบบของใบกระกาศนียบัตรที่มีอยูท่ ้ งั หมด 3.2 วิธีการดาเนินโครงการทั้งหมด คิดหัวข้อโครงการ เรี ยนรู ้ปัญหาที่เกิดขึ้นที่ได้เกิดความคิดในการพัฒนาเว็บที่สะดวก และ เป็ นระเบียบระบบ จากนั้นก็เริ่ มศึ กษารู ปแบบการทางานของเว็บว่าจะเป็ นแบบไหน จึ งเริ่ มเขี ยน ฐานข้อมูล จากนั้นก็เริ่ มลงโค้ดเชื่ อมต่อฐานข้อมู ลกับAPP SERV เพื่อให้ลิงค์ไปยังหน้าที่ ที่จะ แสดงผล 3.3 การออกแบบ 3.3.1 การวิเคราะห์และวางแผนระบบ
ภาพที่ 3.3.1 วาดและวางแผน เชื่อมโยงความสัมพันธ์
11
3.3.2 การ Loginเข้าฐานข้มูล
ภาพที่ 3.3.2 เข้าสู่ หน้า LOGIN ของ MYSQL
3.3.3 ฐานข้อมูล
ภาพที่ 3.3.3 เพิม่ ข้อมูลฐานข้อมูล
12
บทที่ 4 ผลการดาเนินงาน ผลการดาเนิ นในระบบบล็อกการ์ ด ซึ่ งผูศ้ ึกษาได้ดาเนิ นการเสร็ จสิ้ น เป็ นโครงการตาม วัตถุประสงค์ ซึ่ งมีผลการดาเนินงานดังนี้ 4.1 การทดสอบเว็บไซต์ 4.1.1 ทาการเปิ ดเว็บไซต์ระบบบล็อกการ์ด
ภาพที่ 4.1.1 เข้าสู่ หน้า User 4.1.2 ทาการสมัครสมาชิก
ภาพที่ 4.1.2 สมัครสมาชิก
13
4.1.3 ทาการล็อกอินเพื่อเข้าสู่ ระบบ
ภาพที่ 4.1.3 กรอกข้อมูลให้เสร็ จสมบูรณ์ 4.1.4 กรอกข้อมูลและทาการ กดตกลงเพื่อให้ใบประกาศแสดงผล
ภาพที่ 4.1.4 กรอกข้อมูลและทาการ กดตกลงเพื่อให้ใบประกาศแสดงผล 4.1.5 แสดงผล และกดพิมพ์
14
4.2 ผลจากการทดสอบโปรแกรม 4.2.1 โปรแกรมสามารถได้ตลอดเวลา 4.3 การนาไปใช้ 4.3.1 เปิ ดเว็บไซต์เพื่อทา สร้างใบประกาศ
ภาพที่ 4.3.1 เข้าสู่ หน้า User 4.3.2 เลือกทาการสมัครสมาชิก
ภาพที่ 4.3.2 ทาการสมัครสมาชิก
15
4.3.3 กรุ ณาทาการล็อกอิน
ภาพที่ 4.3.3 ทาการล็อกอิน 4.3.4 กรอกข้อมูลและทาการกดตกลงเพื่อให้ใบประกาศแสดงผล
ภาพที่ 4.3.4 กรอกข้อมูลและทาการกดตกลงเพื่อให้ใบประกาศแสดงผล 4.3.5 แสดงผล และกดพิมพ์
บทที่ 5 สรุปผลและข้ อเสนอแนะ 5.1 สรุ ปผลการทดลอง การดาเนินโครงงานครั้งนี้ คณะผูจ้ ดั ทาได้ทาการออกแบบระบบและพัฒนาระบบโดยการ รวบรวมข้อมูลจากที่เรี ยนมาและจากเว็บไซต์ต่างๆ และระบบที่พฒั นาขึ้นมาสามารถใช้งานได้ดงั นี้ 5.1.1 สามารสร้างใบประกาศได้ง่ายและสะดวก 5.1.2 สามารถพิมพ์ ใบประกาศได้ 5.1.3 ทาให้ผใู ้ ช้ประหยัดเวลาเมื่อเข้ามาใช้งาน ซึ่ งระบบบล็อกการ์ ดนี้ มีการปรับให้ใช้งานได้จริ งเพราะสามารถทาการสร้างใบประกาศ ได้ตลอดเวลาและอานวยความสะดวกให้แก่ผใู ้ ช้งาน 5.2 ปัญหาและอุปสรรค เนื่ องจากผูพ้ ฒั นามีความรู ้ ในด้านโค้ดไม่เพียงพอทาให้ช่วงเริ่ มต้มทาระบบล่าช้าและเกิ ด ปั ญหาเพิ่มขึ้นมามากพอสมควร จึงทาให้ระบบออกมาช่วงแรกจะเกิดการผิดพลาดมากและตัวระบบ ฐานข้อมูลก็ยงั มีความซับซ้อมจึงต้องแก้ใหม่จึงทาให้เสี ยเวลาไป ณ ชัว่ เวลานั้น 5.3 ข้ อเสนอแนะและแนวทางในการพัฒนา การใช้ภาษา css มาตกแต่งระบบเพื่อให้ตอบสนองต่อผูใ้ ช้งาน ผูใ้ ช้งานจะได้มีความ ประทับใจและอยากที่จะเข้าใช้งานในระบบ อย่างน่าสนใจ
บรรณานุกรม Jaruwan Laksanajan. (13 มกราคม 2013). การสร้ างดัชนีย์. เรี ยกใช้เมื่อ 10 เมษายน 2016 จาก ยูทูป: https://youtu.be/j-xAd0ktGiI Jaruwan Laksanajan (ผูก้ ากับ). (2559). การแทรกดัชนี [ภาพยนตร์]. rabbit in black. (7 มิถุนายน 2555). กระต่ ายดา. เรี ยกใช้เมื่อ 10 เมษายน 2016 จาก http://rabbitinblack.com/: http://rabbitinblack.com/2014/07/css-menu-equalwidth/ Refsnes Data. (20 พฤศจิกายน 2556). W3SCHOOLS. เรี ยกใช้เมื่อ 10 เมษายน 2016 จาก http://www.w3schools.com/: http://www.w3schools.com/php/default.asp Thaicreate.com Team. (6 มกราคม 2559). Thaicrete. เรี ยกใช้เมื่อ 27 กันยายน 2551 จาก http://www.thaicreate.com/: http://www.thaicreate.com/php/php-mysql-uploadfile-to-mysql.html w3 school. ( ม . ป . ป . ) . เ รี ย ก ใ ช้ เ มื่ อ 1 0 เ ม ษ า ย น 2 0 1 6 จ า ก w3 school: http://www.w3schools.com/ น าเกี ย รติ . (14 มิ ถุ น ายน 2554). codetukyang. เรี ย กใช้เ มื่ อ 19 กัน ยายน 2551 จาก http://www.codetukyang.com/: http://www.codetukyang.com/php/scripts/form2txt.htm
ต
ดัชนี
P PHP +MY SQL ............................................ 4 U USER ........................................................... 2 ก การออกแบบ ................................................ 9 ท ที่มาและความสาคัญ..................................... 1 น นิยามศัพท์ .................................................... 2
พ พัฒนาระบบ ................................................. 2 ภ ภาษาcss ...................................................... 16 ร ระบบ............................................................ 2 ระบบบล็อกการ์ด ......................................... 1 ห หนังสื อ HTML5 CSS 3 +JQUERY............. 8 หนังสื อ PHP +MY SQL .............................. 4
ภาคผนวก
20
คู่มือการใช้ งาน ก.1 ผู้ใช้ งาน ก.1.1
เปิ ดหน้าเว็บไซต์
ก.1.2
ทาการสมัครสมาชิก
ก.1.3
ทาการล็อกอิน
21
ก.1.4
กรอกข้อมูลและกดตกลงเพื่อแสดงผล
ก.1.5
แสดงผลและทาการพิมพ์
ก.1.6
โปรแกรม ดรี มเว็บเวอร์ CC
22
ก.1.7
แผนผังของระบบ
พิมพ์ใบประกาศ
ต้องการพิมพ์/สร้างใบประกาศ
ผุใ้ ช้งาน
ระบบบล็อกการ์ด
เสร็ จสิ้ นการ ทางาน
ผูด้ ูแลระบบ บล็อกการ์ด
ประวัติผู้จัดทาโครงการ ประวัติส่วนตัว ชื่อ ชื่อโครงการ สาขาวิชา เกิดวันที่ ที่อยู่ การศึกษา
นาย ชานน ละอองแก้ว ระบบบล็อกการ์ด คอมพิวเตอร์ ธุรกิจ วันศุกร์ที่ 18 เมษายน พ.ศ 2540 5 ถ.สงขลา-นาทวี ต.เกาะแต้ว อ.เมือง จ.สงขลา 90000 -ปี พ.ศ.2556 ปวช แผนก คอมพิวเตอร์ ธุรกิจ สาขา คอมพิวเตอร์ ธุรกิจ
ประวัติผู้จัดทาโครงการ ประวัติส่วนตัว ชื่อ ชื่อโครงการ สาขาวิชา เกิดวันที่ ที่อยู่ การศึกษา
นาย ธนโชติ นิมะ ระบบบล็อกการ์ด คอมพิวเตอร์ ธุรกิจ วันพุธ ที่ 13 พฤษภาคม พ.ศ.254 359/5 หมู่3 ต.พะวง อ.เมือง จ.สงขลา 90000 -ปี พ.ศ.2556 ปวช แผนก คอมพิวเตอร์ ธุรกิจ สาขา คอมพิวเตอร์ ธุรกิจ