Design Form

<< Click to Display Table of Contents >>

Navigation:  TASCO ERP > TASCO ERP FEATURE >

Design Form

Design Form

วัตถุประสงค์

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

ขั้นตอนการแก้ไขฟอร์มด้วยผู้ใช้

1.ที่หน้าจอ Listing หรือ Info กดปุ่ม “Print” เพื่อเข้าหน้าจอเลือกฟอร์มที่พิมพ์ หรือเป็นต้นแบบสำหรับการ Design Form

 

design_0001_zoom80

 

2.เมื่อแสดงฟอร์ม ในส่วน Tools Bar จะมีปุ่ม “Design” สำหรับการ Design Form ได้เอง

 

design_0002_zoom80

 

3.หน้าจอการ Design จะเป็นไปตามรูปแบบข้างล่างนี้ ซึ่งในส่วนของ Design จะอธิบายเพิ่มเติมอีกครั้ง

 

design_0003_zoom80

 

4.สำหรับเมนูสำคัญในส่วนของ Design From จะมี 3 เมนูในการจัดการตามรายละเอียดด้านล่างนี้

 

design_0004_zoom80

 

5.Save : การบันทึกฟอร์มใหม่ ที่แก้ไข และปรับปรุงจากฟอร์มเดิมแล้ว

 

design_0005_zoom80

 

6.Send Layout : สำหรับการส่งไฟล์ในทีมงานพัฒนาช่วยดูแล หรือนำไปใช้กับฐานข้อมูลอื่นๆ

 

design_0006_zoom80

 

7.Send Layout : จะเปิดเมล์เพื่อส่งไฟล์โดยอีเมลอัตโนมัติ หากไม่ต้องการส่งอีเมลให้ยกเลิกได้ โดยไฟล์ยัง Save เป็นไฟล์ไว้เหมือนเดิม

 

design_0007_zoom80

 

8.Impotrt Laout : เพื่อเอาไฟล์ฟอร์มจากต่างฐานข้อมูลเข้ามาได้ เมื่อกด Open จะแสดงในหน้า Design From ให้กด Save เพื่อบันทึกไฟล์ว์ แล้วค่อยตรวจสอบหรือแก้ไขต่อไป

 

design_0008_zoom80

 

9.ฟอร์มที่ได้จากการ Design สามารถพิมพ์ผ่านเมนูพิมพ์ฟอร์มของหน้าจอนั้นได้ตามปกติ เหมือนฟอร์มมาตรฐาน

 

design_0009_zoom80

 

หมายเหตุ :

ฟอร์มประกอบด้วย 2 ส่วน คือ


o ส่วนของข้อมูล ซึ่งจะเป็นส่วนที่อยู่ในโปรแกรม ผู้ใช้ไม่สามารถแก้ไขได้ หากจะต้องใช้ต้องแจ้งทีมงานพัฒนาเท่านั้น และต้องรอการปรับปรุงจากทีมงานพัฒนาก่อน จึงจะนำไปใช้งานได้


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

Design Form นี้ จะไม่รวมถึงการแก้ไขรายงาน

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

 

