http://archive.sap.com/documents/docs/DOC-2236

 

SAP 프로그램 개발 공식 가이드 문서
http://wiki.sdn.sap.com/wiki/display/BBA/Home
들어가서  PDF 파일로 받을 수도 있습니다.

눈길이 가는 내용을 일부 살펴보자면, 
신규 프로그램은 SAP GUI (리포트,모듈풀 등)용으로 개발하지 않는다.
SAP에서 추천하는 UI 기술은 Web Dynpro ABAP (+FPM) , Web Dynpro Java, WebClient

Chapter 5. User Interface and User Experience Guidelines for Best-Built Applications 

개념 이해:
NET312 pdf 파일의 22~27 (내부페이지 14~19)
Dynamically changing the UI 부분을 읽는다.

실습 예제:
Creating UI Elements Dynamically in Abap Webdynpro Application
http://wiki.sdn.sap.com/wiki/display/WDABAP/Creating+UI+Elements+Dynamically+in+Abap+Webdynpro+Application




 

UI Element를 자세히 살펴 볼수 있는 몇가지를 방법을 알려드리겠습니다.

1. 데모 프로그램
서버에 접속하여 SE80으로 이동후
웹딘프로 아이디 WDR_TEST_UI_ELEMENTS 를 찾습니다.

application을 실행합니다.

모든 UI Elemet를 한 화면에서 속성 변경해 가며 테스트 할 수 있는 데모 입니다.

2. NET312: UI Development with Web Dynpro for ABAP
정식 교육교재입니다. pdf 파일은 각자 알아서 구하시면 됩니다.


3. WDA UI Elements Reference (공식 도움말 페이지)
링크: http://help.sap.com/saphelp_nw2004s/helpdata/EN/cd/422b035f01914e80251a660e39ab14/frameset.htm

4. WDJ UI Elements Reference (웹딘프로 자바 도움말 페이지이지만 UI는 거의 같기 때문에 참고가 됩니다)
링크: http://help.sap.com/saphelp_nw04/helpdata/en/8f/aa63688343bd40aafc537971aee068/frameset.htm

Web Dynpro Application을 열고 Parameters 탭에 가면 여러가지 파라미터를 입력 할 수 있습니다.

여기서는
 테이블(ALV포함)의 새로 스크롤바 또는 하단에 1/30 으로 항목번호를 표시하고 이동하는 방식을 선택할 수 있고,
 마우스 오른쪽 버튼 눌러서 나오는 사용자 세팅을 허용할 것인지를 선택할 수 있고,
 css 테마는 어떤것을 사용할지 지정할 수 있고,
등등 여러가지 어플리케이션 실행에 관련된 세팅을 할 수 있습니다.

그리고 이러한 파라미터를 서버(클라이언트별) 전체 세팅으로 기본값을 지정할 수 있는 프로그램이 있습니다.
WD_GLOBAL_SETTING <-- 웹딘프로 어플리케이션 이름 입니다.

예를 들어 '사용자 세팅'을 모든 웹딘프로 어플리케이션에 대해서 사용 못하게 하려면 이 프로그램을 실행하고
Do Not Allow Personalization by the User: 를 체크하고 저장하면 끝입니다.
하지만 이미 사용자 세팅으로 저장된 내용은 계속 적용이 되고 있으므로 이것을 삭제하려면
WD_ANALYZE_CONFIG_USER 를 실행하여 삭제하여야 합니다.


파라미터에 대해 자세한 내용은 아래 SAP HELP를 참고하세요.
http://help.sap.com/saphelp_nw70/helpdata/en/7b/fb57412df8091de10000000a155106/frameset.htm
7.0을 기준으로 파라미터를 정리해 보았습니다. 버전에 따라 내용이 다를 수 있습니다.
 

티코드 SE63
메뉴에서 번역 - ABAP 오브젝트 - 전송 오브젝트를 선택한다.
입력칸 3곳에 이것을 입력한다.

R3TR
WDYA
웹딘프로아밥 애플리케이션 아이디

New Features in Web Dynpro ABAP for Enhancement Package 2 (EhP2)
http://help.sap.com/saphelp_nw70ehp2/helpdata/en/54/07ec96bd5a4764be4996fff231b4de/content.htm

7.02가 2010년 11월 나왔다고 하는데 어디 쓰는 사이트 있나요?
-> 개인 컴퓨터에 설치하고 연습할 수 있습니다. Netweaver ABAP 7.02 trial 설치 후기
-> ERP 6 인핸스먼트패키지 5 버전으로 프로젝트를 진행하고 있는 사이트가 있습니다.

CD105
What’s New in Web Dynpro ABAP 7.01 and 7.02
Thomas Jung, SAP Technology Solution Management

동영상 (120분 FLASH)
http://www.virtualsapteched.com/index.aspx?url=9pQnEKuchLP2%2FuXehU9V+D0Qrlxk24DreHOyvFSQGJTyrSsKeShyU3Q0ymFlDIfKBXxdqB3NwFVN*%7E*WKz%2FuFUa8LsiXP0QkF85i6Vv20PZxhY%3D#+eH/oixgrjV/KR/H6TFd72kLXep3chZuEpRqpVDt598=

PDF 파일
http://www.sapevents.edgesuite.net/TechEd/TechEd_Vegas2010/Collateral/CD105.pdf
같은 파일을 이글에 첨부함

잡담. Thomas Jung 씨는 정이 아니라 영으로 발음하네요. 한국사람 아니예요.


동영상과 PDF파일을 보면서 대충 내용을 정리해 보았습니다.




웹딘프로 ABAP (WDA) 7.01과 7.02에 추가된 기능

Enhancement Package와 Support Package 차이점.
EP는 새로운 기능의 추가, SP는 버그 수정만

