Научная статья на тему 'Язык разметки гипертекста html как инструментальное средство разработки электронных учебных пособий'

Язык разметки гипертекста html как инструментальное средство разработки электронных учебных пособий Текст научной статьи по специальности «Компьютерные и информационные науки»

CC BY
400
52
i Надоели баннеры? Вы всегда можете отключить рекламу.
Ключевые слова
ЭЛЕКТРОННОЕ УЧЕБНОЕ ПОСОБИЕ / ЯЗЫК РАЗМЕТКИ ГИПЕРТЕКСТА / HTML

Аннотация научной статьи по компьютерным и информационным наукам, автор научной работы — Белякова Дарья Геннадьевна, Герасимова Мария Сергеевна, Салмин Алексей Александрович

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

i Надоели баннеры? Вы всегда можете отключить рекламу.

Похожие темы научных работ по компьютерным и информационным наукам , автор научной работы — Белякова Дарья Геннадьевна, Герасимова Мария Сергеевна, Салмин Алексей Александрович

iНе можете найти то, что вам нужно? Попробуйте сервис подбора литературы.
i Надоели баннеры? Вы всегда можете отключить рекламу.

Текст научной работы на тему «Язык разметки гипертекста html как инструментальное средство разработки электронных учебных пособий»

4. Чедвик Джесс. ASP.NET MVC 4: разработка реальных веб-приложений с помощью ASP.NET MVC = Programming ASP.NET MVC 4: Developing Real-World Web Applications with ASP.NET MVC. M.: «Вильямс», 2013. 432 с. ISBN 978-5-8459-1841-3.

5. [Электронный ресурс]: Официальный сайт Flux. URL: https://facebook.github.io/flux/.

6. Фримен Адам. ASP.NET MVC 4 с примерами на C# 5.0 для профессионалов, 4-е издание = Pro ASP.NET MVC 4, 4th edition. M.: «Вильямс», 2013. 688 с. ISBN 978-5-8459-1867-3.

7. Олищук Андрей Владимирович. Разработка Web-приложений на PHP 5. Профессиональная работа. M.: «Вильямс», 2006. С. 352. ISBN 5-8459-0944-9.

8. Беллиньясо Марко. Разработка Web-приложений в среде ASP.NET 2.0: задача проект решение = ASP.NET 2.0 Website Programming: Problem - Design - Solution. M.: «Диалектика», 2007. С. 640. ISBN 0-7645-8464-2.

9. [Электронный ресурс]: Официальный сайт Reflux. URL: https://github.com/reflux/refluxjs.

10. [Электронный ресурс]: Официальный сайт Alt.js. URL: http://alt.js.org.

11. [Электронный ресурс]: Официальный сайт Redux. URL: http://redux.js.org.

12. [Электронный ресурс]: Официальный сайт StackOverFlow. URL: http://stackoverflow.com.

Язык разметки гипертекста html как инструментальное средство разработки

электронных учебных пособий Белякова Д. Г.1, Герасимова М. С.2, Салмин А. А.3

'Белякова Дарья Геннадьевна / Belyakova Daria Gennadievna — студент;

2Герасимова Мария Сергеевна / Gerasimova Maria Sergeevna — студент;

3Салмин Алексей Александрович /Salmin Aleksey Aleksandrovich — кандидат технических наук, доцент, кафедра информационных систем и технологий, факультет информационных систем и технологий, Поволжский государственный университет телекоммуникаций и информатики, г. Самара

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

Ключевые слова: электронное учебное пособие, язык разметки гипертекста, html.

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

Их достоинствами являются: во-первых, мобильность, во-вторых, доступность в связи с развитием компьютерных сетей, в-третьих, адекватность уровню развития современных научных знаний [3].

Актуальность представленной тематики, обусловлена необходимостью работы с моделями изучаемых объектов, явлений или процессов с целью их исследования в интерактивном режиме, дефицитом качественных источников учебного материала и др. Кроме того, одна из проблем заключается также в том, что учебная программа постоянно обновляется и дополняется, но не всегда организация может себе позволить траты на обновление учебного материала, а также своевременного обеспечения обучающихся необходимыми учебными пособиями. В этом и заключается практическая значимость разработки электронного пособия, поскольку его создание требует меньше материальных вложений.

