슬라이드 1

Size: px

Start display at page:

Download "슬라이드 1"

윤식 강
4 years ago
Views:

1 WINVADER 제품소개서 2004 Dec

2 What s Winvader? Winvader Winvader 개요 WEB 개발방식의변화 WEB 기반기술비교 Winvader 구성 Winvader Component Layer Winvader Designer Layer Winvader Server Layer

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

NET 개발자 Network/DB 개발자 Web Page Web Server WAS Legacy HTML DHTML Script(Java/VB) CSS

4 Web 개발방식의변화 Web Designer ActiveX Developer Applet Developer HTTP (HTML) Web Programmer Java/.NET 개발자 Network/DB 개발자 Web Page Web Server WAS Legacy HTML DHTML Script(Java/VB) CSS ActiveX Java Applet CGI ASP Servlet JSP Java Bean EJB.NET DB SNA MSMQ TP Monitor C/S 수준의대역폭 Web 을통한배포, 유지보수기존자원재사용 C/S 수준의 GUI 화면장치제어 다양한 Legacy 연동기능 C/S 수준의생산성제공 (Drag & Drop)

5 Web 기반기술비교 구분장점단점 Script HTC 역동적웹페이지생성 배우고적용하기용이 소스유출의위험성 처리시간이오래걸림 Client 장비 Access 불가능 ActiveX DCOM 역동적웹페이지생성 COM 기반 ActiveX Form 느린페이지로딩 화면단위데이터이동 HTML 표현의어려움 Applet EJB OS 독립성 가비지콜렉션 Applet Form Interpreter 방식의느린처리속도 웹페이지와의정보교환어려움 Java 실행환경필요 Winvader Components 순수 HTML 기반 TAG 삽입 Binary 컴퍼넌트 역동적웹페이지생성 XML Data 송수신 Internet Explorer 상에서만지원 Windows Binary 기반의 Winvader Component 는놀라운생산성과어플리케이션확장력을가집니다. 이는역동적이고강력한클라이언트어플리케이션구축에핵심이될것입니다.

6 Web 기반기술비교 Small Size Large Slow Script function HTC Speed Java Applet class Winvader Component ActiveX Control Plug-in Application Fast Internet Explorer Access O/S Windows Binary 기반의 Winvader Component 는타기반의 Component 대비 Size 가작으며, 놀라운 처리속도를자랑합니다. 이것은 Component 의근본태생이다르기때문입니다.

Winvader 구성 Winvader 의구성은크게 Component Layer 와 Generator Layer, 그리고 Server Layer 로나누어집니다. Component Layer Winvader 에서제공하는강력한 Component 들의그룹으로이루어져있으며, 각각의 Component 그룹에는해당 Component 들로구성되어있습니다.

7 Winvader 구성 Winvader 의구성은크게 Component Layer 와 Generator Layer, 그리고 Server Layer 로나누어집니다. Component Layer Winvader 에서제공하는강력한 Component 들의그룹으로이루어져있으며, 각각의 Component 그룹에는해당 Component 들로구성되어있습니다. Genenrator Layer 실제화면을생성하는 Component 들로구성되어있습니다. 페이지디자인, 각 Component 의속성을정의할수있는 Object Inspector, Component 를관리하는 Component Manager 등으로이루어져있습니다. Server Layer Server Layer 에는 Transaction Information Server 와 Application Manager 그리고 Service Manager 로구성됩니다. CBD 방법론을적용한 Component 기반의플랫폼 Two way 방식이적용된 Visual RAD Tool 인 Winvader Designer 다양한 Legacy Adaptor 와효율적인 Transaction Information 관리

8 Winvader Components Layer HTML Form Frame Additional TCP/IP Enterprise System DIV, Link, HR, Image, Label, Span, TextArea Form, Button, CheckBox, File, Hidden, InputImage, Password, Radio, Reset, Submit, Text, Memo, Select, List Iframe Grid, Calendar, CodeCombo, MaskEdit, CurrencyEdit, TabControl, Menu, XML, Params, Invoke, Session, DateTimePicker, Capture, KeyboardHook, Stream Client Socket, Server Socket, FTP DSO-SQL, DSO-SNA-Field, TPM-Connect, TPM-Provider, SNA-Connect, SNA-Provider Refiner, Screen-Grab, PB-Printer & MSRW, Action-Manager, Action-Listener

9 Winvader Component (1) Windows Binary Component 로 Size 가작고처리속도가빠름 놀라운 Component 확장성및유연성 Interactive 하고미려한화면구성이가능 순수 HTML TAG 로작동 처음화면접속때만 Webserver 에서 down 받고이후 component 변경되면자동다운로드 Internet Explorer 을통해 Windows 기능을구현하기때문에사용자 PC 의장비제어도가능 다양한입출력지원 (PinPad, MSRW, 통장프린터등 ) 강력하고다양한기능을내장한 MDI, DataGrid Component 지원