1. 웹딘프로.
ABAP으로 작성 -> 실행시 HTML+js 렌더링 or 또다른 렌더링
새로운 렌더링 엔진이 나오더라도 어플리케이션 코딩은 수정할 필요 없음
이번에 새로 나온 AJAX 방식의 Lightspeed 렌더링은 더 멋있는 화면을 보여줍니다.

데모
시작 1277초 (21:18) 끝 1740초 (29:00)
멋진 화면이 보입니다. AJAX 적용된 부분. Suggest, 드래그앤드랍

7.01에 추가된 기능
context가 트리뷰에서 테이블뷰로 변경
마법사(code wizard) 팝업이 2개의 탭으로 변경되었고 context 관련 기능 강화
클라이언트에서 Trace 가능 (T-Code: WD_TRACE_TOOL)
UI에 키보드 단축키 할당 가능
Value Help의 모양이 더 사용하기 편하도록 바뀌었음
컨피그를 통해서 어플리케이션을 만들수 있음 (예를 들어 FPM)
테이블 UI에 Row Grouping, Header Wrapping, Header Grouping 옵션 추가
새 UI: 드래그앤드랍 가능
새 UI: 리치 텍스트 에디터
새 UI: Section Header
새 UI: Link Choice
새 UI: Page Layout
새 UI: Shuttle
새 UI: ACFExecute (클라이언트의 어플리케이션 실행가능)
새 UI: AcfUpDownload (여러개 파일 업/다운로드)
새 UI: Threshold Slider

7.02에 추가된 기능
context 사용처(where used list) 찾는 기능 추가  <-- 유지보수에 꼭 필요한 기능
layout 미리보기 화면 기능 강화
window 플러그 연결화면을 WDJ처럼 변경
테이블 UI에 여러가지 기능 강화
새 레이아웃: Form Layout
ALV에 display as Crystal Reports
몇가지 UI에 displayAsText 속성 추가
InputField에 SuggestValues 속성 추가 <-- 구글 검색어 추천처럼 서치핼프를 누르지 않고 미리 보는 효과
드래그앤드랍 지원
테이블 UI와 Interactive Forms 연동 가능
새 UI: Panel <-- 위젯(가젯)의 박스 같은 모습
새 UI: PanelStack (탭을 대체할 UI)
새 UI: IconButton
새 UI: Accordion
새 UI: Page Layout & Header
새 UI: Print Preview button
eCATT 테스트시 웹딘프로 지원 강화
디버거에 웹딘프로 지원 강화
실행중에 웹 브라우저의 타이틀을 변경할 수 있는 API 추가

2. Islands
웹딘프로의 제한사항인 HTML, js, RIA(Flex, Silverlight) 등 일반적인 웹기술을
적용할 수 없다는 점에 대해서 불만이 없을 수가 없지요.
섬 = Islands 는 다른 웹기술을 웹딘프로 안에서 사용할 수 있도록 해주는 기술입니다.
그냥 막 허용해주면 감당이 안되니까 섬으로 만들어서 그안에서만 놀도록 관리합니다.
7.01 부터 Adobe Flash Islands
7.02 부터 Microsoft Silverlight Islands
7.03 부터(예정) Web Widgets (HTML Islands)
자세한 내용은 장표를 참고하세요.

Islands 데모
시작 6024초 (1:40:24) 끝 6240초 (1:44:00)
Flex로 만든 구글맵을 웹딘프로에 연동하는 내용

3. Floorplan Manager
새로 나온 프레임워크 입니다. 앞으로 많이 사용될 것 같네요.
공부하려면 NET313 교재를 보시면 됩니다.

4. POWL
선택 옵션과 ALV를 합쳐 놓은 화면이고 조회 내역 캐시 기능이 있는 것이 특징입니다.
POWER Lists의 약어 입니다.

5. Local Page Builder
이건 잘 모르겠네요..

6. Looking Into the Future
다음에 나올 7.03에 대한 이야기들

1. ComponentController->WDDOINIT
2. Window->WDDOINIT
3. View->WDDOINIT
4. Window->HANDLExxxxxxx        "    여기서 URL 파라미터를 받을 수 있다.
5. View->WDDOMODIFYVIEW


초기화 로직을 어디에 넣어야 하는지는 결정하기 힘든 문제이다.

OO관점에서는 1,2,3번의 WDDOINIT이 좋아 보이는데,
한가지 문제는 URL 파라미터를 받을 수 없다는 것이다. 이것은 실로 큰 문제이다.

다음으로 보이는 곳은 4번 HandelDefault 이다.
하지만 이곳의 문제는 Window 라는 곳에는 로직을 넣는것이 별로 모양이 좋지 않다는 것이다.
그래서 보통은 ComponentController에 Start 등의 이름으로 메소드를 만들고 Start를 호출하는 로직만 간단히 넣는다.
역시 로직은 ComponentController에 있는게 여러모로 나중에 편하다.

다음으로 보이는 곳은 5번 WdDoModifyView 이다.
이곳은 사실 한번만 실행되는건 아니고 이벤트가 발생할때 마다 실행이 된다.
(처음에 한번만 실행하는 것을 쉽게 구현하도록 도와주는 FIRST_TIME 파라미터가 있다)
쉽게말해 모듈풀의 PBO와 같은 것이다. 모듈풀에 익숙한 사람들은 이곳에 많은 로직을 넣는 습관이 있다.
개인적으로 이곳에 로직을 넣는것을 싫어한다. 매 이번트 마다 실행되기 때문에 이곳은 최소화 하고 싶다.


파라미터를 받게 만들면 결국 4 또는 5번에 초기화 로직을 넣게 된다.
무언가로 통일하고 싶다.