Архитектура и модель, Разработка - Различные виды программ для Multi-Touch столов

Структура работы программного комплекса показана на рис. 1. Архитектурно система представляет собой набор связанных между собой приложений, состоящих из заранее заготовленных модулей, макет одного из таких приложений показан на рис. 2.

структура программного комплекса

Рис. 1. Структура программного комплекса

макет модульного приложения типа

Рис. 2. Макет модульного приложения типа "Каталог"

Главное меню, как и все приложения оформлены в стиле Metro UI.

Разработка

Разработка была начата с установки и настройки фреймворка Electron. Для приложения была создана структура папок и начальный набор файлов (рис. 3). Папка "img" создана для хранения изображений, папки "css" и "js" для хранения стилей и скриптов, "index. html" это главный файл приложения, файлы "vendor. css" и "vendor. js" содержат в себе скомпилированные сторонние стили и скрипты, а в файлах "main. css" и "main. js" содержатся уже пользовательские стили и скрипты. В package. json содержится информация о приложении для фреймворка Electron.

начальная структура файлов и папок

Рис. 3. Начальная структура файлов и папок

После настройки Electron и запуском тестового "Hello word", были разработаны модули и собран из них основной каркас программного комплекса, приложение для редактирования документов, приложение для создания презентаций и пример приложения каталога. Так же добавлен специальный модуль для всплывающих окон. Пример того как выглядит приложение для работы с презентациями и всплывающее окно рис. 4.

Рис. 4. Приложение для работы с презентациями

Похожие статьи




Архитектура и модель, Разработка - Различные виды программ для Multi-Touch столов

Предыдущая | Следующая