This template is a beta version, for trialing and demoing the E-Learning template only. Users should not build a live app using this template. 

Fliplet’s E-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

  1. Onboarding
  2. Registration
  3. Login & SSO
  4. Courses
  5. Completed courses
  6. Course viewer
  7. Lesson viewer
  8. Test passed
  9. Test failed
  10. Decision tree
  11. Glossary
  12. Document library
  13. Discussion forum
  14. Manage discussion
  15. Survey
  16. Ask a question
  17. Notifications
  18. Edit profile
  19. Reports

Screens for Admins

  1. Admin menu
  2. Admin – Manage course
  3. Admin – Course settings
  4. Admin – Course users
  5. Admin – Course files
  6. Admin – Edit files
  7. Admin – Add text
  8. Admin – Manage quiz
  9. Admin – Bulk import
  10. Admin – Manage document library
  11. Admin – Manage glossary
  12. Admin – Manage users, Admin – Edit user
  13. Admin – Manage communication
  14. Admin – Edit communication
  15. Admin – Configure security

Screens for all users

  1. 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.

  2. 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.

  3. 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.

  4. Courses

    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 the “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.

  5. 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.

  6. 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 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.

  7. 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.
    Many of the components on this screen are dynamic so please contact support before you try to change anything other than the appearance settings.

  8. 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.

  9. 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.

  10. 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.


  11. 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.

  12. 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.

  13. 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.

  14. 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.

  15. 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.

  16. 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.

  17. 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.

  18. 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.

  19. 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

  1. 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.

  2. 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.
    Note, when creating a new course, 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.

  3. Admin – 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.

  4. Admin – 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 managers section, select anyone that you want to appear on the course overview screen as a teacher/manager of this course.
    Using the students 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.

  5. Admin – Course 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.

  6. Admin – Edit files

    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.

  7. Admin – Add 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.

  8. Admin – Manage 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.

  9. Admin – Bulk import

    The bulk import feature is not available in beta and is coming soon.
    This screen can be used to bulk import course content to the app.
    Upload data into the attached data source (see the ‘Instructions – word templates’ screen for more support.)
    This screen uses the form component, learn more here.

  10. 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.

  11. 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.

  12. 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.

  13. 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.

  14. 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.

  15. 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.