Вы находитесь на странице: 1из 9

Государственное бюджетное не типовое образовательное учреждение

 «Санкт-Петербургский городской Дворец творчества юных»


Юношеский клуб космонавтики имени Г.С. Титова

Разработка концепта интерфейса для новой версии ПО Booster с


применением современных web-технологий: JavaScript и HTML, а
также библиотеки three.jsтехнологий: JavaScript и HTML, а также
библиотеки three.js

Подготовил:
Панченко Даниил,
9 класс ГБОУ гимназия №24,
Научный руководитель:

Санкт-Петербург 2021
Цель и задачи работы

Цель:
Разработать концепт (идея) интуитивно понятного интерфейса
(мостик между программой и пользователем)
Booster 2.0 способный предоставить пользователю инструментарий
для создания модели ракета-носителя и его последующей настройки.
Задачи:
1) Изучить базис html
2) Изучить базис JavaScript
3) Изучить базис three.js
4) Изучить Booster и подчеркнуть самое лучшее в его управлении и
интерфейсе
5) Создать концепцию интерфейса выполняющего цель работы.
Базис html

Html - стандартизированный язык разметки веб-страниц во


Всемирной паутине. Код HTML интерпретируется браузерами;
полученная в результате интерпретации страница отображается на
экране монитора компьютера или мобильного устройства. 
Базис JavaScript

JavaScript – язык программирования. Поддерживает объектно-


ориентированный (основанный на классах с их функциями),
императивный (код состоит из команд, что вызываются последовательно)
и функциональный (основанный на функциях и их вызове) стили.
Наиболее широкое применение находит в браузерах как язык сценариев
для придания интерактивности веб-страницам.
Базис three.js

Three.js – библиотека JavaScript. Three.js предоставляет возможность с


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

Booster – ПО написанное под DOS и предназначенное для создания ракета-носителей и


последующего расчёта траектории его полета, разработанное выпускником ЮКК
достаточно давно, чтобы считать программу устаревшей как в плане оптимизации
расчётов,  так и в визуальной части.
Плюсы и минусы в его
управлении и интерфейсе
Минусы:
1) Управление осуществляется исключительно стрелочками и клавишами
Enter и Esc.
2) Нет обучения или какого-либо руководства.
3) Назначение многих пунктов не понятно.
4) В случае введения не верных параметров ракеты расчёт траектории
может проводится бесконечно.
Плюсы:
5) Приятная и не перегруженная цветами графика.
6) Большое количество дополнительной информации по текущему
состоянию ракета-носителя (вроде центра масс).
Концепт

Концепт:
1) 3х мерная графика с использованием three.js (html и JavaScript в частности).
2) Взаимодействие пользователя с программой осуществляется по средствам
мыши и интерактивного окошка с параметрами отсеков и кнопками.
3) Пользователь собирает ракета-носитель из 3х мерных аналогов
фигур используемых в Booster и параметризирует их.
4) Выбор места постановки отсека осуществляется по средствам нажатия
пользователем на подходящую для этого грань отсека. (После нажатия на
кнопку добавить и настройки отсека все созданные отсеки разъезжаются, а
подходящие грани становятся зелёнымы и начинают светиться)
Зарисовка дизайна