Файл: Разработка сайта интернет-магазина цветов FLOWER-SHOP».pdf

ВВЕДЕНИЕ

Тема исследования является актуальной, так как в данный момент существует большая конкуренция среди различных фирм, которые предоставляют одинаковые товары и услуги. Что бы им создать конкуренцию, нужно уметь активно и грамотно продвигать свои товары и услуги. С появлением интернета это стало сделать намного проще, ведь в данный момент интернетом пользуется большая часть населения. Создание интернет-магазина и его продвижение в интернете, может помочь обогнать конкурентов, а качественная раскрутка сайта поможет привлечь новых клиентов и раскрутить свой бренд, что сделает его более узнаваемым. Достоинствами ведения бизнеса в интернете можно назвать работу сайта 24/7, невысокую стоимость создания и продвижения в интернете. Клиенты могут в любое время дня и ночи зайти на сайт для ознакомления или заказа товара, услуги, оставить отзыв, узнать о компании и времени ее работы и т.п. Компания в свою очередь может отслеживать какими товары чаще всего покупаю, чем люди больше всего интересуются, получая обратную связь и улучшая свой бизнес.

Объектом исследования является: WEB-программирование.

Предметом исследования является: разработка сайта интернет-магазина.

Целью данной работы заключается в проектировании и разработке сайта интернет-магазина «Flower-Shop».

Для достижения цели, будут решены следующие поставленные задачи:

Выбор технологии для создания приложения.

Разработка требований к приложению.

Описание хода разработки приложения.

Техническое задание и выбор средств реализации

На сайте будут реализованы следующие разделы сайта:

Регистрация – форма с полями:

• E-mail
• Пароль
• Имя
• Телефон

Авторизация – для зарегистрированных пользователей

• E-mail
• Пароль

О нас – информация о предоставляемых услугах

Контакты – контактная информация и форма обратной связи

Новости – список в формате:

• Дата
• Заголовок новости
• Содержание статьи
• Картинка

Отзывы – отзывы клиентов

Содержание

• Имя

Поиск по сайту – форма поиска

Корзина – таблица с полями

• Номер товара в корзине
• Название товара
• Цена
• Количество (с возможностью поменять – по умолчанию 1)
• Возможность поставить галочку напротив выбранного товара и удалить его из корзины
• Общая стоимость заказа

---

После нажатия на кнопку «Отправить заказ», вас перенаправляет на страницу где показывается ваш заказ (и ваши персональные данные), в поле «Адрес доставки» в котором пользователь должен указать адрес доставки по которому ему будет доставлен его товар, а в поле «Способ оплаты» выбрать один из предложенных способов оплаты. Под полями будет 2 кнопки «Подтвердить заказ» или «Вернуться к редактированию корзины». После нажатия кнопки «Подтвердить заказ» заказ отправляется в обработку, а пользователю на указанный при регистрации E-mail адрес приходит письмо с перечнем заказанных товаров.

В поле «Способ оплаты» можно выбрать один из предложенных вариантов:

• Наличными курьеру
• Банковской картой

Для создания внешнего интерфейса веб-сайта применяется язык гипертекстовой разметки HTML5. Для создания дизайна страниц веб-сайта, используются таблицы каскадных стилей CSS3. Для осуществления интерактивности во взаимодействии веб-сайта с пользователем, применяется язык программирования JavaScript. Для взаимодействия сайта с сервером будет использоваться PHP. Для работ работы с базой данных будет использоваться язык SQL.

Рассмотрим каждую технологию подробнее.

HTML5 (англ. HyperText Markup Language) — язык для структурирования и представления содержимого всемирной паутины. Это пятая версия HTML. Хотя стандарт был завершён (рекомендованная версия к использованию) только в 2014 году (предыдущая, четвёртая, версия опубликована в 1999 году), уже с 2013 года браузерами оперативно осуществлялась поддержка, а разработчиками — использование рабочего стандарта (англ. HTML Living Standard). Цель разработки HTML5 — улучшение уровня поддержки мультимедиа-технологий с одновременным сохранением обратной совместимости, удобочитаемости кода для человека и простоты анализа для парсеров.

