ฟอร์มในระบบคูนิฟ็อกซ์

ฟอร์มเป็นวิธีการสื่อสารข้อมูลที่ผู้ใช้ต้องการเพิ่มเติม/แก้ไขให้ระบบคูนิฟ็อกซ์รับค่าและบันทึกตาม จึงนับได้ว่า ฟอร์มเป็นองค์ประกอบที่ผู้ใช้มีปฏิสัมพันธ์ด้วยมากที่สุดอย่างหนึ่งภายใต้โมดูลมาตรฐานของคูนิฟ็อกซ์

ผู้ใช้จะสามารถพบฟอร์มได้ในหลายรูปแบบดังนี้:

• ฟอร์มอิสระ (stand-alone form): เป็นฟอร์มที่ไม่ได้เป็นส่วนประกอบย่อยของตารางข้อมูลใดๆ เช่น ฟอร์มลงชื่อเข้าใช้, ฟอร์มเปลี่ยนวันที่และเวลาของระบบ, ฟอร์มหัวเอกสารต่างๆ, ฯลฯ
• ฟอร์มที่เป็นองค์ประกอบของตารางข้อมูล (in-table form): เมื่อผู้ใช้ต้องการเพิ่มหรือแก้ไขข้อมูลในตารางข้อมูลต่างๆ ระบบจะแสดงและรับข้อมูลผ่านฟอร์มที่ผูกอยู่กับตารางข้อมูลนั้น ทั้งนี้ ฟอร์มของตารางรหัสอาจแสดงอยู่ในแถวของตาราง (in-line form) หรือแสดงในหน้าต่างแยกต่างหาก (pop-up form) ก็ได้ถ้าจำนวนช่องข้อมูลมีมากกว่าที่แสดงอยู่ในตาราง (ดูเพิ่มเติม ตารางในระบบคูนิฟ็อกซ์)

ชนิดของช่องข้อมูล

ฟอร์มภายใต้โมดูลมาตรฐานของคูนิฟ็อกซ์ประกอบด้วยช่องข้อมูลต่างๆ ดังนี้

องค์ประกอบของฟอร์มในระบบคูนิฟ็อกซ์

ช่องกรอกข้อความ

ช่องกรอกข้อความ (ตัวอย่างเช่น หมายเลข 1, 2, และ 6 ตามภาพ) ใช้กรอกข้อมูลประเภทตัวเลขและตัวอักษร รองรับฟังก์ชันเชิงข้อความทั่วไปของคอมพิวเตอร์ เช่นการตัด (cut: Ctrl+X), คัดลอก/วาง (copy/paste: Ctrl+C / Ctrl+V), เลิกทำ (undo: Ctrl+Z), เลือกทั้งหมด (select all: Ctrl+A), ฯลฯ

เพื่ออำนวยความสะดวกและควบคุมข้อมูลต่างๆ ช่องข้อความบางช่องอาจมีฟีเจอร์เพิ่มเติมเช่น:

• การจัดรูปแบบข้อมูลชนิดพิเศษ
• การคำนวณสดในช่องข้อมูล
• การกรอกข้อความหลายบรรทัด
• การค้นหาข้อมูล

การจัดรูปแบบข้อมูลชนิดพิเศษ

ช่องข้อมูลชนิดวันที่และเวลา

ฟีเจอร์ช่วยจัดรูปแบบข้อมูลช่วยให้ระบบสามารถตีความหมายข้อมูลที่ผู้ใช้ต้องการได้ง่าย, รักษาความเป็นระเบียบของข้อมูลที่จัดเก็บและแสดงผลต่อผู้ใช้โดยรวม, และประหยัดเวลาให้กับผู้ใช้ในการกรอกข้อมูล

ข้อความชนิดพิเศษที่ระบบคูนิฟ็อกซ์ช่วยจัดรูปแบบให้ได้แก่:

