Файл: Методы и средства проектирования информационных систем и технологий.docx

Preset 1,2,3 – некоторые пользовательские преднастройки, которые мы оставим пустые и они будут заполнены и названы в последствии работы.

3. Описание логической структуры программы

Логическую структуру программного прототипа опишем через диаграмму нотации DFD (рис. 4):



Рис. 4. DFD диаграмма логической структуры

Как видно из рис. 4 процесс включает:

• 
  6 подпроцессов:
  
  • 
    «Отображение параметров в виде скроллбаров и кнопок»
    
  • 
    «Выбор элемента настройки»
    
  • 
    «Настройка пресетов»
    
  • 
    «Отображение списка всех пресетов при загрузке/сохранении»
    
  • 
    «Сохранение пресета»
    
  • 
    «Изменение параметров обработки звука (громкости, усиления)»
    
• 
  3 элемента данных:
  
  • 
    «Каталог пресетов»
    
  • 
    «Программные методы»
    
  • 
    «Категории поддерживаемых файлов» (json)
    
• 
  1 внешних сущностей:
  
  • 
    «Пользователь»
    

4. Создание графического прототипа приложения

Было принято решение создать программный прототип путем построения web-интерфейса на HTML с использованием языка таблицы стилей CSS (рис. 5):



Рис. 5. Графический прототип программы

Как было указано ранее, внешний интерфейс для пользователя реализован путем кнопок и «скроллбаров» с интуитивным и простым использованием. Выбирается необходимая нам частота для настройки, и мы меняем каждое из значений от -12 до +12 децибел. Также есть кнопка для открытия списка пресетов и кнопки «Сохранить» и «Загрузить».



Рис. 6. Фрагмент работы расширения в браузере

На рисунке 6 представлен фрагмент работы расширения, когда он запущен и находится в процессе обработки звука при запущенной музыкальной композиции. Видно, что мы уже имеем измененные значения частот, так как загрузили пресет под названием «Pop».

Заключение

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

---

Список литературы

1. 
   Расширения браузера. Их виды и польза [Электронный ресурс]: URL: https://evergreens.com.ua/ru/articles/browser-extensions.html
   
2. 
   Основы эквализации. SAMESOUND [Электронный ресурс]: URL: https://samesound.ru/p/mixing/97710-eq-basics-cut-n-boost
   
3. 
   PlantUML [Электронный ресурс]. URL: plantuml.com/plantuml, planttext.com
   
4. 
   Буч Г., Рамбо Д., Якобсон И.Б. Язык UML. Руководство пользователя. 2-е изд.: Пер. с англ. Мухин Н. – М.: ДМК Пресс, 2006. – 496 с.
   

Результат проверки в системе «антиплагиат»

---