10 Winvader Component (2) Windows Application ActiveX ActiveX Form Borland Delphi Delphi Component Microsoft Visual Studio.Net C#, C++, VB Java Technology EJB : Enterprise Java Bean Public Use COREB@NK Winvader Winvader Component WEB Application Stream Data COREB@NK Winvader Binary Stream Data Winvader Component Winvader X-Player Text Private Use Winvader 에서제공되는 Component 는놀라운유연성과확장성을가집니다. 기존 Windows 컨트롤은물론, 델파이나 MS Visual 계열의 Component, EJB 에이르기까지 Windows 에서사용가능한 Component 들을 WVX(Winvader Extended Component) 화하여 Winvader 의 Component 로사용가능하며, 이러한 Winvader 의 Component 는다시델파이나 MS Visual 계열의프로그램에서바로 Component 로사용하실수도있습니다.

record Move Next record Move Last record Insert New record Delete select record Modify select record Post record Winvader

11 Winvader Component (3) WVXDataGrid - Functions Column Resize Multi-Select Column Realign Column Text Alignment Direct Editing (ADD,DEL,MOD) Inside Navigation Fast Loading PickList Support Sort Excel Export Grid Navigation Move First record Move Prior record Move Next record Move Last record Insert New record Delete select record Modify select record Post record Winvader 에서제공되는 Desk Board(MDI), DataGrid Component 는다양한기능을가지고있습니다. Column Resize, multi-select, Inside navigation, Direct Editing 등많은기능들을내장하고있습니다.

Winvader Generator Layer Component Manager Component 등록및삭제 Project Manager Web Page 생성및저장 ( 로컬 ) Import/Export( 서버 ) TIS Manager TIS 에등록된 Application 정보를조회하여 Component 에적용하거나화면맵을이용하여 Application

12 Winvader Generator Layer Component Manager Component 등록및삭제 Project Manager Web Page 생성및저장 ( 로컬 ) Import/Export( 서버 ) TIS Manager TIS 에등록된 Application 정보를조회하여 Component 에적용하거나화면맵을이용하여 Application 정보를생성 Object Inspector Two-Way 방식의 Component 속성편집 Page Designer TIS : Transaction Information Server WYSIWYG 방식의 GUI Design Event Script 편집 Two way 방식이적용된 Visual RAD Tool 인 Winvader Designer 는내장된다양한기능과강력한 Component 들을사용하여미세하고풍부한화면을구성할수있습니다.

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

13 Winvader Component Manager Component Palette 기본 HTML Component 관리, 확장 Component 관리 C/S Style Design (Drag&Drop) Component 속성편집다양한속성편집창제공 Object Inspector Two-Way Editing (Runtime 모드속성편집 ) 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 Style Sheet Editor Script

Code 편집 HTML 서식기능지원 스타일속성편집및적용 CSS 연동기능 Page

지원 ) 화면디자인을생성하는 Page Designer 는 C/S 개발툴처럼 Grid/Flow

14 Winvader Page Designer Style Sheet Editor Script Code Editor HTML Code Editor JavaScript 편집 HTML Code 편집 HTML 서식기능지원 스타일속성편집및적용 CSS 연동기능 Page Designer Main (Grid/Grid Snap 지원, Guide Line/ Ruler 지원 ) 화면디자인을생성하는 Page Designer 는 C/S 개발툴처럼 Grid/Flow Layout 모드로화면을디자인할수있으며, HTML Code Editor 를통해직접편집기능도지원합니다. HTML Property Editor, Style Sheet Editor, Script Code Editor, Table Editor 등다양한 Editor 를통해화면을쉽게편집, 디자인할수있습니다.

15 Winvader Project Manager Project Manager Local Resource 관리 Local Workspace Explorer 파일 Open/Save 파일 /Project 생성및추가 Active Sync Remote Resource 관리 Remote Workspace Explorer Project 생성다양한파일생성 / 수정 / 삭제파일원격 Publish 기능 (FTP) FTP 연결관리파일전송관리 원격 Web Site C/S 개발툴에서흔히쓰이는 Project Manager 는쉽게 web site 구조를만들고, 각종 resource 들을관리하며, 로컬작업영역뿐만아니라원격 web server 에쉽게 publishing 할수있습니다.

16 Winvader Server Layer Transaction Information Server TIS (Transaction Information Service) EIG (Entity Information Generator) AIR (Application Information Repository) Generator 에서수신한 Application 정보를 AIR 에저장 AIR 정보조회하여개발자에게제공 AIR 로부터정보를읽어 Application Base Code 작성 Build/Deploy/Configuration 정보생성 XML 형태의 Application 정보, 소스코드저장관리 Application Manager WRB (Winvader Request Broker) WTM (Winvader Transformation Manager) Web Page 와 WAS 간입출력정보관리 WRB 와 Application 사이에서 XML 과 Application 데이터변환처리 Legacy Adaptor MainFrame, Directory, EAI, TP Monitor, EJB, Message

Winvader Data Processing (Design Time) TIS Manager Service 정보생성및적용 Transaction 정보생성및조회

Component 속성편집 Transaction Service Invoke Service Invoke 속성관리 Service Parameter 속성관리

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

