Pro IOS Web Design and Development pdf epub mobi txt 电子书 下载 在线阅读 2026

With Pro iOS Web Design and Development, you’ll design websites and develop web applications for iPhone and iPad using web standards deployed with Apple's Safari browser.

Utilizing the very latest web and mobile technologies and releases, this book shows every web professional how to use HTML5 to do the heavy lifting, CSS3 to create the look and feel, and JavaScript to add program logic to their mobile sites and Web applications.

In addition, you’ll learn how to address the specific features made available through Apple's iOS, especially with regard to designing Web-based touch-screen interfaces.

Pro iOS Web Design and Development will help you deliver rich mobile user experiences without compromise by optimizing your sites for WebKit and Safari, the de facto standard for the iPhone, iPad, and iPod touch.

With a background in psychology (University of Padova) and computer science

(University of Pisa), Andrea Picchi started designing WebApps for the new

Apple device in 2007 when the first iPhone was launched on the market. After

the first release of the Apple SDK in 2008, he started developing Native Apps

using Objective-C.

He also worked with the SimBin Development Team AB on the videogame

RACE07—The Official WTCC Game project—and supported the group’s iPhone

iUI Developers, iPhoneWebDev and iPhone Application Development

course at Stanford University.

In recent years, Andrea Picchi has spoken at many important conferences

around Europe, twice at the WhyMCA Mobile Developer Conference with a talk

on “The Cognitive Paradigm of Touch-Screen Devices” and another on “A

Cognitive Approach to the User-Centered Design for Mobile Design and Development.” He also

spoke at IASummit with a speech on “Cognitive Design and Optimization of Touch-Screen

Interfaces” and at UXConference with a speech on “Cognitive Optimization of Mobile Touch

Contexts.”

In 2011 he also started to teach “iOS WebApps” in a course also available on iTunesU and

“Mobile Device Development” in a first-level Master, both organized by the Computer Science

Department of the University of Pisa.

Today, as a mobile project manager, his priority has been to implement a cognitive approach

to touch-screen interface design in both mobile and ubiquitous computing contexts. He also

continues his work designing and developing for iOS with both the web model (using HTML5,

CSS3, JavaScript) and SDK model (using Cocoa-Touch in Objective-C).

