Embed Size (px)
Citation preview
2
UI-Maker는 템플릿 기반의 Web 화면 제작 솔루션!UI-Maker는 템플릿 기반의 Web 화면 제작 솔루션!
시스템 내 자주 활용되는 화면 패턴을 템플릿으로 미리 만들어
개발자 코딩 없이 간단한 Setup으로 JSP 화면을 자동 생성하는 J2EE 화면 개발 Tool로써
생산성 향상과 품질을 동시에 확보할 수 있는 솔루션
Setup만으로 Web 화면을 제작 가능!극적인 생산성과 품질 향상 달성!Simple
다양한 화면 템플릿
최종 화면 확인 및 Test
접근권한
DB
처리
다국어 도움말
조건부설정
Data
Table템플릿
처리버튼
그래픽차트
SetupSetup
3
UI-Maker는 왜 필요한가?UI-Maker는 왜 필요한가?
프로젝트의 현실적인 어려움들
많은 기술과 노력이 필요한 Web 화면의 제작,간단한 유지보수에도 많은 시간이 필요한 화면들,UI-Maker가 단숨에 해결해드립니다.
Simple
- Web 화면 개발의 복잡성,
- 다양한 수준의 개발자,
- 목표 품질 확보,
- 생산성 향상과 납기 달성을 통한 원가 경쟁력 확보
획기적인 생산성 향상으로 원가경쟁력 제고, 납기단축으로 고객감동 실현
- SQL만으로도 쉽게 화면 제작이 가능
- 검증된 솔루션을 사용함에 따라 제작 상의 Bug Zero화로 비즈니스 관점의 테스트에 전념
- 하루에 3~7개 이상의 화면을 제작 가능
- 고객 요청 시, 즉시 유지보수와 Delivery 가능
4
다양한UI 템플릿s
제공
화면 Layout,GUI 설정
01
CRUD (실행)설정
입출력 조건설정
최종 화면미리 보기
Version관리
다국어지원
도움말제작
SQL02
03
04
05
06
여러 가지의 템플릿을 만들고,추가할 수 있음
CRUD에 해당하는SQL, Method,
Service를 설정
프로그램의 변경관리와 같이Meta Data의 Version 관리
화면 개발(설정) 시 수시로최종화면 View를 제공
Web화면을 구성하는GUI구성요소 설정
다국어 지원(UTF-8)
화면 입출력에필요한 기준 설정
Web 화면 제작에 필요한 기능들을 제공
기능 구성기능 구성
Fast 잠깐 동안의 Setup 만으로 눈 깜짝할 사이에 화면이 만들어집니다.비즈니스와 SQL만 알아도 Web 화면 제작은 식은 죽 먹기!
유지보수에 1달 걸렸다고요?
5
검색 조건 설정 실행 버튼 설정
차트구성
테이블구성
대부분의 Business Application 화면은 다음 GUI 요소들로 구성
- 조건부, 실행 버튼, Data 출력 GUI(테이블, 차트), Hyperlink 등으로 구성
UI-Maker로 제작한 화면 구조UI-Maker로 제작한 화면 구조
Fast 대부분(50~80%)의 화면은 일정한 패턴을 가진 단순한 화면이고, 템플릿 형태로 만들 수 있다!
80:20 파레토 법칙!
6
설계된 화면과 유사한 템플릿을 선택해서 GUI를 설정하고, CRUD 처리 Logic을 넣고
Test하면 최종화면이 완성
화면 제작 과정 개요화면 제작 과정 개요
(1) 적합한 템플릿 선택 (2) GUI 구성요소 배치
(4) 최종 Setup된 화면 Test (3) GUI 구성요소 세부 설정
EasySetup 만으로 Web 화면이 뚝딱 뚝딱 만들어집니다.SQL 기반의 조회 화면은 하루에 5~10개도 제작 가능!Setup 후 그 자리에서 바로 Test 가능!
7
IT 개발 생산성 향상 Tool 로써 가장 빠른 시간 내 가장 간단하게 화면을 생성
- 시스템 내 대부분의 화면은 유사한 패턴이 다수 존재. (80:20 원칙)
- White Canvas에 Layout을 그리는 방식(타 Tool)이나 HTML로 작성하는 것은 매우 생산성이 낮고
노동집약적인 작업
- UI-Maker는 자주 사용되는 화면 패턴을 미리 템플릿으로 만들어 놓고
짧은 시간 내에 화면을 만들고 이행할 수 있어 납기를 극적으로 단축
- 제작과정은 기존의 전통적인 방식보다 7배 이상 빠르게 제작 가능
추가적인 Business Logic을 추가할 수 있는 기능 보유
- SQL, Method, Component Set을 연결
화면에서 출력되는 정보에 대한 기준관리를 자체 보유
J2EE 환경의 JSP 화면을 제공
솔루션 Package 내부에 Application Framework과 Reusable Component를 적용
- 검증된 Framework과 Component를 사용함으로써 고 품질의 서비스를 제공하고
변경관리 및 Enhancement가 용이
Chart 설정을 제공하여 분석업무 전문가도 사용 가능
특징특징
EasySetup 만으로 Web 화면이 뚝딱 뚝딱 만들어집니다.SQL 기반의 조회 화면은 하루에 5~10개도 제작 가능!Setup 후 그 자리에서 바로 Test 가능!
8
UI-Maker의 아키텍처UI-Maker의 아키텍처
Flexible NT에서 대용량 Server까지, Tomcat에서 WebLogic 까지, MySQL에서 Oracle DBMS까지, 어떠한 환경도 가능!
다양한 IT 인프라 환경에 적응 가능
- Any WAS, Any DBMS, Any Open System
개발자 PC의 개발 환경(IDE) 설치가 불필요
- 모든 Setup은 솔루션의 Web 화면으로 처리
Server 설치 모듈
- 기본 WAS 환경에서 J2EE 표준의Deployment(배치) 단위로 실행모듈 설치
- 솔루션의 Meta Data관리 DB 설치
최종 사용자(End User) 환경
- MS Internet Explorer 6.0, Pentium 3,
Memory 500MB 이상
WAS (Web Application Server)
Application 모듈
BusinessComponent
UI-MakerModule
BusinessData
UI-Maker Meta Data
DBMS
Application Server
Runtime Library( Framework and Reusable
Component Library )
9
기술 지원 사항기술 지원 사항
Short 교육훈련은 하루면 끝, 내일부터 바로 개발!
제품 설명 및 데모 실시 (담당자에게 문의 요망, e-Mail 또는 전화)
Package 설치 : Server 모듈 설치 및 환경 Setup
교육훈련 (설치, 사용법, 관리 방법 등), 사용자 매뉴얼 제공
개발과정의 컨설팅, Site별 기능 추가 작업
제품 Upgrade 및 Patch 실시
유지보수는 별도 문의 요망
10
ReferenceReference
Success대형 Site에서 검증되었고, SI성 프로젝트의 성격과 궁합이 맞는 솔루션!
POSCO : 분석시스템, e-Procurement, 품질설계시스템
POSCO : 해외생산기지의 표준모델 시스템
SNNC : MES, 예산관리 시스템
생산성 향상을 통한 원가절감 : 제작 및 Test 공정에서 70%이상 향상 (분석~설계 과정은 제외)
제작품질의 향상 : CRUD를 제외한 모든 제작을 검증된 Component를 사용함으로써 고 품질 확보 가능
Time-to-Market : 급변하는 비즈니스 현장에서 요구하는 화면을 초고속으로 납품할 수 있어
비즈니스 변화와 가치창출에 기여
도입 효과도입 효과
11
첨부 : 고객지원
FAQFAQ
Q1) 개발 생산성은 정말 향상되는가?
A1) 일반적으로 Source Coding이 CRUD에 제한되고 SQL을 사용할 수 있으므로 70% 이상 자동화되고,
Bug 발생도 없으므로 Test 전 과정의 노력과 비용이 절감되어 생산성이 획기적으로 향상된다.
* 일반적으로 분석~설계 단계에서 고객의 요구조건이 명확하지 않을 경우,
운영Test 과정에서 많은 변경이 발생되어 납기달성과 원가상승의 위험이 발생된다.
UI-Maker을 사용할 경우 간단하게 변경이 가능하다.
Q2) 기본으로 제공되는 템플릿 외에는 사용할 수 없는가?
A2) Business Application에서 가장 많이 발생하는 GUI 구조를 선택했으나,
Site별로 차이가 날 수 있다. 새로운 유형의 템플릿을 추가로 만들 수 있다.
Q3) 화면 Look & Feel이 다른 것도 지원되는가?
A3) CSS (Cascading Style Sheet)와 Image File을 변경함으로써 Look & Feel를 변경할 수 있다.
화면 전체, 각 GUI Object 단위로 다르게 설정이 가능하다.
Q4) 설계는 어디까지 해야 하나?
A4) 상세설계까지는 모두 해야만 설계사양(화면설계서)에 근거해서 화면 제작이 가능하다.
Q5) 개발 산출물은 무엇인가?
A5) Setup Data(Meta Data)와 CRUD에 해당하는 Source Script, Test결과서이다.
12
첨부 : 개발프로세스비교
테스트
To-Be
통합 ~운영 테스트
단위 Test
UML 작성
업무 기준 작성
Component 설계
HTML 제작
Source Coding
화면 및 DB 설계- UI Layout 설계- 화면 I/O 해설서, 사양서
제작
설계
As-Is구분
화면 Design
(Layout,해설서)
화면 Design
(Layout,해설서)
설계 작업설계 작업
Source CodingSource Coding
단위 Test
(기능/품질, Bug 제거)
단위 Test
(기능/품질, Bug 제거)
통합 테스트통합 테스트
UI-Maker Setup
: Source Coding (생략)- SQL,
Custom Component
삽입 가능
UI-Maker Setup
: Source Coding (생략)- SQL,
Custom Component
삽입 가능
단위 Test
(기능)
단위 Test
(기능)
화면 제작을 자동화화면 제작을 자동화
Source Coding이 Setup 과정으로 대체
13
첨부 : Setup Process
화면 제작을 위한 Setup Process 소개화면 제작을 위한 Setup Process 소개
• 상세설계 완료된 화면에 가장 적합한 Template을 선정하고, 화면 Layout에 해당하는 GUI를 설정하고,• 각 처리 버튼에 해당하는 DB Access/Update Script를 매핑한다.
Template 선정 (시작)Template 선정 (시작)
화면변경 (수정)화면변경 (수정)
화면구성화면구성
실행이벤트설정실행이벤트설정
조건부설정조건부설정
Table, Chart 설정Table, Chart 설정
Column형 Table,-------------
List형 Table
Column형 Table,-------------
List형 Table
ChartChart
복합형설정복합형설정
기본정보설정기본정보설정
버튼별 Event버튼별 Event
Link 버튼설정Link 버튼설정
실행버튼실행버튼
접근권한등록접근권한등록
SQLSQL
MethodMethod
ServiceService
Table 구성Table 구성
Header 항목Header 항목
입출력항목입출력항목
도움말설정도움말설정
Version 관리Version 관리
타화면복사타화면복사
구성/속성설정구성/속성설정
X, Y축설정X, Y축설정
Mandatory
Optional
UI-Maker MenuUI-Maker Menu
00
1414
22
2-12-1
2-22-2
33
77
1111
1212
88
99
1010
8-18-1
8-28-2
8-38-3
5-15-1
5-25-2
5-35-3
9-19-1
9-29-2
44
55
66
최종화면보기최종화면보기1313
활용화면등록활용화면등록1515
Template 설정Template 설정11
