Highlighters

for Collaboration

크롬 익스텐션을 통해 브라우저에서 텍스트/이미지/동영상을 하이라이팅하고, 공유 및 아카이빙 할 수 있는 그룹 협업 툴

목차

1. 프로젝트 개요
2. 서비스 소개
3. 서비스 구조도
4. 프로젝트 포스터

프로젝트 개요

프로젝트 기간 : 2022.12.23 ~ 2023.01.27 (5주)

기술 스택 :

분류	기술
Frontend
Extension
Backend
Database
Infrastructure/DevOps

팀원 : 5 (FE 2, BE 3)

서비스 사용 설명서 : 바로가기

웹사이트 : 바로가기

• demo 계정 : [email protected]
• demo 계정 비밀번호 : 1234
• 익스텐션을 설치해야 그룹원들의 하이라이팅을 볼 수 있고, 피드를 추가할 수 있으니 아래의 스토어에서 설치 후 이용해주시면 감사하겠습니다.

크롬 익스텐션 스토어 : 바로가기

발표영상 : 바로가기

(맨 위로)

서비스 소개

Highlighters는 3가지 고민에서 시작되었습니다.

• 웹페이지에서 중요한 내용이 한 눈에 보였으면 좋겠어!
• 브라우저에서 곧바로 팀원에게 링크를 보낼 수 없을까?
• 공유한 링크를 다시 찾기 쉽게 모아두면 좋겠어!

Highlighters는 이런 서비스입니다.

1. 크롬 익스텐션을 통해 텍스트, 이미지, 영상에 하이라이트를 할 수 있습니다.
2. 그룹원들에게 쉽게 링크를 공유할 수 있습니다.
3. 공유한 자료를 아카이빙하고 검색할 수 있습니다.

주요 기능

1. 텍스트 하이라이트

• 텍스트를 하이라이팅하고 이를 피드에서 확인할 수 있습니다.

2. 이미지 하이라이트

• 이미지를 하이라이팅하고 이를 피드에서 확인할 수 있습니다.

3. 유튜브 영상 하이라이트

• 유튜브 영상에서 원하는 시간을 하이라이팅할 수 있습니다.
• 피드에서 하이라이팅한 시간을 곧바로 재생할 수 있습니다.
  

4. 그룹원간 실시간 하이라이트 동기화

• 동일한 웹사이트에 접속했을 때, 그룹원이 하이라이팅한 내용이 내 화면에도 실시간으로 반영됩니다.

5. 그룹원간 메시지 및 링크 알림

• 그룹원에게 메시지 및 링크 알림을 보낼 수 있습니다.
• 링크 알림을 클릭하면 곧바로 해당 링크로 이동할 수 있습니다.
  

6. 3줄 요약

• 링크의 내용을 3줄로 요약해줍니다.
  

7. 피드 아카이빙

• 태그 별로 피드를 모아볼 수 있습니다.

• 날짜 별로 피드를 모아볼 수 있습니다.

• 즐겨찾기를 해 둔 피드를 모아볼 수 있습니다.

8. 피드 검색

• 오타가 있어도 의도한 검색결과를 제공해줍니다. (과금 문제로 현재는 일반 검색기능만 작동합니다.)
  

9. 피드 댓글

• 피드에 댓글을 달 수 있습니다.
  

10. 그리드뷰 보기

• 많은 피드들을 한 눈에 볼 수 있습니다.
  

(맨 위로)

서비스 구조도

(맨 위로)

프로젝트 포스터

(맨 위로)