星期六, 3月 27, 2010

derek, desertfox, unkle4 and lee siu lung, I was talking about this

Getting Started with iPhone Web Apps


An iPhone web application—or iPhone web app—uses Web 2.0 technologies to deliver a focused solution that looks and behaves like a built-in iPhone application. iPhone web apps run in Safari on iPhone, the unique implementation of Safari that provides full-featured web browsing on iPhone OS–based devices and responds to touch-based gestures.

Start Here

To develop a great iPhone web app you need to:

  • Optimize your web content for Safari on iPhone

  • Design a user experience and user interface that follows Apple’s guidelines

Choose next how you want to get started—by reading about the basics, getting your hands on some code, or diving into specific technologies.

Want to get familiar with the fundamentals?

Prefer to learn by doing?

  • Web Application Tutorial walks you through using Dashcode to create a simple web application you can run in Safari on iPhone.

  • Simple Browser is a sample project you can use to find out how to develop a productivity style iPhone web app (the built-in iPhone Settings application is an example of this style).

  • CardFlip is a sample project you can use to find out how to implement the back-to-front flip most utility style iPhone web apps perform (the built-in iPhone Weather application is an example of this style).

Want to find out how Safari on iPhone supports the web technologies you use?

Go In Depth

Sometimes you need task-focused information or answers to specific questions to get started. Browse the popular tasks described below for a more targeted way to start development on your iPhone web app.

  • Use visual effects to add richness to your iPhone web app. Safari CSS Visual Effects Guide describes how to use CSS properties to implement stunning visual effects in your iPhone web app without resorting to static images, Flash, or Dynamic HTML.

  • Take advantage of the Multi-Touch interface to allow users to tap, flick, and drag content in your iPhone web app. “Handling Multi-Touch Events” in Safari Web Content Guide describes how to register for and respond to these multi-touch events; Safari DOM Extensions Reference documents the WebKit DOM extensions that support them.

  • Add links to built-in iPhone applications to make your iPhone web app feel more integrated with users’ devices. Apple URL Scheme Reference describes how to add links that open Phone, Maps, iTunes, and more.

source: http://17.254.2.129/safari/library/referencelibrary/GettingStarted/GS_iPhoneWebApp/index.html#//apple_ref/doc/uid/TP40008134

2 則留言:

雪山飛狐 提到...

what does iphone has to do with blogspot?

Unkle 4 提到...

Webapps are expected to bloom, due to its compatibility and ease of development. Yet, the accessibility to the hardware controller is still quite low. I really hope to see that webapps can control the camera, the accelerometer, and the compass of the iPhone. Then, iPhone webapps will REALLY bloom!

There are some tools for building iPhone apps. Those tools indeed make use of the development model of webapps. Some of them, maybe you have heard about.

http://phonegap.com/
http://www.motherapp.com/ (Local stuff!!!)

"Miss on-the-70th-floor-looking down", really hope to see your webapp soon!