บทที่ 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 2.10 Adobe Dreamweaver CS3 2.11 Adobe Photoshop CS3 2.12 Adobe Flash CS4 2.13 ตัวอยางการประยุกตใช PHP และ Ajax ใน PHP-Fusion 7.0 2.14 ตัวอยางการประยุกตใช Flash รวมกับ XML ติดตอฐานขอมูล My SQL
7 2.1 การจดทะเบียนสมาคม 2.1.1 ความหมายของสมาคม ตามประมวลกฎหมายแพงและพาณิชย มาตรา 78 บัญญัติความหมายของสมาคมไววา “การกอตั้งสมาคมเพื่อกระทําการใด ๆ อันมีลักษณะตอเนื่องรวมกันและมิใชเปนการหากําไรหรือ รายไดมาแบงปนกัน ตองมีขอบังคับและจดทะเบียนตามบทบัญญัติแหงประมวลกฎหมายนี้” แสดง ใหเห็นวาการกอตั้งสมาคมจะมีลักษณะ 2.1.1.1 เปนการรวมตัวของกลุมบุคคล 2.1.1.2 เพื่อกระทําการใด ๆ เปนการตอเนื่อง ไมใชทํากันเพียงชั่วครั้งชั่วคราวแลวเลิก 2.1.1.3 เปนแนวทางปฏิบัติ 2.1.1.4 ตองจดทะเบียนเปนนิติบุคคล 2.1.2 กฎหมายและระเบียบที่เกี่ยวของ 2.1.2.1 ประมวลกฎหมายแพงและพาณิชย มาตรา 78-109 2.1.2.2 พระราชบัญญัติกําหนดความผิดเกี่ยวกับหางหุนสวนจดทะเบียน หางหุนสวน จํากัดบริษัทจํากัด สมาคมและมูลนิธิ พ.ศ. 2499 แกไขเพิ่มเติมโดย (ฉบับที่ 2) พ.ศ. 2535 2.1.2.3 พระราชบัญญัติวัฒนธรรมแหงชาติ พ.ศ. 2485 แกไขโดยพระราชบัญญัติ วัฒนธรรมแหงชาติ (ฉบับที่ 2) พ.ศ. 2486 มาตรา 5 ใหยกเลิกความในมาตรา 14 แหงพระราชบัญญัติวัฒนธรรมแหงชาติ พ.ศ. 2485และใหใชความตอไปนี้แทน มาตรา 14 สมาคมหรือองคการใดซึ่งมีวัตถุประสงคเกี่ยวกับงานของสภา วัฒ นธรรมแหงชาติไมวาจะไดตั้งอยูกอนหรือไมก็ตาม ตองไดรับอนุญาตจากสภาวัฒ นธรรม แหงชาติกอนจึงจะดําเนินการจัดตั้งตามกฎหมายหรือดํารงอยูตอไปได 2.1.2.4 กฎกระทรวง (พ.ศ. 2537) ออกตามความในประมวลกฎหมายแพงและ พาณิชย 2.1.2.5 กฎกระทรวง ฉบับที่ 2 (พ.ศ. 2547) ออกตามความในประมวลกฎหมายแพง และพาณิชย 2.1.2.6 ประกาศกระทรวงมหาดไทย เรือ่ ง แตงตั้งนายทะเบียนสมาคม ลงวันที่ 2.1.3 คําอธิบายขอบังคับสมาคม ขอบังคับสมาคมเปนแนวทางปฏิบัติของคณะกรรมการและสมาชิกของสมาคม และ รายการในขอบังคับสมาคมอยางนอยตองมีรายการตอไปนี้
8 2.1.3.1 ชื่อสมาคม เปน การระบุชื่ อเฉพาะของสมาคมนั้น ๆ และจะต องมี คําว า สมาคม ประกอบชื่อดวย 2.1.3.2 วัตถุประสงคของสมาคม เปนรายการแสแดงใหเห็นวา สมาคมที่ตั้งขึ้นมามี เปาหมายจะกระทําในกิจการใดแนชัด 2.1.3.3 ที่ตั้งสํานักงานใหญ และที่ตั้งสํานักงานสาขาทั้งปวง เปนรายการแสดงสถาน ที่ตั้งสํานักงานใหญของสมาคม และที่ตั้งสํานักงานสาขาของสมาคม หากสมาคมประสงคจะจัดตั้ง ขึ้น 2.1.3.4 วิธีรับสมาชิก และการขาดจากสมาชิกภาพ เปนรายการแสดงถึงวิธีการจัดหา สมาชิก และการขาดจากการเปนสมาชิกของสมาคมนั้น ๆ 2.1.3.5 อัตราคาบํารุง เปนการกําหนดอัต ราคาบํารุงสมาคมที่สมาชิกจะตองชําระ ใหแกสมาคมเพื่อเปนคาใชจายในกิจการของสมาคมแตละแหง 2.1.3.6 ขอกําหนดเกี่ยวกับคณะกรรมการของสมาคม เนื่องจากในประมวลกฎหมาย แพงและพาณิชย ฉบับใหมนี้ กําหนดใหการบริหารของสมาคมตองกระทําในรูปคณะกรรมการ เทานั้น จึงกําหนดรายละเอียดเกี่ยวกับ จํานวนกรรมการของสมาคม การตั้งกรรมการ วาระการดํารง ตําแหนงของกรรมการ การพนจากตําแหนงของกรรมการ และการประชุมของคณะกรรมการ 2.1.3.7 ขอกําหนดเกี่ยวกับการจัดการสมาคม การบัญชี และทรัพยสินของสมาคม เปนการกําหนดถึงวิธีการบริหารสมาคม การจัดทําบัญชีและทรัพยสินของสมาคมวาตองทําอยางไร สามารถตรวจสอบไดในแตละป 2.1.3.8 ขอกําหนดเกี่ยวกับการประชุมใหญ เปนการกําหนดถึงกําหนดเวลาและ วิธีการประชุมใหญสมาชิกของสมาคมไดชัดแจง 2.1.4 การจดทะเบียนสมาคม 2.1.4.1 ใหผูจะเปนสมาชิกจํานวนไมนอยกวา 3 คน ยื่นคําขอตามแบบ ส.ค. 1 ณ สํานักงานเขตสําหรับในกรุงเทพมหานคร หรือที่วาการอําเภอ / กิ่งอําเภอ สําหรับในจังหวัดอื่นที่ สํานักงานใหญของสมาคมจะตั้งขึ้นพรอมเอกสารหลักฐานดังตอไปนี้ จํานวน 3 ชุด 1) ขอบังคับของสมาคม 2) รายชื่อ ที่อยู และอาชีพของผูจะเปนสมาชิกไมนอยกวาสิบคน 3) รายชื่อ ที่อยู และอาชีพของผูจะเปนกรรมการของสมาคม 4) รายงานการประชุมกอตั้งสมาคม 5) แผนผังที่ตั้งสังเขปของสมาคมทั้งสํานักงานใหญและสํานักงานสาขา 6) หนังสืออนุญาตใหใชสถานที่ของสมาคม
9 7) สําเนาหรือภาพถายบัตรประจําตัวประชาชนหรือบัตรอื่นที่ทางราชการ ออกให และภาพถายสําเนาทะเบียนบานของผูจะเปนสมาชิกและผูจะเปนกรรมการของสมาคม 8) สําเนาหรือภาพถายใบอนุญาตจัดตั้งสมาคมหรือองคการตามกฎหมายวา ดวยวัฒนธรรมแหงชาติ ในกรณีสมาคมมีวัตถุประสงคเกี่ยวกับงานของสภาวัฒนธรรมแหงชาติ 9) เอกสารอื่น ๆ (ถามี) 2.1.4.2 เมื่อสํานักงานเขตหรืออําเภอ / กิ่งอําเภอ ไดรับคําขอแลว จะดําเนินการดังนี้ 1) ตรวจสอบคําขอ และขอบังคับวาถูกตองหรือไม 2) ตรวจสอบวัตถุประสงคของสมาคม ตองไมขัดตอกฎหมายหรือศีลธรรม อันดีของประชาชนหรือไมเปนภยันตรายตอความสงบสุขของประชาชนหรือความมั่นคงของรัฐ 3) ตรวจสอบรายการในคําขอหรือขอบังคับ ตองสอดคลองกับวัตถุประสงค ของสมาคม 4) ตรวจสอบผูจะเปนกรรมการของสมาคม ตองมีฐานะและความประพฤติ เหมาะสมในการดําเนินการตามวัตถุประสงคของสมาคม 5) ตรวจดูสถานที่ตั้งของสมาคมวาเหมาะสมหรือไม 2.1.4.3 เมื่อสํานักงานเขตหรืออําเภอ / กิ่งอําเภอ ไดพิจารณาเอกสารและคําขอแลว เห็นวาครบถวนและถูกตอง ก็ใ หเสนอเรื่องราวพรอมความเห็นตอนายทะเบียน โดยสงเรื่องไป กรุงเทพมหานคร (สําหรับในกรุงเทพมหานคร) หรือจังหวัด (สําหรับในจังหวัดอื่น) เพื่อตรวจสอบ ความถูกตองและเสนอนายทะเบียนเพื่อพิจารณาจดทะเบียน โดย 1) อธิบดีกรมการปกครอง เปนนายทะเบียนสมาคมในกรุงเทพมหานคร 2) ผูวาราชการจังหวัด เปนนายทะเบียนสมาคมในจังหวัดอื่น 2.1.4.4 เมื่อนายทะเบียนพิ จ ารณารั บจดทะเบียน ก็จ ะออกใบสําคัญแสดงการจด ทะเบียนสมาคม (ส.ค.4) และสงประกาศการรับจดทะเบียนสมาคมไปยังสํานัก งานเลขาธิก าร คณะรัฐมนตรี เพื่อประกาศในราชกิจจานุเบกษาแลวสงเรื่องคืนไปยังสํานักงานเขต หรืออําเภอ / กิ่ง อําเภอ และแจงให ผูข อจดทะเบียนทราบเพื่อขอรับใบสําคั ญ ฯ และชํ าระค าธรรมเนีย มตาม กฎกระทรวง ฯ จํานวนเงิน 2,000 บาท 2.1.5 การจดทะเบียนเปลี่ยนแปลงสมาคม 2.1.5.1 กรณีการแกไขเพิ่มเติมขอบังคับของสมาคม 1) ใหสมาคมยื่น คําขอ ตามแบบ ส.ค. 2 ณ สํานัก งานเขต หรือ ที่วาการ อําเภอ/กิ่งอําเภอที่สํานักงานใหญของสมาคมตั้งอยู ภายใน 14 วัน นับแตวันที่ไดลงมติ พรอม เอกสารหลักฐานดังตอไปนี้ จํานวน3 ชุด
10 1.1) รายงานการประชุมของที่ประชุมใหญมีมติใหมีการแกไขเพิ่มเติม ขอบังคับของสมาคม 1.2) ขอบังคับของสมาคมฉบับเกาและขอบังคับของสมาคมฉบับใหม 1.3) ตารางเปรียบเทียบขอบังคับของสมาคมฉบับเกาและขอบังคับของ สมาคมฉบับใหม 1.4) แผนผังที่ตั้งสังเขปของสมาคมและหนังสืออนุญาตใหใชสถานที่ตั้ง ของสมาคมในกรณีที่มีการเปลี่ยนแปลงสถานที่ตั้ง 2) การแกไขเพิ่มเติมขอบังคับของสมาคม จะมีขั้นตอนการจดทะเบียนคลาย กับการจดทะเบียนสมาคม ซึ่งเมื่อนายทะเบียนพิจารณารับจดทะเบียนก็จะออกใบสําคัญแสดงการ จดทะเบียนการแกไขเพิ่มเติมขอบังคับ (ส.ค.5) และสงประกาศการรับจดทะเบียนฯ ไปยังสํานักงาน เลขาธิการคณะรัฐมนตรี เพือ่ ประกาศในราชกิจจานุเบกษา แลวสงเรื่องคืนไปยังสํานักงานเขต หรือ อําเภอ / กิ่งอําเภอ และแจงใหผูขอจดทะเบียนทราบ เพื่อขอรับใบสําคัญฯ และชําระคาธรรมเนียม ตามกฎกระทรวงฯ จํานวนเงิน 200 บาท 2.1.5.2 กรณี ก ารแต ง ตั้ ง กรรมการสมาคมขึ้ น ใหม ทั้ ง ชุ ด หรื อ การเปลี่ ย นแปลง กรรมการของสมาคม 1) ใหสมาคมยื่นคําขอตามแบบ ส.ค.3 ณ สํานักงานเขตหรืออําเภอ / กิ่งอําเภอ ที่สํานักงานใหญข องสมาคมตั้งอยู ภายใน 30 วัน นับแตวันที่มีก ารแตงตั้ง หรือเปลี่ยนแปลง กรรมการของสมาคมพรอมเอกสารหลักฐานดังตอไปนี้ จํานวน 3 ชุด 1.1) รายงานการประชุมของสมาคมที่มีมติใหมีการแตงตั้งกรรมการขึ้น ใหมทั้งชุดหรือการเปลี่ยนแปลงกรรมการของสมาคม 1.2) ขอบังคับของสมาคม 1.3) รายชื่อกรรมการเกาและกรรมการใหม 1.4) สํา เนาหรื อภาพถ า ยบัต รประจํ าตั ว ประชาชนหรื อ บั ต รอื่ น ที่ ท าง ราชการออกใหและภาพถายสําเนาทะเบียนบานของกรรมการใหม 2) เมื่อสํานักงานเขต หรืออําเภอ / กิ่งอําเภอ ไดรับคําขอแลว จะดําเนินการ ดังนี้ 2.1) ตรวจสอบการแตงตั้งกรรมการของสมาคมขึ้นใหมทั้งชุด หรือการ เปลี่ยนแปลงกรรมการของสมาคม วาไดกระทําตามขอบังคับของสมาคมหรือไม 2.2) กรรมการที่ขอจดทะเบียนฯ มีฐานะหรือความประพฤติเหมาะสมใน การดําเนินการตามวัตถุประสงคของสมาคมหรือไม
11 3) เมื่อสํานักงานเขต หรืออําเภอ / กิ่งอําเภอ ไดพิจารณาเอกสารและคําขอ แลว เห็นวาครบถวนและถูกตอง ก็ใหเสนอเรื่องราวพรอมความเห็นตอนายทะเบียน โดยสงเรื่องไป กรุงเทพมหานคร หรือจังหวัดแลวแตกรณี เพื่อตรวจสอบความถูกตอง และเสนอนายทะเบียนเพื่อ พิจารณาจดทะเบียน 4) เมื่อนายทะเบียนพิจารณารับจดทะเบียน ก็จะออกใบสําคัญแสดงการจด ทะเบียน การแตงตั้งกรรมการของสมาคมขึ้นใหมทั้งชุด หรือการเปลี่ยนแปลงกรรมการของสมาคม (ส.ค.6) แลวสงเรื่องคืนไปยังสํานักงานเขต หรืออําเภอ / กิ่งอําเภอ และแจงใหผูขอจดทะเบียนทราบ เพื่อขอรับใบสําคัญฯ และชําระคาธรรมเนียมตาม กฎกระทรวงฯ จํานวนเงิน 200 บาท 2.1.6 การเลิกสมาคม 2.1.6.1 ตามมาตรา 101 แหงประมวลกฎหมายแพงและพาณิชย พ.ศ. 2535 กําหนดให สมาคมเลิกดวยเหตุหนึ่งเหตุใด ดังนี้ 1) เมื่อมีเหตุตามที่กําหนดในขอบังคับ เปนการเลิกตามเหตุที่กําหนดไวใน ขอบังคับของสมาคมนั้น ๆ และสมาคมไดปฏิบัติตามเหตุที่กําหนดไวครบถวนแลว 2) ถาสมาคมตั้งขึ้นไวเฉพาะเวลาใด เมื่อสิ้นระยะเวลานั้นเปนการเลิกตาม กําหนดเวลาที่ตกลงไวซึ่งอาจเปนการกําหนดไวในขอบังคับหรือในมติที่ประชุมจัดตั้งก็ได 3) ถาสมาคมตั้งขึ้นเพื่อกระทํากิจการใด เมื่อกิจการนั้นสําเร็จแลวเปนการ กําหนดไวเปนการเฉพาะกิจและกิจการนั้นไดกระทําครบถวนแลว 4) เมื่อที่ประชุมใหญมีมติใหเลิก เปนการเลิกโดยผลจากที่ประชุมใหญของ สมาคม 5) เมื่อสมาคมลมละลาย เปนการเลิกโดยผลจากที่สมาคมถูกฟองลมละลาย และศาลไดสั่งเปนที่สิ้นสุดแลว 6) เมื่อนายทะเบียนถอนชื่อออกจากทะเบียน ในกรณี 2.1.6.2 ศีลธรรมอัน ดีข องประชาชน หรืออาจเปนภยัน ตรายตอความสงบสุขของ ประชาชนหรือความมั่นคงของรัฐและนายทะเบียนไดสั่งใหแกไขแลว แตสมาคมไมปฏิบัติตาม ภายในเวลาที่นายทะเบียนกําหนด 2.1.6.3 เมื่อปรากฏวา การดําเนินกิจการของสมาคมขัดตอกฎหมายหรือศีลธรรมอันดี ของประชาชนหรืออาจเปนภยันตรายตอความสงบสุขของประชาชนหรือความมั่นคงของรัฐ 2.1.6.4 เมื่อสมาคมหยุดดําเนินกิจการติดตอกันตั้งแต 2 ปขึ้นไป 2.1.6.5 เมื่อปรากฏ สมาคมใหหรือปลอยใหบุคคลอื่นซึ่งมิใชกรรมการของสมาคม เปนผูดําเนินกิจการของสมาคม
12 2.1.6.6 เมื่อสมาคมมีสมาชิกเหลือนอยกวา 10 คน มาเปนเวลาติดตอกันกวา 2 ป 2.1.7 อัตราคาธรรมเนียม อัต ราคาธรรมเนียมการจดทะเบียนและคาธรรมเนียมอื่ น ใหเรี ยกเก็บตามอัต รา ดังตอไปนี้ 2.1.7.1 คาจดทะเบียนสมาคม 2,000 บาท 2.1.7.2 คาจดทะเบียนการแกไขเพิ่มเติมขอบังคับ 200 บาทของสมาคม หรือคาจด ทะเบียนการแตงตั้งกรรมการของสมาคมขึ้นใหมทั้งชุด หรือการเปลี่ยนแปลงกรรมการของสมาคม ครั้งละ 2.1.7.3 คาขอตรวจเอกสาร ครั้งละ 50 บาท 2.1.7.4 คาคัดสําเนาเอกสารพรอมดวยคํารับรองวาถูกตอง แผนละ 10 บาทแตไมเกิน 500 บาท 2.1.7.5 คาคําขอใหนายทะเบียนดําเนินการใด ๆ เกี่ยวกับสมาคม ครั้งละ 5 บาท 2.1.8 ความผิดเกี่ยวกับสมาคม พระราชบัญญัติกําหนดความผิดเกี่ยวกับหางหุนสวนจดทะเบียน หางหุนสวนจํากัด บริษัทจํากัดสมาคมและมูลนิธิ พ.ศ. 2499 แกไขเพิ่มเติมโดย (ฉบับที่ 2) พ.ศ. 2535 2.1.8.1 ผูใดใชคําวา “สมาคม” ประกอบกับชื่อ ในดวงตรา ปายชื่อ จดหมายใบแจง ความหรือเอกสารอยางอื่นเกี่ยวกับธุรกิจ โดยมิไดเปนสมาคมที่ไดจดทะเบียนตามประมวลกฎหมาย แพงและพาณิชยหรือกฎหมายอื่นเวนแตเปนการใชในการขอจดทะเบียนเกี่ยวกับการตั้งสมาคมหรือ ในการแปลอักษรตางประเทศเปนอักษรไทย โดยมีอักษรตางประเทศ กํากับไวดวย ตองระวางโทษ ปรับไมเกิน 20,000 บาท และปรับอีกวันละไมเกิน 500 บาท จนกวาจะเลิกใช 2.1.8.2 ผูใ ดดําเนิน กิจ การของคณะบุคคลใดโดยกระทําการอยางหนึ่งอยางใดให บุคคลอื่นหลงเชื่อวากิจการนั้นเปนสมคมที่ไดจดทะเบียนตามประมวลกฎหมายแพงและพาณิชย และการกระทําดังกลาวนาจะเกิดความเสียหายแกผูอื่นหรือประชาชน ตองระวางโทษจําคุกไมเกิน 2 ป หรือปรับไมเกิน 40,000 บาท หรือทั้งจําทั้งปรับ 2.1.8.3 ผูใดเปนสมาชิกของคณะบุคคลใดที่ใชชื่อวา สมาคม โดยรูอยูวา เปนสมาคม ที่มิไดจดทะเบียนตามประมวลกฎหมายแพงและพาณิชย ตองระวางโทษปรับไมเกิน 10,000 บาท 2.1.8.4 สมาคมใดไมใชคําวาสมาคมประกอบชื่อ ตองระวางโทษปรับไมเกิน 20,000 บาท และปรับอีกวันละไมเกิน 500 บาท จนกวาจะไดปฏิบัติใหถูกตอง 2.1.8.5 สมาคมใดมิไดจ ดทะเบียนแกไขเพิ่มเติมขอบังคับตอนายทะเบียนภายใน กําหนด 14 วัน นับแตวันที่ไดลงมติ ตองระวางโทษปรับไมเกิน 10,000 บาท
13 2.1.8.6 สมาคมใดมิไดจดทะเบียนการแตงตั้งหรือเปลี่ยนแปลงกรรมการของสมาคม ตอนายทะเบียนภายในกําหนด 30 วัน นับแตวันที่มีการแตงตั้งหรือเปลี่ยนแปลงกรรมการของ สมาคมตองระวางโทษปรับไมเกิน 10,000 บาท 2.1.8.7 สมาคมใดไมยอมใหสมาชิกของสมาคมตรวจตรากิจการ และทรัพยสินของ สมาคมในระหวางเวลาทําการของสมาคม ตองระวางโทษปรับไมเกิน 10,000 บาท 2.1.8.8 กรรมการของสมาคมผูใดดําเนินกิจการผิดวัตถุประสงคของสมาคม และการ ดําเนินกิจการนั้นเปนภยันตรายตอความสงบสุขของประชาชนหรือความมั่นคงของรัฐ ตองระวาง โทษจําคุกไมเกิน 3 ป หรือปรับไมเกิน 60,000 บาท หรือทั้งจําทั้งปรับ 2.1.8.9 คณะกรรมการของสมาคมไมแจงการเลิก สมาคมตอนายทะเบียนภายใน ระยะเวลา 14 วัน นับแตวันที่มีการเลิกสมาคม กรรมการของสมาคมนั้นตองระวางโทษปรับไมเกิน คนละ 10,000 บาท เวนแตกรรมการผูใดของสมาคมนั้นจะพิสูจนไดวา การที่มิไดแจงนั้น มิไดเกิด จากการกระทําของตน 2.1.8.10 ผูใดแบงทรัพยสินของสมาคมที่เหลืออยูเมื่อไดชําระบัญชีแลว ใหแกสมาชิก ของสมาคมหรือโอนทรัพยสินดังกลาวใหแกบุคคลอื่น เปนการฝาฝนมาตรา 107 แหงประมวล กฎหมายแพงและพาณิชย ตองระวางโทษจําคุกไมเกิน 1 ป หรือปรับไมเกิน 20,000 บาท หรือทั้งจํา ทั้งปรับ 2.1.8.11 ผูใดยังขืน แสดงตนเปนกรรมการหรือสมาชิกของสมาคม โดยรูอยูวานาย ทะเบียนไดถอนชื่อสมาคมนั้นออกจากทะเบียนแลว หรือถูกศาลสั่งเลิกแลว ตองระวางโทษปรับไม เกิน 20,000 บาท 2.2 CMS 2.2.1 ความหมายของ CMS CMS (Content Management System) คือ เมื่อเว็บไซตขององคกรมีขนาดใหญ ก็เปน เรื่องยาก ในการดูแลเนื้อหาบนเว็บไซต CMS (Content Management System) เปนระบบที่นําเขามา ช ว ยในการจั ด การเนื้ อ หาในเว็ บ ไซต ที่ มี ป ระสิ ท ธิ ภ าพมาก โดยความหมายของ Content Management System ของผูพัฒนาหลายๆ คาย อาจมีโมเดลหรือความหมายไมเหมือนกันขึ้นอยูกับ การออกแบบ แต โ ดยภาพรวมสามารถแบงโมเดลหลัก ของ CMS ได สองส ว น ไดแก CMA (Content Management Application) และ CDA (Content Delivery Application)
14 2.2.1.1 CMA (Content Management Application) เปน โปรแกรมในสว นของการจัด การเนื้อหาทั้งหมด ซึ่งโดยปกติจ ะเป น โปรแกรมแบบ Web Base Interface โดยในสวนของ CMA นี้จะยอมใหผูดูแลเว็บไซตที่สรางและ แกไขเนื้อหา ไมจําเปนตองมีค วามรูในการใชงานภาษา HTML เพื่อจัดการกับเว็บไซตเลย การ ทํางานผาน CMA จะทําไดทั้งการสราง แกไข ตรวจสอบความถูกตองของขอมูล โดย CMA จะนํา เนื้อหานั้นๆ เขาไปเก็บไวในฐานขอมูลของระบบ 2.2.1.2 CDA (Content Delivery Application) เปนสวนประกอบที่มีความสําคัญ ซ้ํายังทํางานไดอยางชาญฉลาด CDA จะทํา หนาที่นําเนื้อหาจากฐานขอมูลมาแสดงทางเว็บไซต โดยมีการควบคุมและจัดการเนื้อหาบนเว็บไซต ใหมีความทันสมัยอยูตลอดเวลา ดูแลจัดการรูปแบบของเอกสาร, การเลือกเทมเพลต, การจัดกลุม เนื้อหาสําหรับอินทราเน็ต เอ็กซทราเน็ต อินเทอรเน็ต , การกําหนดวันหมดอายุของเนื้อหา หรือ แม แ ต ก ารเปลี่ ย นรูป แบบเอกสารให อยู ใ นรู ป ของสื่ อ สิ่ งพิ ม พ เช น โบชั ว ร หรื อ แคตาล็ อ ก CMS เปนระบบที่ออกแบบใหการทํางานเปนไปอยางมีประสิทธิภาพ โดย ผานเวิรกโฟลว ซึ่งการทํางานแบบเวิรกโฟลวจะพบเห็นไดในระบบในระดับไฮเอนดทั่วไป เพราะมี ประสิทธิภาพสูง และชวยใหขอมูลมีความถูกตองเสมอ โดยขั้นตอนในการปรับปรุง แกไข หรือ สรางเนื้อหาขึ้นมาใหม อาจมีเวิรกโฟลวดังนี้ 1) ผูบริหารระดับสูงเห็นชอบใหมีการสรางเนื้อหาขึ้นมาใหม 2) ผู พั ฒ นาหรื อ กลุ ม ผู พั ฒ นาสร า งเทมเพลต และโฟลเดอร เ พื่ อ รองรั บ ตรวจสอบความถูกตอง 3) กระจายงานสูกลุมพนักงาน 4) กลุมพนักงานสรางเนื้อหาใหม หรือแกไขเนื้อหา 5) ผูดูแลเว็บไซตอนุ มัติ รวบรวมขอมู ลนําขึ้น เว็บไซตไ ด โดยงานในแต ละสวนของเวิรกโฟลวสามารถสงตอไปยังสวนใดๆ ของเวิรกโฟลวก็ได Content Management System ที่มีความฉลาดมากๆ จะยอมใหผูดูแลสามารถ ปรับแตงเวิรกโฟลวของระบบได เพียงแคใชเมาสลากแลววาง เพื่อปรับแตงไดอะแกรมของเวิรก โฟลว หรือกําหนดขั้นตอนของเวิรก โฟลวกับยูสเซอรแตละรายไดดวย เชน กลุมของผูบริหาร ระดับสูงสามารถแจงขาวกับพนักงานผานทางเว็บไซตของระบบอินทราเน็ตในองคกรไดทันที หรือ การเพิ่มเติมขาวสาร เนื้อหาจากยูสเซอรบางราย ตองไดรับความเห็นชอบจากผูดูแลระบบ หรือฝาย กฏหมายขององคกรกอนนําขาวสารนั้นเผยแพรผานเว็บไซต (ในกรณีที่เปนอินเทอรเน็ต)
15 2.2.2 การประยุกตใช CMS ในวงการตางๆ ระบบ CMS สามารถนํา มาประยุ ก ต ใ นงานต างๆ หลากหลาย ตั ว อย า งการนํ า ซอฟตแวร CMS มาประยุกตใชงาน อาทิเชน 2.2.2.1 การนํา CMS มาใชใ นการสรา งเว็บไซตสถาบัน การศึก ษา ธุร กิจ บัน เทิ ง หนังสือพิมพ การเงิน การธนาคาร หุนและการลงทุน อสังหาริมทรัพย งานบุค คล งานประมูล สถานที่ทองเที่ยว งานใหบริการลูกคา 2.2.2.2 การนํา CMS มาใชในหนวยงานของรัฐ อาทิเชน งานขาว งานประชาสัมพันธ การนําเสนองานตางๆ ขององคกร 2.2.2.3 การใช CMS สรางไซต สวนตัว ชมรม สมาคม สมาพันธ โดยวิธีการแบงงาน กันทํา เปนสวนๆ ทําใหเกิดความสามัคคี ทําใหมีการทํางานเปนทีมเวิรคมากยิ่งขึ้น 2.2.2.4 การนํา CMS มาใชในการสรางเว็บไซตสําหรับธุรกิจ SME โดยเฉพาะสินคา หนึ่งตําบลหนึ่งผลิตภัณฑ หรือ OTOP กําลังไดรับความนิยมสูง 2.2.2.5 การนํา CMS มาใชแทนโปรแกรมลิขสิทธิ์ อื่นๆ เพื่อประหยัดคาใชจาย และ งายตอการพัฒนา 2.2.2.6 การใช CMS ทําเปน Intranet Web Site สรางเว็บไซตใชภายในองคกร 2.2.3 ความแตกตางระหวาง CMS กับ Web log Web log นิยมเรียกสั้นๆ วา Blog หมายถึง เว็บไซตที่มีรูปแบบงายๆ โดยมากจะเปนใน ลักษณะเว็บไซตสวนตัวคนสรางบล็อกตองการบรรยายเหตุการณสวนตัว อาทิ ความในใจ ชีวิติ ครอบครัว เหตุการณประทับใจในชีวิต อะไรทํานองนี้ โดยที่เนื้อหาของบล็อกแตละบล็อกนั้นจะ เปนเนื้อหาใหมลาสุด ไลยอนหลังลงกลับไปเรื่อยๆ กลาวคือขอความหลังสุดจะอยูดานบนสุด เรา เรียกคนที่ทํา Blog วา Blogger หรือ Web blogger โดยในเนื้อหาใน Blog นั้นจะสวนประกอบสาม สวนคือ หัวขอ (Title) เปนหัวขอสั้นสั้นๆ , เนื้อหา (Post หรือ Content) เปนเนื้อหาหลักที่คนสราง Blog ตองการที่จะบอกใหคุณทราบ , วันที่เขียน (Date) เปนวัน เดือน ป ที่เขียน ทูลที่ใชทํา Blog เชน pMachine , b2evolution, bBlog, MyPHPblog, Nucleus, Wordpress, Simplog เปนตน ปจจุบัน เว็บบล็อกบางตัวฝงโมดูลกระดานขาวและอื่นๆ มาดวย หากจะพูดแบบงายๆ แลวนั้น CMS ก็คือปู ของ Blog นั่นเอง เพราะ CMS เองก็สามารถนํามาทําเปน Blog ได แต CMS มันมีความสามารถ อื่นๆ อีกมากที่บล็อกทําไมได
16 2.2.4 ขอดีของ CMS ขอดีของ CMS มีทั้งตอผูดูแลเว็บไซต (Webmasters) และผูใชงานเว็บไซต (Users) ความสามารถในการใช Template และสวนประกอบของการออกแบบ ที่ครอบคลุมการออกแบบ ตลอดทั้งเว็บไซตผูใ ชงานเว็บไซตสามารถใชงาน Template โดยนํามาประกอบกับเอกสารหรือ เนื้อหา ทําใหชวยลดภาระเรื่องการเขียนโคดใหนอยลงผูใชงานเว็บไซตใหความสนใจเฉพาะเนื้อหา มากกวาการออกแบบ และในการที่จ ะเปลี่ยนหน าตาของเว็บไซต ผูดูแลเว็บไซตก็แคไปแกไขที่ template ไมใชที่แตละหนาของเว็บเพจ CMS จะชวยใหทุกอยางงายขึ้น ในการสรางและบํารุงรักษา เว็บไซต นอกจากนั้นยังชวยจัดระดับการใชงานสําหรับแตละสวนงานของเว็บไซต โดยไมตองเขา มาเซ็ต การใชงานของระบบที่เซิรฟ เวอรโ ดยตรง เพราะสามารถทําไดโ ดยผานเว็บบราวเซอร นอกจากนั้น ถามี Search engine, Calendar, Web mail และสวนอื่นๆ ที่สามารถเพิ่มเติมสู CMS หรือแมกระทั่งไปหา Plug-in หรือ Add-ons เขามาเสริมการทํางานได สวนนี้จะชวยประหยัดเวลา ในการพัฒนาได การพิจารณาเลือกใช CMS คือ ความยากงายในการใชงาน ความยืดหยุนในการ พัฒนา ความสามารถในการทํางาน และอื่นๆ ไดแก เทคโนโลยี ระบบปฏิบัติการ และราคา 2.3 การเลือกซอฟตแวรที่ใชในโครงงาน 2.3.1 PHP-Fusion 7.0 เมื่อศึกษาเรื่องของ CMS ที่ใชการพัฒนาเว็บนั้น มีเยอะมากมายที่สามารถนํามาพัฒนา เว็บไซตในองคกร สถาบัน หรือ การเผยแพรตางๆ ตามที่ตองการ และผูที่เปน เว็บมาสเตอรตอง ตระหนักเปนอยางมากคือเรื่อง ลิขสิทธ ซึ่งมี CMS ไมมากนักที่เว็บมาสเตอรนํามาพัฒนาตอ ดวย เหตุที่วามีคาใชจายเข ามาเกี่ยวของดวย และทําใหบรรดา CMS ที่มีลิข สิทธนั้นไมเปนที่นิยมของ เหลาเว็บมาสเตอร และที่สําคัญอีก ประการหนึ่งคือการนํามาพัฒ นา และระบบการรัก ษาความ ปลอดภัยของ CMS ในแตละตัวนั้นเปนที่ตองการอยางมาก เพื่อไมใหมีการเขาถึงระบบการทํางาน ในสวนที่ปองกันไวได ยกตัวอยาง CMS ที่มีการเผยแพรในแบบ Free ware และเปนที่นิยม เชน Joomla , PHP Nuke , PHP Fusion และ Os commerce เปนตน CMS ขางตนนี้มีความนิยมใชเปน อยางมากในกลุมเว็บมาสเตอร แตสวนในตัวโครงงานนี้ไดนําเอา PHP Fusion 7.0 มาพัฒนาเนื่องจากในตัวโครงสราง ของ CMS นี่ไดมีการเปดเผยเรื่องของโครงสรางที่สามารถนํามาเขียนเปนระบบไดไมยากนัก และ ยังสามารถเขาไดงายและยังมีการเพิ่มระดับการปองดีขึ้นอีกดวย
17 2.3.2 ภาษา PHP ภาษาที่นิยมกันมากที่สุดในการพัฒนาและเขียนเว็บไซตคงไมพน ภาษา PHP ที่มีความ นิยมเปนอยางมากเนื่องจากเว็บมาสเตอรไดมีการพัฒนาใหมีความสามารถในตางๆไวคอนขางเยอะ และเปนที่รูจักกันอยางดีในบรรดาผูใชทั่ว ๆไป และอีกปจจัยหนึ่งที่มีเว็บมาสเตอรหลายตอหลาย ทานชื่นชอบก็คือ Free นั้นเอง และภาษา PHP ยังสามารถเขากับ ภาษาตางๆ ที่ใชในการพัฒนาเว็บ ตัวอื่น ไดดีอีกดว ย อาทิเชน ภาษา HTMLซึ่งเปนภาษาพื้นฐานของการแสดงเว็บเพจ ภาษา Java Script ที่เพิ่มลูกเลนใหกับเว็บเพจเปนที่สนใจ ภาษา SQL ใชในการติดตอฐานขอมูลเปนตน และ ความสามารถอีกประการหนึ่งที่เปนจุดเดนของภาษา PHP คือการติดตอฐานขอมูลผาน MYSQL เปนการทํางานที่มีประสิทธิภาพ จึงเปนที่นิยมกันอยางแพรหลาย 2.3.3 Ajax ในตัว Ajax นี้มีความสามารถเปนที่ขึ้นชื่อในเรื่องของการแสดงผลที่รวดเร็วของการ ทํางานในรูปแบบแอพพิเคชันบนเว็บ ซึ่งจุดเดนในการแสดงผลนี้เองทําใหเว็บมาสเตอรหลายตอ หลายทานชื่นชอบและทําใหเว็บไซตดูมีจุดเดน เปนที่ชื่นชอบของเหลาผูใช 2.3.4 XML XML ไดจัด วาเปน โปรแกรม หรือ แอพพิเคชัน ตัว หนึ่ง แต XML เปน รูปแบบ รูปแบบหนึ่งที่มีการจัดเก็บขอมูลที่มีมาตรฐาน มาตรฐานหนึ่งที่งายตอการเขาถึงและการทํางานใน การนํามาใชงาน อาทิเชน หากระบบ ระบบหนึ่งตองทําการทํางานรวมกับระบบอีกระบบหนึ่งใน สว นของฐานขอมูลเพื่อทําการนําเอาฐานขอมูลนั้น ๆ มาแสดงผล แตพอดีวาระบบนั้น มีการใช โครงสรางการทํางานที่แตกตางกันและประกอบกับ ระบบนั้นไมอนุญาตใหอีกระบบเขาถึงขอมูล ไดโดยตรง ดวยเหตุนเี้ อง XML จึงมามีสวนในการทํางานตรงจุดนี้ คือ XML จะมาทําหนาที่เปนสื่อ ในการเขาถึงขอมูลอีกรูปแบบหนึ่ง ที่สามารถทําใหระบบงานใดๆ ที่ตองการเขารวมใชฐานขอมูล เพื่อนําไปแสดงผลนั้น สามารถ นําไปใชไดโดยที่ระบบนั้น ไดมีผลกระทบใดๆ ที่เกิด จากการถึง ขอมูลโดยตรง ของระบบงานอื่น 2.3.5 My SQL เปน ขอมูลที่มีค วามนิยมในอัน ดับตน ๆ ของเว็บโปรแกรมเมอร เนื่ องจากมีค วาม สะดวกในการติดตอ และงายตอความเขาใจและอีกอยางคือ Free ไมเสียคาใชจายในการใชงาน และ สามารถใชงานรวมกับ ภาษา PHP หรือ ภาษาจําพวกการพัฒนาเว็บไดเปนอยางดี 2.3.6 Appserv 2.5.10 เปนซอฟตแวรที่นํามาใชในจําลองเครื่องใหเปนเซิรฟเวอร เพื่อใชในการทดสอบและ การพัฒนาการทํางานของโครงงานนี้ซึ่งเวอรชันนี้เปนเวอรชนั ที่ออกมาลาสุด ณ ตอนที่กําลังดําเนิน
18 โครงงานนี้ ซึ่งมีคุณสมบัติมากมาย ซึ่งสามารถศึกษารายละเอียดเพิ่มเติมไดที่ หัวขอ 2.9 Appserv 2.5.10 ตอไป 2.3.7 Adobe Dreamweaver CS3 เปนซอฟตแวรที่มีประสิทธิภาพอยางมากในออกแบบเว็บไซต การจัดการโครงสราง , การทําโครงสรางของเว็บและยังเปนที่นิยมกันอยางมากของเว็บมาสเตอร ตั้งแตผูที่แบบเริ่มตนไป จนถึงเว็บมาสเตอรที่ชํานาญแลว เพราะชวยใหเว็บมาสเตอรเห็นรูปแบบโครงสรางที่เขียนขึ้นมาได เมื่อ เปรียบเทียบกับการเขียนใน Note pad ซึ่งมีแตภาษาอยางเดียว และ Dreamweaver ในเวอรนี้ยังมี ความสามารถในการทําสรางฟรอมเพื่อติดตอฐานขอมูล อีกดวย 2.3.8 Adobe Photoshop CS3 เปนซอฟตแวรที่นําใชในการสรางกราฟกใหกับเว็บไซต ที่พัฒนาไดเปนอยางดี ทําให กราฟกบนเว็บนั้นเปนที่ดึงดูดของผูใชทั่วๆไปและมี plug in ที่ชวยในการทํางานที่หลากหลาย ไมวา จะเปนทําภาพสีใหเปนภาพขาวดํา หรือการทําปุมที่ใชทําลิงคตางๆ เปนตน 2.3.9 Adobe Flash CS4 เปนซอฟตแวรที่นํามาสรางกราฟกที่เคลื่อนไหวเพิ่มจุดเดนใหกับเว็บไซต โดยจุดเดน ของโปรแกรมมีอยูที่ขนาดของชิ้นงานที่นํามาใชมีขนาดเล็กมาก เพื่อไมเปนปญหาในการแสดงผล และการเผยแพรในเว็บไซต สวนการทํางานในโครงงานนี้ ผูจัดทําได นําเอา Action script 3 เขาใช ในผลดวย ดวยความสามารถของ as3 นี้ทําระบบการออกแบบเสื้อนั้น ออกมาตอบสนองตอผูใชใน ระบบไดเปนอยางนี้ 2.4 PHP-Fusion 7.0 2.4.1 ความหมาย PHP - Fusion คือ เว็บสําเร็จรูปตัวหนึ่ง หรือเปน CMS ตัว หนึ่ง ที่พัฒนาดวยภาษา PHP ซึ่งมีความยืดหยุน กวา HTML มาก และยังสามารถทําการติดตอ กับผูใชไดอีกดวย โดย PHP Fusion นั่นมีการพัฒนาระบบใหสามารถทําการจัด การเนื้อหา ควบคุมสิทธิ์การใชงานและการ เปลี่ยนแปลงขอมูล
19 2.4.2 รูปแบบโครงสรางการทํางานของ PHP - Fusion
ภาพที่ 2.1 โครงสรางการทํางานของ PHP - Fusion
20 2.4.3 สวนประกอบของ PHP Fusion
ภาพที่ 2.2 หนาเว็บครั้งแรกที่ติดตั้ง
ภาพที่ 2.3 แสดงสวนหัวเว็บครั้งแรกที่ติดตั้ง กลอง พาแนล
ภาพที่ 2.4 กลอง พาแนลในระบบ
21 ซึ่งจะอยูที่ดาน ซายมือและขวามือของเว็บ ซึ่งกลองพาแนลความสําคัญของมันคือ เอาไว แบง โซนตางๆของเว็บเราได และเพิ่มลดไดตามใจอีกเชนกัน หรือแลวแตคนจะเอาไปประยุกตใช งานอยางอื่น 2.5 ภาษา PHP 2.5.1 ความหมายของภาษา PHP ภาษา PHP (Professional Home Page : PHP) เปนภาษาสคริปต และ อินเตอรพรีต เตอร เหมือนกับ JavaScript และ Microsoft VBScript ที่สามารถทํางานแบบอิสระ โดยในยุคแรก ๆ จะทํางานเครื่องบริการที่ใช Lenux เปนระบบปฏิบัติการ PHP (เปนเวอรชันที่มีโปรแกรมที่ เรียกวา Personal Home Page Tools) สคริปตของ PHP จะเหมือนกับ ASP (Active Server Page : ASP) ซึ่งสคริปตจะถูกเขียนลงในเว็บเพจภายใน HTML อีกที กอนที่เพจจะถูกสงไปยังผูใชที่มี การรองขอเครื่องบริการเว็บจะเรียก PHP เพื่อแปลงคําสั่งและทํางานจากการเรียก PHP สคริปต ซึ่งในเพจ HTML จะประกอบดวย PHP สคริปตที่มีชื่อไฟลที่มีนามสกุลเปน . php .php3 หรือ .phtml นอกจากจะสามารถทํางานไดคลายกับ ASP PHPยังสามารถทํางานในสวนของ Dynamic HTML เพจไดอีกดวย เมื่อใช PHP รวมกันในการสรางเว็บเพจ จะไมตองการความสามารถของบราวเซอร ที่พิเศษแตอยางใด เริ่มตนของโปรแกรม PHP ดวยแท็ก <?php ปดทายดวย ?> (ซึ่งสามารถคอน ฟก PHP โดยใชรูปแบบ ASP <% %> แท็ก หรือ <SCRIPT LANGUAGE = “php”> </SCRIPT>) โดยการทํางานของ PHP จะอยูภายใตของแท็กทั้ง 2 นี้ PHP เปนภาษาที่มีรูปประโยคคลาย ๆ กับ C และ Perl โดยมีความแตกตางที่ไม จําเปนตองมีการประกาศตัวแปรกอนการใชงาน และงายตอการสรางแถวลําดับ (Array) และ แฮช (Hashes) การใชแถวลําดับรวมกัน นอกจากนี้ PHP ยังมีความสามรถรองรับการเขียน โปรแกรมเชิงวัตถุดวย 2.5.2 ขอดีของภาษา PHP เปน ภาษาสคริปตที่สามารถทําความเขาใจไดโ ดยงาย, เปน ภาษาสคริปตที่สามารถ ทํางานกับฐานขอมูลไดหลายชนิด , มีก ารทํางานที่ร วดเร็ว และไมสิ้น เปลืองทรัพยากร, ไมเสีย คาใชจายในการนําไปใช เนื่องจากเปน ซอฟตแวรใ หเปลา , เปนภาษาสคริปตที่สนับสนุนการ ทํางานบนอินเตอรเน็ต
22 2.6 Ajax 2.6.1 ประวัติ ความเปนมา Jeese Jams Garett นั้นเปนผูที่ไดบัญญัติคําวา เอแจ็กซ ขึ้นเมื่อป พ.ศ. 2548 ซึ่งนึกขึ้น ได ร ะหว า งที่ เขากํ าลั ง อาบน้ํ า เพื่ อ หาคํา สั้ น ๆ สํ า หรับ อธิ บ ายให ลูก ค า ของเขาทราบเกี่ ย วกั บ เทคโนโลยีตางๆ ที่ตองการจะนําเสนอเอแจ็กซโดยตัวมันเองแลวไมไดเปนเทคโนโลยีหรือภาษา โปรแกรมชนิด ใหม แตเ ปน การรวมกลุ มของเทคโนโลยีที่ มีใ ชัอ ยูแล ว ดัง ที่ก ลา วขา งต น โดย วิวัฒนาการของเอแจ็กซเริ่มตนเมื่อ ป ค.ศ. 2002 ไมโครซอฟทไดทําการคิดคน XMLHttpRequest ขึ้นมาเพื่อเปนทางเลือกในการเขียนโปรแกรมบนเว็บเพจ เพื่อใชติดตอกับ เว็บเซิรฟเวอร ในการ แลกเปลี่ยนขอมูล ซึ่งในขณะนั้นมีแตเพียง อินเทอรเน็ตเอกซพลอเรอร เทานั้นที่มีความสามารถนี้ ตอมาเว็บเบราวเซอรอื่นๆไดมีการพัฒนา จึงทําใหแนวคิดและเทคนิคการพัฒนาเว็บแอปพลิเคชัน ดวย เอแจ็กซ เริ่มเปนที่รูจักกันกวางขวางขึ้น จนปจจุบันถือวาเปนหนึ่งในหัวใจหลักของแนวคิด เรื่อง Web 2.0 2.6.2 ความหมาย AJAX ยอมาจากคํ าว า Asynchronous JavaScript and XML คื อเทคนิ ค การใช Javascript และ XML ทํางานแบบไมสัมพันธกันตามชวงเวลา
ภาพที่ 2.5 การทํางานของ classic and ajax web application model จากรูป ดานซายเปนรูปการทํางานของ Browser เมื่อติดตอกับ Web Server ตามปกติ การทํางานก็มัน ก็อยางที่เราเขาใจกันคือ เมื่อเรา เรียก url ไป Browser จะทําการติดตอ กับ Web
23 Server และ Web Server ทําการประมวลผลสงคาเปน HTML, Image , CSS อะไรก็แลวแตกลับไป หา Browser นําไปแสดงผลจากหลักการดังกลาวการพัฒนาใหหนา Web แสดงผลแบบมีชีวิตชีวา เชนการแสดงผลขอมูลแบบ Realtime ไมวาจะเปนขอมูลขาวสารที่มีการเปลี่ยนแปลงอยางทันดวน ยกตัวอยาง ราคาหุนมีการเปลี่ยนแปลงทุกวินาที หากการติดตอแบบนี้ Browser ตองเรียกขอขอมูล ใหมกับWeb Server ทุกๆครั้งหลายๆทานอาจจะบอกวา ใน HTML ก็มี Tag ที่วาใหใชแลวนั้นก็คือ <meta http-equiv="refresh" content="5;URL=url"> ก็ใชครับ แตการใช Tag refresh นั้นเปนการ เปลี่ยนแปลงทั้งหนาจอบางครั้งขอมูลที่ตองการเปนขอมูลแคกรอบๆเดียวในหนา web การ refresh ทั้งหนา จึงไมใชคําตอบที่ดี 2.6.3 หลักการของ AJAX วิธีการทํางานของเว็บแอปพลิเคชันแบบดังเดิมนัน้ โดยปกติแลวเมื่อผูใชทําการรองขอ ขอมูลจากเซิรฟเวอร ตัวเว็บเบราวเซอรจะทําการสงขอมูลการรองขอโดยใชโพรโทคอล HTTP เพื่อ ติดตอกับเว็บเซิรฟเวอร และที่เว็บเซิรฟเวอรจะทําการประมวลผลจากการรองขอที่ไดรับ และสง ผลลัพธเปนหนา HTML กลับไปใหผูใช วิธีการขางตนเปนวิธีการแบบการรองขอและการตอบรับ (Request and Response) ซึ่งผูใชจ ะตองรอระหวางที่เซิรฟเวอรประมวลผลอยู ซึ่งเปนหลักการ ทํางานแบบ Synchronous แตการทํางานของเว็บแอปพลิเคชันที่ใชเทคนิคเอแจ็กซจะเปนการทํางาน แบบ Asynchronous หรือการติดตอสื่อสารแบบไมตอเนื่อง โดยเซิรฟเวอรจะทําการสงผลลัพธเปน เว็บเพจใหผูใชทันทีโดยไมตองรอใหประมวลผลเสร็จกอน หลังจากนั้นเว็บเพจที่ผูใชไดรับจะทํา การดึงขอมูลในสวนตางๆทีหลัง หรือจะดึงขอมูลก็ตอเมื่อผูใชตองการเทานั้น
ภาพที่ 2.6 รูปแบบการทํางานของ AJAX
24 2.7 XML 2.7.1 ประวัติความเปนมา XML (Extensive Markup Language) โปรโตคอลอินเตอรเนต (Internet ProtocolIP), HypertText Markup Language และ HyperText Transport Protocol (HTTP) ไดเปนการปฏิวัติ และสรางมิติใหมในการกระจายขอมูลและสารสนเทศ การนําเสนอ ตลอดจนการคนคืน โดยใหผูใช สามารถใชสารสนเทศที่ตองการไดงายดวยเบราวเซอร และมี search engine หรือเครื่องมือในการ ชวยคนหา นอกจากนั้นยังมีการประยุกตไปใชกับเครือขายในสํานักงานหรืออินเตอรเน็ต และใช สํา หรั บ การบริ ก ารขอ มูล สํ าหรั บลู ก ค า และคูค าให สามารถตอบสนองทางดา นสารสนเทศที่ ตองการ ไดอยางมีประสิทธิภาพมากขึน้ 2.7.2 โครงสรางของเอกสาร XML
ภาพที่ 2.7 แสดงโครงสรางของเอกสาร XML 2.7.2.1 โครงสรางของเอกสาร XML ประกอบดวย 1) สวนแรก (Prolog) ในสวนนี้ จะประกอบดวย 1.1) XML declaration เปนการประกาศใหรูวาเอกสารนี้คือ XML และ เปนการประกาศเวอรชันของ XML (ในตัวอยาง เปนเวอรชัน 1.0) การใสคา XML declaration จะ ประกาศหรือไมประกาศก็ได แตควรมีขอกําหนดนี้ในเอกสาร 1.2) XML บรรทัดวาง เพื่อชวยใหเอกสารนาอานขึ้น ตัวประมวลผลของ XML (XML Processor) จะขามและไมนําบรรทัดวางเหลานั้นมาประมวลผล
25 1.3) หมายเหตุ (Comment) เพื่อใหสามารถพิมพขอความที่ตองการอาจ เปนขอความที่ใชอธิบายจุดประสงคของเอกสาร เปนตนจะมีหรือไมมีก็ไดเชนเดียวกันกับบรรทัด วาง ตัวประมวลผลของ XMLจะขามและไมนําหมายเหตุมาประมวลผล 2) ในสวนที่สองเรียกวา Document element หรือ Root element ซึ่งสามารถ บรรจุ Element เพื่อเติม ในเอกสาร XMLได ในเอกสาร XML นั้น Element จะแสดงลักษณะ โครงสรางของเอกสารและแสดงสวนประกอบของเนื้อหาเอกสารอยูภายใน จาก ภาพที่ 2.7 เปน ตัวอยางของการใชขอมูลใน Book Element ซึ่งประกอบดวย TITLE, AUTHOR, PRICE 2.7.3 จุดเดนของ XML 2.7.3.1 ดูเอกสารไดงาย สะดวก และไดผลดีเหมือน HTML 2.7.3.2 เนนความจําเปน กะทัดรัด เขาใจงาย และไดประโยชนกวางขวาง 2.7.3.3 อานไดดวยมนุษย โดยไมตองอาศัยโปรแกรมหรือเครื่องมือชวยแปล 2.7.3.4 การเขียน XML ทําไดตั้งแตก ารใช Text editor ทั่ว ไป และไมตองการ เครื่องมือที่ซับซอน 2.7.3.5 เปนมาตรฐานที่กําหนดแลวใชงานไดทันที โดยที่บราวเซอรและอุปกรณตาง ๆ พรอมใชงานรวมกัน 2.7.3.6 ตองสามารถใชโปรแกรมแปลภาษาไดงาย โดยทั่วไปเขียนในรูปแบบ BNF ได (Baches Normal Form) 2.7.3.7 ใชเปนตัวควบคุมขอมูล (Meta data) จึงเปนแนวทางในการขนสงขอมูล และ สรางการเชื่อมโยงระหวาง 2.7.3.8 สนั บ สนุ น UNICODE ทํ า ให ใ ช ไ ด ห ลากหลายภาษา และผสมกั น ได หลากหลายภาษา 2.7.3.9 ดึงเอกสาร XML มาใชงานไดงาย และใชรวมกับโปรแกรมประยุกตอื่นได งาย เชน โปรแกรม DB2, Oracle, SAP เปนตน 2.7.3.10 ชวยทําใหเกิดการรับสงขอมูลแบบ EDI (Electronic Data Interchange)โดย ทําใหแนวทางการเชื่อมโยงและสรางความเปน เอกสารหรือมาตรฐานระหวางองคกร 2.7.3.11 ชวยในการขนสงขอมูลไปยังปลายทางเพื่อใหแปลความหมายและใชงานได อยางเต็มประสิทธิภาพ 2.7.3.12 นําไปประยุกตใชในการดําเนินกิจกรรมบนเครือขายไดมาก เชน E-Business, EDI, E-Commerce, การจัดการ Supply chain / Demand chain management, การดําเนินการแบบ intranet และ Web Base Application
26 2.8 My SQL 2.8.1 ความหมายของภาษาเอสคิวแอล ภาษาเอสคิวแอล (Structured Query Language : SQL) เปนภาษาที่ใชในการจัดการ ขอมูลที่อยูภายในฐานขอมูลเชิงสัมพันธ ที่ไดรับการสนับสนุนจากผูผลิตซอฟตแวรดานระบบการ จัดการฐานขอมูลกันอยางแพรหลาย จึงสามารถใชไดกับฐานขอมูลทุกชนิด เชน DB2 , Oracle , MS-Access เปนตน นอกจากนั้นทาง American National Standards Institute (ANSI) ไดกําหนด รูปแบบภาษาเอสคิวแอลมาตรฐานขึ้น เพื่อใหเปนมาตรฐานทั่วไปของภาษาเอสคิวแอลที่สามารถ ใชรวมกันไดอีกดวย อยางไรก็ตามรูปแบบของภาษาเอสคิวแอลที่ใชในระบบการจัดการฐานขอมูล แตชนิดของผูผลิตแตราย อาจจะมีรายละเอียดเพิ่มเติมแตกตางกันไปบาง ทั้งนี้เพื่อเปนการแสดง ความสามารถเพิ่มเติมและจุดเดนของระบบการจัดการฐานขอมูลของแตละบริษัท 2.8.2 ประเภทของคําสั่ง SQL คําสั่งในภาษาSQL ประกอบดวยชุดคําสั่งหลัก ๆ 3 ประเภทดวยกัน ไดแก 2.8.2.1 DDL (Data Definition Language) เปนชุดคําสั่งที่ใชในการนิยาม กําหนด หรือสรางขอมูล เชน table, index, view ไดแก คําสั่ง create table, create view เปนตน 2.8.2.2 DML (Data Manipulation Language) เปนชุดคําสั่งที่ใชในการประมวลผล หรือจัดการกับขอมูลในฐานขอมูล ไดแก คําสั่ง select, insert, update เปนตน 2.8.2.3 DCL (Data Control Language) เปนคําสั่งที่ใชในการควบคุมสิทธิ์ของผูใชใน การใชขอมูล รวมทั้งสวนที่ใชควบคุม การใชงานฐานขอมูลจากผูใชหลาย ๆ คนพรอมกัน ไดแก คําสั่ง grant, revoke เปนตน 2.8.3 ขอดีในการใชภาษาSQL 2.8.3.1 ใกลเคียงภาษาพูด (ภาษาอังกฤษ) ทําใหงายตอการใชงานและการทําความ เขาใจ 2.8.3.2 สามารถทํางานรวมกับโปรแกรมภาษาอื่น ๆ เชน C, Pascal 2.8.3.3 เปนภาษามาตรฐาน ซึ่งจะมีรูปแบบการเขียนคําสั่ง ที่คลายคลึงกัน แมวาจะมี การทํางานบนเครื่องคอมพิวเตอรหรือระบบปฏิบัติการที่ตางกัน 2.9 Appserv 2.5.10 2.9.1 ความหมายของโปรแกรม AppServ 2.5.10 AppServ คือโปรแกรมที่รวบรวมเอา Open Source Software หลายๆ อยางมารวมกัน โดยมี Package หลักดังนีค้ ือ Apache 2.5.10, PHP 2.5.6, MySQL 5.0.51b, phpMyAdmin 2.10.3
27 จุดประสงคหลักของการรวมรวบ Open Source Software เหลานี้เพื่อทําใหการติดตั้ง โปรแกรมตางๆ ที่ไดกลาวมาใหงายขึ้น เพื่อลดขั้นตอนการติดตั้งที่แสนจะยุงยากและใชเวลานาน โดยผูใชงานเพียงดับเบิ้ลคลิก setup ภายในเวลา 1 นาที ทุกอยางก็ติดตั้งเสร็จสมบูรณระบบตางๆ ก็ พรอมที่จะทํางานไดทันทีทั้ง Web Server, Database Server เหตุผลนี้จึงเปนเหตุผลหลักที่หลายๆ คนทั่วโลก ไดเลือกใชโปรแกรม AppServ แทนการที่จะตองมาติดตั้งโปรแกรมตางๆ ที่ละสวนไม วาจะเปนผูที่ความชํานาญในการติดตั้ง Apache, PHP, MySQL ก็ไมไดเปนเรื่องงายเสมอไป 2.9.2 ขอแตกตางของ AppServ ในแตละเวอรชนั AppServ ไดแบงเวอรชันออกเปน 2 สวนดวยกัน คือ 2.9.2.1 2.5.x คือเวอรชัน ที่นํา Package ใหมๆ นํามาใชงานโดยเฉพาะ เหมาะ สําหรับนักพัฒนาที่ตองการระบบใหมๆหรือตองการทดสอบ ทดลองใชงานฟงกชันใหม ซึ่งอาจจะ ไมไดความเสถียรของระบบได 100%เนื่องจากวา Package จากนักพัฒนานั้นยังอยูในชวงของขั้น ทดสอบ ทดลองเพื่อหาขอผิดพลาดอยู 2.9.2.2 2.4.x คือเวอรชันที่นํา Package ที่มีความเสถียรเปนหลัก เหมาะสําหรับผูที่ ตองการความมั่นคงของระบบโดยไมไดมุงเนนที่จะใชฟงกชันใหม 2.10 Adobe Dreamweaver CS3 Adobe Dreamweaver CS3 เวอรชันนี้ ไดรับการพัฒนาภายใตสังกัดของ Adobe ซึ่ง CS3 นั้นก็ ยอมาจาก Creative Suite3 นั่นเอง นํามาใชในการพัฒนาในสวนของการจัดหนาเว็บไซต ระดับมือ อาชีพ มีความสามารถในการใชสราง ออกแบบ เขียนโคด เว็บเพ็จ บริหารจัดการเว็บไซต และเว็บ แอพพลิเคชัน ไดอยางมีประสิทธิภาพ ชวยลดงาน ลดเวลาในการพัฒนาเว็บเพ็จ โดยสามารถสราง โคด ไดหลายภาษา เชน HTML, PHP, ASP, JSP และสามารถติด ตอกั บฐานขอมู ลไดหลาย ฐานขอมูล เชน MySQL, PostgreSQL, MS Access, MS SQL Server ฯ โดยที่ผูออกแบบเว็บเพ็จ ไมจําเปน ตองมี ค วามความรูดานภาษาและการจัด การฐานขอมูล หรือมีค วามรูเพียงเล็ก นอยก็ สามารถสรางเว็บเพ็จไดอยางรวดเร็ว
28
ภาพที่ 2.8 แสดงหนาจอของโปรแกรม Adobe Dreamweaver CS3 การใชงานภาษาไทยใน Adobe Dreamweaver CS3 การใชงานภาษาไทยในเวอร ชัน นี้ สามารถใชงานภาษาไทยไดเลย เมื่อติดตั้งโปรแกรมเสร็จ โดยไมตองตั้งคาใด ๆ ใหกับโปรแกรม เหมือนกับในเวอรชันกอน ๆ เครื่องมือใหม ๆ ของ Adobe Dreamweaver CS3 สําหรับเครื่องมือใหมที่เพิ่มเขามาใน เวอรชันนี้ที่เห็นไดชัดคือ แถบเครื่องมือ Spry ซึ่งจะชวยใหการสรางฟอรมสะดวกขึ้น แถบเครื่องมือ Spry มีหนาที่ในการตรวจสอบคาของขอมูล
ภาพที่ 2.9 แสดงหนาเครื่องมือ Spry ในโปรแกรม Adobe Dreamweaver CS3 2.11 Adobe Photoshop CS3 2.11.1 ประวัติ Photoshop Photoshop เปน โปรแกรมทางดานกราฟก ที่คิด คนโดยบริษัท Adobe ที่ใ ชกัน ใน อุตสาหกรรมการพิมพระดับโลก เปนที่รูจักกันดีในกลุมนักออกแบบสื่อสิ่งพิมพทั่วไป โปรแกรม Photoshop สามารถแลกเปลี่ยนไฟลตาง ๆ และนําไปใชงานรวมกับโปรแกรมอื่น ๆ ไดอีกอาทิเชน Illustrator , PageMaker , ImageReady , Acrobat ซึ่งโปรแกรมเปลานี้ ก็อยูใ นตระกูล Adobe เชนเดียวกัน
29
ภาพที่ 2.10 แสดงหนาจอในโปรแกรม Adobe Photoshop CS3 2.11.2 ความสามารถของ Photoshop 2.11.2.1 งานดานการสรางภาพกราฟก 2.11.2.2 งานดานการแกไข และการตกแตงภาพถาย 2.11.2.3 การปรับสีภาพใหถูกตอง 2.11.2.4 งานสรางตัวอักษร 2.11.2.5 งานดานสิ่งพิมพ 2.11.2.6 งานดานอินเตอรเน็ต 2.11.3 Photoshop สามารถเซฟเปนไฟลตางๆ ไดดังนี้ 2.11.3.1 Bmp 2.11.3.7 Eps 2.11.3.2 Jpeg 2.11.3.8 Pcx 2.11.3.3 Gif 2.11.3.9 Raw 2.11.3.4 Png 2.11.3.10 Pixar 2.11.3.5 Tiff 2.11.3.11 Scitex CT 2.11.3.6 Pdf 2.11.3.12 Tga 2.11 Adobe Flash CS4 Flash เปน รูปแบบภาพกราฟก ชนิด หนึ่ง ที่มีค วามสามารถมากกวาภาพกราฟก ทั่วๆไป ที่ ไมใชแควาแสดงภาพไดก็พอแลว แต Flash ยังสามารถสงขอมูลไปยัง CGI หรือแมแตทําการ ประมวลผลเล็กๆนอยๆได จึงไมแปลกใจเลยวาทําไม Flash ถึงไดรับความนิยมอยางรวดเร็วในเวลา อันสั้น แตคุณสมบัติของ Flash ไมไดมีแคนี้ Flash ใชกราฟกแบบเว็คเตอร(Vector) ซึ่งจะใช CPU ประมวลผลจากขอมูลในไฟล Flash ใหเปนภาพ ภาพที่ไดจะคมชัด ภาพที่เห็นจะไมแตกเปนริ้วๆ
30 เมื่อซูมภาพเขาไปมากๆ แตมีขอแมวาภาพนั้นจะตองสรางจากเครื่องมือที่มีอยูใน Flash เทานั้น ถา คุณใชวิธี Import ภาพบิตแมพเขามา ผลที่ไดก็จะเหมือนภาพบิตแมพทั่วๆไปคือ ภาพไมชัด ขอดีของ Flash อีกประการก็คือ ขนาดที่ไดจะเล็กกวาภาพบิตแมพทั่วๆไป ทําใหโหลดไดเร็ว ถาคุณเคยทําเว็บไซต คุณคงรูดีวาคุณไมสามารถใชฟอนตประหลาดๆได ถาเครื่องผูใชคนอื่น ไมมีฟอนตตัวนี้ แต Flash แกปญหาตรงนี้เปนที่เรียบรอยแลว คือจะใชวิธีบีบอัดฟอนตรวมเขาไป กับไฟล Flash ,Flash จะบีบอัดฟอนตเทาที่ใชเทานั้น เชน ถาคุณพิมพคําวา end ลงไป Flash ก็จะบีบ อัดฟอนตเฉพาะตัวe, n, d เทานั้น ทําใหคุณสามารถเลือกใชฟอนตประหลาดๆไดมากขึ้น ถึงแมวา เครื่องผูใชจะไมมีฟอนตตัวนี้อยูก็ตาม Flash ก็ยังสามารถแสดงผลไดอยางถูกตอง Flash จะถูก เก็บอยูในไฟลที่มีน ามสกุลเปน .swf การที่จ ะให Flash แสดงผลนั้น คุณ ไม สามารถใชแท็ก img ธรรมดาได คุณจะตองใชแท็ก object แทน คุณสามารถอานรายระเอียดไดที่ บทความ Flash กับ Html ครับ อันที่จริงแลว Flash ไมไดเปนเพียงภาพกราฟกธรรมดา คุณยังสามารถกําหนดการทํางาน ใหกับ Flash ไดโดยงาย หรือที่เรียกอีกอยางนึงวา ใสสคริปให Flash ได นั้น เอง คุณสามารถใช Flash ในงานอื่นได ไมจําเปนวาจะตองนํามาใชในเว็บเทานั้น คุณยังสามารถนํา Flash ไปสรางสื่อ การเรียนการสอนไดงาย โดยการวาดรูปแลวก็ใสสคริปลงไปอีกหนอยเทานั้นเอง แตมีขอเสียตรงที่ Flash ไมสามารถเขียนขอมูลลงบนไฟลได อาจจะทําใหยากตอการเก็บขอมูลบางอยาง ยกเวนคุณจะ นําไปใสรวมกับโปรแกรมที่คุณเขียนขึ้นมา ซึ่งถาใชวิธีนี้ คุณก็จะสามารถเก็บขอมูลไดงาย ขอดีของ Flash ภาพชัด, ขนาดเล็ก, โหลดไดเร็ว, ทํางานแทน CGI ไดในระดับหนึ่ง, ทําภาพเคลื่อนไหวได โดยไมตองพึ่ง Java Script, สรางฟอรมสําหรับกรอกขอมูลได, ขอเสียของ Flash, ผูใชที่มี Browser รุนเกาๆจะไมสามารถดู Flash ได จําเปนตองไปโหลดปลักอินเพิ่มเติมเอาเอง (บางที Browser รุน ใหมที่ไมมีปลั๊กอินก็ดูไมไดเหมือนกัน) 2.13 ตัวอยางการประยุกตใช PHP และ Ajax ใน PHP-Fusion 7.0 2.13.1 การสรางตารางเพิม่ ใน PHP-Fusion 7.0 2.13.1.1 เปนการเพิ่มตารางเขาไปใน Data base ของ PHP-Fusion 7.0 1) เขาไปยัง phpMyAdmin เลือก Data base ของ PHP-Fusion 7.0 ที่ ติดตั้งไว 2) ไปที่ Create new table on database db_alumni เพื่อทําการเพิ่มตาราง เขาไป
31 2.1) กําหนด name ชื่อ tb_test และ Number of fields: 2 2.2) แลวคลิก GO เพิ่มสราง 3) การใสขอมูลลงไปใน fields ดังภาพที่ 2.11
ภาพที่ 2.11 แสดงขั้นตอนการเพิ่มตารางลงใน Data base ของ PHP-Fusion 7.0 2.13.2 การสราง form เพิ่ม ลบ แกไขที่ใช เทคนิค ของ Ajax และ PHP 2.13.2.1 โคตที่ใชสราง test_name.php ( เปนหนาโครงสรางหลังของการแสดงผลในรูปแบบการ ทํางานของ Ajax ) <?php require_once "maincore.php"; require_once THEMES."templates/header.php"; if (iMEMBER){ opentable("ระบบการบันทึกชื่อ"); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
32 <head> <meta http-equiv="Content-Type" content="text/html; charset=tis620" /> <title>Untitled Document</title> <script> function callme() {
var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP") }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4){ document.getElementById("area1").innerHTML=req.responseText; document.myform.name.value=""; show(); }else{ document.getElementById("area1").innerHTML="Please Wait..."; }
33 } var numrandom=Math.random(); var name=document.myform.name.value; var querystr=""; querystr+="addsql.php?pop="+numrandom; querystr+="&name="+name; req.open("GET",querystr,true); req.send(null); } function show() { var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP") }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4
34 document.getElementById("area1").innerHTML=req.responseText; }else{ document.getElementById("area1").innerHTML="Please Wait..."; } } var numrandom=Math.random(); var querystr=""; querystr+="show.php?pop="+numrandom; req.open("GET",querystr,true); req.send(null); } function del(id) { if(confirm('คุณแนใจหรือไมที่ตองการลบขอมูลที่เลือก?')==true) { var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP")
35 }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4){ document.getElementById("area1").innerHTML=req.responseText; document.getElementById("area4").innerHTML=""; document.myform.name.value=""; show(); }else{ document.getElementById("area1").innerHTML="Please Wait..."; } } var numrandom=Math.random(); var querystr=""; querystr+="delsql.php?pop="+numrandom; querystr+="&id="+id; req.open("GET",querystr,true); req.send(null); }
36 } function edit(id) { if(confirm('คุณแนใจหรือไมที่ตองการแกใขขอมูลที่เลือก?')==true) { var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP") }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4){ document.getElementById("area4").innerHTML=req.responseText; }else{ document.getElementById("area4").innerHTML="Please Wait..."; } } var numrandom=Math.random();
37 var querystr=""; querystr+="edit.php?pop="+numrandom; querystr+="&id="+id; req.open("GET",querystr,true); req.send(null); } function del(id) { if(confirm('คุณแนใจหรือไมที่ตองการลบขอมูลที่เลือก?')==true) { var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP") }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4){ document.getElementById("area1").innerHTML=req.responseText;
38 document.getElementById("area4").innerHTML=""; document.myform.name.value=""; show(); }else{ document.getElementById("area1").innerHTML="Please Wait..."; } } var numrandom=Math.random(); var querystr=""; querystr+="show.php?pop="+numrandom; querystr+="&id="+id; req.open("GET",querystr,true); req.send(null); } } }
function up() {
39 var req; if(window.XMLHttpRequest)
{req= new XMLHttpRequest();
}else if(window.ActiveXObject) {req= new ActiveXObject("Microsoft.XMLHTTP") }else{ alert("Browser not support"); return false;} req.onreadystatechange = function() { if(req.readyState==4){ document.getElementById("area4").innerHTML=""; document.myform.name.value=""; show(); }else{ document.getElementById("area1").innerHTML="Please Wait..."; } } var numrandom=Math.random(); var name=document.myup.name.value; var id=document.myup.id.value; var querystr="";
40 querystr+="updatsql.php?pop="+numrandom; querystr+="&id="+id; querystr+="&name="+name; req.open("GET",querystr,true); req.send(null); } </script> </head> <body onload="show()"> <table width="100%" border="1"> <tr> <td width="21%" height="77" valign="top" align="center" bgcolor="#FF9900"><form name="myform" method="post"> name: <input name="name" type="text" id="num1" size="10" maxlength="10" /> <br /> <div align="center"><input type="button" name="button" id="button" value="บันทึก" onclick="callme()"/></div> </form> </td>
41 <td width="46%" valign="top"><div lang="th" id="area1">&nbsp;</div> <div id="area4" lang="th">&nbsp; </div></td> <td width="33%" valign="top" bgcolor="#999999"><div lang="th" id="area2">&nbsp;</div></td> </tr> </table> <br> <hr> </body> </html> <?PHP closetable(); }else{ opentable("ระบบการบันทึกชื่อ"); echo"<center>ทานไมไดเปนสมาชิก นะครับ กรุณาลงชื่อกอนเขาใชระบบบริการ </center>"; closetable(); } require_once THEMES."templates/footer.php"; ?>
42
show.php (เปน ภาษา PHP ที่สรางเพื่อติดตอฐานขอมูล เพื่อนําแสดงผล ใน test_name.php ซึ่งเปนหนาหลักของการแสดงผล ) <? header("Content-Type:text/html; charset=tis620"); $link=mysql_connect("localhost","root","123456"); mysql_query("SET NAMES 'tis620'"); if(!$link) echo"ERROR MYSQL"; else { mysql_select_db("db_alumni",$link); $result=mysql_query("select * from tb_test",$link); echo"<br>"; $num_fields=mysql_num_fields($result); $rows=mysql_num_rows($result); echo"<Table border=1 width=200 align='center'>"; print("<tr>"); print("<td bgcolor='#FFCC33' width='30' align='center'>No</td>"); print("<td bgcolor='#FF6633' align='center'>Name</td>"); print("<td bgcolor='#FF6633' align='center'>แกไข</td>"); print("<td bgcolor='#FF6633' align='center'>ลบ</td>"); print("</tr>"); $i=1; while($row=mysql_fetch_row($result)) { print("<tr>"); print("<td bgcolor='#FFFFCC' align='center'>$i</td>");$i++; print("<td bgcolor='#FFFFCC' align='center'>$row[1]</td>");
43 print("<td bgcolor='#FFFFCC' align='center'><input type='button' value='แกไข' onclick='edit($row[0])'></td>"); print("<td bgcolor='#FFFFCC' align='center'><input type='button' value='ลบ' onclick='del($row[0])'></td>"); print("</tr>"); } echo"</table>"; mysql_close($link); }?> edit.php (เปน ภาษา PHP ที่สรางเพื่อติดตอฐานขอมูล เพื่อทําการแกไขขอมูล ฐานขอมูลแลวนํามาแสดงผลในหนา test_name.php ซึ่งเปนหนาหลักของการแสดงผล ) <? $id=$_GET[id]; $name=$_GET[name]; header("Content-Type:text/html; charset=tis620"); $link=mysql_connect("localhost","root","123456"); mysql_query("SET NAMES 'tis620'"); if(!$link) echo"ERROR MYSQL"; else { mysql_select_db("db_alumni",$link); $result=mysql_query("select * from tb_test WHERE id='$id'",$link); $row=mysql_fetch_row($result); echo"<br>"; echo"<hr>"; echo"<form name='myup'>"; echo"<Table border=1 width=200 align='center'>"; print("<tr>"); print("<td bgcolor='#FFCC33' width='30' align='center'>No</td>"); print("<td bgcolor='#FF6633' align='center'>Name</td>");
44 print("</tr>"); print("<tr>"); print("<td bgcolor='#FFFFCC' align='center'>$row[0]<input type='hidden' name='id' value='$row[0]'></td>"); print("<td bgcolor='#FFFFCC' align='center'><input type='text'name='name' value='$row[1]'></td>"); echo"</table>"; echo"<input type='button' name='button' id='button' value='บันทึก' onclick='up()'/>"; echo"</form>"; mysql_close($link); } ?> updatsql.php ( เปน ภาษา PHP ที่สรางเพื่อติดตอฐานขอมูล เพื่ออัฟเดท ขอมูลในการจัดการขอมูล test_name.php ซึง่ เปนหนาหลักของการแสดงผล ) <? $id=$_GET["id"]; $name=$_GET["name"]; header("Content-Type:text/html; charset=tis620"); $link=mysql_connect("localhost","root","123456"); mysql_query("SET NAMES 'tis620'"); if(!$link) echo"ERROR MYSQL"; else { mysql_select_db("db_alumni",$link); $sql="UPDATE `db_alumni`.`tb_test` SET `name` = '$name' WHERE `tb_test`.`id` =$id"; $result=mysql_query($sql,$link);
45 mysql_close($link); } ?> delsql.php ( เปนภาษา PHP ที่สรางเพื่อติดตอฐานขอมูล เพื่อใชในการลบ ขอมูลในฐานขอมูลแลวมาแสดงผล ใน test_name.php ซึ่งเปนหนาหลักของการแสดงผล ) <? $id=$_GET["id"]; $name=$_GET["name"]; header("Content-Type:text/html; charset=tis620"); $link=mysql_connect("localhost","root","123456"); mysql_query("SET NAMES 'tis620'"); if(!$link) echo"ERROR MYSQL"; else{ mysql_select_db("db_alumni",$link); $sql="UPDATE `db_alumni`.`tb_test` SET `name` = '$name' WHERE `tb_test`.`id` =$id"; $result=mysql_query($sql,$link); mysql_close($link); }?>
46 2.13.2.2 รูปภาพแสดงขั้นตอนการทํางาน
ภาพที่ 2.12 แสดงหนาแรกของ โคต test_name.php
ภาพที่ 2.13 แสดงการเพิ่มขอมูลของเทคนิค ของ Ajax และ PHP
47
ภาพที่ 2.14 แสดงการแกไขขอมูลของเทคนิค ของ Ajax และ PHP
ภาพที่ 2.15 แสดงการลบขอมูลของเทคนิค ของ Ajax และ PHP
48 2.14 ตัวอยางการประยุกตใช Flash รวมกับ XML ติดตอฐานขอมูล My SQL 2.14.1 การสรางฐานขอมูล
ภาพที่ 2.16 แสดงการสรางฐานขอมูล ชื่อ db_xml 2.14.1.1 เขาไปที่ชอง MySQL connection collation เลือกใหเปน tis620_thai_ci 2.14.1.2 แลวสรางฐานขอมูลใหมชื่อ db_xml แลวกดปุมสรางฐานขอมูล
ภาพที่ 2.17 แสดงการสรางตารางชื่อ products จํานวน 2 ฟวส 2.14.1.3 สรางตารางชื่อ products จํานวน 2 ฟวส แลวกดลงมือเพื่อสรางตาราง
ภาพที่ 2.18 แสดงการกําหนดคาตางๆ ในตารางชื่อ products 2.14.1.4 กําหนดรายละเอียดตางๆ ของตารางดังภาพที่ 2.18 แลวเปนอันเสร็จการ สรางฐานขอมูล 2.14.1.5 หลังจากนั้นใหทําการเพิ่มขอมูลลงไปในฐานขอมูลดังนี้
49
ภาพที่ 2.19 แสดงเพิ่มขอมูลในฐานขอมูล
2.14.2 สรางไฟล PHP ชื่อ products_xml.php 2.14.2.1 เปดโปรแกรม notepad.exe ที่มากับระบบปฏิบัตกิ ารวินโดว เพื่อสรางไฟล PHP ชื่อ products_xml.php ซึ่งมีโคต ภาพที่ 2.20 ดังนี้
ภาพที่ 2.20 แสดงโคตไฟล PHP ชื่อ products_xml.php
50 2.14.2.2 เมื่อไดแลวนําไฟลไปทดสอบกับ AppServ ซึง่ จะไดออกมาดังนี้
ภาพที่ 2.21 แสดงผลการทดสอบไฟล PHP ชื่อ products_xml.php 2.14.3 สรางชิ้นงาน Flash เพื่อนําเอา ฐานขอมูลที่ไดมาแสดงผล 2.14.3.1 เปดโปรแกรม Flash ขึ้นมาแลวเลือกใหเปน Action Script 2.0 ดังภาพที่ 2.22
ภาพที่ 2.22 แสดงการเลือกรูปแบบการสรางไฟล Flash เปน Action Script 2.0
51 2.14.3.2 ใหทําการสราง Layer ขึ้นมา 2 Layer ชื่อ list และ action ดังภาพที่ 2.23
ภาพที่ 2.23 แสดงการสราง Layer ชื่อ list และ action 2.14.3.3 เลือกที่ Layer ชื่อ List แลวนําเอา Component ชื่อ List มาวางไวบน Stage แลวกําหนดชื่อ Component ชื่อ List เปน theList ดังภาพที่ 2.24
ภาพที่ 2.24 แสดงการสราง Component ชื่อ List แลวตั้งชื่อเปน theList 2.14.3.4 แลวหลังจากนั้นใหเลือก Layer ชื่อ Action แลวกด F9 เพื่อใส Action Script ลงไปดัง ภาพที่ 2.25 – 2.26 หลังจากนั้นก็ทําการ save
ภาพที่ 2.25 แสดงการสราง Action Script
52 var theXML:XML = new XML(); theXML.ignoreWhite = true; theXML.onLoad = function() { var nodes = this.firstChild.childNodes; for (i=0;i<=nodes.length;i++) { theList.addItem(nodes[i].firstChild.nodeValue,i); } }; theXML.load("http://localhost/test/products_xml.php");
ภาพที่ 2.26 แสดงโคต Action Script ที่ใชแสดงผล
2.14.3.5 ทําการทดสอบโดยการ กด Ctrl + Enter จะไดผลลัพธดังภาพที่ 2.27
ภาพที่ 2.27 แสดงผลลัพธการทดสอบแสดงขอมูล