add+the+pages+on+existing+site

8/12/2019 Add+the+Pages+on+Existing+Site

1/10

Add the pages on existing site

Project Summary

This site web version for using the mobile device.

The user can access the site on the mobile device using web browser.

I will provide the basic code and db to you. I want to you complete this project until Oct. 15th.

You may add the Student Portal, Student Purchasing, Company Portal, Company Purchasing page on the

site.

I wrote the detailed requirements on attached file.

m-Safety Website Student Portal1. After logging into the system, students will have access to the app2. If a returning user, the app will display current progress (if they have completed some snap

courses on their mobile device, before logging on through the internet, their current progresswill be displayed).

3. If a returning user, the app will display current progress (if they have completed some snapcourses on their mobile device, before logging on through the internet, their current progress

will be displayed). For example, users could purchase fatigue (in app) and complete snaps 1,

2, & 3 on their mobile device. Assuming their mobile device connected to the internet, so their

progress could be updated, when accessing their profile from the website the fatigue module

would appear purchased and snaps 1, 2, and 3 would be completed and they would be able

to access snap 4.4. I would like to eliminate the first snap free (used in the existing iPhone app) and require users

to make a purchase before seeing any snaps in a module. The exception is the Introduction

module, which is always completely free.

4.1.On the modules listing page, when the user taps on a module name, they should be takento the page that displays the snap-course boxes (that appear locked).

4.1.1. A purchase button is displayed in the top right corner, when the user taps on thebutton, a purchase window appears

o Purchase windowWould you like to purchase the ______ module for $X.XX?Display Yes and No buttons. The No button closes the window. The

Yes button opens the student purchasing page.

4.1.2. They will be able to see how many snap-courses are in each module, but tappingon any snap-course brings up the purchase window.

Student Purchasing Page

5. The web-based version of the app must incorporate the ability to purchase modules(mobile versions will use in-app purchasing through app stores). The web-based version

must use PayPal when user clicks the purchase button on the module page.


2/10

6. The purchasing page must display all modules that are available for purchase. Allow theuser to browse the existing modules and prices of each. The user can tap on the name of

a module for a description.

