새로운 기능: 더 스마트한 AI 기능, 피벗 그리드 향상 등을 갖춘 App Builder

최신 App Builder 릴리스는 강력한 AI 기능, 시각화 구성 요소, 더 쉬운 데이터 처리 및 향상된 사용자 상호 작용을 설계-코드 워크플로에 제공합니다. 피벗 그리드는 데이터 필드에서 차원과 값을 자동으로 생성하여 효율성을 한 단계 더 높여 몇 초 만에 바로 사용할 수 있는 피벗 보기를 제공합니다. 보다 원활한 UI 환경을 위해 스타일을 적용하고 선택한 값을 저장하는 선택한 목록 항목 기능과 데이터 그리드로 작업할 때 의미 있는 피드백을 제공하는 새로운 빈 그리드 및 로드 표시기 템플릿을 추가했습니다.

이러한 새로운 기능에 대해 자세히 알아보기 전에 App Builder 대해 처음 배우는 경우 조직의 응용 프로그램 개발 프로세스에서 핵심 도구로 간주해야 하는 이유를 간략하게 공유하겠습니다.

• 시각적 앱 빌더 –최고 경영진, 엔터프라이즈 아키텍트, 개발 팀 리더, 디자이너, 개발자 및 이해 관계자를 위한 통합 플랫폼입니다.
• 기업이 그 어느 때보다 80% 빠르게 완전한 비즈니스 앱을 설계하고 구축할 수 있도록 지원하는 클라우드 기반 WYSIWYG 드래그 앤 드롭 도구입니다.
• ​로우 코드 도구는​ ​Angular, React, Web Components 및 Blazor 대한 프로덕션 준비 코드를 생성하고 Figma 디자인을 코드로 변환합니다.

이번에는 App Builder에서 AI 관점에서 새로운 것부터 시작하겠습니다.

더 스마트한 AI 기능으로 생산성 향상

이 릴리스에는 앱 생성이 더 빠르고, 정확하고, 더 쉽게 상호 작용할 수 있도록 하는 몇 가지 개선 사항이 포함되어 있습니다. 더 깔끔한 출력 구조부터 뷰 및 테마를 생성하는 새로운 방법에 이르기까지 AI 기능은 이제 작업 흐름에 더욱 원활하게 통합됩니다.

더 나은 구조화된 앱 출력

AI 생성 앱은 이제 향상된 레이아웃, 구성 요소 구성 및 콘텐츠 구조와 함께 제공됩니다. 즉, 생성된 앱에는 수동 정리가 덜 필요 하므로 불일치를 수정하는 대신 디자인과 논리를 개선하는 데 집중할 수 있습니다.

키보드 단축키 및 확인 대화 상자

​AI 채팅 패널 및 디자인 영역에 대한 키보드 단축키로 생산성과 안전성이 향상됩니다.

• Ctrl/Cmd + Shift + C– 현재 보기에서 새 채팅 시작
• Ctrl/Cmd + Alt + C– 새 보기에서 새 채팅 시작
• F2– 선택한 기록 항목 이름 바꾸기
• Ctrl/Cmd + Shift + A– 디자인 영역의 어느 곳에서나 GenAI 패널을 엽니다.

또한 채팅 단계 또는 전체 세션 삭제와 같은 파괴적인 작업은 이제 확인 대화 상자를 트리거하여 우발적인 데이터 손실을 방지하고 AI 동작을 플랫폼의 나머지 부분과 일치시킵니다.

이미지에서 보기 생성

이제 하나 이상의 이미지를 업로드 하고 AI가 해당 앱 보기를 자동으로 생성하도록 할 수 있습니다. 이 기능은 디자인 워크플로를 간소화하여 시각적 자산을 몇 초 만에 기능적인 앱 레이아웃으로 변환합니다.

AI 기반 테마 관리

이제 AI 지원을 통해 테마를 만들고 업데이트하는 것이 더 쉬워졌습니다. App Builder 입력을 기반으로 테마를 생성, 수정 및 삭제할 수 있으므로 애플리케이션 전체에서 일관된 브랜딩과 스타일을 유지하는 데 도움이 됩니다.

더 스마트한 데이터 소스 생성

이제 AI는 그리드 및 데이터 차트와 같은 구성 요소에 대해 보다 정확한 데이터 소스를 생성하여 설정 시간을 줄이고 생성된 앱을 즉시 사용할 수 있도록 합니다.

답변:

AI 프롬프트를 위한 음성-텍스트 변환

AI와의 상호 작용은 음성-텍스트 지원으로 훨씬 더 직관적입니다. 프롬프트 영역에서 마이크 버튼을 클릭하고 지침을 말한 다음 텍스트 필드에 직접 전사되는 것을 지켜보면 핸즈프리 작업 흐름이나 빠른 아이디어 캡처에 적합합니다.

