👩‍💻 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. 스키마