UX410 SAP Fiori UI 개발. 과정개요 과정버전 : 02 학습시간 : 5 일

SAP 저작권및상표 2018 SAP SE 및 SAP 계열사. 모든권한보유. 본발행물의어떠한부분도 SAP SE 또는 SAP 계열사의명시적허가없이는어떠한형태나목적으로도복제또는배포할수없습니다. 본문서의정보는사전예고없이변경될수있습니다. SAP SE 및그유통업자가판매하는일부소프트웨어제품에는다른소프트웨어공급업체가소유한소프트웨어구성요소가포함되어있습니다. 국가별제품명세는다를수있습니다. 이문서는 SAP SE 또는 SAP 계열사에의해정보전달목적으로만제공되며어떠한종류의진술이나보증도포함되지않습니다. SAP 또는 SAP 계열사는이문서의오류나누락부분에대해책임을지지않습니다. SAP 또는 SAP 계열사제품및서비스에대한유일한보증은해당제품및서비스와함께제공되는보증서에명시된내용으로제한됩니다. 이문서의어떠한내용도추가보증의근거로해석될수없습니다. 특히, SAP SE 또는그계열사는본문서또는관련설명에제시된업무를추진하거나그에언급된기능을개발또는릴리스해야할의무가없습니다. 본문서또는관련설명, SAP SE 또는그계열사의전략및가능한향후개발, 제품, 플랫폼방향및기능은모두변경대상이며 SAP SE 또는그계열사에의해언제든지어떠한이유로든예고없이변경될수있습니다. 본문서의정보는어떠한자료, 코드또는기능을제공하겠다는약속이나이에대한법적의무를구성하지않습니다. 모든미래예측진술에는다양한위험과불확실성이적용되며, 그에따라실제결과는기대와상당히다를수있습니다. 이문서를읽는사람은이러한미래예측진술에과도하게의존하는일이없도록주의해야하며, 구매결정을내릴때이에의존해서는안됩니다. SAP 및본문서에언급된기타 SAP 제품, 서비스와해당로고는독일및기타국가에서사용되는 SAP SE( 또는 SAP 계열사 ) 의상표또는등록상표입니다. 기타언급된모든제품및서비스이름은각각의해당기업상표입니다. 추가상표정보및공지는 http://global12.sap.com/corporate-en/legal/copyright/index.epx 에서확인하십시오. 저작권. 모든권한보유. iii

표기규칙 이교재는미국영어를표준으로사용하였고, 이를표준한국어로번역하였습니다. 다음과같은표기규칙도사용됩니다. 강사프리젠테이션 데모 절차 경고또는주의 힌트 관련또는추가정보 심화토론 사용자인터페이스컨트롤 예제텍스트 창제목 예제텍스트 iv 저작권. 모든권한보유.

목차 vii 과정개요 1 단원 1: 사용자경험 (UX) 소개 1 소단원 : UX, 유용성및 UI 설명 3 단원 2: SAP UX 전략 3 소단원 : SAP UX 전략소개 5 단원 3: SAP Fiori UX 5 소단원 : SAP Fiori UX 설명 7 단원 4: 사용자경험디자인 7 소단원 : 디자인사고 (Design Thinking) 설명 7 소단원 : 분해및재구성설명 7 소단원 : SAP BUILD 사용 9 단원 5: SAP Fiori 디자인가이드라인 9 소단원 : SAP Fiori 디자인가이드라인이해 9 소단원 : 앱유형이해 11 단원 6: SAP Web IDE 11 소단원 : SAP Web IDE 사용 13 단원 7: 개발기본정보 SAP Web IDE 13 소단원 : SAP Web IDE 의개발툴사용 15 단원 8: SAPUI5 기본정보 15 소단원 : SAPUI5 기본정보이해 : 부트스트랩및 MVC 15 소단원 : SAPUI5 기본정보이해 : 모듈, 데이터바인딩및번역가능한텍스트 15 소단원 : SAPUI5 기본정보이해 : 컴포넌트및앱설명자 15 소단원 : SAPUI5 기본정보이해 : 여백및안쪽여백, CSS, 다이얼로그및조각 15 소단원 : SAPUI5 기본정보이해 : 집합및표현식바인딩 15 소단원 : SAPUI5 기본정보이해 : 사용자정의서식지정, 필터링, 정렬및그룹화 16 소단원 : SAPUI5 기본정보이해 : OData 모델 16 소단원 : SAPUI5 기본정보이해 : 테스트 16 소단원 : SAPUI5 기본정보이해 : 라우팅및탐색 16 소단원 : SAPUI5 기본정보이해 : 비즈니스데이터시각화 저작권. 모든권한보유. v

