Дипломная работа руководство пользователя

Создание интерактивного Web-сайта

Аннотация

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

Основными разделами отчёта являются:

1.      Характеристика объекта практики: общие сведения о
предприятии (организации) и отделе места прохождения практики по профилю
специальности, виды обеспечения автоматизированных систем предприятия
(организации).

2.      Технико-экономические показатели деятельности
предприятия (организации).

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

Разработка сайта осуществлялась на персональном компьютере Samsung Notebook процессор AMD A10-4600M APU with Radeon ™ HD Graphics; Processor 2.30 ГГц; ОЗУ 8.00 ГB; жесткий диск 1000 GB; видеокарта AMD Radeon HD 7660G + 7670M Dual Graphics, под управлением
операционной системы Microsoft Windows 7 Ultimate, создание сайта
проводилось на WordPress, создание отчёта в Microsoft Office 2013.

Данный отчёт состоит из 40 страниц, включает в себя 9
рисунков, 5 таблицы.

Содержание

Аннотация

Введение

1. Характеристики объекта практики

1.1 Характеристики организационной структуры объекта практики

1.2 Состав технических средств информации

2. Техническое задание

2.1 Постановка задачи

2.2 Требования к сайту

2.2.1 Требования к функциональным характеристикам

2.2.2 Требование к надёжности

2.2.3 Требования к защите информации

2.2.4 Требования к интерфейсу

2.2.5 Требования к условиям эксплуатации

2.3 Требования к составу и параметрам технических средств

2.4 Информационное обеспечение задачи

2.4.1 Описание входной информации

2.4.2 Описание выходной информации

2.5 Обоснование выбора среды разработки

3. Рабочая часть

3.1 Алгоритм решения задачи

3.2 Описание сайта

3.3 Контрольный пример

3.3 Руководство пользователя

4. Расчет себестоимости разработки

4.1 Расчёт себестоимости разработки сайта

4.2 Затраты на основные материалы

4.3 Расчёт затрат на основную заработную плату

4.4 Расчет дополнительной заработной платы

4.5 Расчет затрат на районный коэффициент и надбавку для районов
крайнего севера

4.6 Расчет затрат на страховые взносы

4.7 Затраты на амортизацию

4.8 Затраты на общехозяйственные расходы

4.9 Расчёт себестоимости сайта

4.10 Экономическая эффективность внедрение новой техники, сайта

5. Техника безопасности при работе на персональном компьютере

5.1 Общие требования безопасности

5.2 Требования безопасности перед началом работы

5.3 Требования безопасности во время работы

5.4 Требования безопасности в аварийных ситуациях

5.5 Требования безопасности после окончания работы

Заключение

Перечень сокращений

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

Введение

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

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

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

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

Целью дипломной работы была поставлена задача создания
Официального сайта КРОО ПСЗЗ «Красштаб Здоровья». Программный продукт
должен предполагать работу с людьми различных возрастов, имеющих навыки
пользования персональным компьютером.

Предусмотреть на сайте возможность просмотра новостей,
ознакомление с благотворительностью, знакомство с различными услугами, узнать о
семинарах, консультациях и конечно же с фото/видео галереей. Необходимо
предусмотреть подходящий дизайн, интерфейс должен быть понятен даже не
многоопытному пользователю. Сайт должен полностью давать представление
пользователю о КРОО ПСЗЗ «Красштаб Здоровья».

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

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

Развитие профессионального мышления;

Приобретение практических умений и навыков по видам
деятельности техника по специальности 230701 «Прикладная информатика (по
отраслям)»;

Подготовка будущего специалиста к самостоятельной трудовой
деятельности;

Развитие и углубление навыков по разработке и внедрению
информационных систем;

Закрепление навыков проектной документации в соответствии с
ЕСКД и ЕСТД;

Изучение и освоение пакетов прикладных программ, фирменных
программных продуктов;

Воспитание чувства профессиональной ответственности за
результаты своего труда;

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

интерактивный сайт интерфейс дизайн

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

Для взаимодействия администратора с контентом сайта,
создаются системы управления контентом CMS (Content Management System). CMS позволяют владея
минимальными знаниями в области сайтостроения заниматься администрированием
сайта.

Процесс создания сайта можно поделить на несколько основных
этапов:

