73
โครงงานวิศวกรรมชลประทาน (02207499) ที6/2553 เรื่อง การพัฒนาเว็บไซต์ด้วยภาษา PHP เรื่องวิศวกรรมชลประทานเบื้องต ้น Development of the Website by PHP Language for Introduction of Irrigation Engineering. โดย นายเทพฤทธิ เลิศสุคนธ์ นางสาวสโรสินี กองสิน เสนอ ภาควิชาวิศวกรรมชลประทาน คณะวิศวกรรมศาสตร์ กําแพงแสน มหาวิทยาลัยเกษตรศาสตร์ วิทยาเขตกําแพงแสน นครปฐม 73140 เพื่อความสมบูรณ์แห ่งปริญญาวิศวกรรมศาสตรบัณฑิต (วิศวกรรมโยธา - ชลประทาน) .. 2553

(02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

โครงงานวศวกรรมชลประทาน (02207499) ท 6/2553

เรอง

การพฒนาเวบไซตดวยภาษา PHP เรองวศวกรรมชลประทานเบองตน Development of the Website by PHP Language for Introduction of Irrigation Engineering.

โดย

นายเทพฤทธ เลศสคนธ นางสาวสโรสน กองสน

เสนอ ภาควชาวศวกรรมชลประทาน

คณะวศวกรรมศาสตร กาแพงแสน มหาวทยาลยเกษตรศาสตร วทยาเขตกาแพงแสน นครปฐม 73140

เพอความสมบรณแหงปรญญาวศวกรรมศาสตรบณฑต (วศวกรรมโยธา - ชลประทาน) พ.ศ. 2553

Page 2: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ใบรบรองโครงงานวศวกรรมชลประทาน ภาควชาวศวกรรมชลประทาน

คณะวศวกรรมศาสตร กาแพงแสน มหาวทยาลยเกษตรศาสตร

เรอง การพฒนาเวบไซตดวยภาษา PHP เรองวศวกรรมชลประทานเบองตน

Development of the Website by PHP Language for Introduction of Irrigation Engineering.

รายนามผจดทาโครงการ นายเทพฤทธ เลศสคนธ นางสาวสโรสน กองสน

พจารณาเหนชอบโดย

ประธานโครงการ …..………………………... (ผศ.ดร.พงศธร โสภาพนธ) .............../............../.............

กรรมการโครงการ ……………………………. (อ. ชพนธ ชมภจนทร)

.............../............../.............. หวหนาภาควชา ……………………………. (รศ. สนต ทองพานก)

.............../............../..............

Page 3: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

บทคดยอ ชอเรอง : การพฒนาเวบไซตดวยภาษา PHP เรองวศวกรรมชลประทานเบองตน โดย : นายเทพฤทธ เลศสคนธ : นางสาวสโรสน กองสน อาจารยทปรกษาโครงการ ..........................................

(ผศ.ดร.พงศธร โสภาพนธ) ............./.............../.............

โครงงานวศวกรรมชลประทานน เปนการพฒนาสอการเรยน การสอนรายวชาเรองวศวกรรมชลประทานเบองตน Website ดงกลาวน เขยนขนโดยใชระบบปฏบตการ Microsoft Windows XP Professional,โปรแกรม Paint, โปรแกรม AppServ,โปรแกรม Adobe Dreamweaver CS3, MySQL ใชในการทาฐานขอมล ภาษาคอมพวเตอร PHP Basic เนองจากมความสะดวก และสามารถนาไปใชงานไดอยางมประสทธภาพ อกทงยงงายตอการตกแตงใหสวยงาม และยงงายตอการพฒนาสอการเรยน การสอนในอนาคต

โครงงานการพฒนาสอการเรยน การสอนวชาวศวกรรมชลประทานเบองตน นเปนจดทาขนในรปแบบ Website ทมวตถประสงคเพอเปนชองทางการศกษาหาความรและทบทวนเนอหาการสอนในวชาวศวกรรมชลประทานเบองตน ซงผทมาสมครเปนสมาชกมาเขาชมใน Website จะไดเขามาศกษาหาขอมล เนอหาของวชาวศวกรรมชลประทานเบองตน ซงสอการเรยน การสอนในลกษณะแบบน เปนรปแบบการเรยน การสอนอกรปแบบหนงจะกอใหเกดประโยชนกบผทเขามาสมครเปนสมาชกและผทหามาใชงาน

ผจดทาจะไดเรยนรโปรแกรมคอมพวเตอรตาง ๆ ในวชาวศวกรรมชลประทานเบองตน ซงการนาความรของโครงงานสามารถนาไปใชในการทางานดานวศวกรรมศาสตรและคอมพวเตอรไดดยง

Page 4: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ABSTRACT Title : Development of the Website by PHP Language for Introduction of Irrigation Engineering. By : Mr. Tepparit Lerdsukon Miss Sarosinee Kongsin Project Advisor ................................................

ASST.PROF.PONGSATORN SOPAPHAN (Ph.D.) ............../.................../..............

The Irrigation Engineering Project is developing as learning and the teaching tools on the Introduction of Irrigation Engineering courses. This website is written by using Microsoft Windows XP Professional, Painting Program, AppServ Program ,Adobe Dreamweaver CS3, MySQL for writing PHP basic computer language because its convenience, can be use effectively, easy to decorate the beautiful, and also easy to develop learning and teaching tools in the future The project of development of learning and teaching tools in the Introduction of Irrigation Engineering course is made in the form “Website” which is intended as a channel of study and as review material taught in basic irrigation engineering. The people who come on as a member to visit the website can study the data on basic content of Department of Irrigation Engineering. As a form of this learning is one from other learning form that can give so many beneficial to those who subscribe to the website. Providers will learn various computer programs in basic irrigation engineering. The knowledge of the project can be used in engineering and computer work better.

Page 5: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

คานยม คณะผจดทาขอขอบพระคณผทใหความชวยเหลอ หรอใหการสนบสนนตาง ๆ จนกระทงโครงการ

วศวกรรมชลประทานเรองการพฒนาเวบไซตดวยภาษา PHP เรองวศวกรรมชลประทานเบองตนน ประสบความสาเรจลลวงไปไดดวยด โดยเฉพาะอยางยง ผศ.ดร.พงศธร โสภาพนธ ประธานกรรมการ รศ. สนต ทองพานก หวหนาภาควชาวศวกรรมชลประทาน และอาจารยชพนธ ชมพจนทร ทไดกรณาใหคาปรกษา ใหคาแนะนาในเรองตาง ๆ อนเปนประโยชนในการดาเนนงานจดทาโครงงานมาโดยตลอด ขอขอบพระคณ ผศ.นมตร เฉดฉนทพพฒน ผศ.ดร.เอกสทธ โฆสตสกลชย อาจารยภาควชาวศวกรรมชลประทาน อาจารยสงสข ปาระแกว อาจารยคณะศลปศาสตรและวทยาศาสตร ทกรณาอนเคราะหขอมลในการจดทาโครงงานวศวกรรมชลประทานครงน ขอขอบคณภาควชาวศวกรรมชลประทาน ทกรณาอนเคราะหขอมล อปกรณ และสถานทในการทาโครงงานนจนเสรจสมบรณ

คณะผจดทาคาดหวงอยางยงวาสอการเรยน การสอนนคงมประโยชนตอผทสนใจทกทาน ไมมากกนอย หากมขอผดพลาดประการใดคณะผจดทาขออภยมา ณ ทนดวย

ทายทสดนประโยชนและคณความดทงหลายอนพงจะไดรบจากโครงงานวศวกรรมชลประทานน คณะผจดทาขอมอบใหแก บดา มารดา ญาตพนอง ผมพระคณทก ๆ ทาน ตลอดจนคณคร อาจารย ทประสทธประสาทวชาความรตาง ๆ แกคณะผจดทา จนสาเรจการศกษา และเพอน ๆ ทกคนทชวยเหลอในการหาขอมล เปนกาลงใจในการจดทาโครงงานครงน

ขอกราบขอบพระคณทกทานเปนอยางสง

นายเทพฤทธ เลศสคนธ นางสาวสโรสน กองสน

เมษายน 2554

Page 6: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

สารบญ หนา

บทคดยอ I ABSTRACT II คานยม IIIสารบญ IV สารบญรป VIสารบญตาราง VIII บทท 1 บทนา 1

1.1 ความเปนมาและความสาคญของเรอง 1

1.2 วตถประสงค 1

1.3 ขอบเขตการศกษา 2

บทท 2 ตรวจเอกสาร 3 2.1 ภาษาคอมพวเตอร PHP 3

2.2 โปรแกรม Dreamweaver CS3 5

บทท 3 อปกรณและวธการ 7 3.1 อปกรณ 7

3.2 วธการ 7

สารบญ (ตอ)

หนา บทท 4 การใชงานโปรแกรม 8

4.1 ผลทไดจากการเขยนโปรแกรม 8

4.2 การเขาส Website และการใชงานคอมพวเตอร 9

บทท 5 สรปและขอเสนอแนะ 14

Page 7: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

5.1 สรป 14

5.2 ขอเสนอแนะ 15

เอกสารอางอง 16 ภาคผนวก

ก. การตดตงโปรแกรม Adobe Dreamweaver CS3 18 ข. การตดตงโปรแกรม AppServ 2.5.8 23 ค. รปแบบคาสงเบองตนของภาษา PHP 30 ง. การเขยนโปรแกรมดวยภาษา PHP เพอตดตอกบฐานขอมล MySQL 57 จ. การสรางฐานขอมลกน ดวย phpMyAdmin 59

Page 8: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

สารบญรป รปภาพ หนา ภาพท 2.1 ทดสอบการใชงานภาษาไทยในโปรแกรม Adobe Dreamweaver CS3 5

ภาพท 2.2 การใชงานภาษาไทยในโปรแกรม Adobe Dreamweaver CS3 6 ภาพท 2.3 การกาหนดเพอใชภาษาไทยใน Adobe Dreamweaver CS3 6 ภาพท 4.1 แสดงหนา Website ซงบอกรายละเอยดของหวขอรายวชาวศวกรรมชลประทาน 9เบองตน ภาพท 4.2 แสดงหนา Website ซงบอกเนอหาบทท 3 ปรมาณการใชน าของพช 10ภาพท 4.3 แสดงหนา Website ของระบบสมาชก (Login) 11ภาพท 4.4 แสดงหนา Website ของตารางกรอกรายละเอยดในการสมครสมาชก 11ภาพท 4.5 แสดงหนา Website ของการลมรหสผาน 12ภาพท 4.6 แสดงหนา Website ของขอมลในสวนทตองทาการสมครสมาชกกอน 12ภาพท 4.7 แสดงหนา Website ของสวนทเชอมตวไปส Website ของหนวยราชการท 13 เกยวของกบวศวกรรมชลประทาน

ภาคผนวก ภาพท ก.1 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 1 18

ภาพท ก.2 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 2 18 ภาพท ก.3 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 3 19 ภาพท ก.4 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 4 20 ภาพท ก.5 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 5 21 ภาพท ก.6 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 6 22 ภาพท ข.1 แสดงการตดตง AppServ 2.5.8 ขนท 2 23 ภาพท ข.2 แสดงการตดตง AppServ 2.5.8 ขนท 3 24 ภาพท ข.3 แสดงการตดตง AppServ 2.5.8 ขนท 4 25 ภาพท ข.4 แสดงการตดตง AppServ 2.5.8 ขนท 5 26 ภาพท ข.5 แสดงการตดตง AppServ 2.5.8 ขนท 6 27

สารบญรป (ตอ) รปภาพ หนา ภาพท ข.6 แสดงการตดตง AppServ 2.5.8 ขนท 7 28

ภาพท ข.7 แสดงการตดตง AppServ 2.5.8 ขนท 8 29 ภาพท ค.1 ตวอยางฟอรมการสมครสมาชก 40 ภาพท ค.2 ตวอยางการทา Login 44

Page 9: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ค.3 ลม Password 53ภาพท จ.1 การสรางฐานขอมล 59ภาพท จ.2 การสรางตารางในฐานขอมล 59ภาพท จ.3 รายละเอยดของแตละฟลดของตาราง user 60ภาพท จ.4 ตาราง user ทสรางเสรจแลว 61ภาพท จ.5 การแทรกขอมล 62ภาพท จ.6 ขอมลไดถกแทรกลงตารางเรยบรอย 62

Page 10: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

สารบญตาราง ตาราง หนา ภาคผนวก ตารางท ค.1 รปแบบตวอกษรในฟงกชน date 35

Page 11: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

บทท 1 บทนา วตถประสงค ขอบเขตการศกษา

1.1 ความเปนมาและความสาคญของเรอง

ในหลกสตรวศวกรรมชลประทาน มวชาพนฐานในการเรยนคอ วชาหลกชลประทานเบองตน ซงในรายวชานมเนอหาเกยวกบ นาในดน การซมของนาผานผวดน พชและการใชน าของพช ความตองการของนาชลประทาน เปนตน จะพบวาเนอหารายวชานไดเปนพนฐานในการเรยนวชาอน ๆ อกตอไป อาท วชาการออกแบบระบบชลประทานในไรนา (Design of Farm Irrigation System) วชาอทกวทยาทางวศวกรรม (Engineering Hydrology) วชาการออกแบบระบบทอและระบบชลประทานภายใตแรงดน(Design of Pipe and Pressurized Irrigation Engineering) วชาการจดการโครงการแหลงนา (Management of Water Resources Project) วชาการออกแบบคลองและอาคารสงนา (Design of Canal and Conveyance Structures) วชาวศวกรรมชลศาสตร (Hydraulic Engineering) เปนตน ในปจจบนเทคโนโลยเกยวกบคอมพวเตอร ไดเขามาเปนสวนหนงในการศกษา กลมของขาพเจาจงไดมการเรยนรการจดทา Website ดวยภาษาคอมพวเตอร PHP เพอนาขอมลมานาเสนอ ในรปแบบ Website ซงจะสามารถทาใหนสต นกศกษา และผทสนใจเกยวกบขอมลในรายวชานเขามาสบคนไดรวดเรวยงขน ทงนหากมขอมลใหมๆ มาเพมเตม เรากสามารถจะแกไขขอมลใน Website ไดอยางงายดายมากกวาขอมลรปแบบเดมทอยในหนงสอ 1.2 วตถประสงค

1. เพอนาเสนอขอมลทางดานวศวกรรมชลประทานในวชาเรองวศวกรรมชลประทานเบองตน ผานทาง Website โดยใชภาษาคอมพวเตอร PHP ในการจดทา

2. เพอนาเสนอองคความรดานวศวกรรมชลประทานในเรองวศวกรรมชลประทานเบองตน เพอเปนประโยชนแกนสต นกศกษา และผทมความสนใจในการศกษาหาความร

Page 12: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

1.3 ขอบเขตการศกษา

ทาการศกษาวธการเขยน Website ดวยภาษาคอมพวเตอร PHP เพอใชในงานวชาการ งานตาราวศวกรรมชลประทานเบองตน โดยครอบคลมเนอหารายวชาวศวกรรมชลประทานเบองตน ซงไดแก

1) บทท 1 บทนา 2) บทท 2 ความสมพนธระหวางดน-นา-พช 3) บทท 3 พชและการใชน าของพช 4) บทท 4 ความตองการนาชลประทาน 5) บทท 5 การกาหนดการใหน า 6) บทท 6 วธการใหน าชลประทาน 7) บทท 7 วธการสงนาและการระบายนาในระบบชลประทาน 8) คาศพททเกยวกบวศวกรรมชลประทาน 9) การบาน แบบฝกหด ตวอยางขอสอบกลางภาค ตวอยางขอสอบปลายภาค ในรายวชาวศวกรรมชลประทานเบองตน

