Файл: Выпускная квалификационная работа разработка интернетмагазина запчасти для автомобилей Допущена к защите в гэк Зав кафедрой информатики и вт шестаков А. П. июня 2016 г.pdf

12
Правила хорошего тона Web-дизайна требуют, чтобы представление
Web-страницы было отделено от ее структуры. Поэтому профессиональные
Web-дизайнеры по возможности выносят определение стилей CSS в отдельные файлы (таблицы стилей).
К тому же, HTML-код, не загроможденный определениями стилей, становится более читабельным. Дело в том, что в HTML одновременно присутствуют теги логического и физического форматирования Web- страниц.
Каскадные таблицы стилей по сути своей не динамичны. Они позволяют определять, как будет выглядеть документ при загрузке и не более того. Но свойства Web-страниц, созданных с помощью CSS, можно динамически менять посредством языка JavaScript.
1.3.3 Flash
Flash одновременно является и программой (Flash, Macromedia Inc.) и файловым форматом (расширение .swf).
Преимущества Flash:
•
Платформенная независимость, т.е. страницы, созданные при помощи Flash, выглядят одинаково в разных операционных системах и различных браузерах;
•
Распространенность и предоставление дизайнерам огромное количество инструментов;
•
Правильно созданные Flash-файлы созданы правильно, они занимают мало места и достаточно быстро загружаются.
Недостатки Flash:
•
Flash-технология сложна в изучении;

13
•
Не желание многих пользователей сети Интернет обновлять версии проигрывателей Flash, и, следовательно, многие новые Flash-модули не работают;
•
Проблемы с интерфейсом и его стандартизацией;
•
Долгая загрузка из-за большого объема графических файлов.
1.3.4 JavaScript
Популярность языка
JavaScript связана с его широкими возможностями по взаимодействию с элементами веб-страницы без ее перезагрузки. Это позволяет прятать и показывать фрагменты дизайна, перемещать их и менять оформление. Путем таких действий можно создавать презентационные эффекты, меню, небольшие игры, обрабатывать данные форм и управлять содержимым.
•
Поддержка слоев. Слои предоставляют собой фрагменты HTML, которые можно размещать на веб-странице путем наложения их друг на друга с точностью до пикселя. Слои все больше приобретают признание как средство верстки веб-страниц и создания разных эффектов. Частично это связано с тем, что их параметры легко меняются динамически через скрипты, что дает возможность создавать меню и другие выразительные средства дизайна;
•
Работа с формами. Через скрипты удобно получать и обрабатывать любые данные форм, это позволяет проверить информацию на правильность ввода перед ее отправкой на сервер. Можно создать «защиту от дурака» для контроля того, чтобы в элементы форм вводились корректные сообщения. Так, если в текстовом поле просят ввести число, следует сразу пресекать возможность ввода нечисловых символов;
•
Работа с изображениями. Через скрипты можно делать предварительную загрузку изображений. Еще до прямого обращения к

14 изображениям, браузер помещает их в свою память, чтобы по мере необходимости быстрее отобразить в документе;
•
Работа с cookies. JavaScript поддерживает полноценную работу с cookies — небольшие текстовые файлы на локальном компьютере, в которых сохраняется техническая информация. Cookies можно использовать для сохранения даты последнего посещения читателя, паролей, а также любой информации о действиях посетителя на сайте. Подобное применение позволяет персонализировать сайт и сделать его более удобным для посетителей;
•
Создание новых окон. Скрипты позволяют создавать новые окна, задавать у этих окон вид отображения и формировать их содержимое.
Причем, у созданных таким способом окон можно отключать адресную строку, полосы прокрутки, меню и управлять их размером и положением на экране;
•
Проверка браузера. Подход разных браузеров к объектной модели, хоть и стандартизирован, но еще не всеми до конца принят. Поэтому для создания универсального документа, одинаково работающего везде, приходится делать проверку, какой в данный момент используется браузер, и давать ему подходящий код;
•
Математические функции. JavaScript содержит все необходимые арифметические операции, поддерживает все стандартные математические функции, как с целыми числами, так и с плавающей точкой.
При разработке приложения JavaScript важно помнить о разнице между клиентской и серверной платформами.
1.3.5 PHP
PHP - это язык программирования, предназначенный для создания сайтов. PHP позволяет автоматизировать работу с сайтом. Это скрипт-язык, встраиваемый в HTML, который интерпретируется и выполняется на сервере.

