iPhone / iPad Photo Gallery Application - iOS

Need an iPad Photo Gallery Application. We are ready to begin this job immediately upon finding a qualified bidder. Application will display a list of galleries that the user will select from. Then the user will see a coverflow page of thumbnails and relevant gallery details. User can select thumbnail to view image full size. Other features are the ability to view a map of where the photo is located by using the internal map application and a lat/lon coordinate or by reading the lat/lon from the exif of the photo. The user will be able to select the option to cache images locally so they can be viewed while offline. The application must be able to detect connectivity and present the user with appropriate options. Additional detail and functional requirements are included with this posting along with a pdf file of the screen mockups. General Information: All text data and fields will come from a hosted mysql db. A web service script must be written that resides on the server that can be called from the application to retrieve the gallery information. The mySQL db will contain the Area Names, Gallery Names, Descriptions, Map Info, etc and then a link to the Gallery URL contained within SmugMug. All photos will come from online smugmug photo hosting site via api. Application will be connected to online service using API here: http://wiki.smugmug.net/display/API/API+1.3.0 Requirements: Programming code must be documented thoroughly in English Status updates must be provided at the end of each day ## Deliverables App Mockup Functionality Details: Launch Image: Default to "Landscape Left" orientation (should support portrait orientation when viewing photos fullscreen only) Upon Launch Application to detect internet connectivity and load data accordingly If offline/no internet, message box to prompt user to retry connection or proceed using cached data (if caching is on in settings) other a retry connection prompt. If "Offline", prompt user "Internet connection is offline, retry or use cached data?" "Retry, Use Cached Data" If "Online" but not connection can be made, prompt user "Internet connection cannot be made at this time, retry or use cached data?" "Retry, Use Cached Data" If online and internet connected, app should display splash image while loading gallery lists. Home: Opening Screen with menu options plus a settings icon and text box "Area List" "Map View" "Favorite Galleries" "Favorite Photos" "Featured Galleries" "Featured Photos" -------------------------------------------------- About San Diego San Diego is renowned for its idyllic climate, 70 miles of pristine beaches and a dazzling array of world-class family attractions. Popular attractions include the world-famous San Diego Zoo and San Diego Zoo Safari Park, SeaWorld San Diego and LEGOLAND California. San Diego offers an expansive variety of things to see and do, appealing to guests of all ages from around the world. -------------------------------------------------- Settings: Cache Viewed Photos Cache photos locally as they are viewed Cache Favorite Galleries Cache photos locally as they are selected as a favorite Cache Favorite Photos Cache photos locally as they selected as a favorite Clear Cached Items Will clear all photos from cache for selected category Download Now Will download all photos in category. Should display progress indicator showing how many photos to be downloaded and number of photos downloaded Cache Info Displays number of photos in cache, cache size and cache last updated Thumbnail Size Determines image size to be loaded for thumbnail (cover flow) display Full Screen size Determines image size to be loaded for fullscreen image Default Tweet Text Text to be used when tweeting a picture Reload Gallery Lists Forces a requery of the mysql gallery data, should display a message box upon completion with count of areas and galleries loaded or message indicating failure. "Area List" goes to a 5 column list view where a user can select a gallery to view - The 5 Region Names are Pulled from the Regions DB with the Order assigned - The Area / Gallery names are pulled from the mysql db - Please note word wrap and formatting of page - Gallery name should be followed by small superscript Red Heart symbol if it's been favorited - Gallery name should be followed by small superscript Gold Star symbol if it's been featured - When the user selects a Gallery they will be taken to the standard "Gallery Coverflow" page "Map View" - goes to a map view where a user can select a Region from a map display - map to be displayed is pulled from "image_name = Region_Map" from mysql db "images" table. Use the image_link to pull image from smugmug. - Region buttons on right, when selected will take user to "Gallery List" (same basic view as Favorite Galleries and Featured Galleries) "Favorite Galleries" - shows galleries that user tagged as "favorite" - Should display single left column of Galleries by Area Heading. Galleries should be collapsed within Area heading upon initial display and no map or description would be shown yet. - When user selects Area, galleries within that area expand to visible and Map for area is displayed on right along with Area description. - The map should be a map frame embedding the system map (google maps application) with the location from db "area.map_link" passed as a search parameter - The text should be the area description from the database - When the user selects a different area, the first area is collapsed and the new area expanded so only one area is expanded at a time. The map / area description will then be displayed for the new area selected. - on the image for the map for this page, the image shows all areas expanded. Please note that only one area would be expanded at a time for the real application. This image is an example only. - When the user selects a Gallery they will be taken to the standard "Gallery Coverflow" page. "Favorite Photos" shows photos that user tagged as "favorite" "Featured Galleries" this should use the similar view page as "Favorite Galleries", except you display Galleries where "[login to view URL] = 1" in the database "Featured Photos" when this option is selected, user should go to the gallery coverflow page and display gallery name = "Featured Photos" from the galleries database. - This uses the standard "Gallery Coverflow" page, however, since it's not a database driven gallery some features may not apply (ie. Mapping the Gallery since the gallery may contain images from many different galleries, the map icon for this gallery should be disabled on the gallery coverflow page) Gallery Coverflow: - The gallery coverflow displays the thumbnails of photos from the selected gallery. These images come from [login to view URL] using the api provided - The size of the thumbnail images (dimensions) are determined by the settings - The order of images should follow the same order the images are displayed in smugmug - There is an "About (gallery name)" that displays below the Coverflow images. This description comes from the mysql db - There are toolbar options (icons in the top bar) First Icon: More Info. - This should launch a url that goes to [login to view URL]([login to view URL]).html Second Icon: Info - This should display a pop up message that shows information about this gallery. Number of photos in Gallery Gallery is Favorited (Yes/No) Number of photos cached: Number of Photos Favorited: - Option to Clear cached photos and reload (with progress count if option is selected. - Option to Close message box Third Icon: Map - This should display the embedded map application passing the galleries.map_link value to autolocate the location on the map. Fourth Icon: Heart - This should be a toggle that lets the user "tag" this Gallery as a Favorite Fifth Icon: Help Symbol - This icon should pop up a message box describing what the symbols on the toolbar do Sixth Icon: Settings - This should take the user to the settings screen - When a user selects an image from the coverflow page, it should take the user to the "Photo Page" displaying that image in a full window with correct pro-portion based on size and orientation of original image. Photo Page: - When a user selects an image from the coverflow page, it should take the user to the "Photo Page" displaying the selected image in a full window with correct pro-portion based on size and orientation of original image. - The image should support pinch to zoom. If the image is portrait orientation, there will be white space to the left/right of the image. If the user rotates the iPad into a portrait orientation, the image should follow and then be full screen (with the toolbar) - The size of the image (dimensions) are determined by the settings - The user should be able to swipe left / right to navigate through the images (the order should follow the same order as the coverflow images) - The user should be able to double-tap an image and display that image fullscreen (no toolbar). This view should support pinch-to-zoom as well as swipe left/right to navigate forward and backward through the gallery. Images that are portrait or landscape should be displayed and scaled correctly based on the orientation of the device. - There are toolbar options (icons in the top bar) First Icon: More Info. - This should launch a url that goes to [login to view URL]([login to view URL]).html Second Icon: Info - This should display a pop up message that shows EXIF information about this photo. Title: Caption: Date / Time Taken: Camera Model: GPS Info: (Yes/No) Dimensions: Size: Third Icon: Map - This should display the embedded map application passing the gps coordinated embedded in the photo (if it contains GPS info) or the galleries.map_link value to autolocate the location on the map. Fourth Icon: Heart - This should be a toggle that lets the user "tag" this Gallery as a Favorite Fifth Icon: Help Symbol - This icon should pop up a message box describing what the symbols on the toolbar do Sixth Icon: Twitter - This icon should post the image using the users Twitter Account Seventh Icon: Facebook - This icon should post the image using the users Facebook Account Eigth Icon: Settings - This should take the user to the settings screen Analytics Integration: Flurry Analytics: Track events for Pages Viewed, Features Selected and Galleries Accessed Tracking User Behavior [FlurryAnalytics logEvent:@"EVENT_NAME"]; App Name: Tour San Diego API Key: EA1VRFIB9P5EL9BLD2FV Localytics: Track events for Pages Viewed, Features Selected and Galleries Accessed App Key: fda376ea2da0be48566b939-05945a54-5ea3-11e1-1b5a-00a68a4c01fc [login to view URL] Event Tracking: [[LocalyticsSession sharedLocalyticsSession] tagEvent:@"Interesting Event"]; General Information: All text data and fields will come from a hosted mysql db. A web service script must be written that resides on the server that can be called from the application to retrieve the gallery information. The mySQL db will contain the Area Names, Gallery Names, Descriptions, Map Info, etc and then a link to the Gallery URL contained within SmugMug. All photos will come from online smugmug photo hosting site via api. Application will be connected to online service using API here: http://wiki.smugmug.net/display/API/API+1.3.0 Requirements: Programming code must be documented thoroughly in English Status updates must be provided at the end of each day