winvader 제품소개서corebank.net/webtailorpds/winvader.pdf · web 개발방식의변화 c/s...

WINVADER 제품 소개서2004 Dec

What’s Winvader?

WinvaderWinvader 개요

WEB 개발 방식의 변화

WEB 기반 기술 비교

Winvader 구성

Winvader – Component Layer

Winvader – Designer Layer

Winvader – Server Layer

What’s Winvader?

WINVADER = WEB + INVADER

Winvader는 Component를이용하여기능적인업무화면을만들고, 서버와연동이자유로우며 XML을이용한data 송수신으로네트워크부하를줄인 X-Internet을적용한통합웹개발툴및운영플랫폼이다.

Web 개발방식의 변화

C/S 수준의생산성제공(Drag & Drop)

C/S 수준의 GUI 화면장치제어

C/S 수준의대역폭 Web을통한배포, 유지보수기존자원재사용

다양한 Legacy 연동기능

Web DesignerActiveX DeveloperApplet Developer

Web Page

HTMLDHTML

Script(Java/VB)CSS

ActiveXJava Applet

Web Programmer

Web Server

CGIASP

ServletJSP

Java/.NET 개발자

WAS

Java BeanEJB.NET

Network/DB 개발자

Legacy

DBSNA

MSMQTP Monitor

HTTP(HTML)

Web 기반 기술 비교

구 분 장 점 단 점

ScriptHTC

역동적 웹 페이지 생성

배우고 적용하기 용이

소스 유출의 위험성

처리 시간이 오래 걸림

Client 장비 Access 불가능

ActiveXDCOM

역동적 웹페이지 생성

COM 기반

ActiveX Form

느린 페이지 로딩

화면단위 데이터 이동

HTML 표현의 어려움

AppletEJB

OS 독립성

가비지 콜렉션

Applet Form

Interpreter 방식의 느린 처리속도

웹페이지와의 정보교환 어려움

Java 실행 환경 필요

WinvaderComponents

순수 HTML기반 – TAG 삽입

Binary 컴퍼넌트

역동적 웹 페이지 생성

XML Data 송수신

Internet Explorer상에서만 지원

Windows Binary 기반의 Winvader Component는 놀라운 생산성과 어플리케이션 확장력을 가집니다.

이는 역동적이고 강력한 클라이언트 어플리케이션 구축에 핵심이 될 것입니다.

Web 기반 기술 비교

Small Large

ScriptfunctionScript

function HTCHTC

WinvaderComponentWinvader

ComponentActiveX Control

ActiveX Control

Plug-inApplication

Plug-inApplication

Java Appletclass

Java Appletclass

Windows Binary 기반의 Winvader Component는 타 기반의 Component 대비 Size가 작으며, 놀라운

처리 속도를 자랑합니다. 이것은 Component의 근본 태생이 다르기 때문입니다.

Speed

Access

Size Slow

Fast

O/SInternet Explorer

Winvader 구성

Winvader 의 구성은 크게 Component Layer와Generator Layer, 그리고 Server Layer로 나누어집니다.

Winvader에서 제공하는 강력한 Component들의그룹으로 이루어져 있으며, 각각의 Component 그룹에는 해당 Component들로 구성되어 있습니다.

실제 화면을 생성 하는 Component들로 구성되어있습니다. 페이지 디자인, 각 Component의 속성을 정의할 수 있는 Object Inspector, Component를 관리하는 Component Manager등으로 이루어져 있습니다.

Server Layer에는 Transaction Information Server 와 Application Manager 그리고 Service Manager로 구성됩니다.

Component Layer

Genenrator Layer

Server Layer

CBD 방법론을 적용한 Component 기반의 플랫폼

Two way 방식이 적용된 Visual RAD Tool인 Winvader Designer

다양한 Legacy Adaptor 와 효율적인 Transaction Information 관리

Winvader – Components Layer

HTMLDIV , Link, HR , Image , Label, Span, TextArea

