[ITOnAir]데브멘토 동영상, 장동수 KTH 웹플랫폼Lab 차장(2/2부)_Dev & Tech Festival <!--StartFragment-->하이브리드앱의 개요모바일 플랫폼 춘추전국시대앱스프레소 소개, WAC 2.0 Waikiki API앱스프레소 Extension API, Device API 및 데모영상   <?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" />본 영상은 데브멘토 ITOnAir (tv.devmento.co.kr) 또는 다음tv팟(tvpot.daum.net/pot/Itonair)을 통해 웹과 모바일로 시청하실 수 있습니다.

1. 21

2. devicestatus
deviceapis.devicestatus.getPropertyValue(
function (value) { $("#device .cellular-roaming-status").html
(value); },
errorCallback,
{ aspect: "CellularNetwork", property : "isRoaming"}
);
deviceapis.devicestatus.getPropertyValue(
function (value) { $("#device .cellular-signal-strength").html
(value); },
function (e) { ... },
{ aspect: "CellularNetwork", property : "signalStrength"}
);
22

3. devicestatus - vocabulary
Aspect Properties Components
Battery batteryLevel, batteryBeginCharged _default
CellularHardware status _default
CellularNetwork isInRoaming, signalStrength, operatorName _default
Device imei, model, version, vendor _default
resolutionHeight, pixelAspectRatio, dpiY, resolutionWidth, dpiX,
Display colorDepth
_active, _default
MemoryUnit size, removable, availableSize _default
OperatingSystem language, version, name, vendor _active, _default
WebRuntime wacVersion, supportedImageFormats, version, name, vendor _active, _default
WiFiHardware status _default
WiFiNetwork ssid, signalStrength, networkStatus _active, _default
23

4. 24

5. messaging
var msg = deviceapis.messaging.createMessage(
deviceapis.messaging.TYPE_SMS);
var to = [];
to.push($("#toSMS").val());
msg.body = $("#smsMessage").val();
msg.to = to;
deviceapis.messaging.sendMessage(function() {
alert("Send!");
}, onErrorCallback, msg);
25

6. 26

7. geolocation
navigator.geolocation.getCurrentPosition(
function (position) {
var point = new google.maps.LatLng(
position.coords.latitude, position.coords.longitude);
var mapOption = {
zoom: 15,
center: point,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var mapContainer = document.getElementById("map");
mapContainer = new google.maps.Map(mapContainer, mapOption);
currentPositionMarker = new google.maps.Marker({
position: point,
map: mapContainer,
title: "Here!!"
});
});
27

8. 28

9. contact
var oContact = deviceapis.pim.contact.getAddressBooks(function (arr) {
arr[0].findContacts(function (addr) {
for (var i = 0; i < addr.length && i < 50; i++) {
var firstName = (addr[i].firstName == undefined) ? '' : addr[i].firstName;
var lastName = (addr[i].lastName == undefined) ? '' : addr[i].lastName;
var phoneNumbers = addr[i].phoneNumbers;
$('#contact-list').append("<li><a href='#contact-detail'>"+lastName+" "+firstName+"</li>");
}
$('#contact-list').listview('refresh');
}, function (e) { ... },
{ filter });
});
29

10. 30

11. ax.ext.net
function getRSSFeed(feed) {
$.mobile.pageLoading();
$("#cross-domain-rss").empty();
ax.ext.net.get(feed, function (result) {
$($.parseXML(result.data)).find("item").each( function () {
var title = $(this).find("title").text();
var pubDate = $(this).find("pubDate").text();
var author = $(this).find("author").text();
var thumbnail = $(this).find(
"[nodeName='media:thumbnail']").attr("url");
if (thumbnail == undefined)
$("#cross-domain-rss").append(
"<li><a href='#'><h3>"+title+"</h3><p>"+pubDate+"</p></a></li>");
else
$("#cross-domain-rss").append(
"<li><a href='#'><img src='"+thumbnail+"'><h3>"+
author+"</h3><p>"+title+"</p></a></li>");
});
$("#cross-domain-rss").listview('refresh');
$.mobile.pageLoading(true);
}, onErrorCallback);
}
31

12. 32

13. 앱스프레소를 이용한
실전 하이브리드앱 개발
33

14. Q&A
34

15. That’s all folks
35