AUD 표준 개발 프로세스 가이드

표준화된 템플릿 활용 개발부터, 기존 엑셀(MX-Grid)을 활용한 웹 변환까지.
원하는 개발 방식을 선택하면 최적의 로드맵을 안내해 드립니다.


화면 제작 방식 선택 (Select Mode)

어떤 방법으로 화면을 만드시겠습니까? 원하시는 방식을 선택해주세요.


📊

엑셀 활용 (MX-Grid)

사용하던 엑셀 파일(.xlsx)을 업로드하여 즉시 웹 화면으로 변환하고 데이터를 매핑합니다.

↓ 엑셀 활용 프로세스 보기



🎨

템플릿 활용

AUD의 시각화 컴포넌트(Chart, Grid)가 미리 구성된 템플릿을 활용하여 빠르게 화면을 제작합니다.

↓ 템플릿 활용 프로세스 보기


📊 엑셀 활용 (MX-Grid) 개발 프로세스

기존 엑셀 파일을 웹으로 즉시 변환하는 빠른 개발 방식


엑셀 파일 업로드 (Import)

기존에 사용하던 엑셀 양식(.xlsx)을 그대로 업로드하세요. 셀 스타일과 수식이 웹으로 자동 변환됩니다.

📥 주제별 엑셀 샘플 양식

📄

재무/회계

손익계산서

📄

영업/매출

견적서

📄

인사/총무

휴가신청서

📄

생산/재고

작업일보




데이터 연결 (Data Mapping)

엑셀 데이터 시트(Data Sheet)에 데이터를 매핑하여 출력합니다. 원하는 방식을 선택하세요.


🗄️ Dataset Manager

SQL 쿼리를 직접 작성하여 데이터를 연결합니다.

→ 가이드 보기



🤖 DB Bot

No-Code GUI 환경에서 데이터를 연결합니다.

→ 가이드 보기


데이터 연결 시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요.

→ 사용법 보기


엑셀/CSV 파일을 직접 업로드하여 데이터를 연결할 수 있습니다.

→ 파일 업로드 가이드 (준비 중)



인터랙션 구현 (Interaction)

버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다. 코딩 없이 설정하거나 스크립트로 상세 제어할 수 있습니다.


🤖 Process Bot

코딩 없이 클릭만으로 이벤트 로직을 설정합니다. (No-Code)

→ 가이드 보기



💻 Script Editor

JavaScript를 활용해 고도화된 로직을 구현합니다. (Pro-Code)

→ 가이드 보기


🔄 이벤트 실행 순서 및 생명주기 (Event Lifecycle)

보고서 실행 및 조회 시 발생하는 이벤트의 순서를 확인하세요.

→ 상세 보기


🎨 템플릿 활용 개발 프로세스

표준 컴포넌트가 구성된 템플릿으로 빠르게 화면 제작


템플릿 선정 및 레이아웃 (Layout)

15가지 표준 템플릿 갤러리에서 화면 목적에 맞는 구조를 선택하여 시작하세요.

🎨 업무별 추천 템플릿

📊 전사/경영

  • 종합 상황판형 (L01)
  • 성과 리더보드 (L15)
  • 경영 시뮬레이션 (L14)

🧮 재무/회계

  • 결산 리포트형 (L05)
  • 피벗 분석형 (L09)
  • 그리드 대량 입력 (L12)

🚚 영업/물류

  • 상품 카탈로그 (L10)
  • 지리 정보 분석 (L06)
  • 공정 흐름도 (L07)

→ 전체 템플릿 갤러리 보기



컴포넌트 데이터 연결 (Binding)

먼저 데이터를 바인딩할 대상 컴포넌트를 선택한 후, 데이터 연결 방식(SQL/META/Grid)을 결정하세요.

1️⃣ Select Component


🗄️ SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다.

→ 가이드 보기



🤖 META

GUI 환경에서 마우스 클릭으로 데이터를 연결합니다.

→ 가이드 보기




🗄️ SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다.

→ 가이드 보기



🤖 META

GUI 환경에서 마우스 클릭으로 데이터를 연결합니다.

→ 가이드 보기




🗄️ SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다.

→ 가이드



🤖 META

GUI 환경에서 마우스 클릭으로 데이터를 연결합니다.

→ 가이드



🔗 Grid

화면에 있는 Grid의 데이터를 연결하여 시각화합니다.

→ 가이드




🗄️ SQL

SQL 쿼리를 직접 작성하여 데이터를 연결합니다.

→ 가이드 보기



데이터 연결 시 사용자 조회 조건(날짜, 부서 등)을 처리하는 방법을 확인하세요.

→ 사용법 보기



인터랙션 구현 (Interaction)

버튼 클릭, 팝업 호출 등 동적인 동작을 정의합니다. 코딩 없이 설정하거나 스크립트로 상세 제어할 수 있습니다.


🤖 Process Bot

코딩 없이 클릭만으로 이벤트 로직을 설정합니다. (No-Code)

→ 가이드 보기



💻 Script Editor

JavaScript를 활용해 고도화된 로직을 구현합니다. (Pro-Code)

→ 가이드 보기


🔄 이벤트 실행 순서 및 생명주기 (Event Lifecycle)

보고서 실행 및 조회 시 발생하는 이벤트의 순서를 확인하세요.

→ 상세 보기


화면 디자인 및 테스트

기업의 브랜드 아이덴티티(CI/BI)를 반영하여 최종 결과물을 완성합니다.

🎨 UI/UX 디자인 시스템

표준 컬러 팔레트, 폰트 스타일, 컴포넌트 규격을 확인하고 적용하세요.

→ 디자인 가이드 보기 (준비 중)



완성된 화면 배포하기

개발이 완료된 화면을 다른 사용자가 조회할 수 있도록 포털 메뉴에 등록합니다.

🚀 포털 메뉴 등록 및 배포

저장할 위치를 지정하고, 사용자 그룹별 조회 권한을 부여하여 배포하세요.

→ 배포 가이드 보기



Copyright © 2024 AUD Platform Partner Center.