Google Workspace UI 확장

이 페이지에서는 Google Workspace 사용자 연장을 위한 옵션을 설명합니다. 인터페이스 (UI)를 제공합니다. 여러 가지 이유로 Google Workspace UI를 확장할 수 있습니다. 포함:

  • 사용자가 사용할 수 있도록 앱 또는 서비스를 Google Workspace에 통합합니다. 하나 이상의 Google Workspace 앱에서 바로 앱에 연결할 수 있습니다. 예를 들어 Google Workspace 부가기능을 빌드하여 볼 수 있습니다.
  • Google Workspace 사용자의 생산성 향상 또는 워크플로 개선을 지원합니다. 예를 들어 사용자가 주간 보고서를 작성할 수 있는 Google Chat 앱을 빌드합니다. 작업표를 Google Chat에서 바로 가져올 수 있습니다.
  • Google Workspace에서 기본적으로 제공되지 않는 기능을 추가합니다. 예를 들어 지도에 맞춤 메뉴를 Google Docs, Sheets, Slides

Google Workspace UI를 확장하는 대부분의 옵션을 Google Workspace Marketplace 사용자가 서드 파티 앱을 찾아 설치할 수 있는 온라인 상점 Google Workspace에서 사용할 수 있습니다

Google Workspace UI 확장 옵션 개요

다음 표에는 Google Workspace UI를 이러한 특징:

  • 앱 확장: 확장할 수 있는 Google Workspace 앱을 나열합니다. 사용할 수 있습니다.
  • 코딩 옵션: 다음과 같은 빌드 방법을 나열합니다. <ph type="x-smartling-placeholder">
      </ph>
    • AppSheet 노 코드 개발 플랫폼입니다.
    • Apps Script: 클라우드 기반의 로우 코드 개발 플랫폼을 제공합니다.
    • 전체 개발자: 선호하는 기능을 지원하는 자체 기술 스택 있습니다.
  • UI 프레임워크: 사용하는 UI 프레임워크의 유형을 나타냅니다. 를 사용하여 다음을 포함한 각 옵션을 빌드할 수 있습니다. <ph type="x-smartling-placeholder">
      </ph>
    • 카드 기반: 카드 인터페이스는 사전 정의된 위젯 및 카드로 제작되었습니다. 이 서비스를 사용하는 카드 서비스 또는 또는 올바른 형식의 JSON을 원하는 기술 스택 (full dev)으로 카드를 렌더링합니다. 카드 기반 인터페이스는 HTML이나 CSS에 대한 지식이 필요하지 않으며 사용할 수 있습니다.
    • HTML: Apps Script는 HTML 서비스는 웹 기반 인터페이스를 통해 서버 측 Apps Script 기능과 상호작용할 수 있습니다. 인터페이스 HTML 서비스를 사용하여 개발한 애플리케이션은 높은 수준의 맞춤설정이 가능하지만 더 우수한 사용자 환경을 만들기 위해 수작업을 함축해야 합니다.
    • iFrame: iFrame은 외부 콘텐츠를 Google Workspace 및 사용자 인터페이스를 위한 가장 맞춤설정 가능한 기능을 제공합니다

각 옵션에 대한 설명이 표 다음에 나옵니다.

<ph type="x-smartling-placeholder">
빌드할 수 있는 항목 미리보기 확장된 앱 코딩 옵션 카드 기반 UI HTML UI iFrame UI
Google Workspace 부가기능 Google Workspace 부가기능 예
Gmail
Drive
캘린더
문서
스프레드시트
슬라이드
애플리케이션 스크립트
전체 개발자
미리보기 및 스마트 칩 연결 | Google Workspace 부가기능 Google Workspace 부가기능 링크 미리보기 예시
문서
스프레드시트
슬라이드
AppSheet
애플리케이션 스크립트
전체 개발자
이메일 초안 | Google Workspace 부가기능 이메일 초안용 Google Workspace 부가기능 예시
Gmail
애플리케이션 스크립트
전체 개발자
캘린더 회의 | Google Workspace 부가기능 Calendar 회의용 Google Workspace 부가기능 예시
캘린더
애플리케이션 스크립트

기존 UI 사용

편집자 부가기능 편집자 부가기능 예
문서
스프레드시트
슬라이드
양식
애플리케이션 스크립트
Google Chat 앱 채팅 앱의 예
채팅
AppSheet
애플리케이션 스크립트
전체 개발자
맞춤 함수 커스텀 함수의 예
스프레드시트
애플리케이션 스크립트

기존 UI 사용

매크로 매크로 예시
스프레드시트
애플리케이션 스크립트

기존 UI 사용

맞춤 메뉴, 대화상자, 사이드바 메뉴 및 사이드바의 예
문서
스프레드시트
슬라이드
양식
애플리케이션 스크립트
Google Drive 앱 Drive 앱 예
Drive
전체 개발

기존 UI 사용

Google 클래스룸 부가기능 Google 클래스룸 부가기능
클래스룸
전체 개발자

Google Workspace 부가기능

Google Workspace 부가기능 예

Google Workspace 부가기능은 Google Workspace와 통합되는 애플리케이션입니다. 있습니다. Google Workspace 부가기능은 여러 Google Workspace 앱 대부분의 경우 앱은 화면 왼쪽 상단의 사이드바에서 이를 확장하는 Google Workspace 앱입니다.

Google Workspace 부가기능 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트
전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

Gmail
자동차
캘린더

문서
스프레드시트
슬라이드

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

카드 프레임워크



링크 미리보기 예

Docs를 확장하는 Google Workspace 부가기능으로 맞춤 링크를 만들 수 있음 미리보기를 제공합니다 스마트 칩과 마찬가지로 Google Docs는 사용자, 파일, 캘린더 일정 또는 Google Workspace 애플리케이션 내 다른 항목, 애드온을 사용하면 서드 파티 링크를 위한 스마트 칩을 만들고, 칩 위에 마우스를 가져갑니다

기존 Google Workspace 부가기능에 링크 미리보기를 추가하거나 다음 링크를 만들 수 있습니다. 링크 미리보기를 위한 별도의 Google Workspace 부가기능을 사용합니다.

링크 미리보기 및 스마트 칩 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

AppSheet
애플리케이션 스크립트
전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

문서
스프레드시트
슬라이드

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

카드 프레임워크



이메일 초안 | Google Workspace 부가기능

이메일 초안의 예

Gmail을 확장하는 Google Workspace 부가기능은 새 메시지를 작성하거나 기존 메시지에 답장할 때 인터페이스 인터페이스가 제공됩니다. 이 인터페이스를 사용하기 위해 사용자는 또는 이메일 초안 하단이나 옵션 더보기 메뉴

이메일 초안 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트
전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

Gmail

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

카드 프레임워크



캘린더 회의 | Google Workspace 부가기능

캘린더 회의 예시

웹 회의 제공업체인 경우 Google Workspace 부가기능을 만들 수 있습니다. Google 캘린더를 회의 솔루션으로 확장합니다. 이 부가기능은 캘린더 일정용 회의 옵션, 즉 사용자가 회의를 만들고 캘린더에서 바로 회의에 참여할 수 있습니다.

Calendar 회의 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

캘린더

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

기존 UI 사용


편집자 부가기능

편집자 부가기능 예

편집기 부가기능은 Docs, 스프레드시트, 프레젠테이션, 사용할 수 있습니다 편집자 부가기능은 하나의 앱만 확장할 수 있습니다. 여러 부가기능을 게시할 수 있습니다 동일한 마켓플레이스에 있는 편집자 부가기능 있습니다. 사용자는 확장 프로그램 메뉴에서 편집기 부가기능을 열 수 있습니다. 할 수 있습니다.

편집자 부가기능:

편집기 부가기능 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

문서
스프레드시트
슬라이드
양식

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

HTML
iFrame



채팅 앱

채팅 앱의 예

