Feature Wiki

Information about planned and released features

Tabs

Page Editor » Page Elements of Portfolios

This request is part of the project for a New Page Editor.

Note: In page editing mode, earlier preparatory work for other page elements is available, but is not handled with this status of the request.

1 Initial Problem

Page Elements of Portfolios have not been adapted to the new gerneral Page Layout of ILIAS 6 and first step of Page Editor Revision in ILIAS 7.
The Portfolio and Portfolio Template supports some other page elements that exist only in their context. In some cases, content is also provided by other components of ILIAS, which update automatically.

  1. Certificate (Portfolio & Portfolio Template)
  2. Competences (Portfolio & Portfolio Template)
  3. Consultation Hours (Portfolio & Portfolio Template)
  4. My Courses (Portfolio & Portfolio Template)
  5. Learning History (Portfolio & Portfolio Template)
  6. Placeholder (Portfolio Template)

2 Conceptual Summary

The forms for inserting and editing the previously listed page elements should be moved to Slate.
This will continue the transfer of page elements as a whole, as well as making the editing of elements faster and more visible.

2.1 Certificate

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select Certificate.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is shown.)
    • Certificates
      • Dropdown-List of all available Certificates
  5. Click Save in Slate  
  6. ILIAS presents Page Element Certificate in Main Area (contains the selected certificate as a link.)

Insert Certificate
Cetificate was inserted

2.2 Competences

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select Competences.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is shown.)
    • Competences in Dropdown (List of all Competences and Competence Categories as in Competences in Achievements integrated)
  5. Click Save in Slate
  6. ILIAS presents a visual placeholder "Competences [Competence Title]" (No WYSIWYG-Element).  
The element is filled with real content in the preview of Portfolio & Portfolio-Template.

Insert Competence
Competece was inserted

2.3 Consultation Hours

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select Consultation Hours.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is shown.)
    • Radio Group
      • Automatic (default) (with Byline)
      • Manual (with Byline)
  5. Click Save in Slate
  6. ILIAS presents a visual placeholder "Consulation Hours [...] Settings: automatic|manual"  (No WYSIWYG-Element).  
The element is filled with real content in the preview of Portfolio & Portfolio-Template.

Insert Consulation Hours
Consultation Hours was inserted

2.4 My Courses

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select My Courses.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is shown.)
    • Default Sorting Radio Group (Alphabetical (default) | By Location) 
  5. Click Save in Slate
  6. ILIAS presents a visual placeholder "Course Memberships" (No WYSIWYG-Element).  
The element is filled with real content in the preview of Portfolio & Portfolio-Template  .

Insert My Courses
My Courses was inserted

2.5 Learning History

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select Learning History.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is shown.)
    • Period Start » Date Picker (not mandatory)
    • Period End » Date Picker (not mandatory)
    • Type of Achievements
      • all (default)
      • selected 
        • Checkboxes (Learning Progress | Badges | Learning Objectives | First LogIn | Certificates | Competences)
  5. Click Save in Slate
  6. ILIAS presents a visual placeholder "Course Memberships" (No WYSIWYG-Element).  
The element is filled with real content in the preview of Portfolio & Portfolio-Template  .

Insert Learning History Element

2.6 Placeholder

  1. Click Create button in page editor.
  2. ILIAS presents Create menu. 
  3. Select Placeholder.
  4. ILIAS presents a Form in Slate. (In Content Area a Representation of Page Element is Typshown.)
    • Radio Group Type (mandatory)
      • Placeholder Text (default)
      • Placeholder Media 
    • Height (px) (mandatory)
      • numeric input » 100 (default)
  5. Click Save in Slate
  6. ILIAS presents Page Element Page List in Main Area (List according to entered/selected metadata).

Insert Placeholder
Placeholder was inserted

3 User Interface Modifications

3.1 List of Affected Views

Page Editing in ILIAS Page Editor.
Insert and Edit of Page Elements in Portfolio and Portfolio Template.

3.2 User Interface Details

See MockUps above. 

3.3 New User Interface Concepts

None.

4 Technical Information

{The maintainer has to provide necessary technical information, e.g. dependencies on other ILIAS components, necessary modifications in general services/architecture, potential security or performance issues.}

5 Privacy Information

No personal data is stored or processed to implement this feature. 

6 Security Implications

We do not see any special security relevant changes.

7 Contact

8 Funding

If you are interest in funding this project, please add your name and institution to this list.

More Informations: Page Editor Revision - Step 2 (Crowdfunding for ILIAS 8)

9 Discussion

Killing, Alexander [alex], 11 March 2021: I would not put extremely large forms into the slate, e.g. the profile selection or the page lists, without discussing alternatives.

Samoila, Oliver [oliver.samoila], 14 April 2021: The article has been reduced in scope. The page elements "Personal Data" and "Page List" (Wiki) were removed. These are the page elements with possibly very long forms.

JourFixe, ILIAS [jourfixe], 03 MAY 2021 : We highly appreciate this suggestion and schedule the feature for ILIAS 8.

10 Implementation

{The maintainer has to give a description of the final implementation and add screenshots if possible.}

Test Cases

Test cases completed at {date} by {user}

  • {Test case number linked to Testrail} : {test case title}

Approval

Approved at {date} by {user}.

Last edited: 27. Nov 2023, 12:00, Killing, Alexander [alex]