Preflight

Checking compatibility...

If things look good, press to move on.

NOW on Tablets

Where we started
Where we went
Where we're going

The App

iTunes: http://bit.ly/nowipad

The Idea

Background

Conception

Options

ePub In Detail

NOW's ePub Edition

The "More Sexy"

Post-launch it became apparent we needed to continue our efforts to get a NOW experience on the iPad.


NOW on the iPad

The Execution

What Needed to Be Built

Much of what we do at NOW is DIY, built in-house solutions tailored to our needs. To deliver our content to the iPad we determined we'd need the following:


The Mechanics

NOW's ePublisher

Issue Format

<plist version="1.0">
<dict>
	<key>articles</key>
	<array>
		<dict>
			<key>article</key>
			<string>html/index.html</string>
			<key>author</key>
			<string>Benjamin Boles</string>
			<key>brief</key>
			<string>Unlike the UK and its Mercury Prize, we don't have a network of bookies giving odds on who’ll win this year’s Polaris Music Prize on Monday (September 20)... so not much of a chance that he’ll be picking up his second $20,000 prize after winning previously in 2008 for Andorra.</string>
			<key>image</key>
			<string>images/im1.jpg</string>
			<key>section</key>
			<integer>6</integer>
			<key>title</key>
			<string>Caribou Storms Toronto</string>
		</dict>
	</array>
	<key>sections</key>
	<array>
		<dict>
			<key>colour</key>
			<integer>16148630</integer>
			<key>id</key>
			<integer>0</integer>
			<key>title</key>
			<string>Life&Style</string>
		</dict>
		<dict>
			<key>colour</key>
			<integer>15747111</integer>
			<key>id</key>
			<integer>1</integer>
			<key>title</key>
			<string>Food&Drink</string>
		</dict>
	</array>
</dict>
</plist>
		

API

<plist version="1.0">
<dict>
	<key>version</key>
	<integer>27</integer>
	<key>issues</key>
	<array>
		<dict>
			<key>date</key>
			<date>2011-06-02T00:01:00Z</date>
			<key>volume</key>
			<integer>30</integer>
			<key>no</key>
			<integer>40</integer>
			<key>title</key>
			<string></string>
			<key>cover</key>
			<string>3242/cover_519.jpg</string>
			<key>url</key>
			<string>2011/3242.zip</string>
			<key>size</key>
			<integer>4384472</integer>
		</dict>
		

Content

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Now</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="revisit-after" content="7 Days" />
	<meta name="description" content="" />
	<link href="assets/css/reset.css" media="screen" 
		rel="stylesheet" type="text/css" />
	<link href="assets/css/main.css" media="screen" 
		rel="stylesheet" type="text/css" />
	<script type='text/javascript' src='assets/js/jquery-1.4.4.min.js'></script>
</head>
<body id="home">
	<div id="main">
		<img src="assets/images/image1.jpg" class="left" />
		<p>Unlike the UK and its Mercury Prize, we don't have a 
			network of bookies giving odds on who'll win this year's 
			Polaris	Music Prize on Monday (September 20). </p>
		
		

App by Relish Interactive

Design Gotchas

The Results

iTunes Canada Featured App

The Future

Android / Playbook?

Rick Mason

Lead Web Developer - nowtoronto.com
Director of Technology - FITC
Co-manager - FlashinTO

Where to find me:

@egnaro
egnaro.com
gplus.to/egnaro