2011 Class 1/2

Here are the starters of the first lesson:
http://www.contrechoc.com/crosslab/mobile_design.ppt.zip

http://www.contrechoc.com/crosslab/mobile_design2.ppt.zip

First study how newspapers are translated to an Ipad format. Then discover the rotation, portrait landscape versions.

Our first exercise will be to explore the possibilities of newspaper apps and make our own version using this template for Xcode:

Template for use with NIB (interfacebuilder)
http://www.contrechoc.com/crosslab/AlternateViews.zip

Template for use with images in code (and an extra image on touch)
http://www.contrechoc.com/crosslab/AlternateViews2.zip (without battery and viewcontroller bar)

We discover Xcode and have a first go at this daunting program!

We need a few icons:
Launch image (required for all apps)
Iphone:
320 x 480
640 x 960 (high resolution)
Ipad:
For portrait: 768 x 1004
For landscape: 1024 x 748

Application icon (required for all apps)
Iphone:
57 x 57
114 x 114 (high resolution)
Ipad:
72 x 72

This is a link to the User Design Guide:
http://developer.apple.com/library/safari/#documentation/UserExperience/Conceptual/MobileHIG/Introduction/Introduction.html

There were problems using the Interfacebuilder, text shifts and images too…
Getting the basic Portrait and Landscape Views right in size helped (a bit), not always!

After  making the rotating newspapers we will add some Ipad magic!

(The last movie of the presentation, Ipad magic gives us our first ‘art’ – app idea.)

The idea is to make a transparent Ipad, using an image from for instance your head, putting the image inside the Ipad app, and making a photo in with the Ipad in front of your head….other ideas are possible!