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

ประสบการณ์ผู้ใช้ (UX)

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

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

ONEWEB Dynamic Page ช่วยให้นักพัฒนาซอฟต์แวร์สามารถสร้างหน้าเว็บไซต์แบบตอบสนอง HTML5 และสร้างหน้าแอพพลิเคชันมือถือได้โดยใช้เครื่องออกแบบหน้า ONEWEB โดยการลากและวาง รองรับส่วนเสริม CSS ที่กำหนดเองและ Java Scripts สำหรับการสร้างเนื้อหาแบบไดนามิก หน้าเหล่านี้สามารถเชื่อมต่อกับระบบภายนอกโดยใช้ ONEWEB Microflow ผลลัพธ์ของฟีเจอร์ ONEWEB Dynamic Page สามารถเผยแพร่ไปยัง ONEWEB Dynamic Page Runtime ส่งออกเป็นไฟล์ zip ไปยังแอพพลิเคชัน HTML5 Angular,หรือ Java EE Application เป็นไฟล์ .war สำหรับแอพพลิเคชันมือถือ O/P สามารถส่งออกเป็นรูปแบบไฟล์ android '.apk' หรือรูปแบบ '.ipa' ของ IOS

การผสมผสานของระบบ (System Integration) ONEWEB เครื่องมือออกแบบและเครื่องมือรันไทม์ ที่สามารถทำหน้าที่เป็นแพลตฟอร์มการรวมระบบเพื่อรวมแอพพลิเคชันต่างๆ โดยใช้วิธีการสื่อสารมาตรฐาน เช่น Web Services, RESTful, JDBC, File, และอื่นๆ เป็นต้น นอกจากนี้ยังรองรับการแปลงข้อมูลระหว่างรูปแบบต่างๆ ตัวอย่างเช่น ระบบทรัพยากรบุคคลต้องการส่งข้อมูลพนักงานไปยังระบบ CRM ผ่าน ONEWEB Microflow

กระบวนการอัตโนมัติ (Process Automation) ONEWEB มีระบบการจัดการกระบวนการทางธุรกิจที่เรียกว่า Process Designer ONEWEB Process Designer รองรับการนำระบบอัตโนมัติของกระบวนการทางธุรกิจแบบครบวงจรไปใช้ ผู้ใช้สามารถออกแบบ ดำเนินการ และตรวจสอบกระบวนการโดยใช้ Process Designer กิจกรรมในกระบวนการทางธุรกิจ เป็นขั้นตอนที่ทำให้กระบวนการดำเนินต่อไปจนกว่าจะถึงจุดสิ้นสุดของกระบวนการ นี่คือตัวอย่างสถานการณ์ของกิจกรรมใน "กระบวนการจัดการคำสั่งซื้อ" ที่ออกแบบโดยใช้ ONEWEB

กิจกรรมที่ 1: ลูกค้าส่งคำสั่งซื้อผ่านเว็บไซต์สั่งซื้อ

กิจกรรมที่ 2: คำสั่งซื้อถูกส่งไปยังแผนก Fulfillment เพื่อดำเนินการตามคำสั่งซื้อ

กิจกรรมที่ 3: การส่งข้อมูลการสั่งซื้อไปยังระบบ ERP เพื่อจัดทำใบกำกับสินค้า

กิจกรรมที่ 4: ใบกำกับสินค้าถูกส่งไปยังลูกค้าทางไปรษณีย์

จากขั้นตอนการจัดการคำสั่งซื้อข้างต้น กิจกรรม 1 และ กิจกรรม 2 เป็นการทำงานโดยผู้ใช้งาน ONEWEB - "Dynamic Page Builder" สามารถใช้เพื่อสร้างเว็บไซต์คำสั่งซื้อสำหรับลูกค้าเพื่อส่งคำสั่งซื้อบน กิจกรรมที่ 1 หน้าจอสั่งซื้อบน กิจกรรม 2 ใช้แบบฟอร์มอัจฉริยะของ ONEWEB กิจกรรม 3 และ กิจกรรม 4 เป็นกิจกรรมของระบบที่สามารถดำเนินการได้โดยใช้กิจกรรมกระบวนการ เช่น Java, Database Calling, Web Service, REST API, หรือ File Integration.

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

ในทางกลับกัน แพลตฟอร์มการพัฒนาแอพพลิเคชันแบบใช้ Low-code เป็นแนวทางการพัฒนาภาพสำหรับการสร้างแอพพลิเคชันที่ช่วยให้ผู้ใช้ที่ไม่มีความรู้ด้านเทคนิคสามารถสร้าง ทดสอบ จัดการ และปรับใช้แอพพลิเคชันด้วยการเขียนโปรแกรมเพียงเล็กน้อยหรือไม่มีเลย แพลตฟอร์มที่ใช้ Low-code ทำได้โดยการสร้างบล็อกโค้ดที่พร้อมใช้งาน (ชุดรหัสสำหรับการทำงานเฉพาะ) ที่สามารถเพิ่มผ่านส่วนติดต่อผู้ใช้งานได้โดยลากและวางได้อย่าง ง่าย ใน ONEWEB เรามีเครื่องมือสำหรับนักออกแบบที่ช่วยให้การประกอบส่วนประกอบแอพพลิเคชันต่างๆ เช่น UI, Workflow, and Business Logic Microservices จากนั้นผู้ใช้สามารถเชื่อมต่อเข้าด้วยกันเพื่อสร้างแอพพลิเคชันมือถือหรือเว็บ นี่คือวิธีการที่เป็นจริงในการเปลี่ยนความคิดทางธุรกิจให้เป็นระบบภายในไม่กี่นาที สามารถใช้เพื่อสร้างแอพพลิเคชัน

ที่สมบูรณ์ตั้งแต่ต้นจนจบเนื่องจากรองรับกรณีการใช้งานและจุดปรับแต่งที่หลากหลาย ONEWEB ยังเอื้ออำนวยการทำงานอย่างสมบูรณ์สำหรับการจัดการส่วนประกอบแอพพลิเคชันต่างๆ และการทำงานร่วมกันระหว่างผู้ใช้หลายคน

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

แอพพลิเคชัน ONEWEB เป็นโปรแกรมที่สร้างขึ้นโดยใช้ ONEWEB Business Application Platform เพื่อดำเนินการทางธุรกิจที่เฉพาะเจาะจงสำหรับผู้ใช้ หรือฟังก์ชันเฉพาะของระบบอื่น ๆ แอพพลิเคชัน ONEWEB เป็นเว็บไซต์แบบสแตติกหรือไดนามิกที่มีหน้าเว็บและทำงานบนเว็บเบราว์เซอร์ แต่ละหน้าในเว็บไซต์นี้สร้างขึ้นโดยใช้ ONEWEB Page Designer สามารถประกอบด้วยข้อความ เว็บฟอร์ม รูปภาพ วิดีโอและสคริปต์เพื่อส่งและรับข้อมูลจากแหล่งภายในหรือภายนอก

แอพพลิเคชันมือถือแบบไฮบริดที่ทำงานได้ทั้งบนอุปกรณ์ Android และ iOS แต่ละหน้าสร้างขึ้นจาก ONEWEB Page Designer และส่งออกเป็นแอพพลิเคชันไฮบริดบนมือถือ

เว็บแอพพลิเคชันสำหรับธุรกิจที่มีเว็บฟอร์ม กระบวนการทางธุรกิจ และส่วนติดต่อกับระบบ

แอพพลิเคชันทางธุรกิจที่มีกระบวนการทางธุรกิจ และส่วนติดต่อกับระบบ

แอพรวมระบบล้วนที่มีเฉพาะส่วนติดต่อกับระบบ

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

ก่อนที่คุณจะเริ่มการติดตั้ง โปรดดำเนินการดังต่อไปนี้

• ออกแบบ server architecture สำหรับ ONEWEB ของคุณตามความต้องการของแอพพลิเคชัน

• ประเมินขนาดสำหรับเซิร์ฟเวอร์ของคุณตามโหลดที่คาดไว้

• ตรวจสอบข้อกำหนดเบื้องต้นของระบบสำหรับการติดตั้ง ONEWEB

ONEWEB เป็นแพลตฟอร์มการพัฒนาแอพพลิเคชันที่สร้างขึ้นจากเทคโนโลยี Java EE และรองรับสถาปัตยกรรม 3 ระดับซึ่งประกอบด้วย Web Tier, Application Tier และ Database Tier เทคโนโลยีนี้ ได้รับการพัฒนาให้เป็นแอพพลิเคชันระดับองค์กรที่จะช่วยให้คุณสามารถขยายขีดความสามารถ เพื่อรองรับการเติบโตของธุรกิจของคุณ

ONEWEB ยังรองรับสถาปัตยกรรมคอนเทนเนอร์สำหรับการปรับใช้บนคลาวด์ มีตัวเลือกมากมายให้ผู้ใช้เลือกสถาปัตยกรรม ONEWEB ขึ้นอยู่กับความต้องการทางธุรกิจของคุณ สถาปัตยกรรมมาตรฐานของ ONEWEB ที่ต้องการมีดังนี้

• สถาปัตยกรรมอิสระ (Standalone Architecture)

• สถาปัตยกรรมความพร้อมใช้งานสูง (High Availability Architecture)

• สถาปัตยกรรมคลาวด์ (Cloud Architecture)

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

Production Environment

ประเภทการใช้งาน (Type of your Application) เป็นแอพพลิเคชันแบบเรียลไทม์หรือไม่ มีการรวมเข้ากับระบบอื่นหรือไม่ ต้องประมวลผลข้อมูลจำนวนเท่าใด มันทำงาน 24 ชั่วโมงต่อวันหรือไม่

ประเภทของธุรกิจ (Type of your Business) ธุรกิจของคุณมีความสำคัญแค่ไหน ใครจะได้รับผลกระทบหากแอพพลิเคชันนี้ล่ม จำนวนของผู้ใช้ (Active user and Name user)

จำนวนผู้ใช้ (ผู้ที่ใช้งานอยู่และผู้ใช้ชื่อ)

จำนวนธุรกรรม (Number of Transactions) จำนวนธุรกรรมภายในระยะเวลาหนึ่ง เช่น จำนวนธุรกรรมในหนึ่งเดือน

ยอมรับการหยุดทำงาน (Accepted downtime) จำนวนเวลาหยุดทำงานในหนึ่งปี และเวลาที่หยุดทำงานที่ยอมรับแต่ละครั้งนานเท่าใด

Disaster Recovery Environment

Disaster Recovery Environment เป็นสิ่งแวดล้อมสำรองสำหรับ environment production ของคุณและไม่สามารถดำเนินการได้เป็นระยะเวลานาน ในการออกแบบ Disaster Recovery Environment คุณต้องพิจารณาประเด็นต่อไปนี้

• RPO (Recovery Point Objective) จำนวนข้อมูลของคุณจะหายไป เมื่อคุณตัดสินใจเปิด Disaster Recovery Environment

• RTO (Recovery Time Objective) ใช้เวลานานเท่าใดเมื่อคุณตัดสินใจเปิด Disaster Recovery Environment

• คุณคาดว่าจะใช้กำลังการผลิต production environment กี่เปอร์เซ็นต์ใน environment การกู้คืนจาก Disaster Recovery Environment

Testing Environment

การทดสอบ environment ใช้สำหรับทดสอบแอพพลิเคชันในการออกแบบการทดสอบ environment คุณต้องพิจารณาประเด็นต่อไปนี้

• มีผู้ทดสอบหรือผู้ที่เกี่ยวข้องกี่คน ที่คุณวางแผนที่จะใช้ในการทดสอบ environment

• คุณต้องรวมเข้ากับระบบกี่ระบบ?

• คุณวางแผนที่จะใช้ข้อมูลเท่าใด ในกระบวนการทดสอบ

ONEWEB สามารถตั้งค่าเป็นการกำหนดค่า ที่แตกต่างกันตามความต้องการของลูกค้า ลูกค้าสามารถเลือกผลิตภัณฑ์ที่ต้องการรวมอยู่ในการสมัครสมาชิก

เมื่อคุณพิจารณาสถาปัตยกรรมของแอพพลิเคชันของคุณ คุณควรถามคำถามต่อไปนี้

คุณกำลังพิจารณาสภาพแวดล้อมใด?

Production การกู้คืนความเสียหายหรือการทดสอบ Environment

แอพพลิเคชันเป็นระบบที่สำคัญหรือไม่?

หากแอพพลิเคชันของคุณเป็นระบบที่สำคัญ เช่น จำเป็นต้องออนไลน์ตลอด 24 ชั่วโมงทุกวัน เช่น การประมวลผลการชำระเงินหรือธุรกรรมที่สำคัญ คุณอาจต้องพิจารณา Active-Active หรือ Cluster Environment เพื่อให้แน่ใจว่าการดำเนินการของคุณสามารถทำงานได้อย่างต่อเนื่อง

ระบบนี้สามารถหยุดทำงานเพื่อการบำรุงรักษาได้หรือไม่? SLA คืออะไร?

หากแอพพลิเคชันของคุณอาจมีเวลาหยุดทำงานและมี SLA เพียงพอสำหรับการบำรุงรักษาหรือความล้มเหลวบางอย่าง คุณสามารถใช้สถาปัตยกรรมแบบสแตนด์อโลนได้

คุณต้องการการ Disaster Recovery หรือไม่ RPO (Recovery Point Target) และ RTO (Recovery Time Target) ของคุณคืออะไร?

หากคุณต้องการ DR (Disaster Recovery) สำหรับแผนสำรองในกรณีที่คุณไม่สามารถใช้งาน Production Environment ได้ คุณต้องพิจารณา RPO (Recovery Point Objective) และ RTO (Recovery Time Objective) เพื่อเลือกโซลูชันที่เหมาะสมสำหรับ DR ของคุณ

มีผู้ใช้งานกี่คน?

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

สามารถเลือกแยกเซิร์ฟเวอร์ของคุณเป็นสถาปัตยกรรมแบบ Active-Active ด้วยโหลดบาลานเซอร์เพื่อกระจายภาระงานของคุณไปยังเซิร์ฟเวอร์หลายเครื่อง

จำนวนธุรกรรม (ต่อปีหรือต่อเดือน)?

จำนวนธุรกรรมมีความสำคัญเท่ากับจำนวนผู้ใช้ที่ใช้งานอยู่ ต้องพิจารณาจำนวนธุรกรรมด้วยเพื่อตัดสินใจเกี่ยวกับความจุของสถาปัตยกรรมของคุณ เนื่องจากจะส่งผลกระทบโดยตรงกับความจุของเซิร์ฟเวอร์ของคุณ

จำนวนการทำธุรกรรมในช่วงเวลาสูงสุดหรือเหตุการณ์สูงสุด?

เมื่อคุณพิจารณาสถาปัตยกรรมและความจุเซิร์ฟเวอร์ของคุณ คุณต้องพิจารณาจำนวนธุรกรรมในช่วงเวลาเร่งด่วนหรือเหตุการณ์สูงสุดด้วย เนื่องจากเซิร์ฟเวอร์ของคุณต้องรองรับสถานการณ์นั้นเช่นกัน

ข้อมูลของคุณจะถูกเก็บไว้ในระบบจำนวนเท่าใดและนานเท่าใด (ในแง่ของบันทึกและขนาด)

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

Monitoring in ONEWEB

ONEWEB ใช้ ELK stack สำหรับตรวจสอบโครงสร้างพื้นฐานของคลาวด์รวมถึง platform services.

1 core รองรับผู้ใช้ที่ใช้งานอยู่ได้ถึง 200 คน แต่แอพพลิเคชันอาจช้าลงเล็กน้อยเนื่องจากเจ้าหน้าที่และงานเบื้องหลังทั้งหมดทำงานบนคอร์เดียวกัน 2 core เป็นจำนวนคอร์ที่แนะนำและรองรับผู้ใช้สูงสุด 400 คน

จำนวนคอร์ของ CPU สามารถประมาณได้โดยจำนวนผู้ใช้หารด้วย 200 ตัวอย่างเช่น ผู้ใช้งาน 500 ราย = 500/200 = 2.5 ดังนั้นจำเป็นต้องปัดเศษ CPU สูงสุด 3 คอร์ เพื่อความแม่นยำยิ่งขึ้น ควรคำนึงถึงความซับซ้อนของแอพพลิเคชันและธุรกรรมของคุณด้วย

* สมมติว่าผู้ใช้ 1 คนสร้างคำขอหรือธุรกรรม 2 รายการไปยังเซิร์ฟเวอร์ทุก 1 นาที

8GB RAM เป็นขนาดหน่วยความจำขั้นต่ำสำหรับ development environment

16GB RAM เป็นขนาดหน่วยความจำขั้นต่ำที่แนะนำสำหรับ environment การใช้งานจริง และรองรับผู้ใช้ที่ใช้งานอยู่สูงสุด 500 คน

32GB RAM เป็นขนาดหน่วยความจำขั้นต่ำที่แนะนำสำหรับ environment การใช้งานจริง และรองรับผู้ใช้ที่ใช้งานอยู่สูงสุด 1,500 คน

เพื่อความแม่นยำยิ่งขึ้น ควรคำนึงถึงความซับซ้อนของแอพพลิเคชันและธุรกรรมของคุณด้วย

ONEWEB มี 3 องค์ประกอบหลัก

Web Server Web Server ต้องการพื้นที่ดิสก์อย่างน้อย 2 GB ทั้งนี้ขึ้นอยู่กับเว็บเซิร์ฟเวอร์ที่คุณใช้ โปรดตรวจสอบกับเว็บไซต์ของพวกเขา

Application Server Application Server มี 2 ส่วนที่ต้องพิจารณาเกี่ยวกับพื้นที่ดิสก์

Middleware (Application Server) : ขึ้นอยู่กับว่า Application Server ใดที่คุณใช้ สำหรับกรณีทั่วไป คุณควรมีพื้นที่ว่างในดิสก์อย่างน้อย 5 GB สำหรับส่วนนี้ สำหรับขนาดที่ถูกต้อง โปรดตรวจสอบกับเว็บไซต์ทางการของ Application Server ของคุณ

ONEWEB binary :คือ Application ที่ทำงานบน Application Server ประกอบด้วย App Designer, App Runtime, Process Designer, Process Runtime, Page Designer, Page Runtime, Microflow Designer, Microflow Runtime, AppSpace และอื่นๆเป็นต้น ต้องการพื้นที่ดิสก์อย่างน้อย 2 GB

Database Server ONEWEB ต้องการฐานข้อมูลเชิงสัมพันธ์เพื่อจัดเก็บข้อมูลการกำหนดค่าและธุรกรรม พื้นที่ดิสก์สำหรับซอฟต์แวร์ฐานข้อมูลมักต้องการอย่างน้อย 2 GB แต่คุณต้องตรวจสอบกับเว็บไซต์ของพวกเขาเพื่อความแน่ใจ อีกส่วนหนึ่งของฐานข้อมูลคือข้อมูล ONEWEB และข้อมูลธุรกรรมของคุณ ข้อมูล ONEWEB ต้องการอย่างน้อย 200 MB และข้อมูลการทำธุรกรรมขึ้นอยู่กับการใช้งานของแอพพลิเคชัน

Standalone Architecture เรียบง่าย บำรุงรักษาง่าย และประหยัดงบประมาณมากที่สุด สถาปัตยกรรมนี้เหมาะสำหรับระบบที่มีความสำคัญน้อยซึ่งสามารถยอมรับการหยุดทำงานบางส่วนเพื่อกู้คืนหรืออัปเกรดระบบ สถาปัตยกรรมนี้มีส่วนประกอบ 3 ระดับซึ่งประกอบด้วย Web Tier, Application Tier และ Database ดังแสดงในแผนภาพต่อไปนี้

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

Application tier ระดับนี้ใช้เพื่อประมวลผลคำร้องของไคลเอ็นต์ โดยใช้ Application Server Middleware

Database tier ระดับนี้สำหรับบันทึกข้อมูลลงในอุปกรณ์จัดเก็บข้อมูล

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

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

ผู้ใช้สามารถสร้าง UX/UI โดยใช้ Page Designer หรือ App Designer กระบวนการทางธุรกิจส่วนหลังหรือตรรกะทางธุรกิจสามารถสร้างขึ้นได้โดยใช้ตัวออกแบบกระบวนการหรือตัวออกแบบ Microflow ทั้งหมดทำงานผ่านทาง AppSpace AppSpace ยังช่วยให้สามารถสลับระหว่างส่วนประกอบต่างๆ ที่ประกอบเป็นแอพพลิเคชันได้อย่างง่าย มีฟังก์ชันเพิ่มเติม เช่น การจัดการผู้ใช้ การควบคุมเวอร์ชัน และการปรับใช้แบบขั้นตอนเดียว ซึ่งช่วยให้ผู้ใช้ทำงานร่วมกัน และจัดการวงจรการทำงานของแอพพลิเคชันได้ง่ายขึ้นมาก ผู้ใช้สามารถสร้างแบบจำลองข้อมูลโดยใช้ส่วนประกอบ Data Designer ใน AppSpace และแปลงแบบจำลองข้อมูลเป็น DDL โดยใช้ฟังก์ชันการส่งออก

High Availability Architecture จะต้องได้รับการพิจารณาสำหรับระบบที่วิกฤตร้ายแรง ซึ่งสามารถทนต่อความล้มเหลวและข้อผิดพลาดจำนวนหนึ่งก่อนที่จะทำงานไม่ถูกต้องอีกต่อไป การออกแบบสถาปัตยกรรมนี้มาจากมาตรฐานหลักของความสามารถของบริการของคุณเพื่อให้เป็นไปตามข้อตกลงระดับการให้บริการ (SLA) ที่คาดไว้

ประเด็นสำคัญในการออกแบบ High Availability Architecture มีดังนี้

หลีกเลี่ยงความล้มเหลวเพียงจุดเดียว (Avoid single points of failure)

1. ความซ้ำซ้อนของฮาร์ดแวร์ (Hardware redundancy) กำจัดจุดล้มเหลวเพียงจุดเดียวในระบบโดยรวมความซ้ำซ้อนของฮาร์ดแวร์ มีเทคนิคมากมายในการออกแบบความซ้ำซ้อนของฮาร์ดแวร์ ใช้มาตราส่วนแนวนอนเพื่อกระจายเซิร์ฟเวอร์แอพพลิเคชันไปยังเครื่องจริงหลายเครื่อง (Active-Active) - เซิร์ฟเวอร์สำรองข้อมูลผู้ใช้ (Active-Standby)

2. ความซ้ำซ้อนของกระบวนการ (Process redundancy) จัดให้มีความซ้ำซ้อนของกระบวนการและการแยกส่วนเพื่อให้เซิร์ฟเวอร์ที่ล้มเหลวไม่ส่งผลกระทบต่อเซิร์ฟเวอร์ที่ใช้งานได้ดีที่เหลืออยู่

โหลดบาลานซ์ (Active-Active) ใช้เทคนิค Load balancing เพื่อให้แน่ใจว่าเซิร์ฟเวอร์แต่ละเครื่องไม่ถูกร้องขอจากไคลเอนต์มากเกินไปในขณะที่เซิร์ฟเวอร์อื่นไม่ได้ใช้งาน

การสนับสนุนเมื่อเกิดข้อผิดพลาด (Active-Standby) สภาพแวดล้อมต้องสามารถประมวลผลคำขอของไคลเอ็นต์ต่อไปได้ แม้ว่าคอมโพเนนต์อย่างน้อยหนึ่งรายการจะออฟไลน์อยู่ก็ตาม

Cloud Architecture เป็นอีกวิธีหนึ่งในการโฮสต์แอพพลิเคชันของคุณ บนผู้ให้บริการระบบคลาวด์ สถาปัตยกรรมประเภทนี้มีประโยชน์มากมาย เช่น ต้นทุนการบำรุงรักษาเซิร์ฟเวอร์ที่ต่ำกว่า ต้นทุนการลงทุนด้านฮาร์ดแวร์ที่ต่ำกว่า เป็นต้น หากคุณกำลังมองหาระบบคลาวด์โซลูชั่นคลาวด์มีตัวเลือกมากมายเช่น PaaS (Platform as a Service), IaaS (Infrastructure as a Service), และ SaaS (Software as a Service) ONEWEB สามารถโฮสต์บนคลาวด์เป็นโซลูชัน PaaS หรือ SaaS ได้ตามความต้องการของลูกค้า

แบนด์วิธของเครือข่ายระหว่าง Web Server, Application Server และ Database Server ขอแนะนำให้ใช้อย่างน้อย 1 Gbps สำหรับ Productionc และ DR environment สำหรับการทดสอบ environment คุณสามารถใช้แบนด์วิธ 100 Mbps แต่ถ้าเป็นไปได้ขอแนะนำให้ใช้ 1 Gbps ในทุก environment

แบนด์วิธของเครือข่ายระหว่างเว็บเซิร์ฟเวอร์และเครื่องไคลเอ็นต์ สำหรับอินเทอร์เน็ต (LAN network) ถ้าเป็นไปได้ขอแนะนำให้ใช้ 1 Gbps (Gigabit LAN) แต่คุณยังสามารถใช้อย่างน้อย 100 Mbps

For Internet or WAN network เราแนะนำแบนด์วิธอินเทอร์เน็ตอย่างน้อย 10 Mbps สำหรับการใช้งานปกติ (ไม่เกิน 50 ช่องข้อมูลต่อ 1 แบบฟอร์ม/หน้า) หากแอพพลิเคชันของคุณมีข้อมูลมากกว่า 50 ช่องหรือมีรูปภาพมากกว่า 3 ภาพต่อ 1 แบบฟอร์ม/หน้า คุณควรเพิ่มแบนด์วิธอินเทอร์เน็ตเพื่อให้สัมพันธ์กับข้อมูลของคุณ ในการคำนวณแบนด์วิธที่คุณควรมี เราควรพิจารณาจาก 10 Mbps + ขนาดข้อมูลเพิ่มเติมของคุณ (ฟิลด์ข้อมูลที่มากกว่า 50 ฟิลด์และรูปภาพเพิ่มเติมหรือไฟล์แนบของคุณ)

ONEWEB Designer Studios เป็นส่วนที่น่าตื่นเต้นที่สุดของ ONEWEB Business Application Platform โดยใช้เครื่องมือออกแบบเหล่านี้ ผู้ใช้สามารถออกแบบและสร้างเว็บฟอร์ม เว็บเพจ แอพพลิเคชันมือถือ กระบวนการทางธุรกิจ และไมโครเซอร์วิส ทั้งหมดนี้ทำได้โดยใช้อินเทอร์เฟซแบบกราฟิก เครื่องมือออกแบบเหล่านี้ใช้การลากและวางอย่างง่าย เพื่อให้ผู้ใช้ที่ไม่มีทักษะการเขียนโค้ดสามารถสร้างแอพพลิเคชันไดนามิกได้

ONEWEB มีสตูดิโอสำหรับออกแบบที่แตกต่างกัน 4 แบบ ได้แก่

App Designer สำหรับสร้างเว็บฟอร์ม

Process Designer สำหรับสร้างกระบวนการทางธุรกิจ

Page Designer สำหรับแอพพลิเคชันมือถือและเว็บเพจ

Microflow Designer สำหรับไมโครเซอร์วิส

ด้านล่างนี้เป็นข้อกำหนดของซอฟต์แวร์ในการติดตั้งและเรียกใช้ ONEWEB บนเครื่อง

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

ONEWEB Runtimes เป็นตัวขับเคลื่อนของ ONEWEB Business Application Platform รันไทม์เหล่านี้เป็นตัวขับเคลื่อนที่แปลงและดำเนินการกำหนดค่าที่สร้างขึ้นโดยนักออกแบบ Designer Studio แต่ละแห่งมีรันไทม์ที่สอดคล้องกัน ตัวอย่างเช่น App Runtime สามารถอ่านการกำหนดค่าที่สร้างโดย App Designer เพื่อสร้างเว็บฟอร์มและโฮสต์ฟอร์มบนเว็บเซิร์ฟเวอร์

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

แอพพลิเคชัน ONEWEB เป็นแอพพลิเคชันสำหรับผู้ใช้ที่สร้างขึ้นโดยการทำงานร่วมกันบนแพลตฟอร์ม ONEWEB สามารถประกอบด้วยองค์ประกอบ UI เช่นเดียวกับ Service แบ็คเอนด์ ส่วนประกอบสำคัญที่ประกอบเป็นแพลตฟอร์ม ONEWEB ได้แก่ AppSpace, Designer Studios และ Runtimes

ด้านล่างนี้เป็นข้อกำหนดด้านฮาร์ดแวร์ในการติดตั้งและเรียกใช้ ONEWEB บนเครื่อง

บทความช่วยสอนนี้เขียนขึ้นสำหรับผู้เริ่มต้น จนถึงผู้ดูแลระบบระดับกลาง ที่อาจไม่เคยติดตั้งหรือกำหนดค่าเซิร์ฟเวอร์แอพพลิเคชัน ONEWEB ก่อนที่คุณจะเริ่มต้น คุณต้องทราบข้อกำหนดเบื้องต้นของฮาร์ดแวร์และซอฟต์แวร์สำหรับการติดตั้ง ONEWEB

คุณสามารถติดตั้ง ONEWEB เป็นผู้ใช้ที่เป็นผู้ดูแลระบบ (รูท) หรือเป็นผู้ใช้ที่ไม่ใช่ผู้ดูแลระบบ (ไม่ใช่รูท) และหลังจากนั้น คุณต้องใช้ผู้ใช้เดียวกันเพื่อติดตั้งซอฟต์แวร์ที่จำเป็น ตัวอย่างเช่น คุณต้องติดตั้ง ONEWEB, Java และ WebSphere Application Server โดยใช้ผู้ใช้คนเดียวกัน

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

Non-administrator user หากคุณต้องการให้ผู้ใช้เฉพาะติดตั้งผลิตภัณฑ์บนคอมพิวเตอร์ โปรดตรวจสอบให้แน่ใจว่าผู้ใช้นั้นมีสิทธิ์ทั้งหมดบนไดเร็กทอรี หากคุณต้องการให้กลุ่มผู้ใช้ติดตั้งผลิตภัณฑ์บนคอมพิวเตอร์ โปรดตรวจสอบว่ากลุ่มนั้นมีสิทธิ์ทั้งหมดบนไดเร็กทอรีโดยใช้โหมดกลุ่ม คุณสามารถติดตั้ง ONEWEB ได้โดยใช้บัญชีเดียวและเสนอโดยใช้บัญชีอื่นที่อยู่ในกลุ่มเดียวกัน

ไฟร์วอลล์ (Firewall) ONEWEB รองรับไฟร์วอลล์เพื่อเพิ่มความปลอดภัยของคุณ สามารถใช้ได้ทั้งฮาร์ดแวร์หรือซอฟต์แวร์ไฟร์วอลล์ ไฟร์วอลล์ที่แนะนำในสถาปัตยกรรม ONEWEB แสดงอยู่ในรูปภาพด้านล่าง

ไฟร์วอลล์ระหว่างอินเทอร์เน็ตและโซน DMZ ได้รับการแนะนำมากที่สุดในการปกป้องแอพพลิเคชันและเครือข่ายของคุณจากอินเทอร์เน็ต ไฟร์วอลล์ระหว่าง DMZ Zone และ Internal Network Zone เพื่อปกป้อง local network นของคุณเป็นชั้นที่สองจากอินเทอร์เน็ต เนื่องจากนโยบายความปลอดภัยเครือข่ายบางอย่างอาจต้องการไฟร์วอลล์เพิ่มเติมระหว่าง Application Server และ Database Server ONEWEB ยังสนับสนุนกรณีดังกล่าว แต่บางกรณีอาจต้องปรับพารามิเตอร์นโยบายไฟร์วอลล์เพื่อป้องกันปัญหาการเชื่อมต่อฐานข้อมูล

SSL - ONEWEB รองรับ SSL/TLS โดยใช้คุณสมบัติ Application Server เช่น Wildfly ,JBoss EAO หรือ IBM WebSphere Application Server คุณสามารถกำหนดค่า SSL Certificate ได้ที่ Application Server ซึ่งโดยทั่วไปจะรองรับ Self Sign Certificate หรือ Certificate จาก CA

TCP/IP Network จำเป็นต้องมีเครือข่าย TCP/IP สำหรับ ONEWEB เครื่องไคลเอ็นต์ เว็บเซิร์ฟเวอร์ เซิร์ฟเวอร์แอพพลิเคชันเซิร์ฟเวอร์ฐานข้อมูล และ Load Balancer ทั้งหมดสื่อสารกันโดยใช้เครือข่ายนี้ ติดตั้งอะแดปเตอร์เครือข่ายอย่างน้อยหนึ่งตัวในคอมพิวเตอร์แต่ละเครื่องที่ใช้งาน ONEWEB

Load balancing จำเป็นเมื่อใช้เว็บเซิร์ฟเวอร์หรือเซิร์ฟเวอร์แอพพลิเคชันตั้งแต่สองตัวขึ้นไปสำหรับการเรียกใช้ ONEWEB ในการกำหนดค่าคลัสเตอร์ สามารถใช้โหลดบาลานซ์ฮาร์ดแวร์หรือซอฟต์แวร์ก็ได้

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

การสร้างฐานข้อมูลเป็นขั้นตอนแรกที่จำเป็น เพื่อให้คุณสามารถเชื่อมต่อแหล่งข้อมูลเมื่อคุณปรับใช้ไฟล์เก็บถาวร ONEWEB

ด้านล่างนี้คือรายการสกีมาฐานข้อมูลและชื่อคอมโพเนนต์ที่เกี่ยวข้องใน ONEWEB

คำแนะนำ (Recommendation)

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