Page 13: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

บทท 2 ตรวจเอกสาร

2.1 ภาษาคอมพวเตอร PHP

2.1.1 ความหมายของภาษาคอมพวเตอร PHP ภาษา PHP คอ ภาษาคอมพวเตอรในลกษณะเซรฟเวอร-ไซด สครปต โดยลขสทธอยในลกษณะ

โอเพนซอรส ภาษา PHP ใชสาหรบจดทา Website และแสดงผลออกมาในรปแบบ HTML โดยมรากฐานโครงสรางคาสงมาจากภาษา C ภาษา JAVA และ ภาษา PERL ซงภาษา PHP นนงายตอการเรยนร และนนเปาหมายหลกของภาษาน คอทาใหนกพฒนาเวบไซตสามารถเขยน Website ทมความตอบโตไดอยางรวดเรว ภาษา PHP ในชอภาษาองกฤษวา PHP ซงใชเปนคายอแบบกลาวซา จากคาวา PHP Hypertext Preprocessor หรอชอเดม Personal Home Page

2.1.2 คณสมบต ภาษา PHP

การแสดงผลของภาษา PHP จะปรากฏในลกษณะ HTML ซงจะไมแสดงคาสงทผใชเขยน ซงเปนลกษณะเดนทภาษา PHP แตกตางจากภาษาในลกษณะไคลเอนต-ไซด สครปต เชน ภาษา JAVA สครปต ทผชมเวบไซตสามารถอาน ดและคดลอกคาสงไปใชเองได นอกจากนภาษา PHP ยงเปนภาษาทเรยนรและเรมตนไดไมยาก โดยมเครองมอชวยเหลอและคมอทสามารถหาอานไดฟรบนอนเทอรเนต ความสามารถการประมวลผลหลกของภาษา PHP ไดแก การสรางเนอหาอตโนมตจดการคาสง การอานขอมลจากผใชและประมวลผล การอานขอมลจาก Database ความสามารถจดการกบคกก ซงทางานเชนเดยวกบโปรแกรมในลกษณะCGI คณสมบตอน ๆ เชน การประมวลผลตามบรรทดคาสง (Command Line Scripting) ทาใหผเขยนโปรแกรมสรางสครปตภาษา PHP ทางานผานภาษา PHP พารเซอร (PHP Parser) โดยไมตองผานเซรฟเวอรหรอเบราวเซอร ซงมลกษณะเหมอนกบ Cron (ใน ยนกซหรอลนกซ) หรอ Task Scheduler (ในวนโดวส) สครปตเหลานสามารถนาไปใชในแบบ Simple Text Processing Tasks ได

การแสดงผลของภาษา PHP ถงแมวาจดประสงคหลกใชในการแสดงผล HTML แตยงสามารถสราง XHTML หรอ XML ได นอกจากนสามารถทางานรวมกบคาสงเสรมตาง ๆ ซงสามารถแสดงผลขอมลหลก PDF แฟลช (โดยใช Libswf และ Ming) ภาษา PHP มความสามารถอยางมากในการทางานเปนประมวลผลขอความ จาก POSIX Extended หรอ รปแบบ Perl ทวไป เพอแปลงเปนเอกสาร XML ในการแปลงและเขาส

Page 14: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

เอกสาร XML เรารองรบมาตรฐาน SAX และ DOM สามารถใชรปแบบ XSLT เพอแปลงเอกสาร XML

เมอใชภาษา PHP ในการทาอคอมเมรซ สามารถทางานรวมกบโปรแกรมอน เชน Cybercash Payment, CyberMUT, VeriSign Payflow Pro และ CCVS Functions เพอใชในการสรางโปรแกรมทาธรกรรมทางการเงน

2.1.3 การรองรบ PHP

คาสงของภาษา PHP สามารถสรางผานทางโปรแกรมแกไขขอความทวไป เชน Notepad หรอ vi ซงทาใหการทางานของภาษา PHP สามารถทางานไดในระบบปฏบตการหลกเกอบทงหมด โดยเมอเขยนคาสงแลวนามาประมวลผล Apache, Microsoft Internet Information Services (IIS) , Personal Web Server, Netscape และ iPlanet Servers, Oreilly Website Pro Server, Caudium, Xitami, OmniHTTPd, และอนๆ อกมากมาย. สาหรบสวนหลกของ PHP ยงม Module ในการรองรบ CGI มาตรฐาน ซง PHP สามารถทางานเปนตวประมวลผล CGI ดวย และดวย PHP, คณมอสรภาพในการเลอก ระบบปฏบตการ และ เวบเซรฟเวอร นอกจากนคณยงสามารถใชสรางโปรแกรมโครงสราง สรางโปรแกรมเชงวตถ (OOP) หรอสรางโปรแกรมทรวมทงสองอยางเขาดวยกน แมวาความสามารถของคาสง OOP มาตรฐานในเวอรชนนยงไมสมบรณ แตตวไลบรารทงหลายของโปรแกรม และตวโปรแกรมประยกต (รวมถง PEAR Library) ไดถกเขยนขนโดยใชรปแบบการเขยนแบบ OOP เทานน