FormForm, Button, CheckBox, File, Hidden, InputImage, Password, Radio, Reset, Submit, Text, Memo, Select, List

FrameIframe

Additional Grid, Calendar, CodeCombo, MaskEdit, CurrencyEdit, TabControl, Menu, XML, Params, Invoke, Session, DateTimePicker, Capture, KeyboardHook, Stream

TCP/IPClient Socket, Server Socket, FTP

EnterpriseDSO-SQL, DSO-SNA-Field, TPM-Connect, TPM-Provider, SNA-Connect, SNA-Provider

SystemRefiner, Screen-Grab, PB-Printer & MSRW, Action-Manager, Action-Listener

Winvader – Component (1)

Windows Binary Component로 Size가 작고 처리 속도가 빠름

놀라운 Component 확장성 및 유연성

Interactive하고 미려한 화면 구성이 가능

순수 HTML TAG로 작동

처음 화면 접속 때만 Webserver에서 down받고 이후 component

변경되면 자동 다운로드

Internet Explorer을 통해 Windows 기능을 구현하기 때문에 사용자 PC의

장비제어도 가능

다양한 입출력 지원(PinPad, MSRW, 통장프린터 등)

강력하고 다양한 기능을 내장한 MDI , DataGrid Component 지원


Windows Application

Public UseMicrosoftVisual Studio .Net

C# , C++, VB

BorlandDelphi

Delphi Component

COREB@NKWinvader

Winvader Component

WEB Application

Private Use

ActiveX Form

ActiveX

Winvader X-Player

Stream Data

Binary

JavaTechnology

EJB : Enterprise Java Bean

COREB@NKWinvader

Winvader Component

Stream Data

Text

Winvader에서 제공되는 Component는 놀라운 유연성과 확장성을 가집니다.

기존 Windows 컨트롤은 물론, 델파이나 MS Visual 계열의 Component, EJB에 이르기까지 Windows에서 사용 가능한

Component들을 WVX(Winvader Extended Component)화 하여 Winvader의 Component로 사용 가능하며,

이러한 Winvader의 Component는 다시 델파이나 MS Visual계열의 프로그램에서 바로 Component로 사용하실 수도 있습니다.


Grid NavigationMove First recordMove Prior recordMove Next recordMove Last recordInsert New recordDelete select recordModify select recordPost record

Excel Export

WVXDataGrid - Functions

Column Resize

Multi-Select

Column Realign

Column Text Alignment

Direct Editing (ADD,DEL,MOD)

Inside Navigation

Fast Loading

PickList Support

Sort

WVXDataGrid - Functions

Column Resize

Multi-Select

Column Realign

Column Text Alignment

Direct Editing (ADD,DEL,MOD)

Inside Navigation

Fast Loading

PickList Support

Sort

Winvader에서 제공되는 Desk Board(MDI), DataGrid Component 는 다양한 기능을 가지고 있습니다.

Column Resize, multi-Select, Inside navigation, Direct Editing 등 많은 기능들을 내장하고 있습니다.

Winvader – Generator Layer

Component 등록및삭제

Web Page 생성및저장(로컬)

Import/Export(서버)

Two-Way 방식의 Component 속성편집

WYSIWYG 방식의 GUI DesignEvent Script 편집

TIS에등록된 Application 정보를조회하여Component에적용하거나화면맵을이용하여Application 정보를생성

※ TIS : Transaction Information Server

ComponentManager

ProjectManager

ObjectInspector

PageDesigner

TIS Manager

Two way 방식이 적용된 Visual RAD Tool인 Winvader Designer는 내장된 다양한 기능과 강력한

Component들을 사용하여 미세하고 풍부한 화면을 구성할 수 있습니다.

Winvader – Component Manager

Component

Component Palette

Object Inspector

C/S Style Design(Drag&Drop)

Two-Way Editing(Runtime 모드속성편집)

기본 HTML Component 관리, 확장 Component 관리

Component 속성편집다양한속성편집창제공