Cover
Title
Copyright
Dedication
Contents at a Glance
Contents
About the Author
About the Technical Reviewer
Acknowledgments
Preface
Introduction
Chapter 1: Think Mobile Touch
Why the Mobile Web?
From Desktop to Mobile
Mobile Market
Why Mobile Now?
A Mobile-Oriented Approach
Mobile-Oriented Guidelines
Apple's Mobile Hardware
Summary
Chapter 2: Agile Project Building for iOS Devices
Implementing a Mobile Information Architecture
What Is Information Architecture and Why Is It Important?
Abiding by the Golden Rules of Mobile Strategy
Content-Out Approach
Representing an Information Architecture with a Site Map
Sketching an Information Architecture with Wireframes
Visualizing Interactions Through Prototypes
Systematic Approach to Mobile Design
Accessibility in Apple Devices
Usability in iOS Devices
iPhone Page Model
iPhone User Interface
iPad Block Model
iPad User Interface
Tools for Apple Mobile Design
Summary
Chapter 3: Web Developmentfor iOS Devices
Web Development Tools
Development Frameworks
Mobile Web Site
Mobile Applications
Web Development Model
Web Development Model: Pros and Cons
Four Different Approaches to a WebApp
WebApp and Native App: What Makes the Difference for the User
Web Standards: HTML, CSS, and JavaScript
Browser Support for Standards: WebKit and Safari
SDK Development Model
Apple’s Objective-C, Cocoa Touch, and Xtools Model
Hi, I’m a Mac
Tools and Frameworks for Apple Mobile Development
Summary
Chapter 4: User Interface Design for iOS Devices
User Interface Design
What Is an Interface?
Everything Is an Interface
Negative Space
Color Psychology
The Interface Hierarchy
Reading Patterns
The User Interface Design Process
iPhone and iPad Compatible User Interface Design
Research
Structure
Aesthetic
Interaction
Deliverables
iPad Native-Like User Interface Design
Research
Structure
Aesthetic
Interaction
Deliverables
iPhone Native-Like User Interface Design
Research
Structure
Aesthetic
Interaction
Deliverable
Tools for User Interface Design
Summary
Chapter 5: iPhone UI Design: Think Simple
User Interface Sketching
Think Simple
The iPhone is an On-the-Go Device
The Essence of the iPhone Page Model
iPhone Limitations
The Nature of Users' Cognitive Resources
Anatomy of Sketching
Design Using Tools
Explore the Balsamiq Mockups Interface
Represent Connections
Designing with Adobe Fireworks
Creating a Canvas
Organize Levels
Layout Design
Interface Design
Reuse Design
Tools for User Interface Design
Summary
Chapter 6: iPad UI Design: Think Inverted
User Interface Sketching
Think Inverted
Inverted Simplicity
Remove and Prioritize
Hide and Shape
Shrink and Group
Key Points of the Simplicity-Complexity Paradox
Sketching the UI
Design Using Tools
Design with Adobe Fireworks
iPad-Compatible Version
iPad Native-Like Version
Summary
Chapter 7: Web Standards for WebKit: Maximizing Mobile Safari
Comparing iPhone and iPad for Web Presentation
HTML5
HTML5 Markup Syntax
HTML5 Re-Definitions
HTML5 Semantics
HTML5 Media
CSS3
Prefixes
Rounded Borders
Border Images
Gradients
Box Sizing
Box Shadow
Outline
Background Size
Background Origin
Multiple Backgrounds
Text Shadow
Text Overflow
Word Wrapping
Web Fonts
Tap Highlight
Multiple Columns
Spanning Columns
Transitions
Transforms
Animation
Keyframes
Reflections
Javascript
Adding Javascript to a Webpage
Javascript Structure
Data Categories
Reserved Words
Variables
Operators
Conditional Statements
Loop Statements
Functions
Variable Scope
Arrays
Strings
Objects
BOM (Browser Object Model)
DOM (Document Object Model)
Compare DOM and HTML Structure
Working with DOM
Some Javascript Best Practices
Resource on Web Standards
Summary
Chapter 8: Native iOS EnvironmentDevelopment
Setting up the Environment
Defining Viewport
Full-Screen Mode Application
Adding the Springboard Icon
Application Startup Image
Application Redirecting
Setting up the Head Section
Native Link Emulation
Native Text Emulation
Native Element Emulation
Native Scrolling Emulation
Native iOS Service Interaction
The Phone Application
The Mail Application
The SMS Application
The Maps Application
Touch Events and Gesture Interactions
Touch Event Paradigm: Touch Is Not a Click
Native and Customized Touch Event Handler
Create Touchable Design Elements
Orientation Change Event
Orientation Change Media Query
Expand a Framework for iOS
Resources for Coding
Summary
Chapter 9: Native iOS Design Implementation
iPhone Page Model Implementation
Implement the Native-Like Page Structure
iPhone Native Interface Emulation
The Top Bar Section
The Page Title Element
The Breadcrumb Bar
The Hero Content Area
The Menu Area
The Footer Section
Summary
Chapter 10: Optimizing iOS WebApps
iPad and iPhone Compatibility
Performance Optimization
Code Optimization
Image Optimization
Application Compressing
Usability Optimization
Offline WebApp
The Manifest File
Mobile SEO
Anatomy of a Search Engine
Search Engine Oriented Design
Resource on Optimization and SEO
Summary
Chapter 11: Testing iOS WebApps
Web Development Lifecycles
Web Application Testing
Agile Tests
Heat Map Tests
Organizing a Test
Creating Use-Cases
Creating the Assets
Performing a Test
Paper Prototype
Electronic Prototype
Evaluating a Test
Variables and Feedback to Evaluate
Number of Touches
Number of Mistakes
Estimated Time of Arrival
Collecting Feedback
Evaluation Techniques
Resources on Testing
Summary
Chapter 12: Maximizing the Market for iOS WebApps
Use Your Mobile Strategy
How to Promote Your WebApp
Use Beta Invitation Testers
Use Press Releases
Create a WebApp Web Site
Use E-mail Marketing
Create YouTube Video Tutorials
Submit to Apple WebApp Portal
Submit to Other WebApp Portals
Use the Virality of Social Networks
Monetizing a WebApp
Resources on WebApp Market
Summary
Chapter 13: Looking Beyond the Mobile Web to Ubiquitous Computing
The Explosion of Mobile Devices, Wireless, and Cellular Communications
Next-Generation User Experience with Touchscreen and Multitouch Technology
New Technology, New Usability, and New Opportunity
How the Multitouch-Screen Revolution Will Change Next-Generation Computing
From Domestic to Ubiquitous Computing and Ambient Intelligence
Resources for Telecommunication and Ubiquitous Computing
Summary
Index
· · · · · · (收起)