ภาษา PHP สามารถทางานรวมกบฐานขอมลไดหลายชนด ซงฐานขอมลสวนหนงทรองรบไดแก ออราเคล dBase PostgreSQL IBM DB2 MySQL Informix ODBC โครงสรางของฐานขอมลแบบ DBX ซงทาให PHP ใชกบฐานขอมลอะไรกไดทรองรบรปแบบน และ PHP ยงรองรบ ODBC (Open Database Connection) ซงเปนมาตรฐานการเชอมตอฐานขอมลทใชกนแพรหลายอกดวย คณสามารถเชอมตอกบฐานขอมลตาง ๆ ทรองรบมาตรฐานโลกนได

ภาษา PHP ยงสามารถรองรบการสอสารกบการบรการในโพรโทคอลตาง ๆ เชน LDAP IMAP SNMP NNTP POP3 HTTP COM (บนวนโดวส) และอนๆ อกมากมาย คณสามารถเปด Socket บนเครอขายโดยตรง และ ตอบโตโดยใช โพรโทคอลใด ๆ กได PHP มการรองรบสาหรบการแลกเปลยนขอมลแบบ WDDX Complex กบ Web Programming อน ๆ ทวไปได พดถงในสวน Interconnection, ภาษา PHP มการรองรบสาหรบ Java Objects ใหเปลยนมนเปน PHP Object แลวใชงาน คณยงสามารถใชรปแบบ CORBA เพอเขาส Remote Object ไดเชนกน

Page 15: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

2.2 โปรแกรม Dreamweaver CS3

2.2.1 โปรแกรม Dreamweaver CS3 คอ โปรแกรมสรางเวบทเหมาะกบผใชมอใหม จนถงผใชทมประสบการณการทาเวบสง ดวยฟงคชนทครบครน ครอบคลมทกรปแบบการทาเวบ จงทาให Dreamweaver เหมาะสาหรบการสรางเวบแทบทกประเภท

โปรแกรม Adobe Dreamweaver CS3 Versionน ไดรบการพฒนาภายใตสงกดของ Adobe ซง CS3 นนกยอมาจาก Creative Suite3 นนเอง โดยจะเหนไดชดวาไอคอนของโปรแกรมไดเปลยนรปแบบไปเปนรปแบบของ Adobe 2.2.2 การใชงานภาษาไทยในโปรแกรม Adobe Dreamweaver CS3 การใชงานภาษาไทยในVersionน สามารถใชงานภาษาไทยไดเลย เมอตดตงโปรแกรมเสรจ โดยไมตองตงคาใด ๆ ใหกบโปรแกรมเหมอนกบในVersionกอน ๆ

เครองมอใหม ๆ ของโปรแกรม Adobe Dreamweaver CS3 สาหรบเครองมอใหมทเพมเขามาในVersionนทเหนไดชดคอ แถบเครองมอ Spry ซงจะชวยใหการสรางฟอรมสะดวกขน แถบเครองมอ Spry มหนาทในการตรวจสอบคาของขอมล

ภาพท 2.1 ทดสอบการใชงานภาษาไทยในโปรแกรม Adobe Dreamweaver CS3

จากรปขางตน เปดโปรแกรมขนมาแลวกลองใสภาษาไทยเขาไปเลย แลวกลองดทงในสวนของ Design View และ Code View กปรากฏวา ใชงานไดกบภาษาไทยในทง 2 มมมองเลย ทงนเนองจากใน CS3

Page 16: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

โปรแกรมไดทาการกาหนดคา Default ของ Encoding ของโปรแกรมเปน UTF-8 ซง Encoding แบบ UTF-8 จะรองรบภาษาทกภาษาทวโลกอยแลว แตกตางจากVersionเดมทคา Defalut ของ Encoding ของโปรแกรมจะเปน Western European หรอ iso-8859-1

ภาพท 2.2 การใชงานภาษาไทยในโปรแกรม Adobe Dreamweaver CS3 สาหรบ Version CS3 น ผใชงานอาจจะไมจาเปนตองกาหนดคาใด ๆ เพมเตมเพอใชงานภาษาไทยเลยกวาได หรอถาหากตองการกาหนด Encoding เปนภาษาไทยกทาไดเชนเดยวกน ตามภาพท 2.3

ภาพท 2.3 การกาหนดเพอใชภาษาไทยในโปรแกรม Adobe Dreamweaver CS3

Page 17: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

บทท 3

อปกรณและวธการ 3.1 อปกรณ

3.1.1 เครอง Computer 1 เครอง - Pentium® Dual – Core CPU T4300 @ 2.10 GHz 1.19 GB of RAM

3.1.2 เครอง Scanner 1 เครอง - เครอง Scanner ทมความละเอยดในการ Scanner 1200 x 1200 จดตอตารางนว

3.1.3 ระบบปฏบตการ Microsoft Windows XP® Professional 3.1.ก โปรแกรม Paint (เปนโปรแกรมทมอยในโปรแกรม Microsoft Windows) 3.1.5 โปรแกรม AppServ 3.1.6 โปรแกรม Adobe Dreamweaver CS3

- ภาษาคอมพวเตอร PHP - MySQL

3.1.7 Handy Drive

3.2 วธการ

3.2.1 ทาการรวบรวมขอมลในวชา เรองวศวกรรมชลประทานเบองตน เพอใชเปนขอมลทจะใชนาเสนอผานทางอนเตอรเนต ในรปของการเขยน Website

3.2.2 ศกษาการใชโปรแกรมตางๆ ทเกยวของกบการเขยน Website ซงมโปรแกรมดงน โปรแกรม Microsoft Windows XP Professional, Paint, Adobe Dreamweaver CS3, AppServ , MySQL ทใชในการทาฐานขอมล ภาษาคอมพวเตอร PHP

3.2.3 ทาการออกแบบหนาของ Website ในแตละสวน 3.2.4 ทาการเขยน Website แตละหนาตามทออกแบบไว

3.2.4.1 ทาระบบ Login และฐานขอมลของผทจะเขามาใชงานและเยยมชม Website 3.2.4.2 ทาการเขยน Website ในแตละหนาตามเนอหาและขอมลทไดทาการรวบรวมไวอยางเปนระบบ

3.2.5 ตรวจสอบความถกตองของ Website แตละสวนใหถกตองและสามารถใชงานไดตามททาการ

Page 18: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ออกแบบไวเปนครงสดทาย 3.2.6 สรปและวเคราะหผลการศกษา

บทท 4 ผลการศกษา

4.1 ผลทไดจากการเขยนโปรแกรม

จากเนอหาวชา วศวกรรมชลประทานเบองตน ทผจดทาไดนามาสรางสอการเรยน การสอน โดยทสามารถสรางสอการเรยน การสอนไดตามเนอหาครอบคลมทงเนอหารายวชา ดงน บทท 1 บทนา บทท 2 ความสมพนธระหวางดน-นา-พช บทท 3 พชและการใชน าของพช บทท 4 ความตองการนาชลประทานบทท 5 การกาหนดการใหน า บทท 6 วธการใหน าชลประทาน บทท 7 วธการสงนาและการระบายนาในระบบชลประทาน คาศพททเกยวของกบวศวกรรมชลประทาน และการบาน แบบฝกหด ตวอยางขอสอบกลางภาค ตวอยางขอสอบปลายภาคในรายวชาวศวกรรมชลประทานเบองตน ทงนในการศกษาคนควาเนอหาในรายวชาวศวกรรมชลประทานเบองตน นน นสตจาเปนตองสบคนตาราในหองสมด ทงยงตองศกษาเนอหาในตาราหลาย ๆ เลม จงจะทาใหไดเนอหาทครอบคลมทงรายวชา ดงนน คณะผจดทาจงไดทาสอการเรยน การสอน วชาวศวกรรมชลประทานเบองตนในรปแบบการนาเสนอผาน Website โดยรวบรวมเนอหาทงหมดของรายวชาน โดยการสรางสอการเรยน การสอนชดน จดทาขนเพอแกไขปญหาและอปสรรคในการเรยนของนสต โดยมจดมงหมายใหผทสนใจ นสต นกศกษาทสนใจเรยนในรายวชาน สามารถเขามาศกษาเนอหารายวชาไดอยางรวดเรวและสะดวกมากยงขน

จากทผจดทาไดศกษาการจดทา Website ดวยภาษา PHP ผจดทาไดทาการจดทาระบบสมาชกและระบบฐานขอมล ซงจะตองใชองคประกอบของภาษา PHP เพอจดทาระบบน ซงองคประกอบของภาษา PHP ไดแก ภาษา PHP,โปรแกรม Dreamweaver CS3,โปรแกรม AppServ 2.5.8 และระบบฐานขอมล MySQL Database,phpMyAmin เปนตน ซงผจดทาไดนาขอมลทใชในการเรยน การสอน ของรายวชาวศวกรรมชลประทานเบองตน ซงเปนรายวชาของภาควชาวศวกรรมชลประทาน คณะวศวกรรมศาสตร กาแพงแสน มหาวทยาลยเกษตรศาสตร วทยาเขตกาแพงแสน โดยนาเสนอผาน Website จงจาเปนจะตองมการจดทาระบบสมาชก เพอใหผทสนใจในขอมลสวนนจาเปนจะตองสมครสมาชกกอนถงจะเขาสระบบได เพราะคณะผจดทาจะสามารถตรวจสอบไดวามใครบางเปนสมาชกของ Website น จากฐานขอมลทไดจดทาขนไวเรยบรอยแลว โดยฐานขอมลจะปรากฏขอมลของสมาชก เชน ชอ นามสกล เพศ อาย เพศ อาย อเมล บญชผใช รหสผาน ยนยนรหสผาน งานอดเรก เปนตน

Page 19: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

4.2 การเขาส Website และการใชงานคอมพวเตอร 4.2.1 Website ของผจดทาจะปรากฏอยใน Website ของคณะวศวกรรมศาสตร กาแพงแสน มหาวทยาลยเกษตรศาสตร วทยาเขตกาแพงแสน http://eng.kps.ku.ac.th/ 4.2.2 การเขาใชงาน Website จะตองเขาไปท http://eng.kps.ku.ac.th/irre/pro11.php/ จะปรากฏหนาหลกของ Website ดงภาพท 4.1

ภาพท 4.1 แสดงหนา Website ซงบอกรายละเอยดของหวขอรายวชาวศวกรรมชลประทานเบองตน

หวขอทเปนเนอหารายวชาวศวกรรมชลประทานเบองตนทปรากฏบน Website ไดแก

