Cancelled

Android HTML5/Phonegap - Page flip reader

We have a magazine published at iPad but we need to build the Android version using HTML5 with PhoneGAP.

This is our app to apple:

<[url removed, login to view]>

[=][1]======================

=== Desired features ===

- You can use the same layout/design.

- User can download an edition

- User can flip and read a dowloaded edition with zoom and thumbnail navigator

- User can receive notification when there's a new edition in the xml

- It must support videos inside the pages

- It must support audios icon to play mp3 inside the pages

- It must support photo galleries and individual photos inside the pages

- It must support link area inside the pages

- Use can remove a downloaded edition

- It must work in both android phones and android tablets

- It must work in both portrait and landscape mode

- When reading the magazine mode we should have two pages in landscape and one single page in portrait

=== Explanation about the XML structure ===

- You must read all information from the XML. There shouldn't be any hard-coded from XML.

Take a look at detailed summary and attached images with splash and icons.

=== Final details ===

- You must delivery the APK. As we approved we'll pay 50%.

- Then you delivery the source code. We'll review if all features and details mentioned here were followed and pay another 50%.

- Please, develop it using eclipse with phone gap.

## Deliverables

[T][2]his is the XML used to load the list of editions: (explanation below)

<[url removed, login to view]>

[A][1]nd this is the XML used to load a single edition to be downloaded:

<[url removed, login to view]>

Explanation about XML structure:

<[url removed, login to view]>

<app>

<Cliente nome="Demo">

<Revista titulo="DemoMarison - N?o mecher" capa="[url removed, login to view]"cd="368d30a9594728bc39aa24be94b319d21">

<Edicao numero="40" titulo="Teste" ed="941e1aaaba585b952b62c14a3a175a61" periodicidade="mes" data="06/05/2012" descricao="null"preview="[url removed, login to view]">

<CapaEdicao>

[url removed, login to view]

</CapaEdicao>

<linkBrowser>

[url removed, login to view]

</linkBrowser>

<Pdf>

[url removed, login to view]

</Pdf>

<ID>451</ID>

<Acesso>Free</Acesso>

</Edicao>

</Revista>

</Cliente>

</app>

| **Tag in Portuguese** | **Translation to English (if needed)** | **Attribute in portuguese** | **Translation fo english (if needed)** | **Description** |

| **app** | | | | The main tag |

| **Cliente** | Customer | nome | name | The name of the customer. In your case you will have only one. |

| **Revista** | Magazine | | | The magazine attributes. In your case you will have only one magazine with a lot of issues(editions) |

| **Revista** | Magazine | titulo | title | The title of the Magazine. |

| **Revista** | Magazine | capa | cover | The cover of the Magazine. It will be always the updated cover of the last issue/edition. |

| **Revista** | Magazine | cd | cd | The unique code of the magazine. You can ignore it. |

| **Edicao** | Issue / edition | | | You will find several editions for each magazine |

| **Edicao** | Issue / edition | numero | number | The number of the issue. |

| **Edicao** | Issue/ edition | titulo | title | The title of the issue. Probably it always will be the same, but some edition could have a little description. |

| **Edicao** | Issue/ edition | ed | ed | It's the unique identifier of an edition. You will use it to get the list of pages of this edition. |

| **Edicao** | Issue/ edition | periodicidade | periodicity | You can ignore it. It shows the periodicity of the magazine (monthly, weekly etc..) |

| **Edicao** | Issue/ edition | data | date | The publish date of the issue/edition. The date will be in the DD/MM/YYYY format. |

| **CapaEdicao** | Cover of the issue | | | For any reason we have this attribute as an internal tag. It's just the cover of the issue. |

| **linkBrowser** | The link of the web version of the edition | | | You can ignore it. It's the link to the page flip version on web browser. |

| **Pdf** | The link of the pdf version of the edition | | | You can ignore it. It's the link to the pdf version of the entire edition. |

