Введение 3
1 Анализ предметной области и постановка задачи 5
1.1 Анализ предметной области 5
1.1.1 Редактор ChemDoodle Web Components 6
1.1.2 Редактор Mol View 8
1.1.3 Редактор Avogadro 10
1.2 Постановка задачи 11
2 Выбор средств для реализации редактора 13
2.1 Технологии для клиентской части 14
2.2 Технологии для серверной части 17
2.3 Системы управления базами данных 19
2.4 Обоснование выбора технологий 20
3 Разработка редактора 22
3.1 Разработка клиентской части 22
3.1.1 Разработка поля для создания и редактирования химических
соединений 23
3.1.2 Создание панели с химическими элементами периодической
таблицы 30
3.1.3 Создание панели инструментов редактора 32
3.1.4 Панель с выводом задания для построения химического
соединения 36
3.2 Разработка серверной части 38
3.3 СУБД PostgreSQL 40
4 Руководство пользователя 41
4.1 Требования для запуска приложения 41
4.2 Развертывание приложения 41
4.3 Руководство к использованию редактора 41
Заключение 43
Список используемых источников 44
ПРИЛОЖЕНИЕ А 46
ПРИЛОЖЕНИЕ Б 48
ПРИЛОЖЕНИЕ В 84
На сегодняшний день интернет-технологии развиваются с невероятной скоростью. Интернет стал неотъемлемой частью нашей повседневной жизни, стал доступен практически каждому. Разного рода программное обеспечение, будь то игровой движок или текстовый редактор, стали переходить на веб- интерфейсы, при помощи которых пользователь взаимодействует с сайтом или любым другим приложением через браузер. Веб-интерфейсы получили широкое распространение в связи с ростом сети интернет, соответственно - повсеместного распространения браузеров. Согласно статистике крупнейшего веб-сервиса для хостинга 1Т-проектов GitHub.com, языки программирования, связанные с разработкой приложений для интернета, в настоящее время наиболее популярны [1].
Сегодня, когда веб-интерфейс стал универсальным, инструменты для редактирования непосредственно в браузере имеют большую ценность. Теперь, если вам нужно быстро отредактировать какой-либо текстовый документ или обработать фотографию, достаточно перейти по гиперссылке на нужный сайт- редактор, при этом имея те же возможности что и в обычном десктоп- приложении. Онлайн редакторы используются различных областях науки в том числе и химии, появились разнообразные инструменты для моделирования химических соединений и процессов, трехмерные визуализаторы и базы данных химических соединений.
Редактор химических формул - это специальная программа, позволяющая вводить, редактировать и выводить на экран информацию о структуре и составе молекул вещества. Существует множество молекулярных редакторов: платные и бесплатные, с открытым или закрытым исходным кодом, с различными графическими интерфейсами и с использованием различных технологий [2,3].
Основа веб-программирования это HTML - язык гипертекстовой разметки документов, поэтому появление HTML5 произвело настоящую революцию в области программирования для интернета, появились новые возможности для отображения на странице браузера графики (двумерной, трехмерной) в том числе и создаваемой динамически. Одно из достоинств HTML5 - это улучшенный уровень поддержки мультимедиа-технологий, так как появились специфические теги для работы с аудио и видео, а также появилась поддержка формата SVG, для работы с векторной графикой. Все это в совокупности с CSS - языком описания внешнего вида HTML документа и языком программирования JavaScript, поддержку которого обеспечивают многие современные браузеры и который интегрирован с HTML и CSS, позволяет создавать интерактивные сайты.
Целью данной ВКР является - создание редактора химических формул для поддержки процесса обучения.
Результатом выполнения данной выпускной квалификационной работы стало создание редактора химических формул для поддержки процесса обучения. В процессе разработки использовались современные технологии разработки веб-приложений, были выполнены следующие требования:
- Химическое соединение должно отображаться в виде графического рисунка;
- Построение химического соединения должно производится в соответствии с законами химии;
- Для построения химических соединений должны использоваться химические элементы из таблицы Менделеева;
- Программа имеет пользовательский веб-интерфейс;
- Редактор обеспечивает поддержку обучения, предоставляет пользователю задания на построение химической формулы.
Одной из особенностей данной программы, для клиента, является то что пользователю не требуется установка дополнительного программного обеспечение, для работы с редактором требуется только современный браузер.
К недостаткам программного продукта можно отнести то, что поле для моделирования и редактирования химического соединения представлено в виде сетки, размер поля ограничен, кроме того, существуют некоторые проблемы при преобразовании химической структуры в строку SMILES.