Определения целей создания сайта и целевой аудитории;

Составление технического задания;

Выбор существующей/создание новой CMS;

Разработка макета дизайна;

Заполнение контента (информации);

Тестирование и исправление ошибок;

Публикация сайта в интернете;

1.
Характеристики объекта практики

1.1
Характеристики организационной структуры объекта практики

Полное наименование: Красноярское региональное общественная
организация по профилактики социально значимых заболеваний «Красштаб
Здоровья».

Адрес: город Красноярск улица Робеспьера 34-21

Телефон: 8-923-296-42-18

E-mail: krasshtab24@mail.ru

Контактное лицо: Председатель КРОО ПСЗЗ «Красштаб
Здоровья»: Карлова Татьяна Сергеевна.

Краткая информация о организации:

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

Основные виды деятельности:

пропаганда здорового образа жизни и формирование безопасного
поведения населения;

развитие добровольчества, волонтерства;

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

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

Задачи КРОО ПСЗЗ «Красноярск Здоровья»:

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

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

Цель КРОО ПСЗЗ «Красноярск Здоровья» — содействие
общественным инициативам граждан и некоммерческих общественных объединений
(НКО), направленных на повышение уровня социальной культуры и здоровье
сохраняющей среды в обществе.

1.2 Состав
технических средств информации

В Красноярском региональном общественной организации по
профилактики социально значимых заболеваний «Красштаб Здоровья».
имеется около 4 стационарных ПК и около 2 ноутбуков. Все ПК и ноутбуки
подключены к глобальной сети Internet.

Состав технический средств:

Процессоры AMD Athlon;

Оперативная память 4 Гб;

Накопители на жестком диске емкостью 320 Гб;

Internet;

Мониторы LG W1934S и Acer W8595D

Состав телекоммуникационных систем составляет:

Скорость доступа в Интернет в среднем 5 Mbit/сек;

Телекоммуникационное оборудование;

Кабели;

Соединительные устройства;

В Красноярском региональном общественной организации по
профилактики социально значимых заболеваний «Красштаб Здоровья».
используется следующий состав программного обеспечения;

Операционные системы Microsoft Windows 7;

Прикладные программы;

Пакеты программ Microsoft Office;

Пакеты программ WinRAR;

Антивирусные программы;

Антивирус Касперского 2016;

Пакеты прикладных программ Microsoft Office. Это пакет следующих
офисных программ:

Microsoft Office Word;Office Excel;Office
PowerPoint;Office Access;

Антивирусный пакет Касперского 2016 предназначен для защиты
информации от вредоносного программного обеспечения.

2.
Техническое задание

2.1
Постановка задачи

В процессе прохождения преддипломной практики и дипломной
работы необходимо было разработать web-сайт «КРОО ПСЗЗ Красштаб Здоровья».

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

Цель — предоставление наглядной информации всё что
предоставляет КРОО ПСЗЗ «Красштаб Здоровья» пользователям города
Красноярска.

Для обеспечения надежности данного модуля необходимо:

разработать модульную сетку сайта;

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

разработать дизайн, который должен быть выполнен не в ущерб
удобству навигации по сайту.

Каждый сайт в своей основе имеет модульную сетку. Модульная
сетка сайта КРОО ПСЗЗ «Красштаб Здоровья» имеет двухколонный макет, и
содержит в себе четыре блока: первый модуль, второй модуль, третий модуль,
четвёртый модуль. Модульная сетка сайта представлена на рисунке 1.

Рисунок 1 — Модульная сетка сайта.

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

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

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

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

2.2
Требования к сайту

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

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

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

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

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

Грамотность построения сайта: использование защиты от взлома,
сохранение данных о посетителях;

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

Работа над материалами сайта, обновление, редактирование;

2.2.1
Требования к функциональным характеристикам

Web-сайт КРОО ПСЗЗ «Красштаб Здоровья»
должен соответствовать следующим функциональным характеристикам:

интерфейс должен быть интуитивно понятен;

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

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

Сайт должен быть разработан в едином стиле. Дизайн должен
быть выполнен не в ущерб удобству навигации по сайту.

2.2.2
Требование к надёжности

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

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

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

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

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

2.2.3
Требования к защите информации

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

