Platform Console

ICE4에서 제공하는 기본 백오피스 Platform Console로 관리자 페이지와 프론트 페이지를 생성하고 관리할 수 있습니다. Platform Console는 대시보드를 포함하여 11개 메뉴로 구성되어 있습니다.

[01] 대시보드

대시보드는 전반적인 정보를 요약하여 시각적으로 줍니다. 하나의 화면에 서로 연동되는 정보들을 시각화하여 표현 할 수 있도록 설계되었습니다. 모니터링과 시각적 정보 분석 기능을 통해 데이터에 대한 포괄적인 뷰와 정보의 변화 추이를 확인하고, 중요한 의사결정 정보를 한 눈에 파악할 수 있습니다.

ex Platform Console의 대시보드

Open

[02] 프로젝트

프로젝트와 패키지를 관리하는 공간입니다. 프로젝트를 생성하는 사용자의 Needs는 다양하며, ICE4를 활용하여 생성 가능한 서비스 페이지의 형태도 다양합니다. Project 관리

1. 패키지

대표적인 서비스 유형을 5가지 패키지로 셋팅하여 제공하고 있으며, 패키지에 존재하는 주요 기능들은 모두MSA(Microservices Architecture)로 설계되어 경량화되고 독립적으로 조합하여 활용할 수 있습니다.

Open

2. 프로젝트

하나의 프로젝트에 다수의 백오피스(ADM)와 프론트 사이트를 생성할 수 있으며, 언어(Kor, Eng) 설정과 Global CSS 기능을 제공합니다. 제공하는 5가지 패키지를 중복으로 선택하여 프로젝트에 담을 수 있으며, 경우에 따라 필요한 기능을 조합하여 직접 패키지를 생성하여 프로젝트에 추가할 수도 있습니다.

[03] 계정권한

백오피스(ADM)와 프론트 사이트 액세스 권한을 관리하는 공간입니다. 3가지 유형의 사용자(Admin, Manager, Customer)에 대한 정책 설정, 그룹관리, 계정관리가 가능합니다. 계정 및 권한

1. 관리자 그룹 관리

백오피스 사이트를 관리하고 운영하는 Admin 사용자 그룹을 생성 할 수 있습니다. 그룹을 신규로 생성할 경우 Parent Group은 root로 설정되며, 이미 생성한 그룹을 Parent Group으로 설정하여 하위 그룹을 생성할 수도 있습니다. 보편적으로 관리자 그룹은 3가지 타입(Admin, Guest, System)으로 구분하여 관리합니다.

2. 관리자 계정 관리

관리자 그룹에 종속되는 Admin 계정을 관리하는 공간입니다. 좌측에는 생성한 관리자 그룹이 Tree형태로 표시되며, 우측에는 Admin계정이 List로 보여집니다. 검색과 필터 기능을 제공합니다.

3. 매니저 그룹 관리

백오피스 사이트를 이용하는 Manager 사용자 그룹을 생성하고 관리할 수 있습니다. 그룹을 신규로 생성할 경우 Parent Group은 root로 설정되며, 이미 생성한 그룹을 Parent Group으로 설정하여 하위 그룹을 생성할 수도 있습니다. 2가지 타입(Vendors, Sellers)의 매니저 그룹이 셋팅되어 있습니다.

4. 매니저 계정 관리

매니저 그룹에 종속되는 Manager 계정을 관리하는 공간입니다. 좌측에는 매니저 그룹이 Tree형태로 표시되며, 우측에는 Manager계정이 List로 보여집니다. 검색과 필터 기능을 제공합니다.

5. 권한 관리

권한 관리는 크게 4가지 유형(Guest, Non-Login User, Admin, System)으로 구분하여 진행할 수 있습니다. 사용자 유형별로 권한 부여를 설정하고 관리합니다.

6. 사용자 정책 설정

사용자 유형별 정책을 정의할 수 있으며, 이를 사이트 별로 적용 시킬 수 있습니다. 설정 항목은 로그인 중복 허용 여부, 허용 된 로그인 실패 횟수, 비밀번호 변경 주기 및 연장 기간, 사용자 잠금 사용 여부가 있습니다.

[04] 스키마