1) บทท 1 บทนา 2) บทท 2 ความสมพนธระหวางดน-นา-พช 3) บทท 3 พชและการใชน าของพช 4) บทท 4 ความตองการนาชลประทาน 5) บทท 5 การกาหนดการใหนา 6) บทท 6 วธการใหน าชลประทาน 7) บทท 7 วธการสงนาและการระบายนาในระบบชลประทาน

Page 20: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

8) คาศพททเกยวกบวศวกรรมชลประทาน

9) การบาน แบบฝกหด ตวอยางขอสอบกลางภาค ตวอยางขอสอบปลายภาค ในรายวชาวศวกรรม

ชลประทานเบองตน

ภาพท 4.2 ตวอยางแสดงหนา Website ซงบอกเนอหาบทท 3 ปรมาณการใชน าของพช โดยสวนอน ๆ จะประกอบดวย ปฏทนแสดง วน เวลา และแสดงจานวนผคนทเขามาเยยมชม

Website และยงมสวนทเปนระบบสมาชก สวนทเชอมตวไปส Website ของหนวยราชการทเกยวของกบวศวกรรมชลประทาน

4.2.3 ระบบสมาชก จะเปนระบบทจะตองทาการสมครสมาชกกอนถงจะเขาสระบบได โดยขอมล

จะถกเกบไวในฐานขอมล (Database) และในการกรอกขอมลสงทสาคญทจะตองทาการกรอกขอมล คอ ชอ นามสกล บญชผใช รหสผาน และอเมล โดยคณะผจดทาไดทาเครองหมายบงบอกใหผสมครสมาชกรบทราบไวแลว

เมอสมาชกทานใดลมรหสผาน คณะผจดทาไดทาระบบจดสงรหสผานของสมาชกในรปแบบการ

สงจดหมาย Online ตอบกลบไปยงอเมลของสมาชกทไดทาการสมครสมาชกไวและไดทาการจดเกบขอมลไวในฐานขอมล (Database)

Page 21: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท 4.3 แสดงหนา Website ของระบบสมาชก (Login)

ภาพท 4.4 แสดงหนา Website ของตารางกรอกรายละเอยดในการสมครสมาชก

Page 22: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท 4.5 แสดงหนา Website ของการลมรหสผาน

โดยขอมลทปรากฏเมอผานระบบสมาชก (Login) มาแลว จะเปนขอมลทใชในการเรยน การสอน

ของวชาวศวกรรมชลประทานเบองตน เชน การบาน แบบฝกหด และตวอยางแนวขอสอบ เปนตน

ภาพท 4.6 แสดงหนา Website ของขอมลในสวนทตองทาการสมครสมาชกกอน

Page 23: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

4.2.4 สวนทเชอมตวไปส Website ของหนวยราชการทเกยวของกบวศวกรรมชลประทาน เชน Website ของกรมชลประทาน Website ของกรมทรพยากรนา Website ของกรมอตนยมวทยา Website ของกระทรวงเกษตรและสหกรณ Website ของมหาวทยาลยเกษตรศาสตร วทยาเขตกาแพงแสน และWebsite ของภาควชาวศวกรรมชลประทาน เปนตน

ภาพท 4.7 แสดงหนา Website ของสวนทเชอมตวไปส Website ของหนวยราชการทเกยวของกบวศวกรรม

ชลประทาน

Page 24: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

บทท 5 สรปและขอเสนอแนะ

5.1 สรป

จากผลการจดทาสอการเรยน การสอน โดยการนาเสนอผาน Website นน แสดงใหเหน เนอหา

และรายละเอยดของรายวชาวศวกรรมชลประทานเบองตนนน มรายละเอยดของเนอหารายวชาทหลากหลาย อกทงยงมสวนของเนอหาทเกยวของกบรายวชาอน ๆ อกหลายรายวชา ซงจะสามารถทาใหนสต นกศกษา และผทมความสนใจ สามารถเขามาศกษา คนควา และสบคนหาขอมลเพอเปนความรหรอนาไปใชในดานการเรยน การสอน สาหรบนสตนกศกษา ในรายวชาวศวกรรมชลประทานเบองตน รวมทงสามารถเขามาศกษาในสวนของเนอหาทเกยวของกบรายวชาอน ๆ นาไปใชในการเรยน การสอน หรอเพอประโยชนอน ๆ ตอไป ซงการนาเสนอผานเวบไซต ทาใหงายตอการเขาถงขอมลของผทมความสนใจ เพมความสะดวกและรวดเรว ในการศกษาคนควาไดอกทางหนง

โดยเนอหาทปรากฏใน Website จะถกแบงเปนเนอหาเปน 2 สวน คอ 1) เนอหาสวนทเปดใหบคคล

ใด ๆ กตามทตองการอยากทราบขอมลหรอเนอหารายวชาวศวกรรมชลประทานเบองตนนน เขามาสบคนขอมลไดเลย 2) เนอหาสวนทใชในการเรยน การสอน ในรายวชาวศวกรรมชลประทานเบองตน โดยทผจะเขาสบคนขอมลไดจะตองทาการสมครสมาชกกอน ซงผจดทาไดเรยบเรยงขอมลและเนอหาจากหนงสอ ตาราหลาย ๆ เลม เพอใหผทสนใจไดขอมลทครอบคลมและครบถวน

ในการแสดงผลขอมลบนอนเตอรเนต กลมของขาพเจาไดทาการศกษาโปรแกรมตางๆ และภาษาคอมพวเตอรทใชในการเขยนโปรแกรม เพอใชในการจดทาเวบไซด โดยไดขอสรปทวาเลอกใชภาษา PHP และ MySQL และในการจดทาสอการเรยน การสอน ครงนผจดทาไดจดทาระบบสมาชกทจะตองใชองคประกอบทงหมดของภาษา PHP สวนขอดทผจดทาเลอกใชภาษา PHP เพราะเปนภาษาคอมพวเตอรทมความทนสมยในยคปจจบนมากกวาภาษาคอมพวเตอรตวอน ๆ สวน MySQL เปนซอฟตแวรททางานบน Server ทาให Server สามารถใหบรการเกยวกบฐานขอมลได ใชในการทาระบบ Login ภายในฐานขอมลจะแสดงรายชอของผทสมครสมาชกเพอเขาเยยมชม Website

Page 25: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

5.2 ขอเสนอแนะ

อาจจะกลาวไดวาในปจจบนนนคอมพวเตอรไดมการใชงานกนอยางแพรหลายและกวางขวาง จงมผพฒนาโปรแกรมออกมาเรอย ๆ เพออานวยความสะดวกใหกบผใชงานคอมพวเตอร ซงในการเรยนการสอนในปจจบน ควรมสอการเรยน การสอน ทอยในอนเตอรเนต เพอเพมชองทางใหกบ นสต นกศกษา ใหมขอมลในการศกษาหาความรรายวชาทสนใจ จากการทาสอการเรยน การสอนทไดนน สามารถเสนอขอเสนอแนะในการทางานได ดงน

1.ในการสรางสอการเรยน การสอนทไดนน ควรมการรวบรวมขอมลในสวนตาง ๆ ไวใหพรอม

และครบถวน เพอความสะดวกในการจดทาสอการเรยน การสอนลงใน Website และความถกตองของเนอหา

2. อาจจะมแนวทางพฒนาสอการเรยน การสอนใหมประสทธภาพมากยงขน อาท เชน การนาเนอหาของรายวชาอน ๆ มาจดทาสอการเรยนการสอน เพอใหไดเนอหาและขอมลในเรองตาง ๆ สมบรณมากยงขน หรออาจเปลยนแปลงรปภาพในสอการเรยน การสอนใหเปนรปภาพ 3 มต หรอรปภาพกราฟก เพอใหผทเขามาศกษาหาขอมล สามารถเขาใจไดมากยงขน และยงเพมความสวยงาม ความหลากหลายใหสอการเรยน การสอนดนาสนใจมากยงขน

Page 26: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

เอกสารอางอง

กฤษ เกษมโอสถ. 2545 Macromedia Dreamweaver มารอานาส กราฟค. กรงเทพฯ. 116 น.

อดศกด จนทรมน. 2548 สราง Web Application อยางมออาชพ.บรษท เอช.เอน. กรป จากด,กรงเทพฯ.

223 น.

ประเสรฐศกด ออรณ. 2553 Web Application Development with PHP, Ajax and MySQL. คณะศลปะ

ศาสตรและวทยาศาสตร มหาวทยาลยเกษตรศาสตร, นครปฐม. 98 น.

วบลย บญยธโรกล. 2526. หลกการชลประทาน. สนพ.มหาวทยาลยเกษตรศาสตร, กรงเทพฯ. 394 น.

กรมชลประทาน. 2534. อภธานศพทเทคนคดานชลประทานและรายนา. กรมชลประทาน, กรงเทพฯ. 140 น.

คณะกรรมการจดทาพจนานกรมปฐพวทยา. 2551. พจนานกรมปฐพวทยา. สนพ.มหาวทยาลยเกษตรศาสตร,

กรงเทพฯ. 206 น.

คณาจารยภาควชาวศวกรรมชลประทาน. 2546. การวางแผนและการออกแบบระบบสงนาชลประทาน.

สนพ.มหาวทยาลยเกษตรศาสตร, กรงเทพฯ. 250 น.

คณาจารยภาควชาปฐพวยา. 2541. ปฐพเบองตน. สนพ.มหาวทยาลยเกษตรศาสตร, กรงเทพฯ.

วราวธ วฒวนชย. 2545. การออกแบบชลประทานในไรนา. สนพ.มหาวทยาลยเกษตรศาสตร, กรงเทพฯ.

394 น.

เอกสทธ โฆสตสกลชย. 2552. การใชน าของพช: ทฤษฎและการประยกต. ภาควชาวศวกรรมชลประทาน

คณะวศวกรรมศาสตร กาแพงแสน มหาวทยาลยเกษตรศาสตร, นครปฐม

http://www.php.net/

http://www.mysql.com/

http://localhost/phpMyadmin/

Page 27: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาคผนวก

ก. การตดตงโปรแกรม Adobe Dreamweaver CS3

ก.1 ตดตง Adobe Dreamweaver CS3 จากแผน CD โดยการ Click ไปท Adobe Dreamweaver CS3 และDouble Click =>Adobe Dreamweaver CS3 =>Adobe Dreamweaver CS3 ตามภาพท ก.1

Page 28: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ก.1 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 1

