Oracle PaaS 중에 Visual Builder라는 Low Code Development 솔루션 Cloud Service가 있다. 모바일을 애플리케이션을 Drag & Drop 만으로 개발할 수 있고, 데이터베이스도 내장하고 있어서 별도의 저장 공간을 준비하지 않아도 이 솔루션 만으로 간단히 애플리케이션을 개발해 낼 수가 있다.

이전 버전은 Page Navigation Flow 등의 가시성 부분은 제공되지 않았었는데, 현재의 버전에서는 Page Navigation Flow 뿐만 아니라 Action에 대한 Flow도 가시적으로 보여주기 때문에 직관적 Flow UI를 통해 애플리케이션을 쉽게 개발 할 수 있다.

Cloud Console에 접속하여 애플리케이션을 생성하면 다음과 같은 작업을 수행할 수 있다. Web 또는 Mobile 애플리케이션을 생성하거나, 데이터를 담을 Business Object를 생성하거나, 기존의 REST 서비스를 연결하거나 Process Cloud 서비스와의 연동을 수행 할 수 있다.

생성된 Business Object나 Service Integration은 Web, Mobile 앱에서 공통으로 사용할 수 있다.

Start Building Your Application

Business Object

Business Object를 생성하고 Object간의 Relation을 생성하고 나면 다음과 같은 Object 간의 relation을 보여주는 Diagram을 보여준다.

Business Object는 REST API를 통해 참조되기 때문에 Object 생성 시 REST API도 자동으로 생성해 준다.

이 Business Object를 Component의 Data Source로 사용하면 자동으로 CRUD를 하는 Page를 만들어 주게 된다.

Event

이벤트 발생 시 수행하는 Action을 다음처럼 일련의 Chain으로 연결한 Flow를 작성할 수 있다. 이 Action에서 다른 Page로 Navigation을 하거나 사진을 찍는 Native Feature를 사용할 수도 있고, 커스텀 JavaScript 모듈도 호출할 수가 있다.

Page Flow

Page들이 생성되고 Navigation 관계가 연결되면 Page들 간의 Flow를 시각적으로 보여준다.

View Mode

View Mode를 Live / Design / Code로 변경해 가며 개발 및 테스트 할 수 있다. Live Mode에서는 Test Data를 가지고 실제로 동작되는 모습을 확인해가면서 개발할 수 있다.

Live Mode

Code Mode

자동으로 생성된 Page Code를 확인하고 직접 코드를 작성해서 넣을 수 있다.

Function / Custom Logic

커스텀 로직을 JavaScript Fuction으로 작성할 수도 있다. Function Scope에 따라 필요한 곳에서 JS 메뉴를 클릭하여 Function을 작성해 넣으면 된다.

CI/CD

Source View 메뉴에서 보면 자동으로 생성된 개발 산출물 소스들을 볼 수 있다.



이 코드들을 DevOps 툴인 Oracle Developer Cloud와 연계하여 CI/CD 구성도 가능하다.

Git Push를 수행하면 연결된 Developer Cloud의 Git Repository로 Push 되고, 자동으로 빌드되도록 구성할 수 있다.

Developer Cloud에 소스가 들어가 있는걸 볼 수 있다.

Screen

디바이스 및 Screen에 따라 변경되는 Responsive Web 디자인을 따르고 있기 때문에, 보기 유형을 바꿔가며 확인 할 수 있다.

Phone Portrait

Tablet Portrait

Component

Visual Develeper에서는 Oracle JET 컴포넌트를 사용한다. 이미 설치된 Component는 아래처럼 확인해 볼 수 있다.

추가적인 Component가 필요하다면, Oracle JET 페이지를 참고하여 가져올 수 있다.

Publish

개발이 완료되었으면 Publish 메뉴를 통해 Publish한다. Publish된 애플리케이션은 Live 상태가 되며 Read-only로면 Open 할 수 있다.

Publish 전에도 언제든지 Run 버튼을 클릭하여 서비스되는 모습을 확인하며 테스트 해 볼 수 있다.

참고 자료