1. Dashcode Who am I? Shay Telfer Shay. Telfer @ uwa. edu. au Macs, iOS, php, python, MySQL, PostgreSQL etc.

2. Dashcode Introduced at WWDC keynote in 2006 Used for creating Dashboard Widgets Currently at v3.0.2 (333) Not updated in the Xcode 4 distribution

3. What does Dashcode give you? ● HTML based applications ● Targeted at Safari/Mobile Safari ● GUI layout tool similar to IB ● Testing/debugging with the simulator ● Datasource support (in the latest Dashcode version)

4. Dashcode templates ● Custom (empty)

5. Dashcode templates ● Browser (list with zoom to detailed information) ● Equivalent of Xcode's “Navigation-based application”

6. Dashcode templates ● Utility (panel with settings on the back) ● Equivalent of Xcode's “Utility application”

7. Dashcode templates ● RSS (newspaper with details from feed)

8. Dashcode templates ● Podcast (list of podcasts with details from feed)

9. HTML5 input field types ● 'tel' input type gives the telephone keypad (but not on iPad) – useful if you just need to enter integers ● 'number' input type gives the 'numeric' qwerty keyboard ● 'search' gives the magnifying glass and search history ● Use 'placeholder' attribute for a placeholder string that goes away when the user enters data

10. Dashcode Demo

11. Tips ● Check out HTML5 for input fields, TEL v Number v Search ● Keep a regular backup of your project ● If your json data source doesn't load, check the escaping :) ● http://diveintohtml5.org/forms.html http://diveintohtml5.org/forms.html ● http://www.456bereastreet.com/archive/201004/html 5_input_types/

12. Dashboard Pros and Cons ● No approval process ● Can produce a non-iOS version for other browsers. ● Can be turned into an iOs App that just browses the HTML. ● GUI layout, data sources. ● Dashcode not being developed? ● Reduced access to iOS hardware features. ● Not a standalone App unless you leverage HTML5 persistent storage.

13. Dashcode Thankyou! Shay. Telfer @ uwa. edu. au

14. Further resources iPhone Development Foundation Videos 1-54 Session 921 – Using Dashcode to Create and Debug iPhone Web Applications Safari Development Essential Videos 1-04 and 1-05 Iphone Web Applications from Start to Finish WWDC2009 1-18 Session 128 Prototyping iPhone user interfaces coherentjs.org