На данный момент разработано большое количество различных пособий и самоучителей, в том числе электронных, построенных на базе языка разметки гипертекста HTML (Hyper Text Markup Language). Именно на базе данного языка отформатированы все web-документы, а также гиперссылки, которые позволяют легко перемещаться со страницы на страницу.

Большинство документов имеют стандартные элементы, такие, как заголовок, параграфы или списки. Используя тэги html, можно обозначать данные элементы, обеспечивая браузеры минимальной информацией для отображения данных элементов, сохраняя в целом общую структуру и информационную полноту документов. Все что необходимо, чтобы прочитать html - документ - это браузер, который интерпретирует тэги html и воспроизводит на экране документ в виде, который ему придает автор [1]. Html - документы могут быть созданы при помощи любого текстового редактора или специализированных html - редакторов и конвертеров.

Все тэги html начинаются с «<» (левой угловой скобки) и заканчиваются символом «>» (правой угловой скобки). Как правило, существует стартовый тэг и завершающий тэг. Завершающий тэг выглядит так же, как стартовый, и отличается от него слэшем «/» перед текстом внутри угловых скобок. Также существуют теги, которые не требуют завершающего тэга, но его использование придает исходному тексту документа улучшенную читаемость и структурируемость. Html не реагирует на регистр символов, описывающих тэг.

Любой HTML документ содержит определенную структуру, без которой он будет просто обычным текстовым документом. Самый первый тэг, который встречается в документе, должен быть тэгом <html>. Данный тэг сообщает браузеру, что документ написан с использованием html. Тэг заголовочной части документа должен быть использован сразу после тэга <html> и более нигде в теле документа. Данный тэг представляет собой общее описание документа. Стартовый тэг <head> помещается непосредственно перед тэгом <title> и другими тэгами, описывающими документ, а завершающий тэг </head> размещается сразу после окончания описания документа [1].

Основная, содержательна часть html документа заключается между тегами <body> и </body>, эта часть является «телом» документа. Тэги тела документа идентифицируют отображаемые в окне компоненты HTML документа. Тело документа может содержать ссылки на другие документы, текст и другую форматированную информацию.

Уровни заголовков <Hx>, где х=1,2...6. Когда пишется HTML-документ, текст делится на просто текст, заголовки частей текста, заголовки более высокого уровня и т.д. Первый уровень заголовков (самый большой) обозначается цифрой 1, следующий - 2, и т.д.

В отличие от большинства текстовых процессоров, в html-документе обычно игнорируются символы возврата каретки. Физический разрыв абзаца может находиться в любом месте исходного текста документа (для удобства его читаемости). Тэг <br> извещает браузер о разрыве строки. Однако браузер разделяет абзацы только при наличии тэга <p>. Ниже перечислены дополнительные параметры выравнивания содержимого тэга <p>.

<p align="left/ center/ right /justufy"> - позволяют выравнивать абзац по левому краю, центру, по правому краю и по ширине соответственно.

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия атрибутов name или href тег <A> устанавливает ссылку или якорь (закладка внутри страницы, которую можно указать в качестве цели ссылки). При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб - страницы. Данный тег является основным средством создания содержания ЭУ.

Также при создании оглавления электронного учебного пособия будет полезны списки. Существует три основных вида списков в html-документе:

1. Пронумерованный список создаётся с помощью парного тега <ol></ol>. Каждый пункт списка также создаётся с помощью элемента <li>.

2. Маркированный список представляет собой неупорядоченный список. Создаётся с помощью парного тега <ul></ul>.

3. Списки определений создаются с помощью тега <dl></dl>. Для добавления термина применяется тег <dt></dt>, а для вставки определения — тег <dd></dd>.

Одна из наиболее привлекательных черт web - возможность включения ссылок на графические и иные типы данных в html - документ. Делается это при помощи тэга <img...>. Использование данного тэга позволяет значительно улучшить внешний вид и функциональность документов.

Существует несколько способов использования графики в html-документах. Основной - это внедрение графических образов в документ, что позволяет пользователю видеть изображения непосредственно в контексте других элементов документа. Это наиболее используемая техника при проектировании документов, называемая иногда «inline image». Синтаксис тэга:

<img src = "url" alt = "text" heigt = n1 width = n2 align=top /middle /bottom /texttop>

