SAP UI5기반 시스템 구축 개발을 위한 통합 개발 환경
U4A IDE Platform
V2.0 & V3.0
    • - 개요
    • - 특징
    • - U4A Workbench
    • - System Architecture
    • - System Architecture
        (U4A vs Fiori 비교)
    • - System Architecture
        (공장 및 창고 내 모바일/SAP 연계 구성도)
    • - System Architecture
        (SAP Web Dispatcher)
    • - 솔루션 라이선스 Install 인프라 구성도
    • - PAM(Product Available Matrix)
    • - 개발 R&R 및 생산성
    • - 도입효과
    • - 기대효과
    • - Project Methodology 및 R&R
    • - 차별화 포인트
    • - 솔루션 라이선스 정책
    • - 도입 및 구축 Reference
    • - 적용정보 시스템 Ⅰ
    • - 적용정보 시스템 Ⅱ
    • - Demo 및 App 제작
    • - 현황(INFOCG ABOUT US)
    • - Organization(INFOCG ABOUT US)
    • - SAP SE Certificate
SAP UI5 Design 및 ABAP기술로 Workflow 구현이 가능한 U4A IDE Platform으로 브라우저 기반 비즈니스 애플리케이션 개발을 지원합니다.
NONE
interface SAP Interface
developer Web Developer
designer Web Designer
development Fiori Development
server Web Server
  • Fiori & Web System 도입 없이
  • |
  • Data Migration, Interface 없이
  • |
  • SAP버전 관계 없이
S/4HANA에서 최적화 시스템을 구축하는 것 외에도, SAP UI5기반 통합 개발을
ABAP 개발자만으로 SAP UI5기반 UI/UX 화면 및 하이브리드 모바일 Web 개발을 쉽고,
빠르게 구현 할 수 있는 개발 통합 환경을 제공 합니다.
multibrowser
  • 멀티 브라우저 지원
  • |
  • 멀티 디바이스 지원
  • |
  • 반응형 웹 지원
  • (Cross Browser, Cross Device)
개발 환경의 일원화로 개발생산성 보장
(화면 및 비즈니스 Logic 통합 개발환경 제공)
General UI5 개발 환경
web_coding [Web Coding]
abap_coding [ABAP Coding]
U4A IDE
sap [ Only ABAP Technology UI5 IDE Area ]
Interface없이 SAP UI5 Application 개발
(※ ERP DB 기준 No Interface Web 개발)
sap [U4A IDE In ABAP Technology]
rfc2
web_applications [UI5 Web Applications]
One Application 및 One Developer Assign
(개발 시간 단축 효과)
Parallel operation
oneByone oneByone oneByone
[One By One (1:1) Assigned ]
U4A IDE
develope_time [Reduced Development Time ]
단순하고, 직관적인 개발 환경 제공
(ABAP개발자 Toolkit 교육 이수)
develope_envir [Simple, Intuitive development environment]
short_training [Short training period]
SAP UI5 최적의 기능, 성능, 디자인을 구현하는 UX/UI Toolkit
sap_workbench
1 2 3 4 5 6 7
1 Header
2 Library
  • - Fiori UI5 Library 및 Fiori
    Template, Element 사용 가능
  • - U4A Template Wizard 제공
3 즐겨찾기
4 디자인 영역
5 미리보기
6 UI/UX 정보
7 UI/UX 속성
user_render
sa
sa2
sa2
U4A IDE Platform은 Server-Side Architecture로 개발된 솔루션 이며, 개발된 앱은 S/4 HANA DB에 SAP 표준 변화관리를 준수하여 저장되므로,앱 단위로 사용자에게 개별 배포 없이, HTTP/HTTPS URL 호출로 최신 버전의 앱을 사용하며, 웹 앱으로 URL 호출하여 Mobile, PAD, Tablet, kiosk, PC 등 에서 사용 가능. sl
Classification
Minimum Specification
Recommended Specification
SAP System
SAP Netweaver ECC 6.0 Ehp. 0
(ABAP 7.00 : Old ABAP Syntax)
AP Netweaver ECC 6.0 Ehp. 5 ~ SAP S/4 HANA
(ABAP 7.40 Higher : New ABAP Syntax Support)
SAP GUI
(Win GUI)
AP GUI 740(Patch Lev. 9 or Higher)
AP GUI 750 (Patch Lev./ 5 or Higher)
Browser
  • Laptop (or Desktop)
  • IE 11
  • IE Edge 12
  • Chrome 49(Higher)
  • Safari 10
  • Firefox 44(or Higher)
  • Opera 17
  • Mobile (or Tablet)
  • Chrome for Android 49(or Higher)
  • Android webview 49(or Higher)
  • Safari on los 10
  • Firefox for Android 44(or Higher)
  • Edge Mobile 12
  • Opera for Android 17