17 Winvader Data Processing (Design Time) TIS Manager Service 정보생성및적용 Transaction 정보생성및조회 Transaction 정보송수신 Object Inspector Transaction 정보적용 TIS Service Component Service Component 속성편집 Transaction Service Invoke Service Invoke 속성관리 Service Parameter 속성관리 Input/Output 데이터관리 Service Test 기능제공 WAS (Winvader Server Platform 적용 ) WAS 또는웹서버와연계하여쉽게업무를구축할수있도록 Service Component 들이제공되며, Winvader Server 의 TIS 를통해 Server 에구축되어있는서비스들의 Parameter 정보와 Input/Output 데이터를조회하거나값을입력하여테스트해볼수있는기능이있습니다. 물론 Service Component 도 Object Inspector 를통하여속성편집을할수있습니다.

18 Winvader Data Processing (Run Time) Other Middlewares TMAX DATABASE - INVOKE SERVICE XML 형태데이터의 I/O 에대한 Vendor 역할을한다. - PARAM XML 형태로데이터의 I/O Format 을지정한다. -DSO 각개체와연결되어데이터의 I/O 를수행한다. Middleware Client CGI,ASP,JSP PHP,Servlet Dynamic SQL VBScript, JavaScript Winvader TIS Server XML Data IE default tag object TIS input / Output Format (XML) Invoke Service IE default tag object IE default tag object Winvader Component I / O Params DSO Winvader Component Internet Explorer Winvader Component Winvader 로작성되어진클라이언트는 Data Processing 에있어상당한유연성을가집니다. 클라이언트에탑재된 Service Manager Component 를통해 Winvader Server 를통하여미들웨어혹은 DB 를접근할수도있으며, 클라이언트 DSO 에서바로 DB 로접속할수도있습니다. 이런사항은고객의시스템에유연하게대처할수있습니다.

19 Winvader TIS Manager (1) TIS - Open & Save Dialog FTP, 전용 TIS Service, Local Directory 지원 TIS - Editing Service Information, Input Parameters, Output Parameter 추가, 수정, 삭제및 XML 편집

20 Winvader TIS Manager (2) TIS Screen to TIS 화면디자인시설정된 Field(s) 정보를 TIS Input / Output Parameter 로생성 TIS Field Mapping 화면의 Field(s) 와현재 Open 된 TIS Parameter 와연결

21 Winvader TIS Manager (3) TIS Screen Generation Open 된 TIS 정보를화면에 Field 로생성 TIS Code Generation TIS 정보의 Input/Output Parameter 로 Business Logic 의기본 Source 생성 ( C Header - Struct, Java Source - Class )

22 Winvader 특징 Banking 화면구성 Main Frame [ 공통영역 ] Screen Capture component Screen Print component Favorite component Hot Hot Key Key component Chatting component Broadcast component Notify component P2P P2P component Common Business Screen [ 공통화면 ] Action Listener Multi-Window Component Active Window Sub Frame [ 업무영역 ] Sub Frame [ 업무영역 ] Unit Business Screen [ 업무화면 ] Action Manager Invoke Service Hidden Window Sub Frame [ 업무영역 ] I / O Params DSO Hidden Window Common Library Data Controller Data Controller Sub Common Library Common Constant Business 화면에서많은컨트롤의제어시이용하여많은 Script 코딩을줄일수있습니다. 또한각종화면에서일어나는오류혹은이벤트를중앙에서집중적으로관리, 로직을단순화시킬수있습니다. Action Listener 는복수의 Manager 와연결할수있으며, Manager 는여러개의 Action 을포함할수있어복잡한업무처리에효율적으로적용할수있습니다.

23 Winvader 특징 Banking Frame Multi Window (Window의 MDI 환경구현 ) 비트맵프린터전송화면출력 / 저장기능알림기능 ( 일시알림, 기간중알림, 로그인시알림 ) Data Grid Sort, Insert/Update/Delete 기능사용자별즐겨찾기책임자승인 (P2P 또는 C/S 방식선택가능 ) 사용자별단축키설정사용자간 Chat 기능 (P2P 또는 Multi-Chat) Broadcasting 기능 ( 전체통지, 전체제어 ) 특정사용자측 Notify 기능업무메뉴찾기기능 Excel 변환기능

24 Winvader 도입효과 (1) 화면생산성 Page 크기 ½ 감소 Design Time 1/3 감소 Table Edit 방법 DHTML JavaScript 코딩 Drag & Drop Web Components Legacy 확장성 다양한 Legacy 연동방법

25 Winvader 도입효과 (2) 대역폭 네트워크 Traffic 80% 감소 페이지단위정보교환 데이터단위정보교환 유지보수성 유지보수시간 1/3 감소

26 C 감사합니다.

PCServerMgmt7

PCServerMgmt7 Web Windows NT/2000 Server DP&NM Lab 1 Contents 2 Windows NT Service Provider Management Application Web UI 3 . PC,, Client/Server Network 4 (1),,, PC Mainframe PC Backbone Server TCP/IP DCS PLC Network