2. Создание обучающей системы «Разработка, внедрение и адаптация программного обеспечения отраслевой направленности» (рвапоон)

2.1. Способ реализации системы

Разработка сайта выполнена на основе HTML 5, CSS 3.

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

CSS3 (англ. Cascading Style Sheets 3 — каскадные таблицы стилей третьего поколения) — активно разрабатываемая спецификация CSS. Представляет собой формальный язык, реализованный с помощью языка разметки. Самая масштабная редакция по сравнению с CSS1, CSS2 и CSS2.1. Главной особенностью CSS3 является возможность создавать анимированные элементы без использования JS, поддержка линейных и радиальных градиентов, теней, сглаживания и многое другое

2.2. Структура системы

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

Для более наглядного представления его можно изобразить в виде графической схемы (Рисунок 1).

Рисунок 1.. Структура системы

Основные разделы сайта представлены в виде линейной горизонтальной последовательности которые находятся в шапке сайта, данная часть включает в себя следующие разделы (Рисунок 2-4):

1.Главная

2.Лекции

3.К изучению

4.Тестирование

5. Саморазвитие

Также на сайте представлена страница для обратной связи с пользователями.

Рисунок 2. Фрагмент системы РВАПООН (разделы тем)

Рисунок 3. Фрагмент системы РВАПООН (обратная связь

Рисунок 4. Фрагмент системы РВАПООН (Выбор вида работ)

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

На рисунке 3 «Обратная связь» представлена форма обратной связи так же выглядят и другие подобные формы, например отправка сообщений или добавление новостей.

На рисунке 4 к "Изучению" тот материал который понадобиться в учебе и профессиональной деятельности, где представлена разная полезная литература и видео уроки.

2.3. Особенности использования системы

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

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

2.4. Внедрение и апробация обучающей системы

Данный сайт был продемонстрирован студентам специальности «Прикладная информатика (по отраслям)» НОУ СПО «Финансово-экономический колледж» в количестве 97 человек.

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

Анкета для студентов: