Разработка образовательного Интернет-ресурса профессионального назначения для учащихся уровня среднего специального образования - Дипломная работа

Дипломный проект на тему «Разработка образовательного Интернет-ресурса профессионального назначения для учащихся уровня среднего специального образования» реализуется для более быстрого и удобного доступа к материалам лекций, практических занятий, видеоматериалов и заданий для проверки. На сайте предусмотрено самостоятельного изучения таких дисциплин, как «Программные средства создания Internet-приложений», «Технологии разработки программного обеспечения», «Базы данных и системы управления базами данных». Основной сайт - главная часть Интернет-ресурса, именно она служит для отображения всех материалов лекций, практических занятий, видеоуроков и разделяется на несколько страниц: - страница с кратким содержанием учебных материалов с возможностью выбрать нужный и перейти к полному тексту лекции, лабораторной работы и т.д.; Популярность в области построения web-сайтов определяется наличием большого набора встроенных средств для разработки web-приложений. Логическая структура web-приложения отображает то, как именно связаны между собой страницы одного сайта.Образовательный Интернет-ресурс профессионального назначения для учащихся уровня среднего специального образования создается с целью удобного предоставления студентам содержания лекций, заданий для самостоятельной работы и форума для обсуждения возникающих вопросов. Разработка дипломного проекта состоит из следующих этапов: - проектирование - постановка задачи, разработка технического задания и разработка алгоритмов решения (18% общего времени); Суммарное время разработки интернет магазина электронных техники составляет два месяца. Рассчитаем все возможные затраты, связанные с разработкой программного обеспечения поддержки закупки и учета хранения товаров на складе. t - количество времени, затраченное на разработку интернет магазина электронных товаров, месяцев (два месяца).Являясь одним из основных элементов образования, верный выбор структуры учебного процесса влияет на правильность восприятия учебной информации, ее усвоения, а значит, увеличивается процент уровня образования обучающихся. Каждый фактор очень важен, потому недоработки по любому из них уменьшают уровень качественной передачи учебной информации, качество знаний учащихся. Большой поток информации различного рода, качества и уровня сложности создал проблему увеличения объема книжных учебных пособий, в которых с каждым годом «утопает» учащийся. Соединение технического прогресса и учебной информации привело к появлению электронных образовательных ресурсов, большая часть которых разработана на основе гипертекста и соединяют в себе текстовую, звуковую и графическую информацию, что придает им расширенные возможности восприятия учебной информации. Итак, электронные образовательные ресурсы должны отвечать следующим требованиям: научность, доступность, проблемность, наглядность, систематичность обучения, последовательность обучения, обеспечение активности учащихся, обеспечение сознательности учащихся, прочность усвоения знаний, единство образовательных, развивающих и воспитательных функций обучения, обеспечение индивидуальности обучения, интерактивность обучения, адаптивность обучения, системность и структурно-функциональная связанность представленного учебного материала, обеспечение целостности и непрерывности дидактического цикла обучения, максимальная реализация возможностей компьютерной визуализации учебного материала и другие.*/ function trackback_response ($error = 0, $error_message = «) {header ("Content-Type: text/xml; charset=". get_option ("blog_charset")); $dupe = $wpdb->get_results ($wpdb->prepare («SELECT * FROM $wpdb->comments WHERE comment_post_ID =%d AND comment_author_url =%s», $comment_post_ID, $comment_author_url)); $commentdata = compact ("comment_post_ID", "comment_author", "comment_author_email", "comment_author_url", "comment_content", "comment_type"); // Include files required for initialization. require (ABSPATH. WPINC.

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

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

1. Постановка задачи

1.1 Назначение и цели создания Web-приложения приложение программный логистический

Дипломный проект на тему «Разработка образовательного Интернет-ресурса профессионального назначения для учащихся уровня среднего специального образования» реализуется для более быстрого и удобного доступа к материалам лекций, практических занятий, видеоматериалов и заданий для проверки. На сайте предусмотрено самостоятельного изучения таких дисциплин, как «Программные средства создания Internet-приложений», «Технологии разработки программного обеспечения», «Базы данных и системы управления базами данных». В перспективе возможно добавление новых дисциплин.

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

- предоставлять целостную и актуальную информацию;

- содержать контактную информацию;

- иметь высокую скорость загрузки и обработки запросов;

- обладать удобством и простотой пользования;

- обладать возможность обсуждения информации на форуме и добавление комментариев.

Основной целью создания образовательного Интернет-ресурса является стимуляция учащихся к самостоятельному изучению различных дисциплин, предоставление им необходимой информации и ресурсов - например, ссылок на скачивание программных средств разработки вроде Borland C Builder, Borland Delphi, Microsoft Visual Studio и многих других. Помимо основной цели, сайт предоставляет студентам возможность обсуждать различные задачи и задавать вопросы другим участникам обсуждения посредством форума.

1.2 Структура Web-приложения

Структура образовательного Интернет-ресурса состоит из двух функциональных частей: - основной сайт;

- форум для обсуждения.

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

- страница, на которой показан конкретный учебный материал, будь то видеоурок, практическая работа, лекция или презентация;

- страница «Ресурсы» со ссылками на скачивание рекомендуемого к использованию программного обеспечения;

- страница обратной связи с администрацией сайта.

Форум предназначен для обсуждения конкретных задач, взаимопомощи, обращению к преподавателю с тем или иным вопросом. Эта часть сайта логически разделена на следующие подфорумы: - БД и СУБД;

- ОАИПР;

- ПССІП;

- ТРПО.

При необходимости, добавление новых разделов и подразделов форума осуществляется из администраторской панели.

2. Обоснование инструментов разработки

WORDPRESS - система управления содержимым сайта с открытым исходным кодом, распространяемая под лицензией GNU GPL. Написана на PHP, в качестве базы данных использует MYSQL. Сфера применения - от блогов до достаточно сложных новостных ресурсов и интернет-магазинов. Встроенная система «тем» и «плагинов» вместе с удачной архитектурой позволяет конструировать практически любые проекты.

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

Принципы выбора инструментов для разработки: - программное обеспечение должно быть бесплатным;

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

- независимость от платформы.

С учетом приведенных принципов был выбран следующий набор инструментов: HTML, CSS, JAVASCRIPT, PHP.

HTML - HYPERTEXT Markup Language - стандартный язык программирования, предназначенный для создания гипертекстовых документов в среде WEB.

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

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

CSS (Cascading Style Sheeets) - каскадные таблицы стилей.

Стиль - набор параметров, задающий внешнее представление объекта.

Преимущества CSS: - CSS позволяет значительно сократить размер кода и сделать его читабельным;

- CSS позволяет задавать такие параметры, которые нельзя задать только языком HTML. Например, убрать подчеркивание у ссылок;

- CSS позволяет легко изменять внешний вид страниц. Представьте, вы сделали сайт из 50 страниц, на которых все заголовки синего цвета. Через какое-то время, вы захотели поменять синий цвет на зеленый. Вам придется пройтись по всем 50 страницам и поменять цвет в соответствующем атрибуте. С CSS вам придется сделать это лишь один раз, в таблице стилей;

- с CSS связана так называемая блочная верстка сайта.

JAVASCRIPT - это язык написания сценариев, разработанный компанией Netscape Communications, для создания клиентских и серверных интернет-приложений. JAVASCRIPT - объектно-ориентированный скриптовый язык программирования. Является диалектом языка ECMASCRIPT.

JAVASCRIPT обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

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

PHP - скриптовый язык программирования общего назначения, интенсивно применяющийся для разработки web-приложений. В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web-сайтов.

В области программирования PHP - один из популярнейших скриптовых языков. Благодаря своей простоте, скорости выполнения, богатой функциональности и распространению исходных кодов на основе лицензии PHP.

Популярность в области построения web-сайтов определяется наличием большого набора встроенных средств для разработки web-приложений.

Основные из них: - автоматическое извлечение POST и GET-параметров, а также переменных окружения web-сервера в предопределенные массивы;

- файловые функции успешно обрабатывают как локальные, так и удаленные файлы;

- автоматическая отправка HTTP-заголовков;

- работа с cookies и сессиями;

- обработка файлов, загружаемых на сервер;

- работа с HTML заголовками и HTTP авторизацией.

3. Реализация

3.1 Логическая структура Web-приложения

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

Логическая структура Web-приложения представлена в соответствии с рисунком 3.1.1.

Рисунок - 3.1.1 Логическая структура образовательного Интернет-ресурса

Главная страница сайта имеет структуру, представленную в соответствии с рисунком 3.1.2

Рисунок 3.1.2 - Структура главной страницы Интернет-ресурса

3.2 Физическая структура Web-приложения

Физическая структура Интернет-ресурса отображает структуру папок и файлов, хранящихся на удаленном сервере. Файлы сайта в сети расположены на файловом сервере (FTP) с адресом ftp://mgeptk.bl.ee. Доступ к файлам сайта возможен только после ввода логина и пароля, которые известны разработчику проекта.

Файлы на сервере расположены по тематическим директориям и имеют определенную структуру, представленную в соответствии с рисунком 3.2.1.

Рисунок 3.2.1 - Файловая структура

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

Рисунок 3.2.2 - Структура страницы с учебными материалами

Страница «Обратная связь» имеет структуру в соответствии с рисунком 3.2.3

Рисунок 3.2.3 - Структура страницы «Обратная связь»

Каждая директория предназначена для хранения файлов определенного типа, каждый из которых выполняет определенную функцию: - файл wp-config.php - содержит информацию, необходимую для подключения к базе данных. Это: имя базы данных, имя пользователя и пароль для доступа.

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

- файл header.php - файл шаблона отвечает за вывод шапки сайта.

- файл page.php - файл, который отображает структуру страницы.

- файл comments.php - шаблон для отображения комментариев на страницах.

- файл footer.php - отвечает за отображение подвала сайта;

- файл index.php - отвечает за вывод главной страницы WORDPRESS, обратите внимание: главная страница может быть, как динамичной так и статичной, это нужно учитывать при верстке шаблона;

- файл.htaccess - содержит настройки для web-сервера Apache, который обеспечивает нормальную работу хостинга. Если данный файл отсутствует или неработоспособен, то становится невозможным переход по ссылкам записей на блоге, при этом выдается код 404 «Страница не найдена»;

- в папке wp-admin содержатся файлы, предназначенные для административной панели;

- в папке wp-includes хранятся служебные файлы системы;

- в папке wp-content - содержится данные о плагинах, расширениях, а также темах, используемых в CMS Wordpress.

- в папке wp-snapshots содержатся резервные копии сайта.

3.3 Описание структуры и формата страниц

Сайт образовательного Интернет-ресурса состоит из нескольких страниц.

Главная страница сайта представлена в соответствии с рисунком 3.3.1.

Рисунок 3.3.1 - Главная страница

Главная страница содержит следующие элементы: - блок «Дисциплины»;

- блок «Ресурсы»;

- блок «Форум»;

- блок «Обратная связь»;

Блок «Дисциплины» содержит учебные материалы, по дисциплинам «Программные средства создания Internet-приложений», «Технологии разработки программного обеспечения», «Базы данных и системы управления базами данных». В качестве учебного материала выступают лекции, задания для лабораторных и практических занятий, видеоматериалы и задания для проверки знаний.

Страница с учебными материалами представлена в соответствии с рисунком 3.3.2

Рисунок 3.3.2 - Страница с учебным материалом

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

Рисунок 3.3.3 - Страница выбранного учебного материала

Страница «Ресурсы» представлена в соответствии с рисунком 3.3.4. На данной странице находятся ссылки на скачивание необходимого программного обеспечения.

Рисунок 3.3.4 - Страница «Ресурсы»

Страница «Обратная связь» представлена в соответствии с рисунком 3.3.5.

Рисунок 3.3.5 - Страница «Обратная связь»

На данной странице пользователи ресурса могут оставить свое сообщение администратору образовательного Интернет-портала.

Ссылка главного меню «Форум» открывает в новой вкладке браузера страницу http://mgeptk.bl.ee/forum/index.php, представленную в соответствии с рисунком 3.3.6

Рисунок 3.3.6 - Главная страница форума

3.4 Описание ограничений доступа к данным

Просматривать информацию Интернет-ресурса могут все пользователи. Регистрация на сайте не требуется.

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

Редактирование информации интернет-ресурса возможно только администратором в системе управления контентом, которая доступна по адресу http://mgeptk.bl.ee/wp-admin/. Для входа в нее необходимо указать логин и пароль.

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

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

3.5 Описание используемых библиотек и элементов управления

Используемые библиотеки сайта расположены на файловом сервере, работающем по протоколу FTP (File Transfer Protocol) с адресом ftp://mgeptk.bl.ee в папке «public_html».

Библиотека «database» содержит в себе необходимые функции для работы с базой данных.

Библиотека «date_time» служит для управления датой и временем на сайте.

Библиотека «exception» используется для обработки исключительных ситуаций и критических ошибок.

Библиотека «function_show_block» содержит функцию отображения блоков сайта.

Библиотека «function_show_content» содержит функцию отображения содержания страницы по текущему URL.

Библиотека «function_show_widget» служит для отображения виджетов.

Библиотека «function_service» сервисные функции

Библиотека «profiler» замеряет скорость загрузки страниц.

Библиотека «redirector» содержит функции перенаправления.

Библиотека «saveval» содержит реализацию системной функции saveval.

Библиотека «sort» используется для сортировки различных видов данных.

Библиотеки, а также движок форума расположены на этом же сервере в подпапке «forum» и представлены в соответствии с рисунком 3.5.1

Рисунок 3.5.1 - Используемые библиотеки

3.6 Описание используемых функций и процедур

После подтверждения набранного URL пользователем в адресной строке, браузер открывает файл с названием index. Данный файл выполняет следующие функции: - подсчет времени на полную загрузку страницы;

- загрузка библиотек и функций;

- формирование переменных;

- предварительный запуск модуля;

- подключение шаблона;

- вывод шаблона.

Для корректного и структурного отображения страниц использованы каркасы, реализованные средствами HTML и CSS.

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

Каркасы: - category;

- comment;

- functions;

- post.

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

Для обеспечения функционирования главного меню используется функция SHOWWIDGET с параметром «menu» равным 2. Благодаря этому, пункты главного меню можно изменять через панель управления контентом сайта. Данная функция располагается в файле widgets.php по адресу ftp://mgeptk.bl.ee/wp-includes/.

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

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

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

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

Таблица 4.1 - совместимость с браузерами

Браузер Совместимость

Google Chrome 30, 31, 32 beta Полная. Все функции работают должным образом.

Mozilla Firefox 26, 27 beta Полная. Все функции работают должным образом.

Opera 19, 20 Next Полная. Все функции работают должным образом.

Internet Explorer 6, 9, 10, 11 Полная. Все функции работают должным образом.

Comodo Dragon 29, 30 Полная. Все функции работают должным образом.

Apple Safari 5.1.9 Полная. Все функции работают должным образом.

Google Chrome 32 beta для Android Удовлетворительная. Используются стандартные шрифты.

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

При работе с вебсайтом, у пользователя отсутствует возможность каким-либо образом влиять на содержимое сайта, поэтому не может возникнуть никаких ошибок. Исключением является некорректный ввод пользователем URL-адреса, при этом будет предоставлено соответствующее сообщение: «Запрашиваемая страница не найдена. Попробуйте уточнить параметры поиска или используйте меню для нахождения страницы».

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

5. Применение

5.1 Назначение и область применения Web-приложения

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

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

Создания образовательного интернет-ресурса стимулирует учащихся к самостоятельному изучению различных дисциплин, предоставляет им необходимую информацию и ресурсы: ссылки на скачивание программных средств разработки вроде Borland C Builder, Borland Delphi, Microsoft Visual Studio и многих других.

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

5.2 Описание организации диалога с пользователем

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

Рисунок 5.2.1 - Диаграмма вариантов использования

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

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

Рисунок 5.2.2 - Диаграмма деятельности

5.3 Программно-аппаратное обеспечение сервера и клиента

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

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

В отличие от клиентского, серверное оборудование должно быть достаточно мощным и производительным для того, чтобы выдерживать возможные нагрузки. Одним из главных критериев к серверу является возможность обработки PHP скриптов версии не ниже 5.2. Не менее важным является наличие сервера MYSQL.

Управление Web-приложением осуществляется посредством навигационного меню, поэтому для полноценного функционирования программного продукта необходимо наличие манипулятора мышь.

Физическое размещение системы в целом и расположение ее отдельных подсистем представлено на диаграмме размещения в соответствии с рисунком 5.3.1.

Рисунок 5.3.1 - Диаграмма размещения

Технические характеристики компьютера, на котором проводилось тестирование: - материнская плата MSI Z68A-GD65 (G3);

- процессор Intel Core i5-2500K;

- оперативная память SAMSUNG DDR3 PC3-10600 4GB x2;

- видеокарта MSI GTX 570 Power Edition;

- твердотельный накопитель OZC Vertex 3.

5.4 Руководство пользователя

Для работы с Web-приложением необходим доступ к сети Интернет. Переход к сайту осуществляется после ввода в адресную строку бразуера URL-адрес http://mgeptk.bl.ee/, либо после перехода по этому адресу из другого ресурса. Процесс ввода URL сайта представлен в соответствии с рисунком 5.4.1.

Рисунок 5.4.1 - Процесс ввода URL сайта в адресной строке браузера

После ввода URL загружается главная страница вебсайта, представленная в соответствии с рисунком 5.4.1.

Рисунок 5.4.1 - Отображение главной страницы в окне браузера

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

Рисунок 5.4.2 - Выбор интересующего учебного материала

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

Рисунок 5.4.3 - Процесс отправки комментария

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

Рисунок 5.4.4 - Страница «Ресурсы»

Для связи с адинистратором предназначена соответствующая страница. Ссылка на нее доступна в главном меню вебсайта. После ввода имени, адреса электронной почты, текста и нажатия кнопки «Отправить» администратор ресурса получает уведомление о поступившем сообщнении в панели управления контентом, где может прочитать его и ответить на e-mail пользователя. Форма обратной связи представлена в соответствии с рисунком 5.4.5.

Рисунок 5.4.5 - Форма обратной связи

На каждой странице сайта присутствует виджет социальных сетей. Ни для кого не секрет, что современные люди проводят в них много времени. Виджет состоит из пяти элементов - всеми узнаваемых логотипов Вконтакте, Facebook, Одноклассники, Twitter и Google . При нажатии на любой из логотипов произойдет перенаправление в социальную сеть с предложением поделиться ссылкой на образовательный Интернет-ресурс. Предложение на примере социальной сети «Вконтакте» представлено в соответствии с рисунком 5.4.6.

Рисунок 5.4.6 - Отправка ссылки на образовательный ресурс в социальную сеть при помощи виджета

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

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

- принципы обучения;

- учебный материал (учебная информация);

- средства обучения.

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Лебедев А. Руководство Лебедев А. - Москва.: Издательство Студии Артемия Лебедева, 2011. - 452 с.

2. Спейнауэр С. Справочник Web-мастера. СПБ.: BHV, 1997. - 368 с.

3. Ратшиллер Т., Геркен Т. PHP4: разработка Web-приложений. - СПБ: Питер, 2001. - 384 с.

4. Томсон Л., Веллинг Л. Разработка Web-приложений на PHP и MYSQL. - К.: «ДИАСОФТ», 2001. - 672 с

5. Яргер Р., Риз Дж., Кинг Т. MYSQL и MSQL. Базы данных для небольших предприятий и Интернета. - СПБ: Символ-Плюс, 2000 - 560 с.

6. Орлов С.Д. Технологии разработки программного обеспечения. Учеб. пособие. 2-е изд. СПБ.: Питер, 2003. - 480 с.

7. ГОСТ 19.401-2000 ЕСПД Текст программы

8. ГОСТ 19.402-2000 ЕСПД Описание программы

9. ГОСТ 19.404-79 ЕСПД Пояснительная записка. Требования к содержанию и оформлению

10. ГОСТ 19.504-79 ЕСПД Руководство программиста. Требования к содержанию и оформлению

11. ГОСТ 19.505-79 ЕСПД Руководство оператора. Требования к содержанию и оформлению

12. ГОСТ 2.105-95 ЕСКД Общие требования к текстовым документам

13. ГОСТ 19.701-90 ЕСПД Схемы алгоритмов, программ, данных и систем. Условные обозначения и правила выполнения.