ต้องรักษาตารางและดัชนีในพื้นที่ตารางแยกต่างหาก นี่คือการใช้งานทั่วไปในระบบการผลิต

ตั้งชื่อไฟล์ข้อมูลที่เป็นส่วนหนึ่งของพื้นที่ตารางอย่างเหมาะสม แบบแผนที่สามารถอ่านได้ง่าย เช่น EAF_MASTER_data_01.datafile , BPM_data01.datafile

เว็บเซิร์ฟเวอร์มีหน้าที่รับคำขอ HTTP จากไคลเอ็นต์ (เว็บเบราว์เซอร์) และให้บริการการตอบสนอง HTTP พร้อมกับเนื้อหาข้อมูลที่เป็นทางเลือก เช่น หน้าเว็บ (เอกสาร HTML) และวัตถุที่เชื่อมโยง เช่น รูปภาพ ONEWEB รองรับทั้ง Apache Web และเซิร์ฟเวอร์ IBM HTTP

ข้อกําหนดฮาร์ดแวร์ (Hardware Specification)

CPU: x86-64 (Intel or AMD) 1.5 GHz or faster Processor RAM: 8 GB or higher

ข้อกําหนดซอฟต์แวร์ (Software Specification)

OS:

Windows: Windows 8 or Windows 10 Linux: Ubuntu 16.04.3 LTS or Later MacOS: OS 10.10 or Later

Web browsers: Google Chrome 60 or higher Mozilla Firefox 57 or higher Microsoft Edge 40 or higher

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

ฐานข้อมูลที่รองรับ (Supported Databases) ด้านล่างเป็นเซิร์ฟเวอร์ของฐานข้อมูลที่รองรับ

Oracle 11g or later , PostgreSQL 9.6 or later only a sample name., MySQL 5.6 or later

DB2 10.5 or later , MS SQL Server 2012 or later, MariaDB 10.1.22 or later, Tibero 6.0 or later

สคีมา (Schemas) ONEWEB ต้องการสคีมาฐานข้อมูล 8 รายการสำหรับข้อมูลการกำหนดค่า ONEWEB และ 2 สคีมาสำหรับข้อมูลธุรกรรมของคุณ

ONEWEB กำหนดค่าสคีมาข้อมูลดังต่อไปนี้ eaf_master การจัดเก็บข้อมูล การกำหนดค่า AppDesigner erp_oneweb เพื่อจัดเก็บข้อมูลธุรกรรม AppDesigner ONEWEB สามารถใช้ชื่อสคีมาใดก็ได้ นี่เป็นเพียงชื่อตัวอย่างเท่านั้น pd การจัดเก็บ ProcessDesigner และการกำหนดค่า Microflow page การจัดเก็บการกำหนดค่า PageDesigner bpm เพื่อจัดเก็บข้อมูลการประมวลผลธุรกรรม asp เพื่อจัดเก็บการกำหนดค่าAppSpace dpc เพื่อจัดเก็บการกำหนดค่า Deployment Center iam2 เพื่อจัดเก็บข้อมูลผู้ใช้และข้อมูลการอนุญาตสำหรับ IAM dashboard_widget เพื่อจัดเก็บการกำหนดค่าแดชบอร์ดวิดเจ็ต survey_rabbit สำหรับจัดเก็บการกำหนดค่าการสำรวจ

Tablespaces เราแนะนำให้แยกพื้นที่ตารางด้วยอย่างน้อยหนึ่งสคีมาต่อหนึ่งพื้นที่ตาราง

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

• แยกพื้นที่ตารางสำหรับตารางข้อมูลธุรกรรมและตารางข้อมูลดัชนี

• แยกพื้นที่ตารางตามขนาดข้อมูลของตาราง

• วางไฟล์พื้นที่ตารางในฟิสิคัลดิสก์อื่น

Data Files เป็นไฟล์ฟิสิคัลของพื้นที่ตาราง พื้นที่หนึ่งตารางต้องมีไฟล์ข้อมูลอย่างน้อยหนึ่งไฟล์ สำหรับการออกแบบไฟล์ข้อมูล โปรดปรึกษา DBA ของคุณ

แอพพลิเคชันเซิร์ฟเวอร์เป็นเฟรมเวิร์กของซอฟต์แวร์ที่มีทั้งสิ่งอำนวยความสะดวกในการสร้างเว็บแอพพลิเคชันและ environment ในการเรียกใช้งาน ONEWEB รองรับเซิร์ฟเวอร์แอพพลิเคชันต่อไปนี้

• Websphere Application Server

• JBOSS EAP

• Wildfly

ส่วนนี้ประกอบด้วยขั้นตอนการเตรียมการทีละขั้นตอนเพื่อติดตั้ง ONEWEB บนแอพพลิเคชันเซิร์ฟเวอร์

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

Eclipse ในการปรับแต่งแอพพลิเคชันที่ออกแบบโดย ONEWEB คุณต้องใช้เครื่องมือ Eclipse เป็นตัวแก้ไขโค้ดสำหรับโค้ดที่กำหนดเอง หากต้องการดาวน์โหลด eclipse โปรดไปที่ https://www.eclipse.org/downloads/packages/ จากนั้นเลือก Eclipse IDE for Java EE Developers. ขอแนะนำให้ใช้ Mars Version หรือใหม่กว่ากับ JAVA เวอร์ชั่น 8

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

ONEWEB ต้องการโปรไฟล์แบบเต็ม มีตัวอย่างโปรไฟล์แบบเต็มสำหรับทั้งโหมดสแตนด์อโลนและโหมดโดเมน

อินเทอร์เฟซ Wildfly Management Console และ Management CLI ช่วยให้ผู้ดูแลระบบจัดการการปรับใช้แอพพลิเคชันในสภาพแวดล้อมการผลิต

ในการกำหนดค่า ONEWEB บน Wildfly คุณต้องทำตามขั้นตอนต่างๆ

ในการกำหนดค่าฐานข้อมูล ONEWEB คุณต้องทำตามขั้นตอนด้านล่าง

ขั้นตอนที่ 1 สร้างสคีมาและให้สิทธิ์ ใช้รายละเอียดต่อไปนี้เพื่อสร้างสคีมาฐานข้อมูลบนเซิร์ฟเวอร์ postgresql

สร้าง schema สำหรับ ONEWEB Application โดยใช้สคริปต์ SQL Execute: create_schema.sql

สร้างการให้สิทธิ์ตามบทบาทสำหรับ ONEWEB Application โดยใช้สคริปต์ SQL Execute: create_role.sql

เปลี่ยนรหัสผ่านเป็นบทบาทของผู้ใช้โดยใช้สคริปต์ SQL Execute: alter_password.sql

ขั้นตอนที่ 2 การจำกัดสิทธิ์ของผู้ใช้ฐานข้อมูล แก้ไขสิทธิ์ของผู้ดูแลระบบและ search_path บนสคีมาสำหรับผู้ใช้แต่ละราย แก้ไขสิทธิ์สำหรับ ONEWEB Application โดยใช้สคริปต์ SQL Execute: alter_priviledge.sql

ขั้นตอนที่ 3 สร้างตารางและข้อมูลเริ่มต้น

อ้างอิง:

เอกสารนี้ให้การเข้าถึงข้อมูลความต้องการของระบบโดยละเอียดเกี่ยวกับรุ่นที่รองรับของ ONEWEB

ตารางต่อไปนี้แสดงข้อมูลความต้องการของระบบโดยละเอียดสำหรับรุ่นและระบบปฏิบัติการที่ระบุสำหรับ ONEWEB

ระบบปฏิบัติการ (Operating System )

AIX

Windows

Linux

Application Server Prerequisites

Databases Prerequisites

Java

Web Browsers

ขั้นตอนแรกเกี่ยวข้องกับการเลือกความคงทนและสิทธิ์ของฐานข้อมูล สร้างฐานข้อมูลสำหรับ ONEWEB ก่อนปรับใช้ไฟล์ WAR คุณควรสร้างสคีมาฐานข้อมูลโดยใช้สคริปต์ SQL ตามรายละเอียดในการ

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

หากใช้ Data Source Persibility จะต้องติดตั้งไดรเวอร์ก่อนสร้างแหล่งข้อมูล ติดตั้งไดรเวอร์ฐานข้อมูลโดยใช้รายละเอียดด้านล่าง Download the JDBC driver from your database vendor. (ex. postgresql.jar)

เพิ่มไดรเวอร์ไปยัง Wildfly โดยใช้คอนโซล Wildfly Management

• คลิก " Deployments" -> " Add" แล้วเลือก "postgresql.jar", คลิก "Next"

• ทำเครื่องหมาย ✔ ที่ Enable แล้วคลิก "Finish"

ติดตั้งไดรเวอร์ฐานข้อมูลสำเร็จแล้ว

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

ในส่วนนี้ เราจะให้รายละเอียดเกี่ยวกับกระบวนการติดตั้ง ONEWEB Application Components ทีละขั้นตอน คุณสามารถปรับใช้ ONEWEB Application Components โดยใช้ Wildfly Management Console หรือ Management CLI ตัวอย่างนี้แสดงให้เห็นโดยใช้ Management Console

Wildfly ใช้การกำหนดค่าระบบย่อย ระบบย่อยเป็นชุดของฟังก์ชั่นเพิ่มเติมที่เพิ่มเข้าไปในเซิร์ฟเวอร์หลักโดยการขยาย ระบบย่อยให้ความสามารถในการประมวลผล servlet จากระบบย่อยเช่นเดียวกับ EE, EJB, IO และอื่นๆ เป็นต้น โปรไฟล์คือรายชื่อระบบย่อยที่มีชื่อ พร้อมด้วยรายละเอียดการกำหนดค่าของระบบย่อยแต่ละระบบ

EE Subsystem ระบบย่อย EE ช่วยให้คุณสามารถกำหนดค่าฟังก์ชั่นทั่วไปในแพลตฟอร์ม JavaEE เช่นการกำหนดโมดูลทั่วโลกการเปิดใช้งานการแทนที่แอตทริบิวต์ตามคำอธิบายและการกำหนดค่าการเชื่อมต่อเริ่มต้น

managed executor service context-service ชื่อของบริการบริบทที่จะใช้โดยตัวดำเนินการ core-threads จำนวนเธรดขั้นต่ำที่ตัวดำเนินการใช้ หากไม่ได้กำหนด ขนาดคอร์เริ่มต้นจะคำนวณตามจำนวนโปรเซสเซอร์ ไม่แนะนำให้มีค่าเป็นศูนย์และในบางกรณีอาจใช้ไม่ได้ ดูแอตทริบิวต์ความยาวคิวสำหรับรายละเอียดเกี่ยวกับวิธีการใช้ค่านี้เพื่อกำหนดกลยุทธ์การเข้าคิว hung-task-threshold รันไทม์เป็นมิลลิวินาทีสำหรับงานที่ต้องพิจารณาว่าหยุดทำงานโดยบริการตัวดำเนินการที่มีการจัดการ หากค่าเป็น 0 งานจะไม่ถูกพิจารณาว่าหยุดทำงาน jndi-name ชื่อ JNDI เพื่อค้นหาบริการตัวดำเนินการที่ได้รับการจัดการ keepalive-time เมื่อจำนวนของเธรดมากกว่าแกนหลัก นี่คือเวลาสูงสุดในหน่วยมิลลิวินาที ที่เธรดที่ไม่ได้ใช้งานส่วนเกินจะรองานใหม่ก่อนที่จะยุติ long-running-tasks ตั้งค่าสถานะซึ่งบอกใบ้ระยะเวลาของงานที่ดำเนินการโดยผู้ดำเนินการ max-threads จำนวนเธรดสูงสุดที่ตัวดำเนินการใช้ หากปล่อยไว้โดยไม่กำหนด ค่าจากขนาดคอร์จะถูกใช้ ค่านี้จะถูกละเว้นหากใช้คิวที่ไม่มีขอบเขต (ในกรณีนั้นจะใช้เฉพาะคอร์-เธรดเท่านั้น) queue-length ความจุของคิวงานตัวดำเนินการ ความยาว 0 หมายถึงการส่งต่อโดยตรงและการปฏิเสธที่อาจเกิดขึ้นจะเกิดขึ้น ความยาวที่ไม่ได้กำหนด (ค่าเริ่มต้น) หรือ Integer.MAX_VALUE ระบุว่าควรใช้คิวที่ไม่มีขอบเขต ค่าอื่นๆ ทั้งหมดระบุขนาดคิวที่แน่นอน หากมีการใช้คิวแบบไม่จำกัดหรือการส่งต่อโดยตรง จำเป็นต้องใช้ค่าคอร์เธรดที่มากกว่าศูนย์ reject-policy นโยบายที่จะใช้กับงานที่ถูกยกเลิก thread-factory ชื่อของโรงงานเธรดที่จะใช้โดยผู้ดำเนินการ

ระบบย่อย IO ระบบย่อย IO อนุญาตให้คุณกำหนดผู้ปฏิบัติงานและพูลบัฟเฟอร์ที่จะใช้โดยระบบย่อยอื่น

worker io-threads ระบุจำนวนของเธรด I/O ที่จะสร้างสำหรับผู้ปฏิบัติงาน หากไม่ระบุ ระบบจะเลือกค่าเริ่มต้นซึ่งคำนวณโดย cpuCount * 2 stack-size ขนาดสแต็ก (เป็นไบต์) เพื่อพยายามใช้สำหรับเธรดของผู้ปฏิบัติงาน task-keepalive ระบุจำนวนมิลลิวินาทีเพื่อรักษาเธรดงานที่ไม่ใช่คอร์ให้คงอยู่ task-max-threads ระบุจำนวนเธรดสูงสุดสำหรับ pool.if หากไม่ได้ตั้งค่าให้ใช้ค่าเริ่มต้นที่คำนวณโดยสูตร cpuCount * 16

buffer-pool buffer-size ขนาดของแต่ละส่วนบัฟเฟอร์ในหน่วยไบต์ หากไม่ได้ตั้งค่าที่เหมาะสมจะถูกคำนวณตามทรัพยากร RAM ที่มีอยู่ในระบบของคุณ buffers-per-slice จำนวนบัฟเฟอร์ต่อสไลซ์ หากไม่ได้ตั้งค่าที่เหมาะสมจะคำนวณตามทรัพยากร RAM ที่มีอยู่ในระบบของคุณ direct-buffers พูลบัฟเฟอร์ใช้บัฟเฟอร์โดยตรง บางแพลตฟอร์มไม่รองรับบัฟเฟอร์โดยตรง

Processor Core คอร์โปรเซสเซอร์ (หรือเรียกง่ายๆ ว่า "คอร์") คือโปรเซสเซอร์แต่ละตัวภายในซีพียู คอมพิวเตอร์จำนวนมากในปัจจุบันมีโปรเซสเซอร์แบบมัลติคอร์ ซึ่งหมายความว่า CPU มีมากกว่าหนึ่งคอร์

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

Thread เธรดของโปรแกรมคอมพิวเตอร์ช่วยให้โปรแกรมสามารถดำเนินการอย่างต่อเนื่องหรือหลายครั้งในครั้งเดียว แต่ละเธรดในโปรแกรมจะระบุกระบวนการที่ทำงานเมื่อโปรแกรมร้องขอ เธรดมักจะได้รับการจัดลำดับความสำคัญบางอย่างซึ่งหมายความว่าเธรดบางอย่างมีความสำคัญมากกว่าคนอื่นๆ เมื่อ CPU ประมวลผลหนึ่งเธรดเสร็จสิ้น ก็สามารถเรียกใช้เธรดถัดไปที่รออยู่ในบรรทัดได้ อย่างไรก็ตาม ไม่ใช่ว่าเธรดจะต้องเข้าแถวรอที่เคาน์เตอร์เช็กเอาต์ของ Target ในวันเสาร์ก่อนวันคริสต์มาส เธรดแทบจะต้องรอนานกว่าสองสามมิลลิวินาทีก่อนที่จะทำงาน โปรแกรมคอมพิวเตอร์ที่ใช้ "มัลติเธรด" สามารถรันหลายเธรดพร้อมกันได้ ระบบปฏิบัติการสมัยใหม่ส่วนใหญ่รองรับมัลติเธรดที่ระดับระบบ หมายความว่าเมื่อโปรแกรมหนึ่งพยายามใช้ทรัพยากร CPU ของคุณทั้งหมด คุณยังคงสามารถเปลี่ยนไปใช้โปรแกรมอื่นได้ และบังคับให้โปรแกรมที่ใช้ CPU ร่วมกันใช้โปรเซสเซอร์เพียงเล็กน้อย คำว่า "เธรด" ยังสามารถหมายถึงชุดของโพสต์ที่เกี่ยวข้องในการสนทนาออนไลน์ กระดานข่าวบนเว็บประกอบด้วยหัวข้อหรือเธรดมากมาย การตอบกลับที่โพสต์ในการตอบกลับการโพสต์ต้นฉบับนั้นเป็นส่วนหนึ่งของเธรดเดียวกันทั้งหมด ในอีเมล เธรดสามารถอ้างถึงชุดของการตอบกลับกลับไปกลับมาเกี่ยวกับข้อความบางอย่าง

