XI Международная студенческая научная конференция Студенческий научный форум - 2019

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

В наше время сайты стали неотъемлемой частью большинства людей, ведь именно в сети мы проводим немало времени. Название веб-сайт состоит из двух частей: веб- означает паутина или сеть, сайт- место. То есть веб-сайт – это место во всемирной паутине, где собрана различная информация. Для управления контентом сайтов могут использоваться разные системы управления сайтом.

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

Данная работа посвящена разработке web-приложения для получения образовательных услуг в ТГМПИ им. С.В. Рахманинова. Цель проектирования заключается в создании web-приложения, которое поможет абитуриентам, студентам ТГМПИ им. С.В.Рахманинова, обычным пользователям получить информацию о поступлении, учебниках, расписании и другой образовательной информации.

Для достижения поставленной цели необходимо выполнить следующие задачи:

-выбрать средства разработки проекта;

-разработать структуру web-приложения;

-разработать интерфейс;

-провести тестирование;

-провести отладку web-приложения.

Структура Web-приложения представлена на рисунке 1.

Рисунок 1 – Структура web-приложения

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

Страница Абитуриентам содержит подразделы: о специальности, поступление, приёмная комиссия, задать вопрос. Здесь находится актуальная информация для поступающих в ТГМПИ им. С.В.Рахманинова по специальности Музыкально-инструментальное искусство в 2018 году.

Страница О специальности включает в себя описание специальностей для поступающих.

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

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

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

На странице Учебный процесс размещены материалы для учебы, перечень контрольных работ.

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

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

Чтобы узнать расписание сессии и занятий, нужно перейти по ссылке Расписание занятий. Предусмотрен поиск по контенту сайта. Чтобы найти слово быстрее, введите его в строке поиска.

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

Web-приложение состоит из модулей Администратор и Пользователь. Модуль Пользователь включает следующие функции: просмотр страниц; обратная связь; просмотр новостей; поиск по сайту. Главная страница сайта представлена на рисунке 2.

Рисунок 2 – Главная страница сайта

Взаимодействие с обратной связью осуществляется из вкладки Задать вопрос, рисунок 3.

Рисунок 3 – Страница Задать вопрос

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

Рисунок 4 – Страница администратора

Форма для добавления или редактирования статьи представлена на рисунке 5.

Рисунок 5 – Добавление или редактирование новости для сайта

Разработанное web-приложение использует технологии web-программирования, языки HTML, CSS, Java Script, JQuery, PHP, MySQL.

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

Программная реализация системы авторизации.

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

protected function obr() {

$login=strip_tags(mysqli_real_escape_string(mysqli_connect(HOST,USER,PASSWORD,DB),$_POST['login']));

$password=strip_tags(mysqli_real_escape_string(mysqli_connect(HOST,USER,PASSWORD,DB),$_POST['password']));

if(!empty($login) AND !empty($password)) {

$password=md5($password);

$query="SELECT id FROM users WHERE login='$login' and password='$password'";

$result=mysqli_query(mysqli_connect(HOST,USER,PASSWORD,DB),$query);

if(!$result) {

exit(mysqli_error);

}

if(mysqli_num_rows($result)==1) {

$_SESSION['user']=TRUE;

header("Location:?option=admin");

exit();

} else {exit("Такого пользователя нет");}else {exit("Заполните обязательные поля");}}

Выходными данными программы являются страницы сайта, отображающие информацию из БД и из файлов *.pdf, HTML файлов.

Создание интерфейса, разработка системы меню

Фрагмент программного кода для отображения меню на сайте:

<body>

<div id="container">

<i> Музыка — самое безмолвное искусство. </i>

<br> П. Реверди

<div id="header">

<div id="finevision_banner" onclick="finevision.activate_navbar()" style="cursor: pointer; z-index: 9999; background: rgb(255, 255, 255); border: 2px solid rgb(0, 0, 0); float: left; position: fixed; top: 0px; left: 0px; right: auto;">

<img width="99" src="https://finevision.ru/static/banner2.jpg">

<script src="https://finevision.ru/static/js/finevision_banner.js"></script></div>

</div>

<div id="navigation"> <ul class="topmenu">

<li class="lul" ><a href= "index.php" title="Главнаястраница" > Главная </a></li>

<li class="lul1">

<a href= "abitur.php" title="Абитуриентам"> Абитуриентам <ul class = "second">

<li><a href = "special.php">Оспециальности</a></li>

<li><a href = "postup.php">Поступление</a></li>

<li><a href = "priyom_kom.php">Приёмнаякомиссия</a></li>

<li><a href = "obr_svyaz.php">Задатьвопрос</a></li>

</ul> </a></li>

…

<input name="s" class="place_for_search" type="text" id="text-to-find" value="" placeholder="Искатьздесь..." autofocus >

<input name="bsearch" class="button_for_turn_back" type="button" onclick="javascript: FindOnPage('text-to-find',false);

return false;" value=" " title="Отменитьпоиск">

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

В процессе проектирования были решены следующие вопросы:

выполнено предварительное проектирование;

выполнено конструирование и разработан интерфейс web-приложения;

выполнено программирование и отладка программных модулей web-приложения.

Web-приложение для получения образовательных услуг используется студентами ТГМПИ им.С.В.Рахманинова, абитуриентами, а также обычными пользователями, которым интересна жизнь института.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

Баженова И.Ю. SQL и процедурно-ориентированные языки [Электронный ресурс] / И.Ю. Баженова. — 2-е изд. — Электрон. текстовые данные. — М. : Интернет-Университет Информационных Технологий (ИНТУИТ), 2016. — 166 c. — 5-94774-539-9. — Режим доступа: [http://www.iprbookshop.ru/57532.html]

Савельева Н.В. Основы программирования на РНР. Курс лекций [Электронный ресурс] : учебное пособие для студентов вузов, обучающихся по специальностям в области информационных технологий / Н.В. Савельева. — Электрон. текстовые данные. — Москва, Саратов: Интернет-Университет Информационных Технологий (ИНТУИТ), Вузовское образование, 2017. — 264 c. — 978-5-4487-0085-9. — Режим доступа: [http://www.iprbookshop.ru/67381.html]

Джошуа Блох Java. Эффективное программирование [Электронный ресурс] / Блох Джошуа. — Электрон. текстовые данные. — Саратов: Профобразование, 2017. — 310 c. — 978-5-4488-0127-3. — Режим доступа: [http://www.iprbookshop.ru/64057.html]

Код для цитирования: Скопировать