사용자 지정 위젯 개선

Prev Next

사용자 지정 위젯으로 더 많은 작업을 수행하세요: 주요 개선 사항을 소개합니다!

Updating Custom Widgets

Custom Widget updates are rolling in r332. Read more about the runtimes here

Tulip 사용자 지정 위젯의 최신 개선 사항으로 새로운 가능성을 열고 개발을 더욱 원활하게 진행하세요.

사용자 지정 위젯은 Tulip 플랫폼을 확장하는 강력한 방법으로, 저희와 고객들이 새로운 사용 사례와 통합을 탐색할 수 있는 환상적인 시험장 역할을 합니다. 사용자 지정 위젯은 플랫폼 확장성을 위한 전략의 핵심적인 부분으로, 새로운 길을 개척하고 더 많은 가치를 제공하는 데 도움이 됩니다.

저희는 사용자 지정 위젯을 더욱 강력하고 사용하기 쉬우며 더 잘 통합될 수 있도록 개선하기 위해 열심히 노력해왔습니다. 보다 원활한 API 상호 작용, 새로운 디바이스 액세스 기능, 향상된 사용성 및 전반적인 안정성에 중점을 둔 개선 사항을 공유하게 되어 기쁘게 생각합니다.

통합 기능 확장: 더욱 원활한 외부 및 Tulip API 액세스이번 개선의 핵심은 사용자 지정 위젯 iFrame 샌드박스로, 외부 시스템 및 Tulip API와 원활하게 연결하는 기능이 크게 향상되었습니다. 이를 통해 더욱 풍부하고 깊이 있는 통합 경험을 위한 가능성의 세계가 열렸습니다.

새로운 런타임 옵션: 레거시 대 업데이트

이제 사용자 정의 위젯은 두 가지 런타임 환경을 지원합니다: 레거시 및 업데이트.

업데이트된 런타임은 특히 외부 API 호출과 수많은 새로운 디바이스 액세스를 처리할 때 향상된 보안과 성능을 제공합니다(아래 참조).

사용자 지정 위젯을 통한 새로운 디바이스 액세스:

다양한 디바이스 기능에 직접 액세스하여 사용자 지정 위젯을 확장할 수 있습니다:

  • 📸 카메라: 위젯으로 검사, 결함 추적 또는 시각적 문서화를 위한 이미지 촬영 기능을 강화하세요.
  • 🎤 마이크: 위젯 내에서 바로 오디오 녹음을 활성화하여 문서를 간소화하고, 음성 메모를 캡처하거나, 교육 콘텐츠를 향상시킬 수 있습니다.
  • 📍 위치 정보: 위젯이 사용자 또는 장치의 위치를 검색하여 자산을 추적하고, 위치 인식 정보를 제공하거나, 물류 워크플로우를 개선할 수 있도록 합니다.
  • 🔌 WebUSB: 다양한 USB 장치에서 직접 데이터를 캡처하여 더 많은 실제 데이터를 Tulip 애플리케이션으로 가져올 수 있습니다.
  • 📠 WebSerial: 직렬 장치를 모니터링하고 제어하여 다양한 산업 장비 및 센서와 통신할 수 있습니다.

사용자 지정 위젯을 위한 향상된 데이터 지속성:

  • 💾 로컬 스토리지: 이제 사용자 지정 위젯이 로컬 저장소에 액세스하여 여러 단계에 걸쳐 정보를 보다 효율적으로 캐싱하거나 보존할 수 있습니다.

향상된 사용성 및 개발자 경험

저희는 사용자 지정 위젯을 더욱 강력하게 만들 뿐만 아니라 더 쉽게 검색, 개발 및 관리할 수 있도록 최선을 다하고 있습니다.

런타임 정보 검색:

계정 설정에서 사용자 지정 위젯 페이지로 이동합니다.

사용자 지정 위젯의 행(이름이 아닌)을 클릭하면 정보 사이드 패널이 열립니다.

정보 패널의 이름 아래에 현재 위젯의 런타임을 나타내는 필드가 표시됩니다(기존 위젯의 경우 처음에는 레거시).

image.png

교차 도메인 런타임 활성화하기:

사용자 정의 위젯 정보 사이드 패널에서 권한 설정 제목 옆에 있는 '수정' 링크를 클릭합니다.

