Разработка Web-портала спортивной общественной организации

Развитие интернет технологий позволяют расширять сферу использования приложений определяя для них веб-порталы. С развитием новых технологий появилась еще одна возможность разработка клиент-серверных приложений для решения тех задач, которые ранее рассматривались как API решения, в частности использование веб технологий в задачах обработки информации в базах данных. Она появился с появлением языков сценариев с открытым кодом, таких как PHP. С самого начала РНР был оптимизирован для взаимодействия с базой данных MySQL, которая также распространялась на основе лицензии GNU / GPL. Для разных операционных систем были разработаны, кроссплатформенные веб сервер Apache, который обеспечил необходимую инфраструктуру на сервере. Устройством отображения на стороне клиента был браузер. Аббревиатуры LAMP (Linux, Apache, MySQL и PHP) и XAMPP (Windows XP, Apache, MySQL и PHP), в более сжатой версии рассматривают еще и веб платформу WAMP, стали синонимом интерактивного, поддерживаемого базой данных, представления информации в Интернете.
Эта технология позволила разработать самые различные системы, от простейших одностраничных гипертекстовых страниц до серьезных веб-интерфейсов таких как форумы, сообщества, онлайновые магазины, страницы опросов и другие подобные вещи, обеспечивающие возможность организации контента с помощью браузера[6].
Веб-портал представляет собой веб ресурс, который содержит и поддерживает множество сервисов. Для управления веб-порталом и доступа к его сервисам используют веб-интерфейсы.
Веб-интерфейс – это совокупность средств, при помощи которых пользователь взаимодействует с веб - сайтом или любым другим приложением с помощью браузера [1]. Удобство данного способа взаимодействия заключается в возможности пользоваться веб - интерфейсом с помощью любого компьютера, подключенного к сети Интернет. Кроме этого, важным достоинством является постоянная доступность веб - интерфейса для конечного пользователя.
Веб-порталы используются для организации и представлении данных в клиент-серверных приложениях, т.е. практически везде[11].
Таким образом, веб-порталы стали современным средством управления информацией и проблема построения современных многоцелевых порталов как никогда актуальна. Люди удаленно воздействуют посредством веб-интерфейсов на элементы различных подсистем веб-портала, видоизменяя их, управляя различными процессами, управляя, в глубоком смысле жизнью человеческого общества, исходя из своих потребностей. Качество и скорость работы прямо пропорциональны степени совершенства веб-порталов. В настоящее время, многие веб-порталы сложны для пользователей, поэтому очень важно создавать качественные решения, которые будут облегчать труд людей.
Предмет исследования – веб-технологии
Объект исследования: разработка веб-портала.
Цель исследования: Разработка Web-портала спортивной общественной организации.
Задачи исследования.
1. Проанализировать современные технологии разработки веб-порталов и информационных систем и определить современные требования к веб-интерфейсам порталов.
2. Изучить существующие технологии разработки веб-порталов и мотивировать выбор технологии разработки.
3. Определить требования к дизайну программного продукта.
4. Описать основные элементы клиент-серверной разработки.
5. Определить структуру программного продукта и выполнить его прототипирование с использованием современных инструментов веб-разработки.
6. Разработать программный продукт и описать основные этапы процесса разработки.
7. Протестировать программный продукт и определить требования к нему.
Авторский вклад: Разработка клиент-серверного приложения с веб-интерфейсом на базе современных технологий разработки. 
1. Разработка технического задания
1.1 Полное наименование приложения и его условное обозначение
Полное наименование: информационный портал спортивной общественной организации «Футбольный болельщик».
Условное обозначение приложения: «ИП Футбольный болельщик».
1.2 Основание для разработки
Основанием для разработки данного приложения является приказ по НГТУ на дипломное проектирование 3221/5.
1.3 Назначение и цели создания приложения
1.3.1 Назначение приложения
Приложение «ИП Футбольный болельщик» предназначено для информационного обслуживания, пропаганде здорового, спортивного способа жизни, воспитанию и привитию культуры футбольного болельщика, пропаганде футбола в среде футбольных болельщиков через общественную спортивную организацию.
1.3.2 Цели создания приложения
Основными целями создания приложения «ИП Футбольный болельщик» являются:
1) Автоматизация процесса проведения внутреннего документооборота спортивной общественной организации посредством системы электронного документооборота;
2) Автоматизация получения доступа к данным;
3) Автоматизация учета и анализа данных;
4) Организация общения в рамках форума между болельщиками
5) Автоматизация учета и анализа статистики популярности футбольных клубов и игроков.
1.4 Требования к приложению
1.4.1. Требования к функционированию приложения
Проектируемом приложении выполняются следующие функции:
1) Планирование и подготовка внутреннего документооборота организации;
2) Регистрация участников и членов организации;
3) Отображение информации, внутренний поиск;
4) Хранение и доступ к различным видам информации определенных категорий пользователей.
1.4.2 Требования к надёжности
Приложение должно сохранять работоспособность и обеспечивать восстановление своих функций при возникновении внештатных и аварийных ситуаций.
Приложение должно иметь возможность сохранять резервные копии содержимого сайта



 

