목표 2: 웹 프론트 엔드 작성

Development Studio Client를 사용하여 그린 스크린 인터페이스 이상의 iSeries 어플리케이션에 액세스할 수 있습니다. 프로그램의 DDS 화면의 웹 기반 프론트 엔드를 생성하거나 프로그램의 입력 및 출력 매개변수에 직접 연결하는 새 웹 인터페이스를 작성할 수 있습니다. 프로그램 구조에 따라 IBM WebFacing 도구 또는 웹 개발 도구가 보다 유용할 수도 있습니다. iSeries 어플리케이션 설계 방식 및 빠른 배치와 사용자 정의 룩앤필 간 조정을 기반으로 경로를 선택하십시오.

  1. WebFacing 도구를 사용하여 DDS 사용자 인터페이스가 비즈니스 로직과 상호연관된 기존 어플리케이션에 웹 프론트 엔드를 생성하십시오.
  2. 웹 개발 도구를 사용하여 iSeries 프로그램 및 데이터에 액세스하는 새 웹 인터페이스를 작성하십시오. 각 비즈니스 로직의 개별 시작점 세트와 사용자 입력에 따라 해당 시작점에 적절한 호출을 생성하는 사용자 인터페이스 구성요소로 구성되는 프로그램에 액세스하도록 고유 Servlet 및 JSP 파일을 개발하십시오.
  3. Page Designer와 같은 웹 개발 도구와 해당 그래픽 및 애니메이션 도구인 WebArt Designer 및 AnimatedGif Designer를 함께 사용하여 웹 사이트 페이지의 모양을 사용자 정의하십시오.

기존 어플리케이션으로 웹 프론트 엔드 생성

WebFacing 도구를 사용하여 그린 스크린 트랜잭션에 DDS를 사용하는 iSeries 어플리케이션에 웹 프론트 엔드를 작성할 수 있습니다. 웹 스타일을 선택하고 프로그램 로직과 상호작용하는 JSP 및 XML 파일 세트를 생성한 다음 Workbench의 WebSphere 테스트 환경에서 어플리케이션을 테스트하십시오. 어플리케이션을 전달할 준비가 되면 WebSphere Application Server에 설치하도록 표준 J2EE WAR 및 EAR 파일을 생성할 수 있습니다.

WebFacing 접근 방식은 빠르게 전달하는 것이 사용자 정의보다 중요한 회사 인트라넷 또는 인터넷에서 브로드캐스트하려는 어플리케이션에 이상적입니다. WebFacing 도구를 사용하여 어플리케이션을 5250 어플리케이션으로 계속 전달하고 동일한 ILE 및 비ILE 프로그램으로 웹을 통해 어플리케이션을 전달할 수 있습니다.

다음 다이어그램에서 WebFacing 도구의 런타임 프로세스를 설명합니다.

이 다이어그램은 WebSphere Application Server, WebFacing Server, RPG 프로그램, DDS 레코드, JavaServer Pages 및 웹 페이지 사이의 관계를 보여줍니다. WebFacing 서버는 DDS 레코드 및 DDS 화면 파일을 생성하는 RPG 프로그램에 연결됩니다(하나의 DDS 화면 파일에 복수의 DDS 레코드가 있습니다. 그러나 다른 방향에서는 WebFacing 서버가 같은 데이터로부터 JavaServer Pages를 생성하는 WebSphere Application Server에도 연결됩니다. 하나의 JavaServer Page는 하나의 DDS 레코드와 동등합니다. WebSphere Application Server는 웹 페이지도 생성합니다. 하나의 웹 페이지에는 복수의 JavaServer Pages가 있으므로, 다이어그램은 RPG 프로그램에 대해 웹 프론트 엔드를 작성할 경우의 장점을 보여줍니다.

iSeries 프로그램 및 데이터에 액세스하도록 새 웹 인터페이스 작성

웹 개발 도구를 사용하여 대화식 웹 페이지를 작성할 수도 있습니다. 웹 상호작용 마법사를 사용하여 페이지가 하나 이상의 ILE 또는 비ILE 어플리케이션과 상호작용하는 방법을 정의할 수 있습니다. 이 마법사는 HTML 양식의 데이터와 함께 사용할 Java 조치 클래스 및 JSP 파일을 생성합니다. 일반 사용자가 양식에 데이터를 입력하면 사용자 입력은 프로그램의 데이터가 되며 프로그램의 출력은 웹용으로 형식화됩니다. 로직은 각 입출력 단계에 따라 다른 프로그램으로 분리할 수 있습니다. 이는 웹 상호작용이라고도 합니다. 또는 로직은 시작점을 통해 각 웹 상호작용을 처리하는 단일 서비스 프로그램일 수도 있습니다. 다음 다이어그램에서 웹 개발 도구로 작성된 웹 프론트 엔드로부터 데이터가 iSeries 어플리케이션으로 전달되고 다시 웹으로 전달되는 방법을 보여줍니다.

이 다이어그램은 다음과 같은 이벤트 체인을 보여줍니다. 입력 값은 웹 페이지에 입력되어, Java Servlet으로 변환되고, 입력 값이 입력 매개변수로 읽혀지는 RPG 프로그램에 입력되며, RPG 프로그램은 출력을 생성하고, 출력은 다시 Java Servlet과 JavaServer Page로 리턴되어 웹 페이지에 출력 값으로 표시됩니다.

웹 개발 도구를 사용하여 iSeries 서버에서 실행하는 Java 클래스를 개발할 수도 있습니다. 이러한 servlet은 iSeries 데이터를 직접 사용하거나 ILE 및 비ILE 어플리케이션을 통해 데이터에 액세스할 수 있습니다. Java 개발 도구에 포함된 Java 클래스용 IBM Toolbox를 사용하여 Java servlet의 프로그램 호출 및 iSeries 데이터 파일에 액세스할 수 있습니다. 웹 개발 도구를 사용하여 servlet을 개발하고 도구 상자에서 레코드 입출력(I/O) 및 프로그램 호출 클래스를 사용하여 iSeries 데이터를 검색하고 갱신할 수 있습니다. Servlet을 호출할 수 있고 Page Designer 편집기에서 작성한 JSP 파일에서 해당 출력을 사용자 정의할 수 있습니다.

웹 사이트 페이지의 모양 사용자 정의

웹 개발 도구의 편집 도구를 사용하여 HTML 및 JSP 파일을 사용자 정의할 수 있습니다. 또한, 웹 사이트 페이지를 확장하고 양식 요소, Java™ 애플릿, 삽입된 스크립트, 동적 제어 및 JSP(JavaServer Pages) 태그를 포함할 수 있습니다. iSeries 특정 웹 구성요소는 같은 종류의 입력 유효성 확인, 출력 형식화 및 기본 DDS 스크린이 제공하는 서브파일 제어를 사용하여 입력 및 출력 페이지의 웹 버전을 작성할 수 있도록 합니다. 이러한 타스크를 수행하기 위해 HTML 또는 Java에 대한 세부 지식은 필요하지 않습니다.