- 사용자가 직접 게임 홈페이지에서 배경화면을 확인할 필요 없이, 손쉽게 핸드폰의 잠금화면과 배경화면에 설정할 수 있는 App 입니다.
- 다양한 게임 목록과 배경화면을 보면서 원하는 배경화면을 적용할 수 있습니다.
- Tools : VS Code, Android Studio
- Front : Flutter
- Back-end : Spring Boot
- Database : FireStorage
- Security : Firesbase App Check
- 개발 툴 : VS Code, Android Studio
- 서버 배포 : AWS EC2
- 게임은 알파벳 순으로 정렬되어 있습니다.
- 상하, 좌우 스크롤을 통해 게임 목록을 확인 가능합니다.
- 알파벳을 클릭하면 텍스트로 목록을 확인 할 수 있습니다.
| 게임 목록 스크린 |
|---|
   |
- 게임의 월페이퍼 목록을 스크롤을 통해 확인할 수 있습니다.
- 로딩 중 이미지 표시는 블러해쉬를 적용하였습니다.
| 월페이퍼 목록 스크린 |
|---|
  |
- 이미지를 클릭하여 확대할 수 있습니다.
- 버튼을 클릭하여 홈 화면, 잠금화면에 적용할 수 있습니다.
| 월페이퍼 스크린 |
|---|
  |
배경화면 이미지 로드 및 설정
- Firebase 스토리지를 사용하여 다양한 배경화면 이미지를 저장하고 로드합니다.
- 사용자는 이러한 이미지를 앱에서 바로 배경화면 또는 잠금화면으로 설정할 수 있습니다.
이미지 블러 해쉬 미리보기
- 이미지를 로드할 때 블러 해쉬(blur hash)를 사용하여 빠른 미리보기를 제공합니다.
- 사용자는 이미지가 완전히 로드되기 전에 저해상도의 블러된 미리보기를 통해 더 빠르고 부드러운 사용자 경험을 누릴 수 있습니다.
손쉬운 배경화면 설정
- 사용자는 선택한 배경화면을 간단한 버튼 클릭만으로 자신의 기기에 배경화면 또는 잠금화면으로 설정할 수 있습니다.
- 이 과정은 Flutter의 네이티브 기능 호출을 통해 손쉽게 이루어집니다.
게임 데이터 관리 및 진행 상황 저장
- Firebase Realtime Database 또는 Firestore를 사용하여 다양한 게임 데이터와 사용자 진행 상태를 관리합니다.
- 사용자가 게임을 중단한 후에도 이전 진행 상황을 저장하여, 재방문 시 계속 이어서 플레이할 수 있습니다.
사용자 인증 및 데이터 보호
- Firebase Authentication을 통해 사용자 로그인 및 인증 기능을 제공합니다.
- 이를 통해 사용자의 개인 설정과 데이터를 안전하게 저장하고 관리할 수 있도록 보장합니다.
client/
├─ android/
│ ├─ app/
│ │ ├─ build.gradle
│ │ ├─ google-services.json
│ │ └─ src/
│ │ ├─ debug/AndroidManifest.xml
│ │ ├─ main/
│ │ ├─ AndroidManifest.xml
│ │ ├─ kotlin/io/github/sms1875/gamepaper/MainActivity.kt
│ │ └─ res/
│ │ ├─ drawable/launch_background.xml
│ │ ├─ mipmap-[dpi folders]
│ │ └─ values[-night]
│ ├─ build.gradle
├─ assets/
│ └─ images/logo.png
├─ lib/
│ ├─ config/firebase_options.dart
│ ├─ main.dart
│ ├─ models/
│ │ └─ game.dart
│ ├─ providers/
│ │ ├─ home_provider.dart
│ │ └─ wallpaper_provider.dart
│ ├─ repositories/
│ │ └─ game_repository.dart
│ ├─ screens/
│ │ ├─ home_screen.dart
│ │ └─ wallpaper_screen.dart
│ ├─ services/
│ │ └─ firebase_service.dart
│ ├─ utils/
│ │ └─ handle_error.dart
│ └─ widgets/
│ ├─ common/
│ │ ├─ error_display.dart
│ │ ├─ loading_widget.dart
│ │ └─ load_network_image.dart
│ ├─ home/
│ │ └─ [components]
│ └─ wallpaper/
│ └─ [components]
├─ pubspec.yaml
└─ test/
└─ widget_test.dart
server/
├─ chromedriver-win64/
│ ├─ chromedriver.exe
│ ├─ LICENSE.chromedriver
│ └─ THIRD_PARTY_NOTICES.chromedriver
├─ src/
│ ├─ main/
│ │ ├─ java/io/github/sms1875/gamepaper/
│ │ │ ├─ config/
│ │ │ │ ├─ FirebaseConfig.java
│ │ │ │ └─ SeleniumConfig.java
│ │ │ ├─ controller/
│ │ │ │ ├─ GameController.java
│ │ │ │ ├─ HomeController.java
│ │ │ │ └─ ImageRetrievalController.java
│ │ │ ├─ domain/
│ │ │ │ ├─ Game.java
│ │ │ │ └─ GameStatus.java
│ │ │ └─ service/
│ │ │ ├─ firebase/
│ │ │ │ ├─ FirebaseStorageService.java
│ │ │ │ └─ FirebaseUploadService.java
│ │ │ ├─ [GameManagementService.java, WallpaperProcessingService.java, etc.]
│ │ └─ resources/
│ │ ├─ application.properties
│ │ ├─ META-INF/additional-spring-configuration-metadata.json
│ │ └─ templates/index.html
└─ test/
└─ java/io/github/sms1875/gamepaper/
└─ GamepaperApplicationTests.java
- 이미지 데이터를 Provider에서 관리하여 코드 복잡성을 줄이고 통합하여 관리할 수 있도록 하였습니다.
- 사용자에게 다양한 배경화면을 제공하고, 버튼으로 기기의 배경화면이나 잠금화면으로 간단히 설정할 수 있습니다.
- 이미지가 로딩 중일 경우 ProgressIndicator 대신 BlurHash를 적용하여 블러된 미리보기를 제공합니다.
- Error Code 맵핑을 통해 사용자가 이해하기 쉬운 에러 메시지를 제공합니다.
- Firebase Storage와 연동하여 다양한 게임의 배경화면 이미지를 업로드하고 관리할 수 있도록 구현했습니다.
- Selenium 및 Jsoup을 활용하여 각 게임의 공식 웹사이트에서 배경화면 이미지를 자동으로 수집하고 추출하는 크롤링 서비스를 제공합니다.
- 각 게임별 월페이퍼 업데이트를 일정 시간마다 자동으로 수행하는 스케줄러를 구현하여 최신 배경화면을 제공할 수 있도록 했습니다.
- 이미지 업로드 시, BlurHash를 통해 이미지 로딩 중에도 저해상도 미리보기를 제공하여 사용자 경험을 개선했습니다.
- Firebase App Check를 사용하여 인증되지 않은 앱의 접근을 제한하였습니다.
- Firestore에서 게임 배경화면 이미지를 관리합니다.