본문 바로가기

안녕하세요!

UI

[ CAP ] CDS UI로 여러 가지 Chart 만들기 schema.cds entity ChartDataEntities entity ChartDataEntities : cuid { parent : Association to one RootEntities; criticality : Association to one Criticality; integerValue : Integer; integerValueWithUoM : Integer; uom : UnitOfMeasure; forecastValue : Integer; targetValue : Integer default 30; dimensions : Integer; areaChartToleranceUpperBoundValue : Integer default 90; areaChartToleranceLowerBoun.. 더보기
[ CAP ] CDS를 Fiori UI로 표현하기 이번에는 내가 만든 CDS의 데이터 값들을 화면에 표현해보자! 지금까지는 entity 간의 관계와 entity에 선언돼 있는 변수들의 Attribute, 이에 관한 데이터 정보를 담고 있는 CSV 파일 등이 어떤 기능을 하고 있는지 간략히 알아보았다. 그렇다면 이제는 이 데이터 정보를 내가 볼 수 있는 것이 중요하다고 하겠다. 조금 많이 헤맸지만 의외로 기본적인 UI로 표현하는 것은 어렵지 않았다! Fiori UI CDS 생성 입력해두었던 데이터 값들을 불러오기 위한 cds를 app 폴더 바로 아래에 하나 생성한다. annotate UI using { com.sap.shoppingmall as my } from '../db/schema'; annotate my.Clothes with @( UI: { Se.. 더보기
[ 정보처리기사 ] UI UI UI 설계 원칙 직관성(Intuitiveness)란 누구나 쉽게 이해하고, 쉽게 사용할 수 있어야 한다는 것을 의미한다. 유효성(Efficiency)는 정확하고 완벽하게 사용자의 목표가 달성될 수 있도록 제작하는 것을 말한다. 학습성(Learnability)는 초보와 숙련자 모두가 쉽게 배우고 사용할 수 있게 제작해야 하는 것이다. 유연성(Flexibility)는 사용자의 인터렉션을 최대한 포용하고, 실수를 방지할 수 있도록 제작하는 것이다. UI 시나리오 문서 작성 요건 완전성(complete)는 누락이 없어야 하고, 최대한 빠짐없이 가능한 한 상세히 기술하는 것을 말한다. 즉 시스템 기능보다 사용자의 테스크에 초점을 두는 것이다. 일관성(Consistent)는 서비스에 대한 목표와 시스템 및 사.. 더보기
[ SAPUI5 ] SAP Fiori LaunchPad LaunchPad를 직접 사용해본 적은 없지만 심심찮게 주변에서 써볼 수 있는 링크를 공유해준다든지, 간혹 모르는 것을 구글링하다가 들어간 사이트가 우연히 SAP Fiori LaunchPad였기에 처음 출입 화면은 익숙한 편이다. 하지만 앞으로 기능 구현에 앞서 논리 구조를 이해하기 위해 자주 활요할 것 같아서 해당 개념을 살펴볼 것이다. LaunchPad "LaunchPad는 SAP에 로그인 하면 가장 먼저 나오는 Page로, 모바일 장치와 데스크톱 장치 모두에서 SAP Fiori App을 사용하기 위한 시작점이다." "LaunchPad 홈페이지에서는 App을 실행할 수 있는 타일과 그에 관한 추가 정보가 제공되고, PAge를 개인이 설정할 수 있도록 마련되어 있다." Tile "Tile은 SAP Fi.. 더보기

loading