데이터베이스 구조와 제약 조건에 관한 전반적인 명세를 기술하는 공간입니다. 개체의 특성을 나타내는 속성(Attribute)과 속성들의 집합인 개체(Entity), 개체 사이의 관계(Relation)에 대한 정의와 데이터 조작 시 데이터 값들이 갖는 제약 조건들을 전반적으로 정의합니다. 스키마

1. 마이크로서비스(MSA)

전체 어플리케이션을 특정 목적을 가진 단일 어플리케이션 단위로 나누어 독립적으로 수정과 배포가 가능하도록 만들고 관리하는 공간입니다. 예를 들어 쇼핑몰을 구축하고 싶다면, 공급사, 판매사, 결제, 배송, 검색 등의 MSA를 조합할 수 있습니다. 각각의 MSA는 서비스 형태로 구현되어 있고, API를 이용하여 통신합니다.

좌측에 MSA 목록을 클릭하면, 설정된 NodeType을 포함한 MSA의 상세 정보가 우측에 출력됩니다.

2. 노드타입 관리

서로 다른 특징, 데이터, 메서드를 가지는 노드타입을 생성하고 관리하는 공간입니다.

3. 이벤트 관리

클릭, 스크롤, 필드 내용 변경 등의 User Action이 발생할 경우, 실행되어야 하는 Event를 생성하고 관리하는 공간입니다. 4가지의 타입의 이벤트(Direct Execute, Has Form, Link Page, Has View)가 존재하며, 각각의 이벤트는 링크 유형(Modal, Page, Window), 콜백 링크 유형(Page, Page in Component, Page in Modal), 페이지 타입(List Page, View Page, Create Form, Update Form, Search) 등의 설정옵션을 가지고 있습니다.

[05] 프로세스

데이터가 처리되는 순서를 정의하고 관리하는 공간입니다. 프로세스 관리, 프로세스의 이벤트 컴포넌트, 필터와 쿼리 관리 서브 메뉴가 존재합니다.

1. 프로세스 관리

프로세스 정보를 Flow List와 Diagram으로 시각화하여 한 눈에 파악 할 수 있도록 화면이 구성되어 있습니다.

2. 이벤트 컴포넌트

프로세스 단계별 필요한 이벤트 컴포넌트를 생성하고 관리하는 공간입니다.

3. 필터 관리

클라이언트 요청과 응답을 알맞게 변경 할 수 있도록 재사용 가능한 필터를 생성하고 관리합니다.

4. 쿼리 관리

프로세스에 필요한 데이터를 조회 할 수 있도록, 데이터베이스 요청(request) 쿼리를 제공합니다.

[06] API

서비스 구현을 위해 필요한 모든 API를 등록하고 관리하는 공간입니다. API Authentication, API Category, API 관리와 연동, 총 4가지의 하위 메뉴가 존재합니다.

1. API Authentication

API를 호출하는 대상(Device, Server, User identification, etc)을 확인할 수 있도록 API 인증을 등록합니다.

2. API Category

8가지의 API 카테고리 타입(Service, Admin, Manager, External, Internal, Open, Test, Node API) 내에서 API 카테고리를 생성하거나, 타입 미지정으로 API 카테고리 ID만 생성 할 수도 있습니다.

3. API 관리

API 카테고리 ID를 기준으로 API를 생성하고 관리하는 공간입니다. 5가지의 HTTP Method(POST, GET, PUT, DELETE, PATCH)를 사용하여 CRUD(Create, Read, Update, Delete)를 구현합니다.

4. API 연동

서버에 데이터를 실제 전송하고 처리하기 위한 API Call을 등록하고 관리하는 공간입니다.

[07] BackOffices

Admin과 Manager를 위한 백오피스 사이트를 생성하고 관리하는 공간입니다.

1. 백오피스 사이트 관리

백오피스 사이트의 고유 ID와 이름을 부여하고, 프로젝트와 패키지, 사이트 유형(Admin, Manager), 접근 권한(Guest, Non-Login User, Admin, System)을 선택합니다. 추가로 로그인 페이지, 동의 페이지, 비밀번호 변경 페이지, 백오피스 레이아웃과 컴포넌트 스타일을 설정하고, 백오피스 사이트를 생성합니다.

