Transcript Darlingdar 제작기획서

Darlingdar 제작기획서
2014.01.12
회원가입, 로그인, 커플신청
6
4
7
8
1
5
3
2
Intro_00
번호
Intro_01_02
Intro_01_01
내용
번호
내용
1
좌우로 넘기며 앱에 대한 설명
화면 제시
Tab pager를 이용해 구현
5
이메일주소(아이디로 이용), 비밀번
호, 이름(닉네임) 입력창
Edit text를 이용해 정보
를 입력 받는다.
2
회원가입. 누르면 Intro_01_01
로 이동
Framelayout을 이용해 화면 구
성,
DB를 이용해 서버 전송
(SQLiteDatabase 이용)
6
가입하기. 누르면 Intro_01_02로 이
동.
서버에 데이터 전송
3
로그인. 누르면 Intro_02로 이
동.
Framelayout을 이용해 화면구
성
Shared preference 를 이용해
자동로그인으로 설정
7
코드 입력하기. 상대방이 커플신청
코드를 전송했을 경우 코드넘버를
타이핑해서 입력 후 우측 버튼 탭하
면 입력 완료 후 Intro_02_02로 이동
4
프로필 사진 지정. 탭하면 갤러
리 열어서 사진 선택
Gallery를 이용해서 핸드폰에
있는 사진 목록을 보여준다.
8
코드 전송하기. 이메일 또는 카카오
톡으로 커플신청 코드넘버 문자 형
태로 전송함. 메일전송 누르면 메일
앱 구동,/카카오톡 누르면 카카오톡
친구 선택 화면 구동 후
Intro_01_02_01로 이동.
회원가입, 로그인, 커플신청
5
8
6
1
2
7
4
3
Intro_01_02_01
Intro_01_02_02
intro_02
번
호
내용
번호
내용
1
커플신청코드 남은 유효기간 표
시. 24시간 지나면 코드 무효화.
5
[iOS] 이전화면(Intro_01_01)으
로 이동
2
새로고침. 유효기간 남아있는
커플신청코드 재발송
6
(4) 입력 후 누르면 커플신청 및
커플앨범 생성 완료. Main_00
으로 이동
3
연결취소. 커플신청코드 무효화.
7
로그인 정보 입력. 타이핑 후
로그인 버튼 누르면
intro_01_02로 이동
4
앱 기본 정보 입력창. 커플앨범
제목, 사귀기 시작한 날 타이핑
해서 입력.
8
[iOS] 이전화면(intro_00)이동
Edit text를 통해 입력 받는다.
4번에서 입력 받은 내용으로 앨
범 title과 사귄날자를 넣어 앨
범 생성
기본화면
1
2
8
6
3
9
10
7
5
4
Main_00
번호
Main_00_02
Main_00_01
내용
번호
내용
1
마이메뉴 보기. 누르면
main_00_01 이동. 메인화면 살짝
보여주는 사이드메뉴 형태.
강사님이 주신 사이드바 보기 메
뉴 이용
6
마이메뉴. 상단부터 순서대로 자신의 프로
필사진+닉네임, 커플의 프로필사진+닉네
임, 사귀기 시작한 날, 사귄날부터 오늘까지
n일째 표시.
Edittext를 이용해서 데이
터 입력 받음
2
환경설정. 누르면 main_00_02 이
동. 메인화면 살짝 보여주는 사이
드메뉴 형태.
강사님이 주신 사이드바 보기 메
뉴 이용
7
마이메뉴 수정 버튼. 누르면 자신의 프로필
사진+닉네임, 사귀기 시작한 날 수정 가능
하도록 입력창으로 변환됨.
Gallery이용, Thumbnail
이용
3
캘린더 형태의 커플앨범. 좌우 스
와이프로 다른 달로 이동.
달력의 빈 칸 탭하면 사진 등록
(main_01), 사진이 이미 있는 칸
탭하면 사진 보기(main_02)로 이
동함.
Calendar이용
listView 이용
8
새글, 댓글 각각 푸시알림 온오프.
Notification 이용하여 푸
시 알림
4
동영상 만들기 버튼. 누르면
main_04 이동.
9
리마인더. 오늘까지 N일(앱에서 기본으로
지정할 예정)동안 캘린더에 사진을 등록하
지 않았을 경우 푸시알림으로 사용 유도.
5
앨범 모아보기 보기 버튼. 누르면
main_03 이동.
10
로그아웃, 계정삭제.
Gallery이용 GridView 이용
Server에서 관리
사진 등록(촬영)
1
8
2
9
3
캘린더의 비어있는
칸 탭하면 사진 불
러오기로 넘어감.
4
Main_00
번호
[iOS] 사진촬영 취소. 메인캘
린더로 이동.
2
카메라 설정 버튼. 좌측부터
순서대로 카메라 전환(전/
후), 그리드 표시, 플래시
3
10
7
Main_01
내용
1
6
5
Main_01_01
번호
Main_01_01_01
내용
6
사진 정사각형으로 크롭.
오토 포커싱정도 가능
7
사진에 필터 적용. 탭하면 상단의 사
진에 바로 적용. 좌우 슬라이드로 목
록 보기.
카메라 촬영 화면
Camera이용
8
[iOS] 이전화면으로 이동
4
갤러리(main_01_02) 이동.
Gallery이용
9
다음화면(main_01_01_01)으로 이동
5
탭하면 사진 촬영
Camera 이용
10
사진의 제목과 날짜 입력창. 제목은
바로 타이핑해서 입력, 날짜는 촬영오늘날짜/불러오기-사진찍은날짜 기
본으로 제시 후 탭하면 변경 가능.
Edit text로 date와
title을 배열로 저
장
사진등록(갤러리에서 불러오기)
2
4
(1)캘린더의 비어
있는 칸 탭하면 사
진 불러오기로 넘
어감.
1
5
3
(2)갤러리 버튼 탭하면
갤러리로 들어감.
Main_00
번호 내용
1
갤러리에서 앨범 선택. 탭하
면 앨범 확대(main_02_01)
이동
2
[iOS] 이전화면 이동.
3
갤러리에서 사진 선택. 원하
는 사진 누르면 테두리에 색
으로 표시된다.
Main_01_02
Main_01
번호 내용
Gallery이용,
Frame layout을 이용해
item choice mode 사용 표
시
Item Image Backgroud를
수정
4
[iOS] 이전화면 이동.
5
사진 편집화면(main_01_01)
으로 이동.
Main_01_02_01
6
7
5
사진보기
10
4
1
2
8
9
3
Main_02_pop
Main_02_01
Main_02
번호
내용
번호
Main_02_02
내용
1
캘린더에 올린 사진. 탭하면 전
체화면(main_02_02)으로 확대.
Framge Layout으로 Visible로 바
꿈
6
[iOS] 이전화면 이
동
2
사진의 제목, 달린 댓글 표시
TextView 이용
7
해당일(오늘 아니
라 캘린더에서 탭
한 날짜) 날짜 표
시
3
댓글달기, 수정 버튼. 댓글달기
누르면 댓글창 열리고 수정버튼
누르면 main_02_pop 팝업창 나
옴
ListView 이용
Visibility ,animation 이용
8
댓글 달린 사진은
사진에 조그맣게
댓글표시
4
사진 보기 방식 전환. 탭하면
main_02_01 방식으로 전환되고
다시 탭하면 원래 방식으로 전환.
Gallery 이용
9
사진의 타이틀, 날
짜 표시
Text View 이용
(사진을 서버에 저
장할때 타이틀과
날짜를 함께 저장,
가져올때 함께 가
져옴)
5
해당일 사진 추가 버튼. 탭하면
사진 추가 화면(main_01) 열림.
Gallery이용
10
닫기
Finish
특이사
항
Main_02에서 좌우로 스와이핑하면 이전/이후날짜 사진보기
로 이동, 위아래 슬라이드로 해당일 다른 사진 보기.
ACtionBar 이용
사진/영상 모아보기(썸네일)
2
4
3
1
main_03
Main_00
번호
내용
번호
1
사진/영상 모아보기. 탭하면
main_03 이동
ImageView이용
인텐트를 이용하여 새 창을
넘긴다.
4
2
사진/동영상 선택. 처음 (1)에
서 들어올 때 사진 먼저 제시,
동영상 메뉴 탭하면 동영상
모아보기(main_03_01) 형태
로 제시.
Tab pager이용
5
3
사진 모아보기. 캘린더에 올
린 사진을 처음부터 끝까지
썸네일로 보여줌. 상하 스크
롤로 보는 방식.
GridView 이용
6
main_03_01
내용
동영상 모아보기. 지금까지
앱에서 만든 동영상 볼 수 있
음. 좌측에 썸네일 제시, 우측
에 동영상 제목과 기간 표시.
ListView 이용
동영상 제작(1)
6
4
2
7
5
1
3
Main_00
번호
Main_04
내용
1
동영상 제작 버튼. 누르
면 main_04 이동.
Intent로 화면 넘김
2
날짜 지정. 사진으로 동
영상 제작하고 싶은 날
짜 시작일~마지막일 설
정. (연/월/일 각각 상하
스크롤)
3
설정한 기간 동안 캘린
더에 올라와 있는 사진
총 몇 장인지 표시됨
Count함수 사용???
4
다음단계 Main_04_01
이동
Multichecked를 이용하
여 해당 날짜 사진을
GridView를이용하여 보
여준다.
번호
Main_04_01
내용
5
설정한 기간 동안 “빼고 싶은” 사진 선
택. 기본적으로 모두 선택되어 있는 상
태에서 동영상 제작 시 제외하고 싶은
사진 누르면 어둡게 표시되며 동영상
제작에 포함되지 않음. 다시 탭하면 포
함.
Mutichecked를 이용
Backgroud를 이용
6
선택한 기간 동안 선택되어 있는 사진
장수 표시
Count이용????
7
다음단계 main_04_02 이동.
Intent이용
1
동영상 제작(2)
8
2
3
번
호
1
내용
동영상 제작 기간(앞에서 설정)
표시.
번
호
7
내용
워터마크 설정. 기본적으로
동영상 우측 하단에
Darlingdar 워터마크 반투명
하게 표시됨. 워터마크 설정
끄기 위해 탭하면 유료 결제
선택창 제시.
2
영상 미리보기.탭하면 재생, 재
생 중 탭하면 일시정지. 아래에
서 설정한 옵션 바로 적용.
8
다음단계 이동. 탭하면
main_04_pop으로 저장과정
보여준 후 main_04_03 이동.
3
영상 필터. 좌우 스크롤로 목록
보기. 탭하면 (2)의 영상에 적
용.
9
완성된 영상 보기. 탭하면 재
생. 제일 처음 (6)에서 설정
한 제목 나온 후 앞에서 선택
한 사진이 시간 순서대로 슬
라이드쇼 형태로 넘어감.
4
BGM 추가. 탭하면 목록 아래
로 펼쳐짐. 노래 제목 누르면
미리듣기(음악 재생), 오른쪽
체크박스로 동영상에 포함할
음악 선택.
10
영상의 제목, 영상에 쓰인 사
진들이 등록된 기간.
동영상 재생시간/재생속도 설
정. 15초, 30초, 1분 등 재생시
간 선택하면 사진 장수에 상관
없이 총 재생시간에 맞도록 속
도 자동 조절. 속도 자유선택->
사진 한 장당 부여되는 속도 설
정하면 이에 맞게 재생시간 결
정됨.
11
제목 지정. 동영상 처음에 표시
될 제목을 적는 입력창.
12
5
6
5
6
7
4
4
Main_04_02
Main_04_pop
1
2
공유 및 삭제. 공유 버튼 탭
하면 SNS,카카오톡 등 선택
창 팝업.
9
1
0
1
1
완료. 메인 캘린더로 이동.
Main_04_03