บทช่วยสอน BOS Document Designer

BOS Document Designer เป็นนักออกแบบที่ยืดหยุ่นซึ่งช่วยให้องค์กรสามารถสร้างและปรับแต่งแบบฟอร์มของตนเอง เช่น ใบแจ้งหนี้และใบเสนอราคา แบบฟอร์มเหล่านี้สามารถส่งออกเป็น JSON, HTML หรือ PDF

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

การนําทาง: เมนู > หลัก การตั้งค่า > ตัวออกแบบ > แบบฟอร์ม ตัวออกแบบเอกสาร BOS

---

วิธีการออกแบบเอกสาร

การออกแบบมีความยืดหยุ่น คุณสามารถย้ายวงดนตรีไปรอบๆ และแก้ไขได้บ่อยเท่าที่คุณต้องการ ถ้าคุณกลับไปที่เอกสารในภายหลัง ให้คลิก แก้ไข (ปุ่ม) เพื่อทําการเปลี่ยนแปลง

1. นําทางไปยังตัว ออกแบบเอกสาร
2. คลิก ใหม่ (ปุ่ม)
3. กรอกข้อมูลในฟิลด์ส่วนหัวดังนี้:
   1. คําอธิบาย = พิมพ์คําอธิบายสําหรับเอกสาร (เช่น ใบเสนอราคา)
   2. รหัส = พิมพ์คําอธิบายสั้น ๆ สําหรับเอกสาร (เช่น QT)
   3. ขนาดหน้า – ลึก x กว้าง (มม.) = พิมพ์ขนาดของหน้าเป็นมม. ในบล็อกด้านล่าง
      • หมายเหตุ ขนาดหน้ายอดนิยม:
        • A3: 420 มม. x 297 มม.
        • A4: 297 มม. x 210 มม.
        • A5: 210 มม. x 148 มม.
4. คลิก วงดนตรี (ปุ่ม) > รูปภาพและข้อความ และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
5. คลิก Band (ปุ่ม) > Line เปลี่ยน ตําแหน่ง = ด้านบน ในส่วนที่ 2 เค้าโครง ยอมรับค่าเริ่มต้นที่เหลือ
6. คลิก Band (ปุ่ม) > Transaction Header และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
7. คลิก Band (ปุ่ม) > Caption และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
8. คลิก Band (ปุ่ม) > รายการธุรกรรม และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
9. คลิก Band (ปุ่ม) > Line เปลี่ยน ตําแหน่ง = ด้านล่าง ในส่วนที่ 2 เค้าโครง ยอมรับค่าเริ่มต้นที่เหลือ
10. คลิก Band (ปุ่ม) > Transaction Totals และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
11. คลิก Band (ปุ่ม) > Line เปลี่ยน ตําแหน่ง = ด้านล่าง ในส่วนที่ 2 เค้าโครง ยอมรับค่าเริ่มต้นที่เหลือ
12. คลิก Band (ปุ่ม) > Page Footer และกรอกข้อมูลในฟิลด์ตามคําแนะนําด้านล่าง
13. คลิก บันทึก (ปุ่ม)
14. คลิก การกระทํา (ปุ่ม) > PDF เพื่อดูตัวอย่างเอกสาร
15. ทําการเปลี่ยนแปลงตามต้องการ

---

วิธีทําให้เสร็จสมบูรณ์: รูปภาพและข้อความ

1. ภาพ

1. URL รูปภาพ = วาง URL จากรูปภาพของคุณในบล็อกที่ให้ไว้
   • ใน โมดูล สิ่งที่แนบมา ให้แก้ไขสิ่งที่แนบมาที่เกี่ยวข้อง
   • คลิก การดําเนินการ (ปุ่ม) > คัดลอกลิงก์
   • กลับไปที่ ตัวออกแบบเอกสาร และวางลิงก์
     • หมายเหตุ ถ้าคุณอัปเดตรูปภาพในโมดูลของสิ่งที่แนบมา จะมีการออก URL ใหม่ และคุณต้องทําซ้ําขั้นตอนนี้เพื่อวาง URL ใหม่ ระบบจะไม่ได้รับการอัปเดตโดยอัตโนมัติ
2. ตําแหน่ง = เลือก ซ้าย จากรายการดรอปดาวน์
3. ความกว้าง (มม.) = 70
4. ความสูง (มม.) = 70

2. ข้อความ

1. เนื้อหา = คลิกดินสอแล้วพิมพ์หรือวางข้อมูลบริษัททั้งหมด
   • ดูภาพหน้าจอสําหรับตัวอย่าง
   • ข้อมูลถูกนํามาจากแท็บ ผลลัพธ์ ของเอนทิตี และวางในบล็อกที่ให้ไว้
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. ชื่อแบบอักษร = เลือก Roboto – Thin จากรายการแบบเลื่อนลง
4. ขนาดตัวอักษร = 8
5. ความสูงของเส้น (em) = 1.4

