Skill Profiling, Competency Profiling

Skills Profiler Plugin with proficiency rating and experience profiler

Bootstrap 5.2 installed
HTML/CSS/JS

Download and Edit the HTML file from the below linkindex.html

Change theENDPOINT_URLin theplugin.js


 
const ENDPOINT_URL = "http://localhost:8000/dev-api/";

Result will be like this

Setting to get The Rated Skills


  const plugin = new IysFunctionalAreasPlugin({
    ...
    ratedSkillEvent: ratedSkillEvent,
  });

This is response


  {
    "comment": "sdsd",
    "rating": 2,
    "isot_file_id": "files/988243",
    "isot_file": {
        "_key": "988243",
        "_id": "files/988243",
        "name": "AWS CloudFormation Batch",
        "is_discrete": false,
        "description": null,
        "display_order": 0,
        "child_count": null,
        "rating_type": 1,
        "rating_legend": 56,
        "rating": {
            "_key": "56",
            "_id": "rating_options/56",
            "options": [
                "Aware",
                "Familiar",
                "Proficient",
                "Expert"
            ]
        },
        "tags": [
            "tags/36669670"
        ],
        "tags_data": [
            {
                "_key": "36669670",
                "_id": "tags/36669670",
                "title": "Tools and Technologies"
            }
        ]
    }
};

How to add pre filled data to profiler


  const plugin = new IysFunctionalAreasPlugin({
    divID: "serachid",
    onSearchSkillClick: selectedSkill,
    selectedSkilldiv: "selectSkill",
    skillPlayground: "skillPlayground",
    ratedSkillEvent: ratedSkillEvent,
    skillsData: previousData,
  });

Add skillsData parameter to plugin, the format for data should be like below


  let previousData = [
    {
      comment: "comment",
      rating: [
        {
          isot_rating_id: "ratings/1",
          rating: 2,
          comment: "comment",
        },
        {
          isot_rating_id: "ratings/2",
          rating: 2,
          comment: "comment",
        },
      ],
      isot_file_id: "13074779",
      isot_file: {
        path_addr: "13074779",
        name: "AWS Consultant",
        description: null,
        ratings: [
          {
            _id: "ratings/1",
            rating_category: "Experience Recency",
            rating_scale_type: "Two Choice Rating",
            rating_scale_label: ["Current", "Past"],
          },
          {
            _id: "ratings/2",
            rating_category: "Experience Level",
            rating_scale_type: "Four Scale Rating",
            rating_scale_label: [
              "0 - 2 years",
              "2 - 5 years",
              "5 - 10 years",
              "10+ years",
            ],
          },
        ],
        tags: [
          {
            _id: "tags/12",
            title: "Role / Occupation",
          },
        ],
        display_order: null,
        child_count: 4,
      },
    },]

Two Versions

IYS Skills Profiler Plugin Without Proficiency Rating

IYS Skills Profiler Plugin With Proficiency Rating

In both these cases, when embedded into your application, the users of your application will be able to search and select skills.

The skills selected by the user are rendered in JSON format and you can save the skills information of the users at your end.

In the case of SKills Profiler plugin with proficiency rating, the users can, further to selecting skills, add proficiency levels to the skills and also give comments to the skills. These again are provided as JSON output that can be saved at the application end.

Skills Profiler Plugin with proficiency rating and experience profiler

Two Versions

IYS Skills Profiler Plugin Without Proficiency Rating

IYS Skills Profiler Plugin With Proficiency Rating

Let’s connect!