tessuvi
문서로 건너뛰기
문서

실시간 데이터를 표시하고 슬라이드에 웹 앱 임베드하기

변경되는 수치에는 공개 데이터 피드를 사용하고, 시연에 자체 인터페이스가 필요할 때는 호스팅된 앱을 임베드하세요.

교차 출처 읽기를 허용하고 구성 요소가 필요로 하는 JSON을 반환하는 공개 HTTPS 엔드포인트를 사용하세요. 슬라이드 구성에서 비공개 자격 증명을 제외하세요. 엔드포인트를 사용할 수 없을 때를 대비해 슬라이드에 유용한 시작 화면을 제공하세요.

Earthquake activity예시 템플릿 · 내용을 자신의 것으로 바꾸세요
이 디자인 살펴보기

데이터 소스 선택하기

교차 출처 읽기를 허용하고 구성 요소가 필요로 하는 JSON을 반환하는 공개 HTTPS 엔드포인트를 사용하세요. 슬라이드 구성에서 비공개 자격 증명을 제외하세요. 엔드포인트를 사용할 수 없을 때를 대비해 슬라이드에 유용한 시작 화면을 제공하세요.

인터랙션 테스트하기

프레젠테이션에서 피드를 활성화하고 표시되는 값과 원본을 비교하세요. 호스팅된 웹 앱의 경우 임베드된 환경을 열고 주요 컨트롤을 사용해 보세요. 호스트는 해당 페이지가 프레임에 표시되도록 허용해야 합니다.

대체 방안 리허설하기

사용할 네트워크와 기기에서 프레젠테이션을 실행해 보세요. 오프라인 배포물을 위해 저장된 이미지를 확인하고, 청중이 컨트롤을 사용해야 할 때는 실시간 링크를 보여 주세요.

요청 사항 예시

피드를 사용할 수 없게 되면 어떻게 하나요?

단위를 포함하고 유용한 시작값이나 빈 상태를 제공하며, 이미 불러온 데이터와 새로 관측한 값을 구분하세요. 피드에 연결할 수 없는 상황을 가정해 리허설하여, 청중이 해당 슬라이드가 나타내는 내용을 계속 이해할 수 있게 하세요.

다음 프로젝트

아이디어를 실제로 적용하세요.

템플릿을 선택하고 콘텐츠를 직접 구성한 뒤 공유하기 전에 결과를 검토하세요.

컬렉션 살펴보기