3. เค้าโครง

1. ตําแหน่ง = เลือก ด้านบน จากรายการดรอปดาวน์
2. เริ่มหน้าใหม่ = ยกเลิกการเลือกช่องทําเครื่องหมาย
3. แสดงในหน้าแรก = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. แสดงในหน้าสุดท้าย = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
5. ช่องว่างคอลัมน์ = 50

4. ระยะขอบ

1. ด้านบน (มม.) = 15
   • หมายเหตุ ระยะขอบนี้แสดงถึงพื้นที่ว่างที่ด้านบนของหน้า และจําเป็นเพื่อชดเชยพื้นที่ที่พิมพ์ได้ของเครื่องพิมพ์พื้นฐาน (เช่น หากลูกค้าของคุณต้องการพิมพ์เอกสาร)
2. ด้านล่าง (มม.) = 0
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---

วิธีดําเนินการให้เสร็จสมบูรณ์: ส่วนหัวของธุรกรรม

1. ข้อความ

1. ป้ายชื่อ – ตัวเลข = ไม่
2. ป้ายชื่อ – วันที่ = วันที่
3. ป้ายชื่อ – วันครบกําหนด = ดูธุรกรรมหรือชนิดธุรกรรมที่เกี่ยวข้องเพื่อดูว่าคําบรรยายนี้ใช้ทําอะไร พิมพ์คําบรรยายที่เหมาะสม (ในตัวอย่างนี้ เว้นว่างไว้)
4. ฉลาก – VAT No. = หมายเลขภาษีมูลค่าเพิ่ม
5. ฉลาก – ตัวแทน = ตัวแทน
6. ชื่อแบบอักษร = เลือก Roboto – Regular จากรายการแบบเลื่อนลง
7. ขนาดตัวอักษร = 8
8. ความสูงของเส้น (em) = 1.4

2. เค้าโครง

1. ตําแหน่ง = เลือก ด้านบน จากรายการดรอปดาวน์
2. เริ่มหน้าใหม่ = ยกเลิกการเลือกช่องทําเครื่องหมาย

3. ระยะขอบ

1. ด้านบน (มม.) = 10
2. ด้านล่าง (มม.) = 10
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---

วิธีการกรอกข้อมูล: คําบรรยายภาพ

1. คําบรรยายภาพ

1. เนื้อหา = พิมพ์ QUOTATION
   • คุณสามารถพิมพ์รูปแบบใดก็ได้ของชื่อ (เช่น Q U O T A T I O N, ~~ Quotation ~~)