Во всемирной паутине долгое время использовались стандарты HTML 4.01, XHTML 1.0 и XHTML 1.1. Веб-страницы на практике оказывались свёрстаны с использованием смеси особенностей, представленных различными спецификациями, включая спецификации программных продуктов, например, веб-браузеров, а также сложившихся общеупотребительных приёмов. HTML5 был создан как единый язык разметки, который мог бы сочетать синтаксические нормы HTML и XHTML. Он расширяет, улучшает и рационализирует разметку документов, а также добавляет единый API для сложных веб-приложений.

В HTML5 реализовано множество новых синтаксических особенностей. Например, элементы <video>, <audio> и <canvas>, а также возможность использования SVG и математических формул. Эти новшества разработаны для упрощения создания и управления графическими и мультимедийными объектами в сети без необходимости использования сторонних API и плагинов. Другие новые элементы, такие как <section>, <article>, <header> и <nav>, разработаны для того, чтобы обогащать семантическое содержимое документа (страницы). Новые атрибуты были введены с той же целью, хотя ряд элементов и атрибутов был удалён. Некоторые элементы, например, <a>, <menu> и <cite>, были изменены, переопределены или стандартизированы. API и DOM стали основными частями спецификации HTML5.

---

HTML5 также определяет некоторые особенности обработки ошибок вёрстки, поэтому синтаксические ошибки должны рассматриваться одинаково всеми совместимыми браузерами.

CSS3 (англ. Cascading Style Sheets — каскадные таблицы стилей) — формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.

JavaScript - мультипарадигменный язык программирования. Поддерживает объектно-ориентированный, императивный и функциональный стили. Является реализацией языка ECMAScript (стандарт ECMA-262).

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.

Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation в США.

PHP (англ. PHP: Hypertext Preprocessor — «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools — «Инструменты для создания персональных веб-страниц») — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

---

Язык и его интерпретатор (Zend Engine) разрабатываются группой энтузиастов в рамках проекта с открытым кодом. Проект распространяется под собственной лицензией, несовместимой с GNU GPL.

Популярность в области построения веб-сайтов определяется наличием большого набора встроенных средств и дополнительных модулей для разработки веб-приложений. Основные из них:

• Автоматическое извлечение POST и GET-параметров, а также переменных окружения веб-сервера в предопределённые массивы;
• Взаимодействие с большим количеством различных систем управления базами данных через дополнительные модули (MySQL, MySQLi, SQLite, PostgreSQL, Oracle (OCI8), Oracle, Microsoft SQL Server, Sybase, ODBC, mSQL, IBM DB2, Cloudscape и Apache Derby, Informix, Ovrimos SQL, Lotus Notes, DB++, DBM, dBase, DBX, FrontBase, FilePro, Ingres II, SESAM, Firebird / InterBase, Paradox File Access, MaxDB, Интерфейс PDO), Redis;
• Автоматизированная отправка HTTP-заголовков;
• Работа с HTTP-авторизацией;
• Работа с cookies и сессиями;
• Работа с локальными и удалёнными файлами, сокетами;
• Обработка файлов, загружаемых на сервер;
• Работа с XForms.

SQL (англ. structured query language — «язык структурированных запросов») — декларативный язык программирования, применяемый для создания, модификации и управления данными в реляционной базе данных, управляемой соответствующей системой управления базами данных.

Является прежде всего информационно-логическим языком, предназначенным для описания, изменения и извлечения данных, хранимых в реляционных базах данных. SQL считается языком программирования, в общем случае (без ряда современных расширений) не является тьюринг-полным, но вместе с тем стандарт языка спецификацией SQL/PSM предусматривает возможность его процедурных расширений.

Изначально SQL был основным способом работы пользователя с базой данных и позволял выполнять следующий набор операций:

• Создание в базе данных новой таблицы;
• Обавление в таблицу новых записей;
• Изменение записей;
• Удаление записей;
• Выборка записей из одной или нескольких таблиц (в соответствии с заданным условием);
• Изменение структур таблиц.