JVM Options มีตัวเลือกสามประเภทที่คุณสามารถรวมไว้ใน JVM ของคุณ ตัวเลือกมาตรฐาน ไม่ใช่มาตรฐาน และตัวเลือกขั้นสูง หากคุณลองใช้ตัวเลือกขั้นสูง คุณจะใช้ตัวเลือกกับ -XX เสมอ ในทำนองเดียวกัน หากคุณใช้ตัวเลือกที่ไม่ได้มาตรฐาน คุณใช้ -X ตัวเลือกมาตรฐานไม่ได้เสริมอะไรให้กับตัวเลือก

Java heap size

-Xms - set initial Java heap size -Xmx - set maximum Java heap size -Xss - set java thread stack size

Xms ตัวเลือกนี้คือการกำหนดขนาดฮีปเริ่มต้นสำหรับ JVM เช่น Xms2048m ซึ่งหมายความว่าขนาดฮีปเริ่มต้นของ JVM คือประมาณ 2 GBดังนั้น เมื่อ JVM เริ่มทำงาน หน่วยความจำจะมีฮีปขนาดใหญ่มาก แปลกใจใช่! สิ่งนี้ดำเนินการเพื่อป้องกันการปรับขนาดระหว่างการเริ่มต้นและปรับปรุงเวลาเริ่มต้นของ JVM Xmx ตัวเลือกนี้ใช้ในการกำหนดขนาดของปริมาณสูงสุดของ JVM เช่น Xmx2048m ซึ่งหมายความว่า JVM มีขนาดสะสมสูงสุดเพียง 2GB โดยพื้นฐานแล้ว Xms และ Xmx จะอยู่ด้วยกันเสมอ

PermGen Size ตัวเลือก JVM ก่อนหน้านี้กำหนดขนาดของหน่วยความจำฮีป แต่ -XX:PermSize คือการกำหนดขนาดของพื้นที่ PermGen ที่ซึ่งกลุ่มสตริงและข้อมูลเมตาของคลาสถูกบันทึกไว้ ตัวเลือกนี้มีผลอย่างยิ่งสำหรับเว็บเซิร์ฟเวอร์อย่าง Tomcat ซึ่งมักจะโหลดคลาสของเว็บแอพพลิเคชันในระหว่างการปรับใช้ อย่างไรก็ตาม มันคุ้มค่าที่จะตระหนักว่าพื้นที่ PermGen ถูกครอบครองโดย Metaspace ใน Java 8 และตัวเลือกนี้ใช้ไม่ได้หากคุณใช้งานกับ JRE 8 JVM การจัดการข้อผิดพลาด 'OutOfMemory' ในการทริกเกอร์ฮีปดัมพ์เมื่อหน่วยความจำไม่เพียงพอ คุณสามารถใช้ -XX:+HeapDumpOnOutOfMemoryError ตัวเลือก JVM นี้สร้างการถ่ายโอนข้อมูลสแต็กเมื่อ JVM ของคุณตายโดยมีข้อผิดพลาด OutOfMemory ไม่มีค่าใช้จ่ายใดๆ เว้นแต่จะมี OOM เกิดขึ้นจริงๆ แฟล็กนี้เป็นสิ่งจำเป็นสำหรับระบบการผลิตเนื่องจากเป็นวิธีเดียวที่จะระบุปัญหาอย่างลึกซึ้ง

ฮีปดัมพ์จะถูกตั้งค่าใน "ไดเร็กทอรีปัจจุบัน" ของ JVM ตามค่าเริ่มต้น หากคุณต้องการสร้างฮีปดัมพ์ในไดเร็กทอรีเฉพาะ ให้เรียกใช้

-XX:HeapDumpPath= [path-to-heap-dump-directory] -XX:+UseGCOverheadLimit -XX:OnOutOfMemoryError="< cmd args >;< cmd args >"

ไฟล์ฮีปดัมพ์อาจมีขนาดใหญ่ถึงกิกะไบต์ ดังนั้น ตรวจสอบให้แน่ใจว่าระบบไฟล์ปลายทางมีความจุเพียงพอ หากเราต้องการรีสตาร์ทเซิร์ฟเวอร์ทันทีหลังจากเกิดหน่วยความจำไม่เพียงพอเราสามารถตั้งค่าพารามิเตอร์นี้ได้ - XX: OnOutOfMemoryError = "shutdown-r" ติดตามการโหลดและถอนการติดตั้งคลาส -XX:+TraceClassLoading และ -XX:+TraceClassUnloading เป็น JVM สองตัวเลือกที่เราใช้เพื่อพิมพ์ข้อมูลการบันทึกเมื่อใดก็ตามที่คลาสโหลดลงใน JVM หรือยกเลิกการโหลดจาก JVM แฟล็ก JVM เหล่านี้มีประโยชน์หากคุณมีการรั่วไหลของหน่วยความจำประเภทใดก็ตามที่เชื่อมโยงกับตัวโหลดคลาสและสงสัยว่าคลาสไม่ได้ถูกขนถ่ายหรือรวบรวมขยะ

การกำหนดค่ามาตรฐานที่แนะนำสำหรับ ONEWEB

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

เปิด command prompt ใน <JBOSS_HOME>/bin directory. Enter ./add-user[.sh|.bat] <username> <password> <ManagementRealm>

หลังจากกำหนดค่าผู้ใช้ผู้ดูแลระบบ Wildfly ให้รีสตาร์ทเซิร์ฟเวอร์แอพพลิเคชันตรวจสอบโดยเข้าสู่ระบบคอนโซลการจัดการ Wildfly กับผู้ใช้ที่เป็นผู้ดูแลระบบ

http://(IP Address):9990

ระบบจะเปลี่ยนเส้นทางผู้ใช้ไปยังคอนโซลผู้ดูแลระบบ Wildfly เมื่อเข้าสู่ระบบสำเร็จ

ในการกำหนดค่า Apache2 คุณต้องทำตามขั้นตอนด้านล่าง

การตั้งค่าพร็อกซีย้อนกลับของ Apache กำหนดค่าโฮสต์หรือไซต์เสมือนใหม่ คัดลอกไฟล์นั้นลงในไดเร็กทอรีเดียวกัน

ปิดใช้งานและเปิดใช้งาน VirtualHost ใหม่โดยใช้ยูทิลิตี้ a2dissite, a2ensite และรีสตาร์ท Apache2

ปิดการใช้งาน

เปิดใช้งาน

การรีสตาร์ท

โมดูล Apache2 ใช้ utility a2enmod เพื่อเปิดใช้งานโมดูล

sudo a2enmod proxy
sudo a2enmod proxy_http
sudo a2enmod proxy_ajp
sudo a2enmod rewrite
sudo a2enmod deflate
sudo a2enmod headers
sudo a2enmod proxy_balancer
sudo a2enmod proxy_connect
sudo a2enmod proxy_html

การตั้งค่าพอร์ต เปลี่ยนพอร์ตเริ่มต้นของ Apache เป็นพอร์ตที่กำหนดเอง Edit: port.conf

การทดสอบ context root ของแอพพลิเคชันของคุณ

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

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าโดเมนความปลอดภัยที่จัดการการรับรองความถูกต้องและการให้สิทธิ์ ตรวจสอบแอพพลิเคชันEAR, WAR ใช้โดเมนความปลอดภัยเดียวกัน

หากต้องการเปิดใช้งาน SSO ให้เปิด SSO ในการกำหนดค่าเซิร์ฟเวอร์ Wildfly เพื่อแก้ไข standalone.xml ดังนี้

/{WILDFLY_HOME}/standalone/configuration/standalone.xml.

คุณสมบัติ org.apache.catalina org.apache.catalina.connector ใช้เพื่อตั้งค่าการเข้ารหัส UTF-8 ในการกำหนดค่า Wildfly 10 คุณสมบัติเหล่านี้ไม่มีผลกระทบเนื่องจากตอนนี้ Wildfly ใช้ Undertow ในการตั้งค่าการเข้ารหัส UTF-8 แทนการเปลี่ยน

<system-properties>
<property name="org.apache.catalina.connector.URI_ENCODING" value="UTF-8" />
<property name="org.apache.catalina.connector.USE_BODY_ENCODING_FOR_QUERY_STRING" value="true" />
</system-properties>

การแก้ไข standalone.xml ดังนี้

/{WILDFLY_HOME}/standalone/configuration/standalone.xml

เพิ่มแท็ก system-properties

แก้ไข servlet-container

<servlet-container name="default">

ตารางต่อไปนี้แสดงรายละเอียดการเชื่อมต่อแหล่งข้อมูลสำหรับฐานข้อมูล ONEWEB

คุณสามารถกำหนดค่าแหล่งข้อมูลได้โดยใช้ JBoss Management Console หรือ Management CLI ที่นี่ คุณใช้คอนโซลการจัดการ

ล็อกอินเข้าสู่ JBoss Management Console โดยค่าเริ่มต้น, http://(IP Address):9990

ไปยัง Configuration -> Subsystems -> Datasources Select Type "Non-XA" -> and then click add (5) Create datasource -> Choose datasource "custom" and then click "Next"(7)

ระบุรายละเอียดสำหรับแหล่งข้อมูลใหม่ Datasource Attribute Name: Datasource Name JNDI Name: Specifies the JNDI name for the datasource

JDBC Driver เลือก Detected Driver "postgresql.jar" แล้วคลิก "Next"

ตรวจสอบการเชื่อมต่อแหล่งข้อมูล คลิก "Test Connection" แล้วคลิก "Finish"

ก่อนจะเริ่มต้น ในการผสานรวมแอพ ONEWEB เข้ากับการตรวจสอบสิทธิ์ Wildfly ผู้ใช้แอพจะต้องลงทะเบียน อ้างถึงส่วน ขั้นตอนที่ 2 กำหนดค่าการเข้าถึง Wildfly Management Console คุณควรเลือกประเภทที่คุณต้องการเพิ่มผู้ใช้ให้กับผู้ใช้แอพพลิเคชัน

การตรวจสอบสิทธิ์ด้วย Wildfly - แก้ไข standalone.xml ดังนี้

/{WILDFLY_HOME}/standalone/configuration/standalone.xml

เพิ่มแท็ก <login-module>

แก้ไข standalone.xml ดังนี้

/{WILDFLY_HOME}/standalone/configuration/standalone.xml

ก่อนที่คุณจะกำหนดค่า คุณควรแจ้งให้ LDAP ทราบสำหรับการตรวจสอบการกำหนดค่าด้วย Wildfly โปรดดูหัวข้อการผสานรวม LDAP

ตัวอย่าง:

เพิ่มแท็ก <login-module>

แก้ไข value ldap setting

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปที่แผง Deployment (เน้นไปที่เลข 1 ในรูปด้านล่าง) คลิกที่ปุ่ม Add (2)

เลือก "Upload new deployment" และต่อด้วย คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "ONEWEB.AD.x.x.x.x.YYMMDD24HHMM.wildfly.war") และจากนั้น คลิก Next

เลือก Enable และ คลิก"Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/EAFUIWeb

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "ONEWEB.PGD.x.x.x.x.YYMMDD24HHMM.wildfly.war") และจากนั้น คลิก Next.

เลือก Enable และจากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

เปิดคอนโซล ONEWEB Page Designer โดยพิมพ์ URL http://<ip>:<port>/PageDesigner/#/settings/db/migration

คลิก "Install"

ติดตั้งแอพเพจ แอพพลิเคชันจะตอบกลับด้วย "Validated”

แพ็คเกจแอพพลิเคชันได้รับการปรับใช้และเริ่มต้นสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/PageDesigner

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR file. (Package name: "ONEWEB.PGR.x.x.x.x.YYMMDD24HHMM.wildfly.war") แล้วคลิก Next.

เลือก Enable และจากนั้นคลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

วนนี้แสดงกระบวนการทีละขั้นตอนในการติดตั้ง ONEWEB Process Components คุณสามารถปรับใช้ ONEWEB Components โดยใช้ Wildfly Management Console หรือ Management CLI ตัวอย่างนี้แสดงให้เห็นโดยใช้ Management Console

ส่วนนี้แสดงกระบวนการทีละขั้นตอนในการติดตั้ง ONEWEB Integration Components คุณสามารถปรับใช้ ONEWEB Components โดยใช้ Wildfly Management Console หรือ Management CLI ตัวอย่างนี้แสดงให้เห็นโดยใช้ Management Console

บทนี้จะบอกวิธีการตรวจสอบส่วนประกอบทั้งหมดของแพลตฟอร์ม ONEWEB เมื่อติดตั้งส่วนประกอบทั้งหมดแล้ว หากติดตั้งส่วนประกอบใดๆ ไม่ถูกต้อง ขั้นตอนการตรวจสอบอาจล้มเหลว

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" จากนั้น คลิก Next (4)

เลือกไฟล์ Application EAR (Package name: "ONEWEB.AR.x.x.x.x.YYMMDD24HHMM.wildfly.ear") และจากนั้น คลิก Next.

เลือก Enable และจากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/FrontWeb

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "ONEWEB.PD.x.x.x.x.YYMMDD24HHMM.wildfly.war") และจากนั้นคลิก Next

เลือก Enable จากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/PD

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application (Package name: "ONEWEB.MFR.x.x.x.x.YYMMDD24HHMM.wildfly.war") จากนั้น คลิก Next

เลือก Enable จากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/MicroFlowRest

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "ONEWEB.MFD.x.x.x.x.YYMMDD24HHMM.wildfly.war") จากนั้น คลิก Next.

เลือก Enable จากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/MicroFlow

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "ONEWEB.PR.x.x.x.x.YYMMDD24HHMM.wildfly.war") และจากนั้น คลิก Next.

เลือก Enable จากนั้น คลิก "Finish"

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว

ตรวจสอบแอพพลิเคชันด้วย URL http://(IP Application server):(port)/BPMREST

เมื่อติดตั้งแพลตฟอร์ม ONEWEB แล้ว คุณสามารถตรวจสอบแอพพลิเคชันได้ตามรายละเอียดต่อไปนี้

App Designer

ลงชื่อเข้าใช้แอพพลิเคชันด้วย URL http://(IP Application server):(port)/FrontWeb

ไปที่ App Designer -> Import Entity

Import Entity: EN_v001.entity.cfg.json

ไปที่ App Designer >> Menu Configuration >> Create New Menu under APP Zone

เมื่อติดตั้ง ONEWEB Process สำเร็จแล้ว คุณสามารถตรวจสอบแอพพลิเคชันโดยมีรายละเอียดดังต่อไปนี้

Process Designer

ลงชื่อเข้าใช้แอพพลิเคชันด้วย URL http://(IP Application server):(port)/FrontWeb

ไปที่ Process Designer -> Create blank Project

สร้าง New Process Name: Occurrence Management

Import File: Occurrence Management

ไปที่ เครื่องมือออกแบบ (design tool)

เมื่อคุณออกแบบแอพพลิเคชันโดยใช้แพลตฟอร์ม ONEWEB อาจมีหลายประเภท

• แอพพลิเคชัน UI/ UX เพื่อให้หน้าเว็บคงที่

• Process Application - แอพพลิเคชั่นสำหรับการจัดการกระบวนการทางธุรกิจโดยใช้ ONEWEB เท่านั้น

• Interface Apps - แอพพลิเคชั่นที่ผสานรวมระหว่างระบบต่างๆโดยใช้ ONEWEB

• Complex Apps - โปรแกรมที่ประกอบด้วยการรวมกันของสามประเภทดังกล่าวข้างต้น

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

• การรวมบริการเว็บ (Web Service Integration)

• การผสานรวมโดยใช้ไฟล์ (Integration using Files)

• การผสานรวมโดยใช้ Java (Integration using Java)

• การผสานรวมผ่านฐานข้อมูล (Integration through Database)

การออกแบบเป็นส่วนสำคัญที่สุดในการสร้างแอพพลิเคชันใดๆ ในการเริ่มต้นการออกแบบ คุณต้องทำตามขั้นตอนด้านล่าง

กำหนดเป้าหมายสำหรับแอพพลิเคชันของคุณ (Set the goal for your app)

การตั้งเป้าหมายเป็นสิ่งสำคัญมากเพราะสามารถใช้เป็นข้อมูลอ้างอิงได้ตลอดกระบวนการ มันจะช่วยให้คุณติดตามได้

ทำตามแผน (Make a plan)

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

ศึกษาส่วนแบ่งตลาด (Research the market and the segment)

การวิจัยเป็นส่วนสำคัญของการออกแบบแอพ

สร้างแผนผังโครงสร้างของแอพพลิเคชัน (Create wire frames of your application)

Wire frame เป็นสถาปัตยกรรมภาพของแอพพลิเคชัน มันแสดงให้เห็นว่าแอพพลิเคชันจะมีลักษณะอย่างไรและจะทำงานอย่างไร ช่วยรวมการไหลของแอพพลิเคชัน

