Бакалаврская работа посвящена разработке плагина для пред­ просмотра Android верстки SDUI фреймворка DivKit в среде Android Studio. Инструмент позволяет ускорить процесс разработ­ ки верстки на DivKit по средствам отображения результата от­ рисовки внутри среды разработки. В ходе выполнения работы был проведен анализ и обзор Jetpack Compose, DivKit. В качестве разрабатываемого инструмента был выбран плагин на платформе IntelliJ. Описан процесс разработки плагина. Проведено тестирова­ ние и анализ эффективности разработанного инструмента.

Bachelor’s work is devoted to the development of a plugin for previewing the Android GUI layout of the SDUI DivKit framework in the Android Studio environment. The tool allows you to speed up the process of developing a layout on DivKit by means of displaying the result of rendering inside the development environment. In the course of the work, an analysis and review of Jetpack Compose, DivKit was carried out. A plug-in on the IntelliJ platform was chosen as the tool being developed. The plugin development process is described. Testing and analysis of the effectiveness of the developed tool was carried out.

• 1. Анализ предметной области и обзор технологий
  • 1.1. Что такое DivKit и его место в разработке ПО
  • 1.2. Проблема просмотра интерфейса в реальном времени в DivKit
    • 1.2.1. Отсутствие удобного окружения для написания DivKit верстки на Kotlin
    • 1.2.2. Неудобство для разработчиков под Android, использующих JSON файлы для тестирования DivKit
    • 1.2.3. Ускорение процесса разработки
  • 1.3. Среды разработки IntelliJ IDEA и Android Studio
  • 1.4. IntelliJ Platform SDK
  • 1.5. Распространение продуктов на основе IntelliJ Platform
  • 1.6. Текущие подходы к визуализации пользовательского интерфейса в Android Studio
    • 1.6.1. Jetpack Compose
    • 1.6.2. Flutter Plugin
    • 1.6.3. DivKit Preview от Яндекс.Маркета
  • 1.7. Итоги раздела
• 2. Анализ требований к плагину
  • 2.1. Формулирование требований
  • 2.2. Решаемые задачи
  • 2.3. Итоги раздела
• 3. Проектирование плагина
  • 3.1. Архитектура плагина
  • 3.2. Схема взаимодействия плагина с Android Studio и DivKit
  • 3.3. Итоги раздела
• 4. Разработка плагина
  • 4.1. Выбор инструментов и технологий для разработки
  • 4.2. Android приложение для предварительного просмотра
    • 4.2.1. Создание проекта
    • 4.2.2. Создание PreviewActivity
  • 4.3. Генерация APK файла для предварительного просмотра
  • 4.4. Окно настроек плагина
  • 4.5. Обертка Android Debug Bridge
  • 4.6. Установка приложения для отрисовки DivKit верстки на Android устройстве
  • 4.7. Запуск предварительного просмотра верстки DivKit
  • 4.8. Публикация плагина в JetBrains Marketplace
  • 4.9. Итоги раздела
• 5. Тестирование и анализ эффективности
  • 5.1. Ручное тестирование
  • 5.2. Анализ эффективности
  • 5.3. Итоги раздела
• ЛИСТИНГИ