Developing Applications with Oracle Visual Builder

웹 어플리케이션 만들기

비주얼빌더 클라우드 서비스는 웹 및 모바일 응용 프로그램을 개발하는데 사용하는 Low Code 개발 및 운영 플랫폼 입니다. 비주얼빌더에는 데이터 소스 및 비즈니스 개체를 설명하는 JSON 파일의 메타데이터가 포함되며 웹 애플리케이션의 HTML 및 JavaScript 파일이 포함됩니다.

비주얼빌더 플랫폼에는 여러 웹 및 모바일 응용 프로그램이 포함될 수 있습니다. 비주얼빌더의 각 응용 프로그램은 독립적이지만 비주얼빌더에 정의된 데이터 소스를 모두 사용할 수 있습니다.

 

1. 어플리케이션 생성을 위하여 New 버튼을 클릭합니다. 

 

2. 대화 상자에 응용프로그램 이름을 입력합니다. 기본 빈 응용 프로그램 템플릿을 사용하려면 마침을 클릭합니다. 응용 프로그램 템플릿을 변경하려면 템플릿 변경을 클릭하고 나타나는 대화 상자에서 템플릿을 선택한 다음 마침을 클릭합니다.

 

3. 새로운 프로그램을 생성하면 시작 화면이 표시됩니다. 새로이 생성된 프로그램에는 아티팩트가 포함되어 있지 않지만 마법사는 기본적으로 응용 프로그램의 파일 구조와 일부 리소스 및 파일을 생성합니다. 시작 화면을 사용하여 먼저 생성할 아티팩트를 결정할 수 있습니다. 시작 화면에서 타일을 클릭하여 아티팩트를 만들고 관리할 수 있는 네비게이터의 패널을 열 수 있습니다. 여러 모바일 및 웹 앱을 추가할 수 있으며 모든 앱은 데이터 소스에 액세스할 수 있습니다.

4

예를 들어, 웹 애플리케이션을 클릭하면 네비게이터의 웹 애플리케이션 탭이 열립니다. 다른 탭은 모바일 어플리케이션 서비스, 비즈니스 오브제트 (데이터 소스), 추가 콤포넌트, 프로세스 클라우스 서비스 입니다. 

 

각 웹 응용 프로그램은 독립적이지만 비주얼빌더 플랫폼에 정의된 데이터 소스를 모두 사용할 수 있습니다

4. 네비게이터에서 웹 애플리케이션을 클릭하여 웹 애플리케이션 창을 엽니다.
시각적 응용 프로그램에 있는 각 웹 응용 프로그램의 구조적 표현이 웹 응용 프로그램 창에 표시됩니다. 웹 애플리케이션이 생성되지 않은 경우 메시지와 + 웹 애플리케이션 버튼이 표시됩니다

 

5. 웹 응용 프로그램 창에서 + 웹 응용 프로그램 또는 웹 응용 프로그램 만들기 아이콘(웹 응용 프로그램 만들기 아이콘)을 클릭합니다.

웹 응용 프로그램 만들기 대화 상자에서 일반 정보 아래의 응용 프로그램 이름 필드에 이름을 입력합니다. 입력한 이름은 웹 앱 창에서 앱의 표시 이름으로 사용됩니다. 대문자와 소문자를 모두 지정할 수 있지만 이름은 소문자로 변환됩니다.

사용 가능한 템플릿을 기반으로 앱의 탐색 스타일을 선택합니다.

네비게이션 드로우 또는 하단 탭을 선택한 경우 탐색 항목에서 각 항목의 이름을 지정합니다. 항목 추가를 클릭하여 필요한 만큼 추가하거나 삭제 아이콘을 클릭하여 필요하지 않은 항목을 제거합니다.
각 네비게이션 항목은 관련 페이지를 별도의 흐름으로 그룹화하는 역할을 합니다. 흐름에는 하나 이상의 페이지가 있을 수 있으며 일반적으로 비즈니스 기능별로 페이지를 그룹화하는 데 사용됩니다. 예를 들어 비용 앱을 만드는 경우 두 개의 탐색 항목이 있을 수 있습니다. 하나는 비용을 요약하고 사용자가 비용 보고서를 만들고 편집할 수 있는 페이지를 그룹화하는 내 비용 보고서이고 다른 하나는 관리라는 페이지를 그룹화하는 것입니다. 관리자는 경비 보고서를 승인하거나 거부합니다.

 

6. 새 웹 앱이 웹 앱 창에 표시되고 기본적으로 애플리케이션의 홈 페이지로 생성되는 흐름 이름 시작 페이지가 열립니다.
웹 앱 창에서 애플리케이션 노드를 확장하여 해당 아티팩트 및 파일을 나타내는 노드 및 하위 노드와 함께 앱의 구조를 확인합니다. 예를 들어 다음은 Navigation Drawer 템플릿(기본 탐색 항목 포함)을 사용하는 웹 앱의 트리 보기입니다.

 

이제 앱이 생성되면 페이지 디자인을 시작할 준비가 된 것입니다.