ВВЕДЕНИЕ 5
1. Разработка технического задания 8
1.1 Полное наименование приложения и его условное обозначение 8
1.2 Основание для разработки 8
1.3 Назначение и цели создания приложения 8
1.3.1 Назначение приложения 8
1.3.2 Цели создания приложения 8
1.4 Требования к приложению 9
1.4.1. Требования к функционированию приложения 9
1.4.2 Требования к надёжности 9
2. ТЕОРЕТИЧЕСКИЙ АНАЛИЗ СОВРЕМЕННЫХ ТЕХНОЛОГИЙ РАЗРАБОТКИ ВЕБ-ИНТЕРФЕЙСОВ ДЛЯ ИНФОРМАЦИОННЫХ СИСТЕМ 10
2.1. Современные требования к веб-порталу 10
2.1.1. Создание веб портала 10
2.1.2. Основные характеристики корпоративных порталов 12
2.1.3. Архитектура корпоративных порталов 13
2.2. Технологии проектирования веб-интерфейсов 17
2.2.1. Проектирование структуры веб-интерфейса (Карты мозга) 17
2.2.2. Проектирование дизайна веб-интерфейса 21
2.2.3. Технологии прототипирования веб-интерфейсов 24
2.3. Технологии front-end разработки веб-интерфейсов 24
2.3.2. Технологии программирования (JavaScript jQuery JQueryUI Ajax) 27
2.4. Технологии back-end разработки 29
2.4.1. Наиболее распространенные средства серверной разработки (PHP MySQL) 29
2.4.2. Набор веб инструментов разработчика (CASE, IDE, проектировщики баз данных) 31
2.5. Проектирование информационных систем 31
2.5.1. Методологии проектирования 31
2.5.2. Инструменты проектирования 32
1.6. Выбор CMS 33
1.7. Выводы к первому разделу. 34
3. ПРОЕКТИРОВАНИЕ СТРУКТУРЫ ИНФОРМАЦИОННОЙ СИСТЕМЫ ТИПА ВЕБ ПОРТАЛ 36
3.1. Общие понятия проектирования информационных систем 36
3.2. Постановка задачи и основные особенности построения и работы интерактивного сайта 41
3.3. Функциональная диаграмма (IDEF0 или SADT) 45
3.4.Функциональная модель системы IDEF3 47
3.5. Разработка проекта сайта. Анализ требований. 48
3.6. Определение состава базы данных 50
3.7. Физическое проектирование базы данных 51
3.8. Установка и настройка системы 55
3.9.Разработка портала спортивной общественной организации 57
3.9.1. Выбор системы управления контентом 57
3.9.2. Разработка и установка шаблона сайта 59
3.9.3. Подключение и настройка интерактивного модуля форм 60
3.9.4. Подключение и настройка интерактивного модуля комментариев 62
3.9.5. Подключение и настройка интерактивного модуля форум 65
ЗАКЛЮЧЕНИЕ 69
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 72

В результате выполнение задания на дипломное проектирование и разработки программного продукта было проанализировано понятие сайта и этапы его создания.
На следующем этапе выполнения дипломного задания было проанализировано та выполнено задание по проектированию структуры сайта спортивной общественной организации «Футбольный болельщик». Для выполнения данной задачи был проведен детальный анализ всех видов требований к данному программному продукту на основании которых, была разработана структура сайта и определена возможность использования средств автоматизации.
Для повышения качества и скорости разработки сайта была проанализирована возможность использования автоматизации на этапе разработки. Затем, были рассмотрены возможности и средства автоматизации на этапе продвижения сайта, методы, формы и системы продвижения сайта.
Шаблон сайта разрабатывался вручную.
Затем была определена система разработки сайта CMS Joomla!.
Следующим этапом была разработка прототипа сайта, проекта сайта. Используя современные инструменты разработки были определены детали интерфейса сайта, его структура на базе которых было разработано техническое задание на разработку сайта. На этапе конструирования программного продукта была определена хост площадка, куда была перенесена CMS, были определены элементы сайта, цели, задачи, функции, элементы навигации.
На следующем этапе была разработана структура основной части сайта и создан каркас сайта, который частично был заполнен информацией.
Сайт был разработан. Таким образом, все поставленные задачи были выполнены задачи дипломной работы решены.
Адрес временной версии сайта: palace.virtlabse.com. Логин: StudentWork. Пароль: StudentWork

