BCMobile - Modifying Mobile Apps

BCMobile - Modifying Mobile Apps

About

This article covers modifying your end users' experience of the app by making changes in the BCMobile Content Management System (CMS) and is intended for MSC libraries that purchased an app template, specifically the staff who will be responsible for administering their library’s template.


What Can You Do in the Mobile Apps Menu?

The MOBILE APPS menu item within the BCMobile CMS allows you to configure the look and feel available to your app end users. This is where you go to add new tabs, create a book carousel, change icon colors, and adjust language translations.
While template administrators have access to the Data Provider section, MSC system administrators caution you against editing any information in this section as doing so may render your template unusable or result in billable support work. Please direct any questions about connectivity and authentication to the MSC help desk.

As in other areas of the CMS, some of the fields presented in MOBILE APPS are irrelevant to BCMobile and should not be altered.

Creating a New Tab

1. Select MOBILE APPS from the main menu.

2. Click on your template name.

3. Expand the Home Screen accordion.

4. Click the folder with the yellow asterisk to create a new tab.
Home Screen accordion open with folder icon highlighted


5. The tab will be inserted at the bottom of the list. Select and drag it into the position you want. For example, you may want your users to be able to reserve a study room from the app.
End users can reorder how tabs appear to them from Preferences. Doing so overrides the order you specify in the CMS.

6. Select the tab you created, e.g. Study Rooms.

7. Click Edit Tab.
Edit Tab button highlighted

8. Make sure the Mobile Tab Title is the one you want end users to see in the app.

9. Add a brief description in the Subtitle field, e.g. Reserve a study room with D!BS.
Mobile Tab title and subtitle fields
Remember to check the appearance of your title and subtitle in the app after you've saved your tab to make sure they don't overflow the container.

10. You can set a custom font color for both the title and subtitle.
By default, we have used black font for all titles/subtitles. Please test the contrast of any colors you choose to ensure your app is accessible for all readers.

11. Choose an image or icon for your button. If you select one of the many icons included with your template, you can also set a color that matches your brand.
Button icon and custom color fields with the pin option unchecked

12. Choose to make the app visible:
  1. Always
  2. Pre-Login
  3. Post-Login
  4. Never - useful if you want to create and edit a tab in advance for a future service or event. Change the visibility once you’re ready to advertise.
13. Select Pinned if you want to override user preferences and force the tab to the top of the list.
Pinned is especially useful for creating a tab that serves as an alert message. You can also pin multiple (or all) tabs and then organize them to prevent users from overriding the tab order.

14. Choose what you want the tab to contain in the Tab Contents section:
  1. Content Item – select one of your existing content items from the drop-down, e.g. MTSC: Bozeman Public Library - Study Room.
For more information on creating content, see BCMobile - Modifying Content.
  1. Channel – use a tab to direct your users to a specific channel (Library Information page).
  2. List – display a list of multiple channels which can be ordered by name or proximity. You can also use List to create a tab that links to a page with one or more sub-tabs. To make a nested tab, do not select any channels. (See the Nesting Tabs section below.)
  3. HTML Content – enter HTML or use the WYSIWIG to generate a page within the app.
  4. Library Search/Account/Self-Check/Login/Language Selection – create shortcuts to the respective, pre-existing areas of the app.
Tab Contents options

15. Once you’re done editing, click Save at the bottom of the page.

Nesting Tabs

On the mobile app it might be desirable to have a tab link to a longer list of content. For example, you might have a Social tab that links to a list of all your social media accounts. To deliver this type of experience, you will need to create nested tabs.

1. Begin by creating a parent tab using the instructions above in Creating a New Tab. In this example the parent tab is titled Social.
  1. Choose List in the Tab Content section.
2. On the Edit Mobile App page, continue with adding one or more new tabs, e.g. Facebook, Instagram, Twitter, etc.

3. Drag the new tab(s) to nest underneath your parent tab created in step 1.
Social parent tab with social media platform tabs nested underneath it

4. Edit and save each of the new tabs to include the title, subtitle, icon, and content you want users to see.
Social tab with nested social media tabs as they display in the app

Deleting a Tab

1. Select MOBILE APPS from the main menu.

2. Click on your template name.

3. Expand the Home Screen accordion.

4. Select the tab you want to delete.

5. Click the folder with the red x.

6. Click OK on the confirmation pop-up.
Confirmation pop-up

Translating Tabs

The MSC administrators have enabled English and Spanish for all app templates. Each of the tabs created based on your template questionnaire already include a Spanish translation. However, any new tabs added by the library will need to be translated to Spanish. You can also elect to enable additional languages and compose translations for each tab title and subtitle.

Enabling Additional Languages

1. Select MOBILE APPS from the main menu.

2. Click on your template name.

