Архив Галактики

Выставка достижений HTML5

Teleskop's Блог / 11.02.2016

Тема HTML5 заинтересует, в первую очередь, преподавателей информатики. В чемпионате профессионального мастерства по стандартам WorldSkills Russia для web-дизайнеров есть конкурсное задание на основе HTML5.
Возможно, что и другим специалистам будет полезно, по крайней мере, для расширения кругозора, познакомиться с возможностями новой технологии. Тем более, что она имеет отношение ко всем пользователям интернета. Со второго января 2017 года Google окончательно запретит размещать в своих сетях Flash-объявления. Рекламные сети «Яндекса» и Google предложили партнёрам отказаться от использования flash-баннеров в своих системах. Всем рекламодателям предложено использовать формат HTML5 (Источник).
HTML5 ( HyperText Markup Language, version 5) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML.


HTML5 стал необходимым этапом развития языка, на котором пишутся веб-страницы. Он был разработан для написания веб-приложений. Его предшественник, HTML4, появившийся в конце 90-х, предназначался для статистических веб-страниц, связанных между собой гиперссылками и содержащих текст, изображения, формы и т.д.

Для демонстрации возможностей новейших технологий HTML5, Canvas, SVG и JS существует портал ChromeExperiments.


На главной странице выбираем интересующую тему или технологию.


Например, на тему географии нашлось 12 приложений.


Попробовала пройти по нескольким ссылкам в браузере Google Chrome. Все примеры работали без проблем и очень впечатлили функциональностью и зрелищностью.

One Million Stars - визуализация космического пространства с реальными астрономическими данными, которая позволит совершить виртуальный полёт к звёздам.
https://www.chromeexperiments.com/experimen...e-million-stars


Технологии: Javascript, WebGL, THREE.js, web audio API.
С помощью One Million Stars можно осмотреть галактику и получить подробную справку о звёздах.


Очень красивое и завораживающее зрелище. Впечатления как от посещения планетария.


Chromata - приложение, которое превращает любое загруженное изображение в произведение искусства, выполненное в определённой технике.
https://www.chromeexperiments.com/experiment/chromata
Технологии: JavaScript, Canvas, Canvas Blends.
Например, картинка нарисованная фракталами.


Фотография маков, обработанная в стиле импрессионистов.


Помимо получения впечатлений и эстетического удовольствия от примеров, приведённых на портале ChromeExperiments, каждый преподаватель может подобрать визуализацию или приложение для своего учебного предмета.
А преподаватели информатики найдут аргументы для ответа на вопрос, заданный Анной Алексеевной Шугай на форуме "Как увлечь детей программированием?". Знакомство с примерами - хороший мотиватор для изучения HTML5.