creating mobile applications using html5
Post on 28-Jan-2018
3.009 Views
Preview:
TRANSCRIPT
Creating Mobile Applications using HTML5Developers Track
David Orchard: salesforce.com
Paolo Bergamo: salesforce.com
Safe HarborSafe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may
contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties
materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ
materially from the results expressed or implied by the forward-looking statements we make. All statements
other than statements of historical fact could be deemed forward-looking, including any projections of
subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or
plans of management for future operations, statements of belief, any statements concerning new, planned, or
upgraded services or technology developments and customer contracts or use of our services.
The risks and uncertainties referred to above include – but are not limited to – risks associated with developing
and delivering new functionality for our service, our new business model, our past operating losses, possible
fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our
security measures, the outcome of intellectual property and other litigation, risks associated with possible
mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our
ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and
successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and
selling to larger enterprise customers. Further information on potential factors that could affect the financial
results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal year
ended January 31, 2010. This documents and others are available on the SEC Filings section of the Investor
Information section of our Web site.
Any unreleased services or features referenced in this or other press releases or public statements are not
currently available and may not be delivered on time or at all. Customers who purchase our services should
make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes
no obligation and does not intend to update these forward-looking statements.
Agenda
Where is mobile going
HTML5
Different approaches
Demos
Where is mobile
going?
Mobile Internet
Morgan Stanley “Internet Trends”, December 2009
Explosive growth in the mobile web
Mobile sites are a viable option for apps
100% Year/Year growth in mobile
browser traffic
Capable browsers, compelling
experiences
Source: Quantcast, 2010
Proliferation of mobile: two dimensions
Mobile browsers are slowly converging
HTML5
Truly crossplatform
Rich content: <video>, <audio>, <canvas>
Offline storage
Cache Manifest
Location
Websocket
Friends of HTML5
JavaScript
CSS3
Device API Working Group
– Contacts, Calendar, Media Capture(API/HTML forms), …
Cross Origin Resource Sharing (CORS)
– JSONP replacement
CSS
Wonderful for mobile
Animations
Borders, Shading, Gradients
Text styling
Example
– Text sizes, styles, etc. different across form factors
– Could calculate truncation on server, or native/javascript
– Use CSS for 1 style across all devices FTW!
HTML5
HTML 5 and Friends Reality in Mobile
Incomplete specifications and implementation
Security challenges
Authentication
Secure storage
UI performance – notably scrolling
Different webKit version per OS and platform
Hard to find features per build per OS
Ie, iOS webKit ! CSS 2.1 position:fixed
Web vs Native
Feature Web Native
Install/Update Refresh Deploy/Download
Animation Slower to almost Native Fast
Dev environment Browser, Web tools OS specific
Dev languages HTML, CSS, Javascript Obj-C|Java|C#|…
Distribution Publish Approval by App store
Collect icons on device Yes Yes
Monetization Ads, Exchanges,
Payment providers
App stores + Web
Popularity Rankings Analytics,
Platforms (facebook)
App Store
Hybrid applications
Native app from non-native language
PhoneGap
Rhomobile
Appcelerator Titanium
Lua
…
PhoneGap
Open Source
Native app embedding webKit
HTML5, Javascript, CSS
Cross Platform
Installable Apps
Native code/functionality accessible from Javascript
Core APIs
Contacts
Geo
Accelerometer
Device
File I/O
Network
Camera
Events
Notifications
Mix and Match
By definition, PhoneGap is mixture
Also use native compents
Tab bar, ChildBrowser, TableView
Native apps often use embedded browser
– Chatter for iPhone: UIWebView for feedItems
– Salesforce.com iPhone/Blackberry app
• Dashboards, VisualForce pages
Different architectures
#1: Hosted Web + Salesforce.com proxy
Acme corporate
network
#2: Hosted Web + API to Salesforce.com
Acme corporate
network
Salesforce is mobile-ready
Mobile-ready login page
Oauth support
Building a native container
Pure browser applications
cannot yet take advantage of
features available to mobile:
Picture upload
Security
Consider a Hybrid
#3: Native+HTML5 to Salesforce or Host
Acme corporate
network
#4: Salesforce Hosted
Salesforce Mobile and Visualforce Mobile
Visualforce
<apex:page id="thePage”>
<script> function changeFont(input, textid) {
if(input.checked)
document.getElementById(textid).style.fontWeight = "bold"; else
document.getElementById(textid).style.fontWeight = "normal"; }
</script>
...
Visualforce Mobile
Embedded browser (no need to authenticate)
Bridge between native client and browser
Enables GPS location, picture upload etc
Summary
Summary
Mobile growing rapidly in usage and capabilities
HTML5 and friends maturing quickly
4 Different architectures for mobile HTML5
Hybrid very interesting and potentially important
Thank you!
Creating Mobile Applications using
HTML5
How Could Dreamforce Be Better? Tell Us!
Log in to the Dreamforce app to submit
surveys for the sessions you attended
Use the
Dreamforce Mobile
app to submit
surveysEvery session survey you submit is
a chance to win an iPod nano!
OR
top related