2. App의 Service를 간단히 정리해보자.
우리 앱은 사용자가 쾌적한 삶을 살 수 있도록 도와주는 앱이다.
사용자는 매일 어떤 장소로 이동을하고 집으로 돌아가는 루틴을 반복한다.
그럼 우리는 사용자에게 이동할 장소의 정보를 미리 알려주는 서비스를 제공하자.
그렇다면 사용자가 집에 도착하기 전에 집의 상태를 알고
그 상태를 더 쾌적하게 제어할 수 있는 방안을 제공하자.
이동할 장소는 사용자가 검색을 통해서 입력할 수 있도록 하고
기본적으로 집에 대한 정보를 가지고 있도록 하자.
결국 사용자는 자신이 이동할 장소에 대한 정보를 알고 대처함으로써
자신의 기분을 업그레이드 할 수 있다.
3. Architecture
Android
App
Arduino
REST API
Sensor 밝기, 온도/습도,
Basic
사용자 정보, 목적지 정보.
Device
Connect
이 어플리케이션과 통신할 수 있는 디바이스 들을
등록하는 과정.
Data
Mining
센서데이터로 효과적인
제안을 해줄 수도
Arduino Sensor
Data Processing API
User,
Sensor
Open API
Facebook
Omniauth
Map
Place
Weather
4. 첫 화면은 어떻게 구성되어 있지?
첫 화면은 회원 가입.
이메일 기반 회원 서비스 개발. 혹은 facebook 연동 기반 회원 서비스 개발.
Sign in with
Facebook
Sign in with
Email
Where are you !
going?
화면 레이아웃 개발.
Email 을 통한 가입에는
!
Email
Name
Password
!
만 입력 받는다.
5. 두번째 화면은 어떻게 구성되어 있지?
두번째 화면은 아두이노 키트 정보 및 home정보 입력.
자신의 아두이노 정보와 집의 주소를 입력한다.
Arduino
Home 아두이노 입력 정보를 얻기 위해
블루투스 접근 알림창이 뜨도록 한다.
OKDon’t Allow
“Arduino” Would Like
to Use Bluetooth
Location
Search
6. 두번째 화면은 어떻게 구성되어 있지?
두번째 화면은 아두이노 키트 정보 및 home정보 입력.
자신의 아두이노 정보와 집의 주소를 입력한다.
Arduino
Home 아두이노의 정보를
받아와서 리스트로 보여준다.
Skyler’s Arduino
Location
Search
Uno
Ajou’s Arduino Ethernet
아두이노와 블루투스 통신을 통해
{name: “Skyler’s Arduino”, type: Uno}
와 같은 형태의 데이터를 얻는다.
Done
7. 두번째 화면은 어떻게 구성되어 있지?
두번째 화면은 아두이노 키트 정보 및 home정보 입력.
자신의 아두이노 정보와 집의 주소를 입력한다.
Arduino
Home 집의 주소검색을 하면 wifi 통신을 사용하도록 한다.
Skyler’s Arduino
Location
Search
Uno
Ajou’s Arduino Ethernet
Done
OKDon’t Allow
“Location” Would
Like to Turn On Wifi
8. 두번째 화면은 어떻게 구성되어 있지?
두번째 화면은 아두이노 키트 정보 및 home정보 입력.
자신의 아두이노 정보와 집의 주소를 입력한다.
한남동
Location 주소 검색 화면으로 넘어 간다.Done
주소를 입력하면 아래에 자동으로 리스트가 검색된다.
서울 특별시 용산구 한남동
서울 특별시 용산구 한남동
주민센터
지도 지도의 기본 위치는
Android의 현재 위치를 기본값으로 하고
리스트에서 선택이 되면 그 위치를 지도상에 표시 한다.
Done 버튼을 누르면 사용자의 기본 정보가 생성 된다.
9. 세번째 화면은 어떻게 구성되어 있지?
세번째 화면은 서비스의 메인 화면.
오늘 사용자가 어디에 갈 것 인지 입력 혹은 확인 하는 화면.
Home
Today Path 현재 사용자의 위치를 대략 알 수 있다. (아직 미정)
사용자가 목적지 리스트를 눌러
그곳의 상태정보를 받아올 수 있다.
Office
Home
+ add
<다음 화면에 이어서>
사용자가 add 버튼을 눌러 새로운 목적지를 추가할 수 있다.
- 개수 제한.(초기)
10. 세번째 화면은 어떻게 구성되어 있지?
세번째 화면은 서비스의 메인 화면.
add 를 누른다면 어떤 공간을 추가할 것 인지 입력하는 화면.
Home
공간 정보를 선택할 수 있다.
여기서도 add 버튼을 누를 수 있는 데
누르면 초기에 Home을 세팅했던 화면들이 나온다.
Office
+ add
Destinations
11. 자신의 아두이노 정보와 새로운 목적지의 주소를 입력한다.
Arduino
Destination 아두이노 입력 정보를 얻기 위해
블루투스 접근 알림창이 뜨도록 한다.
OKDon’t Allow
“Arduino” Would Like
to Use Bluetooth
Location
Search
Done
세번째 화면은 서비스의 메인 화면.
세번째 화면은 어떻게 구성되어 있지?
12. Arduino
아두이노의 정보를
받아와서 리스트로 보여준다.
Media Arduino
Location
Search
Uno
아두이노와 블루투스 통신을 통해
{name: “Skyler’s Arduino”, type: Uno}
와 같은 형태의 데이터를 얻는다.
DoneDestination
자신의 아두이노 정보와 새로운 목적지의 주소를 입력한다.
세번째 화면은 서비스의 메인 화면.
세번째 화면은 어떻게 구성되어 있지?
14. 두번째 화면은 어떻게 구성되어 있지?
아주대
Location 주소 검색 화면으로 넘어 간다.Done
주소를 입력하면 아래에 자동으로 리스트가 검색된다.
수원시 영통구 아주대학교
수원시 영통구 아주대학교 산
학원
지도 지도의 기본 위치는
Android의 현재 위치를 기본값으로 하고
리스트에서 선택이 되면 그 위치를 지도상에 표시 한다.
Done 버튼을 누르면 사용자의 기본 정보가 생성 된다.
자신의 아두이노 정보와 새로운 목적지의 주소를 입력한다.
세번째 화면은 서비스의 메인 화면.
15. 두번째 화면은 어떻게 구성되어 있지?
Arduino
아두이노의 정보를
받아와서 리스트로 보여준다.
Media Arduino
Location
아주대
Uno
아두이노와 블루투스 통신을 통해
{name: “Skyler’s Arduino”, type: Uno}
와 같은 형태의 데이터를 얻는다.
DoneDestination
자신의 아두이노 정보와 새로운 목적지의 주소를 입력한다.
세번째 화면은 서비스의 메인 화면.
16. 세번째 화면은 어떻게 구성되어 있지?
세번째 화면은 서비스의 메인 화면.
오늘 사용자가 어디에 갈 것 인지 입력 혹은 확인 하는 화면.
Home
Today Path
Office
Home
+ add
현재 사용자의 위치를 대략 알 수 있다. (아직 미정)
<다음 화면에 이어서>
사용자가 목적지 리스트를 눌러
그곳의 상태정보를 받아올 수 있다.
사용자가 add 버튼을 눌러 새로운 목적지를 추가할 수 있다.
- 개수 제한.(초기)
17. 세번째 화면은 어떻게 구성되어 있지?
세번째 화면은 서비스의 메인 화면.
아두이노의 데이터를 Visualize 하는 화면.
Home
Home Status 목적지의 현재 상태 정보를 가져온다.
해당 아두이노의 센서정보를 바탕으로 데이터를 가져온다.
배경에 지금 상태를 알려줄 수 있는 이미지를 보여주거나
아이콘 을 추가하는 방법으로 효과적인 감성전달을 한다.
아래의 swipe 기능으로 이전의 화면으로 넘어가거나
아두이노를 통해 제어하는 화면으로 넘어간다.
15
1.23
1300
Warm
Dim
Dusty
18. 세번째 화면은 어떻게 구성되어 있지?
세번째 화면은 서비스의 메인 화면.
아두이노를 통해 기기들을 제어 하는 화면.
Home
Home Control 목적지의 상태를 제어할 수 있는 화면이다.
목적지에 아두이노 정보가 입력되어 있다면
제어 컴포넌트들이 등장한다.
간단한 센서들에 대해 제어할 수 있는 화면이 나타난다.
센서의 종류에 따라 컴포넌트들은 달라질 수 있다.
아래의 swipe 기능으로 이전의 화면들로 이동할 수 있다.
Temperature
Brightness
Purity
Open Close
On Off
19. Push 알림은 어떻게 되어 있을까?
Push는 다음 목적지에 다가왔을 때 미리 정보를 알려줌.
누르면 상태를 보여주는 화면으로 이동. 정보는 명확하게 아이콘이나 단어로.
Home
Home Control
Temperature
Brightness
Purity
Open Close
On Off
Next. <Home> Warm, Dim, Dusty
Home
Home Control
Temperature
Brightness
Purity
Open Close
On Off
Next. <Home>!
Warm, Dim, Dusty