Мои проекты

Редизайн и расширение функционала существующего сайта

Сайт разработан на платформе Data Life Engine. Были проделаны следующие изменения:

• Для повышения безопасности и улучшения функционала обновлена версия CMS с 13.2 до 15.1
• На веб сервер установлены недостающие пакеты, необходимые для работы новой версии CMS
• Произведена реорганизация базы данных сайта под новую версию CMS
• Подключена библиотека Bootstrap 5.1 и реализован предоставленный макет
• Реализована мобильная версия сайта
• Написаны плагины для CMS на PHP, расширяющие существующий функционал и обеспечивающие те или иные потребности нового дизайна
• Добавлена микроразметка в теле сайта для SEO оптимизации

Разработка сайта компании

Реализована задача по созданию сайта для транспортной компании, осуществляющей международные грузовые перевозки на фреймворке Laravel.

• Реализован предоставленный макет с использованием Bootstrap 5.1
• Произведена оптимизация мобильной версии сайта
• Реализована обратная связь через сообщения с сайта и электронную почту
• Реализована мультиязычность на сайте: пользователю доступны русский, английский и польский языки

Разработка сайта компании

Реализована задача по созданию сайта для небольшой сети СТО в г.Донецк на фреймворке Laravel.

• Разработан макет внешнего вида сайта с использованием Bootstrap 5.1
• Произведена оптимизация мобильной версии сайта
• Реализована обратная связь через сообщения с сайта и Telegram-чат с ботом.
• Спроектирована база данных на MySQL
• Настроен импорт прайс-листа услуг из используемого программного комплекса Turbo Service на сайт *
• Настроен импорт публикаций о работе из группы СТО в Instagram в виде галереи **

* - сейчас каталог услуг отключен в виду внутренних противоречий в руководстве
** - в настоящий момент раздел не функционирует из-за блокировки доступа к соцсети

Разработка сайта компании

Создана целевая страница (Landing Page) для представления грузотранспортной компании в сети интернет на фреймворке Laravel. *

• Разработан макет внешнего вида сайта с использованием Bootstrap 5.1
• Произведена оптимизация мобильной версии сайта
• Реализована обратная связь через сообщения с сайта и электронную почту

* - основная причина использования фреймворка: наличие уже разработанного скелета приложения и желание практики работы с данным фреймворком. Никаких других задач не ставилось.

Разработка зеркальных сайтов компании

Создана целевая страница (Landing Page) для представления грузотранспортной компании в сети интернет на фреймворке Laravel. *

• Разработан макет внешнего вида сайта с использованием Bootstrap 5.1
• Произведена оптимизация мобильной версии сайта
• Реализована обратная связь через сообщения с сайта и электронную почту.
• Реализовано получение постов из группы предприятия в социальной сети Вконтакте, сохранение в БД и публикация в качестве новостей.
• Создано дублирующее зеркало сайта для другого доменного имени - donspecsnab.ru. Фактически используется одно приложение, но в зависимости от того на какое доменное имя поступает запрос просходит отрисовка шаблона с небольшими изменениями (адреса, логотипы, телефоны и т.д.)

* - основная причина использования фреймворка: наличие уже разработанного скелета приложения и желание практики работы с данным фреймворком. Никаких других задач не ставилось.

Реализация личного кабинета клиента интернет провайдера

Задача осуществлена с помощью Single Page Application на Angular.

• Внешнее оформление, разделы и функционал перенесены из ранее существующего личного кабинета абонента.
• В проект включены и настроены компоненты библиотеки Angular Material (Google Material Gesign)
• В качестве бэкэнда выступает REST API, уже работающее на сервере предприятия (написано мной ранее изначально для других целей)
• Конфигурация приложения поддается легкому редактированию (изменение цветов, логотипов, включение/выключение разделов и т.д.) для изменения настроек обращения к бэкэнду, а соответственно работой с базами клиентов компаньонов предприятия.

Реализация веб-версии кинозала для клиентов компании