Рис.3.14. Сообщение об окончании развертывания системы
Этот процесс не сложный и предполагает ряд стандартных действий, установка дополнительных плагинов, редакторов, настройка языка и т.д. Обязательно установка Akeba BackUp, который управляет созданием резервных копий всего содержимого. Следует отметить, что создание резервных копий в магазине осуществляется каждые 12 часов и копии сохраняются на внешние диски. Возможность быстрого восстановления работы системы в случае возникновения проблемы является одной из основных характеристик портала. Следующим проблемным этапом явлеется руссификация как панели управления так и самого магазина. Для руссификации компонента загружается модуль руссификации с официального сайта, перенес его в ситему и перенастройка модуля портала.


Рис.3.15. Настройка модуля создания резервных копий

1. Арушанян О.Б. Архитектура клиентского программного обеспечения для web-приложений, ориентированных на представление данных // Вычислительные методы и программирование / О.Б.Арушанян, H.A.Богомолов, А.Д. Ковалев, М.Н. Синицын. - М., Прогресс, 2004 Т.5. с. 24-37.
2. Гагин А. Технология работы в глобальних общедоступных сетях. /А. Гагин - М: Jet Infosystems, 2006. - 235с.
3. Гудман Д. JavaScript. Библия пользователя, 4-е издание: Пер. з англ. /Д. Гудман - М.: Издательский дом "Вильямс", 2003. -960с.
4. Голицына, О.Л. Базы данных: Учебное пособие / О.Л. Голицына, Н.В. Максимов, И.И. Попов. - М.: Форум, 2012. - 400 c.
5. Грекул В.И., Денищенко Г.Н., Коровкина Н.Л. Проектирование информационных систем. Интернет-университет информационных технологий. / В.И. Грекул, Г.Н. Денищенко, Н.Л. Коровкина // ИНТУИТ.ру. − 2008.
6. Карпова, И.П. Базы данных: Учебное пособие / И.П. Карпова. - СПб.: Питер, 2013. - 240 c.
7. Кириллов, В.В. Введение в реляционные базы данных.Введение в реляционные базы данных / В.В. Кириллов, Г.Ю. Громов. - СПб.: БХВ-Петербург, 2012. - 464 c.
8. Коггзолл Джон. РНР 5. Полное руководство: Пер. з англ. / Джон Коггзолл - М.: Издательский дом "Вильямс", 2006. - 752 с.: рис. - Парал. тит. англ.
9. Козленко Л. Проектирование информационных систем. / Л. Козленко.
10. Колисниченко Д.Н. Joomla 1.5. Учебник пользователя. / Д.Н. Колисниченко. - М.; СПб.К.: Диалектика, 2009. -212с.: рис.
11. Кошелев, В.Е. Базы данных в ACCESS 2007: Эффективное использование / В.Е. Кошелев. - М.: Бином-Пресс, 2009. - 592 c
12. Мержевич Влад. Этапы проектирования сайта. /Влад Мержевич – [Электронный ресурс] – Режим доступа: http://www.htmlbook.ru/
13. Норт. Б. Joomla! Практическое руководство. /Б. Норт. - М.; СПб.: Символ-плюс, 2008. - 448 с.: рис.
14. Рамел Д. Самоучитель Joomla!.Пер. з англ. / Д. Рамел -СПб. БХВ - Питербург, 2008. - 448 с.: рис.
15. MindJet MindManager. Официальный сайт. – [Электронный ресурс] – Режим доступа: http://www.mindjet.com/
16. Томсон Лаура. Розработка Web -приложений на РНР і MySQL: Пер. з англ./Лаура Томсон, Люк Веллинг. - 2-е издание, испр. - СПб: ТОВ ДиаСофтЮП, 2003. - 672 с.
17. Федоров Н.В. Проектирование информационных систем на основе современных CASE-технологий. – М.: МГИУ, 2008. − 287 с.