- •Министерство образования и науки рф
- •Ижевск 2015 Аннотация
- •1.3 Выделение сегмента интернет-магазинов
- •2.1.Обзор существующих систем
- •2.1.2.Stels-rf.Ru
- •2.1.3.Velograd.Ru
- •2.1.4. Вывод
- •3.Анализ задачи
- •3.1. Выбор инструментальных средств.
- •3.2.1. Cms система Joomla
- •Плюсы cms Joomla
- •3.2.2. Cms система Wordpress
- •3.2.3.Cms система modx
- •3.2.4. Вывод
- •4.Проектирование интернет-магазина
- •4.2.Решение информационной задачи
- •4.3.Разработка web-интерфейса
- •4.3.2. Требования к оформлению и дизайну Сайта
- •4.3.3. Требования к шрифтовому оформлению Сайта
- •4.3.4.Выбор платформы для сайта (cms).
- •4.4.Размещение сайта на хостинге
- •4.4.1. Покупка хостинга
- •4.4.2. Выбор домена
- •4.5. ПодлючениеCms
- •4.6. Создание базы и пользователя базы
- •4.7. Соединение с сервером баз данных и определение соответствий
- •4.8.Вывод
- •5. Работа с интернет магазином
- •5.1.Создание логотипа
- •5.2.Создание меню
- •5.4. Фото галерея
- •5.5. Модальное окно
- •5.6. Корзина
- •5.7.Форма отправки писем на почту
- •5.8.Наполнение страниц сайта контентом
- •5.8.1. Главная
- •5.8.2. Новости
- •5.9. Вывод
- •1.Общие сведения
- •1.1 Наименование системы
- •1.2 Основания для разработки
- •1.3 Нормативные документы
- •1.4 Сроки исполнения работ
- •4. Содержание работ.
- •5. Порядок контроля и приёмки
- •6.Значимость работы
- •7.Источники разработки
4.3.2. Требования к оформлению и дизайну Сайта
Дизайн сайта должен быть в меру строгий, слегка тёмный, функциональный, без лишних дизайнерских элементов.
Основная цветовая гамма – тёмно-красная, в элементах может использоваться любой из цветов взятых из логотипа.
Без использования flash, музыки и т.д. (Flash можно использовать только для баннеров, или видео).
4.3.3. Требования к шрифтовому оформлению Сайта
Использование шрифтов «без засечек» (Arial, Calibri, Tahoma, Verdana и т.д.), шрифты с «засечками» (Georgia, TimesNewRoman, Trebuchet и т.д.)
Размер шрифтов должен обеспечивать удобство восприятия текста 10-16 пт.
4.3.4.Выбор платформы для сайта (cms).
Ранее я описывал подходящие платформы для моего сайта пункт 3.1.В пункте 3.2.4. я выбрал более подходящая платформу, а именноMODX.
4.4.Размещение сайта на хостинге
Для постоянного доступа на сайт, сайт должен быть расположен на высокопроизводительном компьютере, подключённом к сети высокоскоростным каналом передачи данных.. Но так же нужно установить еще много программ и настроить, чтобы компьютер стал сервером (хостингом). Далеко не каждый сможет это сделать. Поэтому данный способ нам не подходит, мы воспользуемся уже готовым хостингом в интернете.
Рейтинг топ-10 хостинг-провайдеров
Рис. 4.1. «Рейтинг топ-10 хостинг-провайдеров»
Было рассмотрено 5 хостингов
hostcab.com
nic
hostisland
sweb.ru
radiushost.ru
Sweb.ru и radiushost.ru предоставляют виртуальный хостинг регистрацию доменов, второй услуги виртуальных выделенных серверов. Из них мне больше понравился sweb.ru.
4.4.1. Покупка хостинга
Покупка происходит через FTP-сервер менеджера sweb.ru . Оплата через «QIWI» киви кошелек.
Рис. 4.2. «Покупка хостинга»
Был выбран SX-2 тариф. Так как он имеет более обширный функционал.
4.4.2. Выбор домена
Домен был выбран velotur18.ru
Рис. 4.3. «Домен сайта»
Рисунок показывает зарегистрированный домен
Рис 4.4. «Файловый менеджер»
Рисунок показывает файлы которые используются на сайте
4.5. ПодлючениеCms
Хостинг был куплен, теперь нужно установить CMS платформу MODX. На сайте имелся установщик CMS.
Был создан новый аккаунт на %myhost%. У него есть по умолчанию доступ вssh, что и было использовано. На сервере, в консоли директории сайта набираем wget http://modx.com/download/direct/modx-2.0.8-pl.zip unzip ./modx-2.0.8-pl.zip mv ./modx-2.0.8-pl/* ./ rm -rf ./modx-2.0.8-pl mv ./ht.access ./.htaccess Происходит скачивание на последний релиз Revolution, распаковываем его и перемещаем в корень сайта. Также нужно для использования через панель управления активировать htaccess для использования дружественных url.
MODX Revolution распакован, теперь нужно создать ему БД. Из админки хостера. Создаем еще пользователя и назначаем ему полные права на базу и парольпо сложнее.
Устанавливаем MODX. Заходим по адресу %sitename%/setup.
Установщик - позволитустановить выбранный нами движок CMS на хостинг.
Рис. 4.6. «Установка MODX»
4.6. Создание базы и пользователя базы
Теперь MODX установлен. Следующий шаг — создание базы и пользователя базы.
Инструмент: openserver'а - PhpMyAdmin
Создание базы данных modxws:
сообщение об успехе создания базы:
В openserver можно использовать запись root или создать своего пользователя, назначить ему пароль и ввести данные при установке. Создается пользователь tirgrongt назначается ему пароль:
Запишем имя базы данных и пользователя, а также его пароль — всё это понадобится на следующем этапе.
Некоторые хостеры добавляют префиксы для имен баз данных и/или пользователей, поэтому не ошибитесь в написании имени пользователя и базы данных.
При создании базы ее кодировку и сопоставление необходимо установить utf8 и utf_general_ci соответственно. Это можно сделать с помощью phpmyadmin либо тем инструментом, который предлагает нам хостер:
После загрузки файлов и создания базы и пользователя, перейдем к установке. В адресной строке браузера наберается http://your_site_url/setup, где your_site_url – адрес сайта.