1. Glide 알아보기
Glide는 Google Sheets와 연동하여 모바일 앱을 간단히 제작할 수 있는 노코드 툴이죠. Google Sheets의 데이터를 바탕으로 웹 및 모바일에서 사용할 수 있는 앱을 빠르게 만들 수 있어, 업무 보고서, 직원 관리, 데이터 대시보드 등을 간편하게 구축할 수 있습니다. 특히, 코딩의 필요 없이 시각적인 편집 도구를 사용하여 데이터를 앱 형태로 시각화할 수 있어 사내 데이터 대시보드나 내부 보고용 앱을 만들기에 적합합니다. 이번 글에서는 Glide를 활용하여 내부용 데이터 대시보드를 만드는 과정을 소개해보겠습니다.
2. 데이터 대시보드 시각화의 장점
Glide를 활용한 데이터 대시보드는 팀 내 데이터 접근성을 높이고, 실시간으로 데이터를 확인할 수 있어 협업의 효율성을 극대화할 수 있습니다. 또한, Google Sheets의 데이터를 기반으로 하기 때문에 데이터가 업데이트되면 앱에서도 실시간으로 반영되어 정보의 최신성을 유지할 수 있습니다.
메인인 장점:
실시간 데이터 반영: Google Sheets의 변경사항이 즉각적으로 앱에 반영됨.
직관적인 인터페이스: 비전문가도 쉽게 사용할 수 있는 UI 편집 도구 제공.
다양한 뷰(View) 지원: 리스트, 카드, 캘린더, 차트 등 다양한 형태로 데이터를 시각화 가능.
간편한 배포: 링크를 통해 손쉽게 배포하고, 모바일 환경에서도 최적화된 사용자 경험 제공.
3. 프로젝트 진행 상황 관리 : 스트럭처 활용 도구
이번 사례에서는 팀 내 프로젝트 진행 상황을 관리할 수 있는 데이터 대시보드를 구축해 보겠습니다. 이 대시보드는 각 프로젝트의 상태와 진행 상황을 시각적으로 확인할 수 있으며, 팀원들이 실시간으로 데이터를 업데이트하고 확인할 수 있도록 설계합니다.
필요한 데이터 항목
프로젝트 이름: 각 프로젝트의 이름
담당자: 해당 프로젝트의 담당자
시작일 및 종료일: 프로젝트 시작 및 종료 날짜
진행 상태: 각 프로젝트의 현재 상태 (예: Planning, In Progress, Completed)
우선순위: 프로젝트의 중요도 (예: High, Medium, Low)
4. Glide 설정 및 구글 시트 연동
Glide 앱을 만들기 위해 먼저 Google Sheets를 준비해봅시다. 아래 단계에 따라 Glide와 Google Sheets를 연동해 보겠습니다:
Google Sheets 준비: 먼저 Google Sheets에서 새로운 시트를 생성하고, 위에서 정의한 데이터 항목을 각각의 열(Column)로 설정합니다. 예를 들어, Project Name, Assigned To, Start Date, End Date, Status, Priority 등의 필드를 만듭니다.
Glide에 시트 연동하기:
Glide 웹사이트(glideapps.com)에 접속하여 새 프로젝트를 생성합니다.
Google Sheets를 선택하고, 방금 만든 Google Sheets 파일을 선택하여 Glide와 연동합니다.
데이터 확인 및 자동 반영 설정:
Glide에 시트가 연동되면 데이터가 자동으로 불러와집니다. 이때, Google Sheets의 데이터를 수정하면 Glide에서도 실시간으로 반영되도록 설정을 확인합니다.
5. 대시보드 UI 설계도.
Glide는 데이터를 다양한 형태의 화면으로 시각화할 수 있습니다. 프로젝트 진행 상황을 한눈에 파악할 수 있도록 카드(Card) 뷰와 차트(Chart) 뷰를 조합하여 대시보드를 구성해 보겠습니다.
1. 카드(Card) 뷰 설정하기
카드 뷰는 프로젝트의 개요 정보를 시각적으로 표현하기에 좋습니다. Glide의 Components 메뉴에서 Card를 선택하여 설정합니다.
각 카드에는 Project Name, Assigned To, Start Date, End Date, Status와 같은 주요 정보를 표시합니다.
Color Coding 기능을 사용하여 Status에 따라 카드의 색상을 다르게 설정하면, 한눈에 진행 상황을 파악할 수 있습니다.
2. 차트(Chart) 뷰 설정하기
차트는 전체 프로젝트의 진행 상황을 그래프로 시각화하는 데 유용합니다. Chart 컴포넌트를 추가하고, Status 필드를 기준으로 각 프로젝트의 진행 상태를 그래프로 표현합니다.
예를 들어, Pie Chart를 사용하여 각 진행 상태(Planning, In Progress, Completed)에 속하는 프로젝트의 비율을 시각적으로 표시할 수 있습니다.
또한, Bar Chart를 사용하여 각 담당자별 프로젝트 수나 우선순위별 프로젝트 분포를 시각화하면 프로젝트 리소스 배분 상태를 쉽게 확인할 수 있습니다.
3. 검색 및 필터 기능 설정하기
데이터가 많아지면 특정 프로젝트나 담당자를 쉽게 찾을 수 있어야 합니다. 이를 위해 검색(Search) 및 필터(Filter) 기능을 추가합니다.
검색 기능: 화면 상단에 Search Bar를 추가하여 프로젝트 이름, 담당자 이름 등을 기준으로 데이터를 검색할 수 있도록 설정합니다.
필터 기능: Priority 또는 Status에 따라 프로젝트를 필터링하여, 특정 우선순위나 상태의 프로젝트만 표시할 수 있도록 설정합니다.
6. PM 관리 기능 추가
데이터 대시보드에서는 단순히 정보를 보는 것만이 아니라 실시간으로 데이터 업데이트도 가능해야 합니다. Glide에서는 사용자가 직접 데이터를 수정하거나 새로운 프로젝트를 추가할 수 있도록 다양한 입력 폼을 제공합니다.
1. 데이터 수정 및 추가 폼(Form) 설정
프로젝트 정보를 추가하거나 수정하기 위해 Form 컴포넌트를 추가합니다.
예를 들어, New Project 버튼을 만들어 새 프로젝트를 추가할 수 있도록 하고, 각 필드(Project Name, Assigned To, Start Date, End Date, Status)에 대한 입력란을 설정합니다.
수정된 데이터는 자동으로 Google Sheets에 저장되고, 대시보드에서도 실시간으로 반영됩니다.
2. 프로젝트 상태 업데이트 기능
각 프로젝트 카드에 Action Button을 추가하여, 프로젝트 상태를 쉽게 업데이트할 수 있도록 설정합니다.
예를 들어, Complete 버튼을 클릭하면 해당 프로젝트의 Status가 Completed로 변경되도록 설정합니다.
7. 접근 권한 및 데이터 시각화 설정
Glide에서는 앱을 쉽게 팀원들과 공유할 수 있으며, 접근 권한을 설정하여 특정 사용자만 데이터를 수정하거나 볼 수 있도록 제어할 수 있습니다.
1. 링크 공유 및 설치
앱이 완성되면, Share 버튼을 클릭하여 링크를 생성하고, 팀원들에게 배포할 수 있습니다.
팀원들은 이 링크를 통해 앱을 설치하거나 웹 브라우저에서 대시보드를 확인할 수 있습니다.
2. 접근 권한 설정
각 사용자에 따라 읽기 전용(Only Read) 또는 쓰기 권한(Edit)을 설정하여 데이터의 무단 수정을 방지합니다.
특정 팀원만 프로젝트를 수정하거나 상태를 변경할 수 있도록 **사용자 역할(Role)**을 설정합니다.
8. 결론
Glide를 사용하여 내부용 데이터 대시보드를 제작하면 팀 내의 데이터 관리와 협업을 보다 효율적으로 수행할 수 있습니다. 카드 뷰와 차트 뷰를 활용하여 데이터를 시각적으로 표시하고, 실시간 데이터 업데이트와 권한 설정을 통해 체계적인 관리가 가능합니다. 이번 가이드를 참고하여 Glide를 활용한 대시보드를 직접 구축해 보세요!