U4A IDE Platform 구현
ABAP X X
X
X 웹 퍼블리셔
Data 추출
(Logic 개발)
X X
기능 TEST
  • 개발 인력 ▶ Only ABAP Skill Set
  • 오류 해결 ▶ ABAP Debugging을 통한 문제 해결
  • Platform 의존도 ▶ 독립적 : 동일 소스를 모드 Platform에 동시 적용
General SAP UI5(Fiori, Web) 구현
ABAP EAI Fiori & Web
Data 요건 협의 (요청 / 결과)
화면제어
(Logic 개발)
웹 퍼블리셔
Data 추출
(Logic 개발)
Data 연계
(Config 설정)
Data 추출
(결과 조회)
기능 TEST
  • 개발 인력 ▶ ABAP/EAI/WEB Set
  • 오류 해결 ▶ 오류 분석을 Log처리 후 Logic 반영을 통해 문제 해결
  • Platform 의존도 ▶ 의존적 : Platform별로 소스 개발
effect
개발기간 단축30%
develope_time
개발인력 감소60%
develope_person
TCO 감소60%
tco
ROI 극대화
roi
Strategy 전략
  • 구축할 시스템에 대한
    분석 및 개발 목록의
    UI/UX측면에서의
    Template 선정
  • UI/UX Template은
    화면 구성에서 업무 패턴
    및 중요도가 높은 화면
    으로 선정
arrow
Design 기획
  • 선정된 Template을
    대상으로 UI/UX화면
    기획 및 디자인
  • SAP UI5 Library로
    표현 할 수 있는 부분과
    없는 부분을 선별
  • Standard Library로
    표현할 수 없는 UI요소에
    대해서는 U4A에서 제공하는
    Template Wizard 적용
    또는 제작 등록
arrow
U4A Build 구현
  • U4A Workbench에서
    SAP UI5 Library 및
    U4A Template wizard
    기반으로 실제 업무 화면
    UI/UX 구현
  • DATA 바인딩
    (Interface없이 데이터
    자동 Parsing)
  • ABAP 비즈니스 로직 소스
    코딩 구현
  • 단위 테스트
arrow
Transfer 이관
  • 실제 비즈니스 시나리오
    케이스에 맞추어 주요
    프로세스 단위 테스트
  • 시스템 OPEN 전 통합
    테스트 점검 및 사용자 교육
  • 운영 시스템 이관
arrow
Operate 가동
  • 안정적인 시스템 OPEN 을
    위한 운영 지원 및
    사용현황 모니터링
  • 운영 인력의 안정적인
    시스템 운영을 할 수
    있도록 기술 이전
  • 프로젝트 종료 후 정기적인
    시스템 지원 체계 수립
  • U4AIDE PLATFORM은 SAP UI5 Library 및 U4A Template Wizard을 기반으로 화면 UI/UX 적용
  • SAP 모듈 컨설턴트는 기존 설계 방식과 동일하게 비즈니스 및 화면 설계 산출물(스펙) 작성
  • Publisher는 UI5기반 UI/UX화면 및 Size, Color, Feel 등 구현 가능한 퍼블리싱 담당
  • U4A지원 SAP UI5 Library 및 기획된 화면에 대한 디자인, Template, 특화 기능 등 적용 코디네이션 담당
  • ABAP개발자는 비즈니스 설계 산출물을 바탕으로 실제 업무 화면 개발 및 ABAP으로 비즈니스 로직 구현
