Table of Content
Requirements
- Please follow carefully and provide us with all required information for app building process as follow.
- If any information or asset is invalid upon verification, we are unable to proceed you to the app building process and you are required to provide us with valid pieces again.
Note on image requirements
Please send us only 1 version for each required image with the right size (in pixels) and format (in PNG).
App details and mobile assets
1. App Title
2. App Icons
A. Main app icon (displayed on Home screen or App listing)
- Size: 1024 x 1024 pixels (square image doesn't have rounded corners)
- Format: PNG
B. Push notification icon (for Android)
- Size: 1024 x 1024 pixels
- Format: PNG
- Image needs to have logo in white color and transparent background
C. Foreground app icon
- Size: 1024 x 1024 pixels
- Format: PNG
- Image needs to have logo and transparent background. See the image below for reference.
- In order for your app icon to display well on Android devices, please follow Google Guidance to design at https://medium.com/google-design/designing-adaptive-icons-515af294c783
- Width and Height of the main logo image should be 50% - 60% Off the width and height of the foreground image
D. Background app icon
- Size: 1024 x 1024 pixels
- Format: PNG
- Image needs to have only a background. See the image below for reference.
3. Logo and Background on Login Page
A. Background: 1280 x 1920 pixels
- Ideally, we highly recommend you design your Background image as a plain image (which doesn't have text or logo on it). Because the logo will be attached to this background, any pre-designed logo on the background will cause the output to look improperly.
B. Logo: 960 x 260 pixels
Background of the image should be transparent so that when it's attached to the background, it will look more properly.
The logo should include the app icon and app name.
Here is an example of the logo of phpFox mobile app. Please note that this example phpFox logo has a transparent background and the app name is in white color so you can click on it to check.
Note: The grey area in the logo is transparent background.
Format: Both are in PNG
4. Default Colors
Give us a primary color code of your mobile app. This color code will be the main color which reflects the theme of your mobile app. Below is the example of our default color code.
// Primary Color Code primary: '#2681D5'
Accounts
Below are account details that we will need to build your Premium mobile apps
Google Firebase
The mobile apps use Firebase for push notifications and other functionalities on mobile apps.
Please register a Fireabase project with your Google account and invite us to be Owner on your Firebase project by following this guide.
Google Developer Account
If you don't intend to have an Android app, you can skip enrolling in the Google Developer account.
You need to enroll in Google Developer program. Please refer to the Guide to register for a Google Developer account.
Make sure your developer subscription on your account is activated. To check the status of your enrollment, sign in to your account on the developer website with the Google ID you used to enroll.
We will need you to invite us to be Developer role on your Google developer account for this task. Please follow the instruction here and invite us with email: mobile.phpfox4@gmail.com
Apple Developer Account
If you don't intend to have an iOS app, you can skip the Apple Developer account.
You need to enroll in Apple Developer Program. Please refer to the guide Guide to register for an Apple Developer account.
Make sure your developer subscription on your account is activated. To check the status of your enrollment, sign in to your account on the developer website with the Apple ID you used to enroll.
We need 2 invitations from your Apple account
A. Apple Developer account
We need to access your Apple Developer account to set up app certificates, app bundle ID and provisioning profiles.
- If your Apple Developer account is Personal subscription, you have to give us the credentials to access. Otherwise, we are unable to proceed to build your iOS app. Since Apple requires login verification, we can schedule a quick chat at our appropriate time so you can support us to pass the login verification of the Apple Developer account.
- If your Apple Developer account is Organization type, you can invite us (with account email to be Developer role on your Apple developer account.
Please follow the instruction here to invite us using email
Tips: Convert your Apple Developer account program from Individual to Organization.
B. Apple Appstore Connect
After building the iOS app, we will need to access your Apple Appstore Connect to upload iOS build to TestFlight so you can install and verify it.
To invite us on Appstore (iTunes) Connect, please follow the guide How to Invite Users to your App Store Connect Account.
Facebook Login
This item is to set up Log in with Facebook on the mobile apps. If you don't want to have this feature on mobile apps, you can skip the Facebook App Invitation.
Please follow the steps below to invite us as Developer on your Facebook app
- From Facebook Developer page > My Apps > Add a New App.
- From there, you can choose any option (Let's choose WWW and we will help to configure later).
- Type your website URL into the text field and follow the on-screen instruction.
- After finishing, click on "Roles" on the left-side menu then click on "Add Developers". Input "paul.kell.353" and then Submit.
Reuse Facebook app
1. If you don't want to create a new Facebook app to host your phpFox app, and you would like to re-use your current Facebook app to preserve all data and reports on your Facebook app. You will need to notify us and give us permission to overwrite our data to your current Facebook app. Also, be ready to give us the keystore or certification on your Facebook app (You might need to request a 3rd-party developer who previously developed the app), so we can overwrite our data.
2. Please also note that there is a high chance that once we overwrite our data, any instances which connect to use your current Facebook app will not work anymore. Have the plan to backup prior to allowing us, we will not be responsible for any failure from other apps after overwriting our data.
Site Info
Please provide us with 3 important pieces of information about your site:
- Site URL
- Admin login account
- cPanel/FTP access to your server
Ads with Google Admob
If you want your mobile apps to support ads of Google Admob, please register Google Admob and provide us Admob App ID . Otherwise, you can skip this info