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

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

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

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

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

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

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

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

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

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

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

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

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.

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

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

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

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

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

• Websphere Application Server

• JBOSS EAP

• Wildfly

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

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

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

Monitoring in ONEWEB

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 ด้วยโหลดบาลานเซอร์เพื่อกระจายภาระงานของคุณไปยังเซิร์ฟเวอร์หลายเครื่อง

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

• Static Page

• Dynamic Page

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

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

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

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

แบนด์วิธของเครือข่ายระหว่าง 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 มี 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 และข้อมูลการทำธุรกรรมขึ้นอยู่กับการใช้งานของแอพพลิเคชัน

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

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

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

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

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

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

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

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

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

เมื่อติดตั้งแพลตฟอร์ม 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 บนเครื่อง

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 เพื่อปรับแต่งการโต้ตอบบนโมดูล

ไฟร์วอลล์ (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

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

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

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

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

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

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

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

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

ตัวอย่าง:

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

แก้ไข value ldap setting

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

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

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

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

Production Environment

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

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

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

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

แก้ไข servlet-container

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

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

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

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

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

เข้าสู่ระบบ 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

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

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

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

เข้าสู่ระบบ 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 ต้องการฐานข้อมูลเชิงสัมพันธ์ มี 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

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

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

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

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

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

เข้าสู่ระบบ 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

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

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

ตัวอย่าง Normal tab

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

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

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

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

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

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

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

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

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

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

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

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 เปลี่ยนไป การเปลี่ยนแปลงที่สำคัญซึ่งเป็นส่วนหนึ่งของการเปิดตัวครั้งนี้คือ

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

เมื่อติดตั้ง 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

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

MicroFlow Designer

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

ไปที่ MicroFlow -> Create blank Project

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

ไปที่ "Import"

อินเทอร์เฟซการจัดการใน 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 เมื่อเข้าสู่ระบบสำเร็จ

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

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

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

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

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 ได้อย่างง่ายดายโดยการกำหนดค่าปุ่มกระบวนการบนเอนทิตี

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

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

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

ตารางต่อไปนี้แสดงรายละเอียดการเชื่อมต่อแหล่งข้อมูลสำหรับฐานข้อมูล 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"

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

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

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

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

เปิดใช้งาน

การรีสตาร์ท

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

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

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

เอนทิตีบนแพลตฟอร์ม 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 ช่วยให้ผู้ใช้สามารถดูคอนโซลสำหรับบันทึกเซิร์ฟเวอร์แบบเรียลไทม์เพื่อระบุข้อผิดพลาดในการกำหนดค่า

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

เข้าสู่ระบบ 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

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

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

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

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

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

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

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

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

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

ในการกำหนดค่าฐานข้อมูล 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

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

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

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

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

Input Feedback

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

Web App คืออะไร?

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

Mobile App คืออะไร?

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

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

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

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

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

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

managed executor service context-service ชื่อของบริการบริบทที่จะใช้โดยตัวดำเนินการ core-threads จำนวนเธรดขั้นต่ำที่ตัวดำเนินการใช้ หากไม่ได้กำหนด ขนาดคอร์เริ่มต้นจะคำนวณตามจำนวนโปรเซสเซอร์ ไม่แนะนำให้มีค่าเป็นศูนย์และในบางกรณีอาจใช้ไม่ได้ ดูแอตทริบิวต์ความยาวคิวสำหรับรายละเอียดเกี่ยวกับวิธีการใช้ค่านี้เพื่อกำหนดกลยุทธ์การเข้าคิว hung-task-threshold รันไทม์เป็นมิลลิวินาทีสำหรับงานที่ต้องพิจารณาว่าหยุดทำงานโดยบริการตัวดำเนินการที่มีการจัดการ หากค่าเป็น 0 งานจะไม่ถูกพิจารณาว่าหยุดทำงาน jndi-name ชื่อ JNDI เพื่อค้นหาบริการตัวดำเนินการที่ได้รับการจัดการ keepalive-time เมื่อจำนวนของเธรดมากกว่าแกนหลัก นี่คือเวลาสูงสุดในหน่วยมิลลิวินาที ที่เธรดที่ไม่ได้ใช้งานส่วนเกินจะรองานใหม่ก่อนที่จะยุติ

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

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

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

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

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

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

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

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

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

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

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

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

AIX

Windows

Linux

Application Server Prerequisites

Databases Prerequisites

Java

Web Browsers

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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