lg “MTÜ KARU Klubi” Kodulehekü Ida-Virumaa Kutsehariduskeskus Mihhail Obdulov

Ida-Virumaa Kutsehariduskeskus
IT-õppe valdkond
Tarkvara ja andmebaaside haldus
Mihhail Obdulov
Kodulehekülg “MTÜ KARU Klubi”
Lõputöö
Juhataja:
O.Popova
Jõhvi 2014
СОДЕРЖАНИЕ
Введение .........................................................................................................................................3
1.
Постановка задачи .................................................................................................................4
1.1.
Задачи ...............................................................................................................................4
1.2.
Задачи администратора ..................................................................................................4
2.
Програмное обеспечение ......................................................................................................5
3.
Описание проекта ..................................................................................................................7
3.1.
База данных .....................................................................................................................7
3.2.
Web-сайт проекта ..........................................................................................................10
Выводы .........................................................................................................................................13
Литература ...................................................................................................................................15
Приложения .................................................................................................................................16
Список иллюстраций ...............................................................................................................16
2
ВВЕДЕНИЕ
О ПРОЕКТЕ
Проект называется «KARU klubi» - информационный сайт.
В качестве дипломной работы я сделал сайт для нарвского клуба для активной молодежи.
Данный клуб является зарегистрированной недоходной организацией, чьей основной
деятельностью является организация и участие в различного рода мероприятиях,
связанных с историей и фентези. Проект является по большому счету сайтом данного
клуба, поскольку у них его нет.
Название проекта: "Karu klubi"
Автор проекта: Михаил Обдулов
Год обучения: 2013-2014
Учебное заведение: Центр профессионального образования Ида-Вирумаа
Специальность: Управление программным обеспечением и базами данных
Предметы: Andmebaaside kasutamine, Andmebaaside haldus, Dokumenteerimine
Преподаватели: Ольга Попова, Елена Оликайнен
3
1. ПОСТ АНОВКА З АД АЧИ
Сайт KARU klubi – это информационный ресурс, где школа представляет информацию о
данной организации, а так-же о её деятельности. Основная задача данного проекта
является ознакомление пользователей с новыми возможностями активного отдыха.
Посетители смогут ознакомиться с деятельностью клуба, посмотреть фотографии с
прошедших событий.
1.1.
Задачи

Ознакомить посетителей с деятельностью клуба.

Ознакомить с фотографиями с уже прошедших мероприятий.

Ознакомить посетителей с грядущими мероприятиями.

Заинтересовать потенциальных клиентов воспользоваться услугами именно нашего
клуба.

Сделать удобный, доступный сайт.
1.2.
Задачи администратора

Добавлять новые разделы в галерее.

Редактировать разделы галереи.

Удалять и добавлять новые фотографии

Редактировать, добавлять и удалять события.
4
2. ПРОГР АМНОЕ ОБЕСПЕЧЕН ИЕ
Adobe Dreamweaver
Профессиональный редактор HTML для проектирования, написания кода и поддержки
сайтов, веб-страниц и приложений сети.
Xampp
Кроссплатформенная сборка веб-сервера, содержащая Apache, MySQL, интерпретатор
скриптов PHP, язык программирования Perl и большое количество дополнительных
библиотек, позволяющих запустить полноценный веб-сервер.
Microsoft Office
Офисный пакет приложений, созданных корпорацией Microsoft для операционных
систем Microsoft Windows и Apple Mac OS X. В состав пакета входит программное
обеспечение для работы с различными типами документов: текстами, электронными
таблицами, базами данных и др.
Adobe Photoshop
5
Мощный графический редактор, позволяющий работать практически с любым видом
изображений, разработанный компанией Adobe.
Google Chrome
Браузер, разработанный Google, использовался для проверки сайта
Notepad++
Свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой
синтаксиса большого количества языков программирования и разметки.
6
3. ОПИСАНИЕ ПРОЕКТА
Создана база данных на MySQL - сервере phpMyadmin
Проект выполнен на языке php, с использованием html - кода.
Для оформления веб - сайта использовались css – стили.
Использовались текстовые файлы для вывода информации на некоторые страницы.
Рис. 1. Главная страница
3.1. База данных
В базе данных имеется четыре таблицы: события - (activity), разделы галереи – (article),
изображения – (gallery) и пользователи – (users).
В таблице activity были использованы следующие поля:

Номер события

Название события

Краткое описание события

Ссылка на событие в Vkontakte

Дата события
7

Номер раздела галереи
Рис. 2. Таблица activity
В таблице article были использованы следующие поля:

Номер раздела

Название раздела

Изображение раздела

Дата создания раздела/события, к которому приурочен раздел
Рис. 3. Таблица article
В таблице gallery бил использованы следующие поля:

Номер изображения

Файл изображения

Название изображения

Краткое описание изображения

Дата изображения (при добавлении картинки синхронизируется с датой
раздела галереи)

Номер раздела галереи
8
Рис. 4. Таблица gallery
В таблице users использованы следующие поля:

Номер пользователя

Логин пользователя

Пароль пользователя

Адрес электронной почты пользователя

Имя пользователя

Фамилия пользователя

Аватар пользователя

Пол пользователя

Группа, к которой принадлежит пользователь
Рис. 5. Таблица users
9
В таблицу activity занесены данные о грядущих и прошедших событиях.
В таблицу article занесены данные о разделах галереи.
В таблицу gallery занесены данные, всех фотографий в галерее.
В таблицу users занесены данные всех зарегистрированных пользователей.
Таблица activity связана с таблицей article по полю activity_article для упрощения
добавления галереи для события.
Таблица gallery связана с таблицей article по полю id_article по аналогичной причине.
3.2.
Web-сайт проекта
Главная страница, о клубе
Рис. 6. Главная страница
На главной странице можно ознакомиться с информацией о клубе. Слева находится
виджет социальной сети Vkontakte.ru с ссылкой на страницу клуба в этой социальной
сети, а сверху находится меню.
События – на странице событий вы можете ознакомиться с тем, какие события пройдут в
скором будущем, либо уже прошли. Здесь же вы можете перейти на страницу данного
события в соц. сети Vkontakte, а также перейти к галереи данного события, опять же, если
галерея имеется.
10
Рис. 8. Страница событий
Галерея – На данной странице пользователь может ознакомиться с галереей. Галерея
поделена по разделам, каждому разделу присвоена картинка. Также есть возможность
просмотреть сразу все фото, как по разделам, так и просто сплошным потоком.
Фотографии отображаются в виде уменьшенных иконок, при нажатии на которые
срабатывает java скрипт и фотография отображается в полном размере.
Рис. 7. Галерея
11
Контакт - выводиться страница с контактными данными клуба и карта с его
местоположением.
Рис. 9. Котнакт
Вход для администраторов – поскольку функция входа необходима только для узкого
круга лиц, для входа необходимо ввести page=admin в адресной строке.
Рис. 10. Форма входа
12
Страница администрирования – данная страница доступна только для администрации,
после входа под соответствующим логином. С данной страницы можно управлять
основной частью данных, находящихся на сайте.
Рис. 11. Страница администрирования
13
ВЫВОДЫ
В процессе выполнения работы основная часть задуманных возможностей была
реализована, остальное же на данный момент находится в стадии разработке. Был
реализован показ фотографий через java скрипт, панель администрирования с
возможностью управлять всем контентом на сайте. Также была реализована защита от
несанкционированной попытки изменить контент. Для удобства администратора были
реализованы кнопки для управления контентом непосредственно на странице, где этот
контент отображается, но к сожалению на данный момент кнопки реализованы только для
страницы событий. В ближайших планах – создание раздела для комментариев и обратной
связи, а также добавление новых пользователей с различными правами.
14
ЛИТЕР АТУРА
http://www.freecsstemplates.org/
http://www.php.su/
http://moodle.e-ope.ee/
http://moodle.ivkhk.ee/
15
ПРИЛОЖЕНИЯ
Список иллюстраций
Рис. 1. Главная страница ...............................................................................................................7
Рис. 2. Таблица activity ..................................................................................................................8
Рис. 3. Таблица article ....................................................................................................................8
Рис. 4. Таблица gallery...................................................................................................................9
Рис. 5. Таблица users .....................................................................................................................9
Рис. 6. Главная страница .............................................................................................................10
Рис. 7. Галерея..............................................................................................................................11
Рис. 8. Страница событий ...........................................................................................................11
Рис. 9. Котнакт .............................................................................................................................12
Рис. 10. Форма входа ...................................................................................................................12
Рис. 11. Страница администрирования .....................................................................................13
16