«Mänguportaal» uudiste foorum Ida-Virumaa Kutsehariduskeksus Vlad Astapov IT-õppe valdkond

Ida-Virumaa Kutsehariduskeksus
IT-õppe valdkond
Tarkvara ja andmebaaside haldus
Vlad Astapov
«Mänguportaal» uudiste foorum
Lõputöö
Juhatajad
O. Popova
J. Olikainen
Jõhvi 2014
СОДЕРЖАНИЕ
ВВЕДЕНИЕ __________________________________________________________________3
1.
ПОСТАНОВКА ЗАДАЧИ __________________________________________________4
2.
ПРОГРАММНОЕ ОБЕСПЕЧЕНИЕ __________________________________________5
3.
ОПИСАНИЕ ПРОЕКТА ___________________________________________________6
3.1.
База данных __________________________________________________________6
3.2.
Веб-сайт _____________________________________________________________9
3.2.1.
Меню сайта _______________________________________________________9
3.2.2.
Меню сайта с авторизацией__________________________________________9
3.2.3.
Управление сайтом ________________________________________________10
3.2.4.
Управление новостями _____________________________________________11
3.2.5.
Управление прохождениями ________________________________________11
3.2.6.
Удаление ________________________________________________________13
3.2.7.
Возможности администратора ______________________________________14
ВЫВОДЫ __________________________________________________________________14
ЛИТЕРАТУРА ______________________________________________________________15
2
ВВЕДЕНИЕ
О проекте
Название проекта: "Mäanguportaal" uudiste foorum
Учебное заведение: Ida-Virumaa Kutsehariduskeskus
Специальность: Tarkvara ja Andmebaaside haldus
Учащийся 2 курса Влад Астапов
Предметы: Andmebaaside kasutamine, Andmebaaside haldus, Dokumenteerimine
Преподаватели: Ольга Попова, Елена Оликайнен
В наше время появляется всё больше и больше людей, которые интересуются игровой
индустрией. Игровая индустрия всё время расширяется и приобретает новые форматы и
направления. Таким образом появилось направление «видео-прохождение», которое стало
очень популярным.
Направление видеоблоггинга «видео-прохождения» стало очень популярным на Youtube.
Letsplay – «давайте поиграем» представляет собой прохождение игры с комментариями
автора. Со временем это направление выросло в целый жанр.
Со временем, деятельность подобного жанра на Youtube стала сложной, потому что
авторские права стали очень сильно ущемляться, поэтому я решил сделать проект,
который сможет предложить пользователям аналог Youtube.
Причина, по которой я выбрал данную тему для выпускной работы заключается в том, что
мой хороший знакомый занимается таким жанром видеоблоггинга, и я решил наглядно
продемонстрировать, по какому принципу работает вся система такого жанра. Сайт имеет
тесную связь с каналом на Youtube, поэтому большинство информации будет браться
оттуда.
3
1. ПОСТ АНОВКА З АД АЧИ
Важной задачей при создании данного видео-портала было создание максимально
удобного интерфейса и внешнего видео, чтобы посетители могли найти то, что им нужно.
Таким образом я вывел самые важные аспекты данной задачи:

Создание сайта с динамическим контентом, информация для которого берётся из
базы данных;

Удобное и понятное оформление интерфейса, дизайна и внешнего вида;

Предоставление возможности поиска нужных прохождений и выборка по
категориям различных рубрик и видео;

Предоставление возможности комфортного просмотра и скачивания видео.
Возможность для администраторов:

Возможность добавлять, редактировать и удалять прохождения, новости и серии;

