Министерство транспорта Российской Федерации

Федеральное агентство железнодорожного транспорта

Федеральное государственное бюджетное образовательное учреждение

высшего образования

«Дальневосточный государственный университет путей сообщения»

Кафедра «Вычислительная техника и компьютерная графика»

К ЗАЩИТЕ ДОПУСТИТЬ

Заведующий кафедрой

____Ю.В. Пономарчук

«____»________20___г.

WEB-САЙТ ДЛЯ ИНСТИТУТА МЕЖДУНАРОДНОГО СОТРУДНИЧЕСТВА ДАЛЬНЕВОСТОЧНОГО ГОСУДАРСТВЕННОГО УНИВЕРСИТЕТА ПУТЕЙ СООБЩЕНИЯ

Выпускная квалификационная работа

ВКР 09.03.01.ИВТ.07.00.943 – ПЗ

Студент 943 гр.­­­______________________________________Е.Д. Ким

Руководитель

к.т.н., доцент _______________________________________А.А. Панченко

Нормоконтроль

к.т.н., доцент _______________________________________Е.В. Буняева

Хабаровск 2016

Содержани

Введение 3

1 Обзор и анализ сайтов образовательных учреждений 5

1.1 Виды web -сайтов образовательных учреждений 7

1.2 Характеристика типового web–сайта, его роль в работе 8

образовательного учреждения 9

1.3 Функционал сайта и инструменты для разработки 12

1.3.1 Язык гипертекстовой разметки и каскадные таблицы стилей 12

1.3.2 Язык программирования JavaScript и технология jQuery 13

1.3.3 Серверный язык PHP 13

1.3.4 Система управления базами данных MySQL 14

2 Проектирование функционала сайта 16

2.1 Особенности проектирования web-сайтов 17

2.2 Разработка дизайна сайта 24

2.3 Верстка макета сайта 28

2.4 Придание динамики сайту 31

2.5 Разработка базы данных 34

2.5.1 Нормализация базы данных 34

2.5.2 Реализация базы данных в СУБД MySQL 34

2.6 Разработка серверной части 35

2.6.1 Принцип действия 35

2.6.2 Работа с базами данных 36

3 Реализация Web-сайта по техническому заданию 40

3.1 Дизайн страниц 41

3.2 Верстка страниц 44

3.3 Реализация динамики сайта 51

3.4 Создание базы данных 54

3.4.1 Нормализация отношений 54

3.4.2 Реализация базы данных в phpMyAdmin 56

3.5 Реализация серверной части 58

3.5.1 Реализация ядра системы 58

3.5.2 Реализация работы с базой данных 61

3.5.3 Авторизация и защита 65

4 Технико-экономическое обоснование 67

4.1 Затраты, связанные с проектом 68

4.2 Рентабельность проекта 71

Заключение 72

Список использованных источников 73

Введение

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

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

– университеты;

– училища;

– школы;

– различные структурные и учебные подразделения.

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

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

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

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

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

Кроме того, разработка данного web-приложения позволит:

– увеличить аудиторию института;

– автоматизировать некоторые процессы, связанные с взаимодействием с базой данных;

– сформировать положительный имидж института;

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

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

Для достижения поставленной цели необходимо решить ряд задач:

– выполнить обзор сайтов образовательных учреждений, проанализировать их;

– выполнить обзор инструментов и технологий разработки сайтов;

– спроектировать систему;

– реализовать систему с помощью выбранных инструментов.

1 Обзор и анализ сайтов образовательных учреждений

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

Как следствие, передача и получение информации с помощью сети Интернет стали самым массовым применением персональных компьютеров.

Для поиска информации во всемирной сети используются информационно-поисковые системы. Наиболее известные из них: Google, Yandex, Nigma.

Поиск информации в сети Интернет этими системами производится по определенным запросам, а результатом поиска в свою очередь являются перечни названия и адресов web-страниц, которые отвечают заданным запросам.

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

Основой современной информационной компьютерной индустрии и сети Интернет является всемирная распределенная сеть электронных библиотек WWW – World Wide Web. Для навигации в WWW используются специальные программы – web-браузеры, которые отвечают за отображение web-страниц и работу клиентских скриптов [2].

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

– текст;

– графические изображения;

– видео;

– аудио;

– апплеты;

– базы данных;

– веб-службы и прочее.

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

Совокупность web-страниц, объединенных общей тематикой и целью называется сайтом или web-сайтом [3].

Во всемирной сети существует множество типов сайтов, имеющие различные тематики:

– блоги;

– электронные библиотеки;

– интернет-магазины;

– новостные сайты;

– сервисы электронной почты;

– сайты частных объявлений;

– сайты организаций;

– хостинги видео и изображений;

– социальные сети;

– торрент-трекеры и прочее.

Сайт учебного подразделения, а именно, Института международного сотрудничества (ИМС) ДВГУПС можно отнести к типу сайтов организаций. Как и все остальные сайты, сайт ИМС так же имеет конкретные задачи.

1.1 Виды web-сайтов образовательных учреждений

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

Можно выделить несколько видов образовательных сайтов:

– сайты учебных заведений;

– сайты научных исследований;

– сайты справочного характера;

– сайты соревновательных и информационных Интернет-проектов;

– сайты дистанционного образования;

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

– образовательные порталы.

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

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

1.2 Характеристика типового web-сайта, его роль в работе

образовательного учреждения

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

Официальный сайт обычно имеет следующие разделы:

– Новостная информация;

– Нормативные документы, положения;

– Направления деятельности;

– Структура учреждения;

– Кадровый состав;

– Контактная информация (список ответственных лиц, их должности, координаты и часы приема).

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

Среди функций таких сайтов можно выделить:

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

– воспитательная функция (отражает основные направления воспитательной работы, осуществляемой в образовательном учреждении);

– информационная функция (отражает ежедневную жизнь института: события, участие в конкурсах, проектах, результаты деятельности, внеучебные мероприятия, расписание и т.д.);

– коммуникативная функция (организует общение студентов, абитуриентов, их родителей и администрации института: возможность задавать вопросы и обмениваться информацией);

– инвестиционная функция (способствует привлечению спонсоров, включая выпускников института).

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

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

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

К основным характеристикам образовательных сайтов относятся:

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

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

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

Сайт Института международного сотрудничества должен решать следующие задачи:

– обеспечение открытости деятельности ИМС, а также освещение деятельности института деятельности в сети Интернет;

– оперативное и объективное информирование участников образовательного процесса о деятельности института;

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

– привлечение абитуриентов и потенциальных абитуриентов (информирование учащихся школ о деятельности ИМС);

– создание условий для взаимодействия участников образовательного процесса: абитуриентов, учащихся и их родителей.

1.3 Функционал сайта и инструменты для разработки

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

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

– новостная лента;

– фотоальбом;

– ссылки на внешние образовательные ресурсы;

– форма обратной связи.

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

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

– язык разметки HTML и каскадные таблицы стилей CSS;

– язык программирования JavaScript для программирования клиентской части сайта;