Создаём крупнейший b2c-портал для сувенирной индустрии

Компания «Долина Подарков» продает и производит сувенирную продукцию, помогает найти и приобрести оригинальные подарки. Благодаря собственному производству на создание товара уходит всего лишь 1 день.

Задачи проекта

Перед нами встала задача по разработке интернет-магазина с индивидуальной CRM системой, использование сервиса «Мой склад» и его API для обмена данными по складу, реализация подпроекта конструктора для создания индивидуальных товарных решений и онлайн редактор макетов, с возможностью нанесения его на различные товары.

CRM

У магазина есть своя курьерская доставка на автомобилях и пешком, поэтому была реализована интерактивная карта с расстановкой булавок на ней, отметкой типов доставок. Логист назначает все события и далее остается только выдать заказы курьерам для доставки. Производится печать документов для доставки, а так же строятся маршруты доставок.

Для проверки адресов доставки используется сервис dadata, который проверяет актуальность данных и помечает поле адреса соответствующим сигналом.

У магазина есть свое производство товаров, поэтому мы разработали бонусную систему для работников, которая ведет статистику произведенных товаров и составляет график по заданным требованиям.

Так как одновременно работают сразу несколько человек с заказами, мы разработали систему маркеров для отметки каждого из заказа менеджером и мгновенное отображение заказов в режиме реального времени. Для этого мы использовали Socket.io, Express.js и Node.js. Express.js мы использовали как серверную платформу для веб-приложения Node.js. Так же для приложения использовали библиотеку Socket.io для обмена данными в реальном времени, оно состоит из двух частей: клиентской, которая запускается в браузере и серверной для Node.js. Оба компонента имеют похожее API.

Сторонние курьерские службы

Было задействовано API курьерских служб доставок: Boxberry, СДЭК.

В фоновом режиме производится сборка данных для расчета, которая в свою очередь своевременно обновляется. Поэтому на сайте всегда действующие тарифы на доставку и расчет производится мгновенно. Для того, чтобы исключить лишние ошибки расчетов доставок, мы создали отдельную внешнюю информационную систему, которая следит за выполнением запросов к API и своевременно предупреждает о наличии ошибок и предупреждений.

Так же с помощью API реализован функционал по отправке заявок непосредственно в курьерскую службу.

Система управления складами

Как и говорилось ранее был выбран сервис «Мой склад» для управления остатками. Мы реализовали полную синхронизацию склада товаров с сайтом.

Магазин продает некоторые товары состоящие из комплектов каждый из которых хранится в виде отдельного компонента на складе. Ввиду этого, мы реализовали функциональность по созданию комплектов через API. Теперь создание комплектов происходит в клик, а ранее пришлось бы тратить огромное количество времени на это, если это делалось бы вручную.

При определенном триггере происходит отметка заказа «флажком» на списание товарной позиции со склада. Cron скрипт проверяет в определенный интервал времени и списывает такие товары целым списком. Так как товарных позиций на списание может быть много, реализована система, которая плавно списывает остатки и не нагружает систему.

Подпроект конструктора

Мы создали функционал конструктора, который в свою очередь позволяет создавать товары с набором параметров, генерирует всевозможные сочетания в зависимости от заданных параметров.

Так же разработан canvas онлайн редактор, которые дает возможность создавать текстовые слои, изображения, svg картинки и иконки. С данными слоями можно взаимодействовать и создавать тем самым необходимый макет.

Помимо редактора была разработана система для предварительного просмотра продукта. С помощью imagemagick производится настройка необходимого товара по заданным параметрам (Например: изгиб по цилиндру, 3d трансформация, сдвиги по оси, композиция заданным алгоритмом), тем самым теперь легко настраивать любой новый товар на сайте.

open-source

Когда нам потребовалось создать онлайн редактор с широким функционалом, нам нужно было либо написать свое решение на javascript, либо найти готовое. Мы нашли прекрасное решение на Github и интегрировали его.

При разработке столкнулись с тем, что каждый из браузеров по разному выдает данные по метрике шрифтов (проблема с плавающие точкой), а так как проект подразумевает технологию web-to-print и необходимо точно производить расчет, нам пришлось разработать свою метрику шрифтов и использовать ее в проекте. Для этого был задействован программный продукт imagemagick.

Стек технологий

