Change the values and add explanations to each skill level

It's hard to understand skill levels as it's not very clear.
Resolve ciandt#224.

src/main/webapp/app/modules/technology/services/TechnologyService.js

@@ -170,25 +170,29 @@ module.exports = function($q, $timeout, $rootScope) {
    * Ratings for user skill on a technology
    * @return {Array} The list of rating objects with value and title
    */
-   this.getRatings = function () {
+  this.getRatings = function () {
     return [
-    {
-      value: 1,
-      title : 'Newbie'
-    },
-    {
-      value: 2,
-      title : 'Iniciante'
-    },{
-      value: 3,
-      title : 'Padawan'
-    },{
-      value: 4,
-      title : 'Knight'
-    },{
-      value: 5,
-      title : 'Jedi'
-    },
+      {
+        value: 1,
+        title: 'Newbie',
+        description: 'Might have some theoretical knowledge, but no real practice. Requires training for this subject.'
+      }, {
+        value: 2,
+        title: 'Capable',
+        description: 'Knows something about the subject, but needs some help on complex issues.'
+      }, {
+        value: 3,
+        title: 'Proficient',
+        description: 'Knows the subject and can solve complex problems without help. Is able to help co-workers.'
+      }, {
+        value: 4,
+        title: 'Master',
+        description: 'Is a reference on the subject and can plan the architecture in different contexts. Has worked with it a lot times and knows almost all of its features. Have had the opportunity to make complex mechanisms using this technology.'
+      }, {
+        value: 5,
+        title: 'Advisor',
+        description: 'Is recognized by many colleges from many projects in different contexts. CI&T recognizes the incredible performance.'
+      }
     ];
   }
 

src/main/webapp/app/modules/technology/views/technology.html

@@ -40,7 +40,7 @@ <h3 class="card-title">Como você se avalia em {{ technology.item.name }}?</h3>
                       <span class="technology-rating-text">
                         <span class="glyphicon glyphicon-star-empty" ng-repeat="i in [] | range:rating.value"></span>
                       </span>
-                      <span class="technology-rating-text">{{ rating.title }}</span>
+                      <span class="technology-rating-text" title="{{ rating.description }}">{{ rating.title }}</span>
                       <input type="radio" ng-model="technology.rating" ng-click="technology.setSkill(technology.id, rating.value)" name="rating" class="technology-rating-input" id="rating-{{ rating.value }}" value="{{ rating.value }}" ng-checked="rating.value == technology.rating">
                     </label>
                   </div>

src/main/webapp/app/modules/utils/services/Analytics.js

@@ -14,16 +14,16 @@ module.exports = function () {
         ga('send', 'event', 'Skill', name, 'Newbie');
       }
       if(skill === 2){
-        ga('send', 'event', 'Skill', name, 'Initiate');
+        ga('send', 'event', 'Skill', name, 'Capable');
       }
       if(skill === 3){
-        ga('send', 'event', 'Skill', name, 'Padawan');
+        ga('send', 'event', 'Skill', name, 'Proficient');
       }
       if(skill === 4){
-        ga('send', 'event', 'Skill', name, 'Knight');
+        ga('send', 'event', 'Skill', name, 'Master');
       }
       if(skill === 5){
-        ga('send', 'event', 'Skill', name, 'Jedi');
+        ga('send', 'event', 'Skill', name, 'Advisor');
       }
     }
   }