School App

This is a step by step guide to creating a school app.

Features included in the app:

  1. News Feed
  2. Class Channels
  3. Map Tracking
  4. Class Schedule
  5. Events List
  6. Built-in Messenger
  7. Online Recorded Lectures
  8. Google Ads

Module Installation

1.) In order to install a module, click on one of the module categories, placed on the right, you can choose from 30+ modules that serve different functions.

2.) Drag one of the modules and drop it to your Home Menu's setup area.

3.) That's it! Your module is now installed.

News Feed

Where updates about school matters could be posted including announcements and events.

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✕

You can find the posts/feed module in the social category.

Drag and drop the module into your home to install it.

Duplicability

This module can only be installed in your home menu.

Click here to check out the features of the feed module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

Don't forget to click save.

4.) You can also choose the layout of the posts to be either wide or on the left side as shown.

Module Walkthrough

Activating the Feed Module

  • Click "Posts" in the admin menu, placed on the left of your nandbox dashboard.
  • Click the "+" button at the bottom right side of the page, to be prompted with a window where you can create your post.
  • You have the option to post a text message and change the background color just like Facebook, just choose the color you want and enter the content of your post.
  • And your post will look like this after editing.
  • You can also post a photo, video, gif, audio, or a file.
  • And if you want to publish an instant article, or have the platform fetch a URL and publish its content, or even publish a calendar that includes a list of events, you can easily do that through these buttons respectively.
  • You can also attach a sticky post or a menu to create polls, just click on attach and choose either option, (note that you have to create a menu before you are able to attach it to a post, and in order to create a sticky post you have to enable the sticky note feature in the features section of the posts & feed module.)
  • You can assign tags to your users to label them and send a post to this label only.

Create a Scheduled Post

From the admin menu, click on scheduled post.

Click the "+" button at the bottom right side of the page.

Click on the blue calendar icon at the bottom of the screen.

Select the date and click schedule.

Finally, click schedule, and your post is now scheduled!

Create New Tags

You can label your users by creating tags for them, you can have a tag for each section of the school i.e. students, teachers, parents.

When you publish a post, you can choose to target a specific tag so that the message is delivered only to the tag specified, for example, you can send a post that there will be a staff meeting at noon to the tag 'Teachers' and only the teachers would be able to see it.

Click on "Tags" and then "Add New Tag", enter the tag name and the tag description and choose whether you want it to be a private tag or not, and then click Save.

  • Once you created it, you will be able to add your new tag, just mark it and click "Add".

Next, you should label your users with this tag so that posts will be sent to them only when you specify the tag.

From the admin menu, go to Users.

Select the user that you want to assign the tag to and click on the edit button.

Click Add Tag.

Mark the tag and click Add.

Then click Save.

Create New Segment

Segments are a tool to further manage your users, you can create a specific segment for students in a certain class: 'Grade 7 students' or teachers of a certain department: 'Math Teachers'

Follow the same steps and create a new segment.

Publishing to Groups & Channels

You can also publish your post to certain groups and channels that you created.

1.) Click on Groups

2.) And then click on "Add New" and select either Group or Channel

  • You can also insert emojis in your post.

If you would like to publish a post without sending push notifications to your users, you can enable the silent button.

Finally, when you are ready to publish your post, click on "Send".

Class Channels

You can create a channel for each class in the school and include all the students and teachers in each class, channels will enable you to publish content for users to view and interact with.

There are three modules included:

1.) Channel List: Displays the list of all channels that are available on the app.

2.) User Channels: Show the channels that the user is subscribed to.

3.) Active Channels: Show the channels that the user is active on.

These modules are the best to use if you want to build a Community App.

Installation

You can install these modules in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✓

You can find the channel modules in the social category.

Drag and drop the modules into your home or side menu to install them.

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the features of the channel module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) From the settings, you have the option to include ads in your app, using Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.

Don't forget to click save.

Module Walkthrough

Create a New Channel

Click "Channels" in the admin menu, placed on the left-hand side of your nandbox dashboard.

Hit the "Create New" button.

Or the small icon at the bottom right side of the page, to be prompted with a pop-up window where you can create a new group.

A window will appear where you can enter your channel name and description.

You will also find a video below explaining the process.

After you created the channel, you can hover over it and click on the edit button to configure it.

You can edit the channel image, name, and description in the first section.

You can also add a splash screen to your channel, which includes an image, title, and description, you can also change the button text and colors associated with it.

A splash screen is an introductory graphical screen that shows a explanatory message when you first install an app, it can also be displayed when a user first enters a group or a channel.

Which will look something like this:

splashexamplesplashexample

You can also include a search filter in your channel:

Note that you have to include the search module in your app first.

After you created the channel, you can hover over it and click on the edit button to configure it.

You can edit the channel image, name, and description in the first section.

You can also set a welcome message to your users when they join the channel, click on "set message" and set it up.

Users can also join a channel by scanning the QR for your group.

You can also assign admins to a specific channel.

Invite your users to join the group through Twitter, Facebook, or by sending them a link to join.

Don't forget to save after you finish the configuration.

Map Tracking

Enables the parents to track their children's school bus route.

imgimg

Stay tuned, the feature is currently being finalized!

Class Schedule

List the daily lesson schedule for all the parents and students to view.

imgimg

Creating a New Calendar

Note that any event created in the calendar will be repeated every week.

