Wrong confirmation ID

Email
Favorite
Favorited ×
Download
Embed
Private Content
Copy and paste this code into your blog or website Copy Customize Close
We have emailed the verification/download link to "".
Login to your email and click the link to download the file directly.

To request the link at a different email address, update it here. Close
Validation messages. Success message. Fail message.

Check your bulk/spam folders if you can't find our mail.

Tweet

E2 appspresso hands on lab

by deview on Oct 17, 2011

496 views

Accessibility

View text version

Categories

Technology

Tags

mobile appspresso

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

© All Rights Reserved

File a copyright complaint

Statistics

Favorites: 4
Downloads: 48
Comments: 0
Embed Views: 0
Views on SlideShare: 496
Total Views: 496

4 Favorites

eternize , Software Developer at My own sweet home Tags mobile appspresso 1 month ago
Toby Yun , Front-end Developer at SK Communications 2 months ago
SeungMok Oh 7 months ago
대완 류 , 과장 at ktds 7 months ago

E2 appspresso hands on lab — Presentation Transcript

AppspressoHands-on Labs/웹어플리케이션팀/팀장김민태 @ibarehttp://www.ibare.kribare77@gmail.com
Downloadhttp://www.appspresso.com
HelloWorldFile > New > Appspresso Application ProjectFile > New > Appspresso Plugin Project
HelloWorldStep 1 - project info
HelloWorldStep 2 - choose template
HelloWorldProject Directory Structure
HelloWorldProject.xml - Overview
HelloWorldProject.xml - Plugin
HelloWorldProject.xml - Plugin / Add Built-in Plugin
HelloWorldProject.xml - Plugin / Add Built-in Plugin > ax.ext.media & ax.ext.net
HelloWorldProject.xml - Feature
HelloWorldProject.xml - iOS
HelloWorldProject.xml - Android
HelloWorldProject.xml - Preference
HelloWorldProject.xml - Source
HelloWorldIndex.html
HelloWorldRun demo
Web Development Reload Code Deploy Run Edit
Native Development Code Compile Run Edit
On the fly development 1 Code Compile Reload Run Edit
Setup on the flyPreference
Use on the fly St p ar o St t 2 1 5 4 Start file 3Project 6 Evaluate
On the flydemo
SPI (Single Page Interface)file 1BODY Stack History Management data-role=”page” id=”page1” data-role=”header” H1 data-role=”content” file 2 file 3 . . <!doctype html> <div . <html> data-role=”page” ... ... href=”link” data-role=”page” id=”page2” . . . Ajax 26
jQueryMobile
HTML Structure
<!doctype html><html><head><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/jquery.mobile-1.0a4.1.css" /><script src="js/jquery-1.5.js"></script><script src="js/jquery.mobile-1.0a4.1.js"></script><script src="/appspresso/appspresso.js"></script></head><body><div data-role=”page” id=”home”> <div data-role=”header”> </div> <div data-role=”content”> </div> <div data-role=”footer”> </div></div></body>
<!doctype html><html><head><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/jquery.mobile-1.0a4.1.css" /><script src="js/jquery-1.5.js"></script><script src="js/jquery.mobile-1.0a4.1.js"></script><script src="/appspresso/appspresso.js"></script></head><body><div data-role=”page” id=”home”> <div data-role=”header”> </div> <div data-role=”content”> </div> <div data-role=”footer”> </div></div></body>
<!doctype html><html><head><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/jquery.mobile-1.0a4.1.css" /><script src="js/jquery-1.5.js"></script><script src="js/jquery.mobile-1.0a4.1.js"></script><script src="/appspresso/appspresso.js"></script></head><body><div data-role=”page” id=”home”> <div data-role=”header”> </div> <div data-role=”content”> </div> <div data-role=”footer”> </div></div></body>
<!doctype html><html><head><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/jquery.mobile-1.0a4.1.css" /><script src="js/jquery-1.5.js"></script><script src="js/jquery.mobile-1.0a4.1.js"></script><script src="/appspresso/appspresso.js"></script></head><body><div data-role=”page” id=”home”> <div data-role=”header”> </div> <div data-role=”content”> </div> <div data-role=”footer”> </div></div></body>
<!doctype html><html><head><meta name="apple-mobile-web-app-capable" content="yes"><meta name="apple-mobile-web-app-status-bar-style" content="black"><link rel="stylesheet" href="css/jquery.mobile-1.0a4.1.css" /><script src="js/jquery-1.5.js"></script><script src="js/jquery.mobile-1.0a4.1.js"></script><script src="/appspresso/appspresso.js"></script></head><body><div data-role=”page” id=”home”> <div data-role=”header”> </div> <div data-role=”content”> </div> <div data-role=”footer”> </div></div></body>
Header
<div data-role=”header”> <h1>KichenSink</h1></div>
<div data-role=”header”> <h1>KichenSink</h1> <a href=”#about” data-role=”button”>About</a></div>
<div data-role=”header”> <h1>KichenSink</h1> <a href=”#about” data-role=”button”>About</a> <div data-role="navbar"> <ul> <li><a href="#">Flickr</a></li> <li><a href="#">Yahoo</a></li> <li><a href="#">Twitter</a></li> </ul> </div></div>
Content
<div data-role=”content”></div>
<div data-role=”content”> <div id="logo"> <img src="kichensink.png"> </div></div>
<div data-role=”content”> <div id="logo"> <img src="kichensink.png"> </div> <ul data-role=”listview”> <li><a href=”#”>Device</a></li> <li><a href=”#”>PIM</a></li> </ul></div>
ListView
<ul data-role=”listview”> <li>Device</li> <li>PIM</li></ul>
<ul data-role=”listview”> <li><a href=”#”>Device</a></li> <li><a href=”#”>PIM</a></li></ul>
<ul data-role=”listview”> <li> <a href=”#”> <h1>Device</h1> <p>Device status, ...</p> </a> </li> <li> <a href=”#”> <h1>PIM</h1> <p>Contacts, Calendar, Task</p> </a> </li></ul>
<ul data-role=”listview”> <li> <a href=”#”> <h1>Device</h1> <p>Device status, ...</p> </a> </li> <li> <a href=”#”> <h1>PIM</h1> <p>Contacts, Calendar, Task</p> <span class="ui-li-count">3</span> </a> </li></ul>
<ul data-role=”listview”> <li> <a href=”#”> <img src=”my_image.jpg”> <h1>Device</h1> <p>Device status, ...</p> </a> </li> <li> <a href=”#”> <h1>PIM</h1> <p>Contacts, Calendar, Task</p> <span class="ui-li-count">3</span> </a> </li></ul>
Event
page A page B pagebeforeshow pageshow pagebeforehide pagehide
Tutorials
Devicestatusdeviceapis.devicestatus.getPropertyValue ( function_success_callback, function_error_callback, options);function success_cb(value) {}function error_cb() {}
Devicestatus Aspect PropertiesBattery batteryLevel,batteryBeginChargedCellularHardware statusCellularNetwork isInRoaming,signalStrength,operatorNameDevice imei,model,version,vendor resolutionHeight,pixelAspectRatio,dpiY,resolutionWidth,dpiX,Display colorDepthMemoryUnit size,removable,availableSizeOperatingSystem language,version,name,vendorWebRuntime wacVersion,supportedImageFormats,version,name,vendorWiFiHardware statusWiFiNetwork ssid,signalStrength,networkStatus
DevicestatusDemo
Accelerometer +Y -X -Z +Z +X -Y
Accelerometerdeviceapis.accelerometer.watchAcceleration ( function_success_callback, function_error_callback, { minNotificationInterval: 50 });function success_cb(acceleration) { ax.log(acceleration.xAxis);}function error_cb() {}
Galleryax.ext.media.pickImage( function_success_callback, function_error_callback, options);function success_cb(file) { deviceapis.filesystem.resolve( success_cb, error_cb, file, "r" );}function error_cb() {}
GalleryDemo
Export to App Store
Upload App App StoreiOS Developer Program $99 / year
Upload App App StoreiOS Dev Center
Upload App App StoreProvisioning Portal
Upload App App StoreDevelopment Provisioning Assistant
Upload App App StoreDistribution
Upload App App StoreiTunes Connect
Upload App App StoreManage Your Apps
Upload App App StoreManage Your Apps
Upload App App StoreUpload
AppspressoHands-on Labs/웹어플리케이션팀/팀장김민태 @ibarehttp://www.ibare.kribare77@gmail.com 감사합니다