Как сделать карточки с QR-кодами (мастер-класс)

Доброе утро всем! Кто спрашивал про карточки с QR-кодами, которые я использовала в нашем космическом лэпбуке? Сегодня рассказываю, как их сделать самим.

Первое, что надо понять, это то, что QR-код - это такая смешная графичная картинка с квадратами, в которой закодирована ССЫЛКА. Все видели штрих-коды на продуктах, но там - полоски и цифры. А тут - квадраты. Но смысл тот же. 

Второе, чем короче ссылка, тем лучше. Если ваша ссылка длинная, можно воспользоваться сервисом коротких ссылок. Я пользуюсь Google Shortner. Но можно любым аналогичным.

Третье, если вы хотите, чтобы при сканировании открывалась картинка (как у меня - картинка с карточкой, на которой изображена другая картинка и текст), то вам эту картинку нужно обязательно залить онлайн, чтобы у нее появился адрес - та самая ссылка для кодировки.

Кратко мастер-класс по созданию карточек с QR-кодами на них выглядит так:

1. создать карточку с заданием (картинка в формате jpg, png)
2. залить эту картинку на сайт (я в блог заливаю)
3. определить и скопировать в буфер ссылку картинки
4. если сильно длинная, то ссылку укоротить
5. зайти на сайт генератора QR-кодов, вставить ссылку, получить QR-кодовую картинку
6. скопировать QR-кодовую картинку и вставить ее в карточку
7. сохранить и распечатать карточку

А теперь немного подробнее. Как создать саму карточку-картинку, которая будет открываться при сканировании QR-кода? Я люблю Фотошоп, можно воспользоваться любым другим графическим редактором. На крайний случай подойдет и всем известный PowerPoint - там есть функция сохранить слайд как изображение.

Как и куда залить картинку, чтобы получить на нее ссылку? Проще всего, конечно, в блог. Это может быть новое сообщение или страница. Ее не нужно публиковать, пусть так и висит в черновиках. 

Можно залить в любой онлайн-альбом (Гугл, Вконтакт, Фейсбук и т.д.). Можно воспользоваться специальными сайтами-хранилищами картинок. Выбирайте, что удобнее вам.

Где найти ссылку на залитую картинку? Если вы заливали в блог, то можно перейти в режим HTML, найти строку src"" - это source, источник ссылки, скопировать ее.

Можно проще: выделить картинку и правым кликом выбрать "копировать адрес ссылки" или "открыть изображение в новой вкладке".

Когда откроете изображение, как раз увидите вашу карточку, которая будет появляться при сканировании QR-кода. Скопируйте ссылку на нее из адресной строки.

Как создать QR-кодовый квадратик? Для этого нужно воспользоваться любым QR-code Generator (генератор QR-кодов). Я взяла первый попавшийся. Помните, что ссылка на вашу карточку скопирована в буфер? Сейчас самое время ее вставить в нужное поле на сайте генератора.

Есть генераторы, которые даже с сердечками создают QR-код, розовые, зеленые, со зверушками. Но принцип все равно один;)

Как сохранить QR-кодовую картинку? Во-первых, сайт скорее всего предложит сохранить ссылку на эту картинку, может предложить сразу html-код для вставки в блог.

Но можно сделать еще проще. Правым кликом на картинку, копировать или сохранить изображение. И уже после этого вставлять в нужный вам документ, в котором вы создаете карточки с QR-кодами для распечатки.

Как вставить QR-кодовую картинку на карточку?   Опять же, я пользуюсь Фотошопом, создаю карточки в нем, но можно даже в обычном Word'е нарисовать карточки. Правым кликом вставляете картинку в нужное вам место, меняете размер и вуаля! Все готово!

Остается лишь сохранить ваши карточки и распечатать. 

Возможно, поначалу покажется сложным, но залив пару картинок и сгенерировав QR-коды на них, увидите, что все дело занимает минут 5-6. Дольше всего создавать ту самую красивую карточку с заданием: подбор картинки, текст, верстка. А если же кодировать уже готовую картинку, то все будет сразу и быстро;)

И бонус для тех, кто дочитал этот мастер-класс до конца! Делюсь моими карточками с QR-кодами, которые вошли в Космический Лэпбук. 

В архиве по ссылке можно скачать:

• десять карточек с QR-кодами для распечатки 
• вордовский документ с QR-кодовыми картинками 
• десять карточек с заданиями

Всем удачи и веселого QR-развлечения;)

Космос. И наш космический лэпбук.

Ура! Сегодня - День Космонавтики! С праздником всех! Не знаю, почему, но я с детства любила этот день, обожала рисовать Космос, размышлять о Вселенной, читать про Галактики и искать по вечерам звезды на небе... Поэтому, естественно, в школе не смогла пройти мимо особенного урока английского языка о покорении Космоса.

С ребятами из девятого класса мы создали Космический Лэпбук!!! Все шаблоны, придумки, идеи - мои. Много и долго фотошопила и перефотошопивала. Но мне нравится конечный результат. Детям, вроде бы, тоже.

С такими взрослыми я делала лэпбук впервые. Не уверена была, как они воспримут подобный формат, хотя интерактивные тетради мы с ними ведем, но в тетради вклеивали небольшие элементы, не вычурные, простые. А тут... Космос!

Изюминкой моего Космического лэпбука, конечно же, стали карточки с QR-кодами. Десять карточек, десять возможностей узнать что-то потрясающее и необычное про Космос, созвездия, слезы в космическом пространстве и нереально красивых туманностях.

Обожаю совмещать простые виды творчества (вырезать-сложить-приклеить) с новыми информационными технологиями (смартфон-QR сканнер-ссылки-джипеги). QR-коды точно зашли! Теперь я уже разрабатываю подобные карточки на другие темы. Дети в восторге!

Яркая обложка и подложка для внутреннего разворота лэпбука сделана ученицей 7 класса. Я чуть позже допшикала "звезды" своими перламутровыми спреями. С такими фонами лэпбук ожил и стал реально космическим!

Итак, что же в меню нашего Космического лэпбука есть интересного и занимательного? Про яркий фон я уже сказала. Добавлю еще про крутецкий шрифт! Ну, очень космическо-научный нашелся;)

Центральное поле - это наша Солнечная система. Дети сами нарисовали орбиты движения планет. На этих орбитах должны располагаться сами планетки - одно из упражнений. Названия планет, как и все в лэпбуке, естественно на английском языке.

На левой внутренней створке - интересные разрезные кармашки. В самих кармашках внутри хранятся планеты Солнечной системы. Планеты тоже раскрашивались детьми. 

Кармашки закрываются разрезными клапанами. Каждый клапан - на отдельную планету. Снаружи на клапане написана краткая информация по планете, внутри - интересный факт об этой же планете. Сборку кармашков и наклеивание листочков с инфой на кармашки делали дети под моим чутким руководством.

Правая внутренняя створка лэпбука посвящена, собственно, открытию и изучению Космоса. Пятилистник - это важные даты этапов исследования Космоса в 20-21 веках. 

Tri-fold book в центре - это книжка-откидушка с основными этапами развития познания Космоса, начиная от Птолемея и заканчивая Деннисом Тито, первым космическим туристом. Задача учеников была расположить карточки и приклеить их в правильном хронологическом порядке.

И ниже, справа, тот самый бонус, фишечка - кармашек с десятью карточками с QR-кодами. Ох, какие красивые карточки получились! Самой нравятся)))

Лэпбук мы делали пару недель назад, а сегодня полшколы будет пытаться по нему рассказывать-изучать интересное об освоении  Космоса. 

"Поехали!"©

п.с. как только наберется 10 комментариев, не включая мои, я выложу шаблоны этого лэпбука для скачивания.

Как прикрутить в блог кнопку "Версия для слабовидящих"

Всем доброе утро! Как же я люблю, когда определенные педагогические мероприятия приносят реальную, практическую пользу! Вчера был установочный семинар для участников республиканского конкурса "Учитель Года - 2018". Много, подробно и детально рассказывали нам про все этапы конкурса, говорили, на что обратить внимание.

В том числе шел разговор и про учительский сайт. Одним из критериев оценки сайта является наличие версии для людей с ограниченными возможностями зрения. Я видела на других учительских сайтах такую кнопочку, но никогда не встречала ее на блоггере.

Так вот. На блоггере такую кнопку тоже можно прикрутить в блог!!! Я это сделала минут за семь;) Все просто и интуитивно понятно.

На сайте FineVision это делается за 5 минут и еще пара минут для вставки в блог. Вставляете ссылку на свой блог, тыкаем "Посмотреть" и "Получить код для вставки".

Перед вами открывается поле Конфигуратор баннера. На выбор дается три картинки баннера (в левом поле выбрать изображение 1, 2 или 3, сразу доступен предпросмотр).

Размер баннера можно менять движком внизу левого поля. Там же можно выбрать, в правом или в левом углу сайта будет сидеть кнопка.

Я выбрала для себя максимальную ширину 200px, правый угол, платформа Blogger, картинка 2. Все изменения мгновенно отображаются в коде баннера справа.

Как только все нравится, можно вкручивать кнопку в блог. Вообще на сайте FineVision есть прямо инструкции для разных платформ сайтов. Можно тыкнуть на Blogger и попасть на страничку гугл-дока, где подробно прочитать, как именно устанавливать баннер.

Но если коротко, то мы в админке заходим в "Дизайн" и добавляем гаджет "Вставить HTML-код". Сохраняем и любуемся прикрученной кнопочкой в блоге;)

FineVision дает 30-дневный период для пробного использования. У них есть опция годового обслуживания за 350р. Есть и другие опции.

Уверена, есть еще сайты, позволяющие прикрутить такие кнопки, я просто не искала дальше. Меня устроил этот. Но если кто-то настраивал кнопку "Версия для слабовидящих" через другие сайты, пишите в комментариях свои впечатления. Уверена, тема окажется востребованной.