Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-71937

Ideas for simplifying the badge page

    XMLWordPrintable

    Details

    • Affected Branches:
      MOODLE_311_STABLE, MOODLE_400_STABLE
    • Fixed Branches:
      MOODLE_400_STABLE
    • Epic Link:
    • Pull from Repository:
    • Pull Master Branch:
      MDL-71937-master
    • Testing Instructions:
      Hide

      Setup

      1. Login as admin.
      2. Create a s1 user.
      3. Go to "Site administration > Badges > Add a new badge" for creating a system badge.
      4. Fill in only the mandatory fields. Remember the name you use for this badge.
      5. Save changes.
      6. Go to "Site administration > Badges > Add a new badge" for creating another system badge.
      7. Fill in ALL the fields (not just the mandatory ones).
      8. Save changes.
      9. Select "Manual issue by role" as Criteria.
      10. Set the "Teacher" checkbox.
      11. Save changes.
      12. Access to the "Endorsement" tab.
      13. Fill in all the fields in the form.
      14. Save changes.
      15. Access to the "Related badges" tab.
      16. Select the first badge you created previously.
      17. Save changes.
      18. Access to the "Alignments" tab.
      19. Create, at least, a couple of skills using the "Add external skill or standard" button and fill in all the fields in the form.
      20. Enable access to the badge.
      21. Go to " Recipients (0)" and assign the badge to s1.
      22. Logout

       

      Testing scenario 1: All the fields are displayed properly.

      1. Login as s1
      2. Access to the user profile.
      3. Go to the badge.
      4. Check the badge image, name, date and description are displayed in a similar way to the ux_badges_proposal.jpg image linked in that issue.
      5. Check the Download button is displayed.
      6. Click the "More details" link.
      7. Check other fields appear, such as Version, Language, Endorsements, Alignments, Related badges...
      8. Click again the "More details" link.
      9. Check these extra fields (from step 7) are hidden.

       

      Testing scenario 2: Deleted user

      1. Login as admin.
      2. Go to "Site administration > Badges > Manage badges".
      3. Click over the badge you created during the setup.
      4. Access to "Recipients (1)".
      5. Follow the "View issued badge" link for the Student 1 row.
      6. Check the badge is displayed and the fullname of the user is displayed near the "Awarded to" text.
      7. Check the text "(This user no longer exists in XXXX)" is NOT displayed.
      8. Copy the URL of this page (you'll need it later).
      9. Access to "Site administration > Users > Accounts > Browse list of users".
      10. Delete student1.
      11. Go to the URL copied in step #8.
      12. Check the badge is displayed and the fullname of the user is displayed near the "Awarded to" text. 
      13. Check the text "(This user no longer exists in XXXX)" is displayed, where XXXX is the site fullname.

       
       
       

      Show
      Setup Login as admin. Create a s1 user. Go to "Site administration > Badges > Add a new badge" for creating a system badge. Fill in only the mandatory fields. Remember the name you use for this badge. Save changes. Go to "Site administration > Badges > Add a new badge" for creating another system badge. Fill in ALL the fields (not just the mandatory ones). Save changes. Select "Manual issue by role" as Criteria. Set the "Teacher" checkbox. Save changes. Access to the "Endorsement" tab. Fill in all the fields in the form. Save changes. Access to the "Related badges" tab. Select the first badge you created previously. Save changes. Access to the "Alignments" tab. Create, at least, a couple of skills using the "Add external skill or standard" button and fill in all the fields in the form. Enable access to the badge. Go to " Recipients (0)" and assign the badge to s1. Logout   Testing scenario 1: All the fields are displayed properly. Login as s1 Access to the user profile. Go to the badge. Check the badge image, name, date and description are displayed in a similar way to the ux_badges_proposal.jpg image linked in that issue. Check the Download button is displayed. Click the "More details" link. Check other fields appear, such as Version, Language, Endorsements, Alignments, Related badges... Click again the "More details" link. Check these extra fields (from step 7) are hidden.   Testing scenario 2: Deleted user Login as admin. Go to "Site administration > Badges > Manage badges". Click over the badge you created during the setup. Access to "Recipients (1)". Follow the "View issued badge" link for the Student 1 row. Check the badge is displayed and the fullname of the user is displayed near the "Awarded to" text. Check the text "(This user no longer exists in XXXX)" is NOT displayed. Copy the URL of this page (you'll need it later). Access to "Site administration > Users > Accounts > Browse list of users". Delete student1. Go to the URL copied in step #8. Check the badge is displayed and the fullname of the user is displayed near the "Awarded to" text.  Check the text "(This user no longer exists in XXXX)" is displayed, where XXXX is the site fullname.      
    • Sprint:
      Moppies Kanban

      Description

      The current badge page in Moodle has a lot of unnecessary text, such as headings (Recipient details, Issuer details, Badge details, Badge expiry), subheadings (Name, Description), 'Users are awarded this badge...' and 'This badge was issued for completing...'. Also, Criteria and Evidence are almost the same (see attached current badge page example).

      How about if we simplify the page to make it more attractive and easier to read?

      Something like...

      Course 101 course badge

      [Badge name]

      Awarded to Sam Student

      Issued on 15 June 2021

      [Badge description...]

      Criteria

      Any of the following .... have to be completed:
      [Criterion 1]
      [Criterion 2]

      Issued by [Issuer]

      (See attached improved badge page example.)

      Thus we would remove

      • headings - Recipient details, Issuer details, Badge details, Badge expiry
      • subheadings - Name, Issuer name, Contact, Language, Description, Course, Date issued, Evidence
      • texts 'Users are awarded this badge...' and 'This badge was issued for completing...'

      The title of the page would be '[Course name] course badge' or '[Site name] site badge'.

      The page would have [Badge name] and Criteria as subheadings.

      If additional badge details (version, language, image author's name etc) are supplied, the info could be displayed at the bottom of the badge page in a small font size.

        Attachments

        1. badge_information_v2.png
          badge_information_v2.png
          156 kB
        2. badge_information_v3.png
          badge_information_v3.png
          159 kB
        3. current badge page.png
          current badge page.png
          137 kB
        4. improved badge page.png
          improved badge page.png
          62 kB
        5. Issued-badge-information1.png
          Issued-badge-information1.png
          152 kB
        6. Issued-badge-information2.png
          Issued-badge-information2.png
          217 kB
        7. MDL-71937_Test Passed.png
          MDL-71937_Test Passed.png
          999 kB
        8. ux_badges_proposal.jpg
          ux_badges_proposal.jpg
          44 kB

          Issue Links

            Activity

              People

              Assignee:
              sarjona Sara Arjona (@sarjona)
              Reporter:
              tsala Helen Foster
              Peer reviewer:
              Amaia Anabitarte Amaia Anabitarte
              Integrator:
              Ilya Tregubov Ilya Tregubov
              Tester:
              Gladys Basiana Gladys Basiana
              Participants:
              Component watchers:
              Yuliya Bozhko, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Ilya Tregubov, Sara Arjona (@sarjona)
              Votes:
              2 Vote for this issue
              Watchers:
              7 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 2 days, 31 minutes
                  2d 31m