Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
-
date post
18-Oct-2014 -
Category
Technology
-
view
10.461 -
download
2
description
Transcript of Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
![Page 1: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/1.jpg)
![Page 2: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/2.jpg)
![Page 3: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/3.jpg)
![Page 4: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/4.jpg)
![Page 5: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/5.jpg)
![Page 6: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/6.jpg)
![Page 7: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/7.jpg)
![Page 8: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/8.jpg)
craigslist
![Page 9: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/9.jpg)
![Page 10: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/10.jpg)
Apple
Nokia
Palm
Sony
RIMHTC
LG Motorola
![Page 11: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/11.jpg)
![Page 12: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/12.jpg)
![Page 13: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/13.jpg)
1,500,000,000+
![Page 14: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/14.jpg)
![Page 15: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/15.jpg)
![Page 16: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/16.jpg)
![Page 17: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/17.jpg)
![Page 18: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/18.jpg)
Chrome’s V8 Safari’s SquirrelFish Extreme Firefox’s TraceMonkey Opera's Carakan
2.01.0 1.0
Alpha
100x
![Page 19: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/19.jpg)
User Interface
BackgroundThread
2X
Browser
1
Web Workers
![Page 20: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/20.jpg)
HTML5
![Page 21: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/21.jpg)
Web Apps Packaged Apps
Web deployment model✓Use HTML5 app featuresfor caching + integration
✓Package applications✓Deploy to “store”✓
![Page 22: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/22.jpg)
![Page 23: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/23.jpg)
Client Server
HTML / CSS / A little JavaScript
All Business LogicNearly 100% Application Logic
Dumb Forms
![Page 24: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/24.jpg)
Client Server
HTML / CSS / JavaScript
Some Business LogicSome Application LogicSome Application Logic
Data (e.g., JSON)
Some Business Logic
“Web Services”
![Page 25: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/25.jpg)
Client Server
Some Business LogicAll Application LogicSome Business Logic
“Web Services”
Data (e.g., JSON)
![Page 26: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/26.jpg)
![Page 27: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/27.jpg)
Fluid
Appcelerator Titanium
PhoneGap
Palm webOS
![Page 28: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/28.jpg)
Embedded WebKitInstance
+ JS runtime (e.g., V8)
Device-native Application Shell
![Page 29: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/29.jpg)
Titanium Desktop
supports php, Python, Ruby, and Javascript
Titanium Mobile
![Page 30: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/30.jpg)
“We started developing it on Saturday and finished on Monday for both iPhone and Android.
Without Titanium, we would not have been able to get it done.”
![Page 31: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/31.jpg)
• Device
• Notification
• Media
• GeoLocation
• Accelerometer
• Contact
• Camera
PhoneGap
![Page 32: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/32.jpg)
function watchAccel() {
var win = function(a) {
document.getElementById('x').innerHTML = a.x;
document.getElementById('y').innerHTML = a.y;
document.getElementById('z').innerHTML = a.z;
};
var fail = function(){};
var opt = { frequency: 100 };
watchId =
navigator.accelerometer.watchAcceleration(win, fail,
opt);
}
PhoneGap
![Page 33: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/33.jpg)
![Page 34: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/34.jpg)
// watch for swiping
$('#swipeme').bind('swipe', function(event, info) {
console.log(info.direction);
});
// orientation changes
$('body').bind('turn', function(event, info) {
console.log(info.orientation); // landscape/profile
});
// animations
$('#portfolio').bind('pageAnimationEnd',
function(event, info) {
if (info.direction == 'in') loadWorks();
})
![Page 35: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/35.jpg)
![Page 36: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/36.jpg)
Getting Touchy
![Page 37: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/37.jpg)
Tweetie 2Feel the refresh
Palm PreGesture back
![Page 38: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/38.jpg)
Haptics are coming :)
![Page 39: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/39.jpg)
Software keyboard Hardware keyboard
![Page 40: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/40.jpg)
NewsroomViewport on a world
Shake Shake ShakeDefining the new Ctrl-C’s
![Page 41: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/41.jpg)
What does the user want?
![Page 42: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/42.jpg)
Physics Matters
![Page 43: Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere](https://reader034.fdocuments.in/reader034/viewer/2022042613/54422c6cafaf9ff3098b4597/html5/thumbnails/43.jpg)