ส่วนนี้แนะนำฟีเจอร์ที่ทรงพลังที่ทำให้ ONEWEB โดดเด่นในฐานะเครื่องมือสร้างแอพพลิเคชันที่ใช้งานง่าย คุณสามารถเรียนรู้เกี่ยวกับกระบวนการพัฒนาแอพพลิเคชันบนแพลตฟอร์ม ONEWEB ได้ในส่วนนี้

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

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

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

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

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

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

มีสิ่งดึงดูดความสนใจที่มากเกินไป การออกแบบองค์ประกอบที่ต้องดึงดูดความสนใจยังทำให้ผู้ใช้สามารถสับสนและตึงเครียดโดยไม่จำเป็น การใช้ระดับการมองเห็นในการออกแบบการไหลของผู้ใช้บนหน้าจอลดความรู้สึกของการแข่งขันในองค์ประกอบที่แตกต่างกัน คุณสามารถช่วยพวกเขาได้โดยการ จำกัด จำนวนการโทรการกระทำบนหน้าจอลดหรือกำหนดเป้าหมายโฆษณาบนเว็บไซต์ของคุณลดการกระพริบและภาพเคลื่อนไหวและใช้ชื่อเรื่องอย่างเหมาะสม นอกจากนี้การไม่ป๊อปอัพเนื้อหา (เช่น modal box) ต่อหน้าผู้ใช้จะช่วยรักษาความสนใจในเนื้อหา

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

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

คุณลักษณะหลักของแอพพลิเคชันอันทรงพลังคือการออกแบบส่วนต่อประสานกับผู้ใช้พร้อมหน้าเพจที่สวยงาม ความเรียบง่ายที่โดดเด่น และการนำทางที่ง่ายดาย นั่นคือเหตุผลที่องค์กรต่างๆ ทุ่มเงินหลายล้านดอลลาร์ในการพัฒนาและอัปเดตอินเทอร์เฟซผู้ใช้ การใช้ ONEWEB ผู้ใช้ทุกคนสามารถสร้างและดูแล UX/UI ที่น่าทึ่งโดยไม่ต้องมีความรู้ด้านการออกแบบเว็บมากนัก

ONEWEB Application Archive Package สำหรับฟีเจอร์ IAM แสดงอยู่ด้านล่าง

ก่อนที่คุณจะเริ่มต้น คุณต้องกำหนดค่าข้อมูลต่อไปนี้ในฐานข้อมูล

