PUBLISH MAGAZINE in Newsstand iOS6

Breaking down into easy-to-understand Terminology:

What we would really like to develop is a Magazine/Newspaper application incorporating the latest vanguard iOS with its five features of Newsstand and corresponding downloading of background.

This particular advanced app can provide numerous benefits and facilities for One Newspaper or Magazine, as preferred.

Have a quick preview at the listed YouTube video of Newsstand Features via

img

SERVER SIDE

The Newspaper / Magazine App will connect with a CMS System or we can also create a XML File and store the content on your dedicated server.

The Example of CMS System will be something like (This is just an example; the actual version will be different):

Issue Cover 1

The example of XML will be an info.xml file containing details about the Newspaper / Magazine and the path to magazine issue, Cover image. For example, it will be (the dl.dropbox.com folder will be replaced with server path):

http://dl.dropbox.com/u/11754475/magazine/info.xml

http://dl.dropbox.com/u/11754475/magazine/issue001.zip

http://dl.dropbox.com/u/11754475/magazine/issue001.png

http://dl.dropbox.com/u/11754475/magazine/issue002.zip

Issue Cover 2

Each Newspaper/ Magazine issue has a cover image or first page screenshot for newspaper that will be used on the homepage of the app.

In the example above:

Therefore, in the cover of issue 001 each newspaper / magazine issue is a zip file

In our example above this is :

http://dl.dropbox.com/u/11754475/magazine/issue001.zip

The zip file will contain the content about the issue. It can be either in PDF or it can be in HTML (if you want capability of Links, Videos, Audios through HTML5 tags). The image folder inside the zip will store Multimedia and images about the issue if you are using HTML5 format (Please note: you can only have either HTML5 or PDF format, you cannot have mix combinations).

If you are using The html files, they will be named as follows :

page001.html

page002.html

page003.html etc

page001.html is therefore, the first page of the selected magazine issue, and when user flips the page he will go to next or previous page.

Issue Cover 3

The Application Icon on Newsstand as per Newsstand feature will be a NEWSPAPER OR MAGAZINE icon and will use the latest cover image.

The path of the image will be available on the info.xml for our example above: if 3 magazine issues have been published, then the newsstand magazine icon should be

The App

As mentioned earlier, the app is a NEWSSTAND App, and which must support the latest newsstand features, Background download and Dynamic app icon.

The app will therefore, be available and opted into newsstand and will be available on the newsstand store.

User can install the app. On installing the app, it will be available in the Newsstand app rack, and the app will display the latest issue cover as its icon image.

This is how it will look in Newsstand Home:

On clicking the app icon the user will be able to open the app.

When the app opens it will query the info.xml file on the server and retrieve the information it needs to display on the home page. The app will store that information. We can have a simple page with a loading wheel and the text “Connecting” below the image.

When the information has been retrieved the user will reach the home page.

If the user does not have Internet connection, the info.xml information cannot be retrieved and then the latest saved information is displayed.

The home page will display the newspaper or magazine covers of the published issues.

The latest issue cover image will be shown on the top left of the page as you can see below

On the right of the latest cover image, there will be a box with the newspaper / magazine name and some text. The name and sale message content are available on the info.xml. Below that box some information will be displayed:

It will contain:

  • The newspaper / magazine name.
  • Below, the newspaper/ magazine issue date.
  • The Price of the issue (This will be as per apple pricing tier for eg. 0.99, 1.99, 2.99, 3.99 and so on).
  • All this information will be on info.xml.
  • A buy button and a subscribe button will be shown.

IN APP PURCHASE – ONE TIME-NON CONSUMABLE:

If the user clicks on Buy, he will be able to do an in app purchase of that newspaper / magazine issue (the product identifier to use with Apple is on the info.xml and would have been stored during loading and previous loading) On completion of purchase he will see a download button instead of the previous buy button, like this:

The price will be removed on click of download button and the user will be able to download the newspaper/ magazine issue file (the path of the zip file will be on the info.xml file).