17 단원 9: SAPUI5 개발의황금규칙 (Golden Rules) 17 소단원 : SAPUI5 개발의황금규칙 (Golden Rules) 알아보기 19 단원 10: SAP Fiori 디자인가이드라인 19 소단원 : SAP Fiori 디자인가이드라인을사용하여 SAP Fiori UI 구현 21 단원 11: SAP Fiori LaunchPad 21 소단원 : SAP Fiori LaunchPad 이해 21 소단원 : SAP Fiori LaunchPad의기술적관점이해 21 소단원 : SAP Fiori LaunchPad 구성이해 23 단원 12: SAP Fiori LaunchPad 서비스 23 소단원 : SAP Fiori LaunchPad 서비스이해 25 단원 13: SAP Fiori 기본사항 25 소단원 : 어플리케이션프레임워크, 페이지레이아웃및플로어플랜의차이점알아보기 25 소단원 : 전체화면이해 25 소단원 : 분할화면이해 27 단원 14: SAP Fiori 디자인가이드라인 27 소단원 : SAP Fiori 디자인가이드라인의일반개념이해 27 소단원 : SAP Fiori 가이드라인에정의된앱유형이해 27 소단원 : SAP Fiori 가이드라인에정의된플로어플랜이해 27 소단원 : SAP Fiori 가이드라인에정의된오브젝트뷰이해 27 소단원 : SAP Fiori 가이드라인에정의된리스트리포트이해 27 소단원 : SAP Fiori 가이드라인에정의된플랫오브젝트뷰이해 28 소단원 : SAP Fiori 가이드라인에정의된주요엔티티생성 28 소단원 : SAP Fiori 가이드라인에정의된작업리스트이해 28 소단원 : SAP Fiori 가이드라인에정의된드래프트처리이해 28 소단원 : SAP Fiori 잠금이해 29 단원 15: SAP Fiori 확장개념 29 소단원 : SAPUI5의확장지점개념설명 29 소단원 : 뷰대체, 수정및확장구현 29 소단원 : 컨트롤러확장및후크메소드구현 29 소단원 : 고객속성을사용하여번역확장 31 단원 16: 린개발인프라 31 소단원 : 린개발인프라이해 vi 저작권. 모든권한보유.

과정개요 대상수강생이과정은다음수강생을위해설계되었습니다. 개발컨설턴트 개발자 저작권. 모든권한보유. vii

viii 저작권. 모든권한보유.

단원 1 사용자경험 (UX) 소개 소단원 1: UX, 유용성및 UI 설명 UX, 유용성및 UI 의차이점설명 저작권. 모든권한보유. 1

단원 1: 사용자경험 (UX) 소개 2 저작권. 모든권한보유.

단원 2 SAP UX 전략 소단원 1: SAP UX 전략소개 SAP UX 전략소개 저작권. 모든권한보유. 3

단원 2: SAP UX 전략 4 저작권. 모든권한보유.

단원 3 SAP Fiori UX 소단원 1: SAP Fiori UX 설명 SAP Fiori UX 설명 저작권. 모든권한보유. 5

단원 3: SAP Fiori UX 6 저작권. 모든권한보유.

단원 4 사용자경험디자인 소단원 1: 디자인사고 (Design Thinking) 설명 디자인사고설명 소단원 2: 분해및재구성설명 분해및재구성설명 소단원 3: SAP BUILD 사용 SAP BUILD 사용 저작권. 모든권한보유. 7

단원 4: 사용자경험디자인 8 저작권. 모든권한보유.

단원 5 SAP Fiori 디자인가이드라인 소단원 1: SAP Fiori 디자인가이드라인이해 SAP Fiori 디자인가이드라인이해 소단원 2: 앱유형이해 앱유형이해 저작권. 모든권한보유. 9

단원 5: SAP Fiori 디자인가이드라인 10 저작권. 모든권한보유.

단원 6 SAP Web IDE 소단원 1: SAP Web IDE 사용 SAP Web IDE 사용 저작권. 모든권한보유. 11

단원 6: SAP Web IDE 12 저작권. 모든권한보유.

단원 7 개발기본정보 SAP Web IDE 소단원 1: SAP Web IDE 의개발툴사용 SAP Web IDE 의개발툴사용 저작권. 모든권한보유. 13

단원 7: 개발기본정보 SAP Web IDE 14 저작권. 모든권한보유.