Runtime모드편집기능Property Window 제공

다양한 Winvader의 Component는 Component Palette에서 선택하실 수 있습니다.

단지 원하는 Component를 Drag & Drop 하여 Page Designer위에 올려 놓는 것 만으로

Component를 사용하실 수 있으며, Page Designer위의 각각의 Component는 Object Inspector를 통해

Two-Way Editing Mode 속성을 편집 하실 수 있습니다.

Winvader – Page Designer

Page Designer Main (Grid/Grid Snap 지원, Guide Line/ Ruler 지원)

HTML Code EditorStyle Sheet Editor Script Code Editor

JavaScript 편집

HTML Code 편집HTML 서식기능지원

스타일속성편집및적용CSS 연동기능

화면 디자인을 생성하는 Page Designer는 C/S 개발 툴처럼 Grid/Flow Layout 모드로 화면을

디자인 할 수 있으며, HTML Code Editor를 통해 직접 편집 기능도 지원합니다.

HTML Property Editor, Style Sheet Editor, Script Code Editor, Table Editor 등 다양한 Editor를 통해

화면을 쉽게 편집, 디자인 할 수 있습니다.

Winvader – Project Manager

Project Manager

Local WorkspaceExplorer

Remote WorkspaceExplorer

Active Sync

Local Resource관리

Remote Resource관리

파일 Open/Save

파일/Project 생성 및 추가

Project 생성다양한 파일 생성/수정/삭제파일 원격 Publish 기능 (FTP)

원격 Web Site

FTP연결 관리파일전송관리

C/S 개발 툴에서 흔히 쓰이는 Project Manager는 쉽게 web site 구조를 만들고, 각종 resource들을관리하며, 로컬 작업 영역뿐만 아니라 원격 web server에 쉽게 publishing 할 수 있습니다.

Winvader – Server Layer

TIS (Transaction Information Service)

Generator에서 수신한 Application 정보를 AIR에 저장

AIR 정보 조회하여 개발자에게 제공

EIG

(Entity Information Generator)AIR로부터 정보를 읽어 Application Base Code 작성Build/Deploy/Configuration 정보 생성

AIR

(Application Information Repository)XML 형태의 Application 정보, 소스코드 저장 관리

TransactionInformation

Server

Web Page와 WAS간 입출력 정보 관리WRB (Winvader Request Broker)Application Manager

MainFrame, Directory, EAI, TP Monitor, EJB, MessageLegacy Adaptor

WRB와 Application 사이에서 XML과 Application 데이터변환 처리

WTM

(Winvader Transformation Manager)

Winvader – Data Processing (Design Time)

TIS Manager

Service Component

Transaction 정보송수신

TIS

WAS(Winvader Server

Platform 적용)

Transaction Service Invoke

Transaction정보생성 및 조회

Object Inspector

Service Component속성편집

Service Invoke 속성 관리Service Parameter 속성 관리Input/Output 데이터 관리Service Test 기능 제공

Service 정보 생성 및 적용

Transaction 정보 적용

WAS 또는 웹서버와 연계하여 쉽게 업무를 구축할 수 있도록 Service Component들이 제공 되며,

Winvader Server의 TIS를 통해 Server에 구축 되어 있는 서비스들의 Parameter 정보와 Input/Output 데이터를

조회하거나 값을 입력하여 테스트 해 볼 수 있는 기능이 있습니다.

물론 Service Component도 Object Inspector를 통하여 속성 편집을 할 수 있습니다.

Winvader TIS Server XMLData

DynamicSQL

MiddlewareClient

TMAX

CGI,ASP,JSPPHP,Servlet

OtherMiddlewares

DATABASE

IE – default tag object



Winvader – Component



TISinput / OutputFormat (XML)

VBScript , JavaScript

- INVOKE SERVICE XML 형태 데이터의 I/O 에 대한 Vendor 역할을 한다.

- PARAMXML 형태로 데이터의 I/O Format을 지정한다.