ก.2 โปรแกรมจะแสดงหนาตางภาพท ก.2 ขนมา รอจนกวาโปรแกรมจะ Run เสรจ

ภาพท ก.2 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 2

ก.3 โปรแกรมจะปรากฏหนาจอดงภาพท ก.3 ขนมา ให Click=> Install or Reinstall => Next

Page 29: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ก.3 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 3

ก.4 เลอก Install

Page 30: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ก.4 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 4

ก.5 รอใหโปรแกรม Run ใหเสรจ

Page 31: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ก.5 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 5

ก.6 เลอก Finish การตดตงเสรจสมบรณ

Page 32: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ก.6 แสดงการตดตง Adobe Dreamweaver CS3 ขนท 6

ข. การตดตงโปรแกรม AppServ 2.5.8

Page 33: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.1 ตดตงโปรแกรม AppServ 2.5.8 จากแผน CD โดยการ Double Click appserv-win32-2.5.8.exe ข.2 จะปรากฏหนาจอดงภาพท ก.7 แลว Click =>Next

ภาพท ข.1 แสดงการตดตง AppServ 2.5.8 ขนท 2

ข.3 Click =>I Agree

Page 34: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท ข.2 แสดงการตดตง AppServ 2.5.8 ขนท 3

Page 35: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.4 กาหนด Directoryในการเกบ Click=> next

ภาพท ข.3 แสดงการตดตง AppServ 2.5.8 ขนท 4

Page 36: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.5 Click =>Next

ภาพท ข.4 แสดงการตดตง AppServ 2.5.8 ขนท 5

Page 37: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.6 กาหนดชอServer Name และ E-mail (ใหพมพตามรปตวอยาง แลวClick=> next)

ภาพท ข.5 แสดงการตดตง AppServ 2.5.8 ขนท 6

Page 38: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.7 กาหนดรหสผาน ไดตามตองการ แลวคลก Install แลวรอใหโปรแกรม Run เสรจ

ภาพท ข.6 แสดงการตดตง AppServ 2.5.8 ขนท 7

Page 39: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ข.8 Click => Finish การตดตงเสรจสมบรณ

ภาพท ข.7 แสดงการตดตง AppServ 2.5.8 ขนท 8

Page 40: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ค. รปแบบคาสงเบองตนของภาษา PHP

<?…?> = Tag ในคาสง PHP

print = แสดงคาพดในเครองหมาย “…”; ไมมการคานวณคา เชน print “…”;

echo = แสดงคาพดและการคานวณในเครองหมาย “…”, x +,-,*,/ y; เชน echo “…”, x+ y;

= ไวคนคาสง “…” เพอแสดงเครองหมายเชน echo , print “”…” “; หรอ “$”;

n = ไวขนบรรทดใหมใน Source แตไมแสดงผลบนบราวเซอร เชน print , echo “n”;

#,// = คาสงสาหรบหามทาการแสดงผลของคาสงวางไวหนาคาสง echo , print เชน #,// echo , print “…”; หรอการใช /* เพอเรมตน และ */ เพอถงจดทกาหนดไว เชน /*…*/

$… = “…”; = เปนคาแสดงตวแปร เชน $… = “…”; , การแสดงผลเชน print , echo “… $…”; (สามารถคานวณผลได เชน $… +1 หรอ ++ และ $… -1 หรอ $… –)

$a= “…”; = เปนตวแปรไวเกบคาหลายๆๆ คา หมายถง ลาดบของตวแปร 1,2,3,… และสามารถนามาคานวณไดเชน “a[0] + a[1] + a[2]“;

% = เปนตวแปรในการหารแตเอาแคเศษ เชน echo $1 % $2; หรอ echo 100 % 250;

เงอนไข = > มากกวา < นอยกวา >= มากกวาหรอเทากน <= นอยกวาหรอเทากน == เทากน != ไมเทากน

if = เปนคาสงทใชตรวจสอบวาผลของการเปรยบเทยบวาจรงหรอเทจ อยในรปแบบ if ( การเปรยบเทยบเชน x >,<,>=,<=,==,!= y ) { ถาจรงใหโปรแกรมเขยนอยในน โปรแกรม ….

Page 41: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

โปรแกรม …. } ถาไมจรงใหโปรแกรมเขยนอยในน โปรแกรม …. โปรแกรม ….

else = เปนคาสงทจะใชรวมกบ if แตใชตรงกนขามกนมรปแบบดงน if (การเปรยบเทยบ) { ถาจรงใหโปรแกรมเขยนอยในน โปรแกรม …. } else { ถาไมจรงใหโปรแกรมเขยนอยในน โปรแกรม …. } และสามารถใช if และ else กบการเปรยบเทยบได เชน กาหนด $weight = 50; if ($weight > 25) { print “คณผอมไปนะ”; } else { print “คณอวนไป”; }

and (&&) = การใชคาสง if แบบมชวงโดยการใชคาสง and เชน กาหนด $score = 90; print “ไดเกรด <b>$score</b><br>”;

if ( $score >= 80 && $score <= 100) {

Page 42: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

print “ไดเกรด A”; } print “<br>จบการตดเกรด”; # คอมคะแนนระหวาง 80 ถง 100 ถงจะแสดงผล ไดเกรด A

การเปรยบเทยบหลายคาเชน กาหนด $score = 53; print “ไดเกรด <b>$score</b><br>”;

if ( $score >= 80 && $score <= 100) {

print “ไดเกรด A”; } if ( $score >= 70 && $score <= 79) {

print “ไดเกรด B”; } if ( $score >= 60 && $score <= 69) {

print “ไดเกรด C”; } if ( $score < 60) {

print “ไดเกรด <b><font color=red>F</font></b>”; } print “<br>จบการตดเกรด”;

or (||) = ตรวจสอบคา $… ในชองใดชองหนง เชน กาหนด $user = adicia; $pass = istrator; if ( $user ==”" || $pass==”" ) { print “กรณาอยาใหเปนชองวาง”; } else { print “Username คอ $user<br>”; print “Password คอ $pass<br>”;

Page 43: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

}

for = การใชคาสงในการกระทาซ าไปซามา ม 3 คาสง 1. for 2. while 3. do..while 1. for มรปแบบดงน for ($for = x;$for < y;$for ++) # x คอคาเรมตน y คอคาสดทาย -1 { print “…”; } 2. while $while = 1; while ( $while < y ) # ถา $while นอยกวา y { print “$while = …<br>”; $while ++; # ถา ++ นาเพมขนเรอยๆ และถา — จะลดคาลงเรอยๆ } 3. do…while $while = x; do { print “$while = …<br>”; $while –; } while ( $while > y ); print “End”; # กระทา do เลยแลวมาตรวจสอบ คา while

Function = รปแบบ function Name ( ) # ชอของ function

Page 44: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

{

} Name();

Parameter = รปแบบ function Name ( $parameter ) # ชอของ function { echo “Name = “,3.1ก * $parament * $parament,”<br>”; } Name( x ); # x คอจานวนตวเลข # อาจจะใช if ชวยตรวจสอบ function Name ( $parameter ) # ชอของ function { if ( $parameter >=0 ) { echo “Name = “,3.1ก * $parament * $parament,”<br>”; } else { echo “คาทใชตองมคามากกวา <b><font color=red>0</font></b> นะครบ”; } } Name( x ); # สามารถใช Function ไดในทกสถานทมรปแบบดงน <? # Name ชอ Name( x ); ?> # หรอเรยก Function จากไฟลอนโดย

Page 45: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<? require “ทอยของไฟล function”; Name ( x ); ?>

รปแบบตวอกษรในฟงกชน date

รปแบบตวอกษร ความหมาย ผลทได W ลากบตวเลขของบวนในสปดาห 0-6 (Sunday-Saturday) D ตวยอ 3 ตวของวนในสปดาห Mon- Sun

I ( I พมพเลก) ชอเตมของวนในสปดาห Sunday-Saturday J วนทไมม 0 นาหนา 1-31 d วนทม 0 นาหนา 01-31 N ลาดบของเดอนทไมม 0 นาหนา 1-12 m ลาดบเดอนทม 0 นาหนา 01-12 M ตวยอ 3 ตวของเดอน Jan-Dec F ชอเตมของเดอน January - December t จานวนวนของเดอน 28-31

Y ป ค.ศ. ดวยตวเลข ก หลก 2010 หรอ 2011 Y ป ค.ศ. ดวยตวเลข 2 หลก 05 หรอ 06 g ตวเลขแบบ 12 ชวโมง ไมม 0 นาหนา 1-12 h ตวเลขแบบ 12 ชวโมง ม 0 นาหนา 01-12 G ตวเลขแบบ 2ก ชวโมง ไมม 0 นาหนา 0-23 H ตวเลขแบบ 2ก ชวโมง ม 0 นาหนา 00-23 i นาท 00-59 s วนาท 00-59 a ชวงเวลาตวพมพเลก am – pm A ชวงเวลาตวพมพใหญ AM หรอ PM

ตารางท ค.1 รปแบบตวอกษรในฟงกชน date

Page 46: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ค.1 เขยนสครปตแสดงวนและเวลาปจจบน สครปต today.php <? $today_date=date("d-M-Y "); $today_time=date("h:i:s: a "); echo "<b>Today is </b> $today_date $today_time"; ?> จากสครปต today.php จะสงเกตไดวาเพยงสครปตสนๆเพยงเทาน เรากสามารถแสดงวนและเวลาปจจบนออกมา เรมจากกาหนดใหมสองตวแปรคอ ตวแปร $today_date จะทาหนาทเกบขอมลวนท – เดอน – ปปจจบน และตวแปร $today_time จะเกบขอมล ชวโมง : นาท : วนาท: ชวงเวลาปจจบน เขยนสครปตแสดงทน สครปต calendar_today.php <? // ------------- สวนท 1 ------------- $year=date('Y'); $month=date('m'); $mkdate=mktime(0,0,0, $month, 1, $year); $full_month=date('F',$mkdate); $weekday=date('w',$mkdate); $last_days=date('t',$mkdate); $day=1; ?> <html> <head><title>Calendar Today</title></head> <body> <table border="1"> <tr bgcolor="#BBBBBB"> <td colspan="7"> <center><b><? echo "$full_month $year"; ?></b><center> </td>

Page 47: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

