title: Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐºÐ° Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð² Ð¸ ÑÑÐ¸Ð»ÐµÐ¹ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÑ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð¾ÑÐ¸ÑÐ½Ð¾Ð³Ð¾ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ¾Ð¾Ð±Ð¾ÑÐ¾ÑÐ°
title: Ð²ÑÐ¿ÑÑÐºÐ½Ð°Ñ ÐºÐ²Ð°Ð»Ð¸ÑÐ¸ÐºÐ°ÑÐ¸Ð¾Ð½Ð½Ð°Ñ ÑÐ°Ð±Ð¾ÑÐ° Ð±Ð°ÐºÐ°Ð»Ð°Ð²ÑÐ°
titleType: Subtitle
title: Development of a library of components and user interface styles for mobile office workflow applications
Creators: name: ÐÐ¸ÑÐµÑÑÐºÐ¾Ð², Ð®ÑÐ¸Ð¹
Publisher: name: Ð¡Ð°Ð½ÐºÑ-ÐÐµÑÐµÑÐ±ÑÑÐ³ÑÐºÐ¸Ð¹ Ð¿Ð¾Ð»Ð¸ÑÐµÑÐ½Ð¸ÑÐµÑÐºÐ¸Ð¹ ÑÐ½Ð¸Ð²ÐµÑÑÐ¸ÑÐµÑ ÐÐµÑÑÐ° ÐÐµÐ»Ð¸ÐºÐ¾Ð³Ð¾
Year: 2020
Subjects: Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¸Ð¹ Ð¸Ð½ÑÐµÑÑÐµÐ¹Ñ
Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ð°
Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÐµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ
ÑÐ»ÐµÐºÑÑÐ¾Ð½Ð½ÑÐ¹ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ¾Ð¾Ð±Ð¾ÑÐ¾Ñ
android
graphical user interface
design-system
mobile applications
office workflow applications

