soma7 / Mentoring

1 stars 0 forks source link

여섯번째 멘토링(2017-01-14) #8

Open bowbowbow opened 7 years ago

bowbowbow commented 7 years ago

1/14일 까지... 1] UI - WireFrame으로 -> UI 구현 가능한지 확인 -> highly + google docs에서 코멘트 스타일 -> UI에 들어갈 항목들 세분화 -> 광고, 추천정보, 정보(Note)

2] 유저 리워드에 대한 고민 -> 명예 - Ranking 제공 -> 일별, 주간? -> 특정 영역에 대한 마스터?(현재 이 분야는 누가 다 먹었다 이런식으로?) -> 특정 영역의 아이콘을 그 사람 스티콘으로 보여줌 -> 레벨이 높은 사람은 점수를 많이 줄 수 있게?

bowbowbow commented 7 years ago

꼭 들어갔으면 좋을 것 같은 6가지 UI.pdf

bowbowbow commented 7 years ago

계획서

3. 목표 및 내용

3.1 최종 목표

최종 목표. 웹상에서 익스텐션을 통해 웹상에서 내가 원하는 위치에 댓글, 질문을 남기고 답변을 받을 수 있도록 한다.

세부 목표1. 익스텐션을 통해 내가 원하는 위치에 댓글을 남길 수 있다.

세부 목표2. 다시 웹사이트에 방문했을 때 이전에 남겼던 댓글이 복원될 수 있다.

세부 목표3. 웹사이트 방문했을 때 다른 사람이 남긴 댓글을 볼 수 있고 답글을 남길 수 있다.

세부 목표4. 유저가 관심있을거 같은 질문, 댓글을 피드 형태로 추천할 수 있다.

세부 목표5. 유저가 관심있을거 같은 질문, 댓글에 대해 유저에게 알림을 보낼 수 있다.

세부 목표6. 웹사이트들을 클러스터링하여 분류된 정보를 제공할 수 있다.

3.2 단계별 목표 및 내용

3.2.1 [1단계] (3개월)
목표: 익스텐션을 통해 웹상에서 질문을 남기고 다른 유저가 남긴 댓글에 답글을 달 수 있다.
 주요 내용

  1. 크롬 익스텐션을 개발하여 웹에서 특정 영역에 댓글을 남길 수 있는 UI를 구현한다.
  2. 크롬 익스텐션에서 웹사이트에서 이전에 남긴 정보를 복원할 수 있는 기능을 구현한다. 3.크롬 익스텐션에서 다른 유저 들이 남긴 댓글을 보여주는 기능을 구현한다.
  3. 크롬 익스텐션에서 다른 유저들이 남긴 댓글에 답글을 다는 기능을 구현한다.
  4. 크롬 익스텐션에서 웹사이트 상에 남긴 댓글 정보를 저장하는 API 서버를 구현한다.
  5. 댓글 정보, 질문 답변 현황을 피드로 간단하게 볼 수 있는 개인화 홈을 구현한다.

[1단계 간트 차트]

3.2.2 [2단계] (3개월)
목표 : 개인화 홈에서 유저에게 적합한 피드를 보여주고 댓글에 연관 정보를 보여주도록 한다.

주요 내용

  1. 개인화 홈에서 피드를 평가할 수 있도록 한다.
  2. 개인화 홈에서 유저가 보기 싫은 피드를 삭제할 수 있는 기능을 구현한다.
  3. 웹사이트를 클러스터링하여 개인화 홈의 피드에 분류된 라벨, 태그 정보 보여주도록 한다.
  4. 개인화 홈에서 받은 피드 평가 정보를 이용해서 유저에게 적합한 피드를 추천하도록 한다.
  5. 댓글에 정보를 함께 표시하도록 한다.
  6. 댓글과 개인화 홈에 유저를 방해하지 않는 광고를 추가한다.

[2 단계 간트 차트]

3.3 주요 내용

  1. 익스텐션 개발

    • 특정 영역에 댓글을 남기는 것을 저장하고 구현할 방법
    • 남긴 댓글을 복원할 방법
    • 제공하는 UI 설명 
2. 웹 서버 개발
 + 디비 테이블
    • 서버 구성도
    • API 문서
  2. 개인화 홈 개발

    • 피드를 구성할 정보
    • 알림으로 제공할 내용

  3. 추천 기술 개발

    • 쌓을 데이터
    • 사용할 추천 기술
    • 사용할 라이브러리
hyonzin commented 7 years ago

UI 아이디어

1

크롬 익스텐션을 설치하여 적용하면, 위와 같이 오른쪽 스크롤바 옆에 (노랑) 타임라인이 생깁니다. 그 중 코멘트가 달려있는 부분에 표시가 생기고, 몇 개의 코멘트가 있는지도 표시됩니다. 하단에는 코멘트 입력 바가 있습니다. 페이지의 내용 중 일부를 드래그한 뒤 글을 입력하면, 그 부분에 코멘트를 달 수 있습니다. 아무 것도 드래그하지 않고 입력한다면 페이지 자체에 코멘트를 남깁니다.

2

코멘트 수가 표시된 말풍선에 마우스를 갖다대면, 웹페이지 내용 중 그 코멘트가 달린 부분이 하이라이트로 표시됩니다. 마우스를 올리고 있는 동안에만 표시합니다.

3

말풍선을 클릭하면, 그 부분에 달린 코멘트 내용이 활성화되어 하단에 나타납니다.

4

페이지 자체에 코멘트를 남길 경우, 페이지의 최상단에 표시하는 방법을 생각했습니다. 만약 페이지 최상단의 내용 중에 코멘트가 달려서 저 부분에 말풍선이 생기면, 왼쪽으로 살짝 밀려나도록 하면 어떨까 합니다.

여기까지 저와 재욱멘티가 지난번에 잠깐 이야기 나눈 UI 아이디어 내용입니다.

hyonzin commented 7 years ago

기획문서의 1배경, 2선행조사 부분은 일단락 된것 같습니다. 지난번 멘토링때 받은 피드백을 적용한 v6입니다.

기획문서1-2 v6.hwp.zip