Информация целесообразно делить на небольшие порции. Редко кто из пользователей читает с экрана очень длинные файлы. В то же время версии страниц сайта должны умещаться при печати на страницу формата 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-документа:

<link href="reston.css" rel="stylesheet" type="text/css">.

Параметры оптимизации HTML кода. В случае раскрутки с поисковыми системами в качестве параметра оптимизации следует выбрать номер позиции по необходимому запросу.

Список параметров, которые подлежат оптимизации:

- заголовок страницы (Title);

- мета-теги: ключевые слова (keywords), описание (description);

- содержание страницы: частота слов, вес слов, расположение.

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

Для того чтобы оптимизировать мета-теги, их нужно правильно написать. Рассмотрим список основных мета-тегов:

<META NAME="title" CONTENT="__"> следует указать содержание заголовка веб-страницы;

<META NAME="keywords" CONTENT="__"> следует указать ключевые слова, соответствующие данной странице;

<META NAME="description" CONTENT="__"> следует указать краткое описание содержания страницы, эти данные могут быть использованы поисковыми системами для составления краткого описания страницы в списке результатов (примерно 150 символов);

<META NAME="robots" CONTENT= "index,all"> следует указать поисковому роботу можно или нельзя индексировать страницу.

Для оптимизации страниц, необходимо знать, где наиболее удачные места позиционирования ключевых слов. Т.е. слов, под которые мы оптимизируем веб-страницу. Привожу список, в котором располагаются области размещения ключевых слов, по убыванию приоритета:

- 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://<адрес_магазина_ShopScript>/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();

$lang_list[0]->description = "English";

$lang_list[0]->filename = "english.php";

$lang_list[0]->template_path = "./templates/tmpl1/"; .

Необходимо добавить следующие строки:

$lang_list[1] = new Language();

$lang_list[1]->description = "German";

$lang_list[1]->filename = "russian.php";

$lang_list[1]->template_path = "./templates/tmpl1/";

$lang_list[2] = new Language();

$lang_list[2]->description = "English";

$lang_list[2]->filename = "english.php";

$lang_list[2]->template_path = "./templates/tmpl1/";.

По аналогии можно добавлять новые языки интерфейса, удалять и изменять существующие.

Шаблоны.

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 Разработка системы оплаты и доставки

На начальном этапе в проекте интернет-магазина будут реализованы способы оплаты как:

Для частных лиц - оплата курьеру наличными. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин.

Доставка курьером будет осуществляться только для жителей города. Для жителей района и области, не имеющих возможность лично посетить магазин, но желающих совершить покупку, будет предоставлена возможность зарезервировать товар.

Оплата курьеру наличными.

Оплата курьеру является одним из самых простых способов оплаты. Вы просто вручаете деньги курьеру и расписываетесь в получении заказа.

После выбора товара в интернет-магазине покупатель размещает заказ, в котором указывает адрес для доставки (домой, в офис, или куда-то еще). Курьер привозит товары по указанному адресу и получает деньги.

Преимущества этого способа:

а) гарантия получения товара (покупателем) и денег (продавцом). Обмануть здесь, конечно, можно, но возможности не больше, чем в обычном магазине;

б) возможность проверить товар (и комплектность) сразу, и вернуть его, отказавшись от покупки;

в) попросить курьера рассказать про товар, показать его в работе;

г) получить все необходимые документы, как-то: гарантийный талон, товарный чек;

Недостатки также очевидны:

а) не всегда приятно видеть у себя дома (или в офисе) незнакомого человека (курьера), общаться с ним;

б) зачастую ожидание курьера, и отбивает всякое желание что-либо покупать.

Время доставки. Сроки формирования заказа, это обычно от 2-х до 5-и дней, однако редко заказываемые товары могут формироваться в течение большего срока. Время доставки Вашего заказа рассчитывается таким образом: Общее время доставки составляет время формирования заказа и время доставки курьером, либо водителем. Общее время указывается в рабочих днях. Стоит обратить внимание, что для товаров, которые готовятся к выпуску, срок формирования заказа указывается приблизительно.

Подтверждение заказа по электронной почте. После поступления заказа, на электронный адрес покупателя будет выслано письмо с указанием заказанного товара и его цены. Подтверждение заказа по email необходимо для избежания случаев, когда заказ был сделан посторонним лицом или без ведома клиента. Поэтому от правильности указания электронного адреса зависит, будет ли заказ выполнен или проигнорирован. Либо подтверждение будет произведено по телефону заказчиком, позвонившим в offline магазин по телефону.

