Google Workspace의 사용 비율이 높아짐에 따라 Gmail의 기업 내 활용도 역시 증가하고 있다. 이에 따라 DBInc의 의뢰로 Gmail이 조직도 기능을 지원하지 않아 수신인의 메일 주소를 찾을 때 겪는 불편함을 해소하기 위해 Gmail Add-On 프로그램을 개발하게 되었다. Gmail 작성 폼에 조직도를 호출할 수 있는 Chrome 확장 프로그램을 개발하였으며, 조직도를 보여주는 웹 UI를 구성하였다. 조직도에서 원하는 직원을 클릭하면 해당 직원의 메일 주소가 자동으로 수신인 칸에 삽입되는 Add-On기능을 구현하는 것이 본 프로젝트의 핵심 목표이다.
- Frontend: HTML, CSS, JavaScript
- Backend: Spring Boot(Java)
- DB: MYSQL
- Chrome Extension API: 크롬 확장 프로그램 구조 구성, DOM 조작, Message Passing
- Gmail 작성 폼 하단에 기업의 조직도 아이콘 추가(DOM 조작)
- 아이콘 클릭 시 DBInc 조직도 프로그램 팝업 창 생성
- 조직도 프로그램 내 법인별 부서 및 임직원 조회
- 조직도에서 선택한 조직원의 이메일 자동 입력 및 편리하게 메일 전송
- 사용자 버전 조직도 앱은 부서 기반 사용자 조회, 메일 수신자 관리, 이메일 발송 등의 기능 제공
- 관리자 버전 조직도 앱은 사용자 및 부서를 등록, 조회, 수정 하고 관리자 권한과 법인 할당 기능 지원
- 팀 단위 수신/참조/숨은참조 카테고리
- 삽입 전 이메일 확인 기능
- 되돌리기(Undo) 기능 추가 → 사용자 실수 방지
- 선택 과정 단순화 → UI 사용성 향상
- 삽입 방식 개선 → 혼란 줄이고 사용자 실수 방지
- 사용자 피드백 기반 UI 반복 개선 경험
- 실행 메뉴얼 문서 보기
- ｢크롬 확장프로그램 연동 문서 보기（docs\Chrome_Extension_Gmail_연동문서.pdf）
- 시연 영상 링크