2.2.4
Требования к интерфейсу

Для заинтересованности пользователя при работе с web-сайта КРОО ПСЗЗ
«Красштаб Здоровья» необходимо создать удобный и понятный интерфейс,
который отвечает следующим условиям:

сайт должен содержать конкретную информацию и большое
количество материалов определённой тематики. Что позволит собрать большую
аудиторию его посетителей;

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

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

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

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

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

2.2.5
Требования к условиям эксплуатации

В ходе прохождения преддипломной практики и дипломной работы
нужно создать web-сайт КРОО ПСЗЗ «Красштаб Здоровья». В дальнейшем
дополнение сайта новыми разделами будет осуществлять администратор сайта.

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

Эксплуатирование Web-ресурса подразумевает использование технических
средств, следовательно, при эксплуатации технических средств необходимо
выполнение следующих норм:

температура окружающей среды (не выше 30°С);

относительная влажность (не выше 65%);

атмосферное давление (от 80 до 106,7 кПа);

расстояние между компьютерами (около 3 м).

2.3
Требования к составу и параметрам технических средств

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

процессор Pentium, Intel (R) i5-2430TM;

оперативная память 128 MB RAM (минимум). Рекомендуется
256 MB RAM;

видеоадаптер любой выпущенный позже 2000 год;

манипулятор «мышь»;

клавиатура;

Windows XP или более новая версия.

На ПК пользователя должно быть установлено следующее ПО,
например, как интернет браузер: Mozilla Firefox, Google и т.д.

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

2.4
Информационное обеспечение задачи

2.4.1
Описание входной информации

Так как основой любого сайта является текстовый документы,
содержащие управляющие символы, которые определяют структуру и внешний вид
сайта, входными данными для решения поставленной задачи web-сайта КРОО ПСЗЗ
«Красштаб Здоровья» будет являться текстовая и графическая
информация. Текстовая информация представлена документами, соответственно
графическая — иллюстрациями.

Графическая информация состоит из фотографий и графических
файлов:

«Главная», данная страница содержит все новости
которые были опубликованы за всё время;

«Волонтёрам», в этой категории имеются следующие
подменю: специальные задания, акции, план мероприятий;

«Благотворительность», так же существуют несколько
подменю, такие как: мастер-класс, план мероприятий, акции;

«Семинары»;

«Консультации»;

«Услуги»;

«Медиа», в данном меню существуют несколько
подменю: видеоролики, видеоматериалы, фото, аудио;

«О нас», в этом меню представлена краткая
информация о данной организации;

«Контакты», все необходимые данные что бы связаться
с организацией;

2.4.2
Описание выходной информации

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

«Волонтёрам»;

«Благотворительность»;

«Семинары»;

«Консультации»;

«Услуги»;

«Медиа»

«О нас»

«Контакты»

2.5
Обоснование выбора среды разработки

«Почему сайты на WordPress?» — многие задаются
таким вопросом. Почему именно он, почему не Joomla? Ведь есть очень много
разных CMS, на которых можно создать свои сайты. В этой статье я хочу
попробовать описать главные плюсы и минусы этой CMS.

Выход на конвейер WordPress’а начался в 2003 году, а уже в 2004
появилась более усовершенствованная версия, которая поддерживала систему
шаблонов.

Популярность WordPress растет с каждым днем, как и популярность сайтов
на которой их создали. Иметь свой сайт или блог — это уже норма. Сейчас,
самостоятельное создание сайта на WordPress очень популярно. Вам не нужно учить
сложные теги html или учить язык php, чтобы делать сайты. Для этого есть удобная и
понятная «админка».

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

Причины, по которым вы её должны выбрать:

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

. Имеет поддержку HTML и CSS;

. Удобное подключение плагинов;

. Удобно редактировать, создавать шаблоны;

. Универсальность;

. Поддержка RSS, trackback, pingback;

. Легкость в публикации постов;

Также один из важных плюсов, это наличие «админки»
(так называемой админ панели, в которой совершаются все важные процессы).

При всех этих плюсах есть несколько недостатков, хотя их не
так видно на фоне этих плюсов.

