Электронный образовательный ресурс по учебной дисциплине «Информатика и программирование». Часть 2

1 2

3. Функциональное моделирование ресурса

3.1 Функциональная модель процесса разработки

Создание ресурса по дисциплине можно рассматривать как проект, характеризующийся определенными этапами. Для разработки ресурса необходимо также сформировать группу разработчиков учебных материалов, которая будет включать в себя:
— Дизайнер. Отвечает за выбор подхода к организации учебных материалов, разработку форматов основных экранов, определение полей для представления информации и навигации;
— Программист-разработчик. Отвечает за разработку экранных форм, программную реализацию функциональных возможностей, наполнение модулей учебными материалами и сборку подготовленных материалов, тестирование работоспособности системы;
— Руководитель проекта.
Функциональные модели построены на основе нотации IDEF0.. Результатом применения IDEF0 к системе является модель этой системы, состоящая из иерархически упорядоченного набора диаграмм, текста документации и словарей, связанных друг с другом с помощью перекрестных ссылок. Для описания процесса создания электронного учебного пособия была создана контекстная диаграмма (рисунок 3.1). Инструмент для описания – программный комплекс Ramus.

Рисунок 3.1 – Функциональная модель процесса разработки
Входными данными электронного ресурса являются: известные учебные источники (пособия); учебно-методический комплекс по дисциплине и дополнительные учебные материалы. В качестве механизмов управления при проектировании используются: стандарты SCORM и ГОСТ; учебный план по дисциплине; приказ о создании электронного ресурса. механизмами реализации служат: автор курса; руководитель проекта; дизайнер и программист-разработчик.
В программе Ramus раскроем функциональную модель процесса разработки, для этого будем использовать четыре функциональных блока и в качестве шаблона выберем – простой [20].

Рисунок 3.2 – Созданий новой диаграммы в программе Ramus
Декомпозиция функциональной модели процесса разработки, будет иметь следующие функциональные блоки: Разработка содержания ресурса, разработка шаблона ресурса, программная реализация и тестирование и внедрение ресурса (рисунок 3.3).

Рисунок 3.3 – Декомпозиция функциональной модели процесса разработки
Автор курса отвечает за разработку содержания ресурса и его шаблона. Руководитель проекта контролирует проектирование ресурса на каждом этапе его реализации. Дизайнер отвечает только за разработку шаблона ресурса, а программист-разработчик осуществляет программную реализацию, тестирование и внедрение данного ресурса.
В качестве стандартов оформления ресурсов, были использованы SCORM и ГОСТ. SCORM (англ. Sharable Content Object Reference Model, «образцовая модель объекта содержимого для совместного использования») — сборник спецификаций и стандартов, разработанный для систем дистанционного обучения. Содержит требования к организации учебного материала и всей системе дистанционного обучения. SCORM позволяет обеспечить совместимость компонентов и возможность их многократного использования: учебный материал представлен отдельными небольшими блоками, которые могут включаться в разные учебные курсы и использоваться системой дистанционного обучения независимо от того, кем, где и с помощью каких средств они были созданы. SCORM основан на стандарте XML.
Таким образом, использование средств функционального моделирования позволяет представить модель проекта электронного ресурса.

3.2 Создание стартовой страницы

Создание стартовой страницы осуществляется с помощью языка HTML. Код создания стартовой страницы представлен ниже, а результат – на рисунке 3.2.

@charset «utf-8»;
#wrapper {
background-color: #FFF;
height: 3000px;
width: 760px;
margin-top: 30px;
margin-right: auto;
margin-bottom: 25px;
margin-left: auto;
border: 2px solid #666;
}
body {
}
body {
background-image: url(../images/1.jpg);
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
background-color: #CCC;
} <p style = «text-indent:600px;»>

3.3 Создание таблицы стилей