Возможность управлять содержимым сайта;
У посетителей имеется возможность воспользоваться поиском, чтобы найти быстро и
удобно нужное прохождение. Помимо поиска имеется ссылка на рубрики, где так-же
отображаются прохождения с рубриками или особенным содержимым. Для удобства
посетителей, на главной странице был сделан вывод всей информации, которая была
обновлена на сайте: от последних загруженных видео и добавленных прохождений, до
вывода новостей и рекомендуемого видео. Таким образом посетитель всегда в курсе всех
последних событий.
Имеется регистрация на сайт, с помощью которой в дальнейшем будет возможно зайти на
сайт и пользоваться преимуществами зарегистрированных пользователей, однако на
данный момент функционал для обычных пользователей отсутствует. Однако, в случае
потери пароля, имеется возможность восстановления с помощью ввода почты, на которую
придёт новый пароль, автоматически сгенерированный системой. Хочу обратить
внимание, что все пароли в базе хранятся в зашифрованном виде.
Так-же у посетителей имеется возможность прочитать новости сайта, который
сортируются по дате добавления (по убыванию) в кратком содержании, однако при
нажатии на каждую новость имеется возможность прочитать полное содержание.
В случае, если у пользователя имеются вопросы или затруднения, он может
воспользоваться ссылками на «Правила» и «FAQ», где сможет найти информацию.
4
2. ПРОГР АММНОЕ ОБЕСПЕЧЕНИЕ
Для создания и разработки веб ресурса были использованы следующие программные
обеспечения:
Adobe Dreamweaver CS6 - универсальная программа для разработки веб-страниц с
удобным интерфейсом, подключаемыми инструментами и средствами визуального
редактирования CSS. Использовалось для написания PHP.
Adobe Photoshop CS5 - передовое в мире ПО для обработки изображений.
Использовалось для создания элементов дизайна, внешнего вида модулей и других
элементов дизайна.
Notepad ++ - универсальный редактор текста с огромным количеством настроек
для практически любых языков программирования с удобным и хорошим интерфейсом.
Использовался для написания CSS стилей и HTML шаблона.
XAMPP – кроссплатформенная сборка веб сервера, которая содержит в себе MySQL,
Apache, интерпретатор скриптов PHP и большое количество других библиотек для запуска
веб-сервера. Использовался для тестирования конечного варианта курсовой работы и
проверки работоспособности сайта.
Mozilla Firefox – веб браузер, с помощью которого происходил просмотр выпускной
работы и тестирование.
Google Chrome – альтернативный веб браузер, с помощью которого происходил
проверочный просмотр содержимого выпускной работы во избежание проблем с
отображением контента.
5
3. ОПИСАНИЕ ПРОЕКТА
Рис. 1 – Главная страница
Основная цель сайта – возможность предоставить людям просмотр видео-прохождений а
так-же быть в курсе всех последних новостей канала.
3.1. База данных
Для выпускной работы была создана база данных на MySQL – сервер PhpMyAdmin.
Проект выполнен на языках программирования HTML с использованием CSS стилей и
PHP. Для оформления и внешнего вида сайта, был написан дизайн с использованием CSS
стилей и Java скриптов.
Для хранения и вывода информации на сайт активно используется база данных.
База данных для проекта состоит из четырех таблиц:




