EGL Rich UI의 개요
EGL Rich UI는 애플리케이션 서버에 배치되는 애플리케이션을 쓰기 위한 기술입니다. 이 기술은 비즈니스 운영에 유용한 출력으로 자동으로 변환되는 단순 코드를 작성한다는 EGL의 중심 사상을 기반으로 빌드됩니다. JavaScript가 웹 페이지를 제공하는 원격 시스템에서가 아니라 브라우저에서 실행되므로 이 경우의 출력은 클라이언트측이라고 하는 클라이언트측 Javascript입니다. 클라이언트측 JavaScript는 사용자 경험이 페이지를 받고 제출하는 것을 뛰어 넘을 수 있도록 유연성을 제공하여 웹 페이지를 더욱 응답성 있게 만들기 때문에 중요합니다. 사용자가 단일 선택 단추를 클릭한 후에 예를 들어, 텍스트 상자의 컨텐츠를 변경하여 로직이 응답할 수 있습니다. JavaScript가 로컬로 실행되고 대부분의 경우 페이지의 한 영역만 변경하므로 변경이 빠르게 발생합니다.
클라이언트측 JavaScript 확장은 Ajax인데, 이는 원격 코드의 런타임 호출을 허용하며 사용자가 페이지의 다른 곳에서 작업할 때 웹 페이지의 일부를 차후에 업데이트할 수 있게 해주는 기술입니다. 예를 들어, 사용자가 목록 상자에서 구매 주문을 선택한 후에 JavaScript 로직이 원격 웹 서버에서 주문 항목 세부사항의 전송을 요청한 후 사용자에게 표시되는 테이블에 해당 세부사항을 배치합니다. 이 방법으로 애플리케이션이 서버에서 컨텐츠에 액세스할 수 있지만 런타임 시 전송될 컨텐츠를 선택하여 시간을 절약할 수 있습니다.
- Dojo 툴킷(http://dojotoolkit.org/)
- Microsoft Silverlight(http://silverlight.net/)
- SOAP 웹 서비스
- Yahoo 및 Google과 같은 써드파티가 제공하는 REST 웹 서비스
- EGL REST-RPC 서비스
- EGL 전용 서비스
EGL 웹 프로젝트 또는 비EGL 동적 웹 프로젝트에 Rich UI 애플리케이션의 출력을 배치합니다. Java™ EE에 완전히 부합하는 WebSphere® Application Server와 같은 애플리케이션 서버 또는 Java EE에 부분적으로 부합하는 Apache Tomcat과 같은 애플리케이션 서버에 대해 프로젝트를 구성할 수 있습니다.
개발 태스크의 아웃라인
- Rich UI 프로젝트를 작성합니다.
- 핸들러 파트의 유형인 EGL Rich UI 핸들러를 작성합니다.
- EGL Rich UI 편집기에서 핸들러를 열고
다음 방법으로 Rich UI 핸들러에 컨텐츠를 추가합니다.
- 웹 페이지 화면에서 위젯이라고 하는 화면 제어를 끌어 오는 방법. 이 상황에서 Rich UI 편집기의 파트인 대화 상자에 값을 입력하여 위젯 특성을 설정할 수 있습니다.
- Rich UI 핸들러로 직접 위젯 세부사항을 코드화하는 방법
- Rich UI 핸들러에 다음 로직 유형을
직접 쓰는 방법
- 브라우저가 웹 서버에서 애플리케이션을 처음으로 수신할 때 실행되는 시작 로직
- 단추 클릭과 같은 사용자 조치에 대응하여 실행되는 이벤트 로직
- 라이브러리, 서비스, 기타 Rich UI 핸들러에 액세스하는 방법
- 소스 코드를 수정하고 테스트합니다. 디버깅에 대한 세부사항은 “Rich UI 디버깅”을 참조하십시오. 또한 "Rich UI 메모리 관리"에서 설명된 문제에 유의하십시오.
- 코드를 생성하고 배치할 준비가 되면 “EGL 생성 및 배치 소개” 및 “Rich UI 배치의 개요”에서 설명된 프로세스를 사용하십시오.
- 공동 저장소에 애플리케이션을 저장하는 경우 개발 중에 사용된 특정 EGL 위젯 프로젝트를 보존하십시오. 이 사례는 시스템 위젯의 변경사항에 대응하여 변경사항을 작성할 필요 없이 시간 경과에 따라 애플리케이션을 업데이트할 수 있도록 합니다.
- com.ibm.egl.rui_version(원시 EGL 위젯의 경우)
- com.ibm.egl.rui.dojo.widgets_version(EGL Dojo 위젯의 경우) 및 com.ibm.egl.rui.dojo.runtime.local_version(Dojo 런타임 코드의 로컬 설치인 Dojo 툴킷 프로젝트의 경우)
각 경우에서 버전은 위젯 프로젝트의 개정 레벨입니다.
위젯 업그레이드 태스크의 아웃라인
- "제품 제공 프로젝트 가져오기"에서 언급된 대로 원하는 프로젝트를 가져오십시오. 또는 새 Rich UI 프로젝트를 작성한 후 해당 프로젝트를 삭제하여 필요한 모든 프로젝트를 가져올 수 있습니다.
- 각 Rich UI 프로젝트의 경우 EGL 빌드 경로가
새 EGL(비Dojo) 위젯을 가리키는지 확인하고 적절한 경우 새 Dojo 런타임 코드를
가리키는지 확인하십시오. 키 입력 세부사항은 “EGL 빌드 경로 편집”을
참조하십시오.
EGL Dojo 위젯과 관련하여 EGL Dojo 위젯의 특정 버전을 사용 가능하게 하는 툴킷 또는 제공자 프로젝트에 액세스하십시오. 툴킷 또는 제공자 프로젝트에서 EGL 빌드 경로를 변경하지 말고 EGL Dojo 위젯을 직접 참조하도록 고유한 프로젝트에서 빌드 경로를 변경하지 마십시오.
업그레이드 시 EGL 위젯 및 EGL Dojo 프로젝트 모두를 최신 버전으로 업그레이드해야 함을 참고하십시오.
EGL Rich UI 편집기
- 디자인 보기는 Rich UI 핸들러의 표시 가능한 컨텐츠를 표시하는 그래픽 디자인 영역입니다. 팔레트에서 위젯을 디스플레이로 끌어서 놓은 후 특성 보기에서 해당 위젯을 사용자 정의할 수 있습니다.
- 소스 보기는 로직을 업데이트하고 위젯을 추가 또는 업데이트하는 EGL 편집기를 제공합니다. 디자인 보기 및 소스 보기가 통합됩니다. 디자인 보기에 대한 변경사항은 소스 보기에 반영되며 가능한 경우 소스 보기에 대한 변경사항이 디자인 보기에 반영됩니다.
- 미리보기는 로직을 실행할 수 있는 워크벤치에 대한 내부의 브라우저입니다. 원하는 경우 외부 브라우저로 쉽게 전환할 수 있습니다.
다음은 가운데에 있는 Rich UI 편집기가 있는 워크벤치입니다.
