際際滷

際際滷Share a Scribd company logo
Hybrid App
Development
(譯) 碁Μ貅 讌
Native App. vs. Hybrid App.
Android iOS
Native Native
Native
WebVie
w
Native
WebVie
w
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 HyWAI
Android iOS
1. New Project 1. New Project
2. hywai.AAR 豢螳 2. hywai.framework 豢螳
3. Native  
3. Native  
4. assets 启   index.html  豢螳
<script src=/HyunjinShin1/hybrid-app-development/hywai.js></script>
Hybrid App. 螳覦 譴觜 襭 !!!
Hybrid App. Using HyWAI
HyWAI APIs
Grunt Task る
build
dist 襴 豕譬蟆郁骸覓 (HTML,
CSS, JS, Resources) 
clean:dist dist 襴 蟆郁骸覓  
jshint .jshintrc れ 磯 lint 
serve
螳覦 PC  觚殊一 WebApp 
覯蟾  襦 襦.
serve:dist
dist 襴襦 build 豕譬 蟆郁骸覓殊
螳覦 PC 觚殊一 襦 (js 殊
覈 minify )
test karma ろ碁ゼ 
HyWAI Sample App
WifiManager Applauncher
UIManager
TelephonyManage
r
TaskManager SensorManager
FileManager SysInfoManager
MassagingManage
r
NfcManager
ContactManager CalendarManager
GalleryManager Bluetooth
MediaCapture Proximity
Geolocation Vibration
*  覈 W3C 譴 襷豢 蟲
Web Bluetooth Demo
Physical 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
(譯) 碁Μ貅
螳矧.

More Related Content

Hybrid app development

  • 2. Native App. vs. Hybrid App. Android iOS Native Native Native WebVie w Native WebVie w Web App. Android iOS - Web App - Web App 襷朱 Android, iOS 覈 讌 覲伎 螳
  • 3. 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螳 覓 襷.
  • 4. Hybrid App. Consideration #2 - WebView OS 覲襦 るゴ. - WebView OS 覯 覲襦 るゴ. - WebView 譟一 覲襦 るゴ. Fragmentation & Performance Issue - WebView 伎 觚殊一 襴覃 焔ル 譬讌 .
  • 5. Hybrid App. Consideration #2 WKWebView (iOS 8) Android 4.0 伎
  • 7. Hybrid App. Using HyWAI Android iOS 1. New Project 1. New Project 2. hywai.AAR 豢螳 2. hywai.framework 豢螳 3. Native 3. Native 4. assets 启 index.html 豢螳 <script src=/HyunjinShin1/hybrid-app-development/hywai.js></script> Hybrid App. 螳覦 譴觜 襭 !!!
  • 8. Hybrid App. Using HyWAI HyWAI APIs Grunt Task る build dist 襴 豕譬蟆郁骸覓 (HTML, CSS, JS, Resources) clean:dist dist 襴 蟆郁骸覓 jshint .jshintrc れ 磯 lint serve 螳覦 PC 觚殊一 WebApp 覯蟾 襦 襦. serve:dist dist 襴襦 build 豕譬 蟆郁骸覓殊 螳覦 PC 觚殊一 襦 (js 殊 覈 minify ) test karma ろ碁ゼ HyWAI Sample App WifiManager Applauncher UIManager TelephonyManage r TaskManager SensorManager FileManager SysInfoManager MassagingManage r NfcManager ContactManager CalendarManager GalleryManager Bluetooth MediaCapture Proximity Geolocation Vibration * 覈 W3C 譴 襷豢 蟲
  • 9. Web Bluetooth Demo Physical Web Google 2014 10 螻糾 覯れ襯, 襷り鍵 煙 URL Advertising BLE Device襯 れ 螳 覲 App Web朱 覲企ゼ 覲 襦 螻 * 伎 : http://google.github.io/physical-web/ * GitHub : https://github.com/google/physical-web
  • 10. Web Bluetooth Demo Bluetooth LE Broadcaster Bluetooth LE Scanner
  • 11. Web Bluetooth Demo BLE Start Advertising BLE Stop Advertising Bluetooth LE Broadcaster
  • 12. Web Bluetooth Demo HyWAI Bluetooth API BLE Start Discovery BLE Stop Discovery Chrome Browser BLE url 願鍵 Bluetooth LE Scanner
  • 13. 螳 語 蟲襦蟲 讌碁26蠍 72 307 (譯) 碁Μ貅