Kodulehekülg «Starbucks coffee» Ida-Virumaa Kutsehariduskeksus Anna Silman IT-õppe valdkond

Ida-Virumaa Kutsehariduskeksus
IT-õppe valdkond
Tarkvara ja andmebaaside haldus
Anna Silman
Kodulehekülg «Starbucks coffee»
Lõpputöö
Juhatajad
O. Popova
J. Olikainen
Jõhvi 2014
СОДЕРЖАНИЕ
Введение ____________________________________________________________________3
1.
Постановка задачи ________________________________________________________4
2.
Программное обеспечение__________________________________________________5
3.
Описание проекта _________________________________________________________7
3.1.
База данных __________________________________________________________7
3.2.
Web-Site ____________________________________________________________11
3.2.1.
Скриншоты ______________________________________________________11
3.2.2.
Задачи администратора сайта _______________________________________14
Выводы ____________________________________________________________________15
Литература _________________________________________________________________17
Приложения ________________________________________________________________18
Список иллюстраций _______________________________________________________18
2
ВВЕДЕНИЕ
О проекте
Название проекта: "Starbucks coffee"
Учебное заведение: Ida-Virumaa Kutsehariduskeskus
Специальность: Tarkvara ja Andmebaaside haldus
Учащаяся 2 курса Анна Сильман
Предметы: Andmebaaside kasutamine, Andmebaaside haldus, Dokumenteerimine
Преподаватели: Ольга Попова, Елена Оликайнен
Основной
целью
моей
дипломной
работы,
являлось
создание
своего
рода
информационного веб-ресурса о компании Starbucks.
Главной задачей являлось ознакомление посетителей с компанией Starbucks и дать общее
представление о ней. Целевая аудитория сайта рассчитана на любителей Starbucks и кофе
в целом. Так же было задумано создание, форума, то есть у пользователя есть отличная
возможность написать комментарий либо отзыв, может быть дать совет другим
относительно похода в ту или иную кофейню, покупки продукции, и просто поделиться
своими впечатлениями. Так же существует возможность прочитать эти комментарии.
Комментарии сортируются, и последний комментарий, будет в списке самым первым, что
в свою удобно для пользователей.
3
1. ПОСТ АНОВКА З АД АЧИ
Важной
задачей
при
создании
данного
веб-сайта
являлось
создание
панели
администрирования. В первую очередь, это нужно для добавления новой информации на
сайт. Таким образом у администратора имеется возможность, добавлять новые
фотографии кофейни, либо же продукции. Администратор может удалять, не нужные
фотографии кофейни и фотографии всех категорий продукции. У администратора сайта
есть возможность удалять комментарии.
Для удобства посетителей сделано две кнопки, такие как, Instagram и Twitter. На Instagram
у посетителей сайта есть отличная возможность просматривать интересные фотографии,
которые связаны со Starbucks, возможно это новая продукция. Кнопка Twitter нужна для
ознакомления с новыми интересными новостями компании. Так же было задумано
сделать, форум, а точнее комментарии пользователей, на сайте есть возможность написать
комментарий либо отзыв, может быть дать совет другим относительно похода в ту или
иную кофейню, покупки продукции, и просто написать свои пожелания. Так же
существует возможность прочитать эти комментарии. Комментарии сортируются и
последний комментарий, будет в списке самым первым, что в свою очередь удобно для
пользователей.
4
2. ПРОГР АММНОЕ ОБЕСПЕЧЕ НИЕ
Macromedia Dreamweaver
Профессиональный редактор HTML для проектирования, написания кода и
поддержки сайтов, web-страниц и приложений сети.
Notepad ++
Свободный текстовый редактор для Windows с подсветкой синтаксиса большого
количества языков программирования и разметки текста.
Офисный
пакет
приложений,
созданных
корпорацией
Microsoft
для
операционных систем Microsoft Windows и Apple Mac OS X.В состав пакета входит
программное обеспечение для работы с различными типами документов: текстами,
электронными таблицами, базами данных и др.
XAMPP
Кроссплатформенная сборка веб-сервера, содержащая Apache, MySQL, интерпретатор
скриптов PHP, язык программирования Perl и большое количество дополнительных
библиотек, позволяющих запустить полноценный веб-сервер.
Adobe Photoshop
Многофункциональный графический редактор, разработанный и распространяемый
фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет
некоторые векторные инструменты.
5
Google Chrome
Браузер, разрабатываемый компанией Google на основе свободного браузера Chromium и
движка Blink.
6
3. ОПИСАНИЕ ПРОЕКТА
Рис. 1 - Главная
Основная цель проекта – это информация о компании «Starbucks». Данный проект
ознакомит посетителей сайта с продукцией этого бренда, традицией, историей и
интересными фактами.
3.1. База данных
Рис. 2 - База данных
7
Таким образом, выглядит база данных "Starbucks", которая состоит из четырех таблиц
(Article, Comment, Kofeini, Product) .
Рис. 3 - Article
Первая таблица "article", включает в себя все категории продукции, такие как (Кофе, Чаи,
Напитки, Выпечка, Фраппучино, Завтраки) таблица "article" связывается с таблицей
"product", через id article.
Рис. 4 - Comment
Таблица "comment", здесь отображаются все комментарии, которые добавляются на сайте
пользователем, в таблице содержится, имя пользователя, почта, сам комментарий, и дата
добавления комментария.
8
Рис. 5 - Кофейни
В таблицу "kofeini", добавляются фотографии, так же присваивается id и название
фотографии.
9
Рис. 6 - Product
В данной таблице прописываются фотографии продуктов. Каждый продукт связан с
определенной категорией из таблицы "article", каждая фотография имеет свое название
(img_title).
10
3.2. Web-Site
3.2.1.
Скриншоты
3.2.1.1 Скриншот главного меню для пользователей
В главном меню пользователь видит основные страницы сайта, такие как - Главная,
История, Интересные факты, Кофейни, Видео, так же здесь имеются 4 специальных
кнопки Instagram, Twitter, Написать комментарий, Прочитать комментарии.
Рис. 7 - Главное меню
3.2.1.2 Скриншот главного меню для администратора
Рис. 8 - Меню администратора
11
3.2.1.3 Категории продукции
Рис. 9 - Категории
3.2.1.4 Вкладка "Добавить"
В этой вкладке делается добавление как, категории товара так и добавление фотографий в
раздел кофейни
Рис. 10 - Добавление
12
3.2.1.5 Удалить продукт
В этой вкладке у администратора сайта есть возможность удалить продукт из
необходимой категории
Рис. 11 - Удалить продукт
После выбора нужной категории, мы видим список продуктов, и специально
предназначенную кнопку для удаления определенного продукта, при необходимости
администратор удаляет выбранную фотографию.
Рис. 12 - Кнопка удаления
13
3.2.1.6 Вкладка удалить Кофейню
В этой вкладке у администратора сайта есть возможность удалить кофейню
Рис. 13 - Удалить кофейню
3.2.2.
Задачи администратора сайта
В первую очередь к задачам администратора относится добавление продукции так как на
сайте имеется шесть различных категорий продукции (Кофе, Чаи, Напитки, Фраппучино,
Выпечка, Завтраки), администратору необходимо выбрать нужную категорию и уже
непосредственно туда добавлять товар, под этим подразумеваются добавление новой
фотографии продукции и ее наименования. Добавление фотографий, и возможно
наименование в раздел "Кофейни".
Так же в обязанности администратора сайта входит удаление ненужных фотографий и
наименований, так же из категории продукции товаров.
При необходимости у администратора сайта, есть возможность удалять ненужные
комментарии, которые в свою очередь посетители могут оставлять на сайте.
14
ВЫВОДЫ
Задачи проекта:
1. Показать знание PHP языка и HTML.
2. Показать умение пользоваться
сервером MySQL и программой PhpMyAdmin для
создания базы данных.
3. Умение использовать CSS-стили.
Сайт написан на языке программирования PHP
и представляет собой web-ресурс с
динамически меняющейся информацией. В свою очередь информация хранится в базе
данных, это позволяет без проблем добавлять, удалять и редактировать данные. С
помощью динамичного меню посетители сайта смогут легко перемещаться на нужную
страницу. Управление сайтом производит администратор, в его обязанности входит
добавление, редактирование и при необходимости удаление фотографий в категориях
продукции, и кофейнях, либо комментариев пользователей, Проект выполнен на языке
php, с использованием html - кода.
В заключении хочется сказать, что проект выполнен успешно, так как все поставленные
задачи были решены. Основным моментом , который хотелось осуществить являлось
создание своего рода каталога продукции, где все разделено на категории, для удобства
посетителей, то есть вся выбранная продукция Starbucks была разделена на шесть
основных категорий, задача оказалось выполнена.- Было задумано сделать не просто
галерею, а были выбраны красивые фотографии кафе Starbucks из разных стран мира, и
так же для того, что бы было приятное ощущения от просмотра фотографий был найден
красивый скрипт, который украшает веб-сайт, дает сайту свою индивидуальность. В моем
видении обязательным моментом
являлось создание форума на сайте, это отличная
возможность не только поделиться своими ощущениями, но и конечно же давать совет
относительно той или иной продукции. Очень довольна своими кнопками Instagram и
Twitter , по моему мнению это интересно и удобно для посетителей сайта, просматривать
новые фотографии и читать новости относительно Starbucks. Я думаю я добилась всех
поставленных задач и относительно работы на сайте в роли администратора, при
необходимости я могу добавлять продукции, непосредственно в нужную категорию, так
же , если нужно я могу удалить тот или иной товар с описанием, абсолютно без
15
затруднений. Или же добавить фотографию с описанием в кофейню. Конечно есть
множество задумок, как сделать сайт еще более продуктивным. Но это уже будет
следующий проект либо дополнение к этому Все цели, которые бил поставлены мной
перед началом выполнения дипломной работы были успешно выполнены.
16
ЛИТЕР АТУРА

www.google.com

www.wikipedia.org

www.freetemplates.com

www.php.su

www.starbucks.com
17
ПРИЛОЖЕНИЯ
Список иллюстраций
Рис. 1 - Главная ______________________________________________________________7
Рис. 2 - База данных __________________________________________________________7
Рис. 3 - Article________________________________________________________________8
Рис. 4 - Comment _____________________________________________________________8
Рис. 5 - Кофейни _____________________________________________________________9
Рис. 6 - Product ______________________________________________________________10
Рис. 7 - Главное меню ________________________________________________________11
Рис. 8 - Меню администратора _________________________________________________11
Рис. 9 - Категории ___________________________________________________________12
Рис. 10 - Добавление _________________________________________________________12
Рис. 11 - Удалить продукт ____________________________________________________13
Рис. 12 - Кнопка удаления ____________________________________________________13
Рис. 13 - Удалить кофейню ____________________________________________________14
18