K005182 Дипломная работа Разработка сайта «рабочий кабинет студента»

3400 руб. 1890 руб.

В корзину

Содержание

ВВЕДЕНИЕ 3

1 ПОСТАНОВКА ЗАДАЧИ 4

1.1 Характеристика предметной области 4

1.2 Формулировка задачи 6

2 ИСПОЛЬЗУЕМЫЕ ЯЗЫКИ И ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ 8

2.1 HTML – язык гипертекстовой разметки 8

2.2 CSS – каскадные таблицы стилей 11

2.3 JavaScript – язык программирования 13

2.4 PHP – язык программирования 15

2.5 MySQL – система управления базами данных 17

3 АНАЛИЗ, ПРОЕКТИРОВАНИЕ И РЕАЛИЗАЦИЯ САЙТА 19

3.1 Разработка структуры сайта 19

3.2 Анализ ведущих интернет-сайтов России 22

3.3 Проектирование сайта 24

3.4 Этапы создания сайта 27

3.5 Описание структуры хранения данных 29

3.6 Классификация пользователей проекта 35

4 ОПИСАНИЕ РАЗРАБОТАННОГО ПРИЛОЖЕНИЯ 37

4.1 Описание интерфейса пользователя 37

4.2 Описание интерфейса администратора 42

ЗАКЛЮЧЕНИЕ 46

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

ПРИЛОЖЕНИЕ А «Листинг программы» 48

ВВЕДЕНИЕ

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

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

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

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

1 ПОСТАНОВКА ЗАДАЧИ

1.1 Характеристика предметной области

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

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

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

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

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

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

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

1.2 Формулировка задачи

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

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

Основания для разработки

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

Назначение разработки

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

Перечень требований пользователя к программному изделию

Модуль должен удовлетворять следующим требованиям пользователя:

 подключение к базе данных;

 возможность получения данных из таблиц базы данных;

 возможность вносить информацию в базу данных;

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

В приложении должен быть приведен листинг исходных текстов программного изделия.

Информационная совместимость

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

Программные ограничения, совместимость

База данных для модуля должна быть написана с помощью системы управления базами данных MySQL, работать под управлением операционной систем Windows 10/8/7/ XP/Vista.

Требования к составу и параметрам технических средств (аппаратные ограничения)

Для работы с программным изделием требуется:

 процессор, аналогичный Intel Celeron 900;

 оперативная память объемом 512 Мб;

 накопитель на жестком диске с объемом 1 Гб;

 видеоадаптер SVGA с цветным дисплеем;

 клавиатура и манипулятор типа «мышь». Выполнение разработки должно включать две стадии:

 проектирование;

 реализация.

2 ИСПОЛЬЗУЕМЫЕ ЯЗЫКИ И ПРОГРАММНОЕ

ОБЕСПЕЧЕНИЕ

2.1 HTML – язык гипертекстовой разметки

Датой рождения веб-дизайна принято считать год, когда был придуман язык HTML (Hypertext Markup Language). HTML – язык разметки веб-документа. Говоря проще, он заведует тем, "что куда поставить и в какой цвет покрасить" в отображаемом браузером документе. Никакой выполняемой программы на нем написать нельзя.

Этот язык придумал британский ученый Тим Вернере-Ли, и произошло это знаменательное событие примерно в 1991-1992 годах. Цель создания языка HTML (как и практически всего, что было связано с Интернетом в те далекие годы) - сугубо практическая и научная: это должен был быть язык, предназначенный для обмена научной и технической документацией.

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

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

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

Первую задачу решили за счет выбора теговой модели описания документа. Данная модель применяема в системах подготовки различных документов для печати. Примером подобной системы является язык разметки научных документов TeX, которая была предложена Американским Математическим Обществом.

До создания языка HTML был известен стандарт языка разметки для печатных документов – Standard Generalised Markup Language, который оказался в качестве основы HTML. Еще одним немаловажным моментом, который повлиял на судьбу HTML, избранный в качестве компонента гипертекстовой базы данных текстового файла, который сохранялся с помощью средств файловой системы операционной среды электронно-вычислительной машины. Существует несколько факторов, которые повлияли на этот выбор:

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

– к моменту разработки HTML был в наличии американский стандарт для разработки сетевых ИС (информационных систем) – Z39.50, где в

качестве единицы хранения указывался простой текстовый файл в кодировке LATIN1, что соответствует US ASCII.

Получается, что гипертекстовая БД (база данных) в концепции WWW – это совокупность текстовых файлов, которые написаны на языке HTML, что устанавливает структуру связей файлов (гипертекстовые ссылки) и форму представления информации (разметка). Как правило, база данных WWW довольно сложная вещь. Она может хранить в себе и программы, которые написаны согласно спецификации CGI (Common Gateway Interface), и данные обычных баз данных, которые находятся под управлением СУБД, доступ к которым осуществляется через программы-шлюзы, а также Java-applet-ы, графику и еще многое другое. Для большего понимания HTML можно сказать, что БД WWW – это документы, которые размечены HTML.

Еще одна компонента этой технологии является интерпретатора языка. Функции интерпретатора в World Wide Web разделены между сервером гипертекстовой базы данных и интерфейсом пользователя.

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

Правила построения и интерпретации HTML

Теговая модель определяет документ как некую совокупность элементов, каждый из которых окружен тегами. Теги, по своему значению, близки к представлению скобок «begin/end» в универсальных языках программирования, которые задают области действия имен локальных переменных, а именно динамику распределения памяти блока. Теги определяют область действия неких правил интерпретации текстовых элементов документа. Контейнерами принято называть элементы документа, которые размечены с помощью HTML.

В данном виде может быть записана схема расположения элемента текста в формате HTML:

"элемент":= <"имя элемента" "список атрибутов">, сущность элемента ,

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

Структура гипертекстовой сети задается гипертекстовыми ссылками. Гипертекстовая ссылка – это адрес другого HTML документа, который тематически, логически или каким-либо другим способом связан с документом, в котором ссылка определена. Для записи гипертекстовых ссылок в системе WWW была разработана форма, которая называется

Universe Resource Locator.

В HTML они (гипертекстовые ссылки) делятся на два класса. Бывают контекстные ссылки и общие. Контекстные ссылки как-бы вмонтированы в тело документа, в то же время, когда общие ссылки связаны со всем документом в целом и при просмотре любого фрагмента документа могут быть использованы. Оба класса ссылок существуют в стандарте языка с самого основания, однако, приоритетной популярностью по началу пользовались именно контекстные ссылки. Эта привело к «атрофированию» механизма задействования общих ссылок. Но по мере стандартизации интерфейса пользователя и стилей представления информации, разработчики языка вновь вернулись к общим ссылкам для приспособления их к задачам управления этим интерфейсом.

Структура HTML документа дает возможность использовать вложенные друг в друга элементы. Можно сказать, что сам документ и является одним большим элементом с именем «HTML».

Новая версия языка гипертекстовой разметки, потенциальные возможности которого гораздо превышают предшественника – это HTML 5. Новые теги и новая семантика упрощают работу написания приложения.

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

2.2 CSS – каскадные таблицы стилей

CSS (англ. Cascading Style Sheets – каскадные таблицы стилей) – язык отображения внешнего вида документа, прописанного с использованием языка разметки.

Предпочтительно прилагается как средство отображения, оформления внешнего вида веб-страниц, написанных с использованием языков разметки HTML и XHTML, также применим к любым XML-документам, например, к SVG или XUL.

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

Приемы подключения CSS к документу

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

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

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

– когда таблица стилей описана в самом документе, она может располагаться в нём среди тегов ;

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

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

Правила построения CSS

В первых трёх случаях подключения таблицы CSS к документу каждое правило CSS из таблицы стилей имеет две основные части – селектор и блок объявлений. Селектор, находящийся в левой части правила, устанавливает, на какие части документа распространяется правило. Блок объявлений находится в правой части правила. Он входит в фигурные скобки, и состоит из одного или более объявлений, разделённых знаком «;». Каждое объявление представляет собой комбинацию свойства CSS и значения, разделённых знаком ":". Селекторы могут группироваться в одной строке через запятую. Свойство применяется к каждому из них.

2.3 JavaScript – язык программирования

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

Netscape и Sun Microsystems на базе языка программирования Sun's Java. На сегодня есть несколько версий JavaScript. Одной из наиболее распространенных является версия JavaScript 1.3. С помощью JavaScript на HTML-странице можно сделать то, что невозможно с помощью стандартных тегов HTML.

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

Выполнение программы JavaScript происходит при просмотре HTML-страницы в браузере только в том случае, когда браузер содержит интерпретатор JavaScript. Практически все современные популярные браузеры оснащены таким интерпретатором. Отметим, что, кроме JavaScript на HTML-страницах можно использовать другие языки программирования. Например, VBScript или JScript, которая является вариантом JavaScript от фирмы Microsoft. Но выполнение программ VBScript и JScript гарантированно корректно только при просмотре HTML-страницы с помощью браузера Microsoft Internet Explorer. Поэтому в большинстве случаев использование JavaScript целесообразнее, хотя функциональность программ VBScript и JScript несколько лучше.

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

Скрипт может быть связан с HTML-страницей двумя способами:

 С помощью парного тега SCRIPT;

 Как обработчик события, касается конкретного тега HTML. Сценарий, встроенный в HTML-страницу с использованием тега

SCRIPT, имеет следующий формат: