Saturday, January 2, 2010 Developing iPhone Web Developing iPhone Web Apps Developing iPhone Web Apps Developing iPhone Web Apps

iPhone Web Apps are built with Apple’s Dashcode tool and provide the fastest and easiest way to present your content on iPhone. This course introduces the tool and its templates and then explores ways in which you can enhance and customize the basics. A major focus of the course is a multi-level browser that can easily be used to present hundreds or even thousands of data elements (including video and images) using multi-level categories. iPhone Web Apps are uploaded to a Web server and are then available to users: there is no need for Apple to approve them or for users to download them. To begin learning today, simply click on the movie links.

Release Information:

IIntroducing iPhone Web Apps
About this Course
Understanding iPhone Apps
Working with iPhone OS Apps
Working with iPhone Web Apps
Resources to Get Started
Planning Your App
Writing Your Blurb
Data Sources
Planning Promotion
Testing Your App
Building Overview
Building an RSS Feed App
Getting Started with the Template
Adding the Feed & Simulating
Cleaning Up the App
Deploying the App

Looking Inside Dashcode
Using the Browser Template
Dashcode/Dashboard/Widgets & Apps
Exploring the App with Dashcode
Using the Inspector: Attributes
Using the Inspector: Fill & Stroke
Using the Inspector: Metrics & Text
Parts/Behaviors & Stack Layouts
Adding Parts
The Button & Behaviors
Putting the Pieces Together
Stack Layout View
Adding a Behavior to the Button
Testing the Button & Moving On
Working with Transitions
Adding More Views & Buttons
Working with Data Sources
Creating the Basic Browser
Running the Browser & Looking at Files
Introducing Data Sources
Looking at Dashcode & Data Source View
Linking Data to Fields: JSON Data
Linking Data to Fields: XML Data pt. 1
Linking Data to Fields: XML Data pt. 2
Testing the App

Exploring Bindings
Looking at Bindings & Data Sources
Exploring the Bindings Inspector
Creating a New Binding
Using a Value Transformer
Using a Progress Monitor
Using Utility Template & the Database
Exploring the Utility Template
Flipping the App with Behaviors
Introducing the Database
Database Architecture Overview
Looking at the Template Code:index.html
Using Load pt. 1
Using Load pt. 2
Using initDB pt. 1
Using initDB pt. 2
Calling initContent
Calling insertValue & updateValue
Working with XMLHttpRequest
Why Use XMLHttpRequest?
Retrieving Text with XMLHttpRequest
Parsing the XML Result
On to Dashcode: Setting the Feed URL
Implement setupXMLRequest
Testing the Code
Using Two FIelds
Implementing Two Fields
Using One FIeld & a Selector Popup
Adding the Popup Behavior
Refining the Selection Code

Using Maps & Geographic Locations
Introducing Geolocation )
Creating the App & Its Interface
Implementing the Get My Position Button
Testing the Get My Position Button
Implementing the Map It Button
Building an Integrated Directory App
Setting Up the App
Creating the Data Source
Laying Out the Interface
Binding the Data Source
Adding a Phone & Mail Button
Adding a Map
Building a Multi-Level Browser
Introducing a Multi-Level Browser
Looking at itemClicked
Considering Two List Views
Building the Region List Data
Building the Region Data Source & View
Reordering the StackLayout Views
Testing the Region->Park List Behavior
Setting Up a Region List
Preparing for New Views & Data Sources
Creating the Intermountain Data Source
Connecting the Data Source
Looking for Errors
Drilling Down to the Third Level

Doing It with a Grid
Making a Grid-Based Integrated Directory
Adding & Connecting the Data Source
Using the Grid Data
Testing the Grid-Based App
Using Indicators & Transformations
Designing the Interface
Clean Up
Adding the Values
Creator a Transformer
Converting Capacity to Percent Capacity
Adding the Indicator
Using the Debugger
Introducing the Debugger
Handling Typos in Data Sources
Debugging a Transformation
Looking at the Run Log

Course Summary
About the Author