2. 백오피스 템플릿 관리 TOBE delete

2. 백오피스 메뉴 관리

백오피스 사이트의 메뉴(IA)를 정의할 수 있습니다. 각각의 메뉴는 고유 ID와 이름, 순서를 가지며, 1 Depth 메뉴의 Parent Menu ID는 root로 설정합니다. 생성한 메뉴를 Parent Menu ID로 설정한 뒤, 서브 메뉴를 생성하고 백오피스 페이지 URL을 연결할 수 있습니다. 모든 메뉴의 사용과 실행 여부는 true 또는 false로 설정하여 상황에 따라 유연하게 관리합니다. 완성된 메뉴 목록은 Tree형태로 한 눈에 확인 할 수 있습니다.

3. 백오피스 페이지 관리

백오피스에 페이지를 생성하는 공간입니다. 프로젝트를 선택하고, 페이지 타이틀과 경로를 입력합니다. 페이지 경로를 생성한 뒤, 상단 [Edit] 버튼을 클릭하여 해당 경로 페이지를 오픈하고 UI를 구성할 수 있습니다.

4. 백오피스 컴포넌트 관리

백오피스 화면 UI를 구성할 수 있는 컴포넌트를 생성하고 관리 공간입니다. BackOffice Builder로 사용할 수 있는 컴포넌트는 6개의 카테고리(Layout, Containers, Form Fields, Buttons, Display, Custom)로 구성되어져 있으며, 4가지 타입(Container, Presentational, Controller, Custom)으로 구분됩니다. Container Component

[08] Sites

Customer를 위한 프론드 오피스 사이트를 생성하고 관리하는 공간입니다.

1. 사이트 관리

프론트 사이트의 고유 ID와 이름을 부여하고, 프로젝트와 패키지, 기본 사이트 관련 설정을 진행합니다. 프론트 사이트 정보(도메인 주소, 디바이스, 로고 이미지, Locale)를 설정하고, 사이트에 적용시킬 테마를 선택한 뒤 프론트 사이트를 생성합니다.

Commerce Service의 경우 10가지 설정(회원, 상품, 포인트, 쿠폰, 배송, 주문, 결제, 프로모션, 큐레이션, 검색)을 사이트 생성과 동시에 셋팅할 수 있습니다.

2. 테마 관리

기본 테마 2가지(Bootstrap, Material)를 제공하며, 사용자 니즈에 맞게 테마를 직접 생성 할 수 있습니다. 사이트 테마를 생성하기 위해 고유 테마 ID와 이름을 부여하고, 5가지 설정 옵션(Layout, Color, Typographic, Form Field, Button)을 통해 테마를 커스터마이징 합니다.

3. 템플릿 관리

템플릿을 활용하여 페이지 화면을 좀 더 쉽고 빠르게 구성할 수 있습니다. List of Templates

4. 메뉴 관리

프론트 사이트의 메뉴(IA)를 정의할 수 있습니다.

5. 페이지 관리

모든 페이지는 ID와 경로를 필수로 가지며, 다양한 사이트와 메뉴에 중복으로 사용할 수 있습니다. 상단 사이트 목록을 선택하면, 하단 좌측에 해당 사이트에 연결되어 있는 페이지 목록이 출력됩니다. 페이지를 선택하여 상세 정보를 바로 확인하실 수 있습니다. 상세 정보 영역 상단에 있는 [Edit] 버튼을 클릭하여 해당 경로 페이지를 오픈하고 UI를 재구성 할 수 있습니다. List of Components

6. 보드 관리

ㅇ

7. 팝업 관리

ㅇ

8. 배너 관리

ㅇ

9. 컴포넌트 관리

카테고리를 생성하고 관리하는 공간입니다. 각각의 카테고리는 고유 ID와 이름을 가지며, 3가지 카테고리 타입(Content, Product, Customer)으로 생성할 수 있습니다. 카테고리를 Tree형태로 생성하여 관리합니다.

10. 고객 계정 관리

생성한 카테고리를 기준으로 Content, Product, Customer의 목록을 등록하고 관리 할 수 있습니다.

[09] Monitoring

[10] Analytics

[11] Environment