เข้าสู่ระบบ Wildfly จัดการที่คอนโซล (By default, http://(IP Address):9990)

ไปยังหน้า Deployment (ไฮไลต์ที่ 1 ในภาพด้านล่าง) คลิก Add (2)

เลือก "Upload new deployment" และจากนั้น คลิก Next (4)

เลือกไฟล์ Application WAR (Package name: "IAM2RESTService.x.x.x.x.YYMMDD24HHMM.wildfly.war") จากนั้น คลิก Next

เลือก Enable และจากนั้น คลิก "Finish"

เมื่อใช้งานสำเร็จแล้ว ให้ปรับใช้แพ็คเกจอื่นๆ ด้วย

รอให้ข้อความยืนยันปรากฏขึ้น ปรับใช้แพ็คเกจแอพพลิเคชันสำเร็จแล้ว ตรวจสอบใบสมัครด้วย URL http://(IP Application server):(port)/IAM2Web

แอพประมวลผล (Process Apps) คือแอพที่ใช้ ONEWEB เพื่อจัดการกระบวนการทางธุรกิจ ซึ่งอาจมีหลายประเภทขึ้นอยู่กับธุรกิจของผู้ใช้ ด้านล่างนี้เป็นรูปแบบการออกแบบกระบวนการทางธุรกิจบางส่วน ที่พบมากที่สุด

รูปแบบการออกแบบ 1 - ลำดับ (Sequential)

โฟลว์ประเภทที่พบได้บ่อยที่สุด งานติดตามกัน จะเริ่มเมื่องานก่อนหน้านี้เสร็จสิ้นเท่านั้น

รูปแบบการออกแบบ 2 - ขนาน (Parallel)

หลายกิจกรรมทำงานอยู่ในเวลาเดียวกัน งานจะดำเนินการแบบขนาน ผู้ใช้/กลุ่มต่างๆ จำเป็นต้องทำงานในเวิร์กโฟลว์เดียวกันในเวลาเดียวกัน

รูปแบบการออกแบบ 3 - ไฮบริด (Hybrid)

รูปแบบการออกแบบ 4 -แม่/ลูก (Parent Child)

รูปแบบการออกแบบ 5 - วนซ้ำ (Loop)

ใช้การวนซ้ำเพื่อสร้างกิจกรรมเดิมซ้ำไปเรื่อยๆ จนกว่าจะตรงตามเงื่อนไขที่กำหนด อาจมีกฎการเริ่มต้นเพื่อชะลอการเริ่มกิจกรรม หรือกฎปลายทางเพื่อเลื่อนงานไปข้างหน้า

แอพพลิเคชัน UI เป็นแอพพลิเคชันที่มีเพียงส่วนติดต่อผู้ใช้โดยไม่มีกระบวนการ back-end หรือใช้ ONEWEB เพื่อสร้าง UI และอาจใช้ระบบ back-end ของผู้ให้บริการรายอื่น ผู้ใช้ยังสามารถพิจารณารูปแบบการออกแบบ UI ต่อไปนี้เมื่อพัฒนาแบบฟอร์ม UI โหมดเหล่านี้สามารถนำไปใช้กับส่วนติดต่อผู้ใช้ของแอพพลิเคชันประเภทใดก็ได้

รูปแบบการออกแบบ 1 - รูปแบบที่มีโครงสร้าง (Structured Format) สามารถใช้ได้เมื่อ

ข้อมูลควรเป็นไปตามโครงสร้างที่กำหนดไว้ล่วงหน้า จำกัดรูปแบบที่ป้อนข้อมูล แยกฟิลด์ป้อนข้อมูลขนาดใหญ่ออกเป็นส่วนเล็ก ๆ ให้ความสนใจกับลำดับของฟิลด์การป้อนข้อมูล

รูปแบบการออกแบบ 2 - การควบคุมแบบ Morphing (Morphing Controls) สามารถใช้ได้เมื่อ

การควบคุมบางอย่างในรูปแบบ UI ไม่จำเป็นต้องแสดงเสมอ ให้การควบคุมที่เลือกแก่ผู้ใช้ ล้างหน้าจอ

รูปแบบการออกแบบ 3 - ตัวแก้ไขแบบอินไลน์ (Inline Editor) สามารถใช้ได้เมื่อ

แก้ไขในตำแหน่งเดิมที่แสดงอยู่ แก้ไขโดยไม่ต้องเปลี่ยนเส้นทาง ง่ายและรวดเร็ว ใช้เอฟเฟกต์โฮเวอร์ในการร้องขอการแก้ไข

รูปแบบการออกแบบ 4 - ค่าเริ่มต้นที่ดี (Good Defaults) สามารถใช้ได้เมื่อ

กรอกแบบฟอร์มล่วงหน้า เริ่มต้นด้วยข้อมูลที่น่าจะตรงกันมากที่สุด เช่น ลงนามในจดหมายข่าว / ยอมรับข้อตกลงและข้อตกลง

รูปแบบการออกแบบ 5 - แท็บโมดูล (Module Tabs) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 6 – การจัดหมวดหมู่ (Categorization) สามารถใช้ได้เมื่อ

จัดหมวดหมู่เนื้อหาเป็นส่วนลำดับชั้นโดยใช้ Tabs / Modules จัดหมวดหมู่เนื้อหาเป็นกลุ่ม จัดหมวดหมู่เป็นหมวดหมู่หรือส่วนหลัก (ซ้อนกัน)

รูปแบบการออกแบบ 7 - การเปิดเผยข้อมูลแบบก้าวหน้า (Progressive Disclosure) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 8 - มุมมองที่ปรับเปลี่ยนได้ (Adaptable view) สามารถใช้ได้เมื่อ

UI ให้เหมาะกับความต้องการเฉพาะ ความเข้ากันได้บนอุปกรณ์ / ธีมต่างๆ สลับ/ปรับเปลี่ยนระหว่างสไตล์ต่างๆ ปรับแต่งการใช้งานและประสบการณ์ตามความต้องการเฉพาะของพวกเขา

รูปแบบการออกแบบ 9 – การแบ่งหน้า (Pagination) สามารถใช้ได้เมื่อ

ดูชุดย่อยของข้อมูลที่จัดเรียง ชุดข้อมูลถูกจัดเรียง ข้อมูลทั้งหมดไม่สามารถแสดงในหน้าเดียวได้

เมื่อสร้างแอพพลิเคชันใหม่ใน ONEWEB คุณต้องเลือกประเภทของแอพพลิเคชันที่คุณต้องการพัฒนาตามความต้องการของโครงการ สำหรับแต่ละสถานการณ์การพัฒนาจะมีเครื่องมือและฟังก์ชันที่แตกต่างกัน

Web App คืออะไร?

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

Mobile App คืออะไร?

แอพมือถือเป็นเชลล์แอพแบบไฮบริดที่พัฒนาโดยใช้เฟรมเวิร์กแอพพลิเคชันมือถือเช่น Apache Cordova แอพนี้มีประสบการณ์การใช้งานที่ดีที่สุดบนมือถือและสามารถเข้าถึงคุณลักษณะและฟังก์ชันของอุปกรณ์โดยใช้ปลั๊กอิน มันสามารถทำงานแบบออฟไลน์และมีฟังก์ชันแคชข้อมูลเพื่อเข้าถึงที่เก็บข้อมูลในอุปกรณ์ของคุณ. โค้ดส่วนใหญ่ได้รับการพัฒนาเป็นแพลตฟอร์มข้ามแพลตฟอร์มซึ่งหมายความว่าคุณเพียงแค่ต้องพัฒนาโครงการและโครงการแอพสามารถทำงานบนแพลตฟอร์มมือถือที่รองรับสองแพลตฟอร์ม (iOS และ Android)

แอพพลิเคชันมือถือหรือเว็บแอพพลิเคชัน: เลือกแบบไหน?

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

เมื่อติดตั้งแอพพลิเคชัน ONEWEB สำเร็จแล้ว คุณสามารถตรวจสอบแอพพลิเคชันได้โดยมีรายละเอียดดังต่อไปนี้

MicroFlow Designer

ลงชื่อเข้าใช้แอพพลิเคชันด้วย URL http://(IP Application server):(port)/FrontWeb

ไปที่ MicroFlow -> Create blank Project

สร้าง New Process with Name: XXX Service

ไปที่ "Import"

เลือกไฟล์ getCurrencyFixer และคลิก "Import"

เมื่อนำเข้าเสร็จแล้ว ให้ไปที่เครื่องมือออกแบบ แล้วคุณจะเห็น getCurrencyFixe service

User Experience (UX) เป็นความรู้สึกที่ผู้คนได้รับจากการใช้แอพพลิเคชัน ผลิตภัณฑ์ หรือเว็บไซต์ใดๆ The User Interface (UI) คือสิ่งที่ผู้คนมีปฏิสัมพันธ์ด้วยซึ่งเป็นส่วนหนึ่งของประสบการณ์นั้น อินเทอร์เฟซผู้ใช้ที่ดีมอบประสบการณ์ที่ "เป็นมิตรกับผู้ใช้" ช่วยให้ผู้ใช้สามารถโต้ตอบกับซอฟต์แวร์หรือฮาร์ดแวร์ได้อย่างเป็นธรรมชาติและเป็นธรรมชาติ โปรแกรมซอฟต์แวร์เกือบทั้งหมดมีส่วนติดต่อผู้ใช้แบบกราฟิกหรือ GUI ซึ่งหมายความว่าโปรแกรมมีการควบคุมแบบกราฟิกซึ่งผู้ใช้สามารถเลือกได้โดยใช้เมาส์หรือแป้นพิมพ์ GUI ทั่วไปของโปรแกรมซอฟต์แวร์ประกอบด้วยแถบเมนู แถบเครื่องมือ หน้าต่าง ปุ่ม และส่วนควบคุมอื่นๆ

การออกแบบ UX เป็นฟิลด์เชิงวิเคราะห์และทางเทคนิคมากกว่า ในขณะที่การออกแบบ UI นั้นใกล้เคียงกับสิ่งที่เราเรียกว่าการออกแบบกราฟิก แม้ว่าความรับผิดชอบจะค่อนข้างซับซ้อนกว่าก็ตาม องค์ประกอบทั้งสองนี้มีความสำคัญต่อผลิตภัณฑ์เนื่องจากทำงานร่วมกันอย่างใกล้ชิด ไม่ต้องสงสัยเลยว่า การออกแบบ UX/UI เป็นส่วนสำคัญในการทำงานแอพพลิเคชันหรือสร้างเว็บไซต์

ในการตัดสินใจว่าจะเริ่มต้นด้วย Smart Form หรือ Page บนแพลตฟอร์ม ONEWEB ขึ้นอยู่กับข้อกำหนดความต้องการของผู้ใช้ ประเด็นสำคัญที่ผู้ใช้ต้องทราบก่อนเลือก Smart Form หรือ Page สำหรับข้อกำหนดการออกแบบแอพพลิเคชันคือ

ผู้ใช้ต้องเลือก Smart Form เมื่อ

• อินเทอร์เฟซการป้อนข้อมูล

• จำเป็นต้องมีการนำทางที่ซับซ้อน เช่น แท็บทั่วไปและโครงสร้างเลเยอร์ 2 แท็บ

• จำเป็นต้องป้อนข้อมูลเพื่อส่งหรือเริ่มต้นโฟลว์ของกระบวนการ

• ต้องการการตรวจสอบความถูกต้องหรือเงื่อนไขทางธุรกิจที่จะใช้กับข้อมูลที่ป้อนโดยผู้ใช้

• แบบฟอร์มที่ต้องผสานรวมกับระบบการจัดการกระบวนการทางธุรกิจผู้ใช้ต้องเลือก

ผู้ใช้ต้องเลือก Page เมื่อ

• ต้องการแสดงเนื้อหาแบบสแตติกและไดนามิกบนหน้าเว็บ (โดยไม่ต้องเขียน HTML)

• จำเป็นต้องมีการนำทางเพจ

• การสร้างเว็บไซต์แบบคงที่หรือไดนามิก

• สร้างการรวมกลุ่ม / การตลาดทางอีเมล

• การกระทำ ข้อความหรือรูปภาพบนเพจที่ต้องมีการผสานรวมกับ Microflow หรือเว็บไซต์ของ third-party

หัวใจของแพลตฟอร์ม ONEWEB ส่วนประกอบ UX/UI คือบล็อกที่สร้างแบบแยกส่วน รวมและนำกลับมาใช้ใหม่ของแอพ App Designer และ Page Designer เป็นสององค์ประกอบ ONEWEB ที่จะมอบเครื่องมือที่จำเป็นทั้งหมดแก่ผู้ใช้ในการสร้างและส่งมอบแอพสมัยใหม่พร้อมประสบการณ์ผู้ใช้ที่สวยงามบนหน้าจอทุกประเภท ด้วยส่วนประกอบ ONEWEB UX/UI คุณสามารถแก้ปัญหาทางธุรกิจด้วยการส่งมอบแอพอย่างรวดเร็ว

Smart Form คือแบบฟอร์มใบสมัครอิเล็กทรอนิกส์ที่ลูกค้า คู่ค้า และพนักงานใช้ในการสมัครผลิตภัณฑ์และบริการ เป็นสิ่งสำคัญสำหรับธุรกิจดิจิทัลที่เกี่ยวข้องกับการรวบรวมและเปลี่ยนแปลงข้อมูล มาพร้อมความสามารถที่เหนือกว่ารูปแบบกระดาษทั่วไป เช่น การกรอกแบบอิเล็กทรอนิกส์ ส่วนไดนามิก การเรียกฐานข้อมูล และการส่งแบบอิเล็กทรอนิกส์ ข้อดีของการใช้ Smart Forms คือ

• กำจัดกระดาษและแบบฟอร์ม PDF

• รองรับการเก็บข้อมูลออฟไลน์และมือถือ

• ช่วยให้ผู้ใช้สามารถเริ่มต้นหรือดำเนินการต่อกระบวนการทางธุรกิจได้จากทุกที่

• ทำให้กระบวนการมีประสิทธิภาพและใช้งานง่ายมากขึ้น

ในแพลตฟอร์ม ONEWEB ตัวออกแบบแอพ (App Designer)จะใช้เพื่อสร้างและสร้างฟอร์มอัจฉริยะ ความสามารถหลักบางประการของสมาร์ทฟอร์ม ONEWEB ได้แก่

เลือกจากตัวเลือกฟิลด์ที่หลากหลาย (Choose from a variety of Field options) ฟอร์มถูกสร้างขึ้นด้วยบล็อกที่เรียกว่าฟิลด์ ช่องให้สิทธิ์ให้ผู้ใช้ป้อนข้อมูลประเภทใดประเภทหนึ่ง ตั้งแต่ชื่อ วันที่ ช่องทำเครื่องหมาย และปุ่มตัวเลือก ไปจนถึงการอัปโหลดไฟล์

แบบฟอร์มอัจฉริยะพร้อมกฎ (Smart Forms with Rules) แสดงหรือซ่อนฟิลด์แบบไดนามิกขึ้นอยู่กับข้อมูลที่ป้อนโดยผู้ใช้ ด้วยคุณลักษณะนี้ คุณจะแสดงเฉพาะฟิลด์ที่เกี่ยวข้องกับผู้ใช้เท่านั้น

ทำการคำนวณ (Perform Calculations) ทำการคำนวณที่ซับซ้อนเพื่อกำหนดค่าในฟิลด์ที่จำเป็น

แบบฟอร์มหลายหน้า (Multi-page forms) แยกแบบฟอร์มยาวออกเป็นหลายหน้าเพื่อปรับปรุงประสบการณ์ของผู้ใช้

แสดงเนื้อหาแบบไดนามิก (Display dynamic content) แสดงเนื้อหาแบบไดนามิกตามความต้องการ

การตรวจสอบข้อมูล (Data Validation) ทำการตรวจสอบที่ซับซ้อนกับข้อมูลผู้ใช้ที่ป้อนเข้า

การเชื่อมต่อข้อมูล (Data Connectivity) ค้นหาข้อมูลจากระบบระยะไกล

การส่งข้อมูล (Data Submission) ส่งข้อมูลไปยังฐานข้อมูลขององค์กรของคุณอย่างปลอดภัย

ฐานข้อมูลฝังในตัว (Built-in Database Persistence) เมื่อใช้การตั้งค่าการกำหนดค่าฟิลด์ ผู้ใช้สามารถจำกัดและควบคุมข้อมูลที่แสดงบน GUI เท่านั้นได้อย่างง่ายดาย และไม่ต้องการการแทรกแซงของฐานข้อมูล หรือในทางกลับกัน

รองรับการปรับแต่ง (Customizations Support) สามารถปรับแต่งได้อย่างง่ายดายโดยใช้ Java, JSP และ JavaScript

สร้างการแสดงตัวอย่างทันที (Generate instant Previews) สร้างตัวอย่างสมาร์ทฟอร์มทันทีเมื่อผู้ใช้สร้างและเพิ่มประสิทธิภาพซ้ำๆ

การรวมกระบวนการ Integration (Process Integration) สามารถรวมเข้ากับกระบวนการทางธุรกิจส่วนหลังที่ออกแบบบน Process Designer ได้อย่างง่ายดายโดยการกำหนดค่าปุ่มกระบวนการบนเอนทิตี

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

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

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

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

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

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

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

สมาร์ทฟอร์ม/เอนทิตีที่สร้างขึ้นโดยใช้แพลตฟอร์ม ONEWEB รองรับโหมดเอนทิตีต่างๆ เพื่อแสดง บันทึก และตรวจสอบความถูกต้องของเนื้อหาอย่างเหมาะสม ให้ผู้ใช้มีตัวเลือกในการกำหนดค่าสมาร์ทฟอร์มที่แตกต่างกันสำหรับโหมดต่างๆ ในระหว่างการปรับแต่ง เอนทิตีสามารถปรับแต่งสำหรับแต่ละโหมดแยกกันตามความต้องการของลูกค้า ตัวอย่างเช่น ผู้ใช้สามารถสร้างปุ่มที่มีการกระทำเฉพาะหรือข้อความป๊อปอัพเฉพาะสำหรับโหมดต่างๆ

ONEWEB รองรับโหมดเอนทิตีที่แตกต่างกันสี่โหมด เช่น โหมดแทรก, อัปเดต, ค้นหา และลบ

แทรก (Insert) คือโหมดการป้อนข้อมูลเมื่อข้อมูลที่ป้อนถูกแทรกเป็นบันทึกใหม่ในฐานข้อมูล การกำหนดค่าทั้งหมดที่จำเป็นเมื่อผู้ใช้เปิดเอนทิตีเพื่อสร้างข้อมูลใหม่จะถูกกำหนดค่าโดยใช้โหมดแทรก

อัปเดต (Update) คือโหมดการป้อนข้อมูลเมื่อเอนทิตีเปิดข้อมูลที่มีอยู่จากฐานข้อมูล เพื่อวัตถุประสงค์ในการแก้ไข การกำหนดค่าทั้งหมดที่จำเป็นเมื่อผู้ใช้เปิดเอนทิตีเพื่อแก้ไขจะถูกกำหนดค่าโดยใช้โหมดอัปเดต

ค้นหา (Search) คือโหมดเอนทิตีสำหรับการค้นหาบันทึกในฐานข้อมูล การกำหนดค่าทั้งหมดที่จำเป็นเมื่อผู้ใช้เปิดเอนทิตีสำหรับการค้นหาข้อมูลจะถูกกำหนดค่าโดยใช้โหมดการค้นหา ในโหมดค้นหา ผู้ใช้สามารถค้นหาบันทึกตามเกณฑ์การค้นหาที่เลือก และผลการค้นหาจะแสดงตามนั้น

ลบ (Delete) คือโหมดการป้อนข้อมูลเมื่อข้อมูลถูกลบออกจากฐานข้อมูล การกำหนดค่าทั้งหมดที่จำเป็นเมื่อผู้ใช้เปิดเอนทิตีเพื่อลบจะถูกกำหนดค่าโดยใช้โหมดลบ

คุณสมบัติที่ผู้ใช้สามารถควบคุมได้โดยใช้โหมดต่างๆ ได้แก่

• ใช้การตั้งค่าโหมดการควบคุมการเข้าถึงเพื่อแสดง / ซ่อนฟิลด์หรือโมดูลบนสมาร์ทฟอร์ม

• กำหนดค่าปุ่มเอนทิตีเฉพาะสำหรับแต่ละโหมดของเอนทิตี

• กำหนดค่าปุ่มโมดูลเพื่อแสดง/ซ่อนตามโหมดเอนทิตี

• นักพัฒนาขั้นสูงสามารถปรับแต่งเอนทิตีเพื่อสร้างการดำเนินการของเอนทิตีที่ซับซ้อนเฉพาะความต้องการสำหรับโหมดเอนทิตีที่แตกต่างกัน

เอนทิตีบนแพลตฟอร์ม ONEWEB หมายถึงกลุ่มของคุณลักษณะทางธุรกิจที่สามารถแสดงเป็นหน่วยเดียวได้ เช่น. ลูกค้า คำสั่งซื้อ สินค้า ใบกำกับภาษี ฯลฯ ขั้นตอนแรกในการสร้างสมาร์ทฟอร์มใดๆ บนแพลตฟอร์ม ONEWEB คือการกำหนดเอนทิตี คุณต้องกำหนดขอบเขตของเอนทิตีธุรกิจอย่างระมัดระวังก่อนที่จะเริ่มการกำหนดค่าฟอร์มอัจฉริยะ ในสถานการณ์ทางธุรกิจส่วนใหญ่ เอนทิตีใน ONEWEB สามารถเทียบได้โดยตรงกับเอนทิตีตามไดอะแกรมกรณีการใช้งานหรือไดอะแกรม ER

ประเด็นสำคัญที่ผู้ใช้ควรทราบเกี่ยวกับ ONEWEB Entity คือ

App Designer เป็นตัวสร้าง Smart Form บน ONEWEB ซึ่งผู้ใช้สามารถสร้างเอนทิตีได้

Smart Form บน ONEWEB สามารถประกอบด้วยเอนทิตีเดียวหรือกลุ่มของเอนทิตีที่เชื่อมโยงเข้าด้วยกัน ซึ่งขึ้นอยู่กับการออกแบบและความซับซ้อนของ Smart Form

สามารถเชื่อมโยงเอนทิตีเข้าด้วยกันได้อย่างง่ายดายบนแพลตฟอร์ม ONEWEB โดยใช้การกำหนดค่าแม่-ลูกและการกำหนดค่าป๊อปอัป

สามารถรวมเอนทิตีกับกระบวนการธุรกิจส่วนหลังที่ออกแบบบน Process Designer โดยใช้การกำหนดค่าปุ่มกระบวนการ

สามารถนำเข้าและส่งออกเอนทิตีเป็นไฟล์ json แบบพกพาบนแพลตฟอร์ม ONEWEB ได้อย่างง่ายดาย

สามารถโคลนเอนทิตีและช่วยลดเวลาในการสร้างสมาร์ทฟอร์มที่คล้ายกันได้อย่างมาก

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

ผู้ใช้ยังสามารถค้นหาเอนทิตี/เอนทิตีที่มีอยู่บน App Designer ได้โดยคลิกที่ไอคอนค้นหา

App Designer ให้หน้าจอการค้นหาที่ง่ายและเพิ่ม/แก้ไขตัวอย่างหน้าจอเพื่อตรวจสอบ UI ที่สร้างจากเอนทิตีของคุณ

App Designer ช่วยให้ผู้ใช้สามารถดูคอนโซลสำหรับบันทึกเซิร์ฟเวอร์แบบเรียลไทม์เพื่อระบุข้อผิดพลาดในการกำหนดค่า

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

App Designer รองรับโมดูล 3 ประเภท

One to One (1-1) One to One บน ONEWEB แสดงและจัดการฟิลด์ข้อมูลที่สอดคล้องกับบันทึกหนึ่งในฐานข้อมูล หากต้องการสร้างฟอร์มอัจฉริยะด้วยโมดูล 1-1 คุณสามารถเริ่มต้นด้วยการสร้างเอนทิตี แท็บตามความต้องการ และพร้อมที่จะเริ่มต้นด้วยการกำหนดค่าโมดูล โมดูล 1-1 มีรูปแบบแถวและคอลัมน์ที่คุณสามารถเพิ่มแถวและคอลัมน์ตามการออกแบบที่คุณต้องการ

ด้านล่างเป็นตัวอย่างของโมดูล 1-1 ที่มี 5 แถวและเค้าโครง 2 คอลัมน์ การกำหนดค่าโมดูลจะแสดงรายการการตั้งค่าคุณสมบัติ (1-7) หากต้องการดูรายละเอียดการตั้งค่าคอนฟิกูเรชันคุณสมบัติทั้งหมด โปรดดูที่ส่วน 1-1 โมดูล ในการอ้างอิงตัวออกแบบแอพ

One to Many (1-Many) "One to Many" โมดูลแสดงและจัดการข้อมูลสำหรับหลายระเบียนในฐานข้อมูล แสดงข้อมูลในรูปแบบตาราง โมดูลประเภทนี้รองรับทั้งเค้าโครงตารางและการ์ดสำหรับตาราง และอนุญาตให้ผู้ใช้จัดการกับรายการและคอลัมน์จำนวนมาก

ด้านล่างนี้เป็นตัวอย่างของโมดูล 1-Many ที่มี 13 คอลัมน์ หากต้องการดูการตั้งค่าคอนฟิกูเรชันคุณสมบัติทั้งหมดของ 1-Many Module โดยละเอียด โปรดอ้างอิง 1-Many Module ในลิงค์อ้างอิง

ภาพด้านล่างแสดงหน้าจอของผู้ใช้ที่มีแบบฟอร์มอัจฉริยะพร้อมโมดูล 1-1 และการกำหนดค่าโมดูล 1-Many

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

ภาพด้านล่างแสดงการนำการกำหนดค่าโมดูลกลับมาใช้ใหม่ โปรดดูที่ “Reuse Module section”ในการอ้างอิงตัวออกแบบแอพ

Buttons App Designer รองรับการกำหนดค่าปุ่ม 3 ประเภทภายในสมาร์ทฟอร์มของคุณ

Entity Button ปุ่มเอนทิตีอำนวยความสะดวกในการดำเนินการสำหรับสมาร์ทฟอร์มทั้งหมด เช่น การเรียกฐานข้อมูลหรือยกเลิก/ปฏิเสธการดำเนินการบนสมาร์ทฟอร์มของคุณ

Module Button อำนวยความสะดวกในการดำเนินการของผู้ใช้สำหรับโมดูล 1-Many จะไม่ส่งผลกระทบต่อเอนทิตีทั้งหมด และสามารถใช้เพื่อเพิ่ม ลบ หรือปรับปรุงเรกคอร์ดของโมดูล

Process Button อำนวยความสะดวกให้สมาร์ทฟอร์มเชื่อมต่อภายในทางธุรกิจกระบวนการหรือไมโครโฟลว์

Actions คือ hooks ที่ทำโดยโดย App Designer เพื่อแนบ JSP, JavaScript หรือคลาส Java ที่กำหนดเองเข้ากับเอนทิตีของคุณ การกระทำมีสองประเภท

Entity Action การดำเนินการของเอนทิตีครอบคลุมทั้งเอนทิตี คุณสามารถแนบคลาส Java กับ Entity Action เพื่อแทนที่ฟังก์ชันในการบันทึกหรืออัพเดตเอนทิตี แต่คุณไม่สามารถแนบไฟล์ JSP กับการดำเนินการของเอนทิตีได้

Module Action การดำเนินการของโมดูลครอบคลุมเฉพาะโมดูลที่เกี่ยวข้องเท่านั้น คุณสามารถรวม JSP แบบกำหนดเองลงในโมดูลของคุณโดยใช้ Module Action คุณยังสามารถเพิ่มคลาส Java เพื่อแทนที่แล้วเพิ่ม อัพเดต บันทึกฟังก์ชันบนโมดูล หรือเพิ่มฟังก์ชัน JavaScript เพื่อปรับแต่งการโต้ตอบบนโมดูล

การตั้งค่าความสัมพันธ์แบบหนึ่งต่อหนึ่งในเอนทิตีนั้นตรงไปตรงมา สิ่งที่คุณต้องทำคือค้นหาค่าคีย์ ประกาศ และแมปภายในการกำหนดค่าโมดูลเอนทิตีบนฟอร์มอัจฉริยะเพื่อจัดเก็บและดึงข้อมูลจากฐานข้อมูล แต่สำหรับแอพพลิเคชันที่ซับซ้อน ผู้ใช้อาจต้องเชื่อมโยงระหว่างเอนทิตี ONEWEB รองรับการสร้างลิงก์ระหว่างสองเอนทิตีที่มีอยู่ (called Parent and Child Entity) ผ่าน Parent-Child configuration การเชื่อมโยงเอนทิตีระดับบนและระดับล่างเข้าด้วยกันทำให้การเปลี่ยนจากโมดูลซอฟต์แวร์หนึ่งไปยังอีกโมดูลหนึ่งเป็นไปอย่างราบรื่น ตัวอย่างเช่น เป็นความคิดที่ดีสำหรับผู้ใช้ที่กำลังทำงานบนหน้าจอคำสั่งขายเพื่อให้สามารถสลับไปยังหน้าจอข้อมูลลูกค้าได้ทันทีโดยไม่ต้องค้นหาผ่านฐานข้อมูลด้วยรหัสลูกค้า สิ่งนี้เป็นเรื่องปกติมากในกระบวนการทางธุรกิจขององค์กร ซึ่งการเปลี่ยนผ่านระหว่างหน่วยงานธุรกิจเกิดขึ้นบ่อยครั้ง

ตัวออกแบบแอพรองรับการกำหนดค่าแท็บสองประเภท Normal Tab และ 2 Layer tab.

Normal Tab ได้รับการออกแบบและใช้เพื่อสร้างสมาร์ทฟอร์มที่มีเพียงเลเยอร์เดียว (การออกแบบฟอร์มหน้าเดียวอย่างง่าย) สามารถรวมหลายส่วนหรือโมดูลภายในแท็บนี้

ตัวอย่าง Normal tab

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

ตัวอย่าง 2-Layer Tab

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

ONEWEB รองรับรูปแบบ UI ต่อไปนี้

WYSIWIG Pattern ONEWEB แบบฟอร์มอัจฉริยะใช้รูปแบบ WYSWIG WYSIWYG เป็นตัวย่อของ What You See Is What You Get รูปแบบนี้ช่วยให้ผู้ใช้ทราบได้อย่างชัดเจนว่าเนื้อหาของตนจะมีลักษณะอย่างไรเมื่อเผยแพร่ ช่วยให้ผู้ใช้สามารถดูผลลัพธ์ที่จัดรูปแบบในขณะที่ทำการแก้ไข ซึ่งช่วยเพิ่มความมั่นใจและช่วยให้ได้ผลลัพธ์ที่ดูดีและรวดเร็ว

Page Grid เค้าโครงตารางมักใช้ในรูปแบบอัจฉริยะเพื่อจัดระเบียบเนื้อหา สร้างการจัดตำแหน่ง และใช้สัดส่วนอันศักดิ์สิทธิ์หรือหลักการออกแบบพื้นฐานอื่นๆ อย่างไรก็ตาม กริดที่รู้จักในรูปแบบอินเทอร์เฟซยังมีจุดประสงค์ในการสร้างจุดสนใจหลักและรองที่ชัดเจน

Input Feedback จะใช้เมื่อผู้ใช้ป้อนข้อมูลเข้าสู่ระบบและคาดว่าจะได้รับการตอบรับเกี่ยวกับผลลัพธ์ของการส่งนั้น เมื่อใช้รูปแบบนี้ ข้อมูลที่ป้อนโดยผู้ใช้จะต้องผ่านกฎที่ถือว่าถูกต้อง กฎการตรวจสอบดังกล่าวสามารถ

• ตรวจสอบการมีอยู่ของเนื้อหา(Validate the presence of content) อย่างน้อยต้องใส่เนื้อหาบางส่วน

• ตรวจสอบการรวมเนื้อหา(Validate the inclusion of content) ข้อความที่ป้อนต้องมีข้อมูลบางอย่างหรือต้องอยู่ในช่วงที่กำหนด

• ตรวจสอบการยอมรับ(Validate acceptance)(หรือข้อกำหนดในการให้บริการเช่น) มักจะมีช่องทำเครื่องหมาย

• ตรวจสอบความยาว(Validate length) ในหลายกรณี รหัสผ่านต้องมีความยาวอย่างน้อย 6 ตัวอักษร

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

Drag and Drop รูปแบบการออกแบบช่วยให้ผู้ใช้สามารถดำเนินการกับวัตถุหนึ่งชิ้นหรือมากกว่าโดยการย้ายจากที่หนึ่งไปยังอีกที่หนึ่ง ช่วยให้ผู้ใช้เลือกเนื้อหาแล้วจัดเรียงเนื้อหาใหม่โดยลากผ่านหน้าจอ

Calendar Picker ซึ่งช่วยให้ผู้ใช้ค้นหาหรือส่งข้อมูลตามวันที่หรือช่วงวันที่ เพื่อให้ผู้ใช้สามารถเลือกวันที่หรือช่วงวันที่ในการส่ง ติดตาม จัดเรียง หรือกรองข้อมูลได้อย่างง่ายดาย

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

Live Previews การแสดงตัวอย่างแบบสดช่วยให้ผู้ใช้สามารถตรวจสอบว่าการเปลี่ยนแปลงในช่องแบบฟอร์มส่งผลต่อผลลัพธ์สุดท้ายอย่างไรโดยเร็วที่สุด

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

Navigation Tab Design รูปแบบนี้ช่วยให้ผู้ใช้เลือกเนื้อหาที่ต้องแยกออกเป็นส่วนๆ และเข้าถึงได้โดยใช้โครงสร้างการนำทางแบบเรียบ ซึ่งแสดงตำแหน่งปัจจุบันได้อย่างชัดเจน ซึ่งจะมีประโยชน์เมื่อคุณต้องการระบุรายการส่วน/ส่วนย่อยที่มีอยู่สูงสุดบนฟอร์มอัจฉริยะของคุณ และต้องการแสดงข้อมูลเฉพาะเนื้อหาสำหรับแต่ละแท็บ ONEWEB รองรับแท็บทั่วไปและแท็บ 2 ชั้น และแต่ละแท็บสามารถมีหลายโมดูล (1-1) และ (1- Many) ตามความต้องการของผู้ใช้

Module Tab Design รูปแบบแท็บโมดูลช่วยในการสร้างเนื้อหาที่ต้องแยกออกเป็นส่วนๆ และเข้าถึงได้ผ่านพื้นที่เนื้อหาเดียวโดยใช้โครงสร้างการนำทางแบบเรียบซึ่งไม่รีเฟรชหน้าเมื่อเลือก ช่วยให้ผู้ใช้สามารถดูเนื้อหาของแต่ละแท็บที่สามารถดูแยกจากกันแทนที่จะดูในบริบทของกันและกัน การออกแบบนี้ยังมีประโยชน์เมื่อเนื้อหาของแต่ละแท็บมีโครงสร้างที่แตกต่างกัน เช่น โมดูล 1-1 บน ONEWEB หรือการออกแบบโมดูล 1-Many

หากต้องการสร้าง Smart Form คุณต้องสร้างแอพพลิเคชันก่อน ตั้งแต่เวอร์ชัน 4.0.19.10 ขึ้นไป ผู้ใช้สามารถสร้างแอพพลิเคชันได้จาก AppSpace เท่านั้น จากนั้นผู้ใช้สามารถสร้างแบบฟอร์มภายในแอพพลิเคชัน เมื่อสร้างแบบฟอร์มแล้ว AppSpace จะนำคุณไปยัง App Designer เพื่อออกแบบแบบฟอร์ม

วิธีสร้าง Smart form Application จาก AppSpace ในการสร้างแอพพลิเคชันบน AppSpace ผู้ใช้จะต้องลงชื่อเข้าใช้ AppSpace ก่อน จากนั้นคลิกที่ Create new app ปุ่มที่แสดงด้านล่าง

การสร้างแอพพลิเคชันโดยใช้ AppSpace มี 2 แพลตฟอร์ม แพลตฟอร์มหนึ่งสำหรับ web application และอื่น ๆ สำหรับการสร้างแอพพลิเคชันมือถือ สำหรับแอพพลิเคชันเว็บสมาร์ทฟอร์มเลือกแพลตฟอร์มเว็บและป้อนรายละเอียด

คลิกที่ปุ่ม Create จากนั้นหน้าจอจะแสดงสถานะสร้างแอพพลิเคชัน

เมื่อสถานะแสดง 100% แสดงว่าแอพพลิเคชันถูกสร้างขึ้นให้คลิกที่ปุ่ม Done เพื่อปิดหน้าต่างสถานะหน้าต่าง

คลิกที่ไอคอนแอพพลิเคชันเพื่อเปิดแอพของคุณ ระบบจะเปลี่ยนเส้นทางผู้ใช้ไปยัง components page

คลิกที่ไอคอน Create Forms

ป้อนชื่อแบบฟอร์มและคลิก Start Design เพื่อเปลี่ยนเส้นทางไปยัง App Designer

Page เป็นเอกสารที่เขียนขึ้นเป็นหลักใน HTML และสามารถเข้าถึงได้ผ่านอินเทอร์เน็ตหรือเครือข่ายอื่น ๆ โดยใช้เบราว์เซอร์อินเทอร์เน็ต เข้าถึงได้โดยการป้อน URL และอาจมีข้อความ กราฟิก และไฮเปอร์ลิงก์ไปยังหน้าเว็บและไฟล์อื่นๆ ประกอบด้วยองค์ประกอบหลายอย่าง รวมทั้ง CSS รูปภาพ และ JavaScript

ใน ONEWEB Page Designer ใช้ในการสร้างเพจ Page Designer เป็นเครื่องมือที่ทรงพลังและมีฟีเจอร์มากมายที่ช่วยให้ผู้ใช้สร้างเว็บเพจ/เว็บไซต์ HTML โดยไม่จำเป็นต้องเรียนรู้ภาษา HTML หรือทักษะการออกแบบเว็บไซต์ ใช้ส่วนต่อประสานผู้ใช้แบบลากและวางที่เรียบง่ายเพื่อสร้างหน้าเว็บตามระบบแบบกริดที่ใช้ชุดของคอนเทนเนอร์ แถว และคอลัมน์สำหรับเค้าโครงและการจัดตำแหน่งเนื้อหา Page Designer มาพร้อมกับเทมเพลตสำเร็จรูปที่สามารถแก้ไขได้ด้วยข้อความหรือรูปภาพ ทำให้ผู้ใช้สามารถสร้างหน้าเว็บ/เว็บไซต์ที่มีคุณลักษณะหลากหลายซึ่งเหมาะกับความต้องการเฉพาะทางธุรกิจของตน ด้วย Page Designer ผู้ใช้สามารถเพิ่มฟังก์ชัน เช่น โซเชียลปลั๊กอิน อีคอมเมิร์ซ แบบฟอร์มติดต่อ เกตเวย์การชำระเงิน การรวมข้อมูลแบ็คเอนด์กับฐานข้อมูลหรือระบบภายนอกใดๆ โดยการผสานรวม UI ของเพจเข้ากับ ONEWEB Microflows

เริ่มจาก ONEWEB เวอร์ชัน 5.0.21.01 รูปลักษณ์และของ Page Designe เปลี่ยนไป การเปลี่ยนแปลงที่สำคัญซึ่งเป็นส่วนหนึ่งของการเปิดตัวครั้งนี้คือ

• หน้าต่างโครงสร้าง

• หน้าต่างป๊อปอัป properties

• ปรับปรุง Model box UI

• UI Toolkit

• ตัวเลือกตัวแปร Environment

• ความสามารถในการลากและวางที่ดีขึ้น

ไม่จำเป็นต้องปรับใช้เพื่อปรับใช้ Smart Form ของคุณบนแพลตฟอร์ม ONEWEB เมื่อสร้างโดยใช้ App Designer แล้ว จะสามารถใช้หรือเชื่อมโยงกับสมาร์ทฟอร์มอื่นๆ โดยใช้การกำหนดค่าเมนูอย่างง่ายหรือการกำหนดค่าหลักย่อยตามที่อธิบายไว้ในส่วนความสัมพันธ์ระหว่าง Parent-Child

นอกจากนี้แบบฟอร์มอัจฉริยะเหล่านี้เมื่อสร้างขึ้นแล้วสามารถใช้เป็นไฟล์ JSON แบบง่ายๆในการส่งออกหรือนำเข้าจากแพลตฟอร์ม ONEWEB หนึ่งไปยังอีกสภาพแวดล้อมหนึ่งได้อย่างง่ายดาย

แต่ถ้าผู้ใช้ต้องการปรับใช้การกำหนดค่านี้กับ environment รันไทม์อื่น เช่น การใช้งานจริง ผู้ใช้สามารถใช้คุณสมบัติการปรับใช้ใน AppSpace โปรดตรวจสอบ AppSpace Deployment Center เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับการปรับใช้แอพพลิเคชันกับรันไทม์ต่างๆ

App Designer มีเทมเพลตหรือฟีเจอร์ในตัวมากมายเพื่อช่วยตอบสนองสถานการณ์ทั่วไปที่แตกต่างกันที่จำเป็นในขณะที่สร้างฟอร์มอัจฉริยะระดับองค์กร ส่วนนี้ประกอบด้วยคุณลักษณะเหล่านี้ทั้งหมดใน App Designer เพื่อสร้างสมาร์ทฟอร์มแบบไดนามิก

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

ไซต์แบบสแตติกเป็นประเภทเว็บไซต์พื้นฐานที่สุดและสร้างง่ายที่สุด ไม่เหมือนกับเว็บไซต์ไดนามิกตรงที่ไม่ต้องการการเขียนโปรแกรมบนเว็บหรือการออกแบบฐานข้อมูล ไซต์แบบสแตติกสามารถสร้างได้โดยการสร้างหน้า HTML สองสามหน้าและเผยแพร่ไปยังเว็บเซิร์ฟเวอร์

App Designer มีตัวเลือก Universal Search ในตัวที่สามารถกำหนดค่าได้ตามความชอบของแต่ละคน เมื่อเปิดใช้งานการค้นหาแบบสากลในเอนทิตี ผู้ดูแลระบบสามารถสร้างเกณฑ์การค้นหาแบบกำหนดเองซึ่งผู้ใช้ทุกคนสามารถใช้ได้ หรือแต่ละคนสามารถสร้างเกณฑ์การค้นหาแบบกำหนดเองของเขาเองขึ้นอยู่กับข้อกำหนดในเอนทิตีเดียวกัน

วิธีเปิดใช้งาน Universal Search ในเอนทิตี?

หากต้องการเปิดใช้งานการค้นหาทั่วไปในเอนทิตี ให้เปิดเอนทิตีและไปที่หน้าต่างการกำหนดค่าเอนทิตี และเปิดใช้งานคุณสมบัติการค้นหาขั้นสูง

จะใช้ Universal Search ใน Smart Form ได้อย่างไร?

สร้างเกณฑ์การค้นหารายการโปรดใหม่โดยคลิกที่ไอคอนเพิ่มรายการโปรด

สร้างการกำหนดค่า ตามมาตรฐานส่วนบุคคลของคุณ เลือกจัดการประเภทเป็น "Me" สำหรับเกณฑ์การค้นหาส่วนบุคคล เลือกประเภท "All" แชร์มาตรฐานกับผู้ใช้รายอื่น

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

เมื่อบันทึกเกณฑ์แล้ว ผู้ใช้สามารถเลือกระหว่างการค้นหาแบบกำหนดเองต่างๆ ที่มีให้

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

• บันทึกข้อมูลลงในฐานข้อมูล

• แสดงข้อมูลจากฐานข้อมูลบนเพจ

• ข้อมูลสามารถซ่อน แสดง หรือเปลี่ยนแปลงได้แบบไดนามิก

หน้าคือเอกสารที่สร้างขึ้นโดยใช้ HTML และระบุโดยใช้ URL มีหน้าเว็บประเภทต่างๆ

• Static Page

• Dynamic Page

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

ตัวอย่างสมาร์ทฟอร์มนี้มีชื่อว่า "Application" และประกอบด้วยข้อมูลทางธุรกิจดังต่อไปนี้

Application Date จำเป็นต้องทราบวันที่ยื่นสมาร์ทฟอร์ม

Product มีให้เลือกถึง 3 ประเภท ได้แก่ สินเชื่อบ้าน สินเชื่อส่วนบุคคล และบัตรเครดิต

Channel มี 2 แบบ คือ Walk in และ Sale

Customer Type อาจเป็นได้ทั้งองค์กรหรือบุคคลธรรมดา

Office Code อาจเป็นสำนักงานใหญ่หรือสาขาก็ได้

Finance Amount และ Term Loan จำเป็นต้องป้อนโดยผู้ใช้แอพพลิเคชัน

Status สามารถอนุมัติ ปฏิเสธ หรือร่าง และถูกเลือกโดยผู้ใช้แอพพลิเคชัน

Email: Yes / No, Yes ในกรณีที่จำเป็นต้องส่งอีเมลถึงลูกค้า

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

ขั้นตอนแรกคือการเริ่มต้นด้วยการกำหนดค่าเอนทิตี (The First step is to begin with Entity Configuration)

1. สร้างเอนทิตีใหม่ ตรวจสอบสองขั้นตอนสุดท้ายของหน้าก่อนหน้า

2. เปิดหน้าต่างคุณสมบัติเอนทิตีโดยคลิกที่ไอคอนแก้ไข (หากสร้าง Entity จาก AppSpace สามารถข้ามขั้นตอนนี้ได้)
3. ในชื่อเอนทิตี ให้ป้อน "Application" (หากสร้างเอนทิตีจาก AppSpace ให้ข้ามขั้นตอนนี้ไป)

4. คลิก Okay (หากสร้างเอนทิตีจาก AppSpace ให้ข้ามขั้นตอนนี้ไป)

ตัวอย่าง "Smart Form" ข้างต้นมีโครงสร้าง 2- layer Tab – ชื่อ "Application" เป็นแท็บหลักและ "Customer Information" เป็นแท็บย่อยตามที่แสดงใน Screen 1 ด้านบน

เริ่มต้นด้วยการกำหนดค่าแท็บหลัก "Application"

การกำหนดค่า Main General Tab

1. ลาก 2-Layer Tab ภายในด้านบน (gray shaded area) ของเอนทิตี

2. ในชื่อเรื่อง เขียนแอพพลิเคชัน

3. กำหนดเทมเพลตเป็น 1 คอลัมน์

4. คลิกปุ่ม Add

บันทึก Entity ของคุณ

เมื่อการกำหนดค่าแท็บของคุณเสร็จสมบูรณ์แล้ว ด้านล่างนี้คือลักษณะของเอนทิตีของคุณควรมีลักษณะดังนี้

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

Module Configuration

1. ลาก 1-1 โมดูลด้านล่างแท็บหลักของเอนทิตีในพื้นที่ที่เน้นสีน้ำเงิน

3. เลือก 2 คอลัมน์ในหน้าจอเค้าการปรับแต่ง Layout

4. .คลิกที่ Accept

• ในชื่อโมดูล ให้ป้อน "Application"

• ใน ชื่อตาราง ให้เลือก "oneweb_application(T)"

• คลิก OK

ตอนนี้คุณก็พร้อมแล้ว "Main Tab" และ "Main Module" กำหนดค่า Let us begin with Field Configuration.

ด้านล่างนี้คือลักษณะที่เอนทิตีของคุณควรมีลักษณะก่อนที่คุณจะเริ่มต้นด้วยการกำหนดค่าฟิลด์

Field Configuration

ดังที่แสดงใน Prototype Smart Form Screen 1 ด้านล่าง คุณต้องสร้างฟิลด์ 10 ช่องภายในการกำหนดค่าโมดูลหลักของคุณเพื่อสร้าง Smart Form ตัวอย่างนี้ ตอนนี้เรามาเริ่มการกำหนดค่าของแต่ละฟิลด์ทีละรายการ

Hidden Field to store Primary Key

• ลากช่องที่ซ่อนอยู่ภายในแถวว่าง 1 คอลัมน์ 1 ดังที่แสดงด้านล่างในขั้นตอนที่ 1

• ภายใน "hidden field configuration" ตั้งค่า FIELD_ID เป็น "APPLICATION_ID" ในขั้นตอนที่ 2 (หมายเหตุ: "APPLICATION_ID" ที่ Primary Key ใน "oneweb_application(T)" table)

• คลิก OK

ให้เราลากฟิลด์อื่นๆ ภายในการกำหนดค่าโมดูลเพื่อสร้างสมาร์ทฟอร์มที่ต้องการเหมือนใน screen 1

1. Date Field Configuration

• ลากและวางฟิลด์ "Calendar" ภายในโมดูล Configuration

• ใน FIELD_ID เข้า APPLICATION_DATE

• ใน showFieldName ให้ป้อนวันที่

• ตั้งค่า searchCriteria เป็น "Y"

• ตั้งค่า showSearch เป็น "Y"

• ตั้งค่า searchFromTo เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (Channel)

• ลากและวางฟิลด์ "Dynamic List" ภายในโมดูล Configuration

• ในตาราง Table Name ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code='CHANNEL'

• ใน FIELD_ID ป้อน CHANNEL

• ใน showFieldName ป้อน Channel

• ตั้งค่า searchCriteria เป็น "Y"

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (Office Code)

• ลากและวางฟิลด์ "Dynamic List" ภายในโมดูล Configuration

• ในตาราง Table Name ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code= 'OFFICE_CODE'

• ใน FIELD_ID ป้อน OFFICE_CODE

• ใน showFieldName เข้า Office Code

• ตั้งค่า searchCriteria เป็น "Y"

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Text Box Field Configuration (Finance Amount)

• ลากและวางฟิลด์ "Text Box" ภายในโมดูล Configuration

• เปิดหน้าต่าง Text Box Configuration โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ใน FIELD_ID เข้า FINANCE_AMOUNT

• ใน showFieldName เข้า Finance Amount

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. CheckBox Field Configuration (Email)

• ลากและวางฟิลด์ "CheckBox" ภายในโมดูล Configuration

• เปิดหน้าต่าง Checkbox Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• สำหรับเงื่อนไขแรก ในคอลัมน์ Value เขียน Y , ShowName เป็น Yes, SEQ เป็น 10, DefaultCheck เป็น NO และจากนั้นคลิกที่ไอคอน Add เพิ่มบรรทัดแรก

• สำหรับเงื่อนไขที่สอง ในคอลัมน์ Value เขียน N , ShowName เป็น No, SEQ เป็น 20, DefaultCheck เป็น NO และจากนั้นคลิกที่ไอคอน Add เพิ่มบรรทัดที่สอง

• ใน FIELD_ID เข้า EMAIL

• ใน showFieldName เข้า Email

• คลิก OK

ให้เราดำเนินการต่อกับช่องอื่นๆ ที่เหลือตามเค้าโครงของเราบนตัวอย่าง Screen 1

1. Dynamic List Field Configuration (Product)

• ลากและวางฟิลด์ "Dynamic List" ภายในโมดูล Configuration

• เปิดหน้าต่าง Dynamic List Box Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ในตาราง Table Name ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code='PRODUCT'

• ใน FIELD_ID ป้อน PRODUCT

• ใน showFieldName ป้อน Produce

• ตั้งค่า searchCriteria เป็น "Y"

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (Customer Type)

• ลากและวางฟิลด์ "Dynamic List" ภายในโมดูล Configuration

• เปิดหน้าต่าง Dynamic List Box Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ในตาราง Table Name ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code=' CUSTOMER_TY'

• ใน FIELD_ID ป้อน CUSTOMER_TYPE

• ใน showFieldName ป้อน Customer Type

• ตั้งค่า searchCriteria เป็น "Y"

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Text Box Field Configuration (Term Loan)

• ลากและวางฟิลด์ "Text Box" ภายในโมดูล Configuration

• เปิดหน้าต่าง Text Box Configuration โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ใน FIELD_ID ป้อน TERM_LOAN

• ใน showFieldName ป้อน Term Loan

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (Status)

• ลากและวางฟิลด์ "Dynamic List" ภายในโมดูล Configuration

• เปิดหน้าต่าง Dynamic List Box Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ในตาราง Table Name ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code= 'STATUS'

• ใน FIELD_ID ป้อน STATUS

• ใน showFieldName ป้อน STATUS

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

เมื่อคุณกำหนดค่าฟิลด์ที่ต้องการทั้งหมดข้างต้นภายใต้โมดูลหลักของคุณเสร็จแล้ว หน้าจอของคุณควรมีลักษณะดังนี้

บันทึก Entity ของคุณ

Set Primary Key of Main Module

เมื่อคุณเพิ่มฟิลด์ที่จำเป็นทั้งหมดภายในการกำหนดค่าโมดูลหลักของคุณแล้ว ขั้นตอนต่อไปคือการตั้งค่าคีย์หลักของ "Appliaction" โมดูลหลักของคุณ

• เลือก "APPLICATION_ID" เป็น Module Key

• เพิ่ม KeyLen เป็น “7”

• เลือก Sequence เป็น "ONEWEB_APPLICATION_SEQ"

• คลิกไอคอนที่เพิ่มแถว

• คลิก OK

บันทึก Entity ของคุณ

Add Lower Tab (Child Tab) inside your Entity]

