Козлов Павел Андреевич




Я приветствую Вас на моём мини портфолио-блоге!
Предлагаю Вашему вниманию некоторые мои работы:
Итак, приступим...


Приют в Полоцке "Право на ЖИЗНЬ"


Для знакомства с интерфейсом администратора - перейдите на демо версию сайта по этой ссылке.
логин: revat_2021@mail.ru
пароль: 111111

Сайт приюта создаётся на базе технологии Vue.js. Серверная часть, хостинг, noSQL база данных реализованы на облачном сервисе Google Firebase. Реализация UI на базе Material Design Framework Vuetify.




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



Есть возможность следить за событиями в ВК группе приюта.. На сайте отражены последние записи группы через API ВКонтакте.



Гибкий дизайн позволяет удобно и красиво просматривать содержимое страниц как на мобильных устройствах с небольшими экранами, так и на мониторах стационарных компьютеров.
Используемые технологии и стили:
  • JavaScript
  • Firebase
  • Vue
  • Vue-router
  • Vuelidate
  • Vuex
  • Vuetify
  • Node.js


"Производственный локатор"

Login:   revat_2015@mail.ru
Password:   333333

Приложение показывает станки (технологические участки) на которых в текущий момент идет процесс производства (страница "Производство"). Позволяет оперативно отслеживать степень загрузки станков и стадии готовности производственных изделий в разрезе заказчиков. Фильтр "ПОДРОБНО" открывает конкретные технологические операции с указанием запланированного количества выпуска (на красном фоне), уже изготовленного количества (на зеленом фоне) и осталось изготовить (на желтом).
На странице "Выработка" отражается фактически выполненная работа текущим пользователем за выбранный период (для теста выберите период с 01.06.2020 по 31.12.2020)
Оперативные данные о загрузке станков поступают от мастеров цеха. Мастера, через сенсорные терминалы расположенные на производстве (см. ниже), сканируют штрихкоды маршрутных листов и отражают операции запуска и финиша процесса производства изделий в программе 1С8. Полученные данные при каждом обновлении попадают в облачное хранилище, и затем происходит обновление на экране приложения пользователя.


Используемые технологии и стили:
  • JavaScript
  • Firebase
  • Vue
  • Vue-router
  • Vuelidate
  • Vuex
  • Webpack
  • Stylus
  • Uimini
  • Pug (Jade)
  • Node

Викторина "100 к одному"


Приложение написано под заказ для проведения открытого урока в медицинском колледже. Требованием заказчика было корректное отображение программы на большом телевизионном экране, звуковое сопровождение нажатия клавиш. 
Отображение на большом экране и управление приложением осуществляется через ноутбук, подключенный к телевизору.
Для старта игры необходимо перейти в полноэкранный режим браузера (F11), перейти на страницу "СТАРТ"  и нажать на один из светлых прямоугольников с символами "<<" или ">>" в нижней части экрана.
Сто к одному




Используемые технологии и стили:
  • JavaScript
  • Firebase
  • Vue
  • Vue-router
  • Vuex
  • Webpack
  • Node
  • Vuetify

"Конфигуратор маркировки датчиков давления"


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





Используемые технологии:
  • JavaScript
  • HTML
  • CSS
  • Firebase
  • Webpack



 "Прайс-конструктор" MS Excel VBA

Данная программа представляет собой конфигуратор подбора маркировки сложнотехнической продукции - промышленных датчиков измерения температуры. Создана на базе встроенного редактора VBA MS Office Excel 2010.

Рисунок 1

Рисунок 2

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

Рисунок 3

Рисунок 4

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

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

Рисунок 5

Предусмотрена возможность распечатки сконфигурированного изделия как одного, так и сразу нескольких вместе с эскизами, соответствующими подобранным параметрам (рис.6)

Рисунок 6


"Печать сертификатов" MS Excel 
VBA

Данная программа так же создана на VBA Excel и представляет собой механизм групповой печати сертификатов поверки средств измерений (рис.7, рис.8, рис.9)

Рисунок 7

Рисунок 8

Рисунок 9

В программе реализованы следующие аспекты:
  • выбор страны, в зависимости от которого изменяются методики поверки и прочие зависимые значения
  • групповая печать с генерацией последующих уникальных номеров в пределах указанного количества сертификатов для печати в данной сессии
  • напоминание пользователю номера последнего распечатанного свидетельства
  • автосохранение базы данных распечатанных сертификатов (рис.10)
  • печать сертификата на типографском бланке, либо на чистом листе формата А5 (рис.11)

Рисунок 10

Рисунок 11




Конфигуратор маркировки продукции ООО Поинт

На корпоративном сайте компании ООО "Поинт" создал конструктор подбора маркировки сложнотехнических изделий (промышленных датчиков температуры). Сайт создан на платформе Joomla v3, а конфигуратор - с помощью компонента ChronoForms 6 и реализует следующие задачи: 
  • исключает возможность формирования пользователем некорректной маркировки
  • визуальное отражение основных элементов эскиза сформированного изделия
  • отправка заявки изготовителю и дублирование отправленного письма на E-mail пользователю
Конфигуратор маркировки




Терминал сбора данных на Android

Терминал сбора данных (далее ТСД) разработан на онлайн платформе MIT APP Inventor. Основная задача ТСД - оперативно фиксировать выдачу материалов со складов на производство или другие склады (рис.12).

ТСД на Android
Рисунок 12

ТСД позволяет выбирать из списка и добавлять новые склады/производства, при этом данные о складах синхронизируются с удаленным сервером через интернет соединение (рис. 13). Новые склады/производства становятся доступны для выбора у других пользователей.

ТСД на Android
Рисунок 13

После выбора склада отправителя и склада получателя, пользователь сканирует штрихкод (или вводит номер ШК вручную). ТСД считывает ШК из удаленной базы данных и выводит сообщение об отсканированном штрихкоде: наименование материала и единицы учета по программе 1С (рис.14, рис.15).

ТСД на Android
Рисунок 14

ТСД на Android
Рисунок 15

Информации о созданных перемещениях группируется по сочетанию "СкладОтправитель_СкладПолучатель.txt" и сохраняется в отдельные текстовые файлы в память устройства. При желании пользователь может просмотреть историю отсканированных перемещений в формате: отправитель - получатель - штрихкод - количество - дата - время (рис.16).

ТСД на Android
Рисунок 16

Кроме того, можно выбрать и удалить любой из сохраненных файлов (рис.17).

ТСД на Android
Рисунок 17

Сохраненные текстовые файлы пользователь отправляет через терминал любыми доступными для устройства  Android способами (рис.18).

ТСД на Android
Рисунок 18

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