Проектирование веб-сервиса «Электронный дневник» Часть 2

1 2 3

---

2.2 Организация интерфейса пользователя

При входе пользователь увидит окно авторизации с запросом логина и пароля. Логин и пароль выдается администратором.

Рис. 32 – Окно авторизации

В тестовом режиме на данный момент (на момент разработки программы) окно авторизации позволяет легко войти под правами администратора (верный логин и пароль уже введены) (рис. 33). Пароль администратора тестовый: pass1.

Рис. 33 – Окно авторизации в тестовом режиме

После авторизации с правами администратора доступно максимальное количество функций (рис.34).

Рис. 34 – Главное окно с правами администратора

После авторизации с правами студента/родителя доступно ограниченное количество функций (рис.35).

Тестовый вход под студентом: логин – student, пароль – pass3.

Рис. 35 – Главное окно с правами студента/родителя

После авторизации с правами преподавателя доступно ограниченное количество функций (рис.36).

Рис. 36 – Главное окно с правами преподавателя

После авторизации с правами преподавателя доступно ограниченное количество функций (рис.37).

Тестовый вход под студентом: логин – teacher, пароль – pass6.

Рис. 37 – Главное окно с правами преподавателя

2.3 Разработка форм приложения, меню, отчетов

Преподаватель может выставлять оценки в разделе «Редактор отметок» (рис. 38).

Рис. 38 – Редактор отметок

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

Для простоты разработки функция удаления оценки за нужную дату по нужному студенту и нужному предмету реализована выбором отметки «пусто» и нажатие на кнопку «Добавить отметку».

При нажатии на кнопку «Показать отметки» показывается ведомость отметок по данному студенту (рис. 39).

Рис. 39 – Ведомость отметок

Студенты и их родители могут просмотреть свое расписание (рис.40). При этом нет необходимости выбирать группу. Т.к. группа уже известна (по логину). Необходимо лишь выбрать номер учебной недели (если расписание меняется и зависит от недели).

Рис. 40 – Расписание студента

3 ИНСТРУМЕНТАЛЬНЫЕ СРЕДСТВАРАЗРАБОТКИ

3.1 Краткая характеристика веб-сервера Apache

Чтобы опубликовать веб-сайт, необходим либо статический, либо динамический веб-сервер.

Статический веб-сервер, состоит из компьютера («железо») с сервером HTTP (ПО). Мы называем это «статикой», потому что сервер посылает размещенные файлы в браузер «как есть».

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

Веб-сервер сложно настраивать для обычного пользователя. Его настройками занимаются специально обученные люди – системные администраторы. Администрирование веб-сервера – очень сложный процесс, требующий высокой квалификации. Это обусловлено в первую очередь тем, что необходимо максимум внимания оказать безопасности. Ведь сервер, т.е. компьютер, должен быть подключен к сети интернет, и любой может подключиться к нему и произвести несанкционированные действия в случае обнаружения дыр в безопасности. Кроме того, веб-сервер должен работать (быть включенным) и быть подключен к сети Интернет круглосуточно. Что не всегда возможно для обычных компьютеров. В таких случаях на помощь приходят специализированные организации – веб-хостеры. Они предоставляют услуги аренды своих мощностей – позволяют арендовать веб-серверы, либо виртуальные вычислительные мощности, на которых можно установить веб-серверы. Эти услуги носят название веб-хостинг.

На данное время самым известным и распространенным является Apache. Он распространяется бесплатно, т.е. является свободно-распространяемым. Используется как часть UNIX – подобной операционной системы, однако программисты нашли способы откомпилировать его и под другие операционные системы, в том числе, под windows, например.

Также имеются другие варианты веб-серверов:

IIS от компании Microsoft, распространяемый с ОС семейства Windows

nginx — свободный веб-сервер, разрабатываемый Игорем Сысоевым с 2002 года и пользующийся большой популярностью на крупных сайтах[2],[3]

lighttpd — свободный веб-сервер.

GoogleWebServer — веб-сервер, основанный на Apache и доработанный компанией Google.

Resin — свободный веб-сервер приложений.

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

Rootage — веб-сервер, написанный на java.

THTTPD — простой, маленький, быстрый и безопасный веб-сервер.

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

H2O — свободный быстрый веб-сервер, написанный на C.

Однако использовать в проекте будем именно Apache.

Данный веб-сервер имеет следующие преимущества:

• Бесплатность использования, даже при использовании с коммерческими целями.
• Надежность, стабильность. Т.к. он сделан на основе системы модуля unix, известной своей надежностью, простотой и стабильностью.
• Безопасный благодаря регулярным обновлениям.
• Гибкость. Apache гибок, учитывая наличие модульной структуры. Можно, например, подключить/отключить один или несколько любых модулей. Для этого необходимо лишь подредактироватьini-файл и перезапустить веб-сервер.
• Простота в использовании. Как правило, он работает сразу после установки. Во многих сборках unix-linux-подобных ОС Apache уже установлен и работает «из коробки». В других сборках его установка достаточно проста. Разве что есть вопросы по конфигурированию для работы с базами данных.
• Кроссплатформенность. После успеха на Unix-системах, была разработана версия и для windows.
• Большое сообщество. Например, на форуме https://www.linux.org.ru/tag/apache?section=2находятся много советов и статей по настройкам.

Недостатки:

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

3.2 Используемые языки программирования

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

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

CSS (cascadstylesheet) – каскадные таблицы стилей. Также не совсем язык программирования. Однако он идет рука в руку с HTML и является неотъемлемой частью HTML, т.к. любое оформление веб-страницы возможно лишь с помощью CSS. Современные стандарты быстро изменяются и сейчас доступны CSS2 с множеством новых эффектов и возможностей. Например, на замену долго главенствовавшему Flash для отображения видео пришел специальный тэг в HTML5 для аналогичных целей без применения flash-плагинов.

Всегда рядом с HTML и CSS идет javascript. По сути, эта троица языков является минимально необходимой для разработки любого статического сайта. Javascript выполняется на стороне клиента, в браузере. Обычно с его помощью настраивается поведение и реакции сайта на действия посетителя – обработка кликов по кнопкам, спискам, иным органам управления страницей.

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

Для создания динамических страниц почти всегда необходимо хранить большие объемы информации. Это реализуется с помощью баз данных и систем управления базами данных. Язык запросов SQL (structurequerylanguage) – используется для управления этими данными. В веб-серверах чаще всего используются MySQL или PostgreeSQL.

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

Go – корпорация Google разработала свой язык и платит за создание веб-приложений за языке Go. Пока что мало распространен.

Ruby – быстрый язык веб-разработки, аналог PHP и Python. Близок к ним по синтаксису. Twitter использует этот язык в своих разработках.

3.3 Выбор базы данных

База данных – неотъемлемая часть практически любого веб-ресурса. Сравним две наиболее часто используемые сейчас базы данных: MySQL и PostgreSQL.

MySQL — это реляционная база данных. В ней работа с внутренними движками. На синтаксис запросов и их выполнение движок не влияет. Поддерживаются такие основные движки MyISAM, InnoDB, MEMORY, Berkeley DB. Они отличаются между собой способом записи данных на диск, а также методами считывания.

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

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

Postgresql — это проект с открытым исходным кодом, он разрабатывается командой энтузиастов, и разработчики пытаются максимально соответствовать стандарту SQL и реализуют все самые новые стандарты. Но все это приводит к ущербу простоты. Postgresql очень сложный и из-за этого он не настолько популярен как MySQL.

Postgresql  для навигации по результатам запроса использует специальные указатели – курсоры. Можно получить ответ от запроса, получить маркер на данные, потом перемещаться по ним, например, построчно последовательно.

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

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

В нашем проекте используется БД MySQL, т.к. она наиболее органично работает в связке с языком PHP и веб-сервером Apache.

Таким образом, для разработки будем использовать самый распространенный веб-сервер Apache, связку языков HTML+Javascript+CSS+PHP. В качестве базы данных – MySQL как самую массово используемую и предоставляемую на веб-хостингах в сети Интернет.

4 ЭКСПЛУАТАЦИЯ

4.1 Требования к аппаратному обеспечению

Общие требования к клиентским станциям

Обязательные требования:

• наличие сетевой карты (соединение с сетями передачи данных);
• веб-браузеры, рекомендуемые для работы в системе:GoogleChrome, MozillaFirefox;
• установленный пакет офисных приложений (для MS Office версия не ниже 2003).

Рабочие места ОС Windows

Минимальная комплектация:

• операционная система: Windows 7/8/10;
• тактовая частота процессора: не менее 2 Ghz;
• оперативная память (ОЗУ): не менее 2 Gb;
• жёсткий диск: не менее 10 Gb свободного дискового пространства;
• экран: не менее 17”, разрешение не менее 1024×768.

Рекомендуемая комплектация:

• операционная система: Windows 7/8/10;
• тактовая частота процессора: не менее 2 GHz. DualCore;
• оперативная память (ОЗУ): не менее 4 Gb;
• жёсткий диск: не менее 15 Gb свободного дискового пространства;
• экран: не менее 17”, разрешение не менее 1280×1024.

