РАЗРАБОТКА ПОЛЬЗОВАТЕЛЬСКОГО ИНТЕРФЕЙСА ДЛЯ СПОРТИВНОГО ИНТЕРНЕТ-
ПОРТАЛА (КОМПЛЕКСНАЯ ВКР В РАМКАХ КОНКУРСА «IT-ПЛАНЕТА»: «РЕШЕНИЕ
СОЦИАЛЬНО ЗНАЧИМЫХ ЗАДАЧ С ПОМОЩЬЮ ПРОСТЫХ ИТ-СИСТЕМ»)
ВВЕДЕНИЕ 3
1 АНАЛИТИЧЕСКАЯ ЧАСТЬ 6
1.1 Анализ предметной области 6
1.2 Характеристика предметной области 7
1.3 Постановка задачи 8
1.4 Обоснование необходимости и цели создания 10
1.5 Анализ других порталов данной отрасли 10
1.6 Общая характеристика процесса создания интернет портала 15
1.7 Выбор политики рекламы интернет-портала при его размещении в сети
Интернет 16
2 ОБОСНОВАНИЕ ВЫБОРА ОСНОВНЫХ ПРОЕКТНЫХ РЕШЕНИЙ 20
2.1 Обоснование проектных решений по техническому обеспечению 20
2.2 Обоснование проектных решений по информационному обеспечению .. 25
2.3 Обоснование выбора программных средств 27
3 ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ ЗАДАЧИ 31
3.1 Информационная модель и ее описание 31
3.2 Программное обеспечение задачи 34
3.2.1 Пользовательская карта сайта 34
3.2.2 Структура интернет-портала 35
3.2.3 Описание программных компонентов 36
3.2.4 Разработка элемента интерфейса «Слайдер» 38
3.2.5 Разработка интерфейса пользователя 40
3.2.6 Разработка основных элементов интерфейса 42
3.3 Описание контрольного примера реализации проекта 46
3.4 Информационный портал на различных социальных платформ 54
3.5 Оценка затрат при реализации проекта 57
3.5.1 Определение затрат при создан^ интернет-портала 57
3.5.2 Расходы на оплату труда разработчика 57
3.5.3 Расчет трудоемкости создания программного продукта 57
3.5.4 Расчет затрат по всем стадиям разработки программы 59
3.5.5 Расчет зарплаты разработчика 61
3.5.6 Затраты на оплату машинного времени 62
ЗАКЛЮЧЕНИЕ 66
СПИСОК ИСПОЛЬЗУЕМЫХ ИСТОЧНИКОВ 68
ПРИЛОЖЕНИЕ
В наше время Интернет является главным источником получения необходимой информации. Интернет делает Всемирную Сеть хранилищем информации, содержащим данные. В связи с этим сеть, проектируемая как средство обмена информацией, представляет интерес для широкого круга пользователей.
Интернет выступает как популярное средство массовой информации, а создание сайтов - значительный инструмент, необходимый для решения маркетинговых стратегий, действующих наиболее эффективно с позиции финансовой привлекательности, технических и рекламных возможностей мировой сети.
Автоматизация проникла во все области нашей жизни, позволяя быстрее находить необходимую информацию, принимать решения, экономить время и энергию на важные для нас дела. Автоматизация также коснулась и всех институтов государства: образования, медицины, ЖКХ, государственных услуг, а теперь еще и спорта. Государство всерьез озаботилось воспитанием здоровой нации, здоровый образ жизни стало
В данной выпускной квалификационной работе (ВКР) рассматривается разработка интерфейса взаимодействия пользователя и спортивного интернет портала, где будут отражены сведения о спортивных площадках, календаре мероприятий, официальных нормативах и многом другом. Каждый житель страны сможет получить полезные советы от профессионалов, узнать больше о подборе амуниции и правильном питании, записать ребёнка в секцию, а также открыть свой личный кабинет, где будет отображаться информация о его личных успехах.
В ходе выполнения работы предстоит найти и изучить специализированные нормативные акты, разработать интернет-портал с необходимым функционалом и наполнить его правильным контентом.
Актуальность исследования заключается в том, что в процессе создания интернет портала «Заплыв», будут применены современные инструменты и технологии в разработке адаптивных веб-сайтов с применением клиент-серверной технологии. Так же актуальность исследования заключается в самой тематической составляющей ресурса, спорт и оздоровления нации сегодня это одно из основных направлений политики государства.
Объектом исследования является разрабатываемый информационный портал «Заплыв».
Предметом исследования является разработка пользовательского интерфейса для спортивного интернет-портала «Заплыв».
Целью выпускной квалификационной работы является разработка пользовательского интерфейса для взаимодействия пользователя с программной частью спортивного интернет портала, посвященному плаванию с применением клиент - серверной технологии.
Для достижения поставленной цели поставлены следующие задачи:
- изучить предметные области в сфере разработки интерфейсов;
- определить технические и программные средства для разработки интерфейса интернет-портала «Заплыв»;
- разработать пользовательский интерфейс для интернет-портала «Заплыв»;
- разработать элементы интерфейса интернет-портала «Заплыв»;
- разработать стратегию продвижения ресурса;
- протестировать интернет-портал «Заплыв».
Структура выпускной квалификационной работы состоит из: введения, 3 раздела, заключение, список использованной литературы и приложения.
Во введении указана цель и определены все задачи. В первой главе представлена характеристика предметной области. Представлено обоснование и цели создания ресурса, описана постановка задачи, проанализированы веб-сайта схожей тематики, а также проанализирована политика рекламы интернет-портала при его дальнейшем размещении в сети. Во второй главе обоснован выбор технического, программного и информационного обеспечения для решения поставленных задач, а также обоснован выбор программных средств. В третьей главе осуществляется практическая реализация задач. Представлен процесс разработки портала в виде информационных моделей, рассмотрен процесс создания элементов интерфейса, описан контрольный пример реализации проекта, представлена реализация рекламы ресурса на социальных платформах, рассмотрена целесообразность проекта с экономической точки зрения. В заключении приведены основные выводы.
Изучив и проанализировав средства и методы создания Web - сайтов, мною был сделан вывод, что существует множество технологий и средств для осуществления работы, но при этом многое зависит от масштабов самого проекта. При создании сайта была использована база данных, а для этого идеально подходит технология управлении контентом сайта.
В рамках данной ВКР был разработан интерфейс для взаимодействия пользователя с интернет порталом «zaplyv31.ru». Портал содержит информацию по видам плавания, продвижения спорта в Белгородской области и информацию полезную для каждого человека, который собирается заняться данным видом спорта. В процессе создания интерфейса были использованы средства языка разметки гипертекстовых документов HTML, прототипно-ориентированный сценарный язык программирования JavaScript, язык описания внешнего вида документа CSS и элементы растровой графики.
Для разработки интерфейса сайта были рассмотрены актуальные вопросы разработки и создания современного Web-сайта.
- изучение программного инструментария, применяемого для разработки и создания Web-сайтов;
- выявление и учет методов и способов представления на Web- страницах различных видов информации, не препятствующих их доступности;
- ознакомление с основными правилами и рекомендациями по разработке и созданию Web-сайтов и неукоснительное следование им на практике;
- определение структуры Web-страниц;
- выбор стратегии разработки и создания Web-сайта.
В результате всех проведенных работ на базе выбранных технологий был создан прототип современного Web-сайта. Интерфейс программы прост
и удобен, работа не требует получения большого количества дополнительных знаний.
Особенностью созданного интернет портала является наличие всей информации в одном месте, что позволяет всем увлеченным водным видом спорта людям получить максимальную информации о плавании, а также информацию о плавании в Белгородской области. Сайт может быть дополнен и обновлен в любое время.
Были выполнены следующие задачи:
- изучена предметная область в сфере разработки интерфейсов;
- определены технические и программные средства для разработки интерфейса интернет-портала «Заплыв»;
- разработан пользовательский интерфейс для интернет-портала «Заплыв»;
- разработаны элементы интерфейса интернет-портала «Заплыв»;
- разработана стратегию по продвижения ресурса;
- протестирован интернет-портал «Заплыв».
Разработанный Web-ресурс отвечает заявленной цели ВКР, а именно создан пользовательский интерфейс отвечающий общему уровню web- ресурса, имеющий интуитивный интерфейс, цветовую гамму которая отвечает всем требованиям и положительно сказывается на комфортном получении информации на портале. Также для достижения цели были выполнены все задачи.
Именно за счет создания таких сайтов повышается общий уровень интереса к спорту, здоровому образу жизни.
1 Баронов, В.В. Информационные технологии и управление предприятием [Текст] / В.В. Баронов, Г.Н. Калянов, Ю.Н. Попов, И.Н. Титовский. - М.: Компания АйТи, 2012. - 328 с.
2 Бычкова, С.М. Информационные технологии в бухгалтерском
учете и аудите [Текст] / С.М. Бычкова, С.В. Ивахненков - М.: «Проспект»,
2014 . - 216 с.
3 Деверадж, С., Окупаемость информационных технологий [Текст] / С. Демередж, Р. Кохли - М.: ЗАО «Новый издательский дом», 2013. - 192 с.
4 Красноперов, К. Н. Оценка эффективности ИТ-инвестиций [Электронный ресурс] / К.Н. Красноперов - Режим доступа: http://www.iteam.ru/publications/it/section 53/article 1250
5 Торнаков, С.Г. Осваиваем популярные системы управления сайтом [Текст] / С.Г. Торнаков - Изд-во ДМК-Пресс, 2011
6 Зайцева, Т.В. Методические указания по содержанию, выполнению и защите выпускных квалификационных работ [Текст] /Т.В. Зайцева, О.П. Пусная, Н.П. Путивцева - Белгород: Изд-во БелГУ, 2015. - 111с.
7 Маклаков, С.В BPwin и ERwin. CASE - средства разработки информационных систем [Текст] / С.В. Маклаков - Изд.: "Диалог-Мифи" - 2014.-295 с.
8 Гуров, В.В. Интернет для бизнеса [Текст] /В.В. Гуров - М.: ООО Электронинформ, 2013. - 224с.
9 Лапуста, М.А. Справочник директора предприятия[Текст] / М.А. Лапуста. - М.:Издательство Инфра,2012 - 48 с.
10 Новак, Б.В. 1C: Предприятие 8.0. Конфигурирование и настройка [Текст] / Б.В. Новак - М.: "Рампа", 2011. - 192 стр.
11 Брага, И.И. Автоматизированные информационные технологии в экономике [Текст] / И.И. Брага, Н.Г.Бубнова, Л.А. Вдовенко и др. Под ред. проф. Г.А. Титоренко. — М.: Компьютер, ЮНИТИ, 2012. - 400 с..
12 Костяев, Р. В. Бизнес в Интернете. Финансы, маркетинг,
планирование [Текст] / Р.В. Костяев. - СПб.: БХВ-Петербург, 2012 г. - 656 с.
13 Орлов, А.Г. Как создать и "раскрутить" web-сайт в Интернет [Текст] / А.Г. Орлов - М.: Альянс, 2013. - 512 с.
14 Планирование сайта: Электронный учебник [Электронный ресурс] / Режим доступа: http://www.Xserver.ru/
15 Ковалев, А.Н. Управление проектом по созданию Интернет-сайта [Текст] / А.Н. Ковалев. - М., 2014-420с.
16 Курганов, В.А. Создание Интернет-сайта [Текст] / В.А. Курганов - М., 2013-326с.
17 Набор дистрибутивов и программная оболочка, используемые Web-разработчиками для отладки сайтов без необходимости выхода в Интернет [Электронный ресурс] / Режим доступа: http://www.denwer.ru/
18 Кузнецов, А.М. Требования к графическому дизайну и юзабилити образовательных порталов / Интернет-порталы: содержание и технологии [Текст] / А.М. Кузнецов, В.В. Мартынов - М.: Просвещение, 2011. - 720 с.
19 Насакин, Г.С. Три кита веб-разработки компьютера [Текст] / Г.С. Насакин, А.М. Арапов - М., 2012 - №31-32 - с. 32-33
20 Криницкий, Н.А. Автоматизированные информационные системы [Текст] / Н.А. Криницкий, Г.А. Миронов, Г.Д. Фролов М.: - Наука, 2014.¬384с.
21 1С-Битрикс: Управление сайтом. Документация для разработчиков [Электронный ресурс]. - Режим доступа: http://dev.1c-bitrix.ru/api_help/
22 Басыров, Р. И. Открываем интернет-магазин с помощью 1С- Битрикс [Текст] / Р.И. Басыров - М.:Эксмо, 2014. - 511 с
23 Михелев, В.М. Базы данных и СУБД: учебное пособие [Текст] / В.М. Михелев- Белгород: Изд-во БелГУ, 2012 - 200 с.
24 Матросов, А. М. HTML [Текст] / А. Матросов, А. Сергеев, М. Чаунин - СПБ.: БХВ-Петербург, 2013 г. - 672
25 Котеров, Д. В. PHP 5 В Подлиннике [Текст] / Д.В. Котеров, А.Ф. Костарев - СПб.: БХВ-Петербург, 2011. - 1120 с.
26 Круг, Стив. Веб-дизайн. Символ-Плюс [Текст] / Стив Круг 2014. - 195 с.
27 Профессиональная студия веб-дизайна Antula [Электронный ресурс] - 11 апреля 2012. - Режим доступа: http://www.antula.ru/
28 Вейтман, Виктор. Программирование для Web [Текст] / Виктор Вейтман. - Киев, Диалектика, 2013. - 368 с.
29 Кирсанова, Д. Р. Веб-дизайн: книга Дмитрия Кирсанова [Текст] / Д.Р. Кирсанова — СПб: Символ-Плюс, 2010 — 376 с.
30 Олищук, А.В. Разработка Web-приложений на PHP 5. Профессиональная работа [Текст] / А.В. Олищук -М.: Вильямс, 2014. -352 с.
31 Канер, С. Тестирование программного обеспечения [Текст] / С. Канер - М: 2013 -103 с.
32 Фещенко, А.В. Основы сайтостроения: Электронное учебное пособие [Электронный ресурс] / А.В. Фещенко - Томск, 2013 Режим доступа: http: //ido .tsu.ru/other_res/ep/sait_umk/
33 Титоренко, Г.А. Информационные технологии управления [Текст] / Г.А. Титоренко - М.: ЮНИТИ-ДАНА, 2014
34 Тидвелл, Дженнифер. Разработка пользовательского интерфейса [Текст] / Дженнифер Тидвелл Питер, 2012 . - 416с.
35 Мамыкин, А.А. Стратегия и тактика маркетинга в Интернет [Текст] / А.А. Мамыкин // Маркетинг в России и за рубежом. - 2014. - № 2.
36 Муромцев, В.В. Проектирование информационных систем [Текст] / В.В. Муромцев - Белгород: Изд-во БелГУ, 2013.- 160 с.
37 Степанов, А. Н. Информатика: Учебник для вузов [Текст] / А.Н. Степанов - Санкт-Петербург: Питер, 2010. - 720 с.
38 Рассел, Р. Защита от хакеров коммерческого сайта [Текст] / Райан Рассел, Марк Мерков ДМК Пресс 2010, М..- 552с.
39 Зольников, Д.С. РНР 5. Как создать сайт [Текст] / Д.С. Золников - 2е изд. - М.: НТ Пресс, 2012 272c.
40 Канер, С. Тестирование программного обеспечения [Текст] / С. Канер - М: 2013 - 103 с.