• ลาก Normal Tab เข้าไปด้านในด้านล่าง (พื้นที่สีเทา ) ของเอนทิตีของคุณ

• ป้อนชื่อเรื่องเป็น "Customer"

• ตั้งค่า Template เป็น 1 column

• คลิกที่ Add

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

Module Configuration (Child)

1. ลาก 1-Many โมดูลด้านล่างแท็บ Lower/Child ของเอนทิตีของคุณ

2. คลิกที่ไอคอนแก้ไขเพื่อเปิดหน้าต่างการกำหนดค่าโมดูล

• ในชื่อโมดูล ให้ป้อน "Customer Information"

• ในชื่อตาราง เลือก "oneweb_customer(T)"

• คลิก OK

Field Configuration for Child Module (Customer)

ดังที่แสดงใน Prototype Smart Form Screen 1 คุณจะต้องสร้าง 8 ฟิลด์ภายใน Child Module ของคุณเพื่อเก็บรายละเอียดลูกค้า ช่องที่ต้องกรอกคือ: ชื่อ นามสกุล ประเภทบุคคล เพศ วันเกิด ข้อมูลประจำตัว และ 2 ช่องที่ซ่อนอยู่ มีการใช้ฟิลด์ที่ซ่อนอยู่ที่นี่เพื่อเก็บทั้งคีย์หลักและคีย์ต่างประเทศเพื่อเชื่อมโยง Child Module นี้กับตารางโมดูลหลัก