Стилевыми таблицами (стилевыми листами) принято называть специальные инструкции, управляющие процессом отображения элемента в окне программы-клиента (например, в окне браузера). Каскадные стилевые таблицы (CSS – CascadingStyleSheets), поддерживаемые наиболее известными браузерами, в том числе и NetscapeNavigator (начиная с версии 4.0) и MicrosoftExplorer (начиная с версии 3.0), используются для решения самого широкого спектра задач – от оформления домашней странички до создания крупного корпоративного узла. Слово каскадные в определении CSS означает возможность объединения отдельных элементов форматирования путем вложенных описаний стиля. Например, атрибуты текста, заданные в теге <body>, будут распространяться на вложенные теги до тех пор, пока в них не встретятся стилевые описания, отменяющие или дополняющие текущие параметры. Таким образом, использование таблиц CSS в HTML стало весьма эффективно – отпадала необходимость явного задания тегов форматирования для каждого из элементов документа.
Таблицы стилей упрощают разметку HTML и существенно снижают участие языка HTML в представлении документа. Они предоставляют как авторам, так и пользователям возможность управлять внешним видом документов – шрифтами, выравниванием, цветами и т.д.
Таблицы стилей решают ряд проблем, одновременно превосходя прежние ограниченные механизмы представления в HTML. Они упрощают определение интервалов между строками текста, отступов, цветов, используемых для текста и фона, размера и стиля шрифтов и другой информации.
Информацию о стиле можно указать для отдельных элементов или
групп элементов в документе HTML или во внешних таблицах стилей.
Таблицы стилей обеспечивают более мощные механизмы представления.
Механизмы связи таблиц стилей с документами не зависят от языка таблиц стилей.
В данной работе используется внешняя таблица стилей, в виде файла (style.css). Помещение таблиц стилей в отдельные файлы упрощает их повторное использование. Программный код таблицы стилей показан в приложении В.
Внешние таблицы стилей указываются с помощью атрибутов элемента link. При этом задается следующая информация: необходимо установить ватрибуте href местоположение файла таблицы стилей; необходимо установить для атрибута type значение, указывающее язык связанного ресурса (таблицы стилей); необходимо указать, является ли таблица стилей постоянной, предпочтительной или альтернативной:
чтобы таблица была постоянной, нужно установить для атрибута rel значение «stylesheet» и не устанавливать атрибут title;
чтобы таблица была предпочтительной, нужно установить для атрибута rel значение «stylesheet» и дать таблице имя с помощью атрибута title;
чтобы указать альтернативную таблицу, нужно установить для атрибута rel значение «alternatestylesheet» и дать таблице имя с помощью атрибута title.
Каскадность как свойство обеспечивается некоторыми языками таблиц стилей, такими как CSS, для объединения информации о стиле из нескольких источников. Это могут быть, например, корпоративные положения о стиле, стили, общие для группы документов, а также стили, специфичные для одногодокумента. Использование раздельного хранения таблицы стилей повышает эффективность сетевого кэширования. Каскад определяет упорядоченную последовательность стилей, в которой правила последующих таблиц стилей перекрывают правила предыдущих таблиц. Не все языки таблиц стилей поддерживают каскады.
Несмотря на очевидные преимущества таблиц стилей, имеются некоторые сомнения относительно скорости их работы. Например, загрузка внешней таблицы стилей может привести к задержке общего представления материала для пользователя. Подобные ситуации могут возникнуть и в том случае, если в заголовок документа включен длинный набор правил относительно стиля. Эти проблемы решаются путем предоставления возможности включать инструкции в каждый элемент HTML, чтобы информация о стиле всегда была доступна ко времени представления элемента агентом пользователя.

3.4 Создание меню

Меню необходимо, чтобы:
1. разделить учебник на части;
2. сообщить читателю, о чем пойдет речь и тем самым подготовить читателя к восприятию материала.
Из тем составляется содержание, играющее большую роль в поиске нужного текста.
В электронном издании меню позволяют быстро переходить из одной части текста к другой и видеть, какой текст раскрыт в данный момент. Для ориентации в электронном издании, лучше иметь содержание перед глазами в одном из фреймов.
Для навигации в сайте создан удобный список гиперссылок. Он позволяет получить доступ к любому материалу учебника.
Гиперссылка представляет собой элемент страницы, задающий связь с другими ресурсами web. В отличие от обыкновенного текста, который можно читать только от начала к концу, гипертекст позволяет осуществлять мгновенный переход от одного фрагмента текста к другому. Системы помощи многих популярных программных продуктов устроены именно по гипертекстовому принципу. При нажатии левой кнопкой мыши по пункту меню происходит переход к документу, содержащему лекцию на выбранную тему.
HTMLкод для создания меню приведен ниже:

<ul>
<li><a href=»Chapter1.html»>Изучение среды Delphi.Программирование операций ввода-вывода.Разработка приложений линейных алгоритмов </a></li>
<li><a href=»Chapter2.html»>Разработка приложений ветвящихся алгоритмов с оператором IF </a></li>
<li><a href=»Chapter3.html»>Разработка приложений ветвящихся алгоритмов с операторами IF и CASE </a></li>
<li><a href=»Chapter4.html»>Разработка программ обработки числовых рядов </a></li>
<li><a href=»Chapter5.html»>Разработка приложений табулирования функций </a></li>
<li><a href=»Chapter6.html»>Разработка приложений обработки одномерных массивов (накопление сумм, количества) </a></li>
<li><a href=»Chapter7.html»>Разработка приложений обработки одномерных массивов (нахождение максимальных и минимальных элементов)</a></li>
<li><a href=»Chapter8.html»>Разработка приложений создания одномерных массивов </a></li>
<li><a href=»Chapter9.html»>Разработка приложений обработки двумерных массивов (накопление сумм, количества) </a></li>
<li><a href=»Chapter10.html»>Разработка приложений обработки двумерных массивов (нахождение максимальных и минимальных элементов) </a></li>
<li><a href=»Chapter11.html»>Разработка приложений обработки строк и столбцов в двумерных массивах </a></li>
<li><a href=»Chapter12.html»>Разработка приложений обработки строк </a></li>
<li><a href=»Chapter13.html»>Разработка приложений использования процедур и функций </a></li>
<li><a href=»Chapter14.html»>Разработка приложений создания текстовых файлов и их просмотра </a></li>
<li><a href=»Chapter15.html»>Разработка приложений по обработке типизированных файлов </a></li>
</ul>
</li>
<li><a href=»OSayte.html»>Осайте</a></li>
</ul>