Задача осуществлена с использованием PHP-фреймворка Laravel 8.

• Разработан макет внешнего вида сайта с использованием Bootstrap 4.6
• Произведена оптимизация мобильной версии сайта
• Реализована обратная связь через сообщения с сайта и электронную почту
• Получение данных о фильме (название, длительность, качество, рейтинги, актерский состав и т.д), а также физический путь к файлам на серверах платформа получает через хранимые процедуры из внешней базы данных
• На платформе реализована гибкая система фильтров и поиска (включая livesearch)
• Реализовано формирование избранного к просмотру для каждого клиента
• В качестве плеера для воспроизведения HLS-медиаконтента была выбрана библиотека VideoJS с очень широким функционалом и богатой документацией
• Внешний вид плеера был "подогнан" под интерфейс YouTube - привычный вид для пользователя.
• Добавлена темная тема оформления сайта

Создание сайта кинотеатра

Сайт разработан с нуля на языке PHP 5.6.*

• Реализован дизайн согласно предоставленному макету и брендбуку кинотеатра c использованием библиотеки Bootstrap v.4
• Спроектирована база данных на MySQL
• Осуществлена синхронизация используемой билетной системы Базис и сайта
• Разработана админпанель с возможностью наполнения контентом (описание фильмов)
• Реализована мобильная версия сайта
• Реализовано построение схемы зала и онлайн бронирование билетов
• Внедрен функционал разрешения доступа к сайту только с IP адресов, принадлежащих провайдерам ДНР **

* - в настоящий момент кинотеатр не функционирует с начала специальной военной операции РФ, сервера кинотеатра отключены, сайт фактически не работает
** - необходимость установлена руководством

Разработка билетной системы и сайта кинотеатра

Билетная система разработана с нуля на языке PHP 5.3.

• Согласован необходимый фукционал и спроектирована база данных
• Основные возможности:
  • создание и управление материалами сайта (описание фильмов, премьер)
  • создание расписания киносеансов с привязкой к зрительным залам и времени
  • гибкая система цен билетов и возможных скидок
  • продажа мест зрительного зала на определенные сеансы и за определенную цену с рабочего места кассира
  • резервирование и снятие забронированных мест с рабочего места кассира и в автоматическом режиме (за 30 минут до начала сеанса)
  • бронирование мест на сеанс онлайн с сайта кинотеатра
  • печать билетов при продаже
  • возможность создания макетов флаеров со скидками в формате pdf для последующей печати и распространения
  • различный уровень доступа и прав пользователей билетной системы
  • отображение на внешнем мониторе (для клиентов) текущего расписания либо состояние мест зала на определенный сеанс
  • сбор статистики по продажам и рентабельности показа для руководства
  • и т.д.
• Внедрен функционал разрешения доступа к сайту только с IP адресов, принадлежащих провайдерам ДНР *

* - необходимость установлена руководством

Разработка сайта провайдера

Создана целевая страница (Landing Page) для представления небольшого провайдера в сети интернет с размещением ссылок на личный кабинет клиентов, публикации информации по тарифам и контактов компании

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

Попытка внедрения собственной системы мониторинга состояния узлов сети предприятия и качества вещания телеканалов

Страница отображения текущего состояния устройств создана с использованием Angular 5. В качестве бэкэнда выступает REST Api на Laravel 6 *

• Отсутствие удобной и грамотно оформленной системы своевременного обнаружения проблем на сети провайдера побудили к попытке разработать собственную систему мониторинга состояния устройств.
• В кооперации с коллегой мы реализовали следующее:
  • собрали информацию по всем устройствам сети и составили карту (как ни удивительно, нигде не было централизовано собрана вся информация по устройствам, моделям, MAC-адресам, точным местам установки и т.п.)
  • разработали базу данных, где была систематизирована вся полученная информация
  • был написан скрипт на python, который в многопоточном режиме в цикле опрашивал устройства сети по ICMP, а полученные данные передавал для дальнейшей обработки
  • в качестве бэкэнда, работающего с БД, занимающегося обработкой данных и их передачей стал Laravel, в частности реализованное REST-API с приватными и публичными методами. Позже функционал этого API был расширен для работы с Telegram ботами, новым интерфейсом личного кабинета абонентов на Angular c JWT-авторизацией и др.
  • обработанные данные уже отображаются в веб интерфейсе "нашей системы"
  • со временем неоднократно проводился рефакторинг кода и произведена обработка возможных исключений
