Характеристика основных программных средств построения электронного магазина. Разработка структуры построения электронного магазина. Безопасность платежей в Интернете. Разработка алгоритма работы интернет-магазина. Разработка системы оплаты и доставки.
Аннотация к работе
1.4 Безопасность платежей в Интернете Разработка структуры построения электронного магазина 2.2 Разработка алгоритма работы электронного магазина 3. проектирование и программная реализация интернет - магазина4.1 Расчет по созданию и размещению магазина в сети интернет5.1 Требования безопасности при работе с персональными ЭВМУдачный web-сайт - это в высшей степени эффективный инструмент торговли - он способен захватывать внимание аудитории. Такие web-сайты, пусть даже содержащие иногда огромное количество полезных советов и статей, практически никогда не достигают предполагаемого уровня посещаемости, не говоря уже о продажах. Сделав всего несколько изменений, простой web-сайт может превратиться в более надежный и эффективный инструмент. Важно помнить, что изо дня в день на потенциальных клиентов обрушивается поток информации и различных рекламных сообщений, и что в плане завоевания их внимания существует предельно жесткая конкуренция. Web-сайт, способный привлечь внимание и вызвать любопытство, побудит клиентов не только просмотреть оставшиеся страницы и совершить покупки, но и снова посетить его через некоторое время, а также рекомендовать своим друзьям и знакомым.Для проведения анализа принципов построения электронного магазина рассмотрим как устроен и работает существующий интернет - магазин на примере интернет - магазина «Озон». Интернет - магазин «Озон» располагается в сети интернет по адресу: www.ozon.ru . ADO является надстройкой над OLE-DB, который позволяет единым образом обращаться к данным различного вида (например, к электронным таблицам, текстовым файлам, базам в форматах Paradox, DBASE, Access, MS-SQL и любым другим через интерфейс ODBC). Если после ввода логина и пароля длительное время (более 20 минут) не производить никаких действий и переходов по сайту - сессия работы на Озоне закрывается, и придется повторно вводить логин и пароль. Товар помещается в корзину нажатием кнопки «Купить», далее можно продолжить выбор или перейти в корзину для дальнейшего оформления заказа.Несмотря на то, что каталог обеспечивает упорядочивание и группировку данных, поисковая система дает пользователю возможность быстрого поиска информации, что особенно важно в том случае, когда каталог представляет собой достаточно разветвленную структуру данных с большим количеством разделов, подразделов и товаров, пользователь плохо представляет в каком разделе может находиться интересующий его товар и есть ли он в каталоге вообще. На начальном этапе в проекте интернет - магазина будут реализованы способы оплаты как оплата почтовым переводом и оплата курьеру наличными. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин лично в связи с неудобным для них графиком работы магазина. В заключении можно отметь, что интернет-магазин должен быть информативен, не содержать лишней или ненужной информации, при этом иметь такой способ представления товаров, который позволит покупателю с легкостью найти то, что его интересует, а также ненавязчиво попробовать заинтересовать его чем-то другим, чтобы магазин запомнился. В серверной части архитектуры рассматривается работа интернет - магазина в сети Интернет, взаимодействие программного обеспечения магазина и сервисов, предоставляемых собственниками серверов, провайдеров.В клиентской части архитектуры разрабатывается максимально удобная и доступная работа потенциального клиента на страницах интернет - магазина. Серверная часть содержит в себе размещение интернет магазина на сайте провайдера, поддерживающие технологии, используемые при создании интернет - магазина. Выбор платного хостинга заключается в том, что есть хоть какие-то гарантии, сайт получает имя на доменном уровне, поддерживаются все современные технологии, не будет назойливых рекламных баннеров, не относящихся к тематике сайта, скорость закачки будет заметно выше, обслуживание таких сайтов удобнее, есть возможности для развития, введения новых услуг для привлечения клиентов. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин в связи с неудобным для них графиком работы магазина. Эта кнопка находится напротив каждого товара в списке (при просмотре товаров внутри категории, результатов поиска, на странице с подробной информацией о товаре).Так как за основу берется бесплатная версия программного продукта OSCOMMERCE, в затратную часть создания интернет - магазина относятся такие расходы как: расходы по электроэнергии, расходы по размещению магазина в сети интернет (хостинг), заработная плата программисту и курьеру и прочие всевозможные расходы на канцелярские товары и расходные материалы для компьютера. При расчете электроэнергии для девятичасового рабочего дня, получаем расход - 526,5 КВТ в месяц за все оборудование (таблица 2). При этом учитываются затраты на зарплату программиста, зарплату курьера, транспортные расходы курьера, электроэнергию, хости
План
СОДЕРЖАНИЕ
ВВЕДЕНИЕ
1. ОБЗОР ПРИНЦИПОВ ПОСТРОЕНИЯ ИНФОРМАЦИОННЫХ СИСТЕМ ДЛЯ ТОРГОВЛИ ЧЕРЕЗ ИНТЕРНЕТ
1.1 Анализ принципов построения электронных магазинов
Вывод
При разработке архитектуры интернет-магазина, для удобства было обозначено несколько частей: администраторская, клиентская и программная.
Администраторская часть содержит инструменты управления интернет - магазином и включает в себя как общие настройки магазина, так и специальные настройки.
В клиентской части архитектуры разрабатывается максимально удобная и доступная работа потенциального клиента на страницах интернет - магазина. Разработка интерфейса, доступные и понятные диалоговые окна, удобные системы оплаты и доставки товаров.
Программная часть архитектуры интернет - магазина рассматривается как взаимосвязь операционной и серверной части.
Серверная часть содержит в себе размещение интернет магазина на сайте провайдера, поддерживающие технологии, используемые при создании интернет - магазина.
В операционной части рассматривается среда разработки интернет магазина.
Для создания интернет-магазина выбор пал на php. Это мощная среда для разработки, совместимая со всеми операционными системами и браузерами, не требующая высоких аппаратных средств компьютера, довольно проста в освоении и продолжает развиваться и совершенствоваться. Также он поддерживается подавляющим большинством платных хостингов, что является несомненным плюсом.
Выбор платного хостинга заключается в том, что есть хоть какие-то гарантии, сайт получает имя на доменном уровне, поддерживаются все современные технологии, не будет назойливых рекламных баннеров, не относящихся к тематике сайта, скорость закачки будет заметно выше, обслуживание таких сайтов удобнее, есть возможности для развития, введения новых услуг для привлечения клиентов. Также можно заключить долгосрочный договор, что будет гарантировать бесперебойную работу сайта, его защиту от взлома и вирусов, позволит избежать неприятных сюрпризов вроде прекращения существования данного хостинга.
Много места для интернет - магазина не понадобится, вполне хватит 30-50 мегабайт.
Проведя анализ многих существующих хостов был сделан выбор в пользу провайдера ОАО «Академорг», который имеет хорошую технологическую возможность для полноценной работы интернет - магазина.
Для создания и первоначального тестирования интернет - магазина будет использоваться локальный сервер. Он значительно упростит систему отладки работы интернет - магазина.
На начальном этапе в проекте интернет - магазина будут реализованы такие способы оплаты, как оплата почтовым переводом и оплата курьеру наличными. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин в связи с неудобным для них графиком работы магазина.
3. проектирование и программная реализация интернет - магазина
3.1 Функциональное обеспечение
При разработке интернет-магазина были использованы наиболее оптимальные решения, отвечающие современным требованиям интернет-проектов.
Предоставляемые возможности разработанной системы.
Публикация информации в режиме реального времени. Удаленное редактирование содержания веб-страниц.
Работа с разнотипными мультимедийными материалами (текст, таблицы, фото, аудио, видео).
Изменение структуры сайта - создание новых рубрик и разделов. Все операции управления сайтом происходят через стандартный браузер без применения специализированных программ работы с файлами на сервере.
Возможность установки перекрестных ссылок на любые внутренние документы сайта, что позволяет связывать документы сайта в гипертекст.
Возможность изменения структуры веб-страниц, дизайна сайта, с помощью шаблонов. Элементы дизайна, навигации в виде шаблонов размещаются в специальной папке. Эти шаблоны используются для создания «неповторимого облика» сайта.
В автоматическом или в ручном режиме прописывать мета-тэги (ключевые слова для поисковых машин, комментарии, описания).
Управляемая интернет-витрина с возможностью делать заказы. Гибкие настройки каталогов товаров.
Авторизованный доступ к администрированию интернет-магазина. Автоматическое отражение в меню сайта изменений, производимых любым из удаленных администраторов сайта.
Возможность создавать неограниченное количество разделов, подразделов и страниц.
Расширенная поисковая система, позволяющая посетителям находить все интересующие страницы интернет-магазина.
Единая база данных для хранения информации о товарах.
Возможность произвольно перемещать документы и разделы по дереву каталога товаров, группировать их или дробить по мере развития магазина. Перемещение происходит без потери информации.
Возможность временно скрывать от посетителей страницы и разделы. Чаще всего это используется, когда для подготовки информации в разделе требуется продолжительное время.
Возможность удалять страницы и разделы. При этом всегда производится контроль содержимого раздела - можно удалить только раздел не имеющий дочерних подразделов.
3.2 Информационная структура
Структура сайта включает пять разделов (главная, о компании, интернет-магазин, услуги, новости/статьи).
При разработке концепции информационного наполнения сайта учитывались ниже представленные факторы.
Тип и формат представления информации.
Сайт состоит из статичных html-страниц. Использовались обычный текста и графики.
Возможно, оптимальной будет необходимость интегрировать в контент сайта Flash-презентации. В случае интернет-магазина использовались динамические страницы, пользователю выдается информация из базы данных (например, прайс-лист).
Структурирование информации.
С самого начала следует определиться - каким образом можно структурировать информацию, из которой состоит сайт. Сегментация информации производилась по типу аудитории, для которой та либо иная информация будет интересна или полезна, по степени важности информации и по типу самой информации.
Для формирования контента сайта привлекались: руководитель фирмы, главный бухгалтер, специалисты по ремонту оборудования, менеждеры по продажам.
От объема и сегментации информации на сайте зависит выбор средства навигации. Самое главное требование, предъявляемое к системе навигации, состоит в том, чтобы она была интуитивно понятной для пользователей с любым уровнем подготовки. Реализованная на сайте система навигации должна позволить пользователю быстро найти именно то, что ему необходимо и сразу дать представление о том, из чего состоит сайт и что еще полезного можно здесь найти.
Основой веб-навигации сайта являются гипертекстовые ссылки, расположенные внутри сайта.
Существует целый набор средств навигации. Считается хорошим тоном иметь на сайте сразу несколько дублирующих друг друга разноплановых инструментов навигации, каждый из которых будет более удобен как для определенного круга пользователей, так и для разных типов поиска на сервере. К элементам навигации, использованным на сайте, относятся: На рисунке 2 представлена панель навигации - список основных разделов сайта, располагается на всех страницах сайта.
Рисунок 2 - Панель навигации
Ссылки внутри панели навигации от страницы к странице имеют тенденцию к последовательности местоположения, стиля и направления. Ссылки структурированы в зависимости от иерархической структуры сайта фирмы.
Карта сайта изображена на рисунке 3 - наиболее полезный инструмент - специальная выделенная страничка на сервере, содержащая полную структуру сайта.
Рисунок 3 - Карта сайта
Требования к веб-страницам.
В интернете, как ни в каком другом средстве массмедиа, важно максимально быстро завладеть вниманием пользователей, поскольку на расстоянии одного клика мыши находятся другие сайты сходной тематики или сайты конкурентов.
Уже по главной странице пользователь должен понять, что представляет собой вебсайт и чем будет интересен/полезен. Здесь же, на главной странице, помещены анонсы новостей, существует возможность оповещать о новых продуктах и маркетинговых программах. Подобная информация будет полезной для повторных или постоянных посетителей: если их каждый раз встречает что-то новое, это хороший стимул возвращаться на сайт вновь. К тому же такая мобильность - показатель динамичного развития компании и сайта.
Информация целесообразно делить на небольшие порции. Редко кто из пользователей читает с экрана очень длинные файлы. В то же время версии страниц сайта должны умещаться при печати на страницу формата A4, а не дробиться на небольшие куски.
Очень важным является объем страниц. Нельзя допустить потери посетителя только потому, что он не смог дождаться до конца загрузки сайта. Объем заглавной страницы разработанного сайта не превышает 25 килобайт.
Графика, которая используется, максимально оптимизирована для наискорейшей загрузки веб-страниц сайта.
Наполнение, расширение и актуализация информации на сайте.
Сайт редко представляет ценность для посетителей, если информация на нем не меняется. Особенно важно это для ресурсов, стремящихся сформировать у себя постоянную аудиторию. На большинстве «правильных» сайтов регулярно публикуются новости, старая информация поддерживается актуальной и своевременно корректируется, появляются новые разделы, расширяются существующие. Поэтому нужно сразу определиться с тем, кто будет поддерживать информационную, составляющую сайта, и каким образом будут происходить обновления.
От характера, объема, регулярности обновлений и квалификации персонала, производящего обновления, будет зависеть выбор инструментария.
На небольших ресурсах корректировки можно проводить на уровне изменения текста в html-коде заданных страниц. Причем это может делать веб-мастер, создавший сайт, или персонал. Для осуществления обновления, требуется знание HTML.
3.3 Дизайн вебсайта
Некоторые люди придерживаются мнения, что web-дизайн сайта - лишь красивое оформление страниц и не более того. Но это мнение ошибочно - веб-дизайн обязательно должен быть «умным», ведь это первое, с чем сталкивается посетитель нашего сайта.
Верстка. «Резиновая» верстка сайтов до сих пор почему-то считается эталоном совершенства и признаком мастерства верстальщика. При этом почти всегда забываются негативные стороны «резинового подхода». Например, расползание колонки текста по ширине при больших размерах окна браузера. Это расползание ничем не ограничивается и в итоге пользователь может получить содержимое средней web-странички в виде одной строки. Читать информацию с экрана и так, прямо скажем, неудобно, но в случае длинной строки добыть какую-то полезную информацию вообще проблематично.
Как показывает опыт, колонка основного текста на веб-страничках должна быть ограничена по ширине в диапазоне 400-600 пикселей при средних размерах шрифта. У типографов, скорее всего, можно найти более четкие определения взаимоотношений ширины колонки и кегля текста.
Еще один момент в нефиксированной верстке, возникающий не так часто, как нарушение целостности колонки текста - расползание элементов навигации по всей ширине страницы.
В нашем случае, при разработке сайта фирмы применение «резиновой» верстки не оправдано.
Сайт построен на «фиксированном» дизайне. Макет страницы создавался на основе таблиц и слоев определенной ширины.
Выбор ширины зависел от ориентации на определенное разрешение монитора пользователей. Так, для разрешения 1024х768 пикселей использовался размер таблицы не более 850 пикселей. Для всех пользователей сайт, построенный на таком макете, будет отображаться корректно.
Применение каскадных таблиц стилей (CSS). Облик веб-страниц сайта управляется элементами дизайна, обеспечиваемыми каскадными таблицами стилей (Cascading Style Sheets, CSS). Таблицы стилей на базе CSS устанавливают правила, которые определяют представление класса тегов или единичного тега. Правила таблиц стилей могут применяться для определения множества визуальных аспектов объектов страницы, включая цвет, размер и положение. Фрагмент файла reston.css смотри на рисунке 4.
Рисунок 4 - Фрагмент файла reston.css
К сожалению, в разных браузерах присутствуют различные ошибки. Визуализация осуществляется не во всех браузерах одинаково, поэтому необходимо тестировать веб-страницы с присоединенными таблицами стилей. При разработке интернет-сайта применялась внешняя таблица стилей. Ссылка на стороннюю таблицу располагается в заглавном разделе html-документа: .
Параметры оптимизации HTML кода. В случае раскрутки с поисковыми системами в качестве параметра оптимизации следует выбрать номер позиции по необходимому запросу.
Список параметров, которые подлежат оптимизации: - заголовок страницы (Title);
- мета-теги: ключевые слова (keywords), описание (description);
- содержание страницы: частота слов, вес слов, расположение.
Оптимизация содержания станицы, без оптимизации заголовка (Title), часто становится мало эффективной. Правильная оптимизация заголовка может очень серьезно повысить рейтинг страницы, потому что слова в заголовках имеют большой вес у пауков поисковых машин, а также в системах индексации в каталогах. Таким образом, можно сделать вывод: правильно сделанный заголовок страницы - половина успеха.
Для того чтобы оптимизировать мета-теги, их нужно правильно написать. Рассмотрим список основных мета-тегов: - следует указать содержание заголовка веб-страницы;
- следует указать ключевые слова, соответствующие данной странице;
- следует указать краткое описание содержания страницы, эти данные могут быть использованы поисковыми системами для составления краткого описания страницы в списке результатов (примерно 150 символов);
- следует указать поисковому роботу можно или нельзя индексировать страницу.
Для оптимизации страниц, необходимо знать, где наиболее удачные места позиционирования ключевых слов. Т.е. слов, под которые мы оптимизируем веб-страницу. Привожу список, в котором располагаются области размещения ключевых слов, по убыванию приоритета: - Normal text;
- Title;
- Link text;
- h1 ... h6;
- Meta tags;
- Alt description;
- Bold text.
Следует заметить, этот список справедлив не для всех поисковых систем. Это лишь обобщение, которого следует придерживаться с небольшими изменениями, для каждой конкретной поисковой системы.
Таблица 1 - Частота ключевых слов на примере поисковой системы Yandex.ru
HTML section Удельный вес
Head
В среднем для Title: 20 %
В среднем для Meta Keywords: на главной странице 6 %
В среднем для Meta Keywords: 3 %
В среднем для Meta Description: 5 %
Body
В среднем для Heading: 3.2 %
В среднем для Link Text: 2.5 %
В среднем для Alt: 3.5 %
В среднем для Body Text: 2 %
Хорошо индексируются страницы созданные скриптами php примерно до 7 дней.
При оптимизации всегда возникает вопрос, а с какой частотой ключевые слова должны встречаться. На этот вопрос однозначного ответа нет. У каждой поисковой свои требования. Персонал поисковиков держит в секрете формулу, по которой рассчитывается релевантность страниц. Лучше провести исследование, после обработки результатов можно будет говорить с приемлемой достоверностью о формуле расчета релевантности. В таблице 1 приведены примерные данные частоты ключевых слов.
3.4 Принципы работы комплекса скриптов интернет-магазина
При разработке архитектуры интернет-магазина, для удобства было обозначено несколько частей: администрирование и клиентская часть.
Администрирование содержит инструменты управления интернет-магазином и включает в себя как общие настройки магазина, так и специальные настройки.
Клиентская часть архитектуры разработана максимально удобно для посещения потенциального клиента веб-страниц интернет-магазина: дружелюбный интерфейс, доступные и понятные диалоговые окна, удобные системы оплаты и доставки товаров.
Доступ в администрирование.
Для входа в административный интерфейс необходимо набрать в браузере адрес магазина
Вход в администрирование осуществляется с помощью формы изображенной на рисунке 5.
Рисунок 5 - Вход в администрирование
В этой форме указываем логин и пароль администратора, который был введен в процессе установки магазина. Если вы авторизованы как администратор, в пользовательской части магазина вам будет доступна ссылка
>> АДМИНИСТРИРОВАНИЕ << по которой вы сможете попасть в административный интерфейс.
Изменить логин и пароль администратора возможно в разделе администрирования «Настройки», далее «Доступ в администрирование».
Восстановление логина и пароля администратора.
Если вы забыли логин и/или пароль для входа в администрирование, возможно указать новые с помощью утилиты forgot_password.php. Этот файл находится в папке extra архива Shop Script FREE. Скопируйте forgot_password.php из этой папки в директорию, в которую установлен Shop Script, и затем запустите его.
Для этого наберите в браузере http:///forgot_password.php).
Рисунок 6 - Форма смены пароля
С помощью появившейся формы изображенной на рисунке 6 можно задать новые логин и пароль администратора. После того, как данные для входа в администрирование восстановлены, необходимо удалить forgot_password.php из корневой папки магазина. Если не сделать этого, кто-либо другой сможет получить доступ к администрированию магазина!
Пользовательская часть.
Каталог товаров.
В пользовательской части магазина представлен каталог товаров магазина. Пользовательская часть позволяет клиентам перемещаться по сайту и оформлять заказы. Товары сгруппированы по категориям «оргтехника» и «товары для здоровья».
На рисунке 7 представлен интерфейс главной страницы магазина.
Рисунок 7 - Интерфейс главной страницы интернет-магазина
Доступ к категориям осуществляется двумя способами: - переходом по ссылкам в центре главной страницы;
- через список категорий.
Формирование вложений в категориях не ограничено, т.е. категории могут быть разбиты на подкатегории, а последние, в свою очередь, также могут быть разбиты на подкатегории и т.д.
Формирование вложений в категориях не ограничено, т.е. категории могут быть разбиты на подкатегории, а последние, в свою очередь, также могут быть разбиты на подкатегории и т.д.
Выбрав название категории (кликнув по названию), посетитель магазина увидит список товаров, содержащихся в выбранной категории. Список категорий в левой части страницы всегда отображает текущее местонахождение клиента (помечается оранжевым цветом) в дереве категорий.
Когда посетитель магазина заходит в какую-либо товарную категорию, ему будет показан список товаров данной категории, разбитый по страницам. Просматривая список товаров (в категории и т.д.), кликнув на название товара, посетитель перейдет на страницу с полным описанием товара, представлена на рисунке 8.
Детализированная страница товара позволяет клиенту не только добавить товар в корзину, но и увидеть увеличенное изображение товара, проголосовать.
Кнопка «Добавить в корзину» показывается для товара, если выполняются все следующие условия: - цена товара положительна (строго больше, чем ноль);
- если товар имеется на складе (для товара включена галочка «На складе»);
Если цена товара равна нулю (0) или отрицательная (<0), кнопка «Добавить в корзину» и цена не отображаются (режим просмотра товаров).
Данные особенности кнопки «Добавить в корзину» позволяют отключить функцию размещения заказа на определенный товар.
Если необходимо полностью отключить систему размещения заказов, можно сделать это в администрировании в разделе настроек, отключив галочку «Показывать кнопку «Добавить в корзину».
Рисунок 8 - Страница товара
При помощи формы «Оценить товар» на странице с подробной информацией о товаре смотри рисунок 8 посетитель может повлиять на рейтинг товара.
Параметры оценки от 0 до 5 отображаются под названием товара, где 0 окрашенных звезд означает самый низкий рейтинг, 5 окрашенных звезд означает самый высокий уровень популярности. Все посетители могут проголосовать за товар (даже если они не зарегистрированы или не приобретали данный товар). За одну сессию (за один раз захода в интернет-магазин) посетитель может проголосовать за определенный товар только один раз. Если посетитель нажимает кнопку «Проголосовать» более одного раза, то учитывается только первый голос, остальные - игнорируются.
Корзина.
Добавление товаров в корзину происходит очень просто - одним нажатием на кнопку «Добавить в корзину». Эта кнопка находится напротив каждого товара в списке (при просмотре товаров внутри категории, результатов поиска, на странице с подробной информацией о товаре).
Рисунок 9 - Страница корзины
После нажатия кнопки «Добавить в корзину» или «купить», пользователю открывается страница корзины показано на рисунке 9. На странице корзины клиент видит заказанные товары, может выбрать и удалить товары, которые он передумал покупать, или очистить корзину. Состояние корзины отображается каждый раз, когда клиент добавляет товар в корзину. С этой страницы клиент может либо перейти на страницу оформления заказа, либо вернуться обратно к списку товаров. По умолчанию выбор опции «Вернуться к покупкам» отправляет клиента на главную страницу магазина.
Оформление заказа. Для оформления заказа клиенту предлагается предоставить необходимую контакную информацию (имя, фамилия, адрес доставки). На рисунке 10 представлена форма оформления заказа.
При нажатии на кнопку «Отправить!» система сохраняет заказ в базе данных и отправляет два электронных письма-уведомления: - клиенту - сообщение с информацией о заказе;
- администратору магазина - уведомление о размещении заказа.
Это сообщение отправляется на адрес, указанный в настройках магазина.
Когда заказ сохранен в базе данных и уведомления отправлены, перед клиентом открывается страница «Спасибо за ваш заказ».
Административная часть (администрирование). Управление каталогом товаров осуществляется в разделе администрирования «Категории и товары».
Для того чтобы добавить новую категорию/подкатегорию в список, необходимо нажать на кнопку «Добавить» в нижней части столбца Категории изображено на рисунке 11. Появится окно с выбором опций на рисунке 12.
Parent: определяет родительскую категорию, куда будет помещена новая категория. Если вы выберите в качестве родительской некорневую, а уже существующую категорию, то вы создадите подкатегорию. Для создаваемой категории введите название. Также можно загрузить любое изображение, которое наилучшим образом характеризует категорию или товары в категории. С помощью данной формы возможно загружать только графические файлы с расширениями: .jpg, .jpeg, .gif, .bmp, .png. Другие расширения не разрешены.
Рисунок 10 - Оформление заказа
Описание категории (description): область, где следует написать несколько слов о категории, которую вы создаете - это будет описанием категории. Описание появляется под названием категории, как только покупатель заходит на страницу категории. Описание задается в виде html-текста.
Чтобы внести изменения в существующую категорию, нажмите на название категории/подкатегории, которую хотите редактировать. Дальнейшие действия аналогичны описанным выше.
Рисунок 11 - Администрирование - каталог товаров
Рисунок 12 - Окно с выбором опций для создания новой категории
Чтобы добавить новый товар, нажмите на кнопку «Добавить» в нижней части столбца Products.
Появится окно, изображенное на рисунке 13 с выбором опций для товара.
Рисунок 13 - Окно с выбором опций для товара
Parent: определяет категорию/подкатегорию, в которую будет помещен товар. Корневая папка (Root) может работать как запоминающий буфер: содержание папки не отражается в пользовательской части, и посетители его не видят.
Наименование (product name): укажите название товара, который вы хотите добавить.
Внутренний код/артикул (product code): если товар маркируется, то здесь необходимо указать его код. Это поможет идентифицировать его при заказе товара клиентами. Информация, которую вы введете здесь, используется только для внутреннего использования: показывается только администратору, но не клиенту.
Цена (price): здесь указать стоимость товара в валюте, которую мы определили в разделе «Настройки» администрирования. Если указать цену как отрицательное значение или ноль, то кнопка «Добавить в корзину» будет заблокирована и клиент не сможет заказать этот продукт.
Старая цена (list price): заявленная здесь цена указывается для того, чтобы показать клиенту, что товар в вашем магазине продается дешевле, чем в других магазинах.
Например, вы можете указать в этом поле цену на данный товар в других магазинах, а затем в поле Цена (price) указать более низкую стоимость. Таким образом, внимание покупателя акцентируется на предлагаемой скидке. Система автоматически подсчитает, сколько экономит покупатель.
Другой пример: если в магазине стоимость на определенный товар уменьшилась, вы можете указать старую стоимость в этом поле, что позволит покупателю наглядно представить, что действующая цена ниже, чем была ранее.
На складе (in stock): включите, если товар «есть на складе», т.е. доступен для заказа. Если выключите данную опцию, пользователь не сможет заказать этот товар.
Фотографии товаров (picture): здесь можете выбрать изображение (фотографию) товара.
Изображение можно загрузить в трех вариантах: - фотография: посетитель видит это изображение на странице с подробной информацией о товаре;
- уменьшенная копия: посетитель видит это изображение, когда находится внутри категории или на странице результатов поиска;
- увеличенная копия: открывается в отдельном окне.
С помощью данной формы вы можете загружать только графические файлы с расширениями: .jpg, .jpeg, .gif, .bmp, .pcx. Другие расширения не разрешены.
Скрипт магазина не меняет автоматически размер изображений, т.е. не создает из увеличенной копии изображения уменьшенного или обычного формата. Перед загрузкой необходимо самостоятельно изменить изображения по величине в графическом редакторе.
Описание (description): опишите в нескольких словах товар, который вы добавляете. Это описание появится на странице с подробной информацией о товаре в пользовательской части. Поле задается в формате HTML.
Краткое описание (brief description): это описание появится под названием товара в списке товаров (т.е. когда покупатель открывает список товаров категории, просматривает результаты поиска и т.д.). Поле задается в формате HTML.
Таблица товаров. Таблица товаров отображается в основном окне администрирования магазина. Нажав на название категории, вы уведите таблицу товаров, содержащихся в данной категории. Представлена на рисунке 14.
При помощи этой формы вы можете осуществлять поиск товара по имени или по внутреннему коду.
Enabled: в этой колонке можно временно отключить показ товара в пользовательской части. Уберите галочку напротив товара, и покупатель не увидит его в вашем магазине.
Внутренний код (product code): если вы маркируете товар, здесь будет отображен код товара.
Наименование (product name): наименование товара, как его видят покупатели.
Рейтинг (rating): в этом поле отражается рейтинг товаров магазина. Рейтинг продуктов определяют посетители магазина. Вы можете сами увеличить или уменьшить рейтинг товара.
Рисунок 14 - Таблица товаров категории Мониторы
Цена (price): в этом поле указывается стоимость товара в рублях. Значения в этом поле является редактируемыми, вы можете изменить стоимость товара, не открывая окно редактирования товара.
На складе (in stock): здесь показывается, сколько единиц товара имеется на складе. Значение в этом поле является редактируемым, вы можете изменить его, не открывая окно модификации товара.
Фотография (picture, enlarged picture, thumbnail): указывает количество загруженных для товара изображений.
Далее ссылка для перехода на страницу «Специальные предложения», эти товары показываются на витрине (главной странице) магазина. Поместить в специальные предложения можно только те товары, для которых загружено изображение.
Редактирование товара. Для того чтобы редактировать данные о товаре, вам необходимо нажать на название товара или на ссылку кода в таблице товаров. Откроется окно, аналогичное окну «Добавить новый товар».
Рейтинг (rating): это поле показывает текущий рейтинг товара. Можно регулировать значение, указанное в данном поле (число может быть дробным, например, 1.345).
Специальные предложения. В нижней части главной страницы пользовательской части магазина показываются специальные предложения интернет-магазина. На рисунке 15 изображен выбор товаров, которые можно демонстрировать как новые товары, бестселлеры, товары со скидкой.
Рисунок 15 - Специальные предложения интернет-магазина
Заказы и покупатели. В разделе «New orders» вы можете осуществлять поиск заказов по их номеру или статусу (состоянию),изображенном на рисунке 16.
Чтобы удалить заказ, необходимо нажать кнопку «Удалить» напротив заказа.
Цена заказанных товаров действительна на момент размещения заказа.
Рисунок 16 - Раздел административной части - Заказы
Настройки магазина изображены на рисунке 17 (Configuration). Основные настройки (General settings). В данном разделе вы можете определить основные настройки магазина.
Store name - название интернет-магазина. Название появится в строке заголовка браузера (верхний левый угол) и будет включено в электронные сообщения (такие как, например, уведомление о заказе), посылаемые клиентам из магазина.
Store URL - этот URL будет публиковаться в электронных сообщениях, которые посылаются клиентам магазина. В этом поле вы можете ввести адрес, кликнув по которому пользователь попадет в интернет-магазин.
Email адрес магазина - с этого электронного адреса будут отправляться электронные сообщения вашим покупателям (например, уведомления о заказах).
Email для отправки уведомлений о заказах - электронный адрес, на который администратору будут приходить сообщения об успешно оформленных заказах.
Currency left symbol - обозначение валюты слева от суммы (цены) - обозначение валюты, которое будет выводиться слева от суммы при показе цен на товары в магазине. Например, если введем «$», то цены будут отображаться следующим образом: $531.00.
Currency right symbol - обозначение валюты справа от суммы (цены) - обозначение валюты, которое будет выводиться справа от суммы при показе цен на товары в магазине. Например, если введем “ руб.”, то цены будут отображаться следующим образом: 531.00 руб.
Currency ISO3 code - трехбуквенный код валюты ISO3 - код валюты, в которой вводятся и в которой будут отображаться цены на продукты. Поддерживается работа только с одной валютой.
Рисунок 17 - Раздел административной части - Настройки магазина
Оформление.Оформление (Appearance) смотри рисунок 18 - в этом разделе вы можете выбрать цвета отображения таблиц в пользовательской части (например, таблица корзины и т.д.), максимальное количество товаров и столбцов при показе товаров на странице, а так же включить/выключить опцию показа кнопки «Добавить в корзину» .
Рисунок 18 - Раздел административной части - Оформление
Для изменения цветовой гаммы шаблонов необходимо редактировать файлы шаблонов магазина.
Maximum products count per page - максимальное количество товаров на странице - здесь можно задать, сколько товаров в пользовательской части будет отображаться на страницах результатов поиска и страницах категорий. Если количество товаров в категории или в результатах поиска превышает указанное значение, то список товаров разбивается на несколько страниц.
Maximum columns per page - количество столбцов при показе товаров на странице - необходимо ввести количество колонок в таблице продуктов в пользовательской части.
Enable shopping cart facility - включить возможность оформления заказов - если эта опция выключена, то пользователи не смогут добавлять товары в корзину и оформлять заказы: кнопка «Добавить в корзину» и раздел оформления заказа будут отключены.
Снимите этот флажок, и магазин будет работать в режиме интернет-каталога, а не интернет-магазина.
Show highest rated subcategories" products in empty categories - показывать наиболее популярные товары в пустых категориях - если в категории, в которой находится пользователь, нет ни одного товара, то: - если опция отключена, то так и будет показано - "нет товаров";
- если опция включена, то из подкатегорий текущей категории будут взяты самые популярные товары (по рейтингу), и показаны покупателю как "Лучший выбор".
Доступ к администрированию. Доступ к администрированию (Admin login/password) - в этом разделе можете изменить логин и пароль администратора. Просто введите новый пароль и/или логин администратора наряду со старым паролем в соответствующие графы и нажмите «Сохранить».
Дополнительная информация. Дополнительная информация (Auxiliary information) - этот раздел создан с целью предоставить информацию на дополнительных страницах («Правила работы» и «Как купить»). Возможно использовать HTML-теги в полях ввода информации для дополнительной страницы.
Интерфейс интернет-магазина. В Shop Script FREE поддерживается многоязычный интерфейс с возможностью переключения языка. По умолчанию язык интерфейса содержатся в папке languages - english.php.
Чтобы изменить какие-либо выражения уже существующего языка интерфейса (например, изменить какие-либо фразы на английском языке), нужно просто редактировать существующий файл, открыв языковой файл в любом текстовом редакторе и внесите необходимые изменения.
Для добавления нового языка необходимо создать php-файл, подобный тему, что уже находятся в папке includes/language. В нашем случае необходимо добавить русский язык интерфейса. Создаем файл russian.php в папке languages как копию файла english.php, и затем переводим все языковые конструкции с английского языка на русский.
После создания языкового файла нам необходимо добавить его в список текущих языков, использующихся в интернет-магазине (простого создания файла не достаточно для того, чтобы новый язык появился в списке доступных языков).
Список языков, в которых может быть отображен интернет-магазин, определяется в файле cfg/language_list.php. И редактируем файл в текстовом редакторе.
Добавление языка интерфейса russian.php (фрагмент файла cfg/language_list.php): $lang_list[0] = new Language();
По аналогии можно добавлять новые языки интерфейса, удалять и изменять существующие.
Шаблоны.
Shop Script работает на основе шаблонной библиотеки Smarty (http://smarty.php.net).
Smarty - это мощный инструмент, позволяющий сделать дизайн интернет-магазина легко редактируемым и отделить его от PHP скриптов. Дизайн настраивается в шаблонах, которые представляют собой HTML файлы, расположенные во вложенной папке templates/tmpl1/ в директории, где установлен скрипт магазина.
Содержимое файлов-шаблонов представляет собой HTML-код со вставками специальных тэгов Smarty, оформленных в фигурных скобках {} - это различные условия {if}, циклы {section} и т.п.
Основной шаблон пользовательской части index.tpl.html (этот шаблон определяет внешний вид магазина). При помощи HTML редактора Macromedia Dreamweaver были внесены необходимые изменения: цветовое оформление, логотип, изменена панель навигации, и другие элементы дизайна.
3.5 Разработка алгоритма работы интернет-магазина
Заходя на сайт интернет - магазина открывается главная страница, где посетитель видит интернет-витрину со специальными предложениями, панель навигации, каталог товаров и содержание корзины.
Переход к необходимому товару возможен по категории, по производителю, по поиску названия или модели, либо просто нажав на картинку, соответствующего товара (см. прил. Б-Г).
После выбора товара пользователю переходит в корзину. Проверив все данные, необходимо будет подтвердить заказ. Далее ввести контактную информацию и адрес доставки.
Информация о сделанном заказе просматривается менеджером магазина и передается на выполнение.
3.6 Разработка системы оплаты и доставки
На начальном этапе в проекте интернет-магазина будут реализованы способы оплаты как: Для частных лиц - оплата курьеру наличными. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин.
Доставка курьером будет осуществляться только для жителей города. Д
Список литературы
ПРИЛОЖЕНИЕ А (обязательное) КАК РАБОТАЕТ ИНТЕРНЕТ - МАГАЗИН?