Demo of Mobile App for PinBoard
You can sign up on our test website to view the mobile app capabilities on our test website -- http://www.pinitall.com.
The app is accessible through the App Store here: https://itunes.apple.com/us/app/pinitall/id566053119
The PinBoardApp can be found within your theme download package. It should look like this once you extract the main PinBoard .tgz file. It will look something like this: PinBoardApp-v2.x.x
About the PinBoardApp PhoneGap Code
The PhoneGap application is designed to make easier use of your PinBoard theme/website for mobile devices. The application is created on the framework of the PhoneGap project at: http://phonegap.com/
The application is designed especially for iPhone users to remove the restrictions on loading images to website.
The application allows users to:
View site content
Create new pins (uploading images to PinBoard from your iOS device and your iOS stored photos)
Edit your own pins and boards
Create or perform "Likes," add new comments, etc.
The application structure is built in such a way to simplify the ability to modify the content output as much as possible. The generation of content appearances are performed on the server side. It allows you to modify the appearance of content display without changing the source code of the application.
Manual for Installation of the PinBoard Application
The compilation of the application can be done by two methods: using Xcode and using online compiler of PhoneGap project: https://build.phonegap.com/
The manual for installation of the application for its compilation using Xcode is located here: http://docs.phonegap.com/en/2.0.0/guide_getting-started_ios_index.md.html#Getting%20Started%20with%20iOS
After completing all operations using the link above, you need also to do the following:
- Replace the contents of folder /www of the project you created with the contents of the application archive sent by ThemeSnap
- In file: /www/js/index.js in the first line, replace the URL of the website -- http://www.pinitall.com -- with your site URL
- In file: /www/config.xml replace URL of the website -- www.pinitall.com -- with your site URL
- Add parameter ExternalHosts into the file: /PinBoard/Cordova.plist by adding these lines into this file:
Or, you can use the Xcode editor by adding these URLs test3.themesnap.net, *gravatar.com, *twitter.com, *googleapis.com
Please follow the instructions on creating the application in Xcode.
Note: Replace URL of site pinitall.com with your site URL. All links to the files are given relative to the project folder.
The manual for creating the application using online compiler of PhoneGap project is here: https://build.phonegap.com/docs
You need to create your account here https://build.phonegap.com/
You don't need to download Phonegap or Phonegap Tools for project creation because you'll already have the completed source code of mobile application in the file with your download called: PinBoardApp-2013.xx.xx.zip
Below are the preparation of project files for use with the online compiler:
- Unpack the application archive sent by us
- In file: /www/js/index.js in the first line, replace URL of site: http://www.pinitall.com with your site URL
- In file: /www/config.xml replace URL of site: www.pinitall.com with your site URL
- Follow the descriptions on the online compiler site: https://build.phonegap.com/docs and https://build.phonegap.com/docs/ios-builds
We will add more to this document as needed. But the above steps should get your PinBoard app completed. Please note that you may need some familiarity with web apps or PhoneGap before completing the PinBoard app compiling or submission to the App Store.