เอกสารประกอบการสอน · 2015-06-01 ·...

30

Upload: others

Post on 15-Jul-2020

5 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม
Page 2: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

นายวทลย งามข า ต าแหนง คร วทยฐานะ ช านาญการ

โรงเรยนชยบาดาลวทยา

ส านกงานเขตพนทการศกษามธยมศกษา เขต 5 ส านกงานคณะกรรมการการศกษาขนพนฐาน

กระทรวงศกษาธการ

เอกสารประกอบการสอน

เรอง การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP รหสวชา ง33258 รายวชา การเขยนโปรแกรมบนเวบไซต

ระดบชนมธยมศกษาปท 6 กลมสาระการเรยนรการงานอาชพและเทคโนโลย

จดท าโดย

นายวทลย งามข า ต าแหนง คร วทยฐานะ ช านาญการ

โรงเรยนชยบาดาลวทยา

ส านกงานเขตพนทการศกษามธยมศกษา เขต 5 ส านกงานคณะกรรมการการศกษาขนพนฐาน

กระทรวงศกษาธการ

Page 3: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

เอกสารประกอบการสอนการเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP กลมสาระการเรยนร การงานอาชพและเทคโนโลย ส าหรบใชประกอบการเรยนการสอน รายวชา การเขยนโปรแกรมบนเวบไซต รหสวชา ง33258 ระดบชนมธยมศกษาปท 6 เอกสารประกอบการสอนการเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP เลมน ไดออกแบบการจดกจกรรมการเรยนการสอนโดยใชทกษะการเรยนรในศตวรรษท 21 เพอพฒนาทกษะการใชเทคโนโลยเพอการเรยนร และทกษะความคดสรางสรรค เปนกจกรรมการเรยนรทเนนนกเรยนเปนส าคญ มงพฒนานกเรยนทเรยนออนและสงเสรมนกเรยนทเรยนเกง ใหนกเรยนไดเกดทกษะการเรยนรดวยตนเอง โดยมคณครคอยดแลและใหค าแนะน านกเรยนอยางใกลชด ตามความสามารถ ความถนด ความสนใจและความแตกตางของแตละบคคล นกเรยนศกษาตามล าดบจนสามารถปฏบตได ประกอบดวย 8 หนวยการเรยนร แตละหนวยการเรยนรประกอบดวย จดประสงคการเรยนร สาระการเรยนร แบบทดสอบกอนเรยน ใบความร แบบฝกเสรมทกษะ และแบบทดสอบหลงเรยน

หนวยการเรยนรท 1 ท าความรจกกบภาษา PHP หนวยการเรยนรท 2 นคอโปรแกรมแรกของฉน หนวยการเรยนรท 3 มาฝกเขยนสครปตกนเถอะ หนวยการเรยนรท 4 ตวแปรและชนดของขอมล หนวยการเรยนรท 5 สรางฟอรมรบคาอยางงาย หนวยการเรยนรท 6 เขยนโปรแกรมแบบมเงอนไข หนวยการเรยนรท 7 เขยนโปรแกรมแบบวนรอบ หนวยการเรยนรท 8 สรางฐานขอมลงายนดเดยว

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

วทลย งามข า

ค าน า

Page 4: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

เรอง หนา ค าน า ก สารบญ ข ค าชแจงในการใชเอกสารประกอบการสอน ค จดประสงคการเรยนร / สาระการเรยนร ง หนวยการเรยนรท 5 สรางฟอรมรบคาอยางงาย 1 แบบทดสอบกอนเรยน 2

ใบความรท 10 เครองมอส าหรบสรางฟอรม 4 แบบฝกเสรมทกษะท 10 9 ใบความรท 11 ขนตอนการรบ-สงขอมล 11 แบบฝกเสรมทกษะท 11 15

แบบทดสอบหลงเรยน 19 บรรณานกรม 21 ภาคผนวก 22

กระดาษค าตอบกอน-หลงเรยน 23 เฉลยแบบทดสอบกอน-หลงเรยน 24 เฉลยแบบฝกเสรมทกษะท 10 25 เฉลยแบบฝกเสรมทกษะท 11 27 แบบบนทกคะแนน 31

สารบญ

Page 5: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

เพอประโยชนสงสดในการใชเอกสารประกอบการสอนการเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP ควรปฏบต ดงน

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

2. เตรยมเอกสารประกอบการสอนไวใหเรยบรอย รวมทงศกษาวธการวดผล ประเมนผลและเกณฑการวดและประเมนผลใหเขาใจ

