hybrid app development
TRANSCRIPT
Hybrid App Development
(주) 엠트리케어신현진
Native App. vs. Hybrid App.
Android iOS
Native NativeNative WebView
Native WebView
Web App.
Android iOS
- Web App 소스재사용
- Web App 소스수정만으로Android, iOS 모두 유지 보수가능
Hybrid App. Consideration #1
WebView
Web App
Native Functions
Front End Web Dev. using JS
Sounds
Videos
Local File System
Vibrations
Contacts
Etc. …
…HyWAI 3.5> Frameworks for Hybrid App.Web - Native간 연결해야할 API가 너무많다.
Hybrid App. Consideration #2-WebView는 OS 별로 다르다.
- WebView는 OS 버전 별로도다르다.
- WebView는 제조사별로도다르다.
Fragmentation
& Performance Issue
- WebView는내장 브라우저와도틀리며성능도좋지않다.
Hybrid App. Consideration #2
WKWebView (iOS 8)
Android 4.0 이상
Hybrid App. 분류
Hybrid App. Using HyWAIAndroid iOS
1. New Project 1. New Project
2. hywai.AAR 추가 2. hywai.framework 추가
3. Native 소스 수정
3. Native 소스 수정
4. assets 폴더 작성 후 index.html 파일 추가
<script src=“hywai.js”></script>
Hybrid App. 개발 준비 완료 !!!
Hybrid App. Using HyWAI
HyWAI APIs
Grunt Task 설명
builddist 디렉토리에 최종결과물 (HTML,CSS, JS, Resources) 생성
clean:dist dist 디렉토리의 결과물 파일 삭제
jshint .jshintrc의 설정에 따라 lint 수행
serve개발 PC 의 브라우저에 WebApp을 디버깅할 수 있도록 로딩.
serve:distdist 디렉토리로 build된 최종 결과물을개발 PC의 브라우저에 로딩 (js 파일이모두 minify된 상태)
test karma 테스트를 수행
HyWAI Sample App
WifiManager Applauncher
UIManagerTelephonyManager
TaskManager SensorManager
FileManager SysInfoManager
MassagingManager
NfcManager
ContactManager CalendarManager
GalleryManager Bluetooth
MediaCapture Proximity
Geolocation Vibration
* 파란색 항목은W3C 표준에 맞춰구현
Web Bluetooth DemoPhysical Web
Google에서 2014년 10월 공개
버스정류장, 자동판매기 등에 URL을 Advertising 하는 BLE Device를설치하여 사용자가 별도의 App 없이Web으로 정보를 볼 수 있도록 제공
* 웹 페이지 : http://google.github.io/physical-web/* GitHub : https://github.com/google/physical-web
Web Bluetooth Demo
Bluetooth LE Broadcaster
Bluetooth LE Scanner
Web Bluetooth Demo
BLE Start Advertising
BLE Stop Advertising
Bluetooth LE Broadcaster
Web Bluetooth Demo
HyWAI Bluetooth API
BLE Start Discovery
BLE Stop Discovery
Chrome Browser에서BLE url 열기
Bluetooth LE Scanner
회사 소개
서울시 구로구 디지털로26길 72 307호
(주) 엠트리케어
감사합니다.