- DSO각 개체와 연결되어 데이터의 I/O를 수행한다.

InvokeService

I / OParams

DSO

Internet Explorer

Winvader – Data Processing (Run Time)

Winvader로 작성되어진 클라이언트는 Data Processing에 있어 상당한 유연성을 가집니다.

클라이언트에 탑재된 Service Manager Component를 통해 Winvader Server를 통하여 미들웨어 혹은 DB를

접근할 수 도있으며, 클라이언트 DSO 에서 바로 DB로 접속 할 수도 있습니다.

이런 사항은 고객의 시스템에 유연하게 대처 할 수 있습니다.

Winvader – TIS Manager (1)

TIS - Open & Save Dialog

FTP , 전용 TIS Service , Local Directory 지원

TIS - Editing

Service Information, Input Parameters, Output Parameter 추가 , 수정, 삭제 및 XML 편집


TIS – Screen to TIS

화면디자인시설정된 Field(s) 정보를TIS Input / Output Parameter 로생성

TIS – Field Mapping

화면의 Field(s)와현재 Open된 TIS Parameter와연결


TIS – Screen Generation

Open 된 TIS 정보를화면에 Field로생성

TIS – Code Generation

TIS 정보의 Input/Output Parameter 로Business Logic의기본 Source 생성

( C Header - Struct, Java Source - Class )

Winvader 특징 – Banking 화면구성

Main Frame [공통영역]

Multi-Window Component

Common Constant

Sub Frame [업무영역]Sub Frame [업무영역] HiddenWindow

Sub Frame [업무영역]Sub Frame [업무영역] HiddenWindow

Sub Frame [업무영역]Sub Frame [업무영역] ActiveWindow

Common Library

DataController

Sub Common Library

DataController

Common Business Screen[공통화면]

ActionListener

Unit Business Screen [업무화면]

ActionManager

InvokeService

I / OParams

DSO

Screen Capturecomponent

Screen Capturecomponent

Screen Printcomponent

Screen Printcomponent

FavoritecomponentFavorite

componentHot Key

componentHot Key

componentChatting

componentChatting

componentBroadcastcomponent

Broadcastcomponent

Notifycomponent

Notifycomponent

P2Pcomponent

P2Pcomponent

Business 화면에서 많은 컨트롤의 제어시 이용하여 많은 Script 코딩을 줄일 수 있습니다. 또한 각종 화면에서 일어나는 오류 혹은 이벤트를 중앙에서 집중적으로 관리, 로직을 단순화 시킬 수 있습니다.Action Listener는 복수의 Manager와 연결할 수 있으며, Manager는 여러 개의 Action을 포함 할 수 있어 복잡한 업무처리에 효율적으로 적용할 수 있습니다.

Winvader 특징 – Banking Frame

Multi Window (Window의 MDI 환경구현)

비트맵프린터전송

화면출력/저장기능

알림기능 (일시알림, 기간중알림, 로그인시알림)

Data Grid Sort, Insert/Update/Delete 기능

사용자별즐겨찾기

책임자승인(P2P 또는 C/S 방식선택가능)

사용자별단축키설정

사용자간 Chat 기능(P2P 또는 Multi-Chat)

Broadcasting 기능(전체통지, 전체제어)

특정사용자측 Notify 기능

업무메뉴찾기기능

Excel 변환기능

Winvader – 도입효과 (1)

Page 크기 ½ 감소Design Time 1/3 감소

Drag & DropWeb Components

Table Edit 방법DHTML JavaScript 코딩

화면생산성화면생산성

Legacy 확장성Legacy 확장성

다양한 Legacy 연동 방법

Winvader – 도입효과 (2)

유지보수시간 1/3 감소

네트워크 Traffic 80% 감소

데이터 단위 정보 교환

대역폭대역폭

페이지 단위 정보 교환

유지보수성유지보수성

winvader 제품소개서corebank.net/webtailorpds/winvader.pdf · web 개발방식의변화 c/s...

Documents