Web Dynpro ABAP Quick Design guidelines
This Page is to discuss WD4A Design guidelines which can be used by beginner WD4A developer as a checklist to design quality WD4A applications. Please feel free to Add/Correct/Comment to below WD4A Design guidelines and help novice WD4A developer like me in designing quality WD4A applications.
Performance Optimization:
- Use Range Supply Function to load part of data into context node for heavy table performance optimization.
- Consider Delta Rendering Optimization while designing WD4A component.
- Avoid complex and nested Layouts because it has a big impact on browser or client rendering performance.
- Prefer the Row Layout to the Grid or Matrix Layout if horizontal alignment is not needed for better performance.
- Number of visible rows in Table or ALV has an impact on performance.
- Avoid writing much processing in WDDOMODIFYVIEW() method like initialization and all.
- Don't use context of all WD4A component data. Use context for Screen In/Out data only.
- Consider the Price Tag of UI elements when designing Web Dynpro Component.
UI Design Practice:
- Use Flash Islands as add-on for Web DynPro and avoid using more than 3 Flash Islands on the screen.
- Avoid Scrolling and make all information visible at a glance.
- Prefer the Matrix Layout to the Grid Layout for Ease of use and consistent layout.
- Avoid usage of TransparentContainers inside container UI elements.
- Don't misuse Web Dynpro UI elements by setting improper property values.
- Exchange default root UI element container with other container UI element to minimize container nesting levels.
- Never Use Trays and Panel on same screen to avoid confusion for end users.
- Never use a Section header without associating it with a TransparentContainer.
- Use Access and Hot Keys for better accessibility.
- Use Floorplan Manager for consistency across applications.
- Componentization of Web DynPro component for reusability.
Better Development efficiency:
- Use Floorplan Manager for the creation of new Web Dynpro ABAP applications to increase development efficiency.
- Use Developer Defined Reusable Templates.
Miscellaneous:
- Add URL Parameter "sap-wd-stableids=X" to achieve stable HTML IDs for Automated Tests.
'ABAP > Web Dynpro ABAP(WDA)' 카테고리의 다른 글
웹딘프로아밥에서 사용할 수 있는 화면 요소 WDA UI Elements (0) | 2011.08.08 |
---|---|
DPWTY_SEARCH_HELP 펑션 : 딕셔너리에서 드랍다운 리스트 뽑아오기 (0) | 2011.08.02 |
웹딘프로에서 메시지 클래스 사용하고 사용처 리스트로 찾을 수 있도록 하기 (0) | 2011.06.30 |
NWBC 티코드로 실행 (0) | 2011.06.10 |
웹딘프로아밥 Application Parameters 전체 세팅 WD_GLOBAL_SETTING (0) | 2011.01.14 |