Пояснительная записка (1195819)
Текст из файла
Министерство транспорта Российской Федерации
Федеральное агентство железнодорожного транспорта
Федеральное государственное бюджетное образовательное учреждение
высшего образования «Дальневосточный государственный университет путей сообщения»
Кафедра «Вычислительная техника и компьютерная графика»
К ЗАЩИТЕ ДОПУСТИТЬ
Заведующий кафедрой
______Ю.В. Пономарчук
«_____» июня 2017
Интернет-магазин «ИТЦ Компьютер»
Выпускная квалификационная работа
ВКР 09.03.01.ИВТ.10.00.943 – ПЗ
Студент 943 гр. В.А. Пычко
подпись, дата
Руководитель
ст. преподаватель П.С. Тимош
подпись, дата
Нормоконтролер
доцент, к.т.н. Е.В. Буняева
подпись, дата
Хабаровск 2017
Содержани
Введение 3
1 Актуальность работы 5
1.1 Характеристика предприятия 5
1.1.1 Поставка современного оборудования 5
1.1.2 Профессиональный монтаж кабельных систем 5
1.1.3 Разработка и внедрение управлением дома 6
1.2 Постановка задачи 6
1.3 Анализ области 7
1.3.1 Дизайн 7
1.3.2 Шапка 10
1.3.3 Подвал 12
1.3.4 Структура сайта и содержание страниц 13
1.4 Актуальность работы и обоснование ее необходимости 15
1.5 Выбор средств и технологий разработки 16
1.5.1 Обзор языков программирования 16
1.5.2 Инструментарии для разработки web-приложения 21
2 Проектирование 24
3 Разработка 33
3.1 Графический интерфейс 33
3.2 Программирование логики 37
4 Технико-экономическое обоснование 41
4.1 Постоянные издержки 41
4.2 Переменные издержки 44
4.2.1 Затраты на приобретение материалов 44
4.2.2 Затраты на потребляемую электроэнергию 45
4.2.3 Затраты на оплату труда разработчиков 45
4.2.4 Отчисления по налогам 47
4.3 Общие затраты 48
4.4 Целесообразность создания интернет-магазина 49
Заключение 52
Список использованных источников 53
Приложение А Макеты страниц интернет-магазина
«ИТЦ Компьютер» 56
Введение
В настоящее время практически у каждой компании есть свой сайт, web-сервис или web-приложение. Сейчас неважно, где находится главный офис предприятия или магазин, ведь миллионы пользователей Интернета могут получить услуги и товары по всему миру. Создание интернет-магазина для компании, продающей товары только в своем городе, является огромным шагом и ведет к росту прибыли и расширению предприятия.
Для того чтобы внедрение web-приложения оправдало положительные ожидания необходимо учитывать некоторые требования и правила при разработке интернет-магазина. Так, использование неактуального web-приложения может привести к падению числа посещений и, соответственно, конверсии. Следовательно, в такой интернет-магазин необходимо вносить изменения, иногда настолько крупные, что будет целесообразным проектировать и разрабатывать web-приложение с самого начала. Процесс создания интернет-магазина называется
web-разработкой и состоит из следующих этапов:
– проектирование сайта или веб-приложения (сбор и анализ требований, разработка технического задания, проектирование интерфейсов);
– разработка креативной концепции сайта;
– создание дизайн-концепции сайта;
– создание макетов страниц;
– создание мультимедиа и FLASH-элементов;
– вёрстка страниц и шаблонов;
– программирование (разработка функциональных инструментов) или интеграция в систему управления содержимым (CMS);
– оптимизация и размещение материалов сайта;
– тестирование и внесение корректировок;
– открытие проекта на публичной площадке;
– обслуживание работающего сайта или его программной основы.
В зависимости от текущей задачи, какие-то из этапов могут отсутствовать, либо быть тесно связаны один с другим.
Целью выпускной квалификационной работы является разработка интернет-магазина «ИТЦ Компьютер». Для выполнения ВКР формируются следующие задачи:
– анализ области актуального дизайна современных интернет-магазинов и выделение основных ошибок существующего интернет-магазина;
– подбор языков, необходимых для разработки web-приложения;
– выбор основных инструментов для работы над интернет-магазином от этапа проектирования до этапов тестирования;
– проектирование структуры и создание макетов страниц;
– написание графического интерфейса;
– программирование логической работы web-приложения.
Тема ВКР является наиболее востребованной для компании ООО «ИТЦ КОМПЬЮТЕР», так как выполнение работы должно привести к росту прибыли компании, что является основной целью любого коммерческого предприятия.
1 Актуальность работы
1.1 Характеристика предприятия
Компания ИТЦ КОМПЬЮТЕР основана в 1997 году и строит свою работу, ориентируясь на требования своих клиентов, предлагая им качественное и соответствующее их запросам оборудование и решения. По каждому виду деятельности компания ИТЦ КОМПЬЮТЕР одна из немногих на рынке Хабаровска, которая работает как с корпоративными, так и небольшими клиентами. Будь это солидный клиент или небольшой инсталлятор – для каждого из них предоставляют различные варианты решения поставленной задачи.
Далее будет рассмотрена деятельность компании.
1.1.1 Поставка современного оборудования
В настоящее время компания ИТЦ КОМПЬЮТЕР поставляет широкий спектр самого современного, высокотехнологичного и качественного оборудования для создания и модернизации кабельных систем как корпоративных информационных систем любой сложности, так и кабельных систем инфраструктуры здания в общем. Компания формирует ассортимент качественного и надежного оборудования известных производителей – Legrand, Nexans, ADC Krone, RITTAL, Teldor, Hyperline, Allied Telesis, ZyxeL, Cisco, APC, Eaton, Intel, HP, которые активны на российском рынке, а их оборудование обладает лучшими потребительскими качествами.
1.1.2 Профессиональный монтаж кабельных систем
ИТЦ КОМПЬЮТЕР занимается профессиональным монтажом кабельных систем, в число которых входят: Nexans Cabling System, Legrand Cabling System, Eurolan SCS, RiT Smart Cabling System, ECS STRUCTURED CABLING SYSTEM, Hyperline СКС и EXALAN+ СКС. Являясь одной из ведущих компаний Хабаровска по созданию структурированных кабельных систем (СКС), ИТЦ КОМПЬЮТЕР специализируется на создании уникальных и комплексных решений, включающих в себя не только гарантированную работоспособность сети и ее соответствие существующим стандартам (специализированным, строительным, противопожарным), но и естественное включение кабельной системы в общий дизайн помещения клиента с сохранением ее функциональности. Компания состоит в членах СРО «Содействие развитию стройкомплекса Дальнего Востока» и имеет допуск к устройству инженерных систем (свидетельство № 067-11-2721061980-С-139-И1 от 15.03.2011), а также сертифицированных специалистов по проектированию, монтажу и тестированию компьютерных сетей на основе медного кабеля и оптоволокна.
1.1.3 Разработка и внедрение управлением дома
Инженеры компании ИТЦ КОМПЬЮТЕР занимаются автоматизацией жилых, офисных и производственных зданий нового поколения: системы централизованного мониторинга и диспетчеризации, интегрированные системы безопасности, энергосберегающие устройства, освещение, отопление, вентиляция, кондиционирование, водоснабжение, системы многозонального распределения звука и видео, мультимедиа и многое другое.
1.2 Постановка задачи
В пользовании компании находится сайт, который позиционируется как интернет-магазин. Однако, с течением времени цели внедрения интернет-магазина не были достигнуты: количество заказов не увеличилось, посетители сайта пользуются только контактными данными и не совершают заказов через web-приложение. В связи с этим, директором компании «ИТЦ КОМПЬЮТЕР» была поставлена задача – изменить имеющийся интернет-магазин, с целью улучшения эргономичности интерфейса и создания продающего дизайна.
Для выполнения поставленной задачи является целесообразным не исправлять имеющийся интернет-магазин, а спроектировать и разработать новое web-приложение, учитывая недостатки использующегося компанией интернет-магазина и преимущества современных и успешных аналогов.
1.3 Анализ области
Для того, чтобы приступить к проектированию web-приложения, необходимо проанализировать современные тенденции разработки интернет магазинов.
Ключевыми особенностями любого интернет-магазина являются:
– дизайн страниц и их неизменные элементы: шапка и подвал;
– структура web-приложения;
– содержание страниц и его представление.
1.3.1 Дизайн
Первое, что видит пользователь, заходя на главную страницу, это дизайн. Для начала необходимо проанализировать цветовую схему имеющегося сайта. Цвета в интерфейсе интернет-магазина должны быть неброскими, комфортными, не отвлекающими от товаров и основной информации.
В рассматриваемом интернет-магазине, который представлен на рисунке 1.1, имеется три основных цвета: красный, зеленый и белый.
Рисунок 1.1 – Главная страница интернет-магазина
Красный и зеленый цвет принадлежат контрастной цветовой схеме, что является не подходящей для дизайна интернет-магазина. Предпочтительными схемами являются:
– аналоговая цветовая схема [2], использующая соседние цвета из цветового колеса, представленного на рисунке 1.2. В результате получаются визуально приятные и успокаивающие цвета;
Рисунок 1.2 – Аналоговая цветовая схема
– один выделительный цвет с ахроматическим окружением. Такая схема представлена на рисунке 1.3 и является самой яркой и запоминающейся, при этом не нагружая цветом все пространство страниц.
Рисунок 1.3 – Ахроматическая цветовая схема с одним
выделительным цветом
Хорошими примерами цветов в дизайне могут быть такие сайты, как ebay.com, bigbrownbox.com.au, показанные на рисунках 1.4 и 1.5 соответственно.
Рисунок 1.4 – Главная страница сайта ebay.com
Рисунок 1.5 – Главная страница сайта bigbrownbox.com.au
Для того, чтобы детальнее проанализировать сайт и выявить неудачные решения, следует начать с основных элементов: шапка и подвал.
1.3.2 Шапка
Шапка является важной и необходимой частью любого традиционного интернет-магазина. С помощью нее осуществляется реклама продающей компании; навигация по основным разделам и поиск; предоставление доступа к корзине, к регистрации и учетной записи, основным контактным данным или другой важной для клиента информации. На рисунке 1.6 представлена шапка имеющегося сайта.
Рисунок 1.6 – Шапка сайта
На шапке имеется:
– логотип компании;
– лозунг компании;
– адрес и контактные данные;
– ссылки для входа и регистрации;
– значок корзины;
– горизонтальное меню;
– строка поиска;
– дополнительная строка меню.
Основная часть страницы имеет много элементов и не выглядит уравновешено, за счет неравномерно распределенных элементов и цветов. Можно выделить следующие недочеты:
– элементы в блоке со входом, регистрацией и корзиной расположены неравномерно;
– значок корзины не имеет вид кнопки, что может привести к неосознанию интерактивности данного элемента посетителем сайта;
Характеристики
Тип файла документ
Документы такого типа открываются такими программами, как Microsoft Office Word на компьютерах Windows, Apple Pages на компьютерах Mac, Open Office - бесплатная альтернатива на различных платформах, в том числе Linux. Наиболее простым и современным решением будут Google документы, так как открываются онлайн без скачивания прямо в браузере на любой платформе. Существуют российские качественные аналоги, например от Яндекса.
Будьте внимательны на мобильных устройствах, так как там используются упрощённый функционал даже в официальном приложении от Microsoft, поэтому для просмотра скачивайте PDF-версию. А если нужно редактировать файл, то используйте оригинальный файл.
Файлы такого типа обычно разбиты на страницы, а текст может быть форматированным (жирный, курсив, выбор шрифта, таблицы и т.п.), а также в него можно добавлять изображения. Формат идеально подходит для рефератов, докладов и РПЗ курсовых проектов, которые необходимо распечатать. Кстати перед печатью также сохраняйте файл в PDF, так как принтер может начудить со шрифтами.