3. ครใหนกเรยนท าแบบทดสอบกอนเรยนแลวแจงผลการทดสอบใหนกเรยนทราบ 4. ครแจกเอกสารประกอบการสอน แจงจดประสงคการเรยนเรยนร และอธบายการใชเอกสาร

ประกอบการสอนใหนกเรยนฟง 5. ใหนกเรยนท ากจกรรมตามแบบฝกเสรมทกษะ 6. เมอนกเรยนท าแบบฝกเสรมทกษะครบแลว ครและนกเรยนรวมกนเฉลยค าตอบ 7. ครใหนกเรยนทดสอบหลงเรยน แลวรวมกนเฉลยค าตอบ 8. ครประเมนผลและแจงคะแนนกอนเรยนและหลงเรยนใหนกเรยนทราบ 9. ครผสอนควรแนะน าและควบคมนกเรยนท าแบบฝกเสรมทกษะโดยตลอด

1. ใหนกเรยนท าแบบทดสอบกอนเรยน เพอเปนการทดสอบความรพนฐานของนกเรยน 2. ใหนกเรยนศกษาเนอหาสาระจากใบความรกอนแลวจงท าแบบฝกเสรมทกษะ 3. ใหนกเรยนท าแบบฝกเสรมทกษะ 4. แบบฝกเสรมทกษะฉบบน ถาท าไมเสรจตามเวลาทก าหนดใหนกเรยน ท าในเวลาวางเปนการบานได 5. เมอนกเรยนท าแบบฝกเสรมทกษะครบแลว ใหนกเรยนท าแบบทดสอบหลงเรยน 6. นกเรยนรบทราบผลการประเมน

ค าชแจงในการใชเอกสารประกอบการสอน

ค าชแจงส าหรบคร

ค าชแจงส าหรบนกเรยน

Page 6: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

จดประสงคการเรยนร

จดประสงคการเรยนร / สาระการเรยนร

1. นกเรยนสามารถอธบายความหมายของฟอรมได 2. นกเรยนบอกองคประกอบของฟอรมได 3. นกเรยนสามารถสรางฟอรมรบสงขอมลได 4. นกเรยนเขยนโปรแกรมรบคาตวแปรจากฟอรมไปประมวลผลตอได

1. ความหมายของฟอรม 2. องคประกอบของฟอรม 3. เครองมอทใชในการสรางฟอรม 4. ขนตอนในการสรางฟอรมในมมมองออกแบบ

สาระการเรยนร

Page 7: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

1

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

หนวยการเรยนรท 5

สรางฟอรมรบคาอยางงาย

แบบทดสอบกอนเรยน ใบความรท 10 เครองมอส าหรบสรางฟอรม แบบฝกเสรมทกษะ ท 10 ใบความรท 11 ขนตอนการสรางฟอรมรบ-สงขอมล แบบฝกเสรมทกษะ ท 11

แบบทดสอบหลงเรยน

Page 8: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

2

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

หนวยการเรยนรท 5 เรอง สรางฟอรมรบคาอยางงาย เวลา 10 นาท

ขอท 1) การสรางเวบเพจทมการแลกเปลยนขอมลของผใชเวบเพจนน ตองก าหนดองคประกอบอะไร ? ก. เฟรม ( Frame ) ข. ฟอรม ( Form ) ค. เวบบอรด (Web Board) ง. กระดานขาว (Forum) ขอท 2) ในการแทรกชองรบขอมลประเภทตางๆ นนตองอยภายในแทกค าสงใด? ก. <?PHP ….?> ข. <HTML>….</HTML> ค. <Form>.....</Form> ง. <Frame> …...</Frame> ขอท 3) ค าสง <Input type= “text”> เปนการก าหนดชองรบขอมลประเภทใด ? ก. Button ข. Radio ค. Checkbox ง. Text Field ขอท 4) ถาตองการปรบขนาดของชองรบขอมลในเวบเพจตองก าหนดดวยแอตทรบวตใด ? ก. Size ข. Value ค. Input ง. Type ขอท 5) ขอใดถกตองในการสรางชองรบขอมลประเภท Password ? ก. <Input type=”text”> ข. <Input type=”submit”> ค.<Input type=”password”> ง. <Input type=”reset”>

ค าชแจง แบบทดสอบชดนเปนแบบปรนย 4 ตวเลอก จ านวน 10 ขอ คะแนนเตม 10 คะแนน ค าสง จงเลอกค าตอบทถกทสดเพยงค าตอบเดยว แลวท าเครองหมาย X ลงในกระดาษค าตอบ

Page 9: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

3

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ขอท 6) ถาตองการสรางกลองรบขอมลจากผชมเวบส าหรบค าถามปลายเปด ประเภทพมพตอบยาวๆ ควรใชเครองมอใด ? ก. Text Field ข . Text Area ค . Check Box ง . List/Menu

ขอท 7) จากภาพตองก าหนดชองรบขอมลแบบใด ?

ก. Check Box ข. List/Menu ค. File Field ง. Radio Button ขอท 8) ถาตองใหเลอกขอมลไดมากกวา 1 ตวเลอก นกเรยนจะเลอกชองรบขอมลประเภทใดเปน ? ก. Checkbox ข. Radio button ค. Text area ง. Select ขอท 9) เมนใดใชส าหรบสรางฟอรมในมมมองออกแบบ ? ก. File > form ข. Insert> form>form ค. Edit > object>form ง. Modify> Media>form ขอท 10) แทกค าสง $_POST[ตวแปร]; ท าหนาทอะไร ? ก. บนทกตวแปร ข. ก าหนดคาตวแปร ค. สงคาตวแปรไปประมวลผล ง. แสดงคาตวแปรผานทางเวบบราวเซอร

ท ำ “ ยำก ” ให “ งำย ” คนเรำสำมำรถแปรเปลยนของยำก...ใหงำยได เพยงเรำตอง...อดทน ฝกฝน...วธกำรเรยนร

Page 10: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

4

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

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

รายการ ตวอยาง กลองรบขอความ (Text Field)

กลองรบรหสผาน (Password Field)

กลองรบขอความหลายบรรทด (Text Area)

ปมตวเลอก (Radio)

ปมตวเลอก (Checkbox)

กลองตวเลอกแบบรายการ (List box)

ปมสงงาน button

การสรางแบบฟอรมเพอรบ-สงขอมล

ใบความรท 10 เครองมอส าหรบสรางฟอรม

Page 11: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

5

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ในการสรางฟอรมส าหรบรบสงขอมล มเครองมอทชวยใหการสรางฟอรมเปนเรองงายโดยใชแถบเครองมอ Form หรอ เลอกทเมน Insert > Form ซงนกเรยนตองศกษารายละเอยดของเครองมอดงน

Form เปนเครองมอตวแรกทจะตองวางกอนการสรางแบบฟอรมใดๆ ทกครง เพอก าหนดต าแหนงทจะสงแบบฟอรมไปประมวลผล

<form name="form1" method="post" action="">

</form>

ค าสง ความหมาย <form></form> การสงขอมลและจะมการก าหนดสงตางๆ เพมเขาไป ซงในทนเรยกวา Attribute Method รปแบบในการสงขอมลไปยงเซรฟเวอร Action เปนการก าหนดชอไฟลทจะรบขอมลตางๆ เพอน าไปประมวลผล

เครองมอทใชสรางฟอรม (Form)

Method คอรปแบบการสงขอมล โดยสงได 2 รปแบบคอ POST เปนตวรบ - สง ขอมลไดไมจ ากด GET เปนตวรบ - สง ขอมลขนาด ไมเกน 256 ตวอกษร เปนการสงขอมลไปกบ URL ไมควรสงขอมลทเปนความลบ

Page 12: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

6

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

Text field

ใชรบขอมลจากผเขาชมเวบไซต ส าหรบค าถามปลายเปด(ค าถามประเภทพมพตอบ) ทอนญาตใหตอบดวยค าตอบสนๆ เชน ชอ, E-mail, Password เปนตน

ตวอยาง การใชงาน

ผลลพธ ==> ค าสง ความหมาย

name ชอเครองมอทตองการสงไปท างาน type ประเภทของเครองมอโดย Text field จะม type="text" size ขนาดความกวางของ text field maxlength จ านวนตวอกษรสงสดทจะกรอกลงไปในเครองมอ value คาเรมตนทจะแสดงในเครองมอ

เครองมอนสามารถปกปองขอมลไดโดยการตง type ของเครองมอใหเปน password โดยจะไมแสดง

ขอมลทกรอกใหเหน โดยจะแสดงเปนเครองหมาย ( . ) แทนตวอกษรทพมพ

ตวอยาง การใชงาน

ผลลพธ ==>

Text Area ใชรบขอมลจากผเขาชม ส าหรบค าถามปลายเปด(ค าถามประเภทพมพตอบ) ทอนญาตใหตอบดวย

ค าตอบยาว เชน ทอย ขอเสนอแนะ เปนตน

ตวอยาง การใชงาน

ผลลพธ ==>

Page 13: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

7

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

Check Box ใชรบขอมลจากผเขาชม ส าหรบค าถามปลายปด(ค าถามประเภทเลอกตอบ) ทอนญาตใหเลอกตอบได

มากกวา 1 ค าตอบ ตวอยางเชน งานอดเรก ทสามารถเลอกไดมากกวา 1 ค าตอบ

ตวอยาง การใชงาน

ผลลพธ ==>

Radio Button ใชรบขอมลจากผเขาชม ส าหรบค าถามปลายเปด(ค าถามประเภทเลอกตอบ) ทอนญาตใหเลอกตอบได

เพยงค าตอบเดยว เชน การเลอกเพศ เปนตน การกรอกขอมลควรใหผใชเลอกไดเพยงค าตอบเดยวเทานน

ตวอยาง การใชงาน

ผลลพธ ==>

List/Menu ใชรบขอมลจากผเขาชม เพอประหยดพนทภายในหนางาน ในกรณทมค าตอบใหเลอกตอบเปนจ านวนมาก เชน ประเทศ, จงหวด, กลมอาชพ เปนตน

รปแบบในการใชงานของเครองมอตวน จะมการแสดงได 2 ลกษณะ คอ

Menu แสดงผลตวเลอกครงละ 1 บรรทด

ตวอยาง การแสดงผลแบบ Menu

Page 14: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

8

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

List แสดงผลตวเลอกครงละมากกวา 1 บรรทด ซงสามารถปรบจ านวนบรรทดได

ตวอยาง การแสดงผลแบบ list

File Field ใชส าหรบเปนตวเลอกใหผเขาชมเลอกอพโหลดไฟลภายในเครอง

ตวอยาง การใชงาน

ผลลพธ ==>

Button ปมทโปรแกรมเตรยมไวใหใชส าหรบ Submit หรอ Reset ฟอรม

ตวอยาง การใชงาน

ผลลพธ ==>

เปนการสงขอมลในฟอรมทกรอกเขาไปเกบไวในตวแปรและสงตวแปรไปประมวลผลตอ

ตวอยาง

ผลลพธ ==>

การสงขอมลไปยงเซรฟเวอร

Page 15: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

9

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ชอ ...............................................................................ชน ..................... เลขท .............

ค าชแจง ตอนท 1 ใหนกเรยนเลอกค าตอบเตมในชองวางใหถกตอง

Text Field Text Area Password Field Radio button Checkbox Select (List/menu) Button Summit

เกณฑ การใหคะแนนพจารณาจากการตอบค าถาม ตอบถก ขอละ 1 คะแนน

สรางฟอรมรบคา จดประสงคการเรยนร

1. นกเรยนสามารถอธบายความหมายของฟอรมได 2. นกเรยนบอกองคประกอบของฟอรมได

แบบฝกเสรมทกษะ ท 10

Page 16: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

10

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ตอนท 2 ใหนกเรยนท าโครงงาน show_name เพอรบขอมล ชอ นามสกล และชน มาเกบไวในตวแปร เมอ

คลกทปม submit กจะสงคาตวแปรทงหมดออกมาแสดงดานลางของฟอรม ดงรป

เกณฑการใหคะแนนการท าแบบฝกทกษะ

พจารณาการใหคะแนนจากการหาผลลพธ คะแนนเตม 10 คะแนน เขยนโปรแกรมหาผลลพธไดถกตอง ชดเจน ครบถวนทนเวลา 9 - 10 คะแนน เขยนโปรแกรมหาผลลพธไดถกตอง ไมทนเวลา 6 – 8 คะแนน เขยนโปรแกรมไมชดเจน หาผลลพธไมได ไมทนเวลา 0 – 5 คะแนน

Page 17: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

11

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ในการออกแบบเวบเพจทมฟอรมส าหรบรบ-สงขอมลนน นกเรยนตองออกแบบไวกอนเพอใหรวาตอง

ใชอะไรบาง ตวอยางเชน แบบฟอรมรบชอนกเรยน และปมแสดงผลขอมล

มขนตอนดงน

1. คลกเมน Insert > Form >Form

ขนตอนการสรางฟอรม

ใบความรท 11 สรางฟอรมมมมองออกแบบ

คยลด Ctrl + F2 ส าหรบเรยกเครองมอ Insert ขนมาท างาน

Page 18: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

12

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

2. จะปรากฏเสนประสแดง แสดงขอบเขตของฟอรม 3. คลกเมน Insert > Form >Text Field

4. ตงชอใหกบ Text Field เชน St_name 5. ใสปายค าอธบายใหกบ Text Field เชน ชอนกเรยน 6. คลกปม OK

ผลลพธ

Page 19: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

13

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

7. คลกเมน Insert > Form > Button

8. คลกปม OK 9. คลกทปมเพอก าหนดรายละเอยดทแถบ Properties 10. ก าหนดขอความทปม เชน แสดง

ผลลพธ

Page 20: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

14

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

11.เขยนโคดค าสงภาษา PHP เพอสงคาตวแปร ดงน

12. ทดสอบการท างานผานเวบบราวเซอร

แทกค ำสง $_POST [ตวแปร]; คอกำรสงคำตวแปรทอยในวงเลบไปประมวลผลตอ เชน $_POST [name];

Page 21: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

15

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ชอ ...............................................................................ชน ..................... เลขท .............

ค าชแจง ใหนกเรยนสรางโครงงาน Form_design ซงประกอบดวย 3 กจกรรมใหนกเรยนไดฝกปฏบต กจกรรมท 1 การสรางฟอรมอยางงาย ใหนกเรยนสรางฟอรมทเกบขอมลตางๆ ใหมลกษณะดงภาพ

เขยนโปรแกรมดงน

สรางฟอรมในมมมองออกแบบ

จดประสงคการเรยนร 1. นกเรยนสามารถสรางฟอรมรบสงขอมลได 2. นกเรยนเขยนโปรแกรมรบคาตวแปรจากฟอรมไปประมวลผลตอได

แบบฝกเสรมทกษะ ท 11

Page 22: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

16

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

กจกรรมท 2 ใหนกเรยนสรางฟอรมทเกบขอมลส าหรบสมครเรยนออนไลน ใหมลกษณะดงภาพ ฟอรมรบสมคร

ฟอรมแสดงผล

Page 23: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

17

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

กจกรรมท 3 ใหนกเรยนเขยนโปรแกรมรบคา จ านวนตวเลข 3 จ านวน เมอคลกปมค านวณ ใหสงคาตวแปรไป

ค านวณหาผลรวม คาเฉลย และแสดงผลลพธ

ตอบ

<?PHP

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

?>

Page 24: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

18

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

กจกรรมท 4 ใหนกเรยนเขยนโปรแกรมค านวณหาพนทสามเหลยม

ตอบ <?PHP

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

..................................................................................................................

.............................................................................. ....................................

..................................................................................................................

?>

เกณฑการใหคะแนนการท าแบบฝกทกษะ

พจารณาการใหคะแนนจากการหาผลลพธ กจกรรมละ 5 คะแนน คะแนนเตม 20 คะแนน เขยนโปรแกรมหาผลลพธไดถกตอง ชดเจน ครบถวนทนเวลา 4 - 5 คะแนน เขยนโปรแกรมหาผลลพธไดถกตอง ไมทนเวลา 2 – 3 คะแนน เขยนโปรแกรมไมชดเจน หาผลลพธไมได ไมทนเวลา 0 – 1 คะแนน

Page 25: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

19

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

หนวยการเรยนรท 5 เรอง สรางฟอรมรบคาอยางงาย เวลา 10 นาท

ขอท 1) ในการแทรกชองรบขอมลประเภทตางๆ นนตองอยภายในแทกค าสงใด ? ก. <Frame> …...</Frame> ข. <HTML>….</HTML> ค. <Form>.....</Form> ง. <?PHP ….?> ขอท 2) การสรางเวบเพจทมการแลกเปลยนขอมลของผใชเวบเพจนน ตองก าหนดองคประกอบอะไร ? ก. ฟอรม ( Form ) ข. เฟรม ( Frame ) ค. เวบบอรด (Web Board) ง. กระดานขาว (Forum) ขอท 3) ค าสง <Input type= “text”> เปนการก าหนดชองรบขอมลประเภทใด ? ก. Button ข. Radio ค. Checkbox ง. Text Field ขอท 4) ถาตองการสรางกลองรบขอมลจากผชมเวบส าหรบค าถามปลายเปด ประเภทพมพตอบยาวๆ ควรใชเครองมอใด ? ก. Text Field ข . Text Area ค . Check Box ง . List/Menu ขอท 5) ถาตองการปรบขนาดของชองรบขอมลในเวบเพจตองก าหนดดวยแอตทรบวตใด ? ก. Type ข. Value ค. Input ง. Size

ค าชแจง แบบทดสอบชดนเปนแบบปรนย 4 ตวเลอก จ านวน 10 ขอ คะแนนเตม 10 คะแนน ค าสง จงเลอกค าตอบทถกทสดเพยงค าตอบเดยว แลวท าเครองหมาย X ลงในกระดาษค าตอบ

Page 26: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

20

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ขอท 6) ขอใดถกตองในการสรางชองรบขอมลประเภท Password ? ก. <Input type=”text”> ข. <Input type=”submit”> ค. <Input type=”reset”> ง. <Input type=”password”> ขอท 7) แทกค าสง $_POST[ตวแปร]; ท าหนาทอะไร ? ก. ก าหนดคาตวแปร ข. บนทกตวแปร ค. สงคาตวแปรไปประมวลผล ง. แสดงคาตวแปรผานทางเวบบราวเซอร ขอท 8) ถาตองใหเลอกขอมลไดมากกวา 1 ตวเลอก นกเรยนจะเลอกชองรบขอมลประเภทใดเปน ? ก. Select ข. Radio button ค. Text area ง. Checkbox ขอท 9) เมนใดใชส าหรบสรางฟอรมในมมมองออกแบบ ? ก. File > form ข. Insert> form>form

ค. Edit > object>form ง. Modify> Media>form

ขอท 10) จากภาพตองก าหนดชองรบขอมลแบบใด ?

ก. Radio Button ข. List/Menu ค. File Field ง. Check Box

**********************************************************************************************

“ความพยายาม” ครงทรอย..

ดกวา...ทอถอยตงแต “ยงไมเรม”

Page 27: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

21

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

จรสทธ องรตนวงศ. คมอพฒนาเวบแอพพลเคชน PHP+AJAX+JQUERY. กรงเทพฯ : โปรวชน, 2555. ภชงค จนทรเปลง. หนงสอเรยนรายวชาเพมเตม การเขยนโปรแกรมผานเครอขายดวยภาษา PHP. ปทมธาน : มเดย อนเทลลเจนซ เทคโนโลย, 2556. อนรรฆนงค คณมณ. Basic &Workshop PHP + AJAX และ JQUERY. นนทบร : ไอดซฯ 2554 อนรรฆงค คณมณ. พฒนา Web App แบบมออาชพดวย PHP+AJAX และ jQuery. นนทบร: บรษท ไอดซ พรเมยร จ ากด,2555. สธร นวกล. ออกแบบเวบไซตดวย Dreamweaver CS6 .กรงเทพฯ : ซเอดยเคชน, 2555. Songchai Saetern .2557. เรยน PHP เบองตน. (ออนไลน). http://www.sunzan-design.com/. 1 พฤศจกายน 2557. Thaicreate.com. 2557. PHP (Hypertext Preprocessor). (ออนไลน). http://www.thaicreate.com /php.html. 1 พฤศจกายน 2557. W3schools.com.2557. PHP 5 Tutorial. (ออนไลน).http://www.w3schools.com/php/. 1 พฤศจกายน 2557.

บรรณานกรม

Page 28: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

22

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

Page 29: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

23

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

ชอ – นามสกล ................................................................................ ชน............... เลขท.........

ค าชแจง แบบทดสอบชดนเปนแบบปรนย 4 ตวเลอก จ านวน 10 ขอ

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

**********************************************************************************

ตารางบนทกคะแนน รายการสอบ คะแนนเตม คะแนนทได กอนเรยน 10 หลงเรยน 10

ขอ ตวเลอก

ก ข ค ง 1 2 3 4 5 6 7 8 9

10

ขอ ตวเลอก

ก ข ค ง 1 2 3 4 5 6 7 8 9

10

กระดำษค ำตอบ หนวยกำรเรยนรท 5

กอนเรยน หลงเรยน

Page 30: เอกสารประกอบการสอน · 2015-06-01 · ใบความรู้ที่ 10 เครื่องมือส าหรับสร้างฟอร์ม

24

เอกสารประกอบการสอน การเขยนโปรแกรมคอมพวเตอรดวยภาษา PHP

**************************************************************************************