description: Ð Ð´Ð°Ð½Ð½Ð¾Ð¹ ÑÐ°Ð±Ð¾ÑÐµ Ð¸Ð·Ð»Ð¾Ð¶ÐµÐ½ Ð¿Ð¾Ð´ÑÐ¾Ð´ Ðº ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸ ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð² Ð¸ ÑÑÐ¸Ð»ÐµÐ¹, Ð° ÑÐ°ÐºÐ¶Ðµ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ð³Ð¾ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ Ðº Ð½ÐµÐ¼Ñ.
ÐÐ°Ð´Ð°ÑÐ¸, ÐºÐ¾ÑÐ¾ÑÑÐµ ÑÐµÑÐ°Ð»Ð¸ÑÑ Ð² ÑÐ¾Ð´Ðµ Ð¸ÑÑÐ»ÐµÐ´Ð¾Ð²Ð°Ð½Ð¸Ñ:
1) ÐÐ·ÑÑÐ¸ÑÑ Ð·Ð°Ð´Ð°ÑÐ¸ Ð¸ Ð¾ÑÐ¾Ð±ÐµÐ½Ð½Ð¾ÑÑÐ¸ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼.
2) Ð Ð°ÑÑÐ¼Ð¾ÑÑÐµÑÑ ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ðµ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼Ñ.
3) Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°ÑÑ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÑ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ°, Ð° ÑÐ°ÐºÐ¶Ðµ Ð´ÐµÐ¼Ð¾Ð½ÑÑÑÐ°ÑÐ¸Ð¾Ð½Ð½Ð¾Ðµ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½Ð¾Ðµ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ðµ Ðº Ð½ÐµÐ¼Ñ.
ÐÐ°Ð½Ñ Ð¾Ð±ÑÐ¸Ðµ Ð¿Ð¾Ð½ÑÑÐ¸Ñ Ð¸ Ð²Ð¾Ð·Ð¼Ð¾Ð¶Ð½ÑÐµ ÑÐ¿Ð¾ÑÐ¾Ð±Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸ Ð´Ð¸Ð·Ð°Ð¹Ð½-ÑÐ¸ÑÑÐµÐ¼ Ð¸ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐº ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð². ÐÑÐ¾Ð²ÐµÐ´ÐµÐ½ ÑÑÐ°Ð²Ð½Ð¸ÑÐµÐ»ÑÐ½ÑÐ¹ Ð°Ð½Ð°Ð»Ð¸Ð· ÑÑÑÐµÑÑÐ²ÑÑÑÐ¸Ñ ÑÐµÑÐµÐ½Ð¸Ð¹, Ð²ÑÑÐ²Ð»ÐµÐ½Ñ Ð¸Ñ Ð´Ð¾ÑÑÐ¾Ð¸Ð½ÑÑÐ²Ð° Ð¸ Ð½ÐµÐ´Ð¾ÑÑÐ°ÑÐºÐ¸. Ð Ð°ÑÑÐ¼Ð¾ÑÑÐµÐ½ Ð²Ð°ÑÐ¸Ð°Ð½Ñ ÑÐµÐ°Ð»Ð¸Ð·Ð°ÑÐ¸Ð¸, ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½Ð¾Ð¹ Ð½Ð° ÑÐ·ÑÐºÐµ Ð¿ÑÐ¾Ð³ÑÐ°Ð¼Ð¼Ð¸ÑÐ¾Ð²Ð°Ð½Ð¸Ñ Kotlin Ñ Ð¸ÑÐ¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°Ð½Ð¸ÐµÐ¼ Android API Ð¸ Ð¾Ð¿Ð¸ÑÐ°Ð½ Ð¿ÑÐ¸Ð¼ÐµÑ Ð°ÑÑÐ¸ÑÐµÐºÑÑÑÑ ÑÐ°ÐºÐ¾Ð³Ð¾ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ. 
Ð Ð°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð° Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ° ÐºÐ¾Ð¼Ð¿Ð¾Ð½ÐµÐ½ÑÐ¾Ð² Ð¸ ÑÑÐ¸Ð»ÐµÐ¹ Ð¿Ð¾Ð»ÑÐ·Ð¾Ð²Ð°ÑÐµÐ»ÑÑÐºÐ¾Ð³Ð¾ Ð¸Ð½ÑÐµÑÑÐµÐ¹ÑÐ° Ð´Ð»Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑÐ½ÑÑ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ð¹ Ð¾ÑÐ¸ÑÐ½Ð¾Ð³Ð¾ Ð´Ð¾ÐºÑÐ¼ÐµÐ½ÑÐ¾Ð¾Ð±Ð¾ÑÐ¾ÑÐ°, Ð±ÑÐ»Ð° Ð¿ÑÐ¾Ð²ÐµÑÐµÐ½Ð° ÑÐ°Ð±Ð¾ÑÐ¾ÑÐ¿Ð¾ÑÐ¾Ð±Ð½Ð¾ÑÑÑ Ð¿Ð¾Ð»ÑÑÐµÐ½Ð½Ð¾Ð³Ð¾ ÑÐµÑÐµÐ½Ð¸Ñ. ÐÑÐ¾Ð²ÐµÐ´ÐµÐ½Ð¾ Ð²ÑÐµÑÑÐ¾ÑÐ¾Ð½Ð½ÐµÐµ ÑÐµÑÑÐ¸ÑÐ¾Ð²Ð°Ð½Ð¸Ðµ Ð¿Ð¾Ð»ÑÑÐµÐ½Ð½Ð¾Ð¹ Ð±Ð¸Ð±Ð»Ð¸Ð¾ÑÐµÐºÐ¸, Ð° ÑÐ°ÐºÐ¶Ðµ Ð¾Ð¿Ð¸ÑÐ°Ð½Ñ Ð²Ð°ÑÐ¸Ð°Ð½ÑÑ Ð´Ð°Ð»ÑÐ½ÐµÐ¹ÑÐµÐ³Ð¾ ÑÐ»ÑÑÑÐµÐ½Ð¸Ñ ÑÐ°Ð·ÑÐ°Ð±Ð¾ÑÐ°Ð½Ð½Ð¾Ð³Ð¾ Ð¿ÑÐ¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñ.
description: This work outlines an approach to implementing a library of components and styles, as well as a demo application to it.
Tasks that were solved during the study:
1) To study the tasks and features of the implementation of design systems.
2) Consider existing design systems.
3) Develop a user interface library, as well as a demo mobile application for it.
General concepts and possible ways to implement design systems and component libraries are given. A comparative analysis of existing solutions is carried out, their advantages and disadvantages are revealed. An implementation option developed in the Kotlin programming language using the Android API is considered and an example of the architecture of such an application is described.
A library of components and user interface styles for mobile office workflow applications was developed, and the functionality of the resulting solution was checked. Comprehensive testing of the resulting library was carried out, as well as options for further improvement of the developed application are described.