In House App Development Essential Videos - In-House Development for iPhone

Web Services


Accessing SOAP
Use third-party libraries

gSOAP
Florida State University
http://www.cs.fsu.edu/~engelen/soap.html

Axis2/C
Apache Software Foundation
http://ws.apache.org/axis2/c/

Saving Data


SQLite database files

Documentation
http://www.sqlite.org

In House App Development Essential Videos - Getting Started with iPhone Web Applications

Simulating Network Latency

In Terminal...

sudo su
ipfw add pipe 1 src0port http
ipfw pipe 1 config delay 200 bw 700kbit/s


To reset...

ipfw flush

Safari Development Essential Videos - iPhone Web Applications from Start to Finish

Safari on iPhone provides a rich platform for delivering web applications that look like built-in, native applications. Get an overview of the technologies available for iPhone web applications and learn how to add advanced features such as location-base…

Optimize your website for iPhone

Custom interaction behavior

Changing Selection Behavior

-webkit-user-select

Changing Tap Highlight Behavior

-webkit-tap-highlight-color

Navigation and Sharing
-webkit-touch-callout

Text sizing

Text Scaling

-webkit-text-size-adjust

Adjusting the text size
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/AdjustingtheTextSize/AdjustingtheTextSize.html

Screen size best practise

Viewport
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Home Screen Icon

Specifying a Webpage Icon for Web Clip
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Create an iPhone web application

Hiding Safari User Interface Components
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Changing the Status Bar Appearance
https://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

Sets the style of the status bar for a web application.
apple-mobile-web-app-status-bar-style

Offline Storage
http://dev.w3.org/html5/webstorage/

Offline Application Cache
http://www.w3.org/TR/offline-webapps/

Storing Data on the Client
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/Client-SideStorage/Client-SideStorage.html

Online and offline events
https://developer.mozilla.org/en/Online_and_offline_events

Add advanced features

Device orientation changes

Handling Orientation Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Multi-Touch support

Handling Multi-Touch Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Handling Gesture Events
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html

Location awareness

W3C Editor's Draft
http://dev.w3.org/geo/api/spec-source.html

Getting Geographic Locations
http://developer.apple.com/library/ios/#DOCUMENTATION/AppleApplications/Reference/SafariWebContent/GettingGeographicalLocations/GettingGeographicalLocations.html

Safari Development Essential Videos - Session 204 - Building Compatible Websites Using Emerging Web Technologies

Safari pushes the web forward by implementing the latest, most innovative HTML and CSS technologies. Adopt these technologies without creating multiple versions of your website to stay compatible with other browsers. Discover how to use object detection …

Talks about

1. Common Coding Pitfalls
2. Fallback Techniques
3. CSS Effects
4. HTML 5 Media Elements
5. HTML 5 Offline Data

Common Coding Pitfalls

Feature Detection

if ('XMLHttpRequest' in window) { ... }
if ('openDatabase' in window) { ... }
if ('innerHTML' in document.body) { ... }
if ('contentEditable') in document.body { ... }
if ('webkitTransition' in document.body.style) { // transitions exist }

HTML 5 Media Elements

Media Queries
http://www.w3.org/TR/css3-mediaqueries/

HTML 5 Offline Data

Key/value storage
if ('localStorage' in window) { ... }
if ('sessionStorage' in window) { ... }

SQL API for structured data storage
if ('openDatabase' in window) { ... }

Offline application cache
if ('applicationCache' in window) { ... }

Safari Development Essential Videos > Session 202 - Adding Innovative Styling and Animation to Webpages with CSS Effects

Safari brings a new level of interactivity to the web by supporting the latest innovations in CSS on both the desktop and iPhone. Learn to take advantage of CSS animations and effects to create exceptional user interfaces and stylized content that make y…

Safari Development Essential Videos > Session 201 - Safari and Webkit Overview

Documentation
Safari Dev Center
http://developer.apple.com/safari

Safari Development Essential Videos - Session 203 > Local Data Storage and Offline Web Applications in Safari

HTML 5 Application Cache Specification
http://www.whatwg.org/specs/web-apps/current-work/

HTML 5 Key/Value and Database Storage Specification
http://dev.w3.org/html5/webstorage/

WebKit Open Source Project
http://www.webkit.org/
#webkit on irc.freenode.net