AUD PLATFORM
페이지 트리

버전 비교

이전 버전 37

changes.mady.by.user guide

에 저장

비교대상

새 버전 38

changes.mady.by.user guide

에 저장

키

  • 이 줄이 추가되었습니다.
  • 이 줄이 삭제되었습니다.
  • 서식이 변경되었습니다.


패널
borderColor#4338ca
bgColor#4338ca
borderStylesolidnone

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

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

...

→ 전체 템플릿 갤러리 보기

#bfdbfe
패널
borderColor#e5e7eb
bgColor#ffffff
borderStylesolid


01

화면 제작 방식 선택

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


정보
icontrue
title💡 어떤 유형을 선택해야 할까요?
📊

엑셀 활용 (MX-Grid)

  • 기존 엑셀 파일(.xlsx)이 있는 경우
  • 빠른 웹 변환이 필요한 경우
  • 엑셀 수식과 스타일 유지가 필요한 경우
    • 🎨

    AUD 보고서 템플릿

    • 새로운 화면을 처음부터 만드는 경우
    • 표준화된
    디자인과 구조가
    • 디자인이 필요한 경우
  • 다양한 컴포넌트 조합이 필요한 경우


    • #d1fae5
    AUI Tab Group


    📊 #d1fae5엑셀 활용 (MX-Grid)

    GreenUnique

    📊

    엑셀 활용 (MX-Grid)

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


    #e5e7eb#ffffffsolid


    02

    엑셀 파일 업로드

     (Import)

    기존에

    사용하던 엑셀 양식(.xlsx)을 그대로 업로드하세요

    📥 주제별 엑셀 샘플 양식

    📄

    재무/회계

    손익계산서

    📄

    영업/매출

    견적서

    📄

    인사/총무

    휴가신청서

    📄

    생산/재고

    작업일보

    . (서식/수식 유지)


    #f0fdf4none

    지원 양식 예시: 손익계산서, 견적서, 휴가신청서, 작업일보 등

    GreenTip: 재무/회계 양식 추천


    #e5e7eb#ffffffsolid


    03

    데이터 연결 (

    Data

    Mapping)

    엑셀

    데이터

    시트에 DB 데이터를

    매핑하여 출력합니다#93c5fd#ffffffsolid🗄

    연결합니다.


    #f0fdf4none

    Dataset Manager
    SQL

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

    → 가이드 보기

    #86efac#ffffffsolid🤖

    쿼리 작성



    #f0fdf4none

    DB Bot
    No-Code

    GUI 환경에서 데이터를 연결합니다

    → 가이드 보기

    true💡 변수(Parameter) 처리가 필요하신가요?데이터

    연결

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

    → 사용법 보기

    #d1fae5



    #e5e7eb#ffffffsolid


    04

    인터랙션 구현

     (Interaction)

    버튼 클릭, 팝업

    호출 등 동적인 동작을 정의합니다#c084fc#ffffffsolid

    🤖 Process Bot

    코딩 없이 클릭만으로 이벤트 로직 설정 (No-Code)

    → 가이드 보기

    #fb923c#ffffffsolid

    💻 Script Editor

    JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)

    → 가이드 보기

    #cbd5e1#f8fafcsolid

    🔄 이벤트 실행 순서 및 생명주기

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

    → 상세 보기

    🎨 AUD 보고서 템플릿

    BlueStandard

    🎨

    AUD 보고서 템플릿

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

    #bfdbfe

    등 동적 기능을 설정합니다.


    #f0fdf4none

    Process Bot & Script Editor
    이벤트 로직 설정




    AUD 보고서 템플릿


    #e5e7eb#ffffffsolid


    02

    템플릿 선정 및 레이아웃

     (Layout)

    15가지 표준 템플릿 갤러리에서 화면

    목적에 맞는

    구조를 선택하세요

    🎨 업무별 추천 템플릿

    📊 전사/경영

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

    💼 재무/회계

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

    🚚 영업/물류

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

    .



    #e5e7eb#ffffffsolid


    03

    컴포넌트

    데이터 연결 (Binding)

    데이터를 바인딩할 컴포넌트를 선택하고 연결 방식을 결정하세요

    1️⃣ Select Component

    🗃 ListGrid - 목록형 그리드#93c5fd#ffffffsolid

    🗄 SQL

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

    → 가이드 보기

    #86efac#ffffffsolid

    🤖 META

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

    → 가이드 보기

    📊 OlapGrid - 피벗 그리드#93c5fd#ffffffsolid

    🗄 SQL

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

    → 가이드 보기

    #86efac#ffffffsolid

    🤖 META

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

    → 가이드 보기

    📈 Chart - 차트/그래프#93c5fd#ffffffsolid

    🗄 SQL

    SQL 쿼리로 데이터 연결

    → 가이드

    #86efac#ffffffsolid

    🤖 META

    GUI로 데이터 연결

    → 가이드

    #d8b4fe#ffffffsolid

    📑 Grid

    Grid 데이터 연결

    → 가이드

    📝 ComboBox - 드롭다운 목록#93c5fd#ffffffsolid

    🗄 SQL

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

    → 가이드 보기

    true💡 변수(Parameter) 처리가 필요하신가요?

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

    → 사용법 보기

    #bfdbfe

    바인딩

    Chart, Grid 컴포넌트를 선택하고 데이터를 연결합니다.


    false

    ListGrid, OlapGrid, Chart 등 다양한 컴포넌트를 지원합니다.



    #e5e7eb#ffffffsolid


    04

    인터랙션 구현

     (Interaction)

    버튼 클릭, 팝업

    호출 등 동적인 동작을 정의합니다#c084fc#ffffffsolid

    🤖 Process Bot

    코딩 없이 클릭만으로 이벤트 로직 설정 (No-Code)

    → 가이드 보기

    #fb923c#ffffffsolid

    💻 Script Editor

    JavaScript를 활용해 고도화된 로직 구현 (Pro-Code)

    → 가이드 보기

    #cbd5e1#f8fafcsolid

    🔄 이벤트 실행 순서 및 생명주기

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

    → 상세 보기

    등 동적 기능을 설정합니다.






    패널
    borderColor#e5e7eb
    bgColor#ffffff
    borderStylesolid


    05

    화면 디자인 및 테스트

    기업의 브랜드 아이덴티티(CI/BI)를 반영하여

    최종 결과물을 완성합니다

    디자인 시스템을 적용합니다.


    패널
    borderColor#c7d2fe
    bgColor#ffffff#f9fafb
    borderStylesolidnone
    🎨

    UI/UX 디자인 시스템

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

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



    패널
    borderColor#e5e7eb
    bgColor#ffffff
    borderStylesolid


    06

    완성된 화면 배포하기

    개발이

    개발 완료된 화면을

    다른 사용자가 조회할 수 있도록

    포털 메뉴에

    등록합니다

    등록하고 권한을 부여하여 배포합니다.


    패널
    borderColor#c7d2fe
    bgColor#ffffff#f9fafb
    borderStylesolidnone
    🚀

    포털 메뉴 등록 및 배포

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

    → 배포 가이드 보기



    패널
    borderColor#1f2937
    bgColor#1f2937
    borderStylesolid

    Copyright © 2024 AUD Platform Partner Center. All rights reserved.

    ...