3. At the bottom of the Edit Mobile Apps page, click on Edit Languages.
Edit Languages link highlighted at the bottom of the Edit Mobile Apps page

4. Check the box next to the language(s) you wish to enable.

5. The system will automatically translate many of the delivered messages and menu items. The process may take several minutes.

6. After the page finishes loading, scroll all the way to the bottom.

7. Click Save.
Enabling a language won't automatically translate all the added tab titles and subtitles. See Translating Headings below.

Translating Headings

1. Select MOBILE APPS from the main menu.

2. Click on your template name.

3. Expand the Home Screen accordion.

4. Select the tab you want to translate, e.g. Scan ISBN Barcode.

5. Click Edit Tab.

6. Next to the Title and Subtitle fields, click on the United States flag to open a translation window.
Translation window with Spanish translation filled out

7. Click in the text field next to the language translation you wish to provide, e.g. the Spanish translation goes in the field next to the flag of Spain.

8. The system will suggest a translation where available; however, we recommend verifying the translation wherever possible rather than relying on the computer-generated translation.

9. Once you are satisfied with the translation, click OK.

10. On the bottom of the mobile tab page, click Save.

11. Repeat the above steps for all your tabs.
Because some languages require more or less characters to convey the same message, it is likely you will need to refine your translation to fit on the screen.

Checking the Layout of Your Translations

1. Open the app on your smartphone.

2. Open the hamburger main menu.

3. Click Preferences.

4. At the bottom of Preferences page, click Reload.

5. Return to the main menu.

6. Click Language.

7. Select the desired language.

8. Click Switch Language at the top of the screen.
Switch language functionality and app homescreen displayed in Spanish

9. Review the layout for each tab.

10. If necessary, use the instructions for Translating Headings to refine your titles and subtitles.

Creating and Displaying Book Carousels

Libraries can create and display up to ten book carousels. The first carousel will be displayed on the app home page and the others can be accessed by clicking MORE.


1. Select MOBILE APPS from the main menu.

2. Click on your template name.

3. Click the Home Screen tab.
Edit Tab button highlighted

4. Click Edit Tab.

5. Check Enabled next to Carousel Feeds.
Carousel feeds functionality enabled with display type and homescreen title chosen below

6. Uncheck Autoscroll. (Autoscrolling carousels are not fully accessible and therefore are not recommended.)

7. Choose display type Slide.

8. Enter a Homescreen title. This is the label that appears above the book list featured on your home page just below the Search bar.
Remember to translate your book carousel titles by clicking the United States flag. See the sections on translating for more details.

9. Enter a title for your first feed (Feed 1). This title will display among the other book carousel titles when the user clicks more on the home page, e.g. 2021 Young Reader's Choice Award Nominees.
Feed title, type, and items fields filled out

10. Choose a type from the drop-down.
  1. Bibliographic ID is the catalog key from Symphony. You can find the cat key in several ways:
    1. Export a list using a report in BLUEcloud Analytics in Shared Reports > BLUEcloud Mobile.
    2. Search for the item in Enterprise. The cat key is in the URL for the item’s detail display (e.g. https://mtsc.ent.sirsi.net/client/en_US/MTSC/search/detailnonmodal/ent:$002f$002fSD_ILS$002f0$002fSD_ILS:1018857/ada).
    3. In Enterprise, the cat key is at the top of Staff View, which is a widget generally available on the item detail display.
    4. In WorkFlows you can find the cat key by searching for the item in Call Number and Item Maintenance and viewing the Control tab.
  2. ISBN
  3. Enterprise RSS feed can be generated from the Enterprise search results page.
11. Paste your items using a comma delimited list. Each feed can feature up to 30 items.

12. Click Save at the bottom of the page.

    • Related Articles

    • BCMobile - Content Management System

      About This article covers how designated staff at libraries with BCMobile templates can access the app's content management system and support, introduces basic terminology, and reviews how to reload the app on a smartphone to immediately view ...
    • BCMobile - Modifying Content

      About This article covers modifying your library's content in the BCMobile Content Management System (CMS) and is intended for MSC libraries that purchased an app template, specifically the staff who will be responsible for administering their ...
    • BCMobile - Common App Tasks

      Downloading the App The Montana Shared Catalog app can be downloaded from the Google Play Store and the Apple App Store effective November 16, 2020. To download the app, search "Montana Shared Catalog" or use one of the following direct links. ...
    • BCMobile - Modifying Channels

      About This article covers modifying your library's channel(s) in the BCMobile Content Management System (CMS) and is intended for MSC libraries that purchased an app template, specifically the staff who will be responsible for administering their ...
    • BCMobile - Modifying Click and Collect Settings

      About This article covers modifying your library's Click and Collect settings in the BCMobile Content Management System (CMS) and is intended for MSC libraries that purchased an app template, specifically the staff who will be responsible for ...