Fliplet’s Learning solution enables interactive, structured learning on mobile and the web. Users can securely engage with the materials at any time, on any device, online or offline.
The purpose of this article is to provide you with a view of the screens that form the application and give you an understanding of the configuration opportunities and different user roles that exist within the app.
Screens for all users
- Onboarding
- Registration
- Login & SSO
- Home
- Completed courses
- Course viewer
- Lesson viewer
- Test passed
- Test failed
- Course Certificate
- Reports – Individual user
- Decision tree
- Glossary
- Document library
- Discussion forum
- Manage discussion
- Survey
- Ask a question
- Notifications
- Edit profile
- Reports
Screens for Admins
- Admin menu
- Admin – Manage course
- Admin – Manage files
- Admin – Edit file
- Admin – Edit text
- Admin – Edit quiz
- Admin – Edit course users
- Admin – Edit course settings
- Admin – Manage certificate
- Admin reports
- Admin – Manage document library
- Admin – Manage glossary
- Admin – Manage users, Admin – Edit user
- Admin – Manage communication
- Admin – Edit communication
- Admin – Configure security
Screens for all users
- Onboarding
This screen introduces the user to the app and the various functions that it provides.
This screen can be configured to display on the first use of the app only.
You can configure the number of slides to display and the text and imagery can be changed to create your desired look.
This screen uses the onboarding component, for more information see here. - Registration
This screen provides the ability for users to register for access to the app, simply delete the screen if you do not want to enable self-registration.
This screen can be configured to include any signup requirements needed by adding or removing form fields.
This screen uses the form component, learn more here. - Login & SSO
These screens provide security for the app allowing access to only registered users.
These screens can be configured to reflect your security preferences. Login can be via SSO, email and password, or email only.
Logging in this will also define the user role and ensure the correct permissions are shown per user.
Click to learn more about the login and SSO components. - Home
This screen is the home screen of the app. Once a user logs into the app they will be taken to the courses screen.
Users will see their progress, courses they’ve been assigned, and any public courses.
Clicking on a course will show more details.
Admin users will also be able to see a “create new course” button which will open the “admin – manage courses” screen.
Additional features in the app can be found in the hamburger menu.
This screen uses the list from data source component, learn more here. - Completed courses
This screen can be accessed via the hamburger menu. It displays a personalized list to the user of their completed courses.
Clicking into a completed course will show the course detail and users will be able to view any certificates here.
This screen uses the list from data source component, learn more here. - Course viewer
This screen can be accessed by clicking on any course from the courses or completed courses screen.
It will open up the course in detail and give an overall summary of the course structure.
Users can reset their progress using the “Reset progress” option.
Users can start a course from this screen and admins can edit it.
Many of the components on this screen are dynamic so please contact support before you try to change anything other than the appearance settings. - Lesson viewer
This screen is accessed when clicking on any lesson within a course.
Lesson content will be displayed and a user can work through the lessons using the buttons.
Many of the components on this screen are dynamic so please contact support before you try to change anything other than the appearance settings. - Test passed
This screen is shown to users by default if they exceed the pass mark on a quiz as part of a lesson.
They will be able to go back to the course and continue their progress.
The {score} and {passmark} will be generated based on the quiz settings. - Test failed
This screen is shown to users by default if they are below the pass mark on a quiz as part of a lesson.
They will be able to go back to the course and start the quiz again.
The {score} and {passmark} will generated based on the quiz settings. - Course certificate
This screen can be accessed via the course viewer screen.
For any completed and passed course, a certificate will be accessible via the “certificate” button.
The certificate can be downloaded or emailed via the certificate screen. - Reports – Individual user
This screen is accessible via the hamburger menu.
Users can see their own information and admins can select any user to see their report.
The reports will display the following data:- Average progress %
- Average test score %
- Courses overdue
- Courses assigned
- Courses in progress
- Courses completed
- Course score breakdown
- Decision tree
This screen can be accessed via the hamburger menu.
The decision tree screen enables you to create a custom decision-making assistant and help users decide on a particular topic.
Use this screen to help users decide which is the best course, or series of courses, to complete
This screen uses the decision tree component, learn more here. - Glossary
This screen can be accessed via the hamburger menu.
The glossary screen includes a list of any terms or information that need further explanation.
Admin users can add terms via this screen by selecting the “+” button.
The glossary uses the list from data source component. Learn more here. - Document library
This screen can be accessed via the hamburger menu.
The document library enables the user to access any supporting or required documents that are not for a specific course or lesson.
Documents that have a “Yes” in the “Popular” column in the data source will be displayed under “Popular resources”.
Additional documents can be added by admin users using the “+” button.
The list can be configured to display the required document detail, you can choose to click to open the document or open a summary screen that provides a link to the document.
This screen uses the list from data source (LFD) component, learn more here. - Discussion forum
This screen can be accessed via the hamburger menu.
The discussion forum screen enables users to share thoughts, and engage in a discussion.
It can be used to collect questions from users and provide answers and the app will notify the author of each comment.
Content can be moderated by admin users by editing any post.
Any user can add a new thread, and other users can comment, like and bookmark them.
To add a new discussion thread users can select the “+” button.
This screen uses the list from data source component and is updated using a form, learn more here. - Manage discussion
Users will be taken to this screen when selecting the “+” button on the discussion forum screen.
All users can submit discussion questions using this screen. They can optionally make it for a specific course.
The dropdown automatically populates with the list of all your published public course names.
The app automatically tracks who submitted the question and can be set to email the app admin when a question is submitted.
This screen uses the form component, learn more here. - Survey
This screen can be accessed via the hamburger menu.
The survey screen can be used to ask users of the app for their feedback or input.
The form questions can be changed to be relevant to your use case and the input you want to gather.
This screen uses the form component, learn more here. - Ask a question
This screen can be accessed via the hamburger menu.
The ask a question screen enables users to get in contact with admins and course trainers.
The question types can be configured using the form settings.
Make sure to update the email form with an admin’s email address so they can receive these questions.
This screen uses the form component, learn more here. - Notifications
This feature is not available in beta and is coming soon.
This screen provides app users with a notification inbox.
Users will be able to receive notifications and messages alerting them.
This screen uses the notifications component, learn more here. - Edit profile
This screen can be used to enable users to edit their profile information.
If you do not want users to be able to edit their information, you can delete this screen, and remove the option from the hamburger menu. - Reports
This screen enables users to access reports.
The quiz report feature is not available in beta and is coming soon.
The user report will display data including average progress, average test score %, courses overdue, courses assigned, courses in progress, and courses completed.
Users can see their own information and admins can select any user to see their report.
Screens for admins
- Admin menu
This screen can be accessed by admin users only, via the admin option in the hamburger menu, this option will only be displayed if you are logged in as an admin user.
The admin menu links to the bulk import, manage users, communications, and configure security screens.
This screen uses the list component, learn more here. - Admin – Manage course
This screen enables admins to manage courses.
It can be accessed by clicking edit on a course selected from the courses screen to edit an existing course, or by clicking create new course to start a new course.
These options will only be visible to admins.
Use the lesson, text, file, and quiz options to add new content or drag and drop files into the box.
The existing course content can be viewed on this screen.
This screen is best viewed in web mode to make use of the drag and drop features. - Admin – Manage files
This screen contains a list of all files used by courses in this app and can be accessed by choosing the “file” button from inside a course.
You must be logged in as an admin and select a course in the courses screen or click the “create new course” button.
This screen is for existing files in the app, to add one to your course, choose the “+” button. - Admin – Edit file
This screen allows an admin to set up or modify files inside a course. It can be accessed by choosing the edit icon next to any existing files.
You must be logged in as an admin and select a course in the Courses screen or click the “create new course” button.
Using the edit files form, a file can be edited.
This screen uses the form component, learn more here. - Admin – Edit text
This screen can be accessed via the manage course screen by clicking the “text” button.
It will enable you to add text to your course.
Once saved it can be assigned a lesson using drag and drop from the unassigned content area.
This screen uses the form component, learn more here. - Admin – Edit quiz
This screen can be accessed via the manage course screen by clicking the “quiz” button.
It will enable you to add a quiz to your course.
Add a question title, any additional content required, and then the potential answers. Answers should be written followed by (answer).
Once saved it can be assigned a lesson using drag and drop from the unassigned content area.
This screen uses the form component, learn more here. - Admin – Edit course users
This screen can be accessed by choosing the users tab from the manage course screen.
Managers and users can be assigned using this screen.
Using the manager’s section, select anyone that you want to appear on the course overview screen as a teacher/manager of this course.
Using the student’s section, select the students to enroll in this course. Public courses will be visible to all app users.
Note, that users should be assigned to a course as the final step. Once a user is assigned to a course they will not see any changes made by an admin after they are assigned or after they start the course. - Admin – Edit course settings
This screen can be accessed by choosing the settings tab from the manage course screen.
Items such as the course name, status, course progress, and due dates can be set on this screen.
This screen uses the form component, learn more here. - Admin – Manage certificate
This screen will enable the admin user to create a certificate for a course.
Select one of the pre-made, certificate layouts you would like to use and the information will be dynamically populated onto the certificate from the user and course. - Admin reports
This screen will enable access to the following reports:- All courses report – This report will show the overall progress for all reports
- Single course report – Coming soon -This report will show details of the progress on one specific course
- Quiz report – Coming soon – Results for specific quizzes and questions
- All users report – See progress for all users
- User report – Analyze results of a specific user
- Admin – Manage document library
This screen can be accessed via the Admin menu by selecting manage document library or the documents library option from the main menu screen. Click on an existing document to edit it or the “+” button to add a new document.
When editing an existing document the form will load all existing event information which can then be edited.
This screen uses the form component, learn more here. - Admin – Manage glossary
This screen will enable admin users to edit and manage the glossary.
Terms can be created and edited by viewing the glossary screen when logged in as an Admin.
Select the “+” button to add a new term or select an existing term to edit the information.
This screen uses the form component, learn more here. - Admin – Manage users, Admin – Edit user
These screens enable admin users to access the list of users and edit and delete the users.
Selecting an existing user will open a new window where you will have the option to edit or delete.
When you select edit on the user’s profile screen the form will be pre-filled with the existing profile data and it can be edited and saved here.
These screens use the list from data source and the form components. - Admin – Manage communication
Admin users can use this screen to view previously sent communications or saved communications.
Select the communication to view, and click duplicate to load the edit communication form with the communication detail prefilled.
This screen uses the list from data source component, learn more here. - Admin – Edit communication
Admin users can use this screen to promote their app and new features to users by sending suitable email, push and SMS notifications.
This form has the option to save, send a test or send to users. If you select save, this draft can be viewed and edited from the manage communication screen. If you select to send a test, this will be sent to you to view.
This screen uses the form component, learn more here. - Admin – Configure security
This screen can be used by admins to configure the app’s security rules. This screen must be accessed via Fliplet studio.
You should only need to use this screen once as it will reset all the security rules within your app.
The app will require an in-app update to be published before the new security rules are live.
This screen uses the form component and amends your app’s security rules. Learn more about screen security here.