We will then add engineering@cypherlearning.com as a developer to your Apple/Google accounts so we can test and submit the apps.

App stores presentation pages requirements

For the app branding and presentation pages in the Apple Store and Google , we will need:

• 1024 x 1024 px logo (icon)
• 2732 x 2732 px portrait launch image (splash screen)
• 2732 x 2732 px landscape launch image (splash screen)
• 1024 x 500 px feature graphic for Google Play (header background image)
• Short description text (80 characters maximum)
• Long description text (4000 characters maximum)

To have your own branded mobile apps, please send your request to sales@cypherlearning.com.

Examples of branded apps

Here are some examples of branded apps for phones and tablets:

Configuring the branded Mobile app builder

Before you start creating branded mobile apps, first, you have to install "Branded mobile app" from the App center. Go to Admin/App center, then click Install on the app tile.

After the app is installed, click the cog, and it will redirect you to the Admin/Mobile App area.

Here you can start creating your app by clicking the "Create App" button from the top right.

Give a name to the app, add a description, then enter the App version and contact name.

The Group ID is automatically generated, and it is standardized based on your portal URL. You can change it by editing the text under Group ID. Please note that if this is your first app, we recommend using the default value.

You can upload the "Splash image" and "Icon image" by clicking the "Upload file" buttons. The uploaded files should follow the mentioned format and size requirements. Please note that when creating the splash page image, we recommend leaving more space between the content and the margins of the image, just in case it gets cropped on some devices.

After all the information is added, click Save.

You can edit or delete the configuration by clicking the appropriate buttons.

In the next step, you can choose the platform for the app you want to create. You can create just an iOS or Android app or both. To select the platform, click the button under Platforms.

Branded mobile app builder iOS

If you select the iOS app, you will be redirected to the app configuration page. Here you can add the "p12" file if you already have one, or you can click the "Generate it for me" button, and we will generate one for you.

After it is generated, you can download the ".csr" file by clicking on its link.

Then go to Apple's developers site, where you can upload the ".csr" file to generate a ".cer" file. On Apple's developers site, go to Certificates, Identifiers & Profiles.

Then click on the "Create a certificate" button.

Then select the "iOS Distribution" option, then click Continue.

Upload the ".csr" file, then click Continue.

The ".cer" file will be generated, and you can download it.

Then go back to your learning portal and click on "Upload file" under "Upload deployment cer".

After uploading the ".cer" file, we will generate the "p12" file automatically. If you want, you can download it by clicking on its link.

In the next step, you will need to upload the "push.cer" and "Mobileprovision" files. You can get these files from Apple's developer site using the ".csr" file generated earlier. To generate the "push.cer" file, go to Apple's developer site and click on the add icon in the Certificates area.

Select "Apple Push Notification service SSL" under Services, then click Continue.

Select the App ID, then click Continue.

Upload the ".csr" file, then click Continue.

After the certificate file is generated, you can download it.

Go back to your learning platform and click the "Upload file" button under "push.cer file", and upload the file.

To generate the Mobileprovision file, go to Apple's developer site. In the Certificate, Identifiers & Profiles/Profiles area, click "Generate a profile".

Select the "App Store" option under Distribution, then click Continue.

Select the App ID, then click Continue.

Select the certificate, then click Continue. Please note that it is important to generate the certificate before the profile.

Add the "Provisioning Profile Name", then click Generate.

When it is generated, click Download.

Go back to your learning portal and click "Upload file" under "Mobileprovision file", and upload the .mobileprovision file from the computer.

Once the files are uploaded, click Save.

To generate the iOS build, click on the Build button.

When the build is generated, you can download the ".ipa" file then upload it to the App Store.

Branded mobile app builder Android

If you select the Android app, you will be redirected to the app configuration page. Here you can upload or generate your Keystore file. Click on "Generate it for me".

After you generate the file, you can download it by clicking on its link.

To obtain the "Sender ID" and "Firebase server key", go to the Firebase console (https://console.firebase.google.com) and create a new project.

After the project is created, click on Android.

Under the Android package name, you need to add the "Group ID" that you defined on your portal when configuring the app's general settings.

Then click on "Register app".

The config file will be generated. Click on the download button. After you download the file, click Next.

Then click Next.

Click on the "Continue to console" button.

Select the app, then click on the cog icon.

In the "Cloud Messaging" tab, you will find the "Server key" and "Sender ID".

Go back to your learning portal and enter the "Sender ID" and the "Server Key", upload the config file you downloaded, then click Save.

To generate the Android build, click on the Build button.

After the Build is ready, the APK file will be generated that you can download and then upload to the Play Store.