• В результате эта разработка существенно облегчила нашу основную работу на предприятии и вызвала интерес у руководства. В последствии данные по устройствам были перенесены в базу биллинговой системы, там же и построена карта сети. Нам предоставили доступ к БД и переданы хранимые процедуры, по которым "скрипт-пинговальщик" и сейчас передает данные о состоянии устройств.
• Веб интерфейс продолжает работать, без перезагрузок страниц и каких либо запросов от клиента обновляет данные на странице.

* - воплощение на чистом интересе к возможностям Angular и энтузиазме. Никаких конкретных задач от руководства не ставилось.

Создание интерактивной страницы-заглушки при блокировке доступа в интернет по балансу

Страница создана с использованием Angular 5 *

• Началось освоение новой платформы
• На странице блокировки размещена вся необходимая клиенту информация
  • пояснение причины блокировки доступа к интернету
  • рекомендации дальнейших действий
  • возможность перейти в ЛК для активации кредита, либо оплаты
  • реклама дополнительных услуг
  • контакты предприятия

* - воплощение на чистом интересе к возможностям Angular и энтузиазме. Никаких конкретных задач от руководства не ставилось.

Создание личного кабинета клиента

ЛК разработан с нуля на языке PHP 5.3.

• Разработка макета по указаниям руководства и его реализация с использованием фреймворка MetroUI.
• Работа с хранимыми процедурами из БД биллинговой системы предприятия на Firebird:
  • реализация аутентификации пользователей различными способами
  • получение основной информации о клиенте и состоянии счета
  • подключение отключение услуг
  • управление учетной записью, активация отсрочки по платежу и т.д.
• Логирование действий пользователя

Создание платформы-помощника сотруднику

Платформа разработана с нуля на языке PHP 5.6.

• Для облегчения собственной работы и какой-никакой централизации информации, необходимой в работе, было выполнено:
• веб интерфейс, объединяющий управление сайтом компании и других мини-сервисов
• реализация собственной системы мониторинга состояния узлов сети предприятия
• сбор и оцифровка данных об узлах сети - данные собраны в каталог по улицам и номерам домов, представлены в svg-формате для быстрого просмотра. Есть возможность скачивания файла его редактирования и загрузки обратно
• онлайн база проверки клиентского оборудования для отчетности и выявления дефектов
• сервис получения списка телеканалов и возможность его распечатки по предопределенному шаблону
• сервис мониторинга каналов аналогового ТВ
• сервис импорта-экспорта электронной программы телепередач (EPG) в/из AppearTV и управление им
• сервис контроля отпусков сотрудников предприятия

Создание сайта компании

Сайт разработан с нуля на языке PHP 5.6.

• Разработка макета по указаниям руководства и его реализация с использованием Bootstrap v.3.3
• Проектирование базы данных для хранения информации
• Реализация возможности работы сайта одновременно с различными базами данных:
  • основной контент сайта находится в обособленной спроектированной базе MySQL
  • для проверки возможности подключения и предложения тех или иных тарифов потенциальным клиентам используется база биллинговой системы предприятия - Firebird
  • список транслируемых телеканалов и программа передач доступны в еще одной базе Firebird
• Реализация проверки возможности подключения по улицам и домам
• Отображение на сайте списка транслируемых каналов с программой телепередач и предварительным просмотром содержимого (скриншотами)
• Управление контентом сайта (публикация новостей, акций, информация об услугах и ценах, информации о компании, контактные сведения и т.д.)