Комплектация заказа. Заказ будет собран и отправлен в течение пяти дней. Если какой-либо позиции случайно не окажется на складе, с покупателем по электронной почте (или по указанной информации для контакта) обязательно свяжется менеджер. Неполная комплектация или замена без согласия покупателя невозможны.

4. ТЕХНИКО - ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ НАУЧНО-ИССЛЕДОВАТЕЛЬСКОЙ РАБОТЫ В ОБЛАСТИ ПРОЕКТИРОВАНИЯ И ВНЕДРЕНИЯ ИНТЕРНЕТ - МАГАЗИНА

4.1 Расчет по созданию и размещению магазина в сети интернет

Так как за основу берется бесплатная версия программного продукта OsCommerce, в затратную часть создания интернет - магазина относятся такие расходы как: расходы по электроэнергии, расходы по размещению магазина в сети интернет (хостинг), заработная плата программисту и курьеру и прочие всевозможные расходы на канцелярские товары и расходные материалы для компьютера. Такие расходы как аренда помещения, амортизация компьютера и оргтехники и прочие расходы относятся к основному магазину.

При расчете электроэнергии для девятичасового рабочего дня, получаем расход - 526,5 кВт в месяц за всё оборудование (таблица 2).

Таблица 2 - Расчет электроэнергии для девятичасового рабочего дня

Наименование	кол-во	кВт/час	кВт в сутки (примерно)	кВт в месяц
Компьютер	1	0,17	1,53	45,9
Освещение	3	0,36	9,72	291,6
Сплит	1	0,7	6,3	189
ИТОГО:		1,23		526,5

При расчете ежемесячных затрат на содержание интернет-магазина, получаем всего расходов 14881,6 рублей, включая 2210 рублей ЕСН. При этом учитываются затраты на зарплату программиста, зарплату курьера, транспортные расходы курьера, электроэнергию, хостинг, интернет и прочие расходы (таблица 3).

Таблица 3 - Расчет ежемесячных затрат на содержание интернет -магазина

Наименование	Сумма, руб.	ЕСН, руб.
Зарплата программиста	6000	1560
Зарплата курьера	2500	650
Транспортные расходы курьера	1700
Электроэнергия	1521,6
Хостинг	300
Интернет	400
Прочие расходы	250
Итого:	12471,6	2210
Всего расходов:	14881,6

Таким образом, RПост = 14881,60(руб.) - постоянные ежемесячные расходы.

Так как помещение и оборудование уже имеется в наличии, то рассчитаем годовую сумму амортизационных отчислений.

Годовая сумма амортизационных отчислений рассчитывается по формуле (1):

, (1)

где Ф- первоначальная стоимость основных фондов по видам, руб.;

- норма амортизации.

Элементы основных фондов, входящие в расчет годовой суммы амортизационных отчислений следующие: компьютер, сплит система и помещение. Получив амортизационные отчисления по каждому элементу, просуммируем их. Таким образом, годовая сумма амортизационных отчислений составляет 11603,20 (руб.)

Таблица 4 - Расчет годовой суммы амортизационных отчислений

Элементы основных фондов.	Кол-во	Стоимость, руб.	Сумма руб.	Норма амортизации, %	Амортизационные отчисления, руб.
Компьютер	1	28000	28000	20%	5600
Сплит система	1	19000	19000	20%	3800
Помещение	13,6м2	5400	73440	3%	2203,2
ИТОГО:	11603,2

Исходя из того, что трудоёмкость создания информационной системы составляет 10 дней, рассчитываем амортизацию оборудования за этот период по формуле (2):

, (2)

где - фактическая амортизация за 10 дней;

- амортизационные отчисления за год;

Тфакт- фактическое время создания информационной системы.

Рассчитаем сумму амортизационных отчислений для перечисленной группы оборудования с учетом числа календарных дней на разработку программного обеспечения (интернет - магазина) по формуле (2):

А = =317,90 (руб.)

Итого получаем 317,90 рублей составляет сумма амортизационных отчислений для создания информационной системы за 10 дней.

Заработная плата программиста составляет 6000 (руб.) Соответственно, затраты на заработную плату включаемые в себестоимость программы с учетом работы над программой в течение 12 дней рассчитаем по формуле (3):

, (3)

где ЗПпр - заработная плата в месяц программиста, руб.;

Тфакт - число календарных дней на разработку интернет - магазина;

Д - число дней в периоде (месяц);

- Заработная плата программиста в месяц.

Произведя необходимые расчеты по формуле (3), получим:

ЗПпр = = 2727,30 (руб.)

Следовательно, общие затраты на зарплату программиста составляют 2727,30 руб.

Рассчитаем также ежемесячные материальные затраты, куда входят затраты на электроэнергию, хостинг, интернет и прочие материальные расходы (таблица 5).

