UI설계도 다운로드

Download Report

Transcript UI설계도 다운로드

LOGO
돌고래
IBM
Campus Wizard
카드리스트
카드등록
국민카드
KB 스타체크
만든사람들
카드리스트
카드등록
카드회사 선택
BC카드
굿데이
BC카드
카드리스트
카드등록
만든사람들
돌고래
IBM Campus Wizard
카드종류 선택
3조 조원 이름
우리V체크
IBM CW Facebook 링크
NH마이원
우리V체크
만든사람들
등록하기
CW 소개 웹 페이지 링크
(1조 프로젝트)
E-book 다운로드 링크
(2조 프로젝트)
초기화면
1.5초 정도 Delay를 주어
이 그림이 표시되도록 한다.
LOGO
돌고래
IBM
Campus Wizard
탭뷰 – 카드리스트
카드리스트
카드등록
국민카드
KB 스타체크
굿데이
BC카드
NH마이원
우리V체크
만든사람들
LinearLayout과
CustomListView를 이용하여 구성한다.
사용자 휴대폰의 Local Data Storage에서
사용자가 미리 등록한 카드 정보를 불러온다.
(미리 등록한 정보가 없을 경우,
TextView 혹은 Toast 메시지를 이용해
“카드 등록 탭에서 카드를 등록해보세요!”
라는 메시지를 출력해준다.)
다이얼 버튼을 누를 경우,
해당 카드사의 분실신고접수전화번호로
자동 다이얼된다.
탭뷰 – 카드등록
카드리스트
카드등록
카드회사 선택
BC카드
카드종류 선택
우리V체크
등록하기
만든사람들
TextView와 Spinner, Button을
이용하여 구성한다.
카드회사 선택의 Spinner에서
특정한 item을 선택하면
카드종류 선택의 Spinner에 표시될
Item들을 불러온다.
두 항목이 모두 선택되었을 경우,
등록하기 Button을 누르면
Local Data Storage에 해당 내용을 저장한다.
탭뷰 – 만든사람들
카드리스트
카드등록
만든사람들
돌고래
IBM Campus Wizard
3조 조원 이름
IBM CW Facebook 링크
CW 소개 웹 페이지 링크
(1조 프로젝트)
E-book 다운로드 링크
(2조 프로젝트)
ImageView, TextView 등을 적절히 사용하여
구성한다.
내용이 많으면
복잡하고, 사용자의 눈길을 끌지 못하므로
다른 조의 프로젝트를 홍보 겸 적절히 사용
(간단한 설명은 반드시 있어야 한다.
예를 들면, E-book 다운로드 링크 주변에
“이 앱은 IBM의 dW 내용을 참조하여
만들어졌습니다.” 정도의 내용이 필요하다.)
IBM Campus Wizard를 소개하기 위하여
Facebook 페이지와, 1조에서 진행하고 있는
웹 사이트의 링크를 참조한다.
앱을 만들기 위해 참조한 관련 자료를
dW에서 얻었다는 것을 소개하기 위하여,
2조에서 진행하고 있는 E-book을 소개한다.