15
Отличие PHP от JavaScript, состоит в том, что PHP-скрипт выполняется на сервере, а клиенту передается результат работы, тогда как в JavaScript-код полностью передается на клиентскую машину и только там выполняется.
PHP является внедряемым языком сценариев. Цель языка состоит в том, чтобы позволить веб-разработчикам быстро создавать динамически генерируемые страницы. Кроме того, разработчикам Web-приложений нет необходимости говорить, что web-страницы - это не только текст и картинки.
Достойный внимания сайт должен поддерживать некоторый уровень интерактивности с пользователем: поиск информации, продажа продуктов, конференции и т.п. PHP работает как часть Web-сервера. В этом языке нет строгой типизации данных и нет необходимости в действиях по выделению/освобождению памяти. Программы, написанные на PHP, достаточно легко читаемы. Написанный PHP – код легко зрительно прочитать и понять.
Возможности PHP:
На PHP можно сделать все:
 обрабатывать данные из форм;
 генерировать динамические страницы;
 получать и посылать сеансы - куки (cookies).
Кроме этого в PHP включена поддержка многих баз данных
(databases), что делает написание Web-приложений с использованием БД до невозможности простым. Вдобавок ко всему PHP понимает протоколы
IMAP, SNMP, NNTP, POP3 и даже HTTP, а также имеет возможность работать с сокетами (sockets) и общаться по другим протоколам.
Возможности языка весьма серьезно расширяются с помощью дополнительных модулей, содержащих различные функции. Поэтому при