On clicking the download button for the newspaper/ magazine, the issue starts downloading and the button download is now a dark view button (not clickable). The download bar appears on top of the newspaper / magazine cover.

When a user buys one newspaper / magazine issue, he is doing an in-app purchase for a non-consumable product.

On completion of download, the newspaper/ magazine issue is stored on the device (as per apple latest document storage policy it will be placed into device level document folder so that it gets backed up. If you are using iCloud automatically the user will see a View button instead of the previously download button.

On click of View button, the user will be able to read the newspaper/ magazine starting on page one.

If the user clicks on subscribe button he will do an in app auto renewal subscription purchase. The price of the monthly subscription will be available on the info.xml file and the Product identifier will also be present on the info.xml.

IN APP PURCHASE – SUBSCRIPTION – AUTO RENEWAL

On click of download button the newspaper / magazine issue will download, it will look as follow:

You can see the dark view button (not clickable) and the download bar. On completion of download the newspaper / magazine issue is stored on the device and the user will see a View button instead of the previous download button

On click of View button the user will be able to read the newspaper / magazine starting on page one.

If the user is subscribed to the newspaper / magazine and is still a confirmed user (He has not cancelled) then he will be able to download the latest issue automatically. The download will use Background download as introduced by iOS5 and Newsstand.

Every day or month, he will therefore, be able to get the latest issue AUTOMATICALLY with Newsstand background download. This means that he does not need to click a download button or anything as he is subscribed, therefore, the newspaper / magazine issue downloads automatically and is stored when it is available on the server.

Default NEWSSTAND feature.

Because the user is subscribed and as this is a NEWSSTAND APP, every time there is a new newspaper / magazine issue published then as mentioned the newspaper / magazine issue will be downloaded automatically on the background.

The app icon on newsstand will be updated to use the latest newspaper/ magazine cover, but a new notification will be used as well.

He will therefore, be able to download all the issues that get published from the date he became a subscriber as long as he remains a member. He can buy any older issue if he wants follow the process described below for the older newspaper/ magazine issues.

We can setup “Apple Push Notification” on your server, thus to be able to send updates to users and we can help you in setting up the server code and give you instructions how to use that.

If the user is NOT subscribed to the newspaper/ magazine then he will see the latest newspaper/ magazine cover on his newsstand rack, but when he opens the app he will have the option to buy or subscribe (same process as above).

HOME PAGE DESCRIPTION BOX

Below the top section, a newspaper/ magazine description box will be shown, this uses the information provided by the info.xml file and displays the name and description of the newspaper/ magazine. The box changes height size depending on the length of the description.

PREVIOUS NEWSPAPER/ MAGAZINE ISSUES:

Below the name+description box, the previous newspaper/ magazine issues will be shown, from left to right following the order of release date.

For example, if the latest issue on top is for Oct. 2011, then the first newspaper / magazine cover displayed on the left is September, then in the middle is August and then on the right is July. As you scroll down, the other previous newspaper / magazine issues are shown. In our case this means June in the left second and May in the middle second .

Please note that I am identifying October, September etc. as an example only. In reality, this is dependent on the release date of the issue (date is on info.xml) and basically the newest newspaper / magazine issue is always on top, then the others are organized in chronological order as explained.

On the XML file each issue has a number. The first one has The second one has 2 etc.

This means the new newspaper / magazine will always have the biggest number. This can be used to order the newspaper / magazine issues.

The previous newspaper / magazine issues = ( all the issues older than the latest published newspaper / magazine issue) will be displayed below the description box.

There will be 3 magazine issues displayed per .

Each newspaper / magazine issue shown will display a cover Image. The path of the image will be on the info.xml file, and it will need to be downloaded and stored on the device.

The user will see the newspaper / magazine name (from info.xml), the published date (from xml file) and the price (from xml file).

If the user is NOT subscribed:

A buy button will be shown. On click of Buy button, the user will be able to do an in-app purchase of the selected newspaper / magazine issue.

On purchase completion, the user will see the download button. The price in blue is removed (but the button remains in the position where the buy button was).

On click of download button the user will download the newspaper / magazine.

The download button is a dark View button instead in this state.

On completion of download, the issue will be stored on the device so the user does NOT need to download again.

On completion of Download, the user will see a View button and a dark archive button.

On click of View, the user will be able to read the newspaper / magazine issue starting with page 1. On click of Archive, the downloaded files for that issue will be deleted and the user will then see a Download button.

On completion of Download, the user will see a View button and a dark archive button.

On click of View, the user will be able to read the newspaper / magazine issue starting with page 1. On click of Archive, the downloaded files for that issue will be deleted and the user will then see a Download button.

When the user clicks on Archive, then the issue is deleted and the user can see a download button.

On click of Download, he will be able to download the issue and the same process as above is repeated.

If the user is subscribed, then – If a newspaper/ magazine issue was published AFTER the User Subscribed to

If the user is subscribed, then – If a newspaper / magazine issue was published AFTER the User subscribed to the newspaper/ magazine then that issue will automatically download (Background download).

He will see the view and the archive button. On click of View, the user will be able to read the newspaper/ magazine issue starting with page 1. If he clicks Archive, that issue is deleted and he does now see the download button + If a newspaper/ magazine issue was published before the User subscribed to the newspaper / magazine then the user will be able to Buy that newspaper / magazine issue by doing the procedure described for app purchase for that single issue.

READING A MAGAZINE ISSUE

On clicking View, the user will open the selected newspaper / magazine issue and page one will be displayed. This is page001.html from the zip file as a reminder the newspaper / magazine issue zip file would have been downloaded during the download process. The zip would have been extracted and the content stored on the app.

The content of the issue are .html files and an image folder with images (.png, .gif, .jpg) the user is therefore, reading page1 (page001.html) and can flip to the right to read page 2 (= page002.html). The user can then continue to flip left or right to see next or previous pages. If the page height is long, the user can scroll vertically down and read the rest. The user can read the newspaper / magazine in portrait only.

On the left of the layer, there will be a Home button. The button image is provided in the asset pack.

On click of home button, the user returns to home page of the app.

The pages of the newspaper / magazine can have html links. These are standard links. The links can be URL of websites or web pages (for example http://www.yahoo.com or other).

On click, that URL should load in the app (not safari on iPad) and there should be a layer on top and background but this time with a “Done” button.

On click of “Done”, the user would return to the page where he clicked the Link.

For example, if he is on page 10 and there is a link, then the URL opens, but when this is done he will return to page 10.

PUBLISHING NEW MAGAZINE ISSUES

When you have a new newspaper / magazine issue for the public, you will need to update the info.xml file with the latest entry and magazine issue details, you will place the latest issueXXX.zip file on Live folder on your server as well as the latest issueXXX image to be used for the newsstand app icon and the newspaper / magazine issue cover.

You will need to create a new in-app purchase on iTunes connect for each newspaper/ magazine Newsstand has a feature where a badge will be shown if there is a new issue:

img

You will notice that newsstand places a “New” label on top of the Newsstand App.

As mentioned, the newsstand app icon needs to be updated to use the latest newspaper / magazine cover image, as icon, and when the user opens the app the latest newspaper / magazine issue cover + details will be shown.

SERVER AND SCRIPT

We will provide you with all the information and direction needed to implement the server side code to handle push notification, generating certificate and so forth.

However, if you have developers who have done server files to handle the push notification, that would be good. You can use PHP script from http://www.easyapns.com/php-source for the same.

James-Balmain_profile-100x100
Space-O went to a lot of effort to turn my vision into clear product requirements. They took my idea and asked many clarifying questions and suggested improvements. They were also always mindful of timings, with them proactively following up on getting my feedback.Janine Wiedermann
Let's Build THE app