Оптимальная комплектация (рабочие места делопроизводителей и ответственных руководителей):

• операционная система: Windows 7/8/10 64 bit;
• тактовая частота процессора: не менее 2 GHz. DualCore;
• оперативная память (ОЗУ): не менее 8 Gb. (ОС 64 bit);
• жёсткий диск: не менее 25 Gb свободного дискового пространства;
• экран: не менее 17”, разрешение не менее 1920×1080.

Рабочие места Mac OS

Минимальные требования:

Для корректной работы программы пользовательский компьютер долженсоответствовать следующим минимальным программно-аппаратным требованиям:

• операционная система: Mac OS X 10.5 (Leopard) и выше;
• тактовая частота процессора: не менее 1.0 ГГц;
• оперативная память (ОЗУ): не менее 4 Гб;
• жёсткий диск: не менее 5 Gb свободного дискового пространства;
• экран: разрешение не менее 1200×800.

Рабочие места ОС Linux

Минимальная комплектация:

жёсткий диск: не менее 10 Gb свободного дискового пространства;

экран: не менее 17”, разрешение не менее 1280×1024.

операционные системы: Ubuntu, Linux Mint, OpenSUSE, Fedora, CentOS;

тактовая частота процессора: не менее 1,5 Ghz;

оперативная память (ОЗУ): не менее 2 Gb.

Рекомендуемая комплектация:

операционные системы: Ubuntu, LinuxMint, OpenSUSE, Fedora, CentOS;

тактовая частота процессора: не менее 2 GHz. DualCore;

оперативная память (ОЗУ): не менее 4 Gb.

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

4.2 Инструкция пользователя

Пользователю необходимо:

1. Получить ссылку для входа на сайт.
2. Получить личный логин и пароль от администратора системы.
3. Авторизоваться, введя логин и пароль.

Интерфейс автоматизированной системы интуитивно понятен.

Авторизация.

При входе пользователь увидит окно авторизации с запросом логина (имени пользователя) и пароля (рис.41). Логин и пароль выдается администратором.

Рис. 41 – Окно авторизации

Администратор.

После авторизации с правами администратора доступно максимальное количество функций.

После авторизации с правами студента/родителя/преподавателя доступно ограниченное количество функций.

Преподаватель.

Преподаватель может выставлять оценки в разделе «Редактор отметок».

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

Для простоты разработки функция удаления оценки за нужную дату по нужному студенту и нужному предмету реализована выбором отметки «пусто» и нажатие на кнопку «Добавить отметку».

При нажатии на кнопку «Показать отметки» показывается ведомость отметок по данному студенту.

Студенты и родители.

Студенты и их родители могут просмотреть расписание обучающегося. При этом нет необходимости выбирать группу. Т.к. группа уже известна (по логину). Необходимо лишь выбрать номер учебной недели (если расписание меняется и зависит от недели).

5 ЭКОНОМИЧЕСКАЯ ЧАСТЬ

В финансовой части курсового плана обязана быть определена:
себестоимость — стоимость, финансовая эффективность плана.

Смета затрат включает следующие статьи:

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

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

• расходов на техническое и ПО проекта;
• расплата расходов на вещественные ресурсы;
• расплата расходов на энергоресурсы;
• амортизационные отчисления;
• расплата фонда заработной платы;- прочие расходы.

 

Тогда вычислим трудоемкость (табл.2).

Таблица 2.

 

Расчет фонда заработной платы:

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

Для расчета заработной платы, тарифной ставки учитывается поправочный коэффициент за условие труда 1,12. Тарифный коэффициент инженера-программиста 2,37 разряд 13.

Дополнительный фонд заработной платы – 10%

Отчисления на социальные нужды- 20% Определение фонда заработной платы инженера-программиста 13 разряда.

Расчет затрат на техническое обеспечения проекта.

Для разработки программного обеспечения необходимы технические средства:

• монитор — 15000 руб
• системник — 60000 руб
• клавиатура – 1000 руб
• манипулятор типа мышь — 1000 руб
• лазерный принтер — 12000 руб

Затраты на техническое и программное обеспечение С_оф = 89000руб.

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

Срок использования технических средств 3 года.

Амортизация- это денежное выражения износа основных фондов.

Прочие затраты.

Затраты на материальные ресурсы:

1. Вспомогательная литература 1000руб.
2. Канцтовары 1000руб.

Итого материальные ресурсы 2000руб.

---

1 2 3