단원 8 SAPUI5 기본정보 소단원 1: SAPUI5 기본정보이해 : 부트스트랩및 MVC SAPUI5 기본정보이해 : 부트스트랩및 MVC 소단원 2: SAPUI5 기본정보이해 : 모듈, 데이터바인딩및번역가능한텍스트 SAPUI5 기본정보이해 : 모듈, 데이터바인딩및번역가능한텍스트 소단원 3: SAPUI5 기본정보이해 : 컴포넌트및앱설명자 SAPUI5 기본정보이해 : 컴포넌트및앱설명자 소단원 4: SAPUI5 기본정보이해 : 여백및안쪽여백, CSS, 다이얼로그및조각 SAPUI5 기본정보이해 : 여백및안쪽여백, CSS, 다이얼로그및조각 소단원 5: SAPUI5 기본정보이해 : 집합및표현식바인딩 SAPUI5 기본정보이해 : 집합및표현식바인딩 소단원 6: SAPUI5 기본정보이해 : 사용자정의서식지정, 필터링, 정렬및그룹화 저작권. 모든권한보유. 15

단원 8: SAPUI5 기본정보 SAPUI5 기본정보이해 : 사용자정의서식지정, 필터링, 정렬및그룹화 소단원 7: SAPUI5 기본정보이해 : OData 모델 SAPUI5 기본정보이해 : OData 모델 소단원 8: SAPUI5 기본정보이해 : 테스트 SAPUI5 기본정보이해 : 테스트 소단원 9: SAPUI5 기본정보이해 : 라우팅및탐색 SAPUI5 기본정보이해 : 라우팅및탐색 소단원 10: SAPUI5 기본정보이해 : 비즈니스데이터시각화 SAPUI5 기본정보이해 : 비즈니스데이터시각화 16 저작권. 모든권한보유.

단원 9 SAPUI5 개발의황금규칙 (Golden Rules) 소단원 1: SAPUI5 개발의황금규칙 (Golden Rules) 알아보기 SAPUI5 개발의황금규칙알아보기 저작권. 모든권한보유. 17

단원 9: SAPUI5 개발의황금규칙 (Golden Rules) 18 저작권. 모든권한보유.

단원 10 SAP Fiori 디자인가이드라인 소단원 1: SAP Fiori 디자인가이드라인을사용하여 SAP Fiori UI 구현 SAP Fiori 디자인가이드라인을사용하여 SAP Fiori UI 구현 저작권. 모든권한보유. 19

단원 11 SAP Fiori LaunchPad 소단원 1: SAP Fiori LaunchPad 이해 SAP Fiori LaunchPad 이해 소단원 2: SAP Fiori LaunchPad 의기술적관점이해 SAP Fiori LaunchPad 의기술적관점이해 소단원 3: SAP Fiori LaunchPad 구성이해 SAP Fiori LaunchPad 구성이해 저작권. 모든권한보유. 21

단원 14 SAP Fiori 디자인가이드라인 소단원 1: SAP Fiori 디자인가이드라인의일반개념이해 SAP Fiori 디자인가이드라인의일반개념이해 소단원 2: SAP Fiori 가이드라인에정의된앱유형이해 SAP Fiori 가이드라인에정의된다양한앱유형의구조와사용이해 소단원 3: SAP Fiori 가이드라인에정의된플로어플랜이해 SAP Fiori 가이드라인에정의된플로어플랜이해 소단원 4: SAP Fiori 가이드라인에정의된오브젝트뷰이해 SAP Fiori 가이드라인에정의된오브젝트뷰이해 소단원 5: SAP Fiori 가이드라인에정의된리스트리포트이해 SAP Fiori 가이드라인에정의된리스트리포트이해 소단원 6: SAP Fiori 가이드라인에정의된플랫오브젝트뷰이해 소단원목표 저작권. 모든권한보유. 27

단원 14: SAP Fiori 디자인가이드라인 이소단원에서학습할내용은다음과같습니다. SAP Fiori 가이드라인에정의된플랫오브젝트뷰이해 소단원 7: SAP Fiori 가이드라인에정의된주요엔티티생성 SAP Fiori 가이드라인에정의된주요엔티티생성 소단원 8: SAP Fiori 가이드라인에정의된작업리스트이해 SAP Fiori 가이드라인에정의된작업리스트이해 소단원 9: SAP Fiori 가이드라인에정의된드래프트처리이해 SAP Fiori 가이드라인에정의된드래프트처리이해 소단원 10: SAP Fiori 잠금이해 SAP Fiori 잠금이해 28 저작권. 모든권한보유.