ตัวอย่างเช่น "CUSTOMER_ID" เป็นคีย์หลักในตาราง "oneweb_customer(T)" ที่ใช้ในการกำหนดค่า Child Module นี้ และ "APPLICATION_ID" เป็นคีย์นอกในตารางนี้เพื่อเชื่อมโยงกับตารางโมดูลหลัก เช่น "oneweb_application(T)" มาเริ่มการกำหนดค่าฟิลด์สำหรับ Child Module นี้กันเลย

1. Hidden Field to store Primary Key (CUSTOMER_ID)

• ลากและวาง hidden field ภายในโมดูล Configuration

• คลิกที่ไอคอนแก้ไขเพื่อเปิดหน้าต่างการกำหนดค่าฟิลด์ของ Hidden Field

• ใน "hidden field configuration”

• ตั้งค่า FIELD_ID เป็น "CUSTOMER_ID"

• เลือกชื่อเดียวกันสำหรับ ShowFieldName โดยคลิกที่ไอคอนทำซ้ำ

• คลิก OK

1. Hidden Field to store Foreign Key (APPLICATION_ID)

• ลากและวาง hidden field ภายในโมดูล Configuration

• คลิกที่ไอคอนแก้ไขเพื่อเปิดหน้าต่างการกำหนดค่าฟิลด์ของ Hidden Field

• ใน "hidden field configuration”

• ตั้งค่า FIELD_ID เป็น "APPLICATION_ID"

• เลือกชื่อเดียวกันสำหรับ ShowFieldName โดยคลิกที่ไอคอนทำซ้ำ

• คลิก OK

1. Text Box Field Configuration (First Name)

• ลากและวาง "Text Box" ภายในโมดูล Configuration

• เปิดหน้าต่าง Text Box Configuration โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ใน FIELD_ID ป้อน FIRST_NAME

• ใน showFieldName ป้อน First Name

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Text Box Field Configuration (Last Name)

• ลากและวาง "Text Box" ภายในโมดูล Configuration

• เปิดหน้าต่าง Text Box Configuration โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ใน FIELD_ID ป้อน LAST_NAME

• ใน showFieldName ป้อน Last Name

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (Personal Type)

• ลากและวาง "Dynamic List" ภายในโมดูล Configuration

• เปิดหน้าต่าง Dynamic List Box Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ในชื่อตาราง ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code='PERSONAL_TYPE'

• ใน FIELD_ID ป้อน PERSONAL _TYPE

• ใน showFieldName ป้อน PERSONAL_TYPE

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Dynamic List Field Configuration (GENDER)

• ลากและวาง "Dynamic List" ภายในโมดูล Configuration

• เปิดหน้าต่าง Dynamic List Box Configuration Property โดยคลิกที่ไอคอนแก้ไขบนฟิลด์

• ในชื่อตาราง ป้อน ew_list_box_master

• ใน Column Show ป้อน DISPLAY_NAME

• ใน Column Value ป้อน DISPLAY_CODE

• ใน Condition Value ป้อน category_code='GENDER'

• ใน FIELD_ID ป้อน GENDER

• ใน showFieldName ป้อน Gender

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Date Field Configuration (Date Of Birth)

• ลากและวาง "Calendar" ภายในโมดูล Configuration

• ใน FIELD_ID ป้อน DATE_OF_BIRTH

• ใน showFieldName ป้อน Date of Birth

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

1. Text Box Field Configuration (Identification)

• ลากและวาง "Text Box" ภายในโมดูล Configuration

• ใน FIELD_ID ป้อน IDENTIFICATION

• ใน showFieldName ป้อน Identification

• ตั้งค่า showSearch เป็น "Y"

• คลิก OK

บันทึก Entity ของคุณ

Set Primary Key and Parent Key in Child Module:

หลังจากเพิ่มฟิลด์ที่จำเป็นทั้งหมดในการกำหนดค่าโมดูลย่อยขั้นตอนต่อไปคือการตั้งค่าโมดูลย่อย (Customer Information) คีย์หลัก (Customer_ID) และแผนที่การอ้างอิงไปยังโมดูลหลัก (Application)

Procedure:

• เลือก "CUSTOMER_ID" เป็น Module Key

• เพิ่ม KeyLen เป็น "7"

• เลือก Sequence เป็น "ONEWEB_CUSTOMER_SEQ"

• คลิกไอคอนเพื่อเพิ่มแถวแรกภายในการกำหนดค่าโมดูล

• เลือก "APPLICATION_ID" เป็น Module Key

• เลือก "APPLICATION_ID" เป็น Parent Key

• คลิกไอคอนเพื่อเพิ่มแถวที่สองภายในการกำหนดค่าโมดูล

• คลิก OK

ตอนนี้ เมื่อคุณกำหนดค่าสำหรับแท็บ Lower/child เสร็จแล้ว (Customer) กำหนดค่า Child Module (Customer Information) และฟิลด์และคีย์ที่จำเป็นทั้งหมดสำหรับ Child Module หน้าจอการกำหนดค่าของคุณควรมีลักษณะดังนี้

Generate Instant Preview to review your Smart Form

คุณยังสามารถสร้างตัวอย่างสมาร์ทฟอร์มของคุณได้ทันทีเพื่อดูว่าจะปรากฏอย่างไรต่อผู้ใช้ปลายทาง หากต้องการสร้างตัวอย่างทันทีสำหรับการกำหนดค่าของคุณ ให้คลิกสร้างไอคอนแสดงตัวอย่างที่ด้านบนซ้าย "Entity Menu"ดังที่แสดงด้านล่าง

หน้าต่างใหม่จะเปิดขึ้นเพื่อแสดงหน้าจอผู้ใช้ (Facade Screen) ของ Smart Form ของคุณ ดังที่แสดงด้านล่าง

Button Configuration for your Sample Smart Form

ตอนนี้คุณต้องมีการกำหนดค่าปุ่ม 2 ประเภทภายในฟอร์มอัจฉริยะของคุณเพื่อดำเนินการกำหนดค่าฟอร์มสมาร์ทตัวอย่างให้เสร็จสมบูรณ์

Entity Button ปุ่มเอนทิตีอำนวยความสะดวกในการดำเนินการสำหรับสมาร์ทฟอร์มทั้งหมด เช่น การเรียกฐานข้อมูลหรือ Cancel /Reject การดำเนินการบนสมาร์ทฟอร์มของคุณ

Module Button อำนวยความสะดวกในการดำเนินการของผู้ใช้สำหรับโมดูล 1-Many ซึ่งจะไม่ส่งผลกระทบต่อเอนทิตีทั้งหมดและสามารถใช้เพื่อเพิ่ม ลบ หรืออัปเดตเรกคอร์ดของโมดูลได้

Configure Entity Button of your sample Smart Form

เพิ่มปุ่ม Search

• ลากและวางปุ่มเอนทิตีใต้เค้าโครงแท็บหลัก (Application)

• เลื่อนเมาส์ไปที่ปุ่มและคลิกที่ไอคอนแก้ไขเพื่อเปิดหน้าต่างการกำหนดค่าปุ่ม

• ในชื่อปุ่ม ป้อน Search

• ในหน้า Action ป้อน ENTITY_SEARCH

• ในปุ่ม Action เลือก searchResult()

• คลิก OK

เพิ่มปุ่ม New

• ลากและวางปุ่มเอนทิตีถัดจากปุ่มก่อนหน้า

• ในชื่อปุ่ม ป้อน New

• ในหน้า Action ป้อน ENTITY_SEARCH

• ในปุ่ม Action เลือก addResult()

• คลิก OK

เพิ่มปุ่ม Save

• ลากและวางปุ่มเอนทิตีถัดจากปุ่มเอนทิตีอื่นๆ

• ในชื่อปุ่ม ป้อน Save

• ในหน้า Action ป้อน ENTITY_SEARCH

• ในปุ่ม Action เลือก saveResult()

• คลิก OK

เพิ่มปุ่ม Cancle

• ลากและวางปุ่มเอนทิตีถัดจากปุ่มเอนทิตีอื่นๆ

• คลิกที่ไอคอนแก้ไขเพื่อเปิดหน้าต่างการกำหนดค่าของปุ่ม

• ในชื่อปุ่ม ป้อน Cancle

• ในหน้า Action ป้อน ENTITY_SEARCH

• ในปุ่ม Action เลือก cancleResult()

• คลิก OK

บันทึก Entity ของคุณ

Configure Module Button of your sample Smart Form

เพิ่มปุ่ม Add

• ลากและวางปุ่มโมดูลด้านล่างเค้าโครงแท็บ Child (Customer Info)

• เลื่อนเมาส์ไปที่ปุ่มและคลิกที่ไอคอนแก้ไขเพื่อเปิดปุ่ม

• ในชื่อปุ่ม ป้อน Add

• ในหน้า Action ป้อน SUB_SEARCH

• ในปุ่ม Action เลือก popupActionFlow('[MODULE_ID]')

• คลิก OK

เพิ่มปุ่ม Delete

• ลากและวางปุ่มโมดูลข้างปุ่มโมดูลอื่น

• ในชื่อปุ่ม ป้อน Delete

• ในหน้า Action ป้อน SUB_SEARCH

• ในปุ่ม Action เลือก [MODULE_ID]Delete()

• คลิก OK

• เพิ่มปุ่ม Save

• ลากและวางปุ่มโมดูล ถัดจากปุ่มโมดูลอื่นๆ

• คลิกปุ่มที่ไอคอนแก้ไขเปิดหน้าต่างการกำหนดค่า

• ในชื่อปุ่ม ป้อน Save

• ในหน้า Action ป้อน INSERT

• ในปุ่ม Action เลือก actionFormSubmit('insertMany,'Y')

• คลิก OK

เพิ่มปุ่ม Cancel

• ลากและวางปุ่มโมดูล ถัดจากปุ่มโมดูลอื่นๆ

• ในชื่อปุ่ม ป้อน Cancle

• ในหน้า Action ป้อน INSERT

• ในปุ่ม Action เลือก $(#many_[MODULE_ID]_dialog('close');

• คลิก OK

บันทึก Entity ของคุณ

หากต้องการสร้างการแสดงตัวอย่างทันทีสำหรับการกำหนดค่าของคุณ ให้คลิกสร้างไอคอนแสดงตัวอย่างที่ด้านบนซ้าย "Entity Menu" ดังที่แสดงด้านล่าง