As organizations increasingly embrace digital transformation, the integration of modern web technologies like React.js with Business Process Management (BPM) applications has become essential. React components offer f...As organizations increasingly embrace digital transformation, the integration of modern web technologies like React.js with Business Process Management (BPM) applications has become essential. React components offer flexibility, reusability, and scalability, making them ideal for enhancing user interfaces and driving user engagement within BPM environments. This article explores the benefits, challenges, and best practices of leveraging React components in BPM applications, along with real-world examples of successful implementations.展开更多
With the fast-growing graphical user interface(GUI)development workload in the Internet industry,some work attempted to generate maintainable front-end code from GUI screenshots.It can be more suitable for using user ...With the fast-growing graphical user interface(GUI)development workload in the Internet industry,some work attempted to generate maintainable front-end code from GUI screenshots.It can be more suitable for using user interface(UI)design drafts that contain UI metadata.However,fragmented layers inevitably appear in the UI design drafts,which greatly reduces the quality of the generated code.None of the existing automated GUI techniques detects and merges the fragmented layers to improve the accessibility of generated code.In this paper,we propose UI layers merger(UILM),a vision-based method that can automatically detect and merge fragmented layers into UI components.Our UILM contains the merging area detector(MAD)and a layer merging algorithm.The MAD incorporates the boundary prior knowledge to accurately detect the boundaries of UI components.Then,the layer merging algorithm can search for the associated layers within the components’boundaries and merge them into a whole.We present a dynamic data augmentation approach to boost the performance of MAD.We also construct a large-scale UI dataset for training the MAD and testing the performance of UILM.Experimental results show that the proposed method outperforms the best baseline regarding merging area detection and achieves decent layer merging accuracy.A user study on a real application also confirms the effectiveness of our UILM.展开更多
Heavy-haul locomotives operate in complex and dynamic environments.Drivers are required to frequently monitor numerous displays within the cab and track conditions,and switching the line of sight will result in drivin...Heavy-haul locomotives operate in complex and dynamic environments.Drivers are required to frequently monitor numerous displays within the cab and track conditions,and switching the line of sight will result in driving blind for a certain distance.This can easily lead to visual fatigue and safety incidents over extended periods.In this paper,we propose a dual-focal-plane augmented reality head-up display(AR-HUD)system adapted for heavy-haul locomotives,integrating dual picture generation units(PGUs)with two freeform surfaces to achieve the display of near-field and far-field.Due to the large inclination angle of the windshield in heavy-haul locomotives,there are significant aberrations of the optical system and the virtual image quality of the far-field needs to be improved.To address this issue,we introduce two freeform surfaces into the optical path of the far-field to reduce aberration.The increased structural degrees of freedom facilitate subsequent optimization.Following optimization of the system,the maximum root mean square(RMS)radius within the eyebox regions E1 to E5 was smaller than the Airy disk radius,and the modulation transfer function(MTF)value at the cutoff frequency exceeded 0.3.Grid distortion was less than 5%,and at the cutoff frequency of 4.31 line pairs per millimeter(lp/mm),over 98%of the MTF was greater than 0.3.The image quality and overall imaging performance were excellent,with reasonable tolerance distribution,demonstrating the feasibility of this design.This configuration allows for the simultaneous display of both far-field and near-field images,enhancing its applicability in rail transport.The feasibility of this innovative AR-HUD system has been validated through user interface(UI)simulation.展开更多
文摘As organizations increasingly embrace digital transformation, the integration of modern web technologies like React.js with Business Process Management (BPM) applications has become essential. React components offer flexibility, reusability, and scalability, making them ideal for enhancing user interfaces and driving user engagement within BPM environments. This article explores the benefits, challenges, and best practices of leveraging React components in BPM applications, along with real-world examples of successful implementations.
基金Project supported by the National Key R&D Program of China(No.2018AAA0100703)the National Natural Science Foundation of China(Nos.62006208 and 62107035)+1 种基金the Ng Teng Fong Charitable Foundation in the form of ZJU-SUTD IDEA Grantthe Alibaba-Zhejiang University Joint Research Institute of Frontier Technologies。
文摘With the fast-growing graphical user interface(GUI)development workload in the Internet industry,some work attempted to generate maintainable front-end code from GUI screenshots.It can be more suitable for using user interface(UI)design drafts that contain UI metadata.However,fragmented layers inevitably appear in the UI design drafts,which greatly reduces the quality of the generated code.None of the existing automated GUI techniques detects and merges the fragmented layers to improve the accessibility of generated code.In this paper,we propose UI layers merger(UILM),a vision-based method that can automatically detect and merge fragmented layers into UI components.Our UILM contains the merging area detector(MAD)and a layer merging algorithm.The MAD incorporates the boundary prior knowledge to accurately detect the boundaries of UI components.Then,the layer merging algorithm can search for the associated layers within the components’boundaries and merge them into a whole.We present a dynamic data augmentation approach to boost the performance of MAD.We also construct a large-scale UI dataset for training the MAD and testing the performance of UILM.Experimental results show that the proposed method outperforms the best baseline regarding merging area detection and achieves decent layer merging accuracy.A user study on a real application also confirms the effectiveness of our UILM.
基金supported by the Key R&D Plan Projects in Zhejiang Province(No.2023C01243)China and the National Natural Science Foundation of China(Nos.52472422,52293424,and 52477065).
文摘Heavy-haul locomotives operate in complex and dynamic environments.Drivers are required to frequently monitor numerous displays within the cab and track conditions,and switching the line of sight will result in driving blind for a certain distance.This can easily lead to visual fatigue and safety incidents over extended periods.In this paper,we propose a dual-focal-plane augmented reality head-up display(AR-HUD)system adapted for heavy-haul locomotives,integrating dual picture generation units(PGUs)with two freeform surfaces to achieve the display of near-field and far-field.Due to the large inclination angle of the windshield in heavy-haul locomotives,there are significant aberrations of the optical system and the virtual image quality of the far-field needs to be improved.To address this issue,we introduce two freeform surfaces into the optical path of the far-field to reduce aberration.The increased structural degrees of freedom facilitate subsequent optimization.Following optimization of the system,the maximum root mean square(RMS)radius within the eyebox regions E1 to E5 was smaller than the Airy disk radius,and the modulation transfer function(MTF)value at the cutoff frequency exceeded 0.3.Grid distortion was less than 5%,and at the cutoff frequency of 4.31 line pairs per millimeter(lp/mm),over 98%of the MTF was greater than 0.3.The image quality and overall imaging performance were excellent,with reasonable tolerance distribution,demonstrating the feasibility of this design.This configuration allows for the simultaneous display of both far-field and near-field images,enhancing its applicability in rail transport.The feasibility of this innovative AR-HUD system has been validated through user interface(UI)simulation.