1.) From the admin menu, click on 'Calendars'.

2.) Click on 'Create New' button.

3.) Edit the details of the calendar event, this could be a daily schedule of a certain class and click Next.

4.) You will be prompted with the following screen.

Here you can set the holidays where the school will be off.

Open the calendar and select the day.

Next, you can set the schedule for each day of the week.

So for example here we have 3 classes on Sunday as follows:

  • Math class from 9 am to 10 am.

  • English class from 10 am to 11 am.

  • Science class from 11 am to 12 am.

You can add more classes by clicking on the plus icon.

Select the days and edit the classes, when you are done click Create.

Events List

Installation

You can install this module in your App in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✓

You can find the events list modules in the Booking & Events category.

Drag and drop the module into your home or side menu to install it.

Duplicability

This module can be duplicated in several sections in your app. ✓

Main Features

1.) Sync with System Calendar

A feature that allows the app to access the device's calendar and sync with it so that it displays the events on the corresponding dates.

synceventssyncevents

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, click on the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) To enable the syncing feature, check the box next to it and click Save.

The list of events will be displayed as follows once you accept the invitations.

eventlisteventlist

Creating a New Event

To announce school events, school trips, and exams. Note that the event created will be a one time event.

Creating a New Event

1.) From the admin menu, click on "Events".

2.) Click on "Create New" button or the small icon at the bottom right side of the page.

3.) Enter the details of the event as follows:

  • The event name.
  • Whether the event is going to be an all-day event or not.
  • Set the start time and the end time of the event.
  • Select the time zone.
  • Select the event location. (Once you type in the location, Google Maps will automatically detect it)
  • Enter the description of the event.

When you are done, click Next.

Next, add the event image.

Once you're done, click Finish.

Editing an Event

After you created the event hover over it.

The first icon will allow you to edit the event details.

The second icon will let you set up the pricing of the event.

The third icon will delete the event.

The QR code displayed will allow users to access the event once scanned.

If you click on the first option and scroll down, you will have the option to assign admins to this event, you can also share the event via Facebook, Twitter, or share the invitation link of the event.

In order for your users to view events and calendars, you have to install the module 'Events List'.

Publishing an Event

After you're done with creating the event, you can publish it by copying the invite link and publishing it in the feed module, a chat group, or a channel.

Setting the Price of the Event

Click on the second icon.

Enter the price and the currency that you want, then click Save.

Built-in Messenger

The text and media messenger module allows your users to text and share multimedia files with each other, who also use your app. It shows the users a list of their recent one-to-one chats as well as the group chats made on your App.

Installation

You can install this module in your app in the following places:

  • App's Home Menu ✓
  • App's Side Menu ✓

You can find the Messenger module in the Communications category.

Drag and drop the module into your home or side menu to install it.

Duplicability

This module can be duplicated in several sections in your app ✓

Click here to check out the features of the messenger module.

Configuration

1.) Once you installed the module, by dragging and dropping it in the home or side menu, hit the gear icon to configure the settings of the module.

2.) Here you can rename the module and choose an Android and an iOS icon for it.

3.) From the settings, you have the option to include ads in your app, through the Google AdMob Module.

Note that you have to install Google AdMob Module first.

When you enable ads, you can specify the number of posts after which an ad will appear, note that the minimum number of posts after which an ad will appear is five.

Don't forget to click save.

4.) You can check the features by clicking "Features"

Online Recorded Lectures

You can upload the recorded lectures on YouTube and display the playlist on the app for your students to view.

From the home menu, click on Pages from the categories section.

Scroll down until you reach YouTube Playlist.

Install it with the same drag and drop approach.

Next, enter the playlist, the app builder will automatically generate the playlist.

Google Ads

This section will enable you to activate Google Ad Mob in your app.

1.) Firstly, create a Google Ad Mob account.

2.) From the navigation menu, click on apps.

3.) Click on add your first app.

4.) Select the platform of your app.

5.) If your app is published on Google Play Store or App Store, select yes, if not, select no.

6.) Next, enter the app name and click add app.

7.) Click on create ad unit to start creating ads.

8.) Next, select the ad type, currently, nandbox app builder supports the banner and the native advanced format.

The banner type will look like this:

googleleadgooglelead The native advanced type will look like this: googlelead2googlelead2

9.) Click on the banner type, enter the ad name and click create ad unit.

You will be prompted with two keys.

10.) Open nandbox app builder.

11.) Go to App settings.

12.) Click on Google ads.

13.) You will be prompted with the following screen.

14.) Copy the first key (Google ad app ID).

15.) And paste it in the Ad Google Key section in nandbox app builder.

16.) Next, copy the second key (banner key).

17.) And paste it in the Ad Banner Key section in nandbox app builder.

18.) Next, click create another ad unit.

19.) Select Native advanced.

20.) Enter the ad name and click create ad unit.

21.) Copy the second key (native key).

22.) And paste it in the Ad Native Key section in nandbox app builder.

23.) Next, select which ad you wish to activate and click save.

24.) You can repeat the same process with the iOS version of your app.

25.) Next, you need to activate the ads in the modules that you installed in your app.

26.) Click on the configuration icon on the installed module.

27.) Toggle the button to enable ads.

28.) When you enable ads, you can specify the number of posts after which an ad will appear, note that the minimum number of posts after which an ad can appear is 5.


Did this page help you?