U4AIDE Platform은 고객의 비즈니스 환경에서 요구되는 다양한 업무 프로세스를 단기간 내 가장 효과적으로 개발 할 수 있으며,
차별화된 솔루션 통합개발환경을 제공 함.
SAP UI5기반
최신 웹 개발 방법론 적용
(Hybrid 앱)
  • PC, 모바일(android, iPhone), 태블릿 등 다양한 H/W 및 OS 지원
  • IE, Chrome, Safari 등 다양한 사용자 인터넷 브라우저 환경 지원 (Any Device, Browser 지원)
별도 H/W 증설 및
인프라 추가 도입 불필요
  • SAP SE社 로 부터 기술 인증 받은 솔루션 개발 툴킷 및 엔진을
    SAP 시스템에 직접 설치 함으로써, 별도의 시스템 업그레이드 작업 및
    WAS(Web Application Server)가 불필요 함
SAP ABAP 개발
인력만으로 구현 가능
(Web개발자 및 인터페이스 인력 불필요)
  • 다른 Web 개발 방법론과 차별화된 솔루션 툴킷 기능을 제공함 (오직 SAP 개발 인력만 필요)
  • 차 후 시스템 오픈 이후 SAP 인력 만으로 유지보수 업무를 수행 할 수 있음 (TCO 감소 및 ROI 증대)
  • SAP 시스템 업그레이드(ECC -> S/4HANA 등) 시 별도 작업 불필요 (환경 변화의 유연성 보장)
  • U4A Solution
  • Common Module
  • U4A IDE Toolkit
  • Server support
    [ECC, NetWeaver, S4HANA, Cloud]
  • U4A IDE Engine
  • Chart [AM Chart]
Full License
애플리케이션 개발 / 생성 무제한 허용 라이선스
  • - ERP 전반 시스템 구축 시
  • -중.대형 프로젝트 시
  • - 기 구축 SAP ERP 및 업무시스템 컨버전
Limited License(Pilot)
애플리케이션 개발 / CTS APP 수량 제한 라이선스
  • - 애플리케이션 개발 무제한 허용
  • - T-Code APP 생성 무제한 CTS APP 수량 제한 버전
  • - 운영 서버 CTS APP 생성 수량 가격 책정
  • - 최저 예산으로 단위 업무시스템 구축 가능
Solution License
U4A IDE Platform활용 솔루션 개발 라이선스
  • - 애플리케이션 개발 무제한 허용
  • - T-Code APP 생성 수량 제한 없음
  • - 솔루션 실행 엔진 배포(운영 / 품질 서버)
seoul_semiconductor ts hyundai_oilbank ls_global incheon_airport hankook
sookmyung zinus soongsil_university seoul_metro kai2 kumho_tire
medytox jeju_shinwha hyundai_motor kia_motor emart hyundai_mobis
posco_international pwc deloitte high_value
hyundai
  • HMMI(Hyundai Motor Manufacturing Indonesia)
  • HMMR(Hyundai Motor Manufacturing Rus LLC)
  • HMGC(Hyundai Motor Group China –
                HTWO[H2/Hydrogen+Humanity])
  • HMGICS(Hyundai Motor Group Innovation Center in Singapore)
hyundai_autoever
  • HYUNDAI AUTOEVER Korea
  • HYUNDAI AUTOEVER Russia
  • HYUNDAI AUTOEVER China
  • HYUNDAI AUTOEVER Europe
  • HYUNDAI AUTOEVER India
