APPLICATION
아이디와 비밀번호를 입력 할 수 있는
기본적인 로그인 화면입니다.
(SIGN IN & SIGN UP 버튼으로 로그인과 회원가입을 할 수 있는 기능을 가지고 있습니다.
Ⅰ. 로그인 UI & Source Code
Ⅱ. 회원가입 UI & Source Code
아이디와 비밀번호, 이름 그리고 uKey
(ThingPlug 사이트에서 발급하는 인증키)를 입력하여 아이디를 생성 할 수 있습니다.
(CREATE 버튼으로 회원가입을 완료 할 수 있는 기능을 가지고 있습니다.)
Ⅲ. 사용자 메뉴 UI & Source Code
로그인 완료 후 사용자가 볼 수 있는 화면입니다.
√ 로그아웃 버튼 : 로그아웃
√ 장치등록 버튼 : 새로운 디바이스 추가
√ 지도 - 등록된 장치들의 위치를 조회
Ⅳ. 장치등록 메뉴 UI & Source Code
디바이스의 이름을 적어 새로운 디바이스를
추가 할 수 있는 화면입니다.
Ⅴ. 지도조회 UI & Source Code
등록한 디바이스들의 목록을 볼 수 있는 화면입니다.
(디바이스를 클릭하면 해당 장치의 위치조회가 가능합니다.)
Ⅵ. 지도 UI & Source Code
클릭한 디바이스의 위치가 마커로 지도에 실시간으로 표시되는 화면입니다.
memberId / memberPasswd 를 입력받아 Json 형식으로 변환합니다.
이후 Thread 내부에서 Http 라이브러리를 호출하여 "/login" 과 변환한 Json 데이터를 전달하여 일치하면 로그인을 진행합니다.
memberId / memberPasswd / memberName / uKey를 입력받아 Json 형식으로 변환합니다.
이후 Thread 내부에서 Http 라이브러리를 호출하여 "/memberreg" 와 변환한 Json 데이터를 전달하여 일치하면 회원가입을 진행합니다.
로그아웃 버튼 클릭시 LoginActivity로 전환합니다.
장칙등록 버튼 클릭시 Intent를 사용 memberId값을 전달하여 DeviceRegActivity로 전환합니다.
지도 버튼 클릭시 Intent를 사용 memberId값을 전달하여 MyActivity로 전환합니다.
memberId / deviceId 를 입력받아 Json 형식으로 변환합니다.
이후 Thread 내부에서 Http 라이브러리를 호출하여 "/devicereg" 와 변환한 Json 데이터를 전달하여 일치하면 장치등록을 진행합니다.
ListView와 Adapter를 사용하여 화면을 구성하였습니다.
ListView 클릭시 Intent 를 사용 해당 memberId / deviceId / uKey를 전달하여 GoogleMapActivity로 전환합니다.
Intent를 통해 전달받은 memeberId 를 json 형식으로 변환하여 Thread 내부에서 Http 라이브러리 호출시 "/getdevice" 와 함께 전달하여 일치하면 디바이스의 위치값을 가져오게 됩니다.
GoogleMapApI를 활용하여 지도 화면을 구성하였습니다.
마커의 위치 변화를 알기 위해 초기값을 설정하였습니다.
이후 전달받은 디바이스 위치정보를 토대로 새로운 좌표를 설정하고 Handler를 통해 UI 갱신을 할 수 있도록 구현하였습니다.