This project requires winning freelancer to convert an existing native Android App to iPhone App.
Note: App UI and content is in Arabic. Should not matter to the developer but it is important to know.
Existing application is a news post app that gets its data from MS SQL Server database via web service. Web service is already in place and fully functional.
News on the phone app is shown under categories which appear as tabs on the mobile app's UI.
Data to mobile app is posted using a admin control application written in .NET.
Admin user can posts the news post with an images under different news categories. Each time a news post is created on the admin application, a push notification is sent out via Google Cloud Messaging (GCM) to the mobile app users.
This mobile app also has screens where sponsored ads can be placed. These sponsored ads are very simple which are created in the admin control. Each Sponsor ad has a small image and a large image. App UI shows small image which when clicked opens full image ad in another window (Activity).
There are mainly two locations where these ads can be shown. First location is the second screen which appears right after the splash screen and the other is at the bottom of screen where the details of each news post is displayed. There are no limits on how many such ads can be shown under the news post details.
Design & Layout:
Existing app has a splash screen showing the logo which shows for 5 sec and then the app moves to screen 2.
A grouped list of sponsored ads is displayed. Only small ad images are shown on this screen using an expandable list view. First group header of the expandable list view should be always expanded and others should open when group header is clicked.
This is the main screen where all news tabs are displayed. Under each tab(news category) are the news post.
To move from tab to tab, user can either click on the tab or swipe left or right.
Additionally each tab can have a small sponsor ad image displayed before the news post items.
News Post Detail Screens:
When user click on a news post, detail of the news are shown in another screen that opens. This screen has social share feature.
Each tab can have different layout. Layout can be controlled and dynamically changed from the admin control for each tab. Depending on the tab layout, the app displays news items as following:
- Standard Page Layout: A simple list of news post items with small image on left and title of news post on the right.
- Gallery Page Layout: Only images of the news post are displayed in a grid of 3 columns.
- Complex Page Layout: Please see attached image.
-Card Page Layout: Please see attached image.
iPhone App Requirements:
-App should look and behave exactly like existing android app.
-App should connect to Google Cloud Messaging (GCM)
-App should have 'pull to refresh' feature to retrieve news post under respective categories.
Note: If there are no news items posted under any category, mobile app UI should not show that particular tab.