| **ID** | ID | | | Ignore it. Neither me know exactly why it's being used. |

| **Acesso** | Access | | | Ignore it. It will be used to tell the reader that this edition will be free or purchase. |

So, for each "ed" attribute you can find the list of pages to be downloaded. Take the "ed" attribute of an issue and pass as parameter to the same link as the bold part below.

<[url removed, login to view]>

It will show THE SAME structure but ONLY for the edition of that identifier. So, you can ignore the most part of the previous data structure and I'll explain the new structure below that has been added to the EDITION TAG.

| **Tag in Portuguese** | **Translation to English (if needed)** | **Attribute in portuguese** | **Translation fo english (if needed)** | **Description** |

| **Paginas** | Pages | | | The main pages tag. |

| **Pagina** | Page | | | Each page of the edition |

| **Pagina** | Page | img | | The main image of a page |

| **Pagina** | Page | thumb | | The thumbnail image of a page |

| **Pagina** | Page | width | | The width of the main image |

| **Pagina** | Page | height | | The height of the main image |

So, you if have any other doubt or if you think it's necessary other kind of data/attributes, please let me know. I cannot change the structure already existing because we have other systems using it, but I can create new attributes.

**Links, Audios, Photos and Videos**

The links and videos will appear INSIDE the <Pagina> (page in english) tag. We mean, the links and videos are AREAS with a layer over the page.

Example of link:

<link href="[url removed, login to view]" x="151.0" y="141.0" width="447.0" height="113.0"/>

This tag will create a link with 447x114 at 151x141y relative to the page where the tag is inside of.

The href attribute is the destination of the link. It can be an external destination as the example above or an internal ref to any page of the edition. In that case it would be [href="anch0002444"] where "0002444" is the ID of the page where you must flip to.

The videos work with the same way, take a look:

<vid src="[url removed, login to view]" x="148.0" y="362.0" width="271.0" height="189.0"/>

The video are works in the same way as links, but it will show that MP4 video. You must NOT download ALL videos when download an edition... it 's supposed to be downloaded on demmand, however, once downloaded it must be stored to work offline.

<pic src="[url removed, login to view]" x="120.0" y="22.0" width="311.0" height="150.0"/>

There's no secret to the individual pictures, just show the image in the same area as videos and links.

<gal name="Galeria 1" x="120.0" y="22.0" width="311.0" height="150.0">

<pic src="[url removed, login to view]" caption="Foto 1"/>

<pic src="[url removed, login to view]" caption="Foto 2"/>

<pic src="[url removed, login to view]" caption="Foto 3"/>

</gal>

And there's no secret with picture gallery too.. just show the area with a horizontal carrousel of images.

=== Future plans ===

- We'll need after finish this phase of project, to build some features like: Sell edition with google checkout, share reading on facebook, login to our subscribers see the download button, etc...

Skills: Mobile App Development

See more: phonegap page flip, page flip phonegap, phonegap pdf page flip, source code page flip android html5, phonegap create page flip android, phonegap pdf flip, phonegap html5 flip page, html5 page flip app, page flip android phonegap source, android phonegap flip issue, android phonegap flip pages, phonegap page flip android, phonegap html5 magazine, pdf phonegap flip, html5 page flip app android code, phonegap flip page, html5 page flip android, flip image phone gap android demo, android single html5 flip, phonegap flip image gallery, page flip phonegap app android, www facebook android com, why data structure is needed, why data structure, where to sell icons

About the Employer:
( 2 reviews ) Brazil

Project ID: #2776978

4 freelancers are bidding on average $425 for this job

tenacioustecvw

See private message.

$425 USD in 20 days
(2 Reviews)
4.5
narendragautam

See private message.

$425 USD in 20 days
(2 Reviews)
3.6
conultant23

See private message.

$425 USD in 20 days
(0 Reviews)
0.0
doernmakers

See private message.

$425 USD in 20 days
(0 Reviews)
0.0