2. การจัดตําแหน่ง = เลือก กึ่งกลาง จากรายการดรอปดาวน์
3. ชื่อแบบอักษร = เลือก Roboto – ตัวหนา จากรายการแบบเลื่อนลง
4. ขนาดตัวอักษร = 14 (หรือค่าอื่นใดหากคุณต้องการให้ข้อความใหญ่ขึ้นหรือเล็กลง (เช่น 12 หรือ 16)

2. เค้าโครง

1. ตําแหน่ง = เลือก ด้านบน จากรายการดรอปดาวน์
2. เริ่มหน้าใหม่ = ยกเลิกการเลือกช่องทําเครื่องหมาย
3. แสดงในหน้าแรก = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. แสดงในหน้าสุดท้าย = ทําเครื่องหมายที่ช่องทําเครื่องหมาย

3. ระยะขอบ

1. ด้านบน (มม.) = 0
   • ในตัวอย่างนี้ ระยะขอบถูกตั้งค่าโดยฟิลด์ส่วน หัวของธุรกรรม ก่อนหน้า
2. ด้านล่าง (มม.) = 0
   • ในตัวอย่างนี้ มาร์จิ้นถูกกําหนดโดยฟิลด์ รายการธุรกรรม ที่ตามมา
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---

วิธีดําเนินการให้เสร็จสมบูรณ์: รายการธุรกรรม

01. คอลัมน์ – หมายเลขสินค้า

1. ฉลาก = ไม่
2. การจัดตําแหน่ง = เลือก ซ้าย จากรายการดรอปดาวน์
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 10

02. คอลัมน์ – คําอธิบาย

1. ฉลาก = คําอธิบาย
2. การจัดตําแหน่ง = เลือก ซ้าย จากรายการดรอปดาวน์
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 63

03. คอลัมน์ – ปริมาณ

1. ฉลาก = จํานวน
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 12

04. คอลัมน์ – หน่วย

1. ฉลาก = หน่วย
2. การจัดตําแหน่ง = เลือก ซ้าย จากรายการดรอปดาวน์
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 15

05. คอลัมน์ – ราคาต่อหน่วย

1. ฉลาก = ราคาต่อหน่วย
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 20

06. คอลัมน์ – รวม ไม่รวม

1. ฉลาก = รวม (ไม่รวมภาษีมูลค่าเพิ่ม)
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 25

07. คอลัมน์ – ภาษีมูลค่าเพิ่ม

1. ฉลาก = ภาษีมูลค่าเพิ่ม
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 20

08. คอลัมน์ – Total Inc

1. ฉลาก = รวม (รวมภาษีมูลค่าเพิ่ม)
2. การจัดตําแหน่ง = เลือก ขวา จากรายการแบบเลื่อนลง
3. มองเห็นได้ = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
4. ความกว้าง (มม.) = 25

09. ข้อความ

1. ชื่อแบบอักษร = เลือก Roboto – Regular จากรายการแบบเลื่อนลง
2. ขนาดตัวอักษร = 8

10. เค้าโครง

1. ตําแหน่ง = เลือก เนื้อหา จากรายการแบบเลื่อนลง
2. เริ่มหน้าใหม่ = ยกเลิกการเลือกช่องทําเครื่องหมาย

11. ระยะขอบ

1. ด้านบน (มม.) = 10
2. ด้านล่าง (มม.) = 0
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---

วิธีทําธุรกรรมรวมให้เสร็จสมบูรณ์

1. คอลัมน์ – ซ้าย

1. ข้อความ = พิมพ์ข้อความที่คุณต้องการแสดงต่อลูกค้าของคุณ ดูภาพหน้าจอสําหรับตัวอย่าง
2. ความกว้าง (มม.) = 60
   • หมายเหตุ คุณสามารถเพิ่มความกว้างได้หากไม่มีข้อความกึ่งกลาง

2. คอลัมน์ – ตรงกลาง

1. ข้อความ = พิมพ์ข้อความที่คุณต้องการแสดงต่อลูกค้าของคุณหรือเว้นว่างไว้โดยไม่มีข้อความ

3. คอลัมน์ – ขวา

1. ป้ายกํากับ – ผลรวมย่อย = ผลรวมย่อย
2. ฉลาก – VAT = VAT
3. ป้ายกํากับ – รวม = รวม
4. ความกว้าง (มม.) = 45
5. ความกว้างของฉลาก (มม.) = 20

4. ข้อความ

1. ชื่อแบบอักษร = เลือก Roboto – Regular จากรายการแบบเลื่อนลง
2. ขนาดตัวอักษร = 8
3. ความสูงของเส้น (em) = 1.4

5. เค้าโครง

1. ตําแหน่ง = เลือก ด้านล่าง จากรายการดรอปดาวน์
2. เริ่มหน้าใหม่ = ยกเลิกการเลือกช่องทําเครื่องหมาย

6. ระยะขอบ

1. ด้านบน (มม.) = 10
2. ด้านล่าง (มม.) = 10
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---

วิธีกรอกส่วนท้ายของหน้า

1. คอลัมน์ – ซ้าย

1. ซ้าย = เลือก วันที่พิมพ์ จากรายการดรอปดาวน์เพื่อแสดงวันที่และเวลาที่เอกสารถูกสร้างขึ้น
2. ข้อความที่กําหนดเอง = เว้นว่างไว้

2. คอลัมน์ – ตรงกลาง

1. ตรงกลาง = เลือก ข้อความที่กําหนดเอง จากรายการแบบเลื่อนลง
2. ข้อความที่กําหนดเอง = พิมพ์ข้อความที่คุณต้องการแสดงมิฉะนั้นให้เว้นช่องว่างไว้

3. คอลัมน์ – ขวา

1. ขวา = เลือก ชุดหน้า จากรายการดรอปดาวน์เพื่อแสดงจํานวนหน้า
2. ข้อความที่กําหนดเอง = เว้นว่างไว้

4. ข้อความ

1. ชื่อแบบอักษร = เลือก Roboto – Regular จากรายการแบบเลื่อนลง
2. ขนาดตัวอักษร = 8

5. เค้าโครง

1. ตําแหน่ง = เลือก ส่วนท้าย จากรายการแบบเลื่อนลง
2. แสดงในหน้าแรก = ทําเครื่องหมายที่ช่องทําเครื่องหมาย
3. แสดงในหน้าสุดท้าย = ทําเครื่องหมายที่ช่องทําเครื่องหมาย

6. ระยะขอบ

1. ด้านบน (มม.) = 5
2. ด้านล่าง (มม.) = 15
   • หมายเหตุ ระยะขอบนี้แสดงถึงพื้นที่ว่างที่ด้านล่างของหน้า และจําเป็นเพื่อชดเชยพื้นที่ที่พิมพ์ได้ของเครื่องพิมพ์พื้นฐาน (เช่น หากลูกค้าของคุณต้องการพิมพ์เอกสาร)
3. ซ้าย (มม.) = 10
4. ขวา (มม.) = 10

---