Процесс информатизации образования предполагает использование компьютерных технологий в учебном процессе. Быстрыми темпами происходит внедрение электронных учебных пособий в процесс обучения. Стремительное развитие науки, техники и культуры приводит к быстрому устареванию информации, особенно в такой области, как информатика. Разработка электронного учебного пособия во многом может способствовать решению проблемы обновления и актуализации учебного материала, а также своевременного обеспечения учащихся необходимыми учебными пособиями. Язык разметки гипертекста является отличным инструментальным средством для создания электронного учебного пособия.

Литература

1. Гончаров А. Самоучитель HTML - СПб.: Питер, 2005. 240 с.

2. Салмин А. А. Повышение эффективности интернет - маркетинговых коммуникаций // Проблемы современной науки и образования, 2016. № 3 (45). С. 69-71.

3. ТавгеньИ. А. Дистанционное обучение: опыт, проблемы, перспективы. Минск: БГУ, 2008. 289 с.

Программная реализация модели однофазного счетчика для учета некачественной электроэнергии Суслов А. И.1, Соловьева А. С.2, Машкин А. Г.3

'Суслов Артем Игоревич /Suslov Artem Igorevich — студент;

2Соловьева Анастасия Сергеевна /Solovieva Anastasia Sergeevna — студент;

3Машкин Анатолий Геннадьевич /Mashkin Anatolij Gennad'evich — кандидат технических наук, доцент,

кафедра информатики, вычислительной техники и прикладной математики, энергетический факультет, Забайкальский государственный университет, г. Чита

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

Ключевые слова: цифровая обработка электроэнергии, фильтрация, ДПФ, MATLAB.

Понятие некачественной электроэнергии достаточно широко, поэтому в данной статье мы будем говорить о некачественной электроэнергии, как об электроэнергии, в которой присутствуют нечетные гармоники. Присутствие таких гармоник чаще всего приводит к уменьшению срока службы различного оборудования. Именно по этой причине некачественную электроэнергию нужно учитывать и анализировать [1].

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

Программа состоит из двух основных частей: моделирование электроэнергии, и ее учет.

Моделирование электроэнергии

Электроэнергия описывается двумя параметрами: напряжение и ток. В нашем случае мы считаем обе величины действительными, разность фаз нулевой, а сопротивление - константой. Поскольку вычисление значения тока в этом случае производится по закону Ома, то задача моделирования электроэнергии сводится к задаче моделирования напряжения. Моделирование напряжения происходит путем суммирования основной гармоники (50 Гц) с нечетными [2]. Амплитуда основной гармоники всегда остается константной и равна 311 В, а амплитуда остальных задается случайным образом в некотором диапазоне, определенным пользователем. Также пользователь определяет количество нечетных гармоник, присутствующих в сигнале.

Учет электроэнергии

Под учетом электроэнергии подразумевается учет ее характеристик. Основными характеристиками при учете некачественной электроэнергии являются:

- амплитуды гармоник (частотный спектр сигнала);

- время, напряжение, мощность для действующего значения напряжения

При учете амплитуд низших и высших гармоник производится ДПФ напряжения.

Для учета же самой некачественной энергии необходимо осуществить фильтрацию сигнала [3]. Применив к сигналу полосовой фильтр с пропусканием частоты 50 Гц, получим напряжение качественной составляющей сигнала. Точно также применив к сигналу режекторный фильтр с теми же частотами среза, получим некачественную составляющую сигнала напряжения. Получив, таким образом, три сигнала напряжения, которые мы и будем анализировать, произведем расчет действующего значения напряжения для каждого периода сигнала (величина периода определяется по двойному переходу функции через ноль). Действующее значение напряжения может быть отнесено к определенному классу, в зависимости от его значения. Так действующее значение превышающее уровень в 242 В является повышенным, напряжение в диапазоне от 198 до 242 В - нормальным, а ниже 198В - пониженным. Таким образом, необходимо определить общее время, временные интервалы воздействия, всех 3-х типов полученного сигнала напряжения, а также мощность на этих интервалах. Полученные данные выводятся на экран в виде графиков функций напряжения и мощности для каждого из типов напряжения.

i Надоели баннеры? Вы всегда можете отключить рекламу.