• วันที่: ผู้ใช้สามารถเลือกกรอกข้อมูลได้ดังนี้ (ใช้วันที่ 31 ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
  • กรอกเต็มรูปแบบที่บริษัทตั้งค่าไว้ (เช่น "31/12/2022": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกในรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น (เช่น "31122022": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกเฉพาะวันที่และเดือน โดยระบบจะใช้ปีตามวันที่ของ session (เช่น "3112": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกเฉพาะวันที่ โดยระบบจะใช้เดือนและปีตามวันที่ของ session (เช่น "31")
• เดือน: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เดือน ธันวาคม ค.ศ. 2022 เป็นตัวอย่าง):
  • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้ (เช่น "12/2022": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น (เช่น "122022": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกเฉพาะเดือน โดยระบบจะใช้ปีตามวันที่ของ session (เช่น "12")
• เวลา: ผู้ใช้สามารถกรอกข้อมูลได้ดังนี้ (ใช้เวลา 15 นาฬิกา 0 นาที 0 วินาที เป็นตัวอย่าง):
  • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้ (เช่น "15:00:00": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกตามรูปแบบที่บริษัทตั้งค่าไว้โดยไม่ใส่เครื่องหมายคั่น (เช่น "150000": ขึ้นกับรูปแบบที่บริษัทกำหนด)
  • กรอกเฉพาะชั่วโมงและนาที ระบบจะใส่ค่า 0 แทนวินาทีโดยอัตโนมัติ (เช่น "1500")
  • กรอกเฉพาะชั่วโมง ระบบจะใส่ค่า 0 แทนนาทีและวินาทีโดยอัตโนมัติ (เช่น "15")
• จำนวนเต็ม: ระบบจะปัดเศษทศนิยมของข้อมูลในช่องให้เป็นจำนวนเต็มโดยอัตโนมัติ (สำหรับช่องที่โปรแกรมกำหนดชนิดข้อมูลเป็นจำนวนเต็ม)
• ค่าทศนิยม และร้อยละ: ระบบจะปัดเศษทศนิยมของข้อมูลในช่องให้มีความละเอียดตามที่ตั้งค่าไว้ พร้อมใส่เครื่องหมายคั่นหลักพัน/หมื่น และเครื่องหมายเปอร์เซ็นต์ (ชนิดของข้อมูลกำหนดกำหนดโดยตัวโปรแกรม)

การคำนวณสดในช่องข้อมูล

ตัวอย่างการใช้งานช่องคำนวณสด

ช่องข้อมูลที่โปรแกรมกำหนดชนิดเป็นจำนวนเต็ม, ทศนิยม, หรือร้อยละรองรับการคำนวณสดแบบเครื่องคิดเลขได้ ผู้ใช้สามารถใช้งานฟีเจอร์นี้ได้โดย:

1. เริ่มป้อนข้อมูลในช่องด้วยเครื่องหมายเท่ากับ "=" หรือเครื่องหมายบวก "+" (ระบบจะตีความเครื่องหมายบวกในตำแหน่งแรกเป็นเครื่องหมายเท่ากับโดยอัตโนมัติ)
2. ป้อนตัวเลขและเครื่องหมายที่ต้องการคำนวณต่อเนื่องไปเรื่อยๆ เหมือนกับการใช้เครื่องคิดเลขตั้งโต๊ะ สัญลักษณ์ทางการคำนวณที่ระบบรองรับได้แก่
   • บวก (+)
   • ลบ (-): ใช้เป็นทั้งเครื่องหมายคิดคำนวณและระบุจำนวนติดลบ
   • คูณ (*)
   • หาร (/)

   • ยกกำลัง (^): สามารถใช้แทนเครื่องหมายราก (root) ได้ เช่น รากที่สอง (square root) ใช้ยกกำลัง 0.5 เป็นต้น

     ${\sqrt[{n}]{x}}=x^{\left({\frac {1}{n}}\right)}$

   
   ตัวอย่างการใช้งานช่องคำนวณสด (ร้อยละ)
   • เปอร์เซ้นต์ (%): พฤติกรรมการคำนวณด้วยเครื่องหมายเปอร์เซ็นต์เป็นดังนี้:
     • หากใส่เครื่องหมายเปอร์เซ็นต์ที่จำนวนแรก: ระบบจะนำจำนวนนั้นหาร 100 ให้โดยอัตโนมัติ

     • การบวก/ลบด้วยจำนวนที่มีเครื่องหมายเปอร์เซ็นต์: ใช้จำนวนแรกเป็นฐานการคำนวณ เช่น

       $x+y\%=x+\left(x\times {\frac {y}{100}}\right)$

       $x-y\%=x-\left(x\times {\frac {y}{100}}\right)$

     • การคูณ/หารด้วยจำนวนที่มีเครื่องหมายเปอร์เซ็นต์: หารจำนวนที่สองด้วย 100 ก่อนแล้วจึงคำนวณ เช่น

       $x\times y\%=x\times {\frac {y}{100}}$

       $x\div y\%=x\div {\frac {y}{100}}={\frac {100\times x}{y}}$

ช่องกรอกข้อความหลายบรรทัด

ช่องกรอกข้อความหลายบรรทัด (หมายเลข 2) ใช้รองรับข้อมูลที่ยาวมาก หรือสามารถจัดรูปแบบเป็นหลายบรรทัดได้ มีข้อควรทรายในการฝช้งานดังนี้

• ใช้ปุ่ม Ctrl+↵ Enter เพื่อขึ้นบรรทัดใหม่ในช่อง
• ช่องข้อมูลประเภทนี้สามารถยืดหดในแนวตั้งได้ โดยใช้เมาส์คลิกค้างบริเวณสามเหลี่ยมที่มุมขวาล่างของช่อง แล้วขยับเมาส์ขึ้นหรือลง

ช่องค้นหาข้อมูล

การใช้งานหน้าต่างค้นหา

• ช่องค้นหา (หมายเลข 6): ใช้สำหรับค้นหาข้อมูลจากฐานข้อมูล ข้่อมูลในช่องข้อความลักษณะนี้ที่ต้องอ่านจากฐานข้อมูลเท่านั้น มีรายละเอียดการใช้งานดังนี้:
  • กรอกข้อความค้นหาเบื้องต้น แล้วใช้เมาส์คลิกที่ปุ่ม ทางขวาของช่อง ระบบจะเปิดหน้าต่างค้นหาขึ้น และกรอกข้อความค้นหาลงในแถบค้นหาของตารางให้โดยอัตโนมัติ หรือ
  • กรอกข้อความค้นหาเบื้องต้น แล้วกดปุ่ม ↵ Enter หรือ Tab ↹ หรือคลิกที่อื่นบนหน้าจอ ระบบจะค้นหาเฉพาะรายการที่มีรหัสขึ้นต้นด้วยข้อความค้นหา
    • หากพบเพียงรายการเดียว ระบบจะเลือกรายการนั้นให้โดยอัตโนมัติ
    • หากไม่พบหรือพบมากกว่า 1 รายการ ระบบจะเปิดหน้าต่างค้นหา พร้อมแสดงรายการทั้งหมดที่พบ

  *** กรณีที่ระบบเปิดหน้าต่างค้นหาขึ้น ให้ผู้ใช้เลือกรายการที่ต้องการแล้วกดปุ่ม "ตกลง" ด้านล่างของหน้าต่าง (ผู้ใช้สามารถเลือกรายการด้วยคีย์บอร์ด แล้วกดปุ่ม ↵ Enter เพื่อยืนยันการเลือก ตามรายละเอียดในหัวข้อตารางในระบบคูนิฟ็อกซ์ก็ได้)

ช่องตัวเลือกข้อมูล

select field and radio field

• ช่องเลือกข้อมูล (หมายเลข 7): ให้ผู้ใช้เลือกข้อมูลจากตัวเลือกที่กำหนดไว้

ช่องทำเครื่องหมาย

checkbox + toggle

• ช่องทำเครื่องหมาย (หมายเลข 5): คลิกที่ช่องหรือข้อความประจำช่องเพื่อทำเครื่องหมายหรือยกเลิกการทำเครื่องหมาย

ช่องเลือกไฟล์และภาพ

• ช่องเลือกไฟล์ (หมายเลข 3): ประกอบด้วย 2 ส่วน ได้แก่
  • ตัวช่องข้อมูล: ผู้ใช้สามารถคลิกในบริเวณของช่องข้อมูล ระบบจะเปิดหน้าต่างเลือกไฟล์ขึ้นมา
  • ชุดปุ่มเครื่องมือ: มี 4 ปุ่ม ได้แก่
    • ปุ่ม ใช้เปิดไฟล์ที่เลือกอยู่ปัจจุบันในแท็บใหม่ เพื่อดูภาพขนาดเต็ม (กรณีเป็นไฟล์รูปภาพ) หรือดาวน์โหลดไฟล์
    • ปุ่ม ใช้แนบรูปถ่าย เมื่อกดปุ่มนี้ ระบบจะเปิดหน้าต่างอัพโหลดจากกล้อง เพื่อให้ผู้ใช้ถ่ายภาพที่ต้องการแนบ
    • ปุ่ม ใช้ยกเลิกการเปลี่ยนแปลงค่า เมื่อกดปุ่มนี้ ไฟล์ที่เลือกไว้จะกลับไปเป็นไฟล์เดิมในฐานข้อมูล (ถ้าในฐานข้อมูลยังไม่มีไฟล์เก็บไว้ ปุ่มนี้จะทำงานเหมือนปุ่ม )

    • ปุ่ม ใช้ล้างข้อมูลไฟล์

      *** หลังจากบันทึกข้อมูล ไฟล์จะถูกบันทึกในแฟ้มที่กำหนดไว้ภายในเครื่องเซิร์ฟเวอร์ โดยระบบคูนิฟ็อกซ์จะสร้างข้อความสุ่มขึ้นมาตั้งเป็นชื่อไฟล์โดยอัตโนมัติ

      *** กรณีที่ช่องข้อมูลรองรับไฟล์ภาพ ผู้ใช้อาจเห็นช่องแสดงตัวอย่างภาพ (หมายเลข 4) หากผู้ใช้คลิกที่ตัวอย่างภาพ ระบบจะเปิดไฟล์นั้นในแท็บใหม่

สถานะของช่องข้อมูล

disabled (right click to copy), readonly, validation *** ช่องข้อมูลบางช่องอาจถูกปิดกั้นการเปลี่ยนแปลงค่าเอาไว้ ช่องข้อมูลเหล่านี้มักจะเป็นข้อมูลที่กรอกหรือคำนวณโดยอัตโนมัติ หรือเป็นค่าที่ไม่อนุญาตให้แก้ไขหลังจากเพิ่มรายการไปเรียบร้อยแล้ว

การใช้งานฟอร์มด้วยคีย์บอร์ด

เมื่อโฟกัสของโปรแกรมอยู่ในช่องข้อมูลต่างๆ ของฟอร์ม ผู้ใช้สามารถสั่งการฟอร์มด้วยปุ่มต่างๆ บนคีย์บอร์ดดังนี้:

คีย์สำหรับเปลี่ยนช่องข้อมูล และยืนยันฟอร์ม

• Tab ↹ : เปลี่ยนไปช่องข้อมูลถัดไป
• ↵ Enter :
  • กรณีมีช่องข้อมูลถัดไป: เปลี่ยนไปช่องข้อมูลถัดไป
  • กรณีไม่มีช่องข้อมูลถัดไป: ยืนยันการบันทึกข้อมูลในฟอร์ม
• ⇧ Shift+Tab ↹ หรือ ⇧ Shift+↵ Enter : เปลี่ยนไปช่องข้อมูลก่อนหน้า
• Alt+↵ Enter : ยืนยันบันทึกข้อมูลในฟอร์ม

คีย์สำหรับช่องตัวเลือก

• ↑ หรือ ← : เลือกตัวเลือกก่อนหน้า
• ↓ หรือ → : เลือกตัวเลือกถัดไป
• PageUp : เลือกตัวเลือกแรก
• PageDown : เลือกตัวเลือกสุดท้าย

คีย์ลัดอื่นๆ

• Ctrl+↵ Enter : ขึ้นบรรทัดใหม่ในช่อง (สำหรับช่องกรอกข้อมูลหลายบรรทัด)
• Space :
  • สำหรับช่องทำเครื่องหมาย: ทำเครื่องหมาย/ยกเลิกการทำเครื่องหมาย
  • สำหรับช่องเลือกข้อมูล: แสดงตัวเลือกทั้งหมด (สำหรับช่องตัวเลือกข้อมูลแบบดรอปดาวน์)
  • สำหรับช่องข้อมูลประเภทไฟล์: แสดงหน้าต่างเลือกไฟล์