7. User can select one or more modules and complete their purchase using PayPal.Once purchase has been made, the module they purchased will be immediatelyaccessible within the web-based version of the app (and on their mobile devices after

they have refreshed their

Company Purchasing Page8. m-Safety was created to be much more affordableand effectivethan other safety training

options.

9. m-Safety subscriptions are available at the costs outlined below (costs are in CanadianDollars):

Number of Users Month-to-Month

Rate

Pre-paid Annual

Rate (Save 25%)

1-19 $10 $90

20-49 $9.50 $85.50

50-99 $9 $81

100-199 $8.50 $76.50

200-499 $8 $72

500-999 $7.50 $67.50

1000-4999 $7 $63

5000+ $6.50 $58.50

9.1.Billing FAQs(simply view page)9.1.1. Whats included in my subscription?

o m-Safety subscriptions are based on how many users you have in yourcompany. The number of users is how many employees and/or students you

have. You will be able to individually track the progress of each user, assigncourses to them, and create custom push notifications that will be sent to their

mobile device (or email). With your subscription, each user is entitled to one m-

Safety module every 3 months. Annual subscriptions will include your choice of

4 m-Safety modules. Additional modules can be purchased at a reduced rate.

9.1.2. How am I billed?o You will be billed only for the services that you use. You can choose to make a

monthly or an annual commitment. If you have a month-to-month subscription,

you will be billed each month based on the number of users you have in your

profile. If you have chosen an annual subscription, you will be charged at the


3/10

reduced annual rate once per year. For either option, you will have the option of

paying via credit card or PayPal.

9.1.3. How do you determine the number of users?o On your company portal page, you can add users to your company account by

entering email address (or uploading a spreadsheet containing employee/studentemail addresses). m-Safety keeps track of how many users are active within

your company, and bills you accordingly per user. If you have an annual

subscription and your number of users varies, you will be billed quarterly for any

differences. Refer to the subscription table for details. You can cancel your

subscription (and add or delete users) at any time.

9.2.Purchase m-Safety Company Subscription9.2.1. Are you interested in a monthly or annual subscription?

o If the user has created a profile already that contains number of users (in the freetrial) display a table showing the current number of users X monthly

subscription rate = # (monthly fee), and number of users X annual

subscription rate = # (fee per month, billed annually)

o If the user does not currently have any users, leave the number of users blank.Allow them to enter numbers and see what their monthly costs will be.

9.2.2. Display subscription fee table onscreen simultaneously (listed under point 11)9.2.3. Display buttons Monthly and Annual

o Monthlyo Annual

After user clicks either monthly or annual, take them to the e-commercepage (credit card or paypal)

Once they have completed payment, display company portal page

Company Portal Page10.The company portal page will look like the m-Safety app homepage, but the colours will be

inverted (imagery will be supplied).

11.There are four buttons on this page (that are in a similar layout to the 4 buttons on the m-Safetyapp)Imagery will be supplied:

Manage Users Review Progress Push Notifications Settings

Manage Users12.This option will allow company administrators to:


4/10


5/10

o Show Licenses Available # at top of screen (counts down as admin assignsthem to users)

This is calculated as number of users on a 3 month basis If you have 5 users, the number listed is 5

If you assign 4 of 5 available modules the number available would be 1. After 3 months, you will be granted another modules for each user

Each click (fatigue, workload management, etc.) counts the number down byone

o Additional modules purchased After subscription modules reach 0, as the admin assigns additional

modules to users, this number counts up.

o Display listing of all users in the system (first name, last name) and all coursesavailable. Allow administrator to click courses to make entitlements.

o Intro does not count as a module license (its free and available to everyone) 12.2.4. Previous Year

o Training requirements recur on an annual basis. 12 months from creatingcompany account, the assign modules form will reset. When user clicks the

previous year button, they will be able to see what courses users completed the

previous calendar year.

If a user is in the middle of a course when the calendar year changes, theywill still have access to the course and be able to complete it, but the

assign modules page will not show that module as selected

When admin clicks view under previous year they sees the assignmodules page for the previous year (showing all courses assigned to users

within that year)

12.2.5. Display Submit Changes Button beside Users will be automatically notified thatmodules are available

o When admin clicks submit changes users are automatically sent an email withtheir module entitlements and a description of how to download the app/access

training through the web.

Example of Assign Modules 2 12How would you like to assign modules?

[ ] Allow m-Safety to Automatically Assign Modules

[ ] Allow users to choose modules they want

[ ] Manually assign specific modules to specific users

Modules Available per Subscription - 8


6/10


7/10

13.2. View By Module(Export to Excel)

Overall Each Module Listed By Name (Intro, fatigue, decision making,

etc)

.1. Number of Users Completed

.2. Percentage of users who have been assigned the module,who have it completed

.3. Average Exam Scoreo Allow it to be clicked and display as pie chart:

# scoring 90-100% (Display A) # scoring 80-89% (Display B) # scoring 70-79% (Display C) # scoring 60-69% (Display D) # scoring 59 and below (Fail)

o If user clicks each section of the pie chart, list users whoscored within that grade range

First Name, Last Name, Grade.4. Rate of Completion

o Snap courses completed/number of days to completeentire module

.5. Course Qualityo Average of user response to course quality question

.6. Learning Experience

Module Modulecompletions

ofCompanyCompleted

ExamScore

Rate ofCompletion

CourseQuality

LearningExperience

CourseFeedback

Overall 10 75% View

Details

Introduction 6 75% View

Details

Decision

Making

3 100% View

Details

Fatigue 2 50% View

Details


8/10

o Average of user response to course learning experience.7. Course Feedback (when user clicks view details)

o Listing of user responses to Course Feedback questionat the end of module exam

13.3.

View By Push (Export to Excel) Push Date & Time (24 hour clock)

Display Push Question when clicked % Users Who Responded

When clicked, displayo Users Who Responded

List of First Name, Last Nameo Users Who Did Not Respond

List of First Name, Last Name Average time to submit response

Date and time response submitted (minus) Push date & time Quiz Score (if applicable)

Display N/A if quiz not included in push Location Map

Display map, showing location of users when they responded (ifavailable from mobile device)

User Details First Name Last Name Response Time Quiz Score (if applicable) Location (if available) Response Device (mobile, web, etc.)

Push Date &

Time

% Users

Who

Responded

Average Time

to Submit

Response

(HH:MM:SS)

Average

Quiz

Score (if

applicable)

Location

Map

User

Details

Overall 75% (00:22:15) 75% View View

Details

September

12, 201214:32

100% (00:45:10) 80% View View

Details


9/10

August 1,

2012 12: 31

50% (01:05:15) 70% View View

Details

Settings14.Add/remove administrator

o View listing of current company administrators (followed by remove button)o Display Add button

When add is selected, display: Email Address (textbox) Message I would like to add you as a Company Administrator for m-

Safety. Please login to the m-Safety company portal on www.m-

safetyapp.com.

o Allow user to change message, if necessary Submit Button

15.Billing Informationo Monthly Bill

Display pdf file showing (# users x subscription fee) + additional modulespurchased

Display Previous Receiptso Payment Information

Show paypal/credit card information Change method of payment

Push Notifications

I would like to replicate the interface used on the urban airship site for designing push notifications. Under

the push notifications tab, the user is displayed four options (aligned with the functionality of urban airship

system):

1. Push composercan we replicate the interface currently used on the urban airship site tocreate custom push notifications?

a. Allow company administrators to send to all employees or just a subset ofemployees

b. Database must track users Device ID (token, apid, or bb ID) and present companyrepresentative with the users name to allow company admin to select specific

employees

c. Previously designed push notices are saved and available to be reused2. Rich push composer

a. pushes can include quizzes, videos, pictures.


10/10

b. Quizzes can be designed to allow for multiple attempts and/or time limited.3. Segmentsallow people to send push notifications to users within a specific geographic

area.

4. Reportssame type of reports available from urban airshipYou can log into Urban Airship with the ID: skearns4 and the PW: tikira1!

ChengLongSuggested that the send push has the following functions:

1. Send push with device ID or send broadcast2. Send message via email3. Store message with email to database

Users who have downloaded the app on a mobile device will receive the push through their device. Users

who do not have a mobile device on file will receive the push as an email.

Administrators can choose to send push notifications securely (when sensitive information is included this

requires users to login with their password before viewing push) or not secure (for general information).

add+the+pages+on+existing+site

Documents