...
| 패널 | ||||||
|---|---|---|---|---|---|---|
| ||||||
AUD 표준 개발 프로세스 가이드 표준화된 템플릿 활용 개발부터, 기존 엑셀(MX-Grid)을 활용한 웹 변환까지 | ||||||
| 패널 | ||||||
| ||||||
01 | 화면 제작 방식 선택어떤 방법으로 화면을 만드시겠습니까? 아래 탭에서 원하시는 방식을 선택해주세요 | |||||
| 정보 | ||||||
| ||||||
📊 엑셀 활용 (MX-Grid)
| 🎨 AUD 보고서 템플릿
|
01 | 템플릿 유형 선택 (Select Template)원하는 양식을 선택하세요. 선택한 유형에 따라 프로세스가 달라집니다. |
| AUI Tab Group | |||
|---|---|---|---|
📊 엑셀 활용 (MX-Grid)사용하던 엑셀 파일(.xlsx)을 업로드하여 |
02 | 엑셀 파일 업로드 (Import) |
기존 엑셀 양식(.xlsx)을 |
📥 주제별 엑셀 샘플 양식
📄
재무/회계
손익계산서
📄
영업/매출
견적서
📄
인사/총무
휴가신청서
📄
생산/재고
작업일보
업로드하면 셀 스타일이 자동 변환됩니다. |
03 | 데이터 연결 (Data Mapping) |
엑셀 데이터 시트에 데이터를 매핑하여 출력합니다
Dataset Manager |
SQL 쿼리를 직접 작성하여 데이터를 연결합니다
#86efac#ffffffsolid🤖 DB Bot
(SQL) 또는 DB Bot(No-Code |
)으로 데이터를 연결합니다. |
데이터 연결 시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요
04 | 인터랙션 구현 (Interaction)버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다 |
🤖 Process Bot
코딩 없이 클릭만으로 이벤트 로직 설정 (No-Code)
💻 Script Editor
JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)
🔄 이벤트 실행 순서 및 생명주기
보고서 실행 및 조회 시 발생하는 이벤트의 순서를 확인하세요
🎨 AUD 보고서 템플릿AUD의 시각화 컴포넌트가 미리 구성된 템플릿을 |
02 |
템플릿 선정 및 레이아웃 (Layout)
15가지 표준 템플릿 갤러리에서 화면 목적에 맞는 구조를 선택하세요
🎨 업무별 추천 템플릿
📊 전사/경영
- 종합 상황판형 (L01)
- 성과 리더보드 (L15)
- 경영 시뮬레이션 (L14)
💼 재무/회계
- 결산 리포트형 (L05)
- 피벗 분석형 (L09)
- 그리드 대량 입력 (L12)
🚚 영업/물류
- 상품 카탈로그 (L10)
- 지리 정보 분석 (L06)
- 공정 흐름도 (L07)
컴포넌트 데이터 연결 (Binding) |
데이터를 바인딩할 컴포넌트를 선택하고 연결 방식을 결정하세요
1️⃣ Select Component
🗃 ListGrid - 목록형 그리드🗄 SQL
SQL 쿼리를 직접 작성하여 데이터를 연결합니다
🤖 META
GUI 환경에서 마우스 클릭으로 데이터를 연결합니다
🗄 SQL
SQL 쿼리를 직접 작성하여 데이터를 연결합니다
🤖 META
GUI 환경에서 마우스 클릭으로 데이터를 연결합니다
🗄 SQL
SQL 쿼리로 데이터 연결
🤖 META
GUI로 데이터 연결
📑 Grid
Grid 데이터 연결
🗄 SQL
SQL 쿼리를 직접 작성하여 데이터를 연결합니다
데이터 연결 시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요
그리드, 차트 등 컴포넌트를 선택하고 데이터를 바인딩합니다. |
04 | 인터랙션 구현 (Interaction) |
버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다
...
Process Bot |
...
(No-Code) |
...
...
또는 Script Editor |
...
JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)
...
🔄 이벤트 실행 순서 및 생명주기
보고서 실행 및 조회 시 발생하는 이벤트의 순서를 확인하세요
...
| borderColor | #e5e7eb |
|---|---|
| bgColor | #ffffff |
| borderStyle | solid |
(JS)로 동적 동작을 정의합니다. |
05 | 화면 디자인 |
...
적용CI/ |
...
| 패널 | ||||||
|---|---|---|---|---|---|---|
| ||||||
🎨 UI/UX 디자인 시스템표준 컬러 팔레트, 폰트 스타일, 컴포넌트 규격을 확인하고 적용하세요 → 디자인 가이드 보기 (준비 중) |
...
| borderColor | #e5e7eb |
|---|---|
| bgColor | #ffffff |
| borderStyle | solid |
06 | 완성된 화면 배포하기개발이 완료된 화면을 다른 사용자가 조회할 수 있도록 포털 메뉴에 등록합니다 |
...
| borderColor | #c7d2fe |
|---|---|
| bgColor | #ffffff |
| borderStyle | solid |
🚀 포털 메뉴 등록 및 배포
저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하여 배포하세요
...
BI를 반영하여 폰트, 박스 스타일, 이미지를 최종 조정합니다. |
06 | 완성된 화면 배포저장 위치를 지정하고 사용자 권한을 부여하여 포털에 등록합니다. |
| 패널 | ||||||
|---|---|---|---|---|---|---|
| ||||||
Copyright © 2024 2026 AUD Platform Partner Center. All rights reserved. |