Диплом (1232931), страница 3
Текст из файла (страница 3)
Drupal входит в самые популярные CMS для создания сайтов и распространяется бесплатно. Используется многими известными компаниями и имеет очень активное сообщество разработчиков и пользователей, что облегчает знакомство с системой.
Довольно большую функциональность можно расширять установкой дополнительных «модулей», которые можно скачать с официального сайта.
Drupal содержит функциональные возможности, позволяющие создать системы управления содержимым, блоги, среды для совместной творческой деятельности, форумы, информационные письма, галереи изображений, системы загрузки файлов и многое другое. Drupal является программой с открытым исходным кодом, которая использует лицензию GPL. Drupal можно свободно загружать и использовать [23].
2 Создание сайта
2.1 Проектирование сайта
Общество с ограниченной ответственностью «Токио Байк» (ООО «Токио Байк») является основным предприятием, и не имеет дочерних предприятий или филиалов.
ООО «Токио Байк» занимается розничной торговлей японскими велосипедами. Зарегистрировано с 07.08.2014.
Основным руководителем является генеральный директор, который находится в Хабаровске, следит за предприятием. Официально больше в команду этого развивающегося предприятия пока никто не входит.
Так как основная деятельность ООО «Токио Байк» – продажа фэтбайков, руководителем предприятия было принято решение создать web-сайт с целью упрощения процесса их продажи.
Фэтбайк – велосипед с большими колесами. Новое увлечение для любителей экстремальных видов спорта. В последнее время приобретает все большую и большую популярность в нашей стране. Связано это с повышенной проходимостью такого велосипеда по сложным рыхлым поверхностям, с которыми другие велосипеды справятся очень тяжело, либо не справятся вовсе. Фэтбайки легко передвигаются по песку и грязи, по снегу и по болотистой местности. В Беларуси и России фэтбайк все еще не так популярен, как в Северной Америке или в Европе. Тем не менее, местность в нашей стране весьма способствуют распространению этого увлечения.
ООО «Токио Байк» поставляет свою продукцию из Японии и далее продает жителям Хабаровска.
Заказчиком было определено, что сайт должен содержать раздел, посвященный информации о предприятии, раздел, включающий информацию о велосипедах, а также раздел с информацией о том, как стать дилером. Внизу должны быть ссылки на контакты предприятия и на различные социальные сети, в которых есть информация о предприятии. Помимо всего этого, на сайте должна быть возможность оставить заявку на покупку байка путем заполнения формы, в которой указываются контакты клиента, по которым менеджер может связаться с ним и уточнить адрес доставки. Также необходимо дать клиенту возможность задать интересующий его вопрос и подписаться на новости.
В результате проектирования были разработаны следующие макеты основных страниц сайта.
Рисунок 2 – Макет главной страницы сайта
Рисунок 3 – Макет страницы «Велосипеды»
Рисунок 4 – Макет страницы «Корзина»
Рисунок 5 – Макет страницы «Велосипед «Название велосипеда»
2.2 Практическая реализация сайта
2.2.1 Настройка сервера и установка Drupal
Для того чтобы начать работу над сайтом, сначала необходимо скачать Drupal. Скачивание производится с официального сайта http://www.drupal.ru/. Также с этого сайта необходимо скачать русификатор для того, чтобы в процессе установки выбрать русский язык.
Рисунок 6 – CMS Drupal
Было принято решение в качестве хостинга использовать хостинг RU-CENTER, который предоставляет услуги для размещения сайтов любой сложности.
Сначала производится регистрация на сайте, в результате которой пользователь получает номер договора и пароль для доступа к панели управления хостингом со страницы http://nic.ru/hcp. Затем необходимо зайти в панель управления хостингом, используя номер договора и пароль.
Рисунок 7 – Интерфейс панели управления
Далее необходимо перейти в раздел Веб-сервер/Сайты.
Рисунок 8 – Раздел Веб-сервер/Сайты панели управления
Далее произвести регистрацию доменного имени, ввести его в строке «Новый сайт» и нажать кнопку «Создать». Согласиться с предложением включить автоматическую поддержку зоны вашего домена в системе DNS.
После нажатия на имя сайта в блоке «Управление», нужно установить параметр «Кодировка сайта» в значение utf-8, а также проверить, что флаг «Использование .htaccess» находится в состоянии «Вкл».
Рисунок 9 – Управление сайтом tokyobikes.ru
Теперь нужно настроить web-сервер. После перехода в раздел web-сервер/управление модулями и включаем и настраиваем модуль PHP 5.2.10.
Рисунок 10 – Управление модулями
В списке модулей необходимо осуществить переход по ссылке PHP 5.2.10. После перехода в блоке «Расширения модуля PHP» разворачиваем список расширений кликом по ссылке «Управление расширениями» и выбираем «Показать все расширения». В появившемся блоке отметить следующее: curl; gd; gettext; iconv; mbstring; mysql; session; xsl; zlib. И сохранить.
Рисунок 11 – Настройки модуля PHP
В таблице «Параметры модуля PHP» устанавливаются следующие значения:
– использование глобальных переменных GET, POST, Cookie (register_globals) – Выкл;
– разрешить загрузку файлов (file_uploads) – Да;
– безопасный режим (safe_mode) – Выкл;
– максимальный объем памяти для работы скрипта (memory_limit) – 64Мбайт;
– максимальный размер закачиваемого файла (upload_max_filesize) – 32Мбайт.
Рисунок 12 – Параметры модуля PHP
Настройки сохраняются.
Далее необходимо настроить доступ к MySQL и по FTP.
FTP (англ. File Transfer Protocol – протокол передачи файлов) – протокол, предназначенный для передачи файлов в компьютерных сетях. FTP позволяет подключаться к серверам этого протокола и просматривать содержимое каталогов, загружать файлы с сервера или на сервер. Формально это что-то вроде подключения к некой папке, которая находится на другом компьютере/сервере, используя сеть или интернет. В случае, если передача файла была прервана по каким-либо причинам, протокол предусматривает средства для докачки файла, что бывает очень удобно при передаче больших файлов [24].
Переходим в раздел СУБД/Пользователи для получения пароля доступа.
Рисунок 13 – СУБД/Пользователи раздела Панель управления
Щелкаем кнопкой мыши по имени пользователя, которое нужно использовать (или создаем нового). Также рекомендуется поставить галочку «Указать пароль в письме». Нажимаем на кнопку «Изменить пароль». Пароль, отображенный на экране, потребуется при установке CMS.
Далее перейти в раздел СУБД/Базы данных. Ввести желаемое имя базы данных и нажать «Создать». Нажать на имя созданной базы данных и напротив имени пользователя, которое будет использоваться для работы CMS, установить права «Чтение, запись, управление таблицами». Сохранить изменения.
Рисунок 14 – Раздел СУБД/Базы данных
Теперь получим доступ по FTP. Для этого нужно перейти в раздел Веб-сервер/Управление доступом/FTP/Пользователи FTP. Отметим имя нужного пользователя галочкой. Также рекомендуется поставить галочку «Указать пароль в письме». Нажимаем «Изменить пароль». Пароль будет отображен на экране.
Рисунок 15 – Управление доступом по FTP
Далее после настройки сервера необходимо установить ранее скачанный Drupal 7.37. Подключаемся к хостингу по FTP, используя полученные ранее данные.
Переходим в папку devel.tokyobikes.ru/docs. Нужно удалить из нее файл «index.html», после чего загрузить содержимое разархивированного дистрибутива Drupal в папку docs. Загрузить папки и файлы, полученные при разархивации русификатора, также в папку docs.
Открыть в браузере сайт http://tokyobike.ru/install.php для запуска установки Drupal, выбрать нужный язык, нажать «Далее».
Рисунок 16 – Выбор языка в Drupal
Копируем файл /docs/sites/default/default.settings.php в файл с именем /docs/sites/default/settings.php. Исходный файл default.settings.php должен также остаться в папке.
Рисунок 17 – Запрос на создание файла settings.php
После этого обновить страницу.
На этапе «Конфигурация базы данных» вводим «имя базы данных», «имя пользователя базы данных», «пароль к базе данных», полученные ранее, нажимаем «Дополнительные настройки», вводим в поле «Хост для базы данных» «%login%.mysql».
Рисунок 18 – Конфигурация базы данных
Далее нажать «Сохранить и продолжить». Дождаться окончания установки, после чего заполнить необходимые поля:
– название сайта;
– ваш e-mail;
– пароль администратора для сайта.
Рисунок 19 – Конфигурирование сайта
В случае успешной установки Drupal появится изображение, как на следующем скриншоте.
Рисунок 20 – Завершение установки
И, наконец, переходим по ссылке «Ваш новый сайт». Теперь, после того, как произведены основные настройки, можно заниматься разработкой самого сайта [25].
2.2.2 Разработка сайта
Сначала необходимо создать главную страница сайта, имеющую ссылки на все остальные страницы. Исходя из макета, сначала создадим верхнее меню страницы. В ходе проектирования было определено, что оно будет включать в себя ссылки на такие страницы сайта, как «О велосипедах Fat Bikes», «Велосипеды», «Запчасти/комплектующие» и «Стать дилером». Слева расположен логотип компании, который также является ссылкой на главную страницу сайта. В правой части меню находится контактный телефон компании для связи с менеджером, по которому можно так же позвонить, задать интересующие вопросы или заказать байк. В дальнейшем планируется заказать для компании «красивый» номер, который легко читается и запоминается.
Рисунок 21 – Верхнее меню главной страницы
Логотип сайта реализован следующим кодом:
<div class='logo_block'>
<?php if ($logo): ?>
<a href="<?php print $front_page; ?>">
<img src="<?php print $logo ?>" alt="<?php print $site_name ?>" title="<?php print $site_name ?>" />
</a>
Вставке ссылок на другие страницы соответствуют следующие строки:
<div class='menu_block top_menu fleft'>
<?php print render($top_menu); ?>
</div>
Стоит отметить, что при работе с данной CMS, основная работа по созданию сайта ведется через панель администрирования. Именно поэтому код элементов выглядит таким образом.
И, наконец, блок, где находится номер телефона предприятия:
<div class='phone fright'>
<!--<span>8(4212)</span>--> <?php print variable_get('site_phone','63-62-73') ?>
</div>
Далее следует блок, содержащий в себе изображение одного из представленных на сайте байков.
![](https://s.studizba.com/z.php?f=/templates/si/i/noavatar.png&w=100&h=100&t=1"){kind=avatar}
