В данной статье представлены результаты реализации программного модуля для сайта торговой компании. Обоснован выбор инструментальных средств разработки. В качестве языка программирования были выбраны PHP, JavaScript, HTML, CSS, MySQL, а в качестве среды разработки Sublime Text.
Ключевые слова: программный модуль, торговая компания, пользовательский интерфейс, язык и среда программирования, клиент-серверная архитектура
Любая современная коммерческая организация рано или поздно встает перед необходимостью создания собственного сайта в интернете. Интернет-представительство имеет несколько важных задач, которые успешно решаются, если сайт создан удачно. Это и привлечение внимания потенциальных клиентов, и расширение сферы деятельности компании, и повышение собственного имиджа и популярности, и получение ощутимой экономической прибыли.
В связи с этим возникла необходимость в разработке программного модуля для сайта торговой компании (ПМ ТК). До разработки модуля присутствовал ряд существенных недостатков, что затрудняло бизнес процессы торговой компании. Использовались бумажные архивы, возникали проблемы с представлением актуальной информации покупателю, с размещением и распространением информации, с поиском аналогичных товаров данной категории, отсутствовала технология подбора сопутствующих товаров.
После разработки программного модуля были исправлены данные недостатки и введены в использование ряд полезных для покупателей функций. Появилось организованное хранение данных, возможность наглядного представления информации покупателю, исчезли проблемы с размещением и распространением актуальной информации, появился удобный поиск как конкретного товара, так и аналогичных моделей, что повышает эффективность бизнес-процессов торговой компании, внедрена новая технология подбора сопутствующих товаров.
Данная тема актуальна и представляет интерес как для конкретного магазина, так и для компании в целом. Сайт является отличным средством для размещения и распространения ключевой информации о продуктах магазина для покупателей. Его значимость для конкретного магазина весьма велика. Требуется удобный поиск товара и представление его покупателю. Так же необходимо реализовать поиск аналогичных товаров. Основной сайт компании, как правило, отображает в удобном виде размеры, которые присутствуют в магазине, но не полностью реализует поиск сопутствующих товаров, а также поиск товаров аналогичного размера. Все возникающие проблемы будет решать разрабатываемый программный модуль. Также он будет оперировать именно с конкретными товарами, которые есть в наличии магазина. Он будет предоставлять пользователю удобный и понятный интерфейс и занимать время покупателя, пока продавец ходит на склад за выбранным товаром. Всё это обеспечит высококачественный сервис и во многом повысит эффективность уже имеющегося сайта компании. Стоит отметить, что разрабатываемый модуль открывает большие перспективы для его дальнейшего усовершенствования и разработки сопутствующих модулей. Это поднимет работу компании на совершенно новый уровень. Для решения поставленной задачи были выбраны инструментальные средства.
В качестве языка программирования были выбраны PHP, JavaScript, HTML, CSS, MySQL [1,2]. Критерии выбора представлены в таблице 1.
Таблица 1
Выбор языка программирования [6, 7, 8,9, 10]
Требование |
PHP1 |
Java2 |
Ruby3 |
Python4 |
JavaScript5 |
Производительность |
- |
+ |
- |
- |
+ |
Кроссплатформенность |
+ |
+ |
+ |
+ |
+ |
Переносимость |
+ |
+ |
+ |
+ |
+ |
Устойчивость к ошибкам и простота отладки |
+ |
+ |
+ |
+ |
+ |
Личный опыт в программировании |
+ |
+ |
- |
- |
+ |
+ присутствует возможность
— отсутствует возможность
В качестве среды разработки Sublime Text, так как из рассмотренных она является наиболее расширяемой средой разработки и поддерживает большее количество языков [3]. Так же немаловажным фактором является сложившееся вокруг этой среды большое сообщество разработчиков, помощь которого может существенно ускорить решение проблем связанных с процессом разработки.
Критерии выбора представлены в таблице 2.
Таблица 2
Выбор среды разработки [11, 12, 13, 14, 15, 16]
Характеристики |
Среда разработки |
|
||||
Visual Web Developer Express1 |
Sublime Text 32 |
Visual Studio 20053 |
Blue fish4 |
Eclipse5 |
NetBeans6 |
|
Наличие бесплатной версии |
+ |
+ |
+ |
+ |
+ |
+ |
Кроссплатформенность |
+ |
+ |
+ |
+ |
+ |
+ |
Опыт разработчика |
- |
+ |
- |
- |
+ |
- |
Быстрая навигация |
+ |
+ |
- |
+ |
+ |
+ |
Подсветка синтаксиса |
+ |
+ |
+ |
+ |
+ |
+ |
+ присутствует возможность
— отсутствует возможность
Разрабатываемый модуль построен на основе многоуровневой клиент-серверной архитектуры. При этом в отдельные подмодули выделены следующие компоненты:
– Компонент получения и обработки данных. В его задачи входит взаимодействие с входными данными (информацией, которую вводит пользователь), а также взаимодействия с данными, получаемыми после работы компонента подборки товара, обработка получаемых данных и взаимодействие с БД через внутреннюю сеть. Выполнен в виде графического интерфейса (главного окна).
– Компонент базы данных. Представляет собой систему управления реляционными базами данных (СУРБД). В задачи этого компонента входит хранение данных об артикуле товара, количестве, принадлежности к категории, типе, и размере.
– Компонент интерфейса. Представляет собой графический интерфейс, который позволяет получить доступ к данным модуля в удобном для человека виде. С помощью него осуществляется удобное графическое представление товара вывод все необходимой информации, а также наиболее удобный способ взаимодействия продавца-консультанта с покупателем.
– Компонент подборки товара. Представляет собой систему, взаимодействующую с реляционными базами данных. На основе входных данных подбирается сопутствующий товар подходящий пользователю модуля.
На рис.1 представлена общая схема входных и выходных данных ПМ ТК.
Рис. 1. Общая схема входных и выходных данных ПМ ТК
Перед реализацией пользовательского интерфейса ПМ ТК был построен его прототип. Разрабатываемый программный модуль состоит из трёх основных окон.
Главное окно программы состоит:
– два поля ввода:
- Поле ввода артикула.
- Поле ввода размера товара.
– кнопка «Найти товар». По нажатию на кнопку происходит переход на другую вкладку — с найденными товарами и аналогичными товарами данного размера.
Окно с найденными товарами состоит:
– шесть графических представлений товаров с указанием их артикулов;
– две кнопки. Первая «В начало» осуществляет переход на главное окно. Вторая «Подборка» осуществляет переход на вкладку с подобранным сопутствующим товаром.
Окно подборки сопутствующих товаров:
– шесть графических представлений подобранных товаров;
– кнопка «В начало» осуществляет переход на главное окно.
Сущностям инфологической модели предметной области соответствуют таблицы даталогической модели [4]. Таблица была поименована по правилам, установленным СУБД MySQL. Выбраны первичные ключи в каждой таблице (для всех таблиц использованы суррогатные ключи). Связи один-ко-многим реализованы посредствам создания в дочерней таблице поля внешнего ключа. Для всех атрибутов выбраны необходимые типы данных, присвоены имена в соответствии с требованиями СУБД. В данной работе был проанализирован современный подход к проектированию.
Было уделено значительное внимание средствам для работы с данными. Произведён обзор возможностей Zend Studio [5]. Рассмотрены инструменты разработчика, используемые в браузере Google Chrome. А также проанализированы методы отладки и тестирования программ, описаны методы тестирования и проведено функциональное тестирование модуля.
Литература:
- Питер Лабберс, Брайан Олберс, Фрэнк Салим. HTML5 для профессионалов: мощные инструменты для разработки современных веб-приложений; 2011, — 267 с.
- Николай Прохоренок, Владимир Дронов HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера; БХВ-Петербург, 2015, — 876 с.
- Колдаев В.Д. Основы алгоритмизации и программирования: Учебное пособие / Под ред. проф. Л.Г.Гагариной. — М.: ИД «ФОРУМ»: ИНФРА-М, 2006, — 432 с.
- Роберт В Себеста. Основные концепции языков программирования Вильямс, 2001,- 668 с.
- Федотова Е.Л. Портнов Е.М. Прикладные информационные технологии: учеб.пособие/Е.Л.Федотова, Е.М.Портнов.- М.: ИД «ФОРУМ»: ИНФРА-М, 2013, -336 с.
- http://php.net/
- http://www.java.com/ru/
- https://www.ruby-lang.org/ru/
- http://www.python.org/
- https://learn.javascript.ru/
- https://www.visualstudio.com/ru-ru/products/visual-studio-express-vs.aspx
- http://www.sublimetext.com/
- https://msdn.microsoft.com/ru-ru/library/ms950416.aspx
- http://bluefish.openoffice.nl/index.html
- http://www.eclipse.org/
- https://netbeans.org/