16 желании использовать функции из какого-либо модуля (да и самого языка
PHP) сначала необходимо проверить, поддерживает ли их Web-сервер.
Недостатки PHP:
По свой идеологии PHP изначально был ориентирован на написании небольших скриптов. PHP является интерпретируемым языком, и, вследствие этого, не может сравниться по скорости с компилируемым С. Однако при написании небольших программ, что, в общем-то, присуще проектам на PHP, ему просто нет равных.
Первоначально PHP было сокращение от Personal Home Page, теперь это означает Personal Hypertext Preprocessor.
1.3.6 CMS
Система управления содержимым (контентом) (англ. Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (то есть содержимым).
Основные функции CMS:
 предоставление инструментов для создания содержимого, организация совместной работы над содержимым;
 управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.;
 публикация содержимого;
 представление информации в виде, удобном для навигации, поиска.
В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов,

17 научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.
1.4 Выбранные методы проектирования
Для реализации поставленной задачи потребовалось следующее программное обеспечение:

Wordpress;

Woocommerce;

Denwer.
Далее описываются их основные возможности, достоинства, недостатки и характеристики.
1.4.1 Wordpress
WordPress — система управления содержимым сайта с открытым исходным кодом; написана на PHP; сервер базы данных — MySQL; выпущена под лицензией GNU GPL версии 2. Сфера применения — отблогов до достаточно сложных новостных ресурсов и интернет- магазинов. [13]
Первая версия WordPress была создана в 2003 году. Ее, как ответвление совершенно другого проекта, написал Мэтт Малленвег, программист из Хьюстона из штата Техас. Сначала WordPress ориентировался на создание персональных блогов.
Возможности Wordpress
WordPress является бесплатным программным обеспечением с открытым исходным кодом, которое можно загрузить и установить за несколько минут. Кроме того, подключаемые модули и темы расширяют заложенные в платформу возможности.

18
Поскольку платформа WordPress является открытой, это дает возможность изменять исходный код данной системы по своему усмотрению.
Если изменения будут удачными, их можно предложить на рассмотрение сообщества с целью включения их в следующий официальный релиз данной системы. Но добавлять новый код в ядро платформы данных релизов могут только пять основных разработчиков. Кроме того, дополнительный функционал можно реализовать посредством модулей расширения или плагинов.
Плагин - это расширение WordPress, которые добавляют функцию или функциональность, не заложенные в ней изначально.
Платформа WordPress существуют в двух видах: WordPress.org и
WordPress.com. На сайте WordPress.org находятся последние версии данной cms, подключаемые модули, темы и локализации. WordPress.com является сервисом компании Automattic, которая была основана с целью предоставления бесплатного хостинга для WordPress. WordPress.com построен на ответвлении от WordPress, называемом WordPress MU, что позволяет при помощи единственной установленной копии данной cms, контролировать одновременнно несколько сайтов.
Ресурс WordPress.com принадлежит и поддерживается компанией
Automattic, которая также курирует сайт WordPress.org и снабжает его разработками. Данная компания обеспечивает инфраструктуру для поддержки cms WordPress и предлагает работу многим веб-разработчикам данной системы.

19
Преимущества и недостатки Wordpress
Преимущества
Недостатки
1. Шаблоны и движок сайта можно установить бесплатно
1. Весьма весомая нагрузка на сервер
2. Большой вы шаблонов
2. Средняя скорость загрузки сайта
3. Быстрая установка
3. Ограниченный набор базовых функций
4. Понятная и простая панель администрирования
4. Дублирование страниц и изображений
5. Большой выбор доступных дополнений и расширений
(плагины);

5. Большое количество некачественных тем и дополнений с ошибками
6. Возможность вносить изменения в код шаблона

1.4.2 Woocommerce
Woocommerce - плагин для создания интернет-магазина с открытым исходным кодом. Разработан WooThemes. Выпущен чуть больше года назад и уже соискал популярность у многих разработчиков. Становится стандартом для создания интернет-магазина у многих WordPress разработчиков, включая меня.
WooCommerce распространяется по принципу «Freemium», сам плагин бесплатный, но дополнения к нему стоят денег. Эта модель довольно успешна, она позволяет настроить и запустить магазин, который подойдет большинству пользователей. За дополнительные платежные шлюзы и штуки, типа мультиязычности или автоматического пересчета валют нужно будет заплатить, но это необходимо далеко не всем.

20
1.4.3 Denwer
Denwer — набор дистрибутивов (локальный сервер WAMP) и программная оболочка, предназначенные для создания и отладки сайтов
(веб-приложений, прочего динамического содержимого интернет-страниц) на локальном ПК (без необходимости подключения к сети Интернет) под управлением ОС Windows.
Ниже приведена сравнительная таблица платформ:
Сравнение
Portable
Русский
язык
Наличие
GUI
Полезный
GUI
Просмотр
логов
AMPPS
-
+
+
-
+
AppServ
-
-
-
-
-
Denwer
+
+
-
-
-
EasyPHP
+
+
+
+
+
EleanorServ
+
+
+
+
+
Nimp
+
+
+
+
-
Open Server
+
+
+
+
+
Server2go
+
-
-
-
-
Uniformserver -
+
+
-
+
USBWebserver +
-
+
-
-
Vertrigo
-
-
+
+
+
Wampserver
-
+
+
+
+
Winginx
+
+
+
+
+
Xampp USB
Lite
+
-
+
-
-
На данной таблице видно, что лучшие результаты имеют следующие платформы: EasyPHP, Open Server, Winginx.
Но для начинающего пользователя лучше всего подходит платформа
Denwer, так как этосамый простой и проверенный временем WAMP комплект.

21
Вывод: система управления контентом WordPress, является очень гибкой. Практика показывает, что данную платформу можно применять для решения большинства задач, связанных с созданием веб-ресурсов разного назначения, хотя изначально данная cms создавалась как система управления блогом. Из-за простоты использования и функциональных особенностей
WordPress является оптимальным решением для разработки моего интернет- магазина.

22
Глава 2. Проектирование интернет-магазина и его реализация
2.1 Описание структуры интернет-магазина
Стандартный вариант интернет-магазина состоит из следующих функциональных частей:
 Каталог товаров;
 Поисковая система;
 Пользовательская корзина;
 Регистрационная форма;
 Форма отправки заказа.
2.1.1 Каталог товаров
Каталог обозначает перечень товаров с их описанием. Данные о товаре могут включать текстовую описательную информацию, значения характеристик, изображения, сведения о классификации, мультимедийную информацию, информацию о ценах и другое в зависимости от назначения и носителя.
2.1.2 Поисковая система
Поисковая система— это компьютерная система, предназначенная для поиска информации. Одно из наиболее известных применений поисковых систем — веб-сервисы для поиска текстовой или графической информации во Всемирной паутине. Существуют также системы, способные искать файлы на FTP-серверах, товары в интернет-магазинах, информацию в группах новостей Usenet. Поисковая система — это обязательный элемент динамического каталога и реализуется на стороне сервера.
2.1.3 Пользовательская корзина
Пользовательская корзина представляет собой некоторый массив данных, который служит для хранения заказанного пользователем товара.