system
sapLogo U4A IDE Platform
Smart Mobile
smart_mobile
  • - 모바일 NFC, RFID, QR(BAR) Code 시스템
  • - 모바일 챗봇/알림/SNS/파일공유
  • - 모바일 비용 청구/증빙 서비스 관리
  • - 모바일 전자 결재 시스템
  • - 모바일 A/S 서비스 관리 시스템
  • - 모바일 전자 계약/승인 시스템
  • - 모바일 커뮤니케이션 서비스
  • - 스마트 자재창고재고관리
  • - 스마트 자산관리
  • - 스마트 팩토리
  • - 키오스크 주문관리 시스템
  • - 키오스크 창고설비이력관리
  • - SFA(영업활동관리) 시스템
  • - CRM/ WMS/ PLM/ SRM/ SCM/ HR
  • - 외부(Open) API 연동
  • - B2B / B2C / 쇼핑몰
  • - SAP Data Matrix Barcode 외
데이터의 시각화(대시보드)
dash__board
    - 기능적 측면
  • ● 시각화 차트 라이브러리 제공
  • ● 데이터 유형과 사용 목적에 따른 대시보드 레이아웃 템플릿 제공
    - 전략적 측면
  • ● 대량 데이터에 대한 분석 뷰 제공
  • ● KPI 및 EIS자료를 모니터링하여 의사결정자인 경영진 및 관리자에게 정보 제공
    - 분석적 측면
  • ● 데이터 추이 및 특성을 파악하는데 유용한 정보 제공
    - 홍보적 측면
  • ● 타 웹 사이트에 대시보드 링크로 홍보 자료로 제공
DEMO Site 사례
Chart Site
U4A IDE 워크벤치 - APP제작
일반 현황
사명 : (주) 인포씨지 사업 : 2010.05 ~ 현재
주요 사업 분야
  • - Solution Business : U4A IDE(UI5), RSM, PSM, MES, GW 등
  • - IT Consulting : 솔루션 컨설팅 및 ISP, PI, BPC 등
  • - System Integration(SI/SM) & IT Outsourcing
  • - SAP 및 WEB Solution R&D
인원현황
Personnel__Status
Personnel__Status2
인증 / 자산 및 협력사 현황
인증
  • - 벤처기업 인증
  • - 기술평가 우수기업 인증(TCB)
  • - 솔루션 개발 연구 전담부서 인증
  • - U4A IDE Platform 인증(SAP SE/독일)
자산
  • - U4AIDE(SAP UI5기반 통합개발도구) Solution
  • - Info CRM/RSM(렌탈[구독]서비스관리) Solution
  • - Info GW/KMS Solution
  • - 임대분양관리 Solution
  • - 시험인증과제관리(PMS) Solution
  • - 무역/해외생산관리시스템(N-Gen) Solution
기술 인력 구성
협력사
한화시스템 포스코 ICT
현대오토에버 미라콤INC
LGCNS Deloitte
SKCNC PWC
KTds LGU+ 등
고객사(UI5 적용)
현대오일뱅크 숭실대학교
서울반도체 현대자동차
한국항공우주산업 기아자동차
금호타이어 서울교통공사
인천공항공사 지누스 등
조직
대표이사
경영관리
Solution/R&D
IT & Solution Consulting 개발 고객 & 기술지원
ERP
  • - SAP ERP Template System Development
  • - SAP ERP ABAP/4 Development
  • - Modeling, MART, DW/BW
SI/SM/ITO
  • - Web Application
  • - 단위 시스템 구축
  • - IT Outsourcing
  • - JAVA, .Net, C
  • - Mobile 개발
Solution
  • - U4AIDE(UI5개발도구)
  • - RSM(렌탈서비스관리)
  • - 임대분양관리
  • - GW/KMS/전자결재
  • - PMS(시험인증과제관리)
  • - N-Gen, N-Gen Factory
    (무역정보/해외생산관리)
  • - Smart Factory
R&D
  • - Solution 개발
  • - Component 개발
  • - 신기술 및 제품 개발
  • - 버전 업그레이드
Consulting
  • - SAP ERP Consulting
  • - Oracle ERP Consulting
  • - Extended ERP (BW, SEM, CRM, MES)
  • - IT Total Consulting
  • - Consulting Group Infra
netweaver s4hana cloud
SAP ABAP Technology UI5 기반 UI/UX Design 및 ABAP Coding,
Test 까지 동시에 가능한 통합 Solution