EloView 3 콘텐츠 라이브러리에 로컬(오프라인) 웹 콘텐츠 추가하기

대상: 일반 / Elo 고객, 콘텐츠 관리자 및 통합자

문서 유형: 사용 설명서 및 콘텐츠 배포

이 문서에서는 EloView® 3를 사용하여 Elo Android 장치에 로컬 오프라인 HTML/web 애플리케이션을 업로드하고 배포하는 단계별 지침을 제공합니다.

EloView 3에 로컬 URL 추가하는 방법

1. 콘텐츠 > 앱 라이브러리로 이동합니다.

   

2. + (콘텐츠 추가) 버튼을 클릭하고 콘텐츠 옵션에서 URL을 선택합니다.

   

3. URL 구성 모달에서 로컬 탭을 선택합니다.

   

4. 웹 애플리케이션이 포함된 ZIP 파일을 업로드합니다.

   ⚠️ 중요: 모든 HTML 자산, 스타일시트, 스크립트 및 미디어 폴더는 ZIP 아카이브의 루트 디렉토리에 직접 있어야 하며, 추가 최상위 폴더에 중첩되지 않아야 합니다.
5. 홈 페이지 파일 이름(index.html 등)을 입력하고, 애플리케이션 아이콘을 선택하며, 간단한 설명을 제공합니다.
6. 콘텐츠 추가를 클릭합니다. 오프라인 웹 애플리케이션이 패키징되어 앱 라이브러리에 추가됩니다.
7. 장치에 배포: 앱 라이브러리에서 콘텐츠 타일을 드래그 앤 드롭하여 대상 Elo 장치 또는 장치 그룹에 직접 놓습니다.

로컬 콘텐츠에 대한 요구 사항 및 모범 사례

• 독립형 자산: 모든 HTML, CSS, JavaScript 라이브러리, 글꼴 및 미디어 파일이 ZIP 아카이브 내에 로컬에서 번들되어 활성 인터넷 연결 없이 애플리케이션이 원활하게 작동하도록 해야 합니다.
• 클라이언트 측 실행 전용: 서버 측 스크립팅 언어(예: PHP, ASP.NET, Ruby 또는 Python 백엔드 런타임)는 지원되지 않습니다. 클라이언트 측 브라우저 기술만이 로컬에서 실행될 수 있습니다.
• 대역폭 최적화: 로컬 웹 패키지는 저대역폭 또는 오프라인 환경에서의 배포에 이상적이며 대형 비디오 또는 대화형 미디어 자산에 대한 버퍼링을 제거합니다.
• 현대 오프라인 기술: 웹 애플리케이션은 고급 오프라인 저장을 위해 Service Workers, IndexedDB 및 Cache API를 활용할 수 있습니다. 구현 지침의 경우 MDN 오프라인 및 백그라운드 작업 가이드를 참조하십시오.
• 프레임워크 호환성: 클라이언트 측 프레임워크(예: React, Vue 또는 AngularJS)는 정상적으로 작동하며 장치가 네트워크에 연결할 때 원격 API와 동적으로 데이터를 동기화할 수 있습니다.
• macOS ZIP 압축 팁: macOS에서 파일을 아카이브할 때 내장 아카이브 유틸리티가 숨겨진 __MACOSX 폴더를 생성하거나 콘텐츠를 부모 디렉토리에 감쌀 수 있습니다. EloView에 업로드하기 전에 인덱스 파일이 루트 수준에 있는지 확인하십시오.