Основной минус WordPress — это неповоротливая CMS (это заметно при большом
посещении сайта в сутки). Но, если вы создаете сайт для коммерческих целей, где
нет много посетителей то можете откровенно закрыть глаза на этот минус. А баги
(ошибки), которые есть в WordPress присущи любому ПО или CMS.

3. Рабочая
часть

3.1 Алгоритм
решения задачи

Алгоритм решения задачи представлен на рисунке 2 ниже.

Рисунок 2 — Алгоритм решения задачи

3.2 Описание
сайта

Блок схема алгоритма решения задачи состоит из следующих
блоков:

Блок 1 — Вывод главной страницы Официального сайта КРОО ПСЗЗ
«Красштаб Здоровья»;

Блок 2 — Вывод пунктов меню;

Блок 3 — Выбор пунктов меню;

Блок 4 — Вывод страниц;

Блок 5 — Вывод главной страницы;

Блок 6 — Вывод страницы «Волонтерам»;

Блок 7 — Вывод страницы «Благотворительность»;

Блок 8 — Вывод страницы «Семинары»;

Блок 9 — Вывод страницы «Консультации»;

Блок 10 — Вывод страницы «Услуги»;

Блок 11 — Вывод страницы «Медиа»;

Блок 12 — Вывод страницы «О нас»;

Блок 13 — Вывод страницы «Контакты»;

3.3
Контрольный пример

Для открытия сайта необходимо в адресной строке любого
графического интернет — обозревателя (браузера) ввести адрес сайта: #»897160.files/image002.gif»>

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

Для того, чтобы просмотреть контакты, нужно выбрать раздел в меню
«Контакты», после этого будет открыта страница «Контакты»,
представленная ниже на рисунке 4. На этой странице отображается наглядная
информация о организации КРОО ПСЗЗ «Красштаб Здоровья», их контактные
телефоны, E-mail и
Ф.И. О председателя КРОО ПСЗЗ «Красштаб Здоровья».

Рисунок 4 — Страница «Контакты»

Для просмотра краткой информации о данной организации следует
перейти на вкладку «О нас», после, откроется новая страница, где
будет предоставлена информация, наглядно показано на рисунке 5.

Рисунок 5 — Страница «О нас».

Для просмотра фото/видео контента, необходимо кликнуть на раздел
«Медиа» в меню и выбрать и представленных подменю который более
подходит к вашему требованию, представленный на рисунке 6.

Рисунок 6 — Страница «Видеоролики».

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

Рисунок 7 — Страница «Главная».

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

Рисунок 8 — Страница «Главная»

Так же в основном меню, есть интересная страница для тех, кто
занимается либо хочет стать волонтером, меню называется «Волонтерам»,
имеется несколько подменю, такие как: специальные задания, план мероприятий и
акции, смотреть на рисунке 9.

Рисунок 9 — Страница «Главная»

3.3
Руководство пользователя

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

Таблица 1 — руководство пользователя при работе с сайтом.

МИНИСТЕРСТВО
ОБРАЗОВАНИЯ И НАУКИ РОССИЙСКОЙ ФЕДЕРАЦИИ

ФЕДЕРАЛЬНОЕ
АГЕНТСТВО ПО ОБРАЗОВАНИЮ

ГОУ ВПО «КУРГАНСКИЙ
ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»

Кафедра
«Программное обеспечение автоматизированных
систем»

РФ КГУ 231000.62.КР.2014.
10130107805

Курсовая
работа

По
дисциплине «Основы программирования»

РУКОВОДСТВО
ПОЛЬЗОВАТЕЛЯ

Листов
9

2014

АННОТАЦИЯ

Документ содержит
общие сведения о программе, её описании,
структуре, вариантах использования,
входных и выходных данных.

СОДЕРЖАНИЕ

1.НАЗНАЧЕНИЕ
ПРОГРАММЫ. 4

2. УСЛОВИЯ
ВЫПОЛНЕНИЯ ПРОГРАММЫ. 5

3. ВЫПОЛНЕНИЕ
ПРОГРАММЫ. 6

3. 1.НАЗНАЧЕНИЕ
   ПРОГРАММЫ.

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

3. 2.
   УСЛОВИЯ ВЫПОЛНЕНИЯ ПРОГРАММЫ.

Программа не
требует инсталляции.

2.1 Программное
обеспечение