</tr> <tr bgcolor="#BBBBBB"> <td>Sun</td> <td>Mon</td> <td>Tue</td> <td>Wed</td> <td>Thu</td> <td>Fri</td> <td>Sat</td> </tr> <tr> <? // ------------- สวนท 2 ------------- $start= 1; while ($start<= $weekday) { echo "<td>&nbsp;</td>"; $start++; } // ------------- สวนท 3 ------------- $weekday++; while ($day<=$last_days) { if (date("d")==$day) { echo "<td bgcolor='#BBBBBB'>$day</td>"; } else { echo "<td>$day</td>"; } if ($weekday==7 and $day<>$last_days) { echo '</tr><tr>'; $weekday=0; } $day++;

Page 48: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

$weekday++; } // ------------- สวนท ก ------------- while ($weekday <= 7) { echo "<td> &nbsp; </td>"; $weekday++; } ?> </tr> </table> </body> </html> จากสครปต calendar_today.php จะแบงการทางานของสครปตออกเปน ก สวนดงน สวนท 1 กาหนดตวแปร $year เกบปปจจบน และใหตวแปร $month เกบตวเลของเดอนปจจบน จากนนสงไปยงฟงกชน mktime() เพอกาหนดตวเลข (timestamp) แลวกาหนดใหตวแปร $full_month เกบชอเตมของเดอนทกาหนด (เดอนปจจบน) กาหนดใหตวแปร $weekday เกบตวเลขของสปดาหวนท 1 ของเดอนปจจบน หากไดตวเลขของสปดาหท 2 แสดงวาวนท 1 ของเดอนนนตรงกบวน Tuesday และกาหนดใหตวแปร $last_day เกบจานวนวนของเดอนทกาหนด และกาหนดใหตวแปร $day = 1 จากนนสรางตาราง HTML ของปฏทน สวนท 2 จะเปนการวนการตรวจสอบ ใหใสในชองวาง (&nbsp;) ใหตารางปฏทนกอนถงวนท 1 ของเดอนนน เพอใหตารางสมบรณมากขน สวนท 3 นเปนสวนของการแสดงวนทของเดอนทเขาไปในรปแบบตาราง ตงแตวนท 1 และวนสดทายของเดอนปจจบน นอกจากนเรายงตรวจสอบจานวน column ของแตละ Row และตองตรวจสอบวนทปจจบนอกดวย สวนท ก จะคลายกบการทางานของสวนท 2 ซงสวนนจะเปนแถวสดทายของตารางปฏทน เราตองตรวจสอบเพอใสชองวาง (&nbsp;) จนกระทงถงวนสดทายของเดอนปจจบนเพอทาใหตารางปฏทนมความสมบรณมากขน

Page 49: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ค.2 สรางแบบฟอรมสมครสมาชก สครปต register.html <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <H1>:: Register ::</H1> <FORM METHOD="POST" ACTION="register2.php"> <TABLE CELLSPACING="2"> <TR> <TD><B>Username :</B> </TD> <TD><INPUT NAME="user_reg" TYPE="text"> * </TD> </TR> <TR> <TD><B>Password : </B></TD> <TD><INPUT NAME="pass_reg" TYPE="password"> * </TD> </TR> <TR> <TD><B>ชอ - สกล :</B> </TD> <TD><INPUT NAME="name_reg" TYPE="text"> * </TD> </TR> <TR> <TD><B>เพศ : </B></TD> <TD><INPUT NAME="sex_reg" TYPE="radio" value="ชาย" checked>ชาย <INPUT NAME="sex_reg" TYPE="radio" value="หญง">หญง</TD> </TR> <TR> <TD><B>อเมล : </B></TD> <TD><INPUT NAME="email_reg" TYPE="text" SIZE="26"> * </TD> </TR> <TR> <TD><B>โทรศพท : </B></TD> <TD><INPUT NAME="tel_reg" TYPE="text" SIZE="26"></TD>

Page 50: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

</TR> <TR> <TD><B>ทอยตดตอ : </B></TD> <TD><TEXTAREA NAME="address_reg" COLS="35" ROWS="3"></TEXTAREA></TD> </TR> <TR> <TD>&nbsp;</TD> <TD><INPUT TYPE="Submit" value="Submit"> <INPUT TYPE="Reset" value="Reset"></TD> </TR> </TABLE> </FORM> </BODY> </HTML> ผลการทางานสครปต เปนดงรป

ภาพท ค.1 ตวอยางฟอรมการสมครสมาชก

จากสครปต Register.html มการรบขอมลจากผใชดงน

1. Username โดยกาหนดเปน INPUT แบบ TEXT ชอ user_reg

2. Password โดยกาหนดเปน INPUT แบบ TEXT ชอ Pass_reg

3. ชอ – สกล โดยกาหนดเปน INPUT แบบ TEXT ชอ name_reg

4. เพศ โดยกาหนดเปน INPUT แบบ TEXT ชอ sex_reg

5. อเมลจากผใช โดยกาหนดเปน INPUT แบบ TEXT ชอ email_reg

Page 51: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

6. เบอรโทรศพทของผใช โดยกาหนดเปน INPUT แบบ TEXT ชอ tel_reg

7. ทอยตดตอของผใช โดยกาหนดเปน INPUT แบบ TEXT ชอ address_reg

สครปต register2.php <? $user_reg=$_POST[user_reg]; $pass_reg=$_POST[pass_reg]; $name_reg=$_POST[name_reg]; $sex_reg=$_POST[sex_reg]; $email_reg=$_POST[email_reg]; $address_reg=$_POST[address_reg]; $date_reg=date("Y-m-d"); if ($user_reg=="" or $pass_reg=="" or $name_reg=="" ) { echo "<h3>ERROR : กรณากรอกขอมลใหครบนะครบ<h3>"; exit(); } include "function.php"; if (!checkemail($email_reg)) { echo "<h3>ERROR : รปแบบอเมลทกรอกไมถกตองนะครบ </h3>"; exit(); } include "connect.php"; $sql="select * from tb_member where username='$user_reg' "; $result=mysql_db_query($dbname,$sql); $num=mysql_num_rows($result); if($num>0) { echo "<h3>ERROR : Username ซาครบ </h3>"; exit(); } $sql="insert into tb_member values('','$user_reg','$pass_reg','$name_reg','$sex_reg', '$email_reg','$tel_reg','$address_reg','$date_reg')"; $result=mysql_db_query($dbname,$sql); if ($result) { echo "<h3>ขอมลของทานถกบนทกเรยบรอยแลว</h3>";

Page 52: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

echo "<A HREF='index.html'>คลกเพอเขาระบบสมาชก</A><BR><BR>"; } else { echo "<h3>ไมสามารถสมครเปนสมาชกได</h3>"; } mysql_close(); ?> จากสครปต ตองรบขอมลจากฟอรมแลวนามาเกบไวในตวแปรทกาหนดไวและตองกาหนดใหตวแปร $deta_reg เกบวนทปจจบน จากนนเราตองตรวจสอบขอมลกอนวาผใชกรอกขอมลครบหรอไม ซงถาหากขอมลทสงมานนไมครบกจะมแจงขอความผดพลาด สวน Email ของผใชนนตองมการตรวจสอบรปแบบอเมลทผใชกรอกวารปแบบถกตองหรอไม โดยเรยกใชฟงกชน Checkemail() ทเขยนเอาไวในสครปต function.php หากรปแบบ Emailทผใชกรอกไมถกตองกจะแจงขอความเตอน ขนตอนตอไปเปนขนตอนการตรวจสอบทสาคญนนคอ Username ทผใชกรอกมานนตองไมซ ากบฐานขอมลทมอย เพราะเราตองใช username เปนตวตรวจสอบในการเขาใชระบบสมาชก จากนนเรยกใชสครปต Connect.php แลวกจะสามารถตดตอกบฐานขอมล MySQL ได แลวหาจานวนแถวของขอมลทม username เทากบตวแปร $user_reg วาจะมจานวนเทาไหร ถามากกวา 0 แสดงวา Username ทผใชมอยในระบบแลว จงไมสามารถใหสมครสมาชกได เมอผานการตรวจสอบขอมลตางๆแลวกนาขอมลทผใชกรอกบนทกลงในตาราง tb_member หากบนทกขอมลไดกจะแจงความวา “ขอมลของทานถกบนทกเรยบรอยแลว”

ค.3 Login เขาระบบสมาชก สครปต index.php

Page 53: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <h1>:: Login ::</h1> <FORM METHOD="POST" ACTION="chkmember.php"> <TABLE> <TR> <TD><B>Username :</B> </TD> <TD><INPUT NAME="user_login" TYPE="text"> * </TD> </TR> <TR> <TD><B>Password : </B></TD> <TD><INPUT NAME="pass_login" TYPE="password"> * </TD> </TR> </TABLE> <INPUT TYPE="submit" VALUE="Submit"> <INPUT TYPE="reset" VALUE="Reset"> <p><a href="register.html">สมครสมาชก</a> | <a href="forgetpassword.html">ลมรหสผาน</a></p> </FORM> </BODY> </HTML> จากสครปต เราตองกาหนดใหมการรบ Username จากผใชโดยกาหนดเปน INPUT แบบ TEXT ชอ user_login และรบ password จากผใชโดยกาหนด INPUT แบบ TEXT ชอ pass_login จากนนจะมขอความลงค สมครสมาชก สาหรบผจะเขามาสมครสมาชกใหม โดยจะลงคไปยง register.html และลมรหสผาน สาหรบผทเปนสมาชกแลวแตลมรหสผาน โดยจะลงคไปยง forgetpassword.html

ภาพท ค.2 ตวอยางการทา Login

Page 54: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

สครปต chkmember.php <? $user_login=$_POST[user_login]; $pass_login=$_POST[pass_login]; if ($user_login=="" or $pass_login=="") { echo "<h3>ERROR : กรณากรอกขอมลใหครบนะครบ<h3>"; exit(); } include "connect.php"; $sql="select * from tb_member where username='$user_login' and password='$pass_login'"; $result=mysql_db_query($dbname,$sql); $num=mysql_num_rows($result); mysql_close(); if($num<=0) { echo "<h3>ERROR : Username หรอ Password ไมถกตอง</h3>"; } else { session_start(); $_SESSION[sess_userid]=session_id(); $_SESSION[sess_username]=$user_login; header("Location: main.php"); } ?> โดยสครปต chkmember.php เราตองรบขอมลทถกสงมาจากฟอรม แลวตองตรวจสอบกอนวาผ ใชไดกรอกขอมลครบถวนกอนคลกปมหรอไม ถายงไมครบ กจะแจงขอความเตอน เมอผานการตรวจสอบแลววาผใชไดกรอกขอมลครบแลว แตกยงไมสามารถเขาไปใชงานระบบสมาชกเทาท เพราะเราตองตรวจสอบ Username และ Password วามอยในระบบสมาชกหรอไมตรวจสอบไดโดยหาจานวนแถว $num วามจานวนเทาไหร ซงหากมคานอยหวาหรอเทากบ 0 แสดงวา Username และ Password ทผใชนนไมตรงกบทระบบมอย ซง Username หรอ Password อาจจะไมถกตอง ซงถาหากผานการตรวจสอบ Userneme และ Password แลวสครปตกจะไดเรมใชงาน Session โดยใชฟงกชน seesion_start() จากนนกาหนดตวแปร Seaaion 2 ตว คอ

- sess_userid เกบรหส seesion id โดยใชฟงกชน seesion_id() โดยท seesion id คอหมายเลข

Page 55: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ประจาตวของเครองซงแตละเครองจะไมตรงกน

- sess_username เกบ $user_login หรอ Username เพอจะใชอางองถงสมาชกได

เมอกาหนดตวแปร session เรยบรอยจะเขาไปในสครปต main.php หนาหลกของระบบสมาชก

ค.4 ตรวจสอบวาผานการ Login มาหรอไม สครปต chksession.php <? session_start(); $sess_userid=$_SESSION[sess_userid]; $sess_username=$_SESSION[sess_username]; if ($sess_userid<>session_id() or $sess_username=="") { header( "Location: index.html"); exit(); } ?> การตรวจสอบวาผใชผานการ login มาหรอไมนน เราตองนาตาแปร session ทสรางไวในสครปต chkmember.php มาใช หากเราตรวจสอบแลวพบวา ตวแปร $sess_userid กบ session_id ไมตรงกน หรอไมไดกาหนดขอมลใหกบ $sess_username สครปตกจะเปลยนแปลงไปบงสครปต index.html ทนท หนาหลกของระบบสมาชก ในหนาหลกของระบบสมาชกเปรยบเสมอนเมนใหบรการตางๆ ของระบบสมาชก ซงจะมบรการพนฐานของสมาชก ดงน

1.แกไขขอมลสวนตว จะลงคไปยงสครปต edit.php

2.เปลยนรหสผาน จะลงคไปยงสครปต changpassword.php

สครปต main.php

Page 56: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<? include "chksession.php"; ?> <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <h1>:: Logined In System ::</h1> <p>ยนดตอนรบคณ <b><?=$sess_username?></b> ทานกาลงอยในระบบสมาชก</p> <p> [ <a href="edit.php">แกไขขอมลสวนตว</a> ] [ <a href="changepw.php">เปลยนรหสผาน</a> ] [ <a href="logout.php">ออกจากระบบ</a> ]</p> </BODY> </HTML>

ค.5 แกไขขอมลสวนตว สครปต edit.php <? include "chksession.php"; include "function.php"; include "connect.php"; $sql="select * from tb_member where username='$sess_username' "; $result=mysql_db_query($dbname,$sql); $record=mysql_fetch_array($result); $username=$record[username]; $name=$record[name]; $sex=$record[sex]; $email=$record[email]; $telephone=$record[telephone]; $address=$record[address]; $reg_date=$record[reg_date];

Page 57: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

mysql_close(); ?> <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <h1>:: Edit Member ::</h1> <FORM METHOD="POST" ACTION="edit2.php"> <TABLE CELLSPACING="2"> <TR> <TD><B>Username : </B></TD><TD><?=$username?></TD> </TR> <TR> <TD><B>ชอ - สกล : </B></TD><TD><?=$name?></TD> </TR> <TR> <TD><B>เพศ : </B></TD><TD><?=$sex?></TD> </TR> <TR> <TD><B>อเมล : </B></TD> <TD><INPUT NAME="email_edit" TYPE="text" VALUE="<?=$email?>" SIZE="26"> * </TD> </TR> <TR> <TD><B>โทรศพท : </B></TD> <TD><INPUT NAME="tel_edit" TYPE="text" VALUE="<?=$telephone?>" SIZE="26"></TD> </TR> <TR> <TD VALIGN="top"><B>ทอยตดตอ :</B></TD> <TD><TEXTAREA NAME="address_edit" COLS="35" ROWS="3"><?=$address?></TEXTAREA></TD> </TR> <TR> <TD><B>สมครเมอ :</B></TD>

Page 58: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<TD><?=displaydate($reg_date)?></TD> </TR> <TR> <TD>&nbsp;</TD> <TD><INPUT TYPE="Submit" VALUE="Submit"> <INPUT TYPE="Reset" VALUE="Reset"></TD> </TR> </TABLE> </FORM> [ <a href="main.php">กลบหนาหลก</a> ] </BODY> </HTML> สครปต edit.php หลงจากทเรยกใชสครปต chkseesion.php, function.php และ connect.php แลว เราจะใชตวแปร $sess_username อางองในการดงรายละเอยดของสมาชกออกมาเกบไวในตวแปรตางๆทกาหนดไว แลวนา Username, ชอ-สกล และเพศ ออกมาแสดง สวนอเมล ($email) จะใสในชองรบขอความแลวกาหนดชอ email_edit,โทรศพท($telephone) ใสชองรบขอความแลวกาหนดชอเปน tel_edit และทอยตดตอ ($address) ใสในชองรบขอความแบบหลายบรรทด แลวกาหนดชอเปน address_edit สวนการแสดงวนทผใชสมครสมาชกนน เราจะใชฟงกชน aisplaydeta() แสดงวนทแบบไทยออกมาเมอสมาชกกรอกขอมลเพอแกไขขอมลสวนตวแลว Click ปม Submit แลว ขอมลกจะถกสงมายงสครปต edit2.php ใหทางานปรบปรงในฐานตอไป สครปต edit2.php <? include "chksession.php"; $email_edit=$_POST[email_edit]; $tel_edit=$_POST[tel_edit]; $address_edit=$_POST[address_edit]; include "function.php"; if (!checkemail($email_edit)) { echo "<h3>ERROR : รปแบบอเมลทกรอกไมถกตองนะครบ </h3>"; exit();

Page 59: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

} include "connect.php"; $sql="update tb_member set email='$email_edit', telephone='$tel_edit' ,address='$address_edit' where username='$sess_username' "; $result=mysql_db_query($dbname,$sql); if ($result) { echo "<h3>ขอมลของทานถกแกไขเรยบรอยแลว</h3>"; echo "[ <a href=main.php>กลบหนาหลก</a> ] "; } else { echo "<h3>ไมสามารถแกไขขอมลได</h3>"; } mysql_close(); ?> หนาทหลกของสครปตคอ ปรบปรงขอมลสวนตวของสมาชกท Login เขามาใชงานในระบบเนองจากวาเราอนญาตใหสมาชกสามารถปรบปรงอเมลได เราจงตองตรวจสอบรปแบบอเมลเสยกอน หากสามารถปรบปรงขอมลสมาชกเรยบรอย จะมขอความแจงการทางาน

ค.6 เปลยนรหสผานสาหรบสมาชก

สครปต changepw.php <? include "chksession.php"; ?> <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <h1>:: Change Password ::</h1>

Page 60: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<FORM METHOD=POST ACTION="changepw2.php"> <TABLE cellspacing="2"> <TR> <TD><B>Username : </B></TD> <TD><?=$sess_username?></TD> </TR> <TR> <TD><B>รหสผานเดม : </B></TD><TD><INPUT name="oldpass" type="password"> * </TD> </TR> <TR> <TD><B> รหสผานใหม: </B></TD><TD><INPUT name="newpass" type="password"> * </TD> </TR> <TR> <TD><B>ยนยนรหสผานใหม :</B></TD><TD><INPUT name="newpass2" type="password"> * </TD> </TR> <TR> <TD>&nbsp;</TD> <TD><INPUT TYPE="Submit" VALUE="Submit"> <INPUT TYPE="Reset" VALUE="Reset"></TD> </TR> </TABLE> </FORM> [ <a href="main.php">กลบหนาหลก</a> ] </BODY> </HTML> ในสครปต changepw.php มฟอรมรบขอมล INPUT แบบ Password ดงน

1. รหสผานเดม กาหนดชอเปน oldpass

2. รหสผานใหม กาหนดชอ newpass

3. ยนยนรหสผานใหม กาหนดชอเปน newpass2

เมอสมาชกกรอกรายละเอยดของการเปลยนรหสผาน แลวคลกปม Submit ขอมลจะถกสงมายงสครปต

Page 61: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

changepw.php เพอปรบปรงรหสผานใหมในฐานขอมลตอไป

สครปต changepw2.php <? include "chksession.php"; $oldpass=$_POST[oldpass]; $newpass=$_POST[newpass]; $newpass2=$_POST[newpass2]; if ($oldpass=="" or $newpass=="" or $newpass2=="" or $newpass<>$newpass2) { echo "<h3>ERROR : กรณากรอกขอมลใหครบนะครบ<h3>"; exit(); } include "connect.php"; $sql="select * from tb_member where username='$sess_username' and password='$oldpass' "; $result=mysql_db_query($dbname,$sql); $num=mysql_num_rows($result); if($num<1) { echo "<h3>ERROR : รหสผานเดม ไมถกตองครบ </h3>"; exit(); } $sql="update tb_member set password='$newpass' where username='$sess_username' "; $result=mysql_db_query($dbname,$sql); if ($result) { echo "<h3>เปลยนรหสผานเรยบรอยแลวครบ</h3>"; echo "[ <a href=main.php>กลบหนาหลก</a> ] "; } else { echo "<h3>ไมสามารถเปลยนรหสผานได</h3>"; } mysql_close(); ?> เมอเรารบขอมลจากแบบฟอรมแลว เราตองตรวจสอบวาผใชไดกรอกขอมลครบหรอไม หากไมมการสงขอมลมาจากฟอรมกจะมขอความแจงหยดทางานทนท ในสวนนเราจะยงอยในขนตอนตรวจสอบ โดยนารหสผานเดมทสมาชกกรอกเขาไปมาตรวจสอบในฐานขอมลวาตรงกนหรอไม หากไมตรงกนกจะไม

Page 62: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

อนญาตใหเปลยนรหสผาน เมอผานการตรวจสอบเรยบรอยแลว เรากเปลยนรหสผานใหม โดยเราอาจจะใชตวแปร $newpass หรอ $newpass2 ในการอางองเพอเปลยนรหสผาน