이러한 AI 업그레이드를 통해 앱 구축이 어떻게 더 빠르고, 더 스마트하고, 더 인터랙티브하게 만드는지 https://preview.appbuilder.dev/

이제 App Builder Production 웹사이트로 돌아갑니다. 이 App Builder 릴리스의 새로운 기능은 무엇입니까?

자동 생성된 보기로 더 스마트하게 피벗

이제 피벗 그리드 구성이 그 어느 때보다 쉬워졌습니다. 행, 차원 및 값을 수동으로 정의하는 대신 App Builder 연결하는 데이터 원본을 기반으로 피벗 뷰를 자동으로 생성합니다. 피벗 그리드를 캔버스에 놓고 데이터에 바인딩하기만 하면 레이아웃이 생성됩니다.

이는 다음을 의미합니다.

• 더 빠른 설정
• 더 적은 구성 단계
• 그리고 데이터에 대한 즉각적인 통찰력.

나중에 언제든지 레이아웃을 다듬을 수 있지만 자동 생성은 시간을 절약하고 생산성을 높이는 기능적 시작점을 제공합니다.

피벗 설정이 얼마나 쉬울 수 있는지 확인하십시오.

선택한 목록 항목 기능으로 UX 개선

App Builder의 목록은 더욱 대화형이 되었습니다. 목록 항목 선택 지원을 통해 이제 선택한 항목의 스타일이 일관되게 지정되고 나중에 사용할 수 있도록 해당 값이 저장되는 동적 상태 저장 목록을 만들 수 있습니다. 이 기능은 데이터 바인딩된 목록에서 사용할 수 있습니다. 목록 항목을 수동으로 선언한 경우 "항목 선택 사용" 옵션이 적용되지 않습니다. 이렇게 하면 다음과 같은 시나리오가 열립니다.

• 포트폴리오에서 선택한 주식 강조 표시
• 디렉터리에서 활성 고객 표시
• 또는 간단한 선택 기반 워크플로우 구축

또한 선택 상태를 변수에 바인딩할 수 있으므로 애플리케이션 로직의 다른 부분에서 쉽게 재사용하고 적용할 수 있습니다.

목록 선택이 실제로 작동하는 방식은 다음과 같습니다.

빈 템플릿과 로딩 템플릿으로 그리드에 생기를 불어넣으세요.

이제 그리드는 사용자 피드백을 개선하기 위해 설계된 두 가지 새로운 상태인 빈 그리드 템플릿과 로딩 표시기 템플릿을 지원합니다. 이러한 상태를 사용하면 표시할 데이터가 없거나 데이터를 활발하게 가져오는 경우 사용자에게 알릴 수 있습니다.

• 빈 그리드 템플릿: 레코드가 반환되지 않을 때 텍스트, 아이콘 또는 이미지로 자리 표시자를 구성하여 결과를 전혀 반환하지 않을 수 있는 동적 쿼리에 적합합니다.

• 로딩 표시기 템플릿: 비동기 데이터 호출이 진행되는 동안 로딩 UI를 표시하여 대기 시간 동안 명확한 피드백을 제공합니다.

두 템플릿 모두 App Builder 속성 패널에서 구성할 수 있으며 데이터 그리드, 트리 그리드, 계층 그리드 및 행 아일랜드에서 지원됩니다. 플래그는 코드 생성 후 수동으로 설정해야 하지만 isLoading App Builder는 디자인 타임 설정을 처리하므로 사용자 환경을 사용자 지정하는 데 집중할 수 있습니다.

마무리…

이 릴리스는 App Builder에서 확장 가능한 최신 앱 경험을 제공하려는 우리의 지속적인 노력을 반영합니다. 복잡한 데이터 그리드를 설계하든, 강력한 검증 규칙을 적용하든, DevOps 워크플로를 간소화하든, 이 업데이트는 더 빠르게 움직이고 더 잘 구축할 수 있는 도구를 제공합니다.

​지금 바로 appbuilder.dev에서 새로운 기능을 사용해 보세요.

App Builder는 앱 개발 프로세스의 판도를 바꾸고 있습니다. 클라우드 기반 비주얼 빌더, 로우 코드 기능 및 새로운 기능을 갖춘 이 도구는 모든 조직에 필수 도구입니다. 오늘 사용해 보세요! 자세한 내용이 필요한 경우 다음을 확인하는 것이 좋습니다.

• Discord 채널.
• GitHub 토론.
• 로드맵.

최신 App Builder 업데이트의 모든 기능을 경험하려면 고객 포털을 방문하여 최신 버전을 다운로드하세요. 늘 그렇듯이 우리는 항상 귀하의 피드백을 받고 귀하가 추가하거나 추천하고 싶은 것을 듣게 되어 기쁩니다. 따라서 zkolev@appbuilder.dev로 이메일을 보내 Infragistics를 통해 고객에게 지속적으로 가치를 제공하는 데 도움이 될 수 있는 방법을 알려주십시오.