Таблица 5 - Расчет ежемесячных материальных затрат

Наименование	Сумма, руб/мес.
Электроэнергия	1521,6
Хостинг	300
Интернет	400
Прочие расходы	250
Итого:	2471,6

Следовательно всего материальных затрат в месяц получаем:

Зм= 2471,60 (руб.) в месяц

Затраты на период разработки программного продукта рассчитаем по формуле (4):

Зпр = , (4)

где Зм - ежемесячные затраты, руб.;

Тфакт - число календарных дней на разработку интернет - магазина;

Д - число дней в периоде (месяц).

В соответствии с формулой (4), затраты на период разработки программного продукта составляют 1123,45 рублей.

Рассчитаем себестоимость программного продукта по формуле (5):

Сст = Зпр + ЗПпр + ЕСН + А, (5)

где Сст - себестоимость разработки программы

Сст = 1123,45+2727,3+709+317,9 = 4877,65 (руб.)

Данная себестоимость является приблизительной, так как в ней не учтены некоторые детали, которые существенно не повлияют на итог.

Исходя из нормального уровня рентабельности 20% мы можем определить цену разработанной нами программы (6):

, (6)

где Сст - себестоимость разработки программы;

R - планируемый уровень рентабельности.

Отсюда, цена разработанной нами программы:

Ц = 4900 + = 5880 (руб.)

Так как помещение и оборудование уже имеется в наличии то затраты на внедрение программного продукта составят 5880 (руб.)

Предполагается, что самоокупаемость интернет - магазина при ежемесячных затратах в 14881,60 (руб.) произойдет уже при увеличении товарооборота на 15% и прибыли на 6,5%.

П = (Тобн + Тобн* Тоб%)*П% , (7)

где П - предполагаемая прибыль;

Тобн - базовый вариант товарооборота;

Тоб% - предполагаемый процент прироста товарооборота;

П% - предполагаемый прирост прибыли.

П1= (200000+200000*15/100)*6,5/100 = 14950 (руб.)

Так как продажи в магазине составляют примерно 20% от общего товарооборота, соответственно самоокупаемость магазина произойдет при приросте товарооборота на 50% и приросте прибыли на 25%.

П3 = (40000+40000*50/100)*25/100 = 15000 (руб.)

Поэтому для более быстрой окупаемости интернет магазина было решено расширить спектр товаров.

Поэтому полная окупаемость интернет - магазина с учетом затрат на внедрение произойдет за 2 месяца, после достижения прироста товарооборота магазина на 20 % и прибыли на 8%.

П3 = (200000+200000*20/100)*8/100 = 19200 (руб.)

Таким образом, произведенные расчеты подтверждают предположение о том, что получение прибыли интернет - магазином ожидается с третьего месяца после начала его деятельности.

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

5.1 Требования безопасности при работе с персональными ЭВМ

Использование ПЭВМ должно осуществляться в соответствии с СанПиН 2.2.2/2.4.1340-03 «Гигиенические требования к персональным электронно-вычислительным машинам и организация работы»

Соответствие ПЭВМ проверяется по параметрам:

- допустимые уровни звукового давления (не более 50дБА);

- временные допустимые уровни электромагнитных полей;

- допустимые визуальные параметры устройств отображения информации;

- концентрации вредных веществ (в пределах ПДК, установленных для атмосферного воздуха);

- мощность экспозиционной дозы рентгеновского излучения (в любой точке на расстоянии 5 см не должна превышать 1 мкЗв/час (100мкР/час)).

Помещения для эксплуатации ПЭВМ должны иметь естественное и искусственное освещение, которое должно соответствовать требованиям действующей нормативной документации. Окна в помещениях, где эксплуатируется вычислительная техника, преимущественно должны быть ориентированы на север и северо - восток.

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

Рабочие столы следует размещать таким образом, чтобы видеодисплейные терминалы были ориентированы боковой стороной к световым проемам, чтобы естественный свет падал преимущественно слева.

Площадь на одно рабочее место пользователей ПЭВМ с видеодисплейным терминалом (ВДТ) на базе электронно-лучевой трубки (ЭЛТ) должна составлять не менее 6 м и с ВДТ на базе плоских дискретных экранов (жидкокристаллические, плазменные) - 4,5 м2.

При размещении рабочих мест с ПЭВМ расстояние между рабочими столами с видеомониторами (в направлении тыла поверхности одного видеомонитора) должно быть не менее 2,0 м, а расстояние между боковыми поверхностями видеомониторов - не менее 1.2 м.

