Transcript 아이폰 앱 개발 포트폴리오1_이희창

Moveworks
사용자에게 감동을 주는 앱을 개발하다.
Self Introduction
이름 : 이희창
생년월일:1987. 07. 11
관심 분야:
iOS, Objective-C, C, Android, Java
창업 계기:
평소 서비스 앱 개발에 관심이 있었습니다.
군 전역 후 이러한 관심이 계기가 되어 아이
폰 앱을 개발하게 되었습니다.
앱스토어 배포 작품:
크리스 마스의 별, 드림노트
개요
크리스마스의 별 개발 배경
기능 소개
DreamNote 개발 배경
구성 설계
기능소개
개발 배경
앱 이름 : 크리스마스의 별
앱 장르 : 자기계발
개발 배경:
치열한 경쟁속에서 살아가는 현대인들에게
도움을 줄 수 있는 앱을 개발하기 위해 고민
했습니다. 이런 고민하고 있는 상황에 UI 디
자이너로 부터 컨텐츠를 제공받아 현대인
의 성찰을 돕는 내용의 앱을 개발하게 되었
습니다.
Home
Read : 사용자에게 컨텐츠를 보여줍니
다.컨텐츠의 내용은 총 60 Page 입니다
.
List: 컨텐츠의 목차를 보여줍니다.
Mail : 메일 전송 기능을 제공하는 뷰로
화면을 전환합니다.
Read
Home(좌측 하단) : main 화면으로 전환
합니다.
List(우측 하단): 컨텐츠의 목차를 보여
줍니다.
좌/우 로 Swipe하여 이전/다음 페이지
로 페이지를 전환합니다.
Read Code
사용자의 Touch 좌표를 계산하여 페이지를 다음/이전 페이지로 이동
합니다.
List
Home(좌측 하단) : Home 화면으로 전
환합니다.
List(우측 하단): List를 보여주기 전
Read View로 되돌아 갑니다.
List 중에서 특정 항목을 선택하여 지정
된 Page로 이동합니다.
List Code
List의 특정 항목 선택시 선택된 페이지로 이동합니다.
Mail
Home(좌측 하단) : Home 화면으로 전
환합니다.
Mail(우측 하단) : 개발자에게 애플리케
이션의 개선사항을 요청할 수 있는 메
일 전송 기능을 제공합니다.
Mail Code
Mail 버튼 선택시 개발자에게 메일로 개선사항을 요청하는 기능을 제
공합니다.
개발 배경
앱 이름 : 크리스마스의 별
앱 장르 : 자기계발
개발 배경:
자기계발에 관심이 많아 관련 서적을 읽던
중 “이미지 트레이닝”이라는 기법을 알게되
었습니다. 이러한 기법을 제공하는 App이
있다면, 사용자의 목표 성취를 효과적으로
도울 수 있다고 판단하여 앱을 개발하게 되
었습니다.
구성 설계
UI 설계
Home
Guide : 사용자에게 앱 사용법을 설명
합니다.
Dreaming: 사용자에 의해 저장된 목표
들이 화면에 보여집니다.
Setting : 이미지 트레이닝에 소요되는
시간과 배경 색상 설정 기능을 제공합
니다.
Guide
How to use : 사용자에게 DreamNote
사용 법을 안내합니다.
Dreaming of Great men : 이미지트레
이닝을 통해 성공한 대가들의 명언을
사용자에게 보여주어 동기를 부여합니
다.
Episode : DreamNote를 제작하게 된
계기를 소개합니다.
Info
WebSite of move works : 해당 버튼을
통해 moveworks의 앱을 관리하는
Website로 이동합니다.
E-Mail : 개발자에게 애플리케이션의
개선사항을 요청할 수 있는 메일 전송
기능을 제공합니다.
Dream List
Dream List에 등록된 정보를 선택하여
사용자의 상세 목표를 확인할 수 있습
니다.
Plus( +) 버튼을 선택하여 사용자의 목
표를 추가할 수 있습니다.
Dream List Code
Dreaming 버튼 선택 후 DB에 저장된 정보를 불러와 화면에 Table로
보여줍니다.
Dream List Code
Dreaming List를 구성하는 TableView의 Cell 선택시 해당 Index를 저
장함으로써 Dreaming 화면에서 보여줄 데이터를 관리한다.
Write
성취하고자 하는 상세 목표 내용을 텍
스트 박스에 기록합니다. 이는 이미지
트레이닝시 화면에 보이게되는 문구입
니다.
Load Image 버튼을 통해 저장된 사진/
동영상을 불러오거나 새로운 사진/동영
상 촬영 기능을 제공합니다.
Save 버튼을 선택하여 사용자의 목표
를 저장할 수 있습니다.
Write Code
사용자 기기의 카메라 기능 유무를 판별하여 사진 촬영 버튼 노출 여
부를 결정하기 위해 코드를 작성하였습니다.
사용자의 선택에 따라 Photo Library 또는 Camera View가 화면에 보
여지게됩니다.
Write Code
이미지 트레이닝에 사용될 사진이 선택되면 index를 파일명으로 갖
는 이미지를 이미지 경로에 저장합니다.
Write Code
Save 버튼을 선택하면 사용자가 입력한 Text내용과 Image 경로를
DB에 저장하여 관리합니다.
Dreaming
Go 버튼을 선택하여 이미지 트레이닝
을 시작할 수 있습니다.
Edit 버튼을 선택하여 사용자의 목표를
수정할 수 있습니다.
Slide를 통해 글자 크기를 변경할 수 있
습니다.
Minus( - ) 버튼을 선택하여 해당 컨텐
츠를 삭제할 수 있습니다.
Dreaming Code - 1
UIView의 animationWithDuration 메소드를 중첩하여 Go버튼 선택시 부드러
운 이미지 전환기능을 제공합니다.
Dreaming Code - 2
Dreaming Code - 3
Image Training
사용자가 지정한 사진/동영상이 실행되
면서 이미지트레이닝을 시작합니다.
이미지 트레이닝은 Home 화면의
Setting 메뉴에서 설정된 시간 만큼 진
행 됩니다.
Edit
수정하고자 하는 목표 내용을 수정하는
기능을 제공합니다.
Load Image 버튼을 통해 기존에 설정
된 사진/동영상을 새로운 사진/동영상
으로 대체하는 기능을 제공합니다.
Save 버튼을 선택하여 사용자의 목표
를 저장할 수 있습니다.
Setting
Setting화면의 Duration time of
selected image를 선택하여 이미지 트
레이닝을 수행하는 시간을 지정할 수
있습니다.
이미지 트레이닝에 사용되는 배경 이미
지 색상을 선택할 수 있습니다.
Setting Code
사용자의 선택에 따라 이미지 순환 시간을 설정합니다.
감사합니다.