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

Ideas for simplifying the badge page

XMLWordPrintable

    • MOODLE_311_STABLE, MOODLE_400_STABLE
    • MOODLE_400_STABLE
    • MDL-71937-master
    • 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.      
    • Moppies Kanban

      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.

        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

            sarjona Sara Arjona (@sarjona)
            tsala Helen Foster
            Amaia Anabitarte Amaia Anabitarte
            Ilya Tregubov Ilya Tregubov
            Gladys Basiana Gladys Basiana
            Votes:
            2 Vote for this issue
            Watchers:
            7 Start watching this issue

              Created:
              Updated:
              Resolved:

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

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.