ค.7 ลมรหสผานเขาระบบ สครปต forgetpassword.html <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <h1>:: Forget Password ::</h1> <FORM METHOD="POST" ACTION="forgetpassword2.php"> กรอก Username ระบบจะสงรหสผานไปทางอเมลของทาน <TABLE> <TR> <TD><B>Username :</B> </TD> <TD><INPUT NAME="user_forget" TYPE="text"> <INPUT name="submit" TYPE="submit" VALUE="Submit"> </TD> </TR> </TABLE> </FORM> </BODY> </HTML>

ภาพท ค.3 ลม Password

จากสครปตตองสรางฟอรมเพอใหสมาชกลมรหสผานไดกรอก Username โดยกาหนดเปน INPUT

แบบ TEXT ชอ user_forget ซงฟอรมจะสง Username ไปยงสครปต forgetpassword2.php เพอใชอางองอเมลและรหสผานของสมาชก แลวจดสงไปทางอเมล

Page 63: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

สครปต forgetpassword2.php <? $user_forget=$_POST[user_forget]; if ($user_forget=="") { echo "<h3>ERROR : กรณากรอกขอมลใหครบนะครบ<h3>"; exit(); } include "connect.php"; $sql="select * from tb_member where username='$user_forget' "; $result=mysql_db_query($dbname,$sql); $num=mysql_num_rows($result); $record=mysql_fetch_array($result); $to=$record[email]; $password=$record[password]; if($num<=0) { echo "<h3>ERROR : Username นไมมอยในระบบสมาชกครบ</h3>"; } else { $subject = "แจงรหสผานของระบบสมาชก"; $message = "รหสผานของ Username : $user_forget คอ: $password"; $headers = "From: Member ระบบสมาชก"; if (mail($to, $subject, $message, $headers)) { echo "<h3>ระบบไดสงรหสผานไปทางอเมลเรยบรอยแลวครบ</h3>"; } else { echo "<h3>ไมสามารถสงรหสผานไปทางอเมลได</h3>"; } } mysql_close(); ?> สครปตจะตรวจสอบขอมลตวแปร $user_forget วามขอมลหรอไม หากไมไดกรอก Username แลวคลกปม Submit สครปตจะแจงขอความเตอน จากนนกอนทเราจะสงรหสผานไปทางอเมลของสมาชก ตองมาตรวจสอบวา Username ทผใชกรอกนนมอยในระบบหรอไม หากไมม Username ทผใชกรอกอยในระบบสครปตกจะแจงขอความเตอน

Page 64: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

หลงจากผานการตรวจสอบความผดพลาดแลว สครปตจะสงรหสผานไปทางอเมลของสมาชกดวยฟงกชน mail()

ค.8 แสดงสมาชกทงหมดและลบสมาชก สครปต view.php <HTML> <HEAD><TITLE>Member ระบบสมาชก</TITLE></HEAD> <BODY> <BODY> <h1>:: View Member ::</h1> <table border="1"> <tr bgcolor="#D3D3D3"> <td>ลาดบ</td> <td>ชอ - สกล</td> <td>เพศ</td> <td>อเมล</td> <td>โทรศพท</td> <td>ทอย</td> <td> ตองการ</td> </tr> <? $count=0; include "connect.php"; $sql="select * from tb_member order by name"; $result=mysql_db_query($dbname,$sql); while($record=mysql_fetch_array($result)) { $count++; echo " <tr> <td>$count</td> <td>$record[name]</td> <td>$record[sex]</td>

Page 65: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

<td>$record[email]</td> <td>$record[telephone]</td> <td>$record[address]</td> <td><a href=\"delete.php?id_del=$record[id]\" onclick=\"return confirm(' ตองการลบ $record[name] ออกจากระบบจรงหรอไม ')\">ลบ</a></td> </tr>"; } mysql_close(); ?> </table> </BODY> </HTML> สครปต delete.php <? $id_del=$_GET[id_del]; include "connect.php"; $sql="delete from tb_member where id='$id_del' "; $result=mysql_db_query($dbname,$sql); if ($result) { echo "<h3>ลบขอมลออกจากระบบเรยบรอยแลวครบ</h3>"; echo "[ <a href=view.php>กลบหนาหลก</a> ] "; } else { echo "<h3>ไมสามารถลบขอมลไดครบ</h3>"; } mysql_close(); ?> นอกจากเราตองเขยนสครปตใหแสดงรายชอสมาชกทงหมดแลว อยางทกลาวไวขางตนแลววาเราตองสรางลงคเพอทจะลบสมาชกออกจากฐานขอมล เมอผใชคลกลบแลวจะปรากฏหนาตางยนยนการลบจากสมาชก หากเราคลกปม OK สครปตจะสงรหสสมาชก (id_del) ทตองการลบไปยงสครปต delete.php

Page 66: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ง. การเขยนโปรแกรมดวยภาษา PHP เพอตดตอกบฐานขอมล MySQL ประกอบดวยขนตอนหลกๆ 4 ขนตอน ดงน

- ขนท 1 เปดการตดตอกบฐานขอมล MySQL เมอเราตดตงโปรแกรม AppServ เราสามารถกาหนดคาทโฟลเดอร phpMyAdmin และเขาไปแกไข

ไฟล config.inc.php เราจะใชฟงชน mysql_connect() โดยตองกาหนดคาใหกบฟงชน 3 ตว คอ ชอโฮส ,ชอผใช และ รหสผาน ตวอยาง (เฉพาะสวนตดตอฐานขอมล) $host = "localhost"; $user = "root";

Page 67: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

$pass = "12345678"; $condb= mysql_connect($host,$user,$pass); //สรางการเชอมตอฐานขอมลเกบไวในตวแปร $condb if(!$condb) { echo "ไมสามารถตดตอฐานขอมล MySQL ได"; } - ขนท 2 เลอกฐานขอมลขนมาใชงาน

หลงจากทเราทาการเชอมตอฐานขอมล MYSQL แลว เราจะตองเลอกฐานขอมลขนมาทางานดวย โดยใชฟงชน mysql_select_db() จะตองกาหนดคา 3 ตว คอ ชอฐานขอมล และ การเชอมตอฐานขอมลทไดสรางไว กอนหนานไดเกบคาไวในตวแปร $condb ตวอยาง (เฉพาะสวนการเลอกฐานขอมล) $dbname = "testdb"; mysql_select_db($dbname,$condb) or die("ไมสามารถใชฐานขอมล $dbname ได"); - ขนท 3 การสงคาสงภาษา SQL จดการฐานขอมล MySQL

เราจะใชฟงชน mysql_query() ในการสงคาสงเพอจดการฐานขอมล โดยตองกาหนดคาใหกบฟงชน 2 ตว คอ คาสงภาษา SQL ทตองการจดการฐานขอมล และ คาการเชอมตอฐานขอมล ตวอยาง (เฉพาะการสงคาสงจดการฐานขอมล) $sql = "DROP DATABASE testdb"; //เปนเกบคาสงไวกบตวแปร $sql ใหลบฐานขอมลชอ testdb โดยรปแบบคาสง DROP DATABASE testdb mysql_query($sql,$condb); //สงคาสงภาษา SQL ทอยในตวแปร $sql ใหกบฟงชน mysql_query() ทาการประมวลผลตอไป - ขนท 4 การปดการตดตอกบฐานขอมล MySQL

การปดการเชอมตอหรอการยกเลกการเชอมตอกบฐานขอมล MySQL นน เราจะใชฟงชน mysql_close() โดยตองกาหนดคา 1 ตว คอ คาการเชอมตอฐานขอมลทตองการปด กอนหนานไดเกบไวในตวแปร $condb ตวอยาง (เฉพาะการปดการเชอมตอฐานขอมล) mysql_close($condb);

Page 68: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

จ. การสรางฐานขอมลกน ดวย phpMyAdmin

ขนแรกสรางฐานขอมลชอวา database หลงจากนน Click สราง

Page 69: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท จ.1 การสรางฐานขอมล

หลงจากนนจะปรากฏดงภาพขางลางน ขนตอมาสรางตารางเกบขอมล สรางชอวา user ใชเกบขอมลสมาชก ในชองชอ ใสชอตารางวา user และจานวนฟลดของการเกบขอมล จะมทงหมด 4 ฟลด จะเกบขอมล ชอ นามสกล และอเมล อกฟลดหนงจะเกบเปน id ของขอมล จากนน Click ลงมอ

ภาพท จ.2 การสรางตารางในฐานขอมล

หลงจาก Click ลงมอ จะปรากฏหนาตาดงรปขางลาง หนานเปนกาหนดคณสมบต ประเภท ของขอมล ในตาราง user โดยกาหนดให

Page 70: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

id ชนดเปน INT เกบความยาว 3 ตวอกขระ และใหเปน Primary key หรอ คยหลก กาหนดใหเปน Autokey Name ชนดเปน VARCHAR เกบความยาว 15 ตวอกขระ Surname ชนดเปน VARCHAR เกบความยาว 20 ตวอกขระ email ชนดเปน VARCHAR เกบความยาว 30 ตวอกขระ เมอกาหนดคาตางๆเสรจใหClick บนทก

ภาพท จ.3 รายละเอยดของแตละฟลดของตาราง user

เมอตาราง user ไดสรางเสรจแลว จะปรากฏดงภาพขางลาง

Page 71: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

ภาพท จ.4 ตาราง user ทสรางเสรจแลว

จ.1 การแทรกขอมล (Insert)

Page 72: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต

หลงจากนนเรามาทาการเพมขอมลลงฐานขอมล ทเมนดานบนของ phpMyAdminให Click คาวา แทรก จะปรากฏหนาตาดงภาพขางลาง แลวดทคอลมน “คา” ใหกรอกขอมลลงไป โดยทไมตองกรอกใน ฟลด id เพราะวา ฟลด id นนเรากาหนดคาไวเปน primarykey และ autokey จะทาการบนทก id ใหเราอตโนมต เมอกรอกเสรจแลวให Click ลงมอ

ภาพท จ.5 การแทรกขอมล ระบบจะรายงานวา ขอมลไดถกแทรกลงตารางเรยบรอยแลว จากนนจะปรากฏดงภาพขางลาง

ภาพท จ.6 ขอมลไดถกแทรกลงตารางเรยบรอย

Page 73: (02207499)2.2 โปรแกรม Dreamweaver CS3 5 บทท 3 อ ปกรณ และว ธ การ 7 3.1 อ ปกรณ 7 3.2 ว ธ การ 7 สารบ ญ (ต