# Flower Viewer

생성된 이미지를 정원의 디스플레이를 통해 보여주는 뷰어입니다. 디스플레이가 설치된 Zone, 보여줄 Image 그리고 디스플레이의 Orientation 을 선택하면 가져올 이미지의 주소를 지정할 수 있습니다. 그리고 이미지 변경주기를 입력후 [시작] 버튼을 누르면 고정된 URL에서 변경주기마다 이미지를 Polling 해서 업데이트 합니다. 이미지가 생성되어 지정된 주소에 업데이트 된 경우에만 변경된 것을 확인할 수 있으며, 이미지는 깜빡임 방지를 위해서 파일이 브라우저에 로드가 완려된 경우에만 화면을 업데이트합니다. 미리 설정된 이미지의 주소는 입력 창에서 메뉴얼하게 변경할 수 있습니다.

<img width="800" alt="viewer" src="https://github.com/aws-samples/generative-ai-demo-using-amazon-sagemaker-jumpstart-kr/assets/1788481/69765e45-6652-4786-aeeb-9b621a66c9c6">

## 입력
- Zone 선택: 디스플레이가 설치된 Zone
- Image 선택: 디스플레이에서 보여줄 Image
- Orientation 선택: 디스플레이가 설치된 방향
- 이미지 변경 주기 (ms):  스크린에서 이미지 변경을 시도하는 주기

## 동작 순서
- 첫번째 이미지가 로드되면 화면에 보여줍니다.
-  바로 다음 이미지를 로드를 시작합니다.
-  이미지 변경 주기가 지난 후 로드가 완료되었는지 확인합니다.
-  로드가 완료되었으면 이미지를 교체합니다.
- 완료가 되지 않았으면 주기만큼 다시 기다립니다.

## 참고사항
- 이미지는 항상 FullSize 로 스크린과 비율이 안맞는 경우 일부 잘릴 수 있습니다.
- 깜빡임 방지를 위해서 이미지가 모두 로드된 후 변경 되도록 했습니다.
- 변경 주기가 매우 짧게 설정된 경우 실제 이미지 변경 기간은 더 길 수 있습니다.
- 실제 부스에서는 사용자가 데모를 하고 이미지가 업데이트 된 경우에만 화면이 변경될 예정입니다.


# User Info Viewer
이미지 생성을 위해 사용자의 감정과 선택한 정보를 보여주는 뷰어입니다. 디스플레이가 설치된 Zone 을 입력후 [시작] 버튼을 누르면 고정된 URL 에서 변경주기마다 사용자의 정보가 업데이트된 Json 파일을 Polling 해서 이미지를 업데이트 합니다. 사용자의 감정과 선택한 정보(JSON) 파일이 생성되어 지정된 주소에 업데이트 된 경우에만 변경된 것을 확인할 수 있습니다.

<img width="800" alt="user-info-viewer" src="https://github.com/aws-samples/generative-ai-demo-using-amazon-sagemaker-jumpstart-kr/assets/1788481/a9341e66-7163-44d9-a302-02c755ebe8be">

## 입력
- Zone 선택: 디스플레이가 설치된 Zone
- 변경 주기 (ms): 스크린에서 사용자의 감정과 선택한 정보 변경을 시도하는 주기

## 입력 정보 샘플
```
{
    "gender": "남자",
    "age": "28",
    "season": "봄",
    "weather": "맑음",
    "time": "낮",
    "emotion": "행복"
}
```