Бэкэнд написанный на php;
PostgreSQL, которая используется в качестве базы данных продуктов, категорий и других изменяемых сущностей;
Vue.js был использован для создания пользовательских интерфейсов редактора canvas;
KonvaJS — библиотека была использована для создание онлайн редактора;
Node.js - программная платформа, основанная на движке V8;
Socket.IO — библиотека для веб-приложений и обмена данными в реальном времени;
Express — фреймворк web-приложений для Node.js;
ImageMagick — набор программ для чтения и редактирования файлов множества графических форматов;
Ghostscript — набор программного обеспечения, позволяющего интерпретировать язык PostScript и документы PDF;
Inkscape — векторный графический редактор, который в проекте использует некоторые консольные команды;

PHP

PHP — один из самых популярных языков веб-разработки, cейчас все стандартные задачи на бэкенде можно решить с помощью PHP, существует огромное количество готовых решений, поддержка всех современных баз данных и технологий. Его выбирают за надежность и динамическое развитие.

PHP — скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов.

Язык очень активно развивается, обладает огромным профессиональным сообществом. Он является одним из самых быстрых скриптовых языков. Это мощный инструмент, который развивается, имеет большое комьюнити, имеет прекрасную документацию, имеет большой набор готовых библиотек и решений. Он прекрасно справляется со своими задачами, хорошо решает потребности бизнеса: быстро стартовать, найти хорошую команду и сделать продукт.

Разработка будет предсказуемой, а так же вы сможете получить наш огромный опыт разработки на php:

CRM и ERP системы
Интернет магазины
Медиа и мета порталы
Корпортивные сайты

Ruby

Ruby - высокоуровневый, динамичный, интерпретируемый язык программирования общего назначения.Язык удобный для разработчиков, с сильной абстракцией и использованием конструкций натурального или человеческого языка. Типы данных определяются на этапе выполнения программы, это увеличивает скорость разработки. Код на Ruby обрабатывается интерпретатором в момент выполнения без предварительной компиляции, это обеспечивает независимость от платформ и уменьшает размер исполняемых программ.

Использование языка

В отличие от предметно-ориентированных, языки программирования общего назначения не создаются для применения в специфических областях. Благодаря Ruby on Rails нишей языка стала веб-разработка. В «рельсах» реализованы инновационные возможности, включая бесшовную интеграцию с базой данных, миграции, создание представлений для ускорения разработки.

Наши услуги

Прежде всего мы используем ruby для высоконагруженных масштабируемых сервисов, отказоустойчивых приложений, приложения с функционалом реального времени (ленты событий, форумы, социальные сети), создание встраиваемых систем и движков для интернет магазинов.

Pyton

Python — высокоуровневый язык программирования общего назначения с динамической строгой типизацией и автоматическим управлением памятью, ориентированный на повышение производительности разработчика, читаемости кода и его качества, а также на обеспечение переносимости написанных на нём программ.

Использование языка

Мы используем Pyton для реализации искусственного интеллекта, машинного обучения и компьютерного зрения. Благодаря своему простому синтаксису и широкому спектру библиотек, Python является идеальным выбором для многих проектов AI и ML. В области искусственного интеллекта задачи компьютерного зрения — одни из самых интересных и сложных. Для распознавания лиц мы используем библиотеку OpenCV.

Наши услуги

Если для вашего проекта преимущественно важно иметь функции распознавания лиц, искусственно интеллекта и машинного обучения, то мы разработаем для вас бэкенд на Pyton. Помимо этих задач на Pyton мы реализовали большое количество других функций, например рекомендальные системы при использование RecTools, LightFM и RecBole.

Ruby on Rails

Ruby on Rails — фреймворк, написанный на языке программирования Ruby, реализует архитектурный шаблон Model-View-Controller для веб-приложений, а также обеспечивает их интеграцию с веб-сервером и сервером баз данных. Является открытым программным обеспечением и распространяется под лицензией MIT

Использование

Фреймворк Ruby on Rails упрощает процесс разработки веб-сайтов и приложений, снимая общие повторяющиеся задачи, такие как создание форм, таблиц и меню. Разработчикам не нужно создавать новый веб-сайт или веб-приложение с нуля, поскольку они могут использовать готовые решения для повторяющихся задач. У «Рельс» огромное сообщество и поддержка, которую можно получить в результате. C «Рельсами» разработать решение можно быстрее - это важный аргумент в пользу данного фреймворка.

Наши услуги

Прежде всего мы используем Ruby on Rails для высоконагруженных масштабируемых сервисов, отказоустойчивых приложений, приложения с функционалом реального времени (ленты событий, форумы, социальные сети), разработка встраиваемых систем и движков для интернет магазинов.

Laravel

Laravel — веб-фреймворк, написанный на языке программирования Php, предназначенный для разработки с использованием архитектурной модели Model-View-Controller. Laravel выпущен под лицензией MIT.

