Googlebook용 적응형 앱 빌드

Googlebooks는 Android 기술 스택과 ChromeOS 데스크톱 기반으로 빌드됩니다.

Googlebooks는 모바일의 편리함과 데스크톱의 기능을 결합하여 고해상도 터치 스크린, 전용 키보드, 정밀 트랙패드, 하루 종일 지속되는 배터리, OS 수준의 Gemini 통합을 제공합니다.

Googlebook을 사용하면 휴대전화에서 빠른 상호작용을 하다가 데스크톱 환경에서 몰입도 높은 긴 세션으로 전환할 수 있습니다.

앱 적응

Googlebook을 지원하기 위해 처음부터 별도의 앱을 빌드할 필요가 없습니다. 적응형 개발을 사용하면 Android 앱이 단일 코드베이스에서 대형 디스플레이와 노트북 폼 팩터로 확장될 수 있습니다.

앱에서 이미 적응형 레이아웃, 창 크기 클래스, 다중 입력 지원을 구현한 경우 이 견고한 기반을 토대로 직접 빌드할 수 있습니다.

단일 열 모바일 화면과 2개 창 데스크톱 레이아웃을 비교하는 와이어프레임 다이어그램
그림 1. 모바일 뷰를 다중 창 데스크톱 환경으로 재구성하는 적응형 레이아웃

다음과 같이 표시됩니다.

Google Play에서 주목받기

Googlebook에 맞게 앱을 최적화하면 Android 생태계 전반에서 앱의 공개 상태가 확대됩니다.

  • 스토어 발견: Google Play는 선별된 스토어 홈페이지 전반에서 전용 배지, 향상된 검색, 추천 게재위치를 통해 최적화된 콘텐츠를 강조합니다.

  • 프로그램 인센티브: 데스크톱에 최적화된 품질을 제공하면 앱 경험 프로그램에 등록하여 비즈니스 성장을 지원하도록 설계된 프로그램 요율표를 이용할 수 있습니다.

  • 기기 설정 전송: 사용자가 로그인하여 Googlebook을 설정하면 Android 휴대전화의 설정, 저장된 비밀번호, Wi-Fi 네트워크, 메시지가 엔드 투 엔드 암호화로 동기화되고 온보딩 중에 전송할 최적화된 앱이 강조 표시됩니다.

데스크톱용으로 최적화됨 배지가 있는 앱과 게임 컬렉션을 보여주는 Google Play 스토어
그림 2. Google Play에서 데스크톱 배지 및 전용 컬렉션에 최적화된 앱

다음과 같이 표시됩니다.

데스크톱 기본사항을 기반으로 빌드

Googlebook에서 앱은 데스크톱급 Chrome 브라우저 및 시스템 도구와 함께 데스크톱 환경에서 작동합니다. 넓은 화면에 모바일 인터페이스를 늘리는 대신 정보 밀도, 정밀한 입력, 활성 멀티태스킹을 위해 콘텐츠를 기능별 그룹으로 재구성합니다.

다중 창 아키텍처 채택

창 경계가 변경될 때 확장되거나, 리플로우되거나, 추가 세부정보가 표시되도록 앱 UI를 설계합니다.

  • 적응형 장면 조정: 탐색 3을 사용하여 창 공간이 확장될 때 백 스택에서 직접 나란히 있는 창을 조정하는 ListDetailSceneStrategy 및 SupportingPaneSceneStrategy을 구현합니다.

  • 영구 탐색 추가: 장면 데코레이터를 사용하여 영구 데스크톱 탐색 레일로 화면을 래핑합니다.

  • 복잡한 콘텐츠 정리: 장면 전략을 Grid, FlexBox과 같은 레이아웃 기본 요소와 실험용 mediaQuery 및 스타일 API와 함께 사용하여 콘텐츠를 정렬하고 데스크톱 디스플레이의 시각적 스타일을 동적으로 조정합니다.

다음과 같이 표시됩니다.

동적 창 크기 및 데스크톱 인체공학에 대응

자유 형식 데스크톱 창에서 사용자는 언제든지 앱 창의 크기를 동적으로 조절할 수 있습니다. 다음과 같이 앱이 창 크기 변경에 적응하도록 합니다.

  • 창 크기 클래스: 실제 디스플레이 크기가 아닌 창 크기 클래스를 사용하여 사용 가능한 창 공간에 따라 레이아웃을 결정합니다.

  • 서체 및 타겟 크기 조정: 데스크톱 보기 거리에 맞게 서체 스케일을 조정하고, 행 길이를 읽기 쉽도록 레이아웃 최대 너비를 설정하고, 잘못된 클릭을 방지하기 위해 명시적 클릭 타겟을 정의하고, 데스크톱 디자인 갤러리에서 레이아웃 패턴을 살펴봅니다.

소형, 중형, 확장형, 대형, 초대형 너비 창 크기 클래스 중단점을 보여주는 다이어그램
그림 3. 너비 기반 창 크기 클래스의 표현

