Overview of the user interface

Once logged in, you will be presented with the platform's user interface. The interface is designed for simplicity and ease of use, making it accessible for both teaching staff and learners. Below is an annotated description of its key components.

Header

• Includes platform logo and name, search bar, basic navigation bar and user profile.

• Various notifications are also displayed in this area.

Search bar

• Located in the middle of the header, the search bar provides to the platform content search functionality

• Search is automatic and returns a list of most relevant content found with a link to the full list of results.

Basic navigation bar

• Located on the right side of the header, it provides a direct link to the list of all shelves (thematic fields) and books (courses) on the platform.

Profile

• Located on the far-right side of the header, it provides access to:

  • User's account (name, email, avatar, preferred language)

  • User's profile (created content - pages, books, chapters, shelves; recent activity)

  • User's favorite content

  • Selection of platform interface mode (light or dark)

  • Logout button

Left sidebar

• Located to the left of the main content area and generated contextually depending on the content of the main area:

  • On homepage: recently viewed content, recently updated pages

  • On Shelves subpage: recently viewed, popular Shelves, new Shelves

  • On Books subpage: recently viewed, popular Books, new Books

  • On specific shelf page: shelf tags, creation and update info, permission info

  • On specific book page: search bar to search within the book, book tags

  • On specific chapter page: chapter tags, search bar to search within the chapter, navigation of the book the chapter belongs to

  • On specific page: page tags, attachments, navigation of a book the page belongs to

Content area

• The main area of the platform interface where selected materials (shelves, books, chapter, pages) are displayed.

• Materials can be presented in grid view or in list view.

• Shelves and books are presented with:

  • Cover image

  • Name

  • Short description

  • Ownership, creation and update info.

• Shelves and books can be sorted by:

  • Name

  • Created date

  • Updated date

Right sidebar

• Located to the right of the main content area and generated contextually depending on the content of the main area.

  • On homepage:

    • Create new shelf

    • Select view (grid or list)

    • View platform tags

    • Select mode (light or dark)

  • On Shelves subpage:

    • Create new shelf

    • Select view (grid or list)

    • View platform tags

  • On Books subpage:

    • Create new book

    • Select view (grid or list)

    • View platform tags

  • On specific shelf page:

    • Create new book, select view (grid or list)

    • Edit shelf, set shelf permissions, delete shelf

    • Set shelf as favourite

  • On specific book page:

    • Book ownership, creation and update info

    • Create new chapter

    • Edit book

    • Sort book content (pages)

    • Watch the book (for new pages and updates)

    • Set book a favourite

    • Export a book to .html, .pdf, .txt or .md.

  • On specific chapter page:

    • Chapter ownership, creation and update info

    • Create a new page

    • Sort pages in a book

    • Watch a chapter (for new pages and updates)

    • Set chapter as favourite

    • Export a chapter to .html, .pdf, .txt or .md.

  • On specific page:

    • Page ownership, creation and update info

    • Page revision number

    • Page watch (if set)

    • Page revisions

    • Watch the page (for new pages and updates)

    • Set page as favourite

    • Export a page to .html, .pdf, .txt or .md page

Footer

• Located at the bottom of the page, it contains a link to the project's LinkedIn page, the EU co-funding logo and disclaimer, a note on the license used for the platform's content, and copyright information for the entire platform