그러면 권한 설정 사이드 패널이 열립니다. 교차 도메인이 활성화된 인스턴스의 경우 특정 사용자 정의 위젯의 런타임을 변경할 수 있는 토글이 표시됩니다.

image.png

레거시에서 교차 도메인으로 전환할 때 경고가 표시됩니다.

image.png

교차 도메인 런타임에 대한 변경 사항을 저장한 후 권한 설정을 다시 열면 새로운 장치 액세스 권한 섹션이 표시됩니다.

image.png

런타임이 있는 편집기 환경:

사용자 정의 위젯 편집기에서 위젯 이름 옆의 알약은 현재 런타임(예: 레거시 또는 교차 도메인)을 나타냅니다.

레거시 위젯의 경우 편집기 페이지 상단에 레거시 사용자 정의 위젯을 실행 중임을 나타내는 경고가 표시됩니다. 교차 도메인 위젯의 경우 이 경고가 사라집니다.

image.png

image.png

레거시로 다시 전환하기:

교차 도메인 위젯을 레거시 런타임으로 다시 변경할 때도 경고가 표시됩니다.

image.png

검색 및 탐색 기능 개선: 플랫폼 내에서 사용자 지정 위젯을 더 잘 보이게 하고 관리 및 편집 과정을 간소화합니다. 여기에는 위젯 편집기에 더 쉽게 액세스하는 방법과 위젯 정보를 더 명확하게 표시하는 방법이 포함됩니다.

간소화된 개발: 다음과 같은 개선 사항으로 더욱 원활한 개발 환경을 기대할 수 있습니다: * 위젯 기능의 자동 완성 기능 개선. * 위젯 내 이벤트 추적 기능이 개선되었습니다. * 더욱 강력해진 오류 처리 및 디버깅 지원.

사용자 인터페이스 및 워크플로 페이퍼컷 문제 해결: 위젯을 더욱 즐겁게 제작하고 사용할 수 있도록 사소하지만 불편한 UI 및 워크플로우 문제인 다양한 '페이퍼컷'을 해결했습니다. 여기에는 위젯 목록이 표시되는 방식과 권한 관리 방식에 대한 업데이트가 포함됩니다.

로딩 및 성능 최적화: 사용자 지정 위젯 로딩 메커니즘을 개선하여 더 나은 성능과 안정성을 보장합니다. 여기에는 교차 도메인 위젯 로드를 위한 재시도 로직과 액세스가 차단된 경우 명확한 오류 메시지가 포함됩니다.

전략적 영향과 다음 단계

사용자 지정 위젯에 대한 이러한 투자는 확장성에 대한 잠재력에 대한 믿음을 보여주는 증거입니다. 더욱 강력한 도구와 기능을 제공함으로써 Tulip 개발자, 외부 개발자 및 고객 등 모든 사용자가 혁신적인 솔루션을 만들고 Tulip 플랫폼에서 더욱 구체적인 사용 사례를 다룰 수 있도록 지원하는 것이 목표입니다.

이러한 새로운 기능의 도입과 영향을 면밀히 추적하여 사용자 지정 위젯 기능을 지속적으로 개선하고 확장해 나갈 것입니다. 이 흥미로운 새 기능을 최대한 활용하는 데 도움이 되는 더 많은 리소스, 문서 및 예시를 기대해 주세요!

예시

다음 튤립 라이브러리의 사용자 지정 위젯은 이 문서에서 강조한 새롭고 개선된 기능을 보여줍니다.

스케줄 위젯

스케줄링 위젯

이 위젯을 통해 사용자는 Tulip 앱 내에서 예약된 작업이나 이벤트를 보고, 만들고, 관리할 수 있습니다. 대화형 인터페이스를 통해 워크플로우에서 바로 작업을 정리하고, 리소스를 할당하고, 예정된 활동을 추적할 수 있습니다.

Screenshot 2025-07-02 at 15.41.08.png

이미지 주석 위젯

이미지 주석 위젯

이 위젯을 사용하면 사용자가 Tulip 앱 내의 이미지에 직접 그림을 그리고, 강조 표시하고, 메모를 추가할 수 있습니다. 시각적 자료를 표시하거나 피드백을 제공하거나 관련 이미지에 바로 문제를 문서화하는 데 이상적입니다.

Screenshot 2025-07-02 at 15.42.24.png