2019 osam에서 진행한 IoT 프로젝트인 재고를 알려줘! 의 iOS Application이다.
- macOS high sierra 10.12.6 이상
- Xcode 9.2 이상의 버전
- iOS SDK 12.0 이상의 iOS 기기 보유
iPhone 뿐만 아니라 iPad에서도 설치 및 실행은 가능하지만, ui 문제상 iPhone7 ~ iPhoneX 를 권장함 (SE제외)
- 개인별 코드 수정
- 준비된 iOS기기를 usb를 이용해 macOS에 연결한다.
- 프로젝트 코드를 Xcode에서 실행시킨다.
- build 대상을 Xcode의 가상머신이 아닌, usb로 연결한 user device로 변경하고 실행
- iOS 기기에서 동작 확인
- 재고를 알려줘! 프로젝트 참고
-
/osamIotApp/initViewController.swift
대기 화면
어플리케이션이 켜질 때 팀/프로젝트 소개가 이루어지는 화면.
자동으로 화면이 넘어가며, 이때 데이터 load를 진행. -
/osamIotApp/mainViewController.swift
메인 화면
각 수납장의 물건이 얼마나 채워져있는지를 gui로 표기
새로고침 버튼을 통해 수납장 정보를 다시 가져올 수 있다. -
setupViewController.swift
환경설정
각 수납장에 이름을 붙일 수 있다.
각 수납장에 대한 이름은 개별 저장/일괄 저장 가능 -
/osamIotApp/Base.Iproj/Main.stroyboard
프로젝트 전체 gui 코드
모든 ui element의 크기/위치 정보가 저장되어있다.
해당 어플리케이션은 서버의 데이터를 받아 사용하므로 서버의 주소가 필요하다.
재고를 알려줘! 프로젝트를 참고하면 아래와 같은 작업을 한다.
1. python simplehttpserver를 이용해 local directory 정보를 localhost에 업로드
2. ngrok를 이용해 포트 포워딩
위 작업을 마치면 ngrok.exe window에 Forward 정보가 나온다.
정상적으로 진행시 'http://NNNNaaNN.ngrok.io' 와 같은 형식의 http 주소로 포트포워딩이 될 것이다.
/osamIotApp/mainViewController.swift 파일의 serverURL string variable을 해당 주소로 변경한다.
let serverURL = "http://NNNNaaNN.ngrok.io"