Introduction to Image Specifications for Branding your Ahsay Mobile

This section will discuss Ahsay Mobile customization which is primarily concerned with the look and feel of Ahsay Mobile barebones application.

Each screen of Ahsay Mobile and the list of customizable colors and icons per screen will be shown here so that the user can prepare the necessary files which will be needed to create their customized backup application.

File Customization

The primary file modifications for customization of the look and feel are the following:

• Application images – these are the images that are used for icons and other graphics within the various application screens.
• Application icon – this is the icon that is shown on the Home screen for both iOS and Android devices. Each OS will have different specifications for customization.
• Splash screen (iOS) – this is the starting screen shown when the application is opened when inactive.
• Colors dictionary (.json extension) – this shows four colors that can be modified for customization of font color, background color and other modifiable elements.
• Localization – Currently, Ahsay Mobile supports 31 languages customizable by the user for translation.
• Adverts – Ads can be customized by the user by preference and by language. More details will be explained on the Home page.

Colors

The colors for the Ahsay Mobile application are defined in the colors.json file. They are a major component in customization of Ahsay Mobile. The colors.json file has the syntax:

{
	"primaryThemeColor":"#016A8C",
	"primaryFontColor":"#FFFFFF",
	"secondaryThemeColor":"#FFF",
	"secondaryFontColor":"#000"
}

There are four colors that can be modified by the user with their own style. All colors must adhere to the hexadecimal format preceded with the # symbol and can only be six digits (#000000 - #FFFFFF) or three digits (#000 - #FFF). The color key on the JSON file must not be changed.

• Primary theme (JSON key: primaryThemeColor) – this is the primary color that will be changed for text customization and background color customization for Ahsay Mobile.
• Primary font (JSON key: primaryFontColor) – this is the primary font color mainly used when the primary theme color is used for the background in some screens.
• Secondary theme (JSON key: secondaryThemeColor) – this is the secondary color used on some screens where the primary theme color is used for text emphasis.
• Secondary font (JSON key: secondaryFontColor) – this is used in conjunction with the secondary theme color and as an alternate to the primary font color.

Examples:

Case A

In this example, the primaryThemeColor is used as a background and all the text uses the primaryFontColor.

Case B

In this example, the primaryThemeColor is used on the page header text and the background color of the Done button for this screen. The background color of the screen and color of the Done text uses the secondaryThemeColor. All other texts uses secondaryFontColor.

For more detailed descriptions on the colors of each screen element uses, please refer to the Application Pages section.

Localization

For further customization, the user can also modify all the wording for the application in two ways:

• Localization files within the application
• Localization files for app notifications (notifications.xml)

Languages

Ahsay Mobile can support customization for 31 languages. Each language corresponds to a locale code, which is useful for localization files submitted by the user for customization.

Common - Localization files within the application

A localization file is a JSON file containing a key used by Ahsay Mobile to fetch the corresponding localized value. Ahsay Mobile supports 31 languages therefore any user can supply up to 31 localization files to Ahsay for their customized backup solution. Each localization file has the filename: locale-code.json For customization, the user will only need to provide a localization file for each language. Refer to the table below for the corresponding localization file. As with customizing theme colors for the look and feel, the user cannot change the key of the JSON entry.

The user needs to customize 4 different areas for each language (App, Android, iOS and Advertisement). A sample of the language files are attached in AhsayMobileCustomization.zip and advertisement.zip.

Here is a sample JSON for English:

{
	"appName":"Ahsay Mobile",
	"appNameShort":"Ahsay Mobile",
	"clientAppName":"Ahsay Mobile",
	"home": "Home",
	"myAccounts": "My Accounts",
	"settings": "Settings",
	"loginVerification": "Login Verification", 
	"language": "Language",
	....
	"noActivityInLogPage": "There is no activity to log yet",
	"Photos":"Photos",
	"Videos":"Videos",
	"photosCompleted": "Photos Completed",
	"videosCompleted": "Videos Completed",
	"terminatedDueToNotCharging": "#{{fileIdx}} Terminated due to not charging",
	"downloadServerDB": "Download server db",
	"restoreStart": "Restore Start",
	"allRestoreCompleted": "All Restore Completed",
	"registered2FASuccessfully": "Registered 2FA Successfully",
	"cause": "Cause"
}