— ОС
Windows версии
XP / VISTA / 7 / 8

-NET.Framework 3.5 или
выше.

2.2 Требования к
аппаратуре

— компьютер IBM
PC
или другой совместимый с операционной
системой Windows

Других требований
к системе не имеется.

1. 3.
   ВЫПОЛНЕНИЕ ПРОГРАММЫ.

3.1 Запуск программы

Для запуска
программы необходимо запустить файл
Kypca4.exe

При
запуске программа отображает главное
меню автошколы «Драйвер», имеется
возможность выполнять следующие
действия (рис.1):

-просмотреть
рейтинг автошкол

-посмотреть
информацию об автошколе «Драйвер»

-записаться в
автошколу драйвер

-закрытие
программы(выход)

-авторизация
персонала

Рис.1.

При нажатии на
кнопку Рейтинг открывается форма с
рейтингом автошкол города Кургана и
кнопкой возвращения в главное меню
(рис.2.):

Рис.2.

При нажатии на
кнопку Справочная открывается форма
с информацией об автошколе(рис.3.), из
нее, через strip
menu,
можно
попасть на другие 6 форм:

Расценки(рис.4.),
Об автошколе(рис.5.), Инструкторы(рис.6.),
Расписание(рис.7.), Персонал(рис.8.),
Экзамен(рис.9.);

Рис.3.
Рис.4.

Рис.5.
Рис.6.

Рис.7.

Рис.8.
Рис.9.

При нажатии на
кнопку Запись откроется форма(рис.10.),
в которой есть поля: Имя, Фамилия,
Категория, Месяц; кнопка Принять, которая
считывая значения полей, переносит их
в таблицу Студенты:

Рис.10.

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

Рис.11.

Соседние файлы в папке Документация

• #
• #
• #
• #
• #
• #
• #

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

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

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

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

Также при реализации системы требуется придерживаться следующим принципам:

1. Доступность. Работа системы не должна зависеть от программного обеспечения или конфигурации компьютера пользователя.
2. Расширяемость. Что значит возможности добавления в систему новых модулей и тематического контента, должно быть простым и не должно влиять на работу системы в целом.
3. Информативность. Предоставляемая системой информация должна быть структурирована и представлена пользователю в удобном для восприятия виде.
4. Надёжность. Хранимая и передаваемая по каналам связи информация, должна обладать определённым уровнем защиты.
5. Интерактивность. Анализируя действия пользователя, система должна выдавать рекомендации и персонализировать интерфейс исходя из логических выводов, основанных на базе знаний и правил.
6. Экономичность. Стоимость программного продукта, ввод в эксплуатацию и дальнейшее использование значительно ниже его аналогов.

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

Рисунок 2.7 – Функциональная модель процесса организации проверки компетенций сотрудников

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

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

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

Далее, на рисунке 2.8, показана декомпозиция контекстной диаграммы для процесса проверки компетенций знаний сотрудников по иностранному языку.

Рисунок 2.8 – Декомпозиция контекстной диаграммы
Декомпозиция контекстной диаграммы, которая включает пять основных функциональных процесса в проверке компетенций знаний сотрудников:

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

Первым этапом в организации процесса оценки компетенций сотрудников компании по иностранному языку является выявлении потребности в оценке сотрудников. Для дальнейшей организации необходимо утвердить цели оценок для получения определенных результатов. Затем необходимо определиться с содержанием форм и методов проверки и оценки. Далее следует этап проведения оценки сотрудников по иностранным языкам и оценка эффективности оценки.
2.5 Анализ принципов разрабатываемого веб-приложения по проверке компетенций сотрудников
Разрабатываемое веб-приложение по оценке навыков и компетенций специалистов по иностранному языку использует клиент-серверную архитектуру, в котором клиентом выступает браузер, а сервером – веб-сервер. Логика веб-приложения распределена между сервером и клиентом, хранение данных осуществляется, преимущественно, на сервере, обмен информацией происходит по сети. Одним из преимуществ такого подхода является тот факт, что клиенты не зависят от конкретной операционной системы пользователя, поэтому веб-приложение является межплатформенными сервисом. Для более детального рассмотрения взаимодействия компонентов системы трёхуровневой структуры данных приведена диаграмма последовательности работы приложения, показанная на рисунке 2.9.

