클라우드기반범용개발툴 SAP Web IDE for HANA 2017. 8. 9. SAP Korea Digital Transformation, 강도균
발표내용 1 SAP Web IDE? 2 SAP Web IDE 특징 3 SAP Web IDE 적용 Demo 2017 SAP SE or an SAP affiliate company. All rights reserved. 2
SAP Web IDE End-to-end 애플리케이션개발을단순화하는강력하고확장가능한 웹기반통합개발툴 개발 테스트빌드및배포어플리케이션확장 2017 SAP SE or an SAP affiliate company. All rights reserved. 3
1 SAP Web IDE? Digital Transformation 을위한통합개발환경
Web IDE Big Picture 2017 SAP SE or an SAP affiliate company. All rights reserved. 5
Web IDE Delivery Options SAP HANA Cloud Platform, SAP Web IDE Develop SAP Fiori/SAPUI5, hybrid mobile and IoT apps SAP Web IDE for SAP HANA Develop SAP HANA based applications SAP Web IDE powered by SCP SAP Web IDE Personal Edition 설치불필요, 낮은관리비용 Anywhere 사용 2 주단위 Updates 클라우드및온프레미스데이터서비스 SAP SCP 및온프레미스 ABAP 시스템으로배포 SAP SCP 라이선스에포함 Trial & production 단일사용자 (PC, Mac) 분기단위출시, 다운노드 & 설치 오프라인개발용 Web IDE SCP 에디션기능을모두지원하지못함 온프레미스데이터서비스사용 로컬 ABAP 시스템에배포 SAP SCP 라이선스에포함 Trial & production 데이터베이스모델링및개발, Node.js 및 SAPUI5/SAP Fiori 어플리케이션 HANA SPS와함께출시 SAP HANA 라이선스에포함 SAP HANA Express Edition에서사용가능 Trial & production 2017 SAP SE or an SAP affiliate company. All rights reserved. 6
Key Use Cases 빌드또는확장 SAP Fiori / SAPUI5 applications 풀스택어플리케이션 SAP 베스트프랙티스를기반으로한코드템플릿활용 미리정의된확장포인트를이용하여 SAP Fiori 어플리케이션확장 텍스트및그래픽툴이용 다양한 SAP 플랫폼으로쉽게 Deploy 모든어플리케이션모듈을위한 End-to-End 통합개발지원 SAP HANA 데이터모델생성 JAVA 기반비즈니스로직개발 SAP Fiori UX 로서비스 Consume SAPUI5 하이브리드모바일어플리케이션개발 IoT 어플리케이션개발 Apache Cordova 하이브리드모바일어플리케이션생성, 테스트, 빌드및배포 모바일서비스통합 RAD 기능및 IoT 관련템플릿을사용하여 IoT 어플리케이션빌더로 Jumpstart 개발 IoT 를대상으로사전정의된 SAPUI5 Component 사용 2017 SAP SE or an SAP affiliate company. All rights reserved. 7
Work bench Cock pit apps 기존방식 XS Classic XSC dev studio model admin Workbench browser Cockpit HANA 관리및개발을위한 HANA Studio HANA 웹기반워크벤치 HANA 관리를위한 HANA Cockpit 디자인타임레포지토리 repo 웹서버및 XS 엔진 웹컨텐트와 JS 엔진 repo 네이티브개발 : UI + 비즈니스로직 + index server XS Engine HANA 데이터모델 OS DU Deploy 2017 SAP SE or an SAP affiliate company. All rights reserved. 8
RTT Java apps Node.js apps 신규방식 XS Advanced 웹및클라우드중심 XSA 확장성, Paas 아키텍처 Cloud Foundry와같이어플리케이션런타임 (Java, Node.JS, ); 독립 ( 분리된 ) 프로세스 Web IDE browser Run-time tools admin 개발및관리를위한웹기반도구 (No Eclipse) 개발 : SAP Web IDE + Server-side Development Infrastructure (DI) HANA container 격리및액티베이션 : HDI MTA 아카이브배포 HDI index server UAA etc. Git DI XSA Notes: XSA 는 HANA SPS11 부터지원 OS 2017 SAP SE or an SAP affiliate company. All rights reserved. 9
2 SAP Web IDE 특징 차세대플랫폼을위한개발환경지원
Web IDE 특징 Cloud-ready 웹기반 ; 서버사이드워크스페이스 & 프로젝트 다중모듈어플리케이션 HANA 오브젝트 (CDS, 모델링, SQLScript, ) create project Web IDE HANA XS Advanced + Node.js 및 XSJS 모듈 HTML5, UI5 모듈 create modules Git clone import OData 인터페이스 Syntax sensitive editors, code assist, debug Git 버전컨트롤 (commit, clone, push, pull, branch, ) Build 서비스 edit dev cycle build package deploy Debug, run, test (test-driven development) run / debug Package (MTA archive) => deploy productively 2017 SAP SE or an SAP affiliate company. All rights reserved. 11
Web IDE 주요기능 project wizard module (DB, JS, UI) wizards modeler debugger run configurations Version control Text editor 2017 SAP SE or an SAP affiliate company. All rights reserved. 12
Web IDE for HANA 템플릿은 HANA 주요개발기능을지원 : Database Node.js Java Web Fiori MTA (Multi-Target Application) 2017 SAP SE or an SAP affiliate company. All rights reserved. 13
Web IDE for HANA Git / GitHub를기본소스코드저장소로사용하도록설계 Clone repository Create repository Load from local file system 2017 SAP SE or an SAP affiliate company. All rights reserved. 14
Web IDE for HANA MTA 프로젝트예 Sub-structures for db js Web Generates configuration files.hdiconfig package.json mta.yaml 2017 SAP SE or an SAP affiliate company. All rights reserved. 15
CDS Editor HANA CDS 를이용하여 View 나 Entity(Table) 생성 2017 SAP SE or an SAP affiliate company. All rights reserved. 16
SAPUI5 WYSIWYG View Editor 2017 SAP SE or an SAP affiliate company. All rights reserved. 17
Deploy SAP Web IDE 에서 MTA 아카이브를직접 Deploy Deploy 를위한타겟은로컬 XSA 서버나리모트 SAP Cloud Platform Cloud Foundry 인스턴스 2017 SAP SE or an SAP affiliate company. All rights reserved. 18
Feature Activation 주요도구세트는각서비스로 Feature별로활성화또는비활성화할수있음 SAP API Business Hub, hanacdstoolsclient, SAP HANA Database Explorer 등 2017 SAP SE or an SAP affiliate company. All rights reserved. 19
3 SAP Web IDE 적용 Demo Web IDE 를이용한어플리케이션데모
Demo 1- OData service 를이용하여데이터획득후 SAPUI5 로 Consume 1, 데모수행절차 Demo 환경 보기 2, 수행결과 프로젝트 생성 OData 정보 기술 화면표시 데이터기술 저장, 수행 참조 : https://www.sap.com/developer/tutorials/hcp-template-mobile-web-app.html 2017 SAP SE or an SAP affiliate company. All rights reserved. 21
Demo 2- Sort 후화면출력 1, 데모수행절차 2, 수행결과 오픈 : northwind -> view -> master.view.xml 수정 : path :'/Products', sorter : { path : 'ProductName', descending : false 저장및수행 참조 : https://www.sap.com/developer/tutorials/hcp-webide-inserting-query-options.html 2017 SAP SE or an SAP affiliate company. All rights reserved. 22
Demo 3- Sort Order 변경 1, 데모수행절차 2, 수행결과 오픈 : northwind -> view -> master.view.xml 수정 : path :'/Products', sorter : { path : 'ProductName', descending : true 저장및수행 참조 : https://www.sap.com/developer/tutorials/hcp-webide-inserting-query-options.html 2017 SAP SE or an SAP affiliate company. All rights reserved. 23
질의응답 Useful links https://www.sap.com/developer/topics/sap-webide.html https://www.sap.com/developer/tutorials/hcp-template-mobile-web-app.html https://www.sap.com/developer/tutorials/hcp-webide-inserting-query-options.html