채팅 앱은 Chat에서 리소스와 서비스를 제공합니다. 다양한 방식으로 사용자와 상호작용하도록 채팅 앱을 설계할 수 있습니다. 포함:

  • 슬래시 명령어에 문자 메시지로 응답합니다. 또는 카드 메시지로 보낼 수 있습니다.
  • 사용자가 여러 단계를 완료할 수 있도록 돕는 대화상자 열기 예를 들어 양식 데이터 입력과 같은 프로세스를 자동화합니다
  • 유용한 정보가 포함된 카드를 첨부하여 링크 미리보기 사용자가 가져가게 되는 할 수 있습니다.

Chat 앱 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

AppSheet
애플리케이션 스크립트
전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

채팅

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

카드 프레임워크



커스텀 함수

커스텀 함수의 예

맞춤 함수를 사용하면 Sheets에서 함수를 더 추가할 수 있습니다. 사용자가 할 수 있는 작업 사용 가능한 수백 개의 내장 함수 중 원하는 것을 찾아 사용할 수 있습니다. 스프레드시트로 변환할 수 있습니다. 커스텀 함수를 편집기 부가기능

커스텀 함수 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

스프레드시트

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

기존 UI 사용


매크로

매크로 예시

매크로는 Sheets에서 특정 계열을 복제하는 기록입니다. 개발자가 정의하는 UI 상호작용이 있습니다. 매크로를 단축키에 링크할 수 있습니다. 또는 확장 프로그램 &gt; 매크로 메뉴

매크로를 기록하면 Sheets에서 자동으로 UI 상호작용을 복제하는 Apps Script 함수입니다. 다음을 수행할 수 있습니다. Apps Script 편집기 내에서 직접 매크로를 수정할 수 있습니다. 다음과 같이 작성할 수 있습니다. 매크로를 처음부터 새로 만들거나 기존에 사용하던 함수를 매크로로 변환합니다.

매크로 문서 보기

코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

스프레드시트

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

기존 UI 사용


맞춤 메뉴, 대화상자, 사이드바

맞춤 메뉴 예

맞춤 메뉴, 프롬프트, 알림 및 HTML 기반 대화상자를 추가하여 Google Docs, Sheets, Google Slides, Forms에서 맞춤 메뉴는 기본 메뉴에 액세스할 수 있습니다. 대화상자, 사이드바, 프롬프트, 알림은 일반적으로 메뉴 항목 클릭과 같은 사용자 동작이나 이벤트 기반 트리거를 사용합니다

맞춤 메뉴, 대화상자, 사이드바 문서 보기

코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

애플리케이션 스크립트

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

문서
스프레드시트
슬라이드
양식

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

HTML
iFrame



Drive 앱

Drive 앱 예

앱에서 Drive 파일을 지원하는 경우 앱을 만드는 옵션으로 앱을 표시하는 Drive 사용자 인터페이스 또는 파일을 열 수 있습니다. 앱이 신규 &gt; 더보기 메뉴와 사용자가 드라이브에서 파일을 마우스 오른쪽 버튼으로 클릭할 때 연결 프로그램 메뉴 사용자가 두 메뉴 중 하나에서 앱을 선택하면 앱이 새 창에서 열립니다.

Drive 앱 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

자동차

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

기존 UI 사용


Google 클래스룸 부가기능

클래스룸 부가기능

Google 클래스룸 부가기능을 사용하면 교육자가 다음 사이트에서 첨부파일을 만들 수 있습니다. 수업 활동, 공지사항 또는 학습 자료 열리는 첨부파일 서드 파티 콘텐츠를 클래스룸의 iframe에 포함할 수 있습니다. iframe이 열림 사용자 유형 및 클래스룸 컨텍스트에 따라 별도의 URL을 만들 수 있습니다.

클래스룸 부가기능 문서 보기

게시 가능



코딩 옵션: <ph type="x-smartling-placeholder">
</ph>

전체 개발자

다음 앱 확장: <ph type="x-smartling-placeholder">
</ph>

클래스룸

사용 가능한 UI 프레임워크: <ph type="x-smartling-placeholder">
</ph>

iFrame