Рисунок 2.9 – Диаграмма последовательности компонентов
Разрабатываемая система состоит как минимум из трёх основных компонентов: клиентская часть, серверная часть и база данных.

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

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

3 База данных (БД, или система управления базами данных, СУБД) – программное обеспечение на сервере, занимающееся хранением данных и их выдачей в нужный момент. База данных располагается на сервере. Серверная часть веб-приложения обращается к базе данных, извлекая данные, которые необходимы для формирования страницы, запрошенной пользователем [8].

1. ПРОЕКТИРОВАНИЕ И РЕАЛИЗАЦИЯ ПРОГРАММНОЙ ПОДДЕРЖКИ ОЦЕНКИ И ПРОВЕРКИ ЗНАНИЙ СОТРУДНИКОВ ПО ИНОСТРАННОМУ ЯЗЫКУ

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

Система должна быть реализована в виде веб-приложения, с использованием языков программирования PHP и Javascript, СУБД Mysql, а в качестве программной платформы использоваться Yii framework.

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

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

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

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

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

Минимальный комплекс технических средств:

• один сервер, который предоставляет доступ к интерфейсу системы и функциональному блоку.

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

• веб-сервер Apache;
• языки программированияPHP, Javascript;
• СУБДMySQL;
• Framework Yii;
• процессор: 3000+ МГц;
• оперативная память: 4гб+;
• свободное место на HDD: 100гб+;
• браузер: Internet Explorer, Google Chrome, Firefox, Safari, Opera последних версий;
• доступ в сеть интернет для каждого компьютера.

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

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

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

• сущности;
• атрибуты сущности;
• связи между сущностями.

Сущность моделирует структуру однотипных информационных объектов (документов, хранилищ данных, таблиц базы данных).

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

Связь – это ассоциация между сущностями, при которой, как правило, каждый экземпляр одной сущности, называемой родительской сущностью, ассоциирован с произвольным (в том числе нулевым) количеством экземпляров второй сущности, называемой сущностью-потомком, а каждый экземпляр сущности-потомка ассоциирован в точности с одним экземпляром сущности-родителя [9].

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

Рисунок 3.1 – Логическая модель базы данных
Как видно из архитектуры базы данных и её описания, она находится в 3-й нормальной форме. Далее описано доказательство приведения БД к 3-й нормальной форме. Таблицы соответствуют 1-ой нормальной форме, т.к. все строки таблицы различны и не являются списками. Исходя из этого, следует вывод что БД соответствует 1-ой нормальной форме. Также таблицы имеют уникальный id – это означает, что БД также находится и во второй нормальной форме. И в заключение, так как данное отношение таблиц находится во второй нормальной форме, каждый не ключевой атрибут находится в не транзитивной зависимости от первичного ключа, а также отсутствует дублирование данных по всей базе данных, то следует сделать вывод что данная архитектура БД находится в 3-й нормальной форме.

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

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

3.3 Диаграммы в нотации языка UML
UML – язык графического описания для объектного моделирования в области разработки программного обеспечения, для моделирования бизнес-процессов, системного проектирования и отображения организационных структур. UML является языком широкого профиля, это — открытый стандарт, использующий графические обозначения для создания абстрактной модели системы, называемой UML-моделью. UML был создан для определения, визуализации, проектирования и документирования, в основном, программных систем. UML не является языком программирования, но на основании UML-моделей возможна генерация кода [10].
3.3.1 Диаграммы вариантов использования. Сценарий использования, вариант использования, прецедент использования (англ. use case) – в разработке программного обеспечения и системном проектировании это описание поведения системы, когда она взаимодействует с кем-то (или чем-то) из внешней среды. Система может отвечать на внешние запросы Актёра (англ. actor) может сама выступать инициатором взаимодействия. Другими словами, сценарий использования описывает, «кто» и «что» может сделать с рассматриваемой системой, или что система может сделать с «кем» или «чем».

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

• администратор;
• экзаменатор;
• пользователь.

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

Рисунок 3.2 – Диаграмма вариантов использования для незарегистрированного пользователя
Далее будет рассмотрена диаграмма вариантов использования для администратора, представленную на рисунке 3.3.