Использование

Laravel по праву заслужил звание самого надежного и выносливого PHP-фреймворка за свою систему безопасности и множество модулей, которые помогают создавать высокопроизводительные и масштабируемые проекты. Фреймворк дает быструю разработку благодаря множеству присущих ему функций. Использование Laravel дает разработчикам возможность гибко писать код и заботиться о требованиях к динамической разработке - от небольших веб-сайтов до полномасштабных корпоративных приложений.

Наши услуги

На Laravel мы разработаем или масштабируем решения для вашего существующего проекта, и с радостью разработаем надежный, быстрый и безопасный веб-сайт или веб-приложение, с учетом всех ваших пожеланий, например приложения с функционалом реального времени (блоги, социальные сети, новостные ленты), создание встраиваемых систем и движков для интернет магазинов и блогов.

Symphony

Symfony — свободный фреймворк, написанный на PHP. Symfony предлагает быструю разработку и управление веб-приложениями, позволяет легко решать рутинные задачи веб-программиста. Имеет поддержку множества баз данных. Он соответствует шаблону проектирования Model-View-Controller (MVC), который позволяет разделять задачи и делает работу каждого участника более понятной при сотрудничестве в команде.

Использование

Symfony имеет мощную экосистему вокруг фреймворка, с хорошим сообществом и множеством разработчиков. Хорошая и постоянно обновляемая документация для всех версий фреймворка. Symfony имеет множество различных не связанных компонентов для повторного использования. Предлагает механизм функциональных и модульных тестов для нахождения ошибок в веб-приложении. Подходит для сложных и нагруженных веб-проектов.

Наши услуги

При разработке на Symfony мы выбираем его прежде всего, когда необходимо написать веб-приложение со сложными сценариями, поэтому чаще всего используем его для крупных веб-приложений.

Django

Django — свободный фреймворк для веб-приложений на языке Python, использующий шаблон проектирования MVC. Проект поддерживается организацией Django Software Foundation. Сайт на Django строится из одного или нескольких приложений, которые рекомендуется делать отчуждаемыми и подключаемыми.

Использование

Django поможет разработать CRUD приложение под ключ. С данным фреймворком не придется изобретать велосипед. Он работает из коробки и позволит сосредоточиться на бизнес-логике и продуктах для обычных людей. Django как фреймворк задаёт стандартизированную структуру проекта. Она помогает разработчикам понимать, где и как добавлять новую функциональность. Благодаря одинаковой для всех проектов структуре гораздо проще найти уже готовые решения или получить помощь от сообщества. Огромное количество увлеченных разработчиков поможет справиться с любой задачей гораздо быстрее. Django безопасен из коробки и включает механизмы предотвращения распространенных атак вроде SQL-инъекций (XSS) и подделки межсайтовых запросов (CSRF)

Наши услуги

C помощью Django мы создаем надежные и масштабируемые решения. Это может быть бэкенд для веб приложения, геопространственных программ, AI и ML, хранение и анализ больших массивов информации, выполнение сложных расчетов и построение красочных интерактивных карт, корпоративных сайтов или медиа-порталов.

Vue.js

Vue.js — JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов. Легко интегрируется в проекты с использованием других JavaScript-библиотек. Может функционировать как веб-фреймворк для разработки одностраничных приложений в реактивном стиле.

Использование

Преимущества Vue.js заключается в том, что он основан на шаблоне Model-View-ViewMode (MVVM). Принцип шаблона кроется в отделении внутренних бизнес-процессов от графики интерфейсов. В итоге существенно повышается эффективность программирования. Также среди плюсов можно выделить компонентную структуру и высокую скорость. Компоненты – отдельные блоки кода, используемые многократно. С такими модулями можно «проектировать» крупные веб-приложения быстро и без лишних ошибок. В них содержатся одновременно описания и возможности внедрения. Отличительные особенностью Vue.js, является компактный размер и вытекающая отсюда скорость обработки данных. Поэтому фреймворк популярен в среде мобильной разработки.

Услуги

Чаще всего мы применяем Vue.js для проектирования крупных приложений, состоящих из одной или нескольких страниц. Причем в любом виде: как на основе общедоступных API, так и на собственном сервере. Так как фреймворк адаптивный и реактивный, мы используем Vue.js при обработке вычислений внешними API.

React

React — JavaScript-библиотека с открытым исходным кодом для разработки пользовательских интерфейсов. React может использоваться для разработки одностраничных и мобильных приложений.

Использование

