Разработка личного кабинета преподавателя - Программирование, компьютеры и кибернетика дипломная работа

Главная

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

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


посмотреть текст работы


скачать работу можно здесь


полная информация о работе


весь список подобных работ


Нужна помощь с учёбой? Наши эксперты готовы помочь!
Нажимая на кнопку, вы соглашаетесь с
политикой обработки персональных данных

Студенты, аспиранты, молодые ученые, использующие базу знаний в своей учебе и работе, будут вам очень благодарны.
Размещено на http://www.allbest.ru/
В современное время человечество стоит на пороге глобальной информатизации общества. Благодаря стремительному развитию средств информационных и коммуникационных технологий возникает новая, информационная среда обитания и жизнедеятельности, формируется постиндустриальное, информационное общество. Именно поэтому возникает потребность использования компьютера в традиционном образовании.
Если рассмотреть основные направления применения компьютеров в образовании, то можно выделить:
1. административно-управленческое направление - характеризующее применение компьютеров для оптимизации управленческих процессов, автоматизации основных функций: планирования, организации, контроля;
2. улучшение характеристик учебного процесса - характеризуется использованием компьютеров для повышения качества процесса обучения;
3. научно-исследовательское направление - характеризуется использованием компьютера для организации обмена научно-исследовательской информацией;
4. дистанционное обучение - обучение на расстоянии.
В качестве области изучения дипломного проекта было выбрано административно-управленческое направление применения компьютеров в образовании, а именно использование компьютера в создании личного кабинета преподавателя.
В качестве основных возможностей web-приложение позволяет:
1. сохранять личную информацию о преподавателе;
2. хранение научных званий и степени преподавателей;
3. ведение контроля успеваемости группы;
5. обмен сообщениями между пользователями;
7. поддержка административной части приложения для управления всеми данными системы.
Таким образом, мое веб-приложение будет отличаться от аналогов своей простотой и набором функционала, который сильно поможет в образовательном процессе.
1. Анализ существующих технических решений.
Обзор существующих систем поможет выявить достоинства и недостатки аналогичных веб-приложений и поможет в проектировании разрабатываемого приложения.
2. Максимально удобный и простой интерфейс.
Так как планируется, что приложением будут пользоваться люди различных возрастных категорий, то необходимо сделать интерфейс максимально простым и интуитивно понятным. Это так же будет преимуществом перед другими аналогичными системами.
В последние годы большая часть всего трафика приходится на мобильные устройства. Это говорит о том, что пользователи предпочитают выходить в интернет со своего мобильного устройства или планшета. Так же исследователи прогнозируют, что мобильный трафик будет только расти. Исходя из этого, следует сделать веб-приложение адаптированным под мобильные устройства. Это обеспечит более удобный доступ, если преподавателю или студенту понадобилось воспользоваться приложение, например, в метро.
В системе будет три группы пользователей: администратор, преподаватель, студент. Для каждой группы будет разработан свой функционал. Таким образом, пользовательский интерфейс будет меняться в зависимости от того, к какой группе относится авторизированный пользователь.
Рисунок 1 . " Magellan " Личный кабинет сотрудника
Следующим аналогом можно назвать систему НГТУ «Личный кабинет сотрудника». Внешний вид представлен на рисунке 2.
Рисунок 2 . Личный кабинет сотрудника НГТУ
Плюс данной системы состоит в том, что тут есть возможность обмениваться сообщениями со студентами. Также тут есть электронная библиотека, электронный журнал и возможность преподавателю публиковать свои работы.
К минусам данной системы я бы отнес ее закрытость. Система доступна только студентам и сотрудникам НГТУ. Так же интерфейс не удобен и не адаптивен.
Следующая система, показанная на рисунке 3, разработана для ГУАП.
Достоинством данной системы является полноценный личный кабинет преподавателя, где пользователь может оставить всю информацию о себе, разместить свои объявления, публикации.
К недостаткам я бы отнес отсутствие возможности обмениваться сообщениями, а также вести электронный журнал. Также нет расписания.
Таким образом, проведя анализ близких по функционалу систем, можно выявить для себя все необходимые задачи. Мой проект будет содержать в себе все достоинства аналогов. Всё это будет совмещено с простым и удобным интерфейсом, а также адаптивным дизайном.
Рисунок 3 . Личный кабинет сотрудника ГУАП
В этом разделе я расскажу о разработке веб-приложения, о его структуре и требованиях к хостингу, чтобы моя система могла работать во всемирной паутине.
После анализирования аналогичных систем и постановки задач необходимо определиться со структурой веб-приложения. Структура определяет интерфейс приложения, а также показывает взаимосвязь между элементами проекта.
Так как в системе будет три группы пользователей с разным функционалом, то и структура будет разной. На рисунке 4 продемонстрирована структура проекта.
Больше всего страниц будет в группе «администратор», но эта группа нужна только для настройки системы для групп «преподаватель» и «студент».
Макет веб-приложения (см. рис. 5) будет достаточно прост, но будет отличаться от уже привычного всем расположения элементов. Шапка (header) и подвал (footer) будут располагаться в панели меню слева от основного содержимого сайта.
Данное расположение очень удобно, так как очень большое поле отводится под содержимое, а все элементы управления сайтом расположены в одном месте.
Рисунок 5 . Расположение элементов приложения
Моя база данных состоит из 25 таблиц. Схема продемонстрирована на рисунке 6.
Три таблицы созданы для хранения информации о пользователях.
В каждой из этих таблиц есть идентификаторы пользователя, по которым и производится выборка определенных данных в приложении.
Для раздела «Тестирование» я использую 4 таблицы.
В первой таблице этого списка хранятся все основные сведения о тестах. Именно из таблицы m_data_test формируется список на странице «тестирование» для группы «преподаватель». Так как при добавлении теста в базу данных записывается идентификатор пользователя, который создал тест, то и выводится список выборочно. То есть, если у пользователя, который хочет посмотреть список всех тестов, идентификатор равен 2, то и в списке будут только те тесты, которые имеют такой же идентификатор пользователя в поле id_teacher. Все вопросы, а также варианты ответов добавляются в таблицу m_data_quest с определенным id теста. Так же в таблице есть поле, которое содержат в себе цифру верного ответа.
Для предметов я использую 3 таблицы:
Каждая таблица состоит из двух полей: id и name. В таблице m_data_lesson хранятся наименования дисциплин. В m_data_lesson_type - тип предметов (лекция, семинар, лабораторная работа). Сведения о том, когда будет проводиться занятие по предмету содержаться в последней таблице списка m_data_feature. В поле name хранятся особенности предмета, то есть когда он будет проходить: каждый день, по четным неделям или по нечетным неделям. Эта таблица помогает в составлении расписания.
Остальные таблицы отвечают за хранение отдельных данных.
Как показывает статистика [6], разработчики чаще всего не используют никаких фреймворков, а если используют, то самый популярный среди них это Twitter Bootstrap.
Таким образом, я рассмотрел наиболее популярные адаптивные фреймворки для front-end разработки. У меня достаточно маленький проект с точки зрения клиентской части, поэтому нет смысла брать такого гиганта как Foundation. Но все задуманное очень легко реализовать на Twitter Bootstrap, к тому же я уже часто с ним сталкивался, когда разрабатывал проекты. Поэтому я выбираю Twitter Bootstrap.
Перед тем как приступить к описанию разработки проекта я хочу описать всю файловую структуру сайта. Она продемонстрирована на рисунке 8. В корне сайта располагаются папки, которые содержат в себе подключаемые файлы, основное ядро сайта, файл с подключением к базе данных и все функции, на которых работает данная система.
Папка system содержит в себе основное ядро сайта. Под ядром я подразумеваю основные функции, которые отвечают за сессии, подключение контроллеров, функции для работы с базой данных и так далее. Структура папки показана на рисунке 10.
Рисунок 8 . Файловая структура в корне сайта
В папке assets располагаются все подключаемые файлы, которые составляют клиентскую часть приложения. Структура папки представлена на рисунке 9.
В папку uploads загружаются все публикации преподавателей. Все они сохраняются в папке, название которой id пользователя. Ссылки на файлы хранятся в базе данных.
В папке user (см. рис. 11) расположены все файлы, отвечающие за мое веб-приложение.
В папке views расположены файлы, отвечающие за внешний вид, то есть коды HTML. В папке config находится файл с подключением и настройками базы данных. В папке controller расположены основные функции сайта, которые отвечают за серверную часть проекта.
Как и для любого веб-сайта, разработку следует начинать с верстки шаблона. Верстка любого макета начинается с языка HTML. После этого мы визуализируем шаблон с помощью каскадных таблиц стилей CSS.
Самая первая страница, представленная на рисунке 12, которую увидит пользователь, будет страница авторизации в системе. Предполагается, что логин и пароль «администратора» будет выдаваться новому администратору, после того как он обратиться к владельцу для получения веб-приложения или после того как зарегистрируется на сайте и скачает архив с системой.
Код формы авторизации представлен ниже:
Сама форма заключена в два блока, с помощью которых задается задний фон и анимация. Фон задается с помощью класса login-background в CSS.
Задав стилизацию для заднего фона, нужно расположить форму по центру страницы, делается это с помощью следующего кода.
После этого необходимо красиво оформить поля ввода и кнопку.
После авторизации на главной странице всех групп будет отображаться календарь (см. рис. 1). Для групп «преподаватель» и «студент» в календаре будут отмечаться числа, на которые запланирован тест.
Далее рассмотрим функциональность для группы «администратор». На странице «уровни пользователей» (см. рис. 14) выводятся все группы пользователей, для которых можно устанавливать уровни доступа. В начале их будет три: главный администратор, преподаватель, студент. Максимальный уровень доступа 100, минимальный 0.
Рисунок 14 . Страница "Уровни пользователей"
На странице «доступ для редактирования» настраивается доступ для редактирования таблиц баз данных. Открыть или закрыть доступ к редактированию можно, добавив таблицу и группу пользователя в список. Это можно сделать, нажав на кнопку «Назначить доступ» и выбрать все необходимое из выпадающих списков. Страница показана на рисунке 15.
Рисунок 15 . Страница "Доступ для редактирования"
Добавление групп учащихся происходит на одноименной странице, которая представлена на рисунке 16, после нажатия кнопки «добавить группу». Все добавленные группы будут отображены в списке, который выводится из одноименной таблице базы данных. При добавлении группы, в появившемся модальном окне нужно указать наименование группы, год начала обучения и год окончания обучения.
На странице «студенты» (см. рис. 17) администратор добавляет студентов в группы. В процессе он заполняет поля: имя, фамилия, отчество, e-mail и пароль, а также выбирает группу из выпадающего списка. Все студенты отображаются в списке на странице, который формируется из одноименной таблицы базы данных.
Преподаватели добавляются аналогичным образом, как и студенты. Только преподаватель не привязывается к какой-либо определенной группе. Все записи хранятся в таблице в базе данных и выводятся списком на страницу. Страница продемонстрирована на рисунке 18.
Рисунок 18 . Страница "Преподаватель"
Предметы добавляются на странице «предметы» (см. рис. 19). Чтобы это сделать, нужно просто нажать на кнопку и написать название предмета. Запись автоматически добавится в список и в таблицу базы данных.
На странице «настройка расписания» (см. рис. 20) можно настроить время начала и окончания пар. Эти настройки будут влиять на расписание студентов и преподавателей. Чтобы отредактировать поле необходимо два раза щелкнуть мышкой по пиктограмме карандаша.
Система обмена сообщениями для всех групп одинаковая. Чтобы написать новое сообщение, необходимо выбрать адресат из предыдущих или начать диалог с новым контактом, нажав на соответствующую кнопку «Написать сообщение». Выбрав адресат, появится поле диалога, где будут отображены все сообщения. Написать новое сообщение можно в поле над диалогом. Нажав на кнопку отправить, сообщение моментально отправится адресату. У получателя появится цифра в пункте меню «сообщения», говорящая о том, сколько непрочитанных сообщений ждут его внимания. Пример продемонстрирован на рисунке 21.
Рисунок 20 .Страница "Настройка расписания"
Самые основные настройки производятся на странице «Семестры» (см. рис. 22). Здесь формируется электронный журнал. На этой странице добавляется учебный период (см. рисунок 23), год начала и год окончания учебного периода, группа, для которой добавляется период, дисциплина, преподаватель, который ведет предмет в этом учебном периоде по выбранному предмету, дата начала и дата окончания семестра, вид экзамена (зачет или экзамен) и начало и окончание сессии. Все это влияет на электронный журнал, который создается для группы на определенный учебный период.
Рисунок 23 .Страница "Семестры", добавление семестра
Чтобы составить расписание необходимо нажать на пиктограмму карандаша у определенного семестра. После этого открывается журнал для этого семестра, для определенной группы по определенному предмету. Нажав на кнопку «добавить», можно создать новое занятие, которое будет отображаться в расписании и в журнале. Пример проиллюстрирован на рисунках 24 и 25.
Рисунок 24 . Страница "Редактирование журнала"
Рисунок 25 . Добавление нового занятия в расписание
Чтобы выйти из аккаунта, необходимо нажать на кнопку «выход», которая располагается на последнем месте в главном меню.
Только что была рассмотрена структура проекта для группы «администратор». Как можно заметить, все необходимые настройки будут выполняться именно отсюда.
Рисунок 27 . Страница "Публикации", вкладка "Добавление публикаций"
На странице «расписание» преподаватель может посмотреть свое расписание на всю неделю. Также над таблицей располагается подсказка, говорящая о том, какая неделя сейчас идет, четная или нечетная.
Электронный журнал будет располагаться на странице «контроль успеваемости» (см. рис. 28). На странице выводится список всех электронных журналов преподавателя для каждой группы, который создается администратором на странице «семестры». Чтобы отредактировать какой-либо журнал, необходимо нажать на пиктограмму карандаша. После этого открывается журнал для всей группы (см. рис. 29). Преподаватель может проставить оценки или указать причину пропуска занятия. Система будет построена так, что должны быть заполнены все поля оценок студента, так как в конце будет автоматически посчитана средняя арифметическая оценка - накопленная. Также в журнале указываются числа текущей недели, а также подсказка четной или нечетной недели. Числа по тому или иному предмету формируются из составленного расписания.
Рисунок 28 . Страница "Контроль успеваемости"
Рисунок 29 . Страница "Контроль успеваемости", редактирование журнала
Далее идет страница «сообщения», но она была подробно описана для группы «администратор». Во всех группах функционал идентичен.
Создавать и проверять тесты можно на странице «тестирование». На этой странице выводится список всех тесов, которые прошли и которые запланированы на будущее. Таблица со списком будет содержать информацию о каждом тесте, то есть будут выводиться данные о количестве вопросов в тесте, статус теста, завершен он или в режиме ожидания, а также дата и время, на которую тест назначен и дата создания теста. Статус будет изменяться автоматически, после того, как пройдет дата тестирования. Страница продемонстрирована на рисунке 30.
На странице есть система вкладок. Перейдя по вкладке «добавить тест», появится форма создания теста (см. рис. 31). Форма содержит в себе такие поля, как наименование теста, дата назначения теста, время начала и время окончания теста, а также семестр, где выбирается предмет и группа, для которой создается тест. Нажав на кнопку «добавить вопрос», создается форма добавления вопроса, в которой нужно ввести сам вопрос и ввести 4 варианта ответа. Под каждым ответом стоит галочка, которая определяет, какой ответ верный. Это необходимо для того, чтобы система смогла самостоятельно посчитать правильные ответы и вывести процент верных ответов для каждого студента.
Рисунок 30 . Страница "Тестирование"
Чтобы редактировать личную информацию преподавателя, необходимо нажать на имя пользователя в панели меню под изображением. Откроется модальное окно. Что отредактировать любое поле, нужно нажать на пиктограмму карандаша. Как можно видеть на рисунке 32, для редактирования доступны поля «статус» и «объявление». Это очень удобно, когда преподавателю необходимо сообщить какую-то информацию или напомнить о каком-либо мероприятии.
Рисунок 31 . Страница "Тестирование", добавление теста
Рисунок 32 . Личный профиль пользователя
Для выхода из аккаунта нужно нажать на кнопку «выход» в панели меню слева.
Рисунок 33 . Страница "Расписание" для студентов
Электронный журнал продемонстрирован на рисунке 34. На этой странице будет отображаться список предметов для студента. Нажав на пиктограмму глаза, пользователь перейдет к просмотру определенного журнала, где проставлены его оценки и причины пропусков.
Страница «сообщения» идентична одноименным страницам других групп. Прохождение или просмотр тестов, созданных преподавателем, осуществляется на одноименной странице. На странице выводится список всех тестов и информация о них. Все точно также, как и для группы «преподаватель» за исключением пиктограммы глаза, нажав на который, студент перейдет к прохождению теста, а также к просмотру результатов. Страница продемонстрирована на рисунке 35.
Рисунок 34 . Страница "Электронных журнал"
Рисунок 35 . Страница "Тестирование" для студента
Рисунок 36 . Алгоритм авторизации на сайте
Большинство алгоритмов в данной работе одинаковы. Это отправление запроса к базе данных и выборка элементов из определенных таблиц в базе данных. Но есть один самый главный алгоритм (см. рис. 36), который определяет, к какой группе относится пользователь после авторизации.
По блок схеме, представленной выше можно сказать, что после ввода e-mail и пароля в соответствующие поля, запускается проверка введённых данных. Если данные не верны, то цикл возвращается в начало. В случае успешной проверки переходим к следующему этапу. На этом этапе уже проверяется к какой группе относится идентификатор пользователя, который пытается авторизоваться. В зависимости от этого загружается определенная структура веб-приложения. На этом алгоритм завершает свою работу.
Рисунок 37 . Демонстрация адаптивности приложения
Время загрузки страниц, даже самых «тяжелых», не превышает одной секунды.
Веб-приложение адаптировано под мобильные устройства. Если ширина экрана меньше 765 пикселей, то панель меню убирается и появляется кнопка в левом верхнем углу экрана, при нажатии на которую появляется панель меню. Это продемонстрировано на рисунке 37.
Веб-приложение «личный кабинет преподавателя» может быть использовано преподавателями в процессе своей трудовой деятельности.
Разработанное веб-приложение решает все поставленные задачи. Цели, поставленные перед разработкой веб-приложения, достигнуты.
1. Ульман Л. MySQL: Руководство по изучению языка. - Litres, 2014.
2. Янк К. PHP и MySQL. От новичка к профессионалу. - Litres, 2014.
3. Bramer M. Web Programming with PHP and MySQL: A Practical Guide. - Springer, 2015.
4. Lockhart J. Modern PHP: New Features and Good Practices. - " O'Reilly Media, Inc.", 2015.
5. Дженкинс С. Web-дизайн. - Litres, 2015.
6. Shah M. et al. Responsive web development using the Twitter Bootstrap framework. - 2015.
7. Chaudhary M., Kumar A. Practical JQuery. - Apress, 2015.
Понятие и виды баз данных. Системы управления базами данных Microsoft Access: общая характеристика. Создание базы данных методического кабинета ГБОУ СПО СО "Каменск-Уральский радиотехникум". Алгоритм создания базы данных, руководство пользователя. курсовая работа [1,7 M], добавлен 18.12.2012
Разработка базы данных и сайта с портфолио преподавателей политехнического института. Формирование таблиц со сведениями о преподавателях. Создание графического интерфейса пользователя клиентских приложений. Обоснование выбора языка программирования. контрольная работа [1,1 M], добавлен 14.05.2013
Компоненты структуры безопасности SQL Server. Разработка базы данных для хранения всей информации о студентах, преподавателях, предметах и веб-приложения АРМ преподавателя. Проработка безопасной аутентификации в системе автоматизированного рабочего места. курсовая работа [1,2 M], добавлен 20.05.2014
Тенденция развития информационных систем и информационных технологий. Автоматизация работы менеджера по туризму в туристическом агентстве как основная цель разработки базы данных "Туризм и отдых". Основы проектирования структуры информационной системы. курсовая работа [5,4 M], добавлен 17.01.2013
Повышение информационной обеспеченности кафедры информационных технологий. Анализ технических требований для развертывания системы управления контентом Joomla. Организация структуры хранилища базы данных. Физическое расположение файлов системы на диске. презентация [1,6 M], добавлен 19.06.2014
Аналитический обзор целевой аудитории сайта. Анализ требований к сайту. Проектирование функций и архитектуры системы при помощи CMS WordPress. Разработка интерфейса и структуры данных. Реализация интерфейса (экранные формы и руководство по эксплуатации). дипломная работа [2,0 M], добавлен 19.01.2017
Разработка базы данных для информационной поддержки деятельности аптеки с целью автоматизированного ведения данных о лекарствах аптеки. Проектирование схемы базы данных с помощью средства разработки структуры базы данных Microsoft SQL Server 2008. курсовая работа [3,6 M], добавлен 18.06.2012
Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д. PPT, PPTX и PDF-файлы представлены только в архивах. Рекомендуем скачать работу .

© 2000 — 2021



Разработка личного кабинета преподавателя дипломная работа. Программирование, компьютеры и кибернетика.
Реферат по теме Токсикозы рыб
Скачать Дипломную Работу Образец
Контрольная Работа 6 Класс История Средних Веков
Курсовая работа: Язык средств массовой информации. Скачать бесплатно и без регистрации
Реферат: Основні поняття науки. Наукова комунікація. Фундаментальна або філософська методологія 2
Дипломная работа по теме Стратегия развития товарной политики ООО 'Луч'
Систематика Методов Научно Педагогического Исследования Реферат
Контрольная работа: Контрольная работа по Педагогике 3
Павлов Иван Петрович Реферат
Реферат по теме Владислав Реймонт
Правонарушение И Юридическая Ответственность Курсовая Работа
Контрольная работа по теме Тарифне регулювання у контексті членства України у Світовій організації торгівлі
Реферат: Система покарань
Контрольная работа по теме Понятие охраны труда и ее значение. Организация охраны труда
Завдання Курсової Роботи Зразок
Курсовая работа по теме Особенности логопедической работы с детьми дошкольного возраста с заиканием
Реферат по теме Военная медицина Древнего Рима
Дипломная работа по теме Формирование синтаксической структуры простого предложения у детей дошкольного возраста с общим недоразвитием речи 3 уровня
Реферат: Человек и его потребности 4
Реферат по теме Понятие и система предпринимательского права
Модернизация программного обеспечения информационной подсистемы "Учет приема/выдачи книг" - Программирование, компьютеры и кибернетика курсовая работа
Физическое воспитание дошкольников в режиме здорового образа жизни - Педагогика контрольная работа
Роль президента в системе государственных органов - Государство и право реферат