티아카데미에서 교육받으며 개발한 모카(Moca)의 기술발표자료입니다. 발표자: 홍석유/조은실 발표주제: 모카 앱 소개 및 적용기술 소개 + 향후 과제

1. 모카
모델과
카메라를 가진 사진작가를 위한 플랫폼
홍 석 유 (서버)
조 은 실 (안드로이드)

2. 발표순서
앱 소개 앱 데모 기술 소개 향후 과제

3. 앱 소개
앱 소개 앱 데모 기술 소개 향후 과제

4. 서비스(앱) 소개
컨셉
사진을 찍고 싶은 사람과 찍히기를 원하는 사람이 스튜디오를 연계하여
촬영에 대한 필요 요소 매칭 서비스를 제공
Solution
사진작가와 모델간의 매칭 절차 간소화
사진작가와 모델의 포트폴리오 관리
작가와 모델의 활동 공간 제공
Problem
사진작가와 모델간 명확한 매칭 절차 부재
신뢰성 있는 사진작가와 모델 정보 부족
일반인 작가와 모델간 매칭 서비스 부재

5. 주요 기능
모델 프로필 작가 프로필
요청서뉴스피드
• 모델 등록
• 모델 리스트 보기
• 모델 프로필 상세보기
- 프로필이미지, 평가, 기본정보, 촬영 희망지역,
희망컨셉, 신체사이즈, 자기소개 등
• 모델 포트폴리오 보기
• 사진작가 등록
• 사진작가 리스트 보기
• 사진작가 프로필 상세보기
- 프로필이미지, 평가, 기본정보, 촬영 희망지역,
희망컨셉, 자기소개 등
• 사진작가 포트폴리오 보기
• 모델/사진작가 실시간 작품 감상
- 사진, 코멘트 등
• 사진 좋아요/좋아요 취소 하기
• 업로드 모델/사진작가 프로필 보기
• 모델/사진작가에세 작업 요청서 보내기
- 촬영 희망지역, 희망컨셉, 작업 날짜, 시간, 금액,
요청사항 등
• 요청서 리스트 보기, 요청서 상세보기
• 작업 재요청, 승인, 거절, 채팅, 평가하기, 평가보
기 가능

6. 전체 기능
Intro
Login
Home
뉴스피드 모델 사진작가
Right navy
예약/결제이력
도움말
이용약관
정보 취급방침
설정
알림 메세지
위시리스트
모카 로그인
페이스북 로그인
작업 요청서 리스트
모델/작가 등록
작업 요청서 재요청
작업 요청서 승인
요청서
거절/거절 사유보기
요청서
평가하기/보기
뉴스피드 리스트
채팅
스튜디오 예약 작업 결제
사진/코멘트 보기
모카 회원가입
마이페이지
작업 요청서
상세보기
프로필 상세보기
프로필 수정하기
포트폴리오 업로드/
수정하기
뉴스피드 업로드/
수정하기
뉴스피드 좋아요
모델 리스트
모델 프로필
/포트폴리오 보기
모델 필터 검색
요청서 보내기
작가 리스트
작가 프로필
/포트폴리오 보기
작가 필터 검색
요청서 보내기
채팅 리스트
채팅 하기

7. 앱 데모
앱 소개 앱 데모 기술 소개 향후 과제

8. 앱 데모

9. 기술소개
앱 소개 앱 데모 기술 소개 향후 과제

10. 협업 과정

11. 협업 과정
Google Drive
회의록/디자인 공유
Trello
프로젝트 관리
Slack
커뮤니케이션 툴
Github
소스형상관리

12. 협업 과정
Trello
프로젝트 관리

13. 협업 과정
Postman
API 테스트
Confluence Wiki
API 문서 관리
Webstorm
IDE
Android Studio
IDE

14. 협업 과정
Confluence Wiki
API 문서 관리

15. 서버 기술 소개 ­ 1) Architecture - 서버
S3 BucketCloudFront
60개의 API
5개의 Collection
Mobile Client
(Android)
(image) (image)
Image
upload
CDN
API server

16. 서버 기술 소개 ­ 1) Architecture - DB
Books(갤러리)
book_id
user_id
book_img
upload_time
like_user
…
Users(유저)
user_id
user_type
rank
average_rank
gcm_token
…
Proposals(요청서)
proposal_id
req_user_id/res_user_id
proposal_stat
end_time
chat_id
5개의 Collection
Chat(채팅)
chat_id
message
…
Noti(알림)
noti_id
proposal_id/chat_id

17. 서버 기술 소개 ­ 2) Restful API
Image
upload

18. 서버 기술 소개 ­ 2) Restful API
60개의 API
1) API 명시 2) Versioning
3) Resource 4) CR-RUD
POST(생성) - /api/1/proposals
GET (조회) - /api/1/proposals
GET (조회) - /api/1/proposals/:proposal_id
PUT (수정) - /api/1/proposals/:proposal_id
Delete(삭제) - /api/1/proposals/:proposal_id

19. 서버 기술 소개 ­ 3) Modules

20. 서버 기술 소개 ­ 4) TDD ­ mocha, should

21. 안드로이드 기술 소개
§ GCM Notification
GCMApp Server
Activities
GcmReceiver
MyGcmListenerService
MyApplicationActivityLifecycleCallbacks
• onActivityStarted
: AppStatus.FOREGROUND
• onActivityStopped
: AppStatus.BACKGROUND
인트로
로그인
메인
요청서
상세보기
REQUEST_ID
REQUEST_ID
REQUEST_ID
REQUEST_ID
Intent.FLAG_ACTIVITY_CLEAR_TOP

22. 안드로이드 기술 소개
§ Material Design
NavigationView
AppBarLayout/Toolbar
Theme
colorPrimary
colorPrimaryDark
colorAccent
CardView
cardCornerRadius
cardElevation
FloatingActionButton
최신 머터리얼 디자인 적용
DatePicker, TimePicker

23. 안드로이드 기술 소개
§ Multi type RecyclerView
ProfileViewHolder
position=0
NewsfeedViewHolder
ProfileNewsfeedAdapter
• onCreateViewHolder
• onBindViewHolder
멀티 레이아웃
RecyclerView 구현

24. 안드로이드 기술 소개
§ Single choice RecyclerView 구현
Activity CheckableAdapter CheckableItem
• setOnItemClickListener • lastSelectedItem
• select
• setSelect
• isNonSelected
• getSelectedItem
• tag
• isSelected
CheckableViewHolder
• OnItemClickListener
CheckableLayoutItem
• tag
• item1
• item2
• item3
• isSelected
Adapter에서
Single choice mode 구현
CheckableLayout
ViewHolder

25. 안드로이드 기술 소개
§ PopActivity 구현
Spinner 대신
item 선택 Activity 구현
onActivityResult
• RESULT_ADDRESS
• RESULT_CONCEPT
나인패치
적용
drawable selector
적용
Intent.FLAG_ACTIVITY_FORWARD_RESULT
• TAG_SIDO
• TAG_SIGUNGU
• TAG_CONCEPT

26. 안드로이드 기술 소개
§ Loading AnimationDrawable 적용
Client Server
Animation start
Animation stop
request
duration 0.1초로
로딩 아이콘 애니메이션 구현
response

27. 안드로이드 기술 소개
§ Open source library
Roundedimageview
§ Custom Fonts 적용
EditText
비비트리글꼴
TextView
나눔고딕글꼴
Google - gson

28. 향후 과제
앱 소개 앱 데모 기술 소개 향후 과제

29. 향후 과제
뉴스피드
모델 사진작가
요청서
승인/거절/평가
모카 로그인
모델/작가 등록
모카 회원가입
알림 메시지(푸시)
페이스북 로그인
채팅
프로필 수정하기
모델 /작가
필터 검색
위시리스트
스튜디오 예약
작업 결제
본인인증
1차 상용화
2차 업그레이드
테스트(QA)
리팩토링 TDD(Test Case)
Load Balancing
DB Multi A-Z
Global Service