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