React изначально был спроектирован так, чтобы его можно было внедрять постепенно. Другими словами, вы можете начать с малого и использовать только ту функциональность React, которая необходима вам в данный момент. React решает задачу быстродействия приложения, делая его более быстрым и менее ресурсоемким благодаря использованию виртуального Document Object Model (DOM). Преимущество использования React заключается в том, что он позволяет ускорить разработку, уменьшить количество ошибок и легче поддерживать большие кодовые базы. Фреймворк выгоден для бизнеса, так как благодаря использованию этой библиотеки, можно быстро и легко создавать новые продукты и улучшать уже существующие.

Наши услуги

Мы используем React в качестве фреймворка для web-приложений обеспечивающих масштабируемость и скорость при создании и отображении пользовательских интерфейсов. Прекрасно подходит для любых задач, можно выделить среди них: мгновенный поиск, быстрое меню навигации, формы для заказа и так далее...

Node.js

Node.js — программная платформа, основанная на движке V8, превращающая JavaScript из узкоспециализированного языка в язык общего назначения.

Использование

Преимущество Node прежде всего в оптимальной скорости работы приложений, возможность совместного и повторного использования, большое количество бесплатных инструментов и кроссплатформенность. Всё это позволяет сделать процесс разработки максимально гибким и менее затратным по времени. Как результат, вы в кратчайшие сроки получаете качественное и надёжное программное обеспечение.

Наши услуги

Мы используем Node как отличный инструмент для микросервисной архитектуры, подходящий для масштабируемых и крупных проектов. Архитектуры микросервисов предполагает разработку одного приложения как набора небольших сервисов, каждый из которых работает с собственными процессами и взаимодействует с легковесными механизмами.

Интерфейс

При создание дизайна мы оцениванием продукт в целом и проектируем его под заданные конкретные условия. Удобство использования интерфейса сайта не сводится только к тому, насколько его легко эксплуатировать. Эту характеристику следует понимать более широко, учитывая личные цели пользователя, его эмоции и ощущения, связанные с восприятием продукта, а также удовлетворённостью его работы. При разработке интерфейса мы используем только необходимую информацию, дабы не отвлекать пользователя от ненужных элементов, которые отнимают время и что хуже раздражают пользователя.

Верстка

В наших сайтах дизайн веб-страниц, обеспечивает правильное отображение сайта на различных устройствах и динамически подстраивается под заданные размеры окна браузера. Целью адаптивного веб-дизайна является универсальность отображения содержимого сайта для различных устройств. Для того, чтобы сайт было удобно просматривать с различных устройств, по технологии адаптивного веб-дизайна не нужно создавать отдельные версии сайтов для отдельных видов устройств. Один сайт может работать на смартфоне, планшете, ноутбуке итд.

Наши сайты способны разжигать эмоции, именно поэтому они привлекают многотысячную аудиторию. Наши сайты это выкрик нового времени, способный разжечь эмоции каждого!

При программирование мы используем три основых приципа: линейность, краткость, самодокументирование. Уменьшая количество кода, используемого для реализации заданного функционала, мы делаем код гораздо более читаемым и надежным. При разработке мы выносим переиспользуемый код в отдельные процедуры и классы. Большую часть времени перед нами встают задачи, которые уже множество раз были решены, поэтому мы по максимуму используем лучшие готовые решения.

С написания теста, начинается любое добавление новой функциональности в программу - это называется разработка через тестирование. Разработка через тестирование предлагает больше, чем просто проверку корректности, она также влияет на дизайн программы. Изначально сфокусировавшись на тестах, проще представить, какая функциональность необходима пользователю. Таким образом, мы продумываем детали интерфейса до реализации. Несмотря на то, что при разработке через тестирование требуется написать большее количество кода, общее время, затраченное на разработку, обычно оказывается меньше, так как тесты защищают от ошибок, поэтому время, затрачиваемое на отладку, снижается многократно. Устранение дефектов на более раннем этапе разработки, препятствует появлению хронических и дорогостоящих ошибок, приводящих к длительной и утомительной отладке в дальнейшем. Тесты могут использоваться в качестве документации. Хороший код расскажет о том, как он работает, лучше любой документации.

Важным этапом при проектирование, является процесс обеспечения безопасности и работоспособности программного продукта. Мы с самого начала разработки, применяем требования к безопасности продукта, так как внедрение решений для обеспечения безопасности после того, как программа уже была разработана, является сложной и дорогостоящей процедурой.

Спасибо, форма успешно отправлена.

В ближайшее время мы с вами свяжемся.

Создать новую форму

Закрыть