Рабочие места с ПЭВМ в помещениях с источниками вредных производственных факторов должны размещаться в изолированных кабинах с организованным воздухообменом.

Экран видеомонитора должен находиться от глаз пользователя на расстоянии 600-700 мм, но не ближе 500мм.

Конструкция рабочего стула (кресла) должна обеспечивать поддержание рациональной рабочей позы, позволять изменять позу с целью снижения статического напряжения мышц шейно-плечевой области и спины ля предупреждения развития переутомления. Тип рабочего стула (кресла) следует выбирать с учетом роста пользователя, характера и продолжительности работы с ПЭВМ.

Рабочий стул (кресло) должен быть подъемно-поворотным, регулируемым по высоте и углам наклона сидения и спинки, а также регулируемым по расстоянию спинки от переднего края сидения, при этом регулировка каждого параметра должна быть независимой, легко осуществляемой и иметь надежную фиксацию.

Лица, работающие с ПЭВМ более 50 % рабочего времени (профессионально связанные с эксплуатацией ПЭВМ), должны проходить обязательные предварительные при поступлении на работу и периодические медицинские осмотры в установленном порядке.

Женщины со времени установления беременности переводятся на работы, не связанные с использованием ПЭВМ, или для них ограничивается время работы с ПЭВМ (не более 3-х часов за рабочую смену) при условии соблюдения установленных гигиенических требований.

В помещениях, оборудованных ПЭВМ, проводиться ежедневная влажная уборка и систематическое проветривание после каждого часа работы на ПЭВМ.

Шумно работающее оборудование (печатающие устройства, серверы и т. П.), уровни шума которого превышают нормативные, должны размещаться вне помещений с ПЭВМ.

Типичными ощущениями, которые испытывают к концу рабочего дня операторы ПЭВМ, являются: головная боль, резь в глазах, тянущие боли в мышцах шеи, рук и спины, зуд кожи лица и т. Д. Испытываемые день за днем, эти недомогания приводят к мигреням, частичной потере зрения, сколиозу, кожным воспалениям и другим нежелательным явлениям. Развивающиеся недомогания не только снижают трудоспособность, но и подрывают здоровье людей.

На состояние здоровья оператора ПЭВМ могут влиять и такие вредные факторы, как длительное неизменное положение тела, вызывающее мышечно-скелетные нарушения; постоянное напряжение глаз; воздействие радиации; влияние электростатических и электромагнитных полей и др.

Более серьезные результаты были получены при обследовании беременных женщин. Оказалось, что для тех женщин, которые проводили за ПЭВМ более 20 часов в неделю, вероятность преждевременного прерывания беременности (выкидыша) на 80% выше, чем для беременных женщин, выполняющих аналогичные работы без применения компьютера.

В зависимости от специфики производства, напряженности труда устанавливается количество перерывов на отдых, их длительность и распределение в течении рабочей смены. В соответствии с особенностями трудовой деятельности, пользователям ПЭВМ должны быть дополнительно введены 2-3 регламентированных перерыва длительностью 10 мин каждый.

5.2 Защита населения в ЧС военного и мирного времени

В чрезвычайных ситуациях военного и мирного времени защите подлежит все население, но защищаются его отдельные группы дифференцированно. Основными способами защиты населения при ЧС в современных условиях являются:

- укрытие в защитных сооружениях, в простейших укрытиях на местности;

- рассредоточение и эвакуация населения из крупных городов в загородную зону;

- своевременное и умелое применение средств индивидуальной защиты.

Для укрытия людей заблаговременно на случай ЧС строятся защитные сооружения. Защитные сооружения подразделяются:

- по назначению (для населения или для размещения органов управления);

- по месту расположения (встроенные, отдельно стоящие, в горных выработках, метро и др.);

- по времени возведения (заблаговременно возводимые и возводимые в особый период);

- по характеру (убежища или укрытия).

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

- малой вместимости (до 150 чел);

- средней вместимости (150-600 чел.);

- большой вместимости (свыше 600 чел.).

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

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

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

Эвакуация - это организованный вывоз населения из городов в загородную зону с целью его рассредоточения. Эвакуация является одним из способов защиты населения в ЧС. При этом эвакуация рабочих и служащих осуществляется по производственному принципу (по месту жительства, через домоуправления). Получив указания об эвакуации, необходимо собраться и в назначенное время прибыть на сборный эвакуационный пункт (СЭП), имея при себе документы, средства индивидуальной защиты, теплые вещи (даже летом), туалетные и постельные принадлежности, медикаменты, продукты питания (на 2-3 дня) и самую необходимую посуду. Все вещи должны быть уложены в чемодан, сумку или рюкзак. В квартире по месту жительства выключить все осветительные и нагревательные приборы, перекрыть водопровод и газ, закрыть окна и форточки.