Со временем SQL усложнился — обогатился новыми конструкциями, обеспечил возможность описания и управления новыми хранимыми объектами (например, индексы, представления, триггеры и хранимые процедуры) — и стал приобретать черты, свойственные языкам программирования.

При всех своих изменениях SQL остаётся самым распространённым лингвистическим средством для взаимодействия прикладного программного обеспечения с базами данных. В то же время современные СУБД, а также информационные системы, использующие СУБД, предоставляют пользователю развитые средства визуального построения запросов.

---

1. Описание модулей серверной части программы и их взаимодействие

Рисунок 2.1 - Рисунок структуры серверной части приложения

Рисунок 2.2 - Рисунок дерева вызова программных модулей

Таблица 2.3 – Таблица с описанием программных модулей

№ п/п	Наименование модуля	Функции модуля
1.	Глобальный модуль	Содержит глобальные функции для корректной работы интернет-магазина.
2.	Модуль каталога	Выводит товары пользователю содержащиеся в определенных категориях сайта интернет-магазина.
3.	Модуль новостей	Выводит пользователям все новости с кратким описанием, в котором содержатся “Картинка статьи”, “Название статьи” и “Дата создания статьи”. Нажав на статью выводится полное описание статьи в котором содержится “Название статьи”, “Картинка статьи”, “Текст статьи”, и “Дата создания статьи”. Нажав на кнопку «Добавить новость» и заполнив поля “Название статьи”, “ Картинка статьи”, “Текст статьи”, “Дата создания статьи” и нажав на кнопку «Опубликовать» статья будет опубликована на сайте, такая функция доступна только если авторизоваться под администратором сайта. Нажав на «Красный крестик» возле статьи, можно удалить конкретную статью с сайта, такая функция доступна только если авторизоваться под администратором сайта.
4.	Модуль товаров	Выводит пользователям все товары опубликованы на сайте. Выводи товара с кратким описанием, в котором содержатся поля “Картинка товара”, “Название товара”, и “Цена товара”, а также 2 конки «Подробнее» и «Заказать». Нажав на кнопку «Подробнее» выводится полное описание товара, в котором есть поля “Картинка товара”, “Название товара”, “Артикул товара”, “Состав товара” и “Цена товара” и кнопка «Заказать» Нажав на кнопку «Заказать» товар добавляется в корзину после чего его можно будет купить, оплатив заказ наличными или картой. Нажав на кнопку «Добавить товар» и заполнив поля “Категория”, “Картинка товара”, “Название товара”, “Артикул товара”, “Состав товара”, “Цена товара” и нажав на кнопку «Добавить» товар будет добавлен на сайте, такая функция доступна только если авторизоваться под администратором сайта. Нажав на кнопку «Редактировать» и изменив содержание полей “Картинка товара”, “Название товара”, “Артикул товара”, “Состав товара”, “Цена товара” и нажав на кнопку «Редактировать» содержание товар будет изменено на сайте, такая функция доступна только если авторизоваться под администратором сайта. Нажав на кнопку «Удалить» возле выбранного товара, можно удалить конкретный товар с сайта, такая функция доступна только если авторизоваться под администратором сайта.
5.	Модуль отзывов	Выводит пользователям все отзывы, оставленных другими пользователями на сайте, в котором содержатся “Имя”, и “Текст” отзыва. Заполнив поля формы “Имя”, “Текст”, и нажав на кнопку «Опубликовать» можно опубликовать отзыв на сайте. Нажав на «Красный крестик» возле отзыва можно удалить конкретный отзыв с сайта, такая функция доступна только если авторизоваться под администратором сайта.
6.	Модуль пользователей	Нажав на кнопку «Регистрация» и заполнив поля формы “Адрес электронной почты”, “Пароль”, “Имя”, “Мобильный телефон”, после чего нажав на кнопку «Регистрация» пользователь будет зарегистрирован на сайте. Нажав на кнопку «Авторизация» и заполнив поля формы “Адрес электронной почты” и “Пароль” после чего нужно нажать на кнопку «Вход» если такой пользователь существует, он будет авторизован на сайте.

---