다음과 같이 표시됩니다.

Googlebook에 차별화된 환경 제공

핵심 레이아웃이 적응형이 되면 Googlebook의 하드웨어 및 데스크톱 환경에 특화된 기능으로 앱을 보강합니다.

정밀 입력 및 단축키 지원

Jetpack Compose는 실제 키보드 탐색과 포인터 선택을 기본적으로 지원합니다. 다음과 같은 기능으로 Googlebook의 백라이트 키보드, 햅틱 유리 트랙패드, 외부 마우스를 위해 최적화하세요.

  • 컨텍스트 커서: 텍스트 입력, 창 크기 조절, 도구 선택을 위한 컨텍스트 커서를 통합합니다.

  • 포인터 상호작용: 상호작용 요소에 마우스 오른쪽 버튼 클릭 컨텍스트 메뉴와 마우스 오버 상태를 구현합니다.

  • 단축키: 단축키 도우미를 통해 앱의 단축키를 검색할 수 있도록 합니다.

다음과 같이 표시됩니다.

멀티 인스턴스 워크플로 및 드래그 앤 드롭 사용 설정

Googlebook에서는 사용자가 여러 작업을 동시에 처리하는 자유 형식 창에서 앱이 실행됩니다.

실행 중인 여러 앱 창을 보여주는 Android 데스크톱 작업 전환기
그림 4. 열려 있는 여러 창과 앱 인스턴스를 표시하는 작업 전환기

다음 기능을 사용하여 사용자 환경을 확장하세요.

  • 멀티 인스턴스 지원: 사용자가 앱의 독립적인 창을 나란히 실행하여 콘텐츠를 비교하거나 여러 문서를 관리할 수 있도록 지원합니다.

  • 교차 윈도우 드래그 앤 드롭: 멀티 인스턴스 지원을 드래그 앤 드롭과 페어링하여 사용자가 윈도우 간에 텍스트, 이미지, 파일을 이동하거나 빈 작업공간에 항목을 드롭하여 작업을 시작할 수 있습니다.

  • 맞춤설정 가능한 헤더 표시줄: 시스템 창 컨트롤을 준수하면서 데스크톱 캡션 헤더 표시줄 내에서 맞춤 배경, 검색창 또는 탭으로 앱 표시줄의 스타일을 지정합니다.

    사용자가 한 자유 형식 앱 창에서 항목을 드래그하여 다른 창에 드롭하는 모습을 보여주는 그림
    그림 5. 크로스 윈도우 드래그 앤 드롭을 사용한 멀티 윈도우 멀티태스킹

다음과 같이 표시됩니다.

기기를 연결하고 Gemini 인텔리전스 활용하기

Googlebook은 다음과 같은 기능을 갖춘 Android 휴대전화의 완벽한 동반자입니다.

  • 교차 기기 핸드오프 및 연속성: 사용자가 Googlebook 작업 표시줄에서 직접 Android 휴대전화의 작업을 선택할 수 있도록 계속하기를 사용합니다.

    HandoffActivityData를 통해 상태를 전달하여 문서 위치나 활성 탭과 같은 컨텍스트를 유지하고 선택적으로 웹 대체도 사용할 수 있습니다.

  • 데스크톱 위젯 및 내장 인텔리전스: Googlebook의 데스크톱 환경과 내장 Gemini 도구 (예: 매직 포인터, 스마트 텍스트 변환, 나만의 위젯 만들기)를 보완하는 맞춤설정 가능한 위젯으로 한눈에 볼 수 있고 실행 가능한 콘텐츠를 표시합니다.

데스크톱 앱 품질 가이드라인에 따라 구현을 평가하여 앱이 데스크톱 사용성 표준을 충족하는지 확인합니다.

다음과 같이 표시됩니다.

전용 도구로 워크플로 가속화

Googlebook용 앱 테스트 및 최적화는 개발 워크플로에 직접 통합됩니다.

  • Android 스튜디오의 데스크톱 에뮬레이터: 워크스테이션에서 가상 데스크톱 환경을 실행하여 자유 형식 창 크기 조절을 테스트하고, 멀티 인스턴스 상호작용을 확인하고, Android 스튜디오 미리보기를 사용하여 마우스, 트랙패드, 키보드 입력을 디버그합니다.

  • 온디바이스 Linux 및 에이전트 개발: Googlebook에는 5단계 보안 인증 pKVM 하이퍼바이저로 구동되는 격리된 Linux 터미널 환경과 Antigravity 개발 플랫폼 및 CLI 도구가 포함되어 있어 기기에서 직접 앱을 빌드, 테스트, 배포할 수 있습니다.

  • AI 지원 레이아웃 현대화: Android CLI를 통해 적응형 스킬을 설치하여 AI 코딩 에이전트가 모바일 레이아웃을 반응형 Compose 컨테이너로 리팩터링할 수 있는 컨텍스트를 제공합니다.

다음과 같이 표시됩니다.