ЗАКЛЮЧЕНИЕ

В заключении можно отметить, что в разработанном электронном магазине удачно сочетается интерфейс магазина с его функциональностью и простотой использования.

Разработана максимально удобная и доступная работа потенциального клиента, доступные и понятные диалоговые окна. Разбитые по категориям товары, имеющие подробное описание с иллюстрациями, гибкая возможность поиска по разным критериям, просмотр «новинок» и самых продаваемых товаров оставят у клиента приятное впечатление. На любой товар покупатель сможет оставить свой отзыв, формируя тем самым, дополнительную рекламу товару. Используемый 128-битный протокол безопасности SSL, придаст уверенности покупателю в сохранности своих конфиденциальных данных.

Различные способы оплаты и доставки подойдут любому клиенту, ведь он может получить свой заказ, не выходя из дома в оговоренные сроки.

На начальном этапе в проекте интернет - магазина реализованы такие способы оплаты, как оплата почтовым переводом и оплата курьеру наличными. Доставка курьером будет нацелена на работающее население города, имеющего возможность выхода в интернет, но не имеющего времени посетить магазин в связи с неудобным для них графиком работы магазина.

Модульная система php-скрипта открывает широкие возможности и перспективы электронному магазину, позволит ему изменяться в ногу со временем, совершенствуя и оттачивая искусство взаимодействия с клиентом.

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1 Спейнауэр С., Справочник Web-мастера [Текст]/ Спейнауэр С., Куэрсиа В. - - К: BHV, 1997. - 368 с.

2 Яргер Р. MySQL и mSQL. Базы данных для небольших предприятий и Интернета.[Текст]/ Яргер Р., Риз Дж., Кинг Т..- СПб: Символ-Плюс, 2000 - 560 с.

3 Хилайер С.. Программирование Active Server Pages [Текст]/ Хилайер С., Мизик Д. - М.: "Русская редакция", 1999. - 296 с

4 Холзнер С. Perl: специальный справочник. [Текст]/ - СПб: "Питер". 2000. - 496 с

5 Шварц Р., Изучаем Perl [Текст]/ Шварц Р., Кристиансен Т. - К: "BHV", 2000 - 320 с.

6 Ратшиллер Т . PHP4: разработка Web-приложений [Текст]/ Ратшиллер Т., Геркен Т. . - СПб: Питер, 2001. - 384 с.

7 Томсон Л. Разработка Web-приложений на PHP и MySQL [Текст]/ Томсон Л., Веллинг Л. - К.: "ДиаСофт", 2001. - 672 с.

8 Орлов Л. Как создать электронный магазин в интернете [Текст]/ - М.: Бук-пресс, 2006. - 396 с.

9 Фатхутдинов, Р.А. Разработка управленческого решения [ТЕКСТ] / Р.А. Фатхутдинов. - 3-е изд., доп. и перераб. - М.: ЗАО «Бизнес школа «Интел-Синтез», 1999. - 342 с.

10 Ляпина, О.П. Безопасность жизнидеятельности [ТЕКСТ] / О.П. Ляпина. - Новосибирск СГГА, 2009. - 171 с.

ПРИЛОЖЕНИЕ A

(обязательное)

КАК РАБОТАЕТ ИНТЕРНЕТ - МАГАЗИН?

ПРИЛОЖЕНИЕ Б

(обязательное)

ГОТОВЫЕ ПРОГРАММНЫЕ ПРОДУКТЫ

ПРИЛОЖЕНИЕ В

(обязательное)

АНАЛИЗ ПЛАТЕЖНЫХ СИСТЕМ

ПРИЛОЖЕНИЕ Г

(обязательное)

АРХИТЕКТУРА ИНТЕРНЕТ - МАГАЗИНА

ПРИЛОЖЕНИЕ Д

(обязательное)

РАЗМЕЩЕНИЕ ИНТЕРНЕТ - МАГАЗИНА В ИНТЕРНЕТЕ

ПРИЛОЖЕНИЕ Е

(обязательное)

РАЗРАБОТКА АДМИНИСТРАТОРСКОЙ ЧАСТИ

ПРИЛОЖЕНИЕ Ж

(обязательное)

РАЗРАБОТКА КЛИЕНТСКОЙ ЧАСТИ

ПРИЛОЖЕНИЕ З

(обязательное)

АЛГОРИТМ ИНТЕРНЕТ МАГАЗИНА

ПРИЛОЖЕНИЕ И

(обязательное)

ИНТЕРФЕЙС МАГАЗИНА

Размещено на Allbest.ru