การใช้งานหน้าจอ Design Form (แบบละเอียดจากเว็บต่างประเทศ : http://www.freetradezone.asia/Customers/Other/report_designer.pdf)

 ฟอร์ม และรายงานจะมีส่วนส่วนประกอบเหมือนกันในการออกแบบ คือ

Data Source

เป็นแหล่งที่มาของข้อมูลที่จะมาแสดง

Tools Bar

สำหรับการกำหนดคุณสมบัติพื้นฐานทั่วไปให้กับ Control ที่วางในฟอร์ม เช่นฟอนต์ วางตำแหน่งจัด ชิดซ้ายขวา เป็นต้น

Control

เป็นส่วนของการใช้แสดงข้อมูลในฟอร์ม เช่นข้อความ โลโก้ กรอบ เส้น เป็นต้น

Properties

เป็นคุณสมบัติของ Control โดยแต่ละชนิดก็มีคุณสมบัติต่างกันออกไป แต่แยกได้ประมาณ 5 กลุ่มดังนี้


o Appearance:

ฟอนต์, สี, ขนาด, กรอบ, ชิดซ้ายขวา เป็นต้น


o Behavior:

การซ่อน, ขยายนาดตามข้อมู, ย่อขนาด, เขียนคำสั่งเพิ่มเติม เป็นต้น


o Data:

การแสดงข้อมูล รูปแบบการแสดง เป็นต้น


o Miscellaneous:

ชื่อของ Control หรืออื่นๆ


o Page Setting:

(เฉพาะของฟอร์ม) เพื่อกำหนดขนาดกระดาษ, แนวตั้งหรือแนวนอน, เว้นระยะขอบบนล่าง ซ้ายขวา เป็นต้น

       

รู้จัก Data Source: ส่วนของการอ้างถึงข้อมูลที่จะมาแสดงในฟอร์ม ว่าเอาจากแหล่งข้อมูลใด ซึ่งแต่ละชุดทีมพัฒนาจะเตรียมข้อมูลที่จำเป็นไว้แล้ว

 

design_0010_zoom80

 

 สามารถดู Data Source ของฟอร์มได้จากหลายจุด

(สีส้ม)

จาก Properties สำคัญของฟอร์ม ที่อยู่มุมบนซ้ายของ

(สีน้ำเงิน)

จาก Report Explorer ซึ่งแสดงในส่วนของ Components ซึ่งในส่วนนี้จะมีส่วนของ Field List ที่จะอธิบาย ต่อเนื่องไป

(สีม่วง)

จาก Properties รวมของฟอร์ม โดยแสดงอยู่ในส่วนของ Data

 

 ส่วนของ Field List ซึ่งเป็นส่วนเพิ่มเติมของ Data Source ว่าประกอบด้วย Filed ใดบ้าง ที่จะนำไปใช้งานได้ (เรียก Field หรือคอลัมน์ ความหมายเดียวกัน)

 

design_0011_zoom80

 

 ส่วนของ Field List จะมีส่วนเพิ่มที่เรียกว่า Calculated Filed คือสร้าง Filed เพิ่มเติมตามเงื่อนไขได้ ตามข้อจำกัดของ Tools ที่มีให้ ผ่านรูปแบบของ Expression

 

design_0012_zoom80

 

 ส่วนของ Expression สำหรับการสร้าง Calculated Field

 

design_0013_zoom80

 

รู้จักกับ Tools Bar: สำหรับการกำหนดคุณสมบัติพื้นฐานทั่วไปให้กับ Control ที่วางในฟอร์ม เช่นฟอนต์ วางตำแหน่ง จัดชิดซ้ายขวา เป็นต้น

 

design_0014_zoom80

 

รู้จักกับ Control เบื้องต้นที่มีใช้ในฟอร์ม: เป็นส่วนของการใช้แสดงข้อมูลในฟอร์ม เช่นข้อความ โลโก้ กรอบ เส้น เป็นต้น

 

design_0015_zoom80

 

Label:

ข้อความทั่วไปทั้งที่เป็นข้อความตายตัว หรือข้อมูลจากฐานข้อมูล เช่นข้อความ ตัวเลข วันที่ ซึ่งจะต่างที่รูปแบบการแสดงข้อมูล

Check Box:

สำหรับเป็นตัวเลือก ซึ่งข้อมูลที่ใช้คู่กันควรเป็น Int 0,1 หรือ Bit

Picture Bok:

สำหรับแสดง Logo หรือลายเซ็นต์ ได้ทั้งแบบจากโปรแกรม หรือ Fixed เองได้

Panel:

สำหรับการวางข้อมูลเป็นกลุ่ม แต่มีข้อเสียเนื่องจาก Panel ทำเป็นกรอบมนไม่ได้

Line:

สำหรับการลากเส้น เพื่อตีกรอบเป็นตาราง (ไม่สามารถข้าม Band ได้ โดยส่วนของ Band จะอธิบายในส่วนประกอบของฟอร์ม)

Shape:

สำหรับการวางลักษณะเช่น สี่เหลี่ยม วงกลม วงรี เป็นต้น โดยสี่เหลี่ยมจะทำเป็นกรอบมนได้ แล้วไปซ้อน Panel เพื่อเป็นกรอบสวยๆ

Page Info:

สำหรับการแสดงข้อมูลของฟอร์ม เช่น จำนวนหน้า, วันที่และเวลาพิมพ์

Page Break:

สำหรับสร้างเพจเบรกขึ้นหน้าใหม่ ซึ่งปกติการจัด Group จะมี Option ให้อยู่แล้ว

Cross-Band Line:

สำหรับการวางเส้นที่กินพื้นที่ข้าม Band ได้

Cross-Band Box:

สำหรับการวางกรอบที่กินพื้นที่ข้าม Band ได้

 

รู้จักกับ Properties: เป็นคุณสมบัติของ Control โดยแต่ละชนิดก็มีคุณสมบัติต่างกันออกไป ซึ่งจะอธิบายเฉพาะบาง Control เท่านั้น และเฉพาะจุดสำคัญ

 

design_0016_zoom80

 

design_0017_zoom80

 

ส่วนของ Favorites: เป็นส่วนรวมของ Properties ที่มีการใช้งานบ่อยของ Control สามารถเข้าถึงได้ง่าย โดยกดที่ Control นั้น จะขึ้นรูปแบบดังรูป สามารถกดเข้าไปกำหนด Properties ในกลุ่มนั้นได้ง่ายขึ้น

 

design_0018_zoom80

 

design_0019_zoom80

 

รู้จักกับ Properties ที่จำเป็นของ Control สำคัญที่ใช้ในฟอร์ม :

Form: มี Properties ที่สำคัญในการจัดการข้อมูลคือ Filter String เพื่อกรองข้อมูลฟอร์มทั้งหมด

 

design_0020_zoom80

 

Label: ข้อความทั่วไปทั้งที่เป็นข้อความตายตัว หรือข้อมูลจากฐานข้อมูล เช่นข้อความ ตัวเลข วันที่ ซึ่งจะต่างที่รูปแบบการแสดงข้อมูล

 

design_0021_zoom80

 

Text:

สำหรับการวาง Label เป็น Caption ของข้อมูล แต่กรณีเป็นข้อมูลก็ไม่จำเป็น แต่หากเป็นชื่อ Control จะทำให้ดูง่าย

Expression:

เลือก Filed ที่มาแสดง หรือสร้างใหม่ได้

Format String:

กรณีเป็น


o 1. ข้อความไม่ระบุได้ หรือระบุเป็น > {0:},


o 2. จำนวน ราคา จำนวนเงิน ตัวอย่างเช่น เป็นทศนิยม 2 ตำแหน่ง > {0:n2}


o 3. วันที่ โดย dd (วันที่), MM (เดือน) และ yyyy (ปี) > {0:dd/MM/yyyy}


o 4. ข้อความแบบรวม Caption รวมอยู่ด้วย โดย xxx คือ Caption ที่เราต้องการให้แสดง จะอยู่หน้า หรือหลังก็ได้ > xxx {0}

Summary:

กรณีเป็นข้อมูล อยู่ในส่วน Group แสดงรูปแบบของ Summary หรือ Count ได้


o Summary running:

ระบุการทำงานภายใต้ Group, Report หรือ Page


o Summary function:

ระบุการทำงาน เช่น Average, Count, Sum, Running Summary เป็นต้น

         

design_0022_zoom80

 

Can Grow:

กรณีเป็นข้อมูล หากความยาวเกินกว่าที่วางไว้ ให้ขยายความสูงอัตโนมัติ เช่น Field ชื่อสินค้า หรือที่อยู่ลูกค้า เป็นต้น

Can Shrink:

กรณีเป็นข้อมูล หากไม่มีข้อมูล ให้ยุบความสูงลง เช่น Field Note สินค้า เป็นต้น

Word Wrap:

กรณีต้องการให้มีการตัดคำ

 

Check Box: สำหรับเป็นตัวเลือก ซึ่งข้อมูลที่ใช้คู่กันควรเป็น Int 0,1 หรือ Bit

 

design_0023_zoom80

 

Picture Bok: สำหรับแสดง Logo หรือลายเซ็นต์ หรือรูป ได้ทั้งแบบจากโปรแกรม หรือ Fixed เองได้

 

design_0024_zoom80

 

Panel: สำหรับการวางข้อมูลเป็นกลุ่ม แต่มีข้อเสียเนื่องจาก Panel ทำเป็นกรอบมนไม่ได้

 

design_0025_zoom80

 

Line: สำหรับการลากเส้น เพื่อตีกรอบเป็นตาราง (ไม่สามารถข้าม Band ได้ โดยส่วนของ Band จะอธิบายในส่วนประกอบของฟอร์ม)

 

design_0026_zoom80

 

Shape: สำหรับการวางลักษณะเช่น สี่เหลี่ยม วงกลม วงรี เป็นต้น โดยสี่เหลี่ยมจะทำเป็นกรอบมนได้ แล้วไปซ้อน Panel เพื่อเป็นกรอบสวยๆ

 

design_0027_zoom80

 

Page Info: สำหรับการแสดงข้อมูลของฟอร์ม เช่น จำนวนหน้า, วันที่และเวลาพิมพ์

 

design_0028_zoom80

 

Page Break: สำหรับสร้างเพจเบรกขึ้นหน้าใหม่ ซึ่งปกติการจัด Group จะมี Option ให้อยู่แล้ว

Cross-Band Line: สำหรับการวางเส้นที่กินพื้นที่ข้าม Band ได้

 

design_0029_zoom80

 

Cross-Band Box: สำหรับการวางกรอบที่กินพื้นที่ข้าม Band ได้

Properties แบบมีเงื่อนไข: สำหรับการกำหนดเงื่อนไขเพิ่มเติมในการแสดงของข้อมูลได้

 

design_0030_zoom80

 

รู้จักกับ Band ของฟอร์ม: เพื่อให้เข้าใจการจัดกลุ่มข้อมูลภายในฟอร์ม และวัตถุประสงค์ หรือการนำไปใช้งาน โดย Group จะมีมากกว่า 1 ได้ นอกนั้นจะไม่ได้

 

design_0031_zoom80

 

TopMargin:

สำหรับการ Feed กระดาษส่วนหัว สำหรับฟอร์มจะนำส่วนของ Header เอกสารมาไว้ส่วนนี้ แทนจะจัดการได้ง่ายกว่า

ReportHeader:

(ไม่ได้แสดงไว้) แสดงครั้งเดียวของฟอร์ม หรือรายงาน โดย TASCO ERP แทบไม่ได้ใช้ เพราะการแสดงหัวทุกหน้าจะสวยงามกว่า

PageHeader:

แสดงทุกหน้าเอกสาร จึงใช้วาง Caption ของส่วน Detail

GroupHeader:

มีได้มากกว่า 1 Group โดยฟอร์มจะกำหนด Group ตาม Header เอกสารประกอบด้วย [OrgCode],[DocuType],[DocuNo] ไว้อยู่


o Group Fields

กำหนดว่าจัดกลุ่มข้อมูลนี้ตาม Field อะไร และมีการเรียงข้อมูลอย่างไร

Detail:

มีได้ 1 ต่อฟอร์ม โดยปกติจะ Sort ไว้ตาม ListNo (ลำดับข้อมูลใน Detail ของเอกสาร)


o Sort Fields

กำหนดการเรียงลำดับข้อมูลใน Detail โดยฟอร์มปกติจะกำหนดเป็น ListNo

GroupFooter:

แสดงข้อมูลท้าย Group โดยปกติจะแสดงยอดรวมของรายการ จำนวนสินค้า หรือจำนวนเงินรวม


o Page Break

กำหนดให้ฟอร์มขึ้นหน้าใหม่ หลังจาก Group ข้อมูลสิ้นสุดลง โดยตั้งไว้เป็น “After the Band”

ReportFooter:

แสดงครั้งเดียวของฟอร์ม ซึ่งจะไม่เหมาะสมสำหรับฟอร์ม แต่จะเหมาะกับการใช้ในรายงาน เพื่อแสดงยอดรวมทั้งหมดของรายงาน

PageFooter:

แสดงทุกหน้าเอกสาร โดยฟอร์มจะแสดงส่วนของยอดเงินรวมของเอกสาร และกำหนดให้แสดงเฉพาะหน้าสุดท้ายเท่านั้น โดยกรณีที่ไม่ใช่หน้าสุดท้าย จะไม่แสดงข้อมูล แต่ให้แสดงเฉพาะ Caption แทน

ButtomMargin:

เว้นสำหรับการ Feed กระดาษส่วนท้าย

 

ข้อกำหนดที่จำเป็นสำหรับการออกแบบฟอร์ม และใช้งานผ่านโปรแกรม TASCO ERP

 เนื่องจากข้อมูลบางส่วน ไม่ได้มาจากส่วนของข้อมูลที่เตรียมไว้ แต่มาจาก Service เบื้องหลังของโปรแกรม และส่วนการแสดงทศนิยมของ

 

การตั้งชื่อเพื่อให้แสดงข้อมูลเกี่ยวกับข้อมูลบริษัท

 โดยกรณีที่ไม่ได้ตั้งตามข้างล่างนี้ ข้อมูลก็จะไม่แสดง ซึ่งผู้ใช้ต้องระบุข้อมูลเองโดยตรง

xrLabelCompanyName

แสดงชื่อบริษัท

xrLabelCompanyNameFr

แสดงชื่อบริษัทภาษาอังกฤษ

xrLabelAddress

แสดงที่อยู่ โดยเอาข้อมูล ที่อยู่ 1, ที่อยู่ 2, ตำบล, อำเภอ, จังหวัด, รหัสไปรษณีย์ และประเทศ มาเชื่อมต่อกัน

xrLabelAddressFr

แสดงที่อยู่ภาษาอังกฤษ โดยเอาข้อมูล ที่อยู่ 1, ที่อยู่ 2, ตำบล, อำเภอ, จังหวัด, รหัสไปรษณีย์ และประเทศ ที่เป็นคอลัมน์ภาษาอังกฤษมาเชื่อมต่อกัน โดยให้มีคอมม่า (,) คั่น แต่ละข้อมูลโดยอัตโนมัติ

xrLabelPhoneFaxNo

แสดงเบอร์โทรศัพท์ และโทรสาร โดยจะใช้รูปแบบ [{โทรศัพท์/Tel.} เบอร์โทรศัพท์ {โทรสาร/Fax.} เบอร์โทรสาร]

xrLabelTaxAndBranchNo

แสดงเลขประจำตัวผู้เสียภาษีอากร และสาขา โดยใช้รูปแบบ


o กรณีสำนักงานใหญ่

[{เลขประจำตัวผู้เสียภาษีอากร/Tax ID No.} เลขประจำตัวผู้เสียภาษีอากร {สำนักงานใหญ่/Head Office}]


o กรณีสาขา

[{เลขประจำตัวผู้เสียภาษีอากร/Tax ID No.} เลขประจำตัวผู้เสียภาษีอากร {สาขาที่/Branch No.} รหัสสาขา]

 

การตั้งชื่อเพื่อให้แสดงทศนิยมตาม Option ของโปรแกรม

 โดยการตั้งชื่อต้องลงท้ายตามข้างล่างนี้ เพื่อให้แสดงทศนิยมตาม Option

xxxAmnt

เพื่อแสดงทศนิยม 2 ตำแหน่งของจำนวนเงิน (ปัจจุบัน Fixed เป็น 2 ตำแหน่ง ไม่ให้แก้ไขได้อยู่แล้ว)

xxxPrice

เพื่อแสดงทศนิยมของราคา (หรือจะใช้ xxxCost)

xxxQty

เพื่อแสดงทศนิยมของจำนวน

xxxExch

เพื่อแสดงทศนิยมของอัตราแลกเปลี่ยน (ปัจจุบัน Fixed เป็น 6 ตำแหน่ง ไม่ให้แก้ไขได้อยู่แล้ว)

หมายเหตุ

กรณีต้องการ Fixed ทศนิยมไปเลย ก็เว้นตั้งชื่อลงท้ายตามข้างต้น อย่างเช่นจำนวนก็จะตั้งเป็น xxxQtxy แทน เพื่อให้รู้ว่าเป็นคอลัมน์จำนวน

 

การตั้งชื่อ เพื่อแสดงข้อมูล “ตัวเลขจำนวนเงิน” เป็น “ข้อความ”

xrLabelAmountText

เพื่อแสดงข้อความเป็นภาษาไทย ยกเว้นสกุลเงินต่างประเทศ จะเป็นภาษาอังกฤษ

xrLabelAmountFrText

เพื่อแสดงข้อความเป็นภาษาอังกฤษโดยตรง

หมายเหตุ  คอลัมน์ทั้ง 2 จะเก็บไว้ในส่วนของข้อมูลชื่อคอลัมน์ AmountText และ AmountFrText ตามลำดับ

 

การแสดงข้อมูลเพิ่มเติม: เนื่องจากการจัดการของฟอร์ม ในการแสดงข้อมูลเฉพาะหน้าสุดท้ายของเอกสาร ยังมีข้อจำกัด ทางทีมงานพัฒนา จึงมีคอลัมน์ IsLastRow ไว้ เพื่อนำไปใช้เป็นเงื่อนไขในการแสดงว่าเป็นรายการสุดท้ายของเอกสาร แล้วนำคอลัมน์นี้ไปเป็นเงื่อนไขของการแสดง ยอดเงิน หรือ Footer เฉพาะหน้าสุดท้ายของเอกสารเท่านั้นได้

 

การเลือกใช้ฟอนต์: ฟอนต์จะมีตัวอย่างตามด้านล่าง การเลือกฟอร์นจะมีผลมาก โดยในส่วน Detail หากความสูงระหว่างบรรทัดมาก จะแสดงรายการได้น้อยลง ซึ่งเป็นผลมาจากการตั้ง Properties “Can Grow” ของการแสดงข้อมูล เช่นการแสดงชื่อสินค้า หรือรายละเอียดสินค้า หรือที่อยู่ลูกค้า เป็นต้น

Cordia New (12) องค์ความรู้ตัวอย่างฟอนต์

ใช้เป็น Default ภายในโปรแกรม เนื่องจากชัดทั้งภาษาไทย และ English

Leelawadee (10) องค์ความรู้ตัวอย่างฟอนต์

ทางเลือกสำหรับภาษาไทย ความสูงระหว่างบรรทัดจะน้อยกว่าฟอนต์อื่น

AngsanaUPC (14) องค์ความรู้ตัวอย่างฟอนต์

ภาษาไทยที่ใช้มาก แต่ความสูงจะหว่างบรรทัดมาก แสดงได้น้อย