Рисунок 3.3 – Диаграмма варианта использования при роли «Администратор»
Данному виду пользователя доступны все функции по управлению правами доступа к системе, уже зарегистрированных пользователей, непосредственно добавлять новых пользователей. Администратор имеет доступ к управлению отделами компании. Также ему доступны функции по управлению тестированием, предоставлению персонального доступа к его прохождению, а также просмотру результатов тестирования пользователей.

Диаграмма вариантов использования для экзаменатора представлена на рисунке 3.4. В данной диаграмме представлены действия, которые доступны данному пользователю. Экзаменатор может составлять вопросы, структурируя их по определённым темам либо группам. Создаёт тесты, устанавливает правила сдачи, указывает параметры прохождения и описание для пользователей, которые будут его проходить.

Рисунок 3.4 – Диаграмма варианта использования при роли «Экзаменатор»
И последний актёр в системе – это пользователь. Данный тип пользователя может зайти в личный кабинет, просмотреть журнал прохождения тестирования и просмотр результатов. Следующая функция – это непосредственно прохождение тестирования. Он выбирает доступный ему тест, знакомится с правилами прохождения и начинает его проходить. По истечению теста, он получает балл, а также статус сдал или не сдал, после чего вся информация заносится в журнал, который доступен тренеру или администратору для просмотра. Схема вариантов использования для данного типа пользователя показана на рисунке 3.5.

Рисунок 3.5 – Диаграмма варианта использования при роли «Пользователь»
3.3.2 Диаграммы последовательности. Диаграмма, на которой для некоторого набора объектов на единой временной оси показан жизненный цикл (создание-деятельность-уничтожение) и взаимодействие (отправка запросов и получение ответов). Подобно диаграммам коммуникации, диаграммы последовательности (Sequence Diagrams) отображают поток событий в конкретном сценарии варианта использования, но в них больше внимания уделяется именно времени [11].

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

Рисунок 3.6 – Диаграмма последовательности для процесса авторизации
Приведённая диаграмма описывает процесс авторизации пользователя в автоматизированной системе, показывает весь жизненный цикл между объектами системы.
3.3.3 Диаграмма состояний. Главное предназначение диаграммы состояний (State Machine Diagram) – описать возможные последовательности состояний и переходов, которые в совокупности характеризуют поведение элемента модели в течение его жизненного цикла [11].

Диаграмма состояний представлена на рисунке 3.7. На ней показаны состояния, переходы и ожидания переходов объектов, происходящие во время работы пользователя с автоматизированной системой. На приведённой диаграмме описывается работа по проведению тестирования пользователем системы.

Рисунок 3.7 – Диаграмма состояний работы с прохождением тестирования
3.4 Программная реализация
Для того чтобы начать работу с приложением, требуется зайти в phpMyAdmin, после чего требуется создать базу данных с названием «language—test». Далее необходимо открыть Open Server, после чего выбрать командную консоль. После того как открылась командная консоль, требуется заполнить базу данных, произведя миграции из исходного проекта. Введя команду php artisan migrate, база данных заполняется таблицами, сохранёнными в корневой папке проекта. Результат выполнения данной команды представлен на рисунке 3.8.

После того как были созданы таблицы в базе данных, требуется заполнить их данными, для чего требуется ввести в командной строке команду php artisan db:seed, после чего таблицы заполняются исходными данными. Результат выполнения данной команды представлен на рисунке 3.9.

Далее требуется добавить домен в настройках сборки Open Server. Для этого необходимо перейти в раздел Настройки->Домены, выбрать папку исходного проекта и нажать кнопку «Добавить». После чего пользователь выбирает добавленный домен и открывает его, после чего открывается рабочее окно приложения.

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

Рисунок 3.9 – Результат выполнения заполнения данными
При первом входе происходит обращение к файлу Index.php, который является входной точкой в приложение Yii. Далее вызывается файл web.php, в котором находятся маршрутизаторы, обрабатывающие запросы пользователя.

Первым делом система обрабатывает запросы пользователя, которые передаются через запросы GET или POST. Далее представлен список маршрутизаторов разработанного приложения, показанный на рисунке 3.10.

Пользователь выбирает действие, система сравнивает данное действие с маршрутом, который прописан в файле web.php, после чего смотрит какой контроллер и метод контроллера вызывается в данном маршруте. Все контроллеры находятся в папке app\Http\Controllers.