3.5 Руководство по эксплуатации электронного пособия

Требования к пользователю данной системы: пользователь должен уметь работать на компьютере и разбираться в веб-браузере.
Для начала работы необходимо в папке «Практика по основам программирования» открытьфайл «index.html»в браузере. Открыв файл, откроется главная страница.

Рисунок 3.2 – Стартовая страница электронного ресурса

После нажатия в нижнем левом углу на «Следующая глава» перейдем на следующую страницу заданий ресурса (рисунок 3.3).

Рисунок 3.3 – Список заданий электронного пособия

Выбрав главную страницу, откроется теоретическая часть (рисунок 3.4).

Рисунок 3.4 – Теоретическая часть электронного пособия

Образец выполнения практических заданий показан на рисунке 3.5.

Рисунок 3.5 – Образец выполнения практических заданий

После изучения теории можно перейти к практической части (рисунок 3.6).

Рисунок 3.6 – Практическая часть (задания) электронного пособия

Как видно из экранных форм ресурса электронное пособие очень проста в освоении и использование и не требует дополнительных затрат на обучение по его использованию.

4 Экономические затраты на реализацию ресурса

Для экономического обоснования реализации ресурса необходимо оценить экономические затраты при реализации данного проекта.
В качестве редактора для ресурса был выбран Adobe Dreamweaver CC. Это лидирующее программное обеспечение для веб-дизайна и разработки визуальных проектов, создания и редактирования веб-сайтов и мобильных приложений. Интуитивно понятный интерфейс включает множество мощных средств для управления контентом, значительно ускоряя работу. Варианты покупки показаны в таблице 4.1.

Таблица 4.1 – Варианты покупок Adobe Dreamweaver

Интерактивный просмотр и встроенные подсказки в Adobe Dreamweaver CC 2015 позволяют более точно писать код в HTML, JavaScript, Ajax, Spry, jQuery и Prototype. Новая версия Adobe Dreamweaver CC позволяет настраивать анимацию в соответствии с изменением значений свойств CSS, создавать переходы для разработки динамичных макетов.
Среди других преимуществ Adobe Dreamweaver — встроенные сервисы интерактивного просмотра Live View. Просматривайте конечные результаты без обновления содержимого. Кроме того, динамичные «резиновые» макеты и панель многоэкранного просмотра позволят создавать проекты одновременно для телефонов, планшетных устройств и компьютеров.
Купив Adobe Dreamweaver CC 2015 сотрудник получает пакет профессиональных инструментов для точного контроля над разработкой веб-проектов.
Ключевые возможности Adobe Dreamweaver CC: Поддержка CSS3/HTML5; Работа со стилями через панель CSS с поддержкой CSS3, создание веб-страниц с помощью технологии HTML5 с удобными подсказками по коду и визуализацией в представлении «Дизайн»; Проверка страниц перед публикацией при помощи обновлённого механизма рендера с поддержкой контента HTML5.; Создание комплексных проектов
Встроенная поддержка CMS-систем, включая WordPress, Joomla! и Drupal. Вывод подсказок по кодированию нестандартизированных файлов в Dreamweaver. Поддержка протоколов FTPS и FTPeS. Разработка веб-сайтов с бесплатными пробными версиями ПО; Дизайн и разработка в среде с поддержкой HTML, XHTML, CSS, XML, JavaScript, Ajax, PHP 5.4 и ASP.
Программа проста для изучения, в связи с чем дополнительных затрат на обучение персонала её работе не требуется.
Для моделирования процессов проекта возникает необходимость в программе ramus educational. Данную программу можно заказать на сайте http://ramussoftware.com/. Цена за продукт полной версии с лицензией составляет ($450.00) 28,670.06 руб. (рисунок 4.1).

Рисунок 4.1 – Покупка ramus educational на сайте

Таким образом, основные затраты на реализацию проекта ресурса складываются из покупки двух основных пакетов Adobe Dreamweaver и ramus educational. При покупке Adobe Dreamweaver CC для образовательных учреждений потребуется электронная лицензия.
Рассчитаем сумму на реализацию проекта: 11 087,08 руб. + 12 793,79 руб. + 28,670.06 руб. = 52550 руб.

