ОГЛАВЛЕНИЕ
ВВЕДЕНИЕ
1. АНАЛИТИЧЕСКИЙ ОБЗОР
1.1 Определение требований к разрабатываемому сайту
1.2 Обзор сайтов с похожей тематикой
1.3 Обзор способов создания интернет-магазина
2. ПРОЕКТИРОВАНИЕ САЙТА
2.1 Выделение структурных элементов
2.2 Создание макета web-сайта
2.3 Выбор средств разработки
2.3.1 Выбор CMS
2.3.2 Выбор механизма управление каталогом товаров
2.4 Выбор инструментов разработки
3. РАЗРАБОТКА САЙТА
3.1 Подготовительные работы и настройка CMS
3.2 Верстка, программирование и внедрение в CMS
3.3 Описание структуры модулей сайта
3.4 Наполнение сайта
4. ТЕСТИРОВАНИЕ
4.1 Описание видов тестирования сайта
4.2 Результаты тестирования
5. РАЗРАБОТКА РУКОВОДСТВА ПОЛЬЗОВАТЕЛЯ И ВНЕДРЕНИЕ САЙТА
5.1 Разработка руководства пользователя
5.1.1 Добавление товаров
5.1.2 Управление товарами
5.1.3 Управление заказами
5.1.4 Управление отчетами
5.1.5 Настройки
5.2 Внедрение сайта
ЗАКЛЮЧЕНИЕ
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ
ПРИЛОЖЕНИЕ 1
ВВЕДЕНИЕ
На сегодняшний день практически каждая организация имеет собственный web-сайт. В современных условиях широкого распространения информационных технологий - это необходимый фактор, позволяющий фирме представить себя на рынке.
Компьютерная фирма, для которой создаётся сайт, оказывает услуги по настройке и обслуживанию программ для ЖКХ и ПО «1С: Предприятие».
Актуальность темы выпускной квалификационной работы обусловлена отсутствием у фирмы web - сайта.
Целями создания сайта являются:
1. Привлечение новых клиентов и партнеров;
2. Представление фирмы заказчика в Интернете;
3. Создание дополнительного канала продаж через Интернет;
4. Демонстрация каталога с программными продуктами и услугами заказчика;
5. Создание рекламных кампаний в Интернете для продукции и различных акций.
Чтобы достичь поставленные цели нужно выполнить ряд задач:
1. Проанализировать предметную область;
2. Провести проектирование сайта:определить структуру и создать макет сайта, а также выбрать средства и инструменты разработки;
3. Провести разработку сайта: разработать дизайн сайта, реализовать необходимый функционал (среда общения, возможность формирования заказа), произвести наполнение сайта;
4. Протестировать сайт и устранить дефекты;
5. Перенести сайт на хостинг заказчика.
Выполнив все вышеперечисленные задачи, получим web-сайт, позволяющий посетителям узнавать актуальную информацию о фирме, такую как предоставляемые услуги, расположение фирмы, время работы, контактная информация и деятельность в целом. Также сайт позволит сформировать заказ в режиме онлайн. Расположение сайта планируется на платном хостинге с доменом второго уровня.
Предполагаемый результат ВКР - web-сайт, прошедший тестирование разработчика и внедрённый в опытную эксплуатацию.
По материалам выпускной квалификационной работы был сделан доклад на международной научной конференции «Молодые исследователи - регионам» 17 апреля 2018 года, тезисы доклада были опубликованы.
1. АНАЛИТИЧЕСКИЙ ОБЗОР
При написании пояснительной записки будут использованы термины, описанные ниже. интернет каталог сайт программирование
Web-сайт - это совокупность логически связанных между собой веб-страниц. Обычно сайт в Интернете представляет собой массив связанных данных, имеющий уникальный адрес и воспринимаемый пользователем как единое целое. Веб-сайты называются так, потому что доступ к ним происходит по протоколу HTTP.
Веб-страницы написаны на языке разметки гипертекста HTML. Они содержат некоторую информацию: изображения, текст, видео-, аудиоматериалы и другое. Страницы сайта связаны гиперссылками.
Браузер - программ, которая используются для отображения информации веб-страниц сайта на экране монитора пользователя.
CMS - «ContentManagementSoftware» («программное обеспечение для управления содержимым»).
Интернет-магазин - магазин, "витрина" которого расположена в Интернете и который дает возможность заказать товар через Интернет. На сайте магазина обычно представлен подробный каталог товаров с ценами, на основе которого пользователь формирует свой заказ. Заказывая товары в интернет-магазине, можно получать их по почте или с курьером, а оплачивать - непосредственно при получении или также через интернет.
Плагин - независимо компилируемый программный модуль, динамически подключаемый к основной программе, предназначенный для расширения и/или использования её возможностей.
Хостинг - услуга по предоставлению вычислительных мощностей для размещения информационных данных на сервере, используемых для отображения веб-сайта, доступного через Интернет.
1.1 Определение требований к разрабатываемому сайту
Согласно требованиям заказчика,дизайн сайта должен быть выполнен в светлых тонах. Должна присутствовать адаптивная верстка под различные устройства, например, персональный компьютер или мобильное устройство. На главной странице сайтадолжны располагаться навигационноеменюсайта, контентная область для того, чтобы посетитель сайта с первой страницы смог получить вводнуюинформациюофирме и узнать последние новости. Также на сайте должны присутствовать страницы с исчерпывающим описанием программных продуктов и услуг, предоставляемых фирмой заказчика.
К функциональности сайта были предъявлены следующие требования: возможность ведения каталога товаров с их описанием, оформление заказа на сайте в режиме онлайн, возможность оставления комментариев, наличие кнопок из социальных сетей и «облака меток», в котором отображаются самые популярные статьи сайта.
Технические требования:
1. Количество одновременно работающих пользователей до 50;
2. Возможность оформления заказа на сайте в режиме онлайн;
3. Размещение сайта на хостинге;
4. Доменное имя сайта второго уровня.
Основные функции, которые сможет выполнить пользователь на сайте:
· Узнать последние новости фирмы;
· Узнать контактную информацию и расположение фирмы;
· Ознакомиться с каталогом предоставляемых программных продуктов и услуг;
· Оформить заказ в режиме онлайн;
· Прокомментировать товар;
· Узнать отзывы других посетителей о товаре.
Основные функции, которые сможет выполнить администратор сайта на сайте, кроме перечисленных выше:
· Просмотреть статистику посещаемости ресурса;
· Управлять заказами;
· Добавлять новые товары и статьи на сайт;
1.2 Обзор сайтов с похожей тематикой
Первый сайт, который в качестве примера функциональности и оформления дизайна, заказчик предложил рассмотреть - это сайт компании «Алгоритм». Сайт выполнен в светлых тонах. Навигационноеменю расположено в «шапке» сайта. Информации на сайте достаточно, чтобы сложилось полное представление о деятельности компании. На главной странице отображаются последние новости. Товары отсортированы по категориям. Удобная форма обратной связи. Есть возможность оформления заказа в режиме онлайн. Используется модуль «Интернет-магазин».
Из недостатков можно отметить то, что сайт не адаптирован длямобильных устройств, что делает неудобным обращение с ним с устройств отличных от персонального компьютера.Также, на мой взгляд, плохим решением является то, что сайт расположен на бесплатном хостинге UCOZ. Некоторые страницы не отвечают на запросы.
Недостатки расположения сайта на платформеUCOZ:
· Возникновение трудностей, связанных с переносом сайта на другой хостинг;
· Ограничения по возможностям: нельзя встроить дополнительный модуль или использовать один и тот же несколько раз;
· Все сайты проходят модерацию(сайт не принадлежит создателю полностью);
· Высокая стоимость по сравнению с арендой пространства на хостинге;
· Служба технической поддержки отвечает редко.
Второй сайт принадлежит фирме «Логасофт». Он имеет светлый нестандартный, оригинальный дизайн. Навигационное меню, расположено горизонтально в левой части сайта. Данное решение позволяет вместить в окно браузера больше информации. К недостаткам можно отнести следующие моменты:
· Отсутствие горизонтального меню в «шапке» сайта;
· Отсутствие адаптивной вёрстки;
· Отсутствие социальных кнопок и обратной связи, не считая указания почтового адреса на странице «Контакты».
1.3 Обзор способов создания интернет-магазина
В последнее время стало очень популярно покупать и продавать товары в сети Интернет. Появляется всё больше и больше интернет-магазинов. Соответственно, появляются всё новые способы их создания. По причине того, что заказывать магазины в web-студиях стоит больших денежных затрат, многие люди хотят создать магазин самостоятельно.
Существует несколько путей самостоятельного создания интернет-магазинов, и эти пути значительно отличаются своими особенностями, своими преимуществами и недостатками, скоростью реализации и многими другими параметрами.
Первый путь, которым можно создать интернет-магазин своими силами, это самый старый, самый долгий, самый проверенный способ - полностью спрограммировать магазинс нуля. При таком подходе нужно изучить все необходимые веб-технологии изатем написать свой интернет-магазин со своей фронт-энд частью, со своей панелью администратора, со всеми нужными блокам, функциями и так далее. Для этого потребуется какое-то продолжительное время: от одного месяца до нескольких лет. Когда Интернет только появился, этот способ был единственным. В то время не было никаких движков.Таким образом, если требовалось создать интернет-магазин, то нужно было или разрабатывать его самому или заказать его разработку упрофессионалов.
Преимущества разработки данным способом заключаются в том, что:
· Интернет-магазин разрабатываетсяпод конкретные требования, нужды и условия работы, то он будет содержать только необходимый функционал;
· У такого интернет-магазина будет высокая скорость работы;
· К интернет-магазину можно применить любой дизайн (при условии обладания всеми необходимыми технологиями, и готовым дизайном);
· Интернет-магазин такого типа будет безопасным в плане взлома, потому что для злоумышленника это будет черный ящик. Он не будет знать, как магазин устроен, поэтому осуществить взлом будет сложно (при условии, что используется высокое качество кодирования информации у интернет-магазина).
Ощутимый недостаток такого способа разработки, это большие затраты времени, т.к. необходимо сначала изучить технологии, а уже затем потратить время на создание магазина;
Со временем, в процессе эволюции в этой сфере,началишироко распространяться готовые движки для создания сайта.
Соответственно, второй способ самостоятельно создать интернет-магазин - это использовать уже готовый, универсальный движок, на котором можно развернуть свой магазин.При таком подходе не потребуется тратить время на изучение технологий и наего написание. Здесь уже процесс разработки гораздо проще и выглядит он примерно следующим образом:
· Необходимо выбрать подходящий под наши задачи движок (из известных это opencart, prestashop, битрикс, shop-script и так далее)
· Установить на компьютере локальный сервер, на нем установить этот движок, создать базу данных для, в которой будет храниться вся информация магазина и соединить движок с базой данных,
· Произвести настройку движка, наполнить его контентом, сделать таким образом, чтобы на локальном компьютере магазин уже работал кактребуется;
· Далее необходимокупитьпространство на хостинге, либо арендовать сервер и купить домен;
· Следующим шагом по протоколу ftp загрузить все с локального компьютера уже на реальный сервер (на хостинг или на тот сервер, который мы арендовали);
· Далее нужно настроить работу магазина на сервере и убедиться в правильной работе магазина.В итоге получается магазин, работающий в интернете на реальном сервере.
Этот способ гораздо проще первого, потому что знаний нужно гораздо меньшеи магазин создается гораздо быстрее. Преимуществами такого подхода можно выделить следующие:
· Быстрая скорость разработки. Магазины такого типа можно создать за один-два дня. Уставить на хостинг/сервер, настроить и применить какой-либо шаблонный дизайн. Интернет-магазин уже будет готов к работе;
· Наличие большого сообщества пользователей. Как правило, у любого (особенно бесплатного) движка есть большое сообщество пользователей. Это различные форумы или группы в социальных сетях. Там, как правило, можно найти ответы на свои вопросы и дополнительные модули для этого движка, которые позволяют расширить его функционал;
· Наличие большого количества готовых шаблонов. Часть из них распространяются бесплатно, но с ними нужно быть очень аккуратным, потому что в последнее время очень распространено такое явление, как встраивание в бесплатные шаблоны определенных скриптов (эксплойтов), через которые магазин взламывается или становится частью какой-то бот-сети. Поэтому, несмотря на то, что бесплатные шаблоны есть, к их выбору надо подходить очень внимательно.