Таблица «bs_users» - пользователи;
Таблица «bs_news» - новости;
Таблица «bs_list» - прохождения;
Таблица «bs_grid» - серии прохождений;
6
Рис. 2 - База данных
Рис. 3 – Таблица «bs_users»
Таблица «bs_users» состоит из 14 столбцов, где расписана вся информация про
зарегистрированных пользователей – логин, пароль, ник, имя, фамилия, почта, дата
регистрации, дата рождения, пол, аватар и т.п. Таблица используется частично, поскольку
часть информации постоянно добавляется, и со временем планируется использовать все
столбцы.
Рис. 4 - Таблица «bs_news»
Таблица «bs_news» состоит из 6 столбцов, где хранится информация для новостей –
название, краткое описание, полное описание, дата добавления, картинка новости и ID.
7
Рис. 5 – Таблица «bs_list»
Таблица «bs_list» является одной из ключевых для сайта таблиц, потому-что она хранит
информация обо всех прохождениях. Данная таблица имеет тесную связь с таблицей
списка серий. Таблица содержит информацию про название прохождения, тип
прохождения, картинки, фон и ID прохождения.
Рис. 6 – Таблица «bs_grid»
Таблица «bs_grid» предназначена для самого ценного контента на сайте – ссылки на
скачивание и на просмотр. Таблица имеет связь с таблицей «bs_list» по полю
«series_lp_id». В таблице содержится информация про картинку к видео, название на
серии, ссылки на просмотр и ссылки на скачивание, а так-же поля с ID и связные поля с ID
прохождения.
3.2. Веб-сайт
3.2.1. Меню сайта
Главное меню представляет собой все полезные и актуальные ссылки, которые
необходимы для пользованием сайтом. Если администратор или пользователь не вошел
на сайт, то он видит меню с кнопками для регистрации или входа.
Рис. 7 – Меню сайта
8
3.2.2. Меню сайта с авторизацией
Когда администратор или пользователь вошел на сайт, он видит панель со своим
Никнеймом, который он указал при регистрации. При наведении на свой ник, появляется
выпадающий список, где пользователь может перейти на панель управления сайтом и
контентом, либо совершить выход.
Рядом с никнеймом на примере имеется так-же маленькая аватарка – картинка, которую
выбирает себе каждый пользователь в редактировании профиля, однако на данный момент
такая возможность еще находится в разработке.
Рис. 8 – Меню сайта с авторизацией
3.2.3. Управление сайтом
Перейдя на страницу с управлением сайта, мы видим полный список возможностей,
которые нам доступны.
9
Рис. 9 – Управление сайтом
В левой верхней части контента мы видим новости, которые выводятся и берутся из базы.
Все новости выводятся в сортировке по дате добавления, и при нажатии открывают
возможность редактирования или удаления новости.
Ниже новостей находятся информационные строчки для администратора, где выводится
информация относительно рекомендуемого видео на сайте, а так-же видео, которое
представлено в качестве «шапка сайта». Все названия для этих строчек берутся из базы.
Ниже находятся все существующие прохождения, которые добавлены на сайт. В список
выводится картинка каждого прохождения и название, при нажатии на которые, мы
попадем в панель редактирования.
Справа находится панель действий, доступных для администратора.
3.2.4. Управление новостями
На сайте присутствует функция полного управления новостным контентом.
10
При нажатии на любую новость в панели управления, мы перейдём на новую страницу с
контентом для каждой функции.
Рис. 10 – Управление новостями
3.2.5. Управление прохождениями
При нажатии на каждое прохождение мы видим список серий, которые входят в него.
Нажав на каждую серию мы попадем на страницу редактирования. Мы имеем полную
возможность управления, поэтому можем удалить или изменить абсолютно всё – от
названия прохождения и его картинки, до изменения списка серий или изменения
категории.
Нам представлена вся информация по максимуму, чтобы у администратора была всё
представление о имеющихся прохождениях и сериях и полный контроль над контентом.
Сверху отображаются логотип, фон, картинка и шапка (по возможности), а снизу список
серий с индивидуальной картинкой для каждой.
11
Рис. 11 – Управление прохождениями
В случае, если нам необходимо добавить новую серию – мы нажимаем на
соответствующую кнопку справа и попадаем на страницу с созданием серии. Страница
создания
серии
имеет
практически
идентичный
вид
со
страницей
создания
прохождениями, где нам нужно лишь указать желаемые данные и нажать «создать».
Рис. 12 – Управление сериями
12
3.2.6. Удаление
В случае, если у нас возникла необходимость удалить прохождение, новость или серию –
мы можем совершить данное действие просто выбрав его внизу, если нажмем на
интересующую нас часть контента. Например, если мы хотим удалить серию, то при
нажатии на редактирование, нам нужно лишь нажать на кнопку «Удалить». В последствии
чего, серия будет удалена из базы.
Рис. 13 - Удаление
3.2.7. Возможности администратора
Чтобы сделать работу сайта полностью автоматизированной, я постарался вывести в
возможности управления администратором сайта абсолютно весь контент, который
только доступен на сайте.
Таким образом, человек, имеющий права администратора, может полностью управлять
ресурсом, даже не зная о том, что работает с базой данных.
Чтобы у администратора появились все возможные функции управления, было решено
вывести их в отдельное окно управления, где он имеет доступ ко всем функциям, которые
описаны выше.
Особое внимание было удалено детальности, чтобы не искать на сайте какое-то видео или
прохождение, поэтому абсолютно весь контент из базы выводится очень четко, подробно
и информативно, позволяя администратору легко ориентироваться в контенте сайта.
13
ВЫВОДЫ
Задачей моей выпускной работы была:
1. Продемонстрировать владение языков программирования php и html.
2. Показать на примере использование баз данных и преимуществ в работе с ними.
3. Разработать дизайн с использованием стилей и скриптов.
Для выпускной работы была создана база данных на MySQL – сервер PhpMyAdmin.
Проект выполнен на языках программирования HTML с использованием CSS стилей и
PHP. Для оформления и внешнего вида сайта, мною был написан дизайн с
использованием CSS стилей и Java скриптов. Для хранения и вывода информации на сайт
активно используется база данных.
В качестве заключительного вывода могу сказать, что проект получился очень хорошим, и
на мой взгляд – очень перспективным. На примере выпускной работы я смог понять и
применить знания, которые помогли мне написать сайт, который я буду развивать и
применю в будущем. Главная функция сайта – добавление видео и прохождений, а так-же
удобный дизайн – полностью осуществлены в данном проекте. Данный сайт будет очень
хорошим черновиком для превращения его в нечто большее.
14
ЛИТЕР АТУРА

www.google.ru

www.youtube.com

www.ajax.ru/sitemap

www.bsarchive.com
15