ЗАКЛЮЧЕНИЕ

Электронное пособие является инструментом обучения и познания, его структура и содержание зависят от целей его использования. Оно и репетитор и тренажер и самоучитель.
В данной дипломной работе тема раскрыта полностью: Данное электронное пособие может быть использовано на практических занятиях, а так же для самостоятельного выполнения заданий студентами, которые по каким либо причинам не могли присутствовать на занятиях. Пособие может быть использовано для дистанционного обучения.
В процессе выполнения дипломной работы были изучены основные сведения об электронных учебниках и пособиях, принцип изложения материала, средства создания электронных систем, определена структура создаваемого электронного пособия, были разработаны и протестированыоконные приложения решения задач по работе с таблицами в редакторе Adobe Dreamweaver. С помощью MSWord подготовлен краткий теоретический материал для занятий и практические задания; разработано электронное пособие средствами сайтостроения.
Передо мной были поставлены задачи: изучить литературу по теме дипломной работы; изучить принципы изложения материала и средства создания электронных систем обучения; создание удобного, наглядного пособия, которое включало бы в себя как теоретический материал, наглядные примеры программ а так же задания для выполнения по темам.
В результате соединения информационных и коммуникационных технологий создается новая среда знаний. Приходит время, когда важным фактором становится владение техникой интеллектуальной работы, порождающей творчество.
Были подсчитаны экономические затраты на реализацию ресурса, которые составили 52550 руб.

СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ

1 ГОСТ 19.002-80 ЕСПД. Схемы алгоритмов и программ. Правила и выполнения — М.: Изд-во стандартов, 2002. — 6 с.
2 ГОСТ 7.9˗2001. Реферат и аннотация. — М.: Изд-во стандартов, 2002. — 6 с.
3 Голицына О. Л. Языки программирования – М.: ФОРУМ – ИНФРА-М, 2008. – 400 с.
Рудаков А. В. Технология разработки программных продуктов. – М.: Издательский центр Академия, 2014. – 208 с.
9 Соколов С. А. HTML и CSS в примерах, типовых решениях и задачах. Профессиональная работа. – М.: Издательский дом Вильямс, 2010. – 416 с.
10 Хорев П. Б. Технологии объектно-ориентированного программирования. – М.: Издательский центр Академия, 2012. – 448 с.
11 Чиртик А. В. Популярный самоучитель HTML. – СПб.:Питер, 2013. – 348 с.
12 Шишкин В. В. Многоуровневая концепция создания электронных учебных пособий. – М.: Махаон, 2012. – 368 с.
13 Журавлёва О.Б., Крук Б.И. Дистанционное обучение: концепция, содержание, управление. — Новосибирск: СибГУТИ, 2011. — 86 с.
14 Зайнутдинова Л.Х. Создание и применение электронных учебников (на примере общетехнических дисциплин): Монография. – Астрахань: ЦНТЭП, 1999. – 364 с.
15 Канаве В. А. Методические рекомендации по созданию курса дистанционного обучения через Интернет. – СПб.:Питер, 2013. – 148 с.
16 Клецова Т.В., Белоусов С.Г. «Построение, оформление и защита выпускной квалификационной работы» Учебно-методическое пособие. – СПб.:Питер, 2014. – 95 с.

17 Красильникова В.А., Шалкина Т.Н., Разработка и использование электронного пособия для организации учебной деятельности студентов.- Современные информационные технологии в науке, образовании и практике. — Материалы всерос. науч.-практ.конф.. – Оренбург, ИПК ОГУ, 2014. -216 с.
18 Лепин П. В., Барахтенова Л. А. и др. Технологии дистанционного и открытого обучения: 4.1. Создание электронных дидактических средств: Учебно-метод. пособие. – Новосибирск: НГПУ, 2012. — 115 с.
19 Лепин П.В., Барахтенова Л.А. и др. Методы и средства дистанционного и открытого обучения, Учебно-методическое пособие. – Новосибирск, 2013. С 246-264.
20 Соболева Н.Н., Гомулина Н.Н., и др. Электронный учебник нового поколения для современной российской школы // Информатика и образование. – М.: 6/2002. С. 67-76.
21 Беляев М.И., Вымятин В.М. и др. Теоретические основы создания образовательных электронных изданий. Томск: Изд-во Том. Ун-та, 2012. – 86с.
22 Разработка электронного учебного пособия на основе web-технологий (на примере дисциплины «Документальные информационно-поисковые системы»), 2016. – 87 с. [Электронный ресурс]. URL: http://textarchive.ru/c-2818431.html (дата обращения: 03.10.2016).

1 2