Matthew David - Creating Websites for Ipad and Android Honeycomb Tablets

Creating Websites for Ipad and Android Honeycomb Tablets — read online for free the complete book (whole text) full work

Below is the text of the book, divided by pages. System saving the place of the last page read, allows you to conveniently read the book "Creating Websites for Ipad and Android Honeycomb Tablets" online for free, without having to search again every time where you left off. Put a bookmark, and you can go to the page where you finished reading at any time.

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

123

Front matter

Creating Websites for iPad and Android Honeycomb Tablets

MATTHEW DAVID

AMSTERDAM BOSTON HEIDELBERG LONDON NEW YORK OXFORD PARIS SAN DIEGO SAN FRANCISCO SINGAPORE SYDNEY TOKYO

Focal Press is an imprint of Elsevier

Copyright

Focal Press is an imprint of Elsevier

225 Wyman Street, Waltham, MA, 02451, USA

The Boulevard, Langford Lane, Kidlington, Oxford, OX5 1GB, UK

2011 Elsevier Inc. All rights reserved.

No part of this publication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or any information storage and retrieval system, without permission in writing from the publisher. Details on how to seek permission, further information about the Publisher's permissions policies and our arrangements with organizations such as the Copyright Clearance Center and the Copyright Licensing Agency, can be found at our website: www.elsevier.com/permissions.

This book and the individual contributions contained in it are protected under copyright by the Publisher (other than as may be noted herein).

Notices

Knowledge and best practice in this field are constantly changing. As new research and experience broaden our understanding, changes in research methods, professional practices, or medical treatment may become necessary.

Practitioners and researchers must always rely on their own experience and knowledge in evaluating and using any information, methods, compounds, or experiments described herein. In using such information or methods they should be mindful of their own safety and the safety of others, including parties for whom they have a professional responsibility.

To the fullest extent of the law, neither the Publisher nor the authors, contributors, or editors assume any liability for any injury and/or damage to persons or property as a matter of products liability, negligence or otherwise, or from any use or operation of any methods, products, instructions, or ideas contained in the material herein.

ISBN: 978-0-240-81911-2

For information on all Focal Press publications visit our website at www.elsevierdirect.com

Creating Websites for Ipad and Android Honeycomb Tablets

Abstract:

Support for tablets is essential in your website design. Your websites need to work on all of the new information technology products such as tablets, smart phones, interactive televisions, and more. To help you accomplish this, frameworks such as Sencha Touch and jQuery Mobile are maturing to add support for tablets, and Adobe is proposing additions to CSS to add support for multiscreen devices. New features include sidebars, pop-overs, and touch.

Keywords: apps, plug-ins, pop-over, sidebar, smart phone, touch, Xcode.

Got iPad? It is hard to imagine a time when there was not an iPad tablet. The low cost for purchasing the device, the ease of use, and the massive number of apps have altered our collective perception of what a tablet is.

Let's be clear: the tablet computer is not new. Microsoft developed the technology in 2000. Unfortunately, the Microsoft tablet was heavy, slow, and expensive.

In 2010 Apple released the iPada sleek, fast, and cost-effective product that is one of the most desired pieces of technology ever released. The world can't get enough of them.

Apple continues to dominate the tablet market with the release of iPad 2, shown in . The desire for a tablet has not gone unnoticed. RIM has released the PlayBook, Google now has Honeycomb, a version of Android designed from the ground up for tablets, and HP is bringing its WebOS to a tablet near you. Sales of laptop computers are now dropping as customers choose tablets. A new communication tool has been released.

Figure 6.1 The iPad 2.

In this section we look into what you need to consider when developing for tablets. They are not simply big iPhones.

What Makes a Tablet a Unique User Experience?

Apple's release of the iPad in January 2010 involved an unusual presentation technique. A comfy chair sat in the center of the stage. Steve Jobs came on stage and sat down, looking like he was going to watch the Sunday football game. Instead he pulled out the iPad and changed the world.

The first reaction to the iPad was that it was an oversized iPhone. Who wants one of those?

But the iPad is not an oversized smart phone. Nor are any of the tablets on the market. A tablet in the current form factor is truly a new and unique technology experience. This is true of the Xoom, PlayBook, and all the competing tablets.

Smart phones are designed for instant content. You take out your Android phone, check the weather, your mail, and the news and put the phone away. Next time you are grocery shopping, watch as people casually check information on their phones as they are standing in line to pay.

The tablet, on the other hand, has an experience more akin to a book or magazine. You engage with a tablet. Your tablet is always on. Apps always use the whole screen, allowing you to focus just on the app and not be distracted by other content.

When Steve Jobs came on stage and sat in a comfy chair he was making a direct statement: your iPad allows you to fully engage with it.

The indirect statement Apple has made since is this: The days of the traditional computer are very much numbered.

There are an ever-increasing number of tablet computers entering the market. Today, and likely for the next couple of years, Apple's iPad will dominate. The growth of the tablet market has only just begun. You will soon see tablet sales in the hundreds of millions per year.

Now is the time to start assessing how you can make your website work on a tablet.

Elements of the Tablet Experience: Sidebars, Pop-overs, and Touch Interfaces

Today, Apple is driving the elements of the tablet user experience for a simple reason: the vast majority of tablets sold are iPads. For this reason, you are seeing Apple's UX teams drive the new user experience.

The first new feature is sidebars. A sidebar appears when a tablet is held in landscape mode as an area on the left-hand side of the screen. When the tablet is moved into a vertical position, the sidebar disappears and is replaced with a button that will open and close the sidebar.

The next feature is called a pop-over. Essentially, a pop-over is similar to a dialog window found on a desktop computer, as shown in .

Figure 6.2 A pop-over on the iPad 2.

Next page

123

Light

Font size:

↓

↑

Georgia Tahoma Arial Verdana

Reset

Interval:

↓

↑

Bookmark:

Make

Similar books «Creating Websites for Ipad and Android Honeycomb Tablets»

Look at similar books to Creating Websites for Ipad and Android Honeycomb Tablets. We have selected literature similar in name and meaning in the hope of providing readers with more options to find new, interesting, not yet read works.

Elaine Marmel

Teach Yourself VISUALLY Fire Tablets

Elizabeth Willse

Using Tablets and Apps in Libraries

Gookin

Android Tablets For Dummies

Gookin

Android Phones & Tablets For Dummies

Meier

Professional Android 4 Application Development

Hollinder

A Guide to Android for Seniors Introduction to Android Phones and Tablets

Warlock Asylum

The Ivory Tablets of the Crow

Marziah Karch

Android Tablets Made Simple

Russell Holly

Taking Your Android Tablets to the Max

Reto Meier

Professional Android 4 Application Development

Marziah Karch

Android Tablets Made Simple: For Motorola XOOM, Samsung Galaxy Tab, Asus, Toshiba and Other Tablets (Made Simple Apress)

David Powers

Adobe Dreamweaver CS5.5 Studio Techniques: Designing and Developing for Mobile with jQuery, HTML5, and CSS3

Discussion, reviews of the book Creating Websites for Ipad and Android Honeycomb Tablets and just readers' own opinions. Leave your comments, write what you think about the work, its meaning or the main characters. Specify what exactly you liked and what you didn't like, and why you think so.