Final Project_기업협업(왓츠굿)

denmark-choco·2020년 8월 25일
1

👩‍💻 Final Project

8월 24일 동기들과 Final Project 아이디어 공유시간을 가지고 기업협업 프로젝트 아이디어 피칭시간을 가졌다. 마지막 프로젝트에서 기업협업을 꼭 하고 싶다고 생각을 하고 있어서 기업협업 프로젝트 아이디어를 집중해서 듣고 왓프굿이라는 기업에 지원을 했다. 기업협업은 인기가 많은 경우 랜덤으로 결정되기 때문에 지원을 했지만 참여를 못 할수도 있어 떨리는 마음으로 기다렸는데 이번에 참여를 할 수 있게 되었다.

기업협업이 결정되고 팀원들도 결정되었다. 페어를 하면서 좋은 피드백을 받았던 재영님과 처음으로 만난 동훈님, 이전에 어려운 서버에서 페어를 진행해서 같이 힘들었던 태하님과 프로젝트를 진행하게 되었다. 팀원들의 첫 느낌은 다들 긴장을 했던거 같았다.

왓츠굿의 아이디어는 넷플릭스 파티처럼 스트리밍영상을 지인들과 함께 시청하면서 실시간 채팅을 할 수 있는 웹페이지를 구현하는 것이다. 기업측에서는 로고와 아이디어를 제공해주셨고 매주 미팅을 가지고 코드리뷰를 해주시기로 했다.

SR

1. 서비스기획

  • 전체 흐름도

1) 로그인 화면

  • 소셜 로그인

2) 메인화면

  • 영상목록
  • 모달창 : 영상설명 ( 데이터 받아서 렌더링)
  • 모달창 : 혼자보기 버튼 , 같이보기 버튼 (영상개설시 혼자시청인지 다수와 시청을 하는지 정하고 개설될 수 있도록 설정)

3) 스트리밍 화면

  • 영상링크공유 : 아이콘 클릭 시 자동 복사
  • 플레이한 영상기록 (채팅방 없이 혼자 볼 때)
  • 인터넷 환경에 따라 해상도 자동 변환
  • 다양한 디바이스에서 동작컨트롤바 제어 시 전체 채팅방 사용자와 재생 지점, 기능 동기화
  • 컨트롤바 이동 시 메타 이미지
  • 영상컨트롤 권한 : 호스트 (advanced : 모든 참여자)

4) 채팅방

  • 채팅방 바로 보이지 않고 선택지 만들기 + 트위치
  • 채팅방에 아무도 없으면 방 삭제
  • 채팅 : 입장기록, 영상 컨트롤 기록 , 이전 채팅 내용 다 보이기
  • 채팅프로필변경 (선택사항)
  • 채팅 입장, 퇴장 시 알림

2. 기능 리스트업

Bare Minimum Requirements

  • Google Login 기능

    구글 로그인

  • Video 목록 화면

    1. API 에서 받은 영화 정보 렌더링을 한다.
      • 장르 별로 구분해서 렌더링 한다.
      • 영화 썸네일을 렌더링한다.
  • Video 모달창

  • 스트리밍

  • 채팅

  • 반응형으로 렌더링한다.

Advanced

  1. 채팅 프로필 변경
  2. 채팅 이모지 적용
  3. 채팅 삭제 기능
  4. 채팅 금지 기능
  5. 강퇴 기능
  6. 혼자보기 기록 저장 및 이어보기 기능
  7. 방장을 표시한다.
  8. 컨트롤 바 이동시 메타이미지 확인 기능

Nightmare

  1. 거울모드(좌우반전)
  2. 구간 반복
  3. 자신의 얼굴 보여주기
  4. 테블릿 모드

3. 와이어프레임

  • Login

  • ListPage

  • StreamingPage

  • modal


4. 스키마

profile
즐겁게 배우고 꾸준히 블로깅하는 주니어 개발자입니다 ;>

0개의 댓글