После небольшого исследования проекта открытых бейджей Mozilla я решил попробовать сделать бейдж вручную. Как насчет использования API-интерфейса эмитента? Разве это не было бы проще? Ну, не совсем.
Я буду первым, кто признает, что мои навыки программирования … развиваются. И под разработанным я подразумеваю, что я планирую изучить некоторые JavaScript, Python и новые возможности HTML5 и CSS3 в ближайшие несколько месяцев. Тем не менее, я выбрал довольно “нетехнический” подход к изготовлению своего первого значка. Если вы заинтересованы в изготовлении значков для курса / класса, который вы преподаете, или для семинара / урока, который вы предлагаете, этот пост расскажет вам о том, как сделать значок вручную. Кстати, подробнее про изготовление значков на страницах специализированного сайта.
Вот список того, что включено в этот пост:
- Почему Значки?
- Дизайн значка
- Анатомия значка
- Утверждения – доказательство заработка
- Сделайте значок сейчас!
Почему значки?
Идея использования значков для достижений не нова. Бойскауты уже более 100 лет используют значки для вознаграждения членов, которые развили навыки и достигли целей, которые считались важными для их ремесла. Почему бы не воспользоваться той же идеей и предоставить подробные, подробные сведения об обучении? Многие преподаватели в восторге от распространения бейджей в обучении, и Mozilla разрабатывает платформу для поддержки всемирно признанных бейджей, которые могут выдаваться любой группой. Эффективное использование бейджей в образовании все еще обсуждается, хотя мотивированные преподаватели университета Дэвид Уайли и Алекс Халавайс уже сообщают о своем опыте в этом.
Дизайн значков
Хотя я не задумывался об этом, пока не посмотрел запись веб-трансляции с конкурса значков DML, визуальный дизайн бейджей является неотъемлемой частью системы бейджинга. Если вы решите выдавать бейджи, им лучше быть визуально привязанными к вашей организации. Брендинг важен в наши дни, независимо от того, являетесь ли вы коммерческой организацией или государственным университетом. Рассмотрите цветовые схемы, шрифты и принятые в настоящее время логотипы вашей группы, поскольку они будут важны для того, чтобы помочь людям распознать ваши значки. Если вы ищете несколько удобных (и бесплатных) значков для использования на своих бейджах, ознакомьтесь с моим сообщением в блоге о проекте Noun.
Анатомия значка
Когда дело доходит до того, “что” значок на самом деле is…it это просто картинка. На самом деле это файл изображения в формате PNG. Для тех из вас, кто не знаком, многие картинки и изображения, которые вы видите при просмотре сети, представлены в формате .PNG. Если вы когда-либо слышали о .JPG или .GIF, это очень похоже. При выдаче учащемуся и последующем отображении на профессиональном веб-сайте / резюме файл бейджа в формате PNG будет выглядеть следующим образом:
Просто .Файл PNG? Не совсем.
При создании значка Mozilla, данные в формате .JSON “запекаются”, связывая значок с эмитентом и отображая другую информацию о значке. Это связь значка с утверждением, которое живет за стенами группы, которая его выдала. Это предотвращает дублирование и распространение “спаджей” (термин Халавайса), потому что значки должны ссылаться на группу, которая их выпустила. Поддельный значок не будет проверен, если по нему щелкнуть, чтобы показать доказательства того, как он был заработан. Обдумывание этого заняло некоторое время, но это эффективный способ предотвратить создание ложных значков.
Утверждения – доказательство заработка
Когда значки ссылаются на правильное утверждение, отображаются данные об эмитенте, получателе и обстоятельствах, при которых они были заработаны. При нажатии значок может предоставить всю эту информацию в привлекательной форме. Ниже приведена фотография тестового бейджа, который я выдал себе, видимая изнутри рюкзака для бейджей.
Примечание: на самом деле я не зарабатывал этот значок. Это был тестовый бейдж, который я создал, чтобы лучше понять, как вручную создать бейдж, соответствующий спецификациям Mozilla (совместимый с OBI). Поскольку он совместим с OBI, я могу держать его в своем рюкзаке. Однако ссылка “доказательства” просто возвращается на домашнюю страницу моей магистерской программы, а не на страницу, подтверждающую, что я заработал значок. Было бы глупо публиковать это в моих профессиональных профилях, так как это всего лишь значок новизны, а не доказательство того, что я что-то сделал.