14
บทที7 การสร้างฟอร์ม (Form) ครูภูริวัฒน์ เกื้อทาน

บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

  • Upload
    others

  • View
    1

  • Download
    0

Embed Size (px)

Citation preview

Page 1: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

บทที่ 7 การสรา้งฟอร์ม (Form)

ครูภูริวฒัน ์ เกื้อทาน

Page 2: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

ฟอร์ม คือ ?

ฟอรม์ (Form) เป็นส่วนติดต่อระหว่างผู้ใชง้านกับตารางฐานข้อมูล สร้างขึ้นมาเพื่อช่วยผู้ใช้งานทํางานกับตารางข้อมูลได้สะดวกมากยิ่งขึ้น โดยแต่ละฟอรม์จะเชื่อมโยงกับตาราง (Table) และแบบสอบถามข้อมูล (Query)เป็นแหล่งข้อมูล ชื่อฟิลด์ ประเภทข้อมูล ขนาดข้อมูล คําอธิบาย

C1 ตัวอักษร 5 ตัว รหัสอุปกรณ์

na ตัวอักษร 20 ตัวอักษร ชื่ออุปกรณ์

brand ตัวอักษร 15 ตัวอักษร ยี่ห้อ

prices ตัวเลข/Cur 6 หลัก ราคา

a1 ตัวอักษร 50 ตัวอักษร ที่อยู่ผู้ผลิต

C2 ตัวอักษร 15 ตัวอักษร สี

model ตัวอักษร 15 ตัว รุ่นที่ใช้

p1 ตัวอักษร 20 ตัว ชื่อผู้ผลิต

Page 3: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

พื้นที่การทํางานของฟอร์ม 5 ส่วน

1. ส่วนหัวของฟอร์ม (Form header) คือส่วนบนสุดของฟอร์มแสดงผลตลอดเวลา ใส่ชื่อฟอร์ม โลโก้

2. ส่วนทา้ยของฟอรม์ (Form Footer) คือส่วนล่างสุดของฟอร์มแสดงผลตลอดเวลา มักใส่ชื่อและคําอธิบายฟอร์มนั้นๆ

3. ส่วนหัวของหน้า (Page header) ใช้แสดงข้อมูลสว่นบนของแต่ละหน้าของฟอร์ม

4. ส่วนทา้ยของหน้า (Page footer) ใช้แสดงข้อมูลสว่นท้ายของแต่ละหน้าของฟอร์ม

5. ส่วนรายละเอียด (Detail) เป็นส่วนทีใ่ช้วางฟิลด์ข้อมูลและปุม่ควบคมุต่างๆ เพื่อแสดงรายละเอียดทั้งหมดของข้อมูล

Page 4: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

พื้นที่การทํางานของฟอร์ม 5 ส่วน

1

2

5

3

4

Page 5: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

มุมมองการสร้างฟอร์ม

1. มุมมองการออกแบบ ใช้สร้างและแก้ไขฟอรม์

2. มุมมองเค้าโครง ใช้จัดรูปแบบของฟอรม์ เช่นกําหนดขนาดตัวอักษร สี เป็นต้น

3. มุมมองฟอร์ม ใช้ในการแสดงข้อมูลหลังจากสร้างและแก้ไขแล้ว

Page 6: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

การสร้างฟอร์ม อย่างง่าย1

2

3

4

5

6

7

Page 7: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

การปรับแต่งฟอร์ม1

2

3

4

5

Page 8: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

การปรับแต่งฟอร์ม (ตอ่)1

2

3

4

Page 9: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

การปรับแต่งฟอร์ม ด้วยเครื่องมือออกแบบ

1

23

4

5

Page 10: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

การสร้างปุ่มควบคุม

การสร้างปุม่ควบคุม ในฟอรม์ เพื่อใช้เป็นปุ่มดําเนินการต่างๆ เกี่ยวกับข้อมูล โดยมี

ประเภทของปุ่มให้เลือก ดังนี้

•Record Navigation สร้างปุม่เลื่อนเรคอร์ด

•Record Operations สร้างปุ่มจัดการเรคอร์ด

•Form Operation สร้างปุม่จัดการฟอรม์

•Report Operation สร้างปุม่จัดการรายงาน

•Application สร้างปุม่จัดการโปรแกรมอื่นๆ

•Miscellaneous สรา้งปุม่ทาํงานอืน่ๆ (ปุ่มเบ็ดเตล็ด)

Page 11: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

ขั้นตอนการสร้างปุ่ม

1

23

4.วาดขนาดตามต้องการ

5 6

7

Page 12: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

ขั้นตอนการสร้างปุ่ม (ตอ่)

12

3

4. ตั้งชื่อปุ่ม เป็นภาษา

Eng

5

Page 13: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

ขั้นตอนการสร้างปุ่ม (ตอ่)1

2

3

4.

5

Page 14: บทที่ 7 การสร้างฟอร ์ม (Form)km.debsirinsp.ac.th/files/150605099175948_18030521211506.pdf · 2018-03-05 · บทที่ 7 การสร้างฟอร

ใบงานที่ 4

1. ออกแบบฟอร์มตามจินตนาการ จากตารางข้อมลูทีส่ร้างขึน้ในใบงานที่ 2

•มีชือ่บรษิัทหรอืหน่วยงาน โลโก้ พื้นหลัง ข้อมลูผู้ออกแบบและสรา้งฐานขอ้มลู

2. สร้างปุ่มควบคุม อย่างน้อย 7 ปุ่มได้แก่

•ปุ่มเพิ่มข้อมลู /ปุ่มบันทกึข้อมูล/ เลื่อนไปเรคอร์ดแรก / ปุ่มเลื่อนไปเรคอร์ดสุดทา้ย

/ ปุ่มค้นหาข้อมลู / ปุ่มลบข้อมลู /ปุ่มปิดฟอร์ม

3. ทดสอบการทาํงานของระบบฐานข้อมลูและปุม่ควบคุมทีส่ร้างขึน้

4. Upload ระบบฐานข้อมลูทีส่มบูรณแ์ล้ว เข้าสู่กลุ่มเฟสบุคของตนเอง อย่าลืมบอก

ชื่อคนทาํ และชือ่งานด้วย ไมบ่อกไมต่รวจ ทั้งหมด 10 คะแนน