Методическая разработка по информатике на тему "Универсальные часы"

Практическая работа «Универсальные часы»

Составитель:

Богомолов Вадим Анатольевич

Введение 

Что такое время? Под термином «время» обычно понимают видимый ход событий, процесс непрерывного изменения окружающего мира. Мы привыкли в повседневной жизни использовать различные вариации часов и, казалось бы, ничего сложного тут нет. 

Люди давно научились измерять время наблюдая за природными и астрономическими явлениями, согласуя его с астрономическими циклами (сутки, год, лунный цикл). Именно астрономия, долгое время предоставляла человечеству самый надежный источник понимания времени.

Современное представление о времени, при всей его простате, намного сложнее. В современной науке считается, что такого понятия, как абсолютное время не существует вовсе. В Международной системе единиц (СИ) все стандартные единицы привязаны к значениям фундаментальных констант, они определены точно и не нуждаются в эксперименте. Лишь такая единица времени как секунда до сих пор все еще определяется из опыта.  

Секунда - основная единица времени, составляющая 1/86000-ую часть солнечного дня, т.е. времени обращения Земли вокруг собственной оси. 

С появлением атомных часов, было установлено, что Земля вращается с бесконечно малой нерегулярностью. Поэтому было принято решение переустановить стандарт измерения секунды (13-ая Генеральной Конференции Мер и Весов в 1967 году). 

Сегодня секунда — это отрезок времени равный 9.192.631.770 периодам излучения атома цезия-133 при переходе между двумя соседними устойчивыми уровнями.

Теоретические сведения

HTML (HyperText Markup Language ) - «язык гипертекстовой разметки». HTML - это стандартизированный язык гипертекстовой разметки документов для просмотра вебстраниц в браузере. Браузеры получают HTML документ и далее интерпретируют код в визуальное представление, которое будет отображаться на экране монитора.

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

CSS (Cascading Style Sheets) - «каскадные таблицы стилей». Формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки, например такого как HTML. CSS описывает внешний вид HTML-элементов. Разработчик с помощью CSS-стилей определяют, как должен выглядеть тот или иной элемент на странице. CSS представляет собой мощную систему, расширяющую возможности дизайна и верстки веб-страниц.

CSS3 - это новый стандарт оформления HTML документов значительно расширяющий возможности предыдущего стандарта.

JS (JavaScript) — легковесный, мультипарадигменный язык программирования высокого уровня, поддерживающий объектно-ориентированный, императивный и функциональный стили. Позволяет создать динамически обновляемый контент, управлять мультимедиа и пр. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Задание

Используя HTML5, CSS3, JS разработать часы со встроенным календарем.

Данное задание направлено на формирование понимания представления о времени, временных интервалах. Получение навыков работы с временными интервалами в программировании. А также формированию навыков и умений создания нестандартных графических конструкций с динамически обновляемым контентом. 

Общие требования

1.     Для выполнения задания допускается использовать любой текстовый редактор.

2.     Задание должно быть реализовано в виде отдельных файлов:

•      index.htm

•      style.css

•      script.js

3.     Использование внешних файлов, таких как изображения, фреймворки и пр. не допускается.

4.     Вэб-страница задания должна корректно открываться в Яндекс браузере.

5.     Файлы HTML, CSS, JS должны содержать комментарии.

6.     HTML файл должен содержать обязательные структурные тэги.

7.     Заголовок страницы (тэг <title>) должен присутствовать и не быть пустым.

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

9.     На странице в обязательном порядке должны быть следующие элементы:

•      Аналоговый циферблат с шестьюдесятью делениями и цифровым обозначением арабскими, либо римскими цифрами от 1 до 12,  в форме круга, овала, квадрата или прямоугольника;

•      Стрелки часов – часовая, минутная, секундная;

•      Три цифровых циферблата отображающие время в формате 00:00:00 для часовых поясов, задаваемых через параметры, с указанием города.

•      Отображение текущей даты, содержащей - день, месяц, год, день недели, високосный год, где:

§ день число от 0 до 31

§ месяц – полное название месяца

§ год в формате четырехзначного числа

§ день недели –обозначение дня недели полное и/или сокращенное

§ високосный год – любое обозначение (выделение) года, в том случае, если год является високосным.

10.   Аналоговые часы должны отображать текущее время.

11.   Стрелки аналоговых часов должны перемещаться в соответствии с изменением времени;

•      секундная стрелка – смещение на одно деление, раз в секунду.

•      минутная стрелка – смещение на одно деление, раз в минуту.

•      часовая стрелка – смещение на пять делений, раз в час.

12.   Цифровые часы должны отображать текущее время в соответствии с установленным часовым поясом.

13.   Изменение регистров цифровых часов должно осуществляться в соответствии с изменением времени;

•      секунды – изменение на 1 раз в секунду, в диапазоне от 0 до 59.

•      минуты – изменение на 1 раз в минуту, в диапазоне от 0 до 59.

•      часы – изменение на 1 раз в минуту, в диапазоне от 0 до 24.

Критерии оценки

Критерий	Балл		Оценка
Страница с часами называется index.hml	0,1	3	4	5
Файл стилей называется style.css	0,1
Файл javascript называется script.js	0,1
Index.html корректно открывается в Яндекс браузере	0,1
Файл стилей style.css подключен корректно	0,1
Файл javascript подключен корректно	0,1
Внешние файлы, изображения и фреймворки не используются	0,1
Index.html имеет заголовок в тэге <title>	0,1
Структура index.html содержит обязательные структурные тэги	0,2
В структуре index.html присутствуют все обязательные элементы	0,4
Все элементы контрастны и четко различимы	0,3
Все элементы стилизованы и соответствуют требованиям	0,4
index.html содержит комментарии	0,2
style.css содержит комментарии	0,2
script.js содержит комментарии	0,2
style.css корректно описывает стили тэгов и классов index.html	0,3
Аналоговые часы показывают текущее время	0,3
Цифровые часы показывают город и текущее время в соответствии с установленными часовыми поясами	0,4
Отображается текущая дата в соответствии с требованиями задания	0,3
Стрелки аналоговых часов корректно перемещаются в соответствии с  изменением времени	0,5
Регистры цифровых часов корректно изменяются в соответствии с  изменением времени	0,5

Общая сумма баллов соответствует оценке 5. 

При подсчете итоговой оценки, результат трактуется в пользу оцениваемого.