Рисунок 3.10 – Маршрутизаторы приложения
Далее приведён пример маршрута для выборки данных по выбранным пользователям системы, вызванных через админпанель:
Route::get(‘/admin/users/’, ‘AdminController@users’)->name(‘admin-users’);
На сервер посылается GET запрос на выборку данных, после чего управление передаётся контроллеру AdminController. В текущем маршруте пользователь передаёт запрос на выборку всех пользователей системы при помощи метода Users.

Контроллеры находятся в каталоге app\Http\Controllers. Они служат для того чтобы управлять данными, обрабатывать их и передавать пользователю. Диаграмма классов контроллеров представлена в приложении А. Далее представлена программная реализация клаcса Test.Controllers.Объявление пространства имён:
namespace App\Http\Controllers;
Подключение сторонних файлов:
use App\Models\Question;

use App\Models\Test;

use App\Models\TestResult;

use Illuminate\Http\Request;

use Illuminate\Support\Facades\Auth;
Объявление класса:
class TestController extends Controller

{
Метод получение данных по выбранному тесту:
public function index() {

$test = Test::all();

return view(‘test.index’)->with([‘tests’ => $test]);

}
Метод запуска тестирования:
public function start($id)

{

$result = new TestResult();

$result->user_id = Auth::id();

$result->test_id = $id;

$result->success_count = 0;

$result->fail_count = 0;

$result->save();

$question = Question::query()->where(‘test_id’, $id)->first();

$type = $question->type->id;

$view = «question.view-$type»;

return view($view)->with([‘result’=>$result, ‘question’ => $question]);

}
Метод вывода списка ответов:
public function answer(Request $request) {

$data = $request->all();

$result = TestResult::query()->findOrFail($data[‘result’]);

$question = Question::query()->findOrFail($data[‘question’]);

$isCorrect = null;

if ($question->type_id == 1) {

$isCorrect = $question->answers->where(‘id’, $data[‘answer’])->where(‘is_correct’,1)->all();

}

if ($question->type_id == 2) {

$isCorrect = true;

}

if ($question->type_id == 3) {

if($data[‘answer’] == $question->value) {

$isCorrect = true;

}

}

if ($question->type_id == 4) {

if($data[‘answer’] == $question->value) {

$isCorrect = true;

}

}

if($isCorrect) {

$result->success_count = $request->success_count + 1;

$result->save();

}

else {

$result->fail_count = $request->fail_count + 1;

$result->save();

}

$nextQuestion = Question::query()->where(‘id’,$question->id + 1)->where(‘test_id’, $question->test_id)->first();

if ($nextQuestion) {

$type = $nextQuestion->type->id;

$view = «question.view-$type»;

return view($view)->with([‘result’=>$result, ‘question’ => $nextQuestion]);

}

return view(‘success’)->with([‘result’=>$result]);

}

}

Далее контроллер обращается в модель, которая служит для доступа к базе данных MySQL и обработкой получаемых данных. Файлы моделей располагаются в каталоге app\Models. Модели служат в качестве классов обработки запросов на получение данных, редактирование, обновление или удаление. Структура файлов моделей представлена в приложении А. В качестве примера реализации взята модель User.

Метод получения выбранного типа:
public function userType(){

return $this->hasOne(UserType::class,’id’,’user_type_id’);

}
Выборка из базы по выбранному департаменту:
public function department(){

return $this->hasOne(Department::class,’id’,’department_id’);

}
Метод получения результатов тестирования пользователя:
public function results() {

return $this->hasMany(\App\Models\TestResult::class,’user_id’, ‘id’);

}
После того как данные получены, они передаются в контроллер, который в свою очередь вызывает в представление, файлы которого находятся в папке resources\views. Представленияимеетв себеhtmlразметку, а также метки php-кода, в которые подставляется данные из массива данных переданных контроллером, после чего данные выводятся пользователю. Далее представлен фрагмент html-кода представления test.view.

Подключение шаблона:

@extends(‘layouts.admin’)

@section(‘content’)

<divclass=»container«>
Форма для отправки данных:

Кнопка поиска данных:

form>
Вывод заголовка третьего уровня: