“ 집나간 몽실이” 프로젝트

작성자 : 최선경

2011.6.14 _____ 1 차 UI 디자인

모바일 프로그램 가이드

< 반려동물 QR 명찰 >

• 사용자에게 QR 마크 자동생성 및 제공• 사용자간의 공유공간 제공 - 공유공간 ( 동영상 , 동영상 BEST)

• 1 차 개발의도는 홍보와 공유에 있습니다

컨셉 및 의도

UI 기본 흐름도

UI 설계 초기화면

“ 집나간 몽실이”

몽실이 찾기

3 초후 자동넘어감

UI 설계 메인메뉴

#1Best1

MV스틸샷

#1Best1

MV스틸샷

Best3 MV

스틸샷

Best3 MV

스틸샷

#2몽실이스

티샷

#2몽실이스

티샷삐삐

스티샷삐삐

스티샷 복돌이스티샷

복돌이스티샷

푸푸푸푸

< 노출 우선순위 >#1 베스트동영상#2 즐겨찾기추가 ( 꾹 ~ 누르고있으면 알림물어보기 )#3 업데이트 최근날짜 우선순위 동영상

<#3>각 방의 이미지는 사용자가 올린 사진을 업로드하면 ,,,없으시 기본 이미지 보여지게 된다 .

기본 컨텐츠들은 상하롤링적용

<#M>메뉴 선택시 하단에서 위로 올라오는 메뉴 HScrollView 적용

#M 메뉴

삐삐스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

Best2 MV

스틸샷

Best2 MV

스틸샷

#3푸푸

#3푸푸 삐삐

스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

UI 설계 서브메뉴

#1Best1

MV스틸샷

#1Best1

MV스틸샷

Best3 MV

스틸샷

Best3 MV

스틸샷

#2몽실이스

티샷

#2몽실이스

티샷삐삐

스티샷삐삐

스티샷 복돌이스티샷

복돌이스티샷

푸푸푸푸

#M 메뉴

삐삐스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

Best2 MV

스틸샷

Best2 MV

스틸샷

#3푸푸

#3푸푸 삐삐

스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷#5 회원가입 ( 멍멍이 이미지 )

#6 컨텐츠업로드 ( 파일 + 위화살표 )

#7 검색 ( 돋보기 )

#8 사용자가이드 (?)

< 메뉴 선택시 >#M 을 닫고 서브메뉴로 간다

#7 : 알림메뉴

UI 설계 회원가입

#5 :

자동 닫힘 ( 완료버튼 클릭 )

회원가입 :( 이름 , 출생 , 소속 ( 애견주명 ), 전번 , 주소 )

#5_5: 누르고 있으면 알림메뉴 (사진업로드 )

#5 회원가입

애칭 :__________

출생 :__________

소속 ( 주인명 )______________ 소속 ( 주민번호 )___________전번1:___________________전번2:___________________

주소 :_______________________________________________

완료

#5_5사진등록

취소수정

<#6>

업로드 및 삭제

동영상에 대한 간단한 코멘트를 넣을 수 있다

UI 설계 동영상보기

#6 컨텐츠 업로드

Best 동영상 몽실이

------ 제목및간단설명 -----

업로드 취소삭제

<#8>

UI 설계 검색

#8 이용가이드

------ 이용가이드 -----

----------

취소

동영상

검색

회원가입및수정

QR 생성

즐겨찾기추가

--

UI 설계 알림메뉴 _ 검색

#1Best1

MV스틸샷

#1Best1

MV스틸샷

Best3 MV

스틸샷

Best3 MV

스틸샷

#2몽실이스

티샷

#2몽실이스

티샷삐삐

스티샷삐삐

스티샷 복돌이스티샷

복돌이스티샷

푸푸푸푸

#M 메뉴

삐삐스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

Best2 MV

스틸샷

Best2 MV

스틸샷

#3푸푸

#3푸푸 삐삐

스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

#7 알림메뉴

이름 제목 이름또는제목

몽실이 검색

UI 설계 알림메뉴 _ 사진등록

#5 회원가입

애칭 :__________

출생 :__________

소속 ( 주인명 )______________ 소속 ( 주민번호 )___________전번1:___________________전번2:___________________

주소 :_______________________________________________

완료

#5_5사진등록

취소수정

#2몽실이스

티샷

#2몽실이스

티샷삐삐

스티샷삐삐

스티샷 복돌이스티샷

복돌이스티샷

#3푸푸

#3푸푸 삐삐

스티샷삐삐

스티샷복돌이스티샷

복돌이스티샷

#5_5 사진등록

사진촬영

사진찾기

취소

개발환경

서버 환경 --------------

HW:OS : DB :

개발환경 --------------

HW:OS : Windows7DB : SQLiteTOOL_1 : eclipse-java-galileo-SR1-win32TOOL_2 : Adobe MasterCollection CS5TOOL_3 : MS Office Powerpoint 2007