Просмотр кода страницы Приложение "Книга рецептов"

{{Scripting Tutorials
|Description=Приложение, в котором можно сохранять, удалять или искать понравившиеся рецепты.
|Field_of_knowledge=Информатика
|similar_concepts=Хранение данных, Кулинария
|Environment=MIT App Inventor 2, TinyDB, Figma
}}
===Ссылка на проект===

https://gallery.appinventor.mit.edu/?galleryid=29f2e14d-b977-47e2-b158-a4d7a4b09972

===Диаграмма последовательности работы с приложением===

{{#mermaid:sequenceDiagram
  participant Alice as Пользователь
  participant John as Приложение
  participant P1 as База данных

  Alice ->> John: Добавить названия рецепта (tag) и ссылку на рецепт (value)
  John ->> P1: Записать tag и value
  John ->> Alice: Отобразить сообщение об успешном сохранении
  Alice ->> John: Ввести название рецепта для поиска
  John ->> P1: Произвести поиск по названию рецепта
  P1 ->> John: Вернуть ссылку на рецепт
  John ->> Alice: Отобразить Интернет-страницу с рецептом
  Alice ->> John: Ввести название рецепта для удаления
  John ->> P1: Произвести поиск по названию рецепта
  P1 ->> John: Удалить запись с данным tag
  John ->> Alice: Отобразить сообщение об успешном удалении
}}

===Описание проекта===
Приложение "Книга рецептов" состоит из 10 экранов, включая приветственный. Представленный "дизайн" приложения был разработан в Figma, т.к. функционал App Inventor в части оформления довольно ограничен.
* Приветственный экран
Экран содержит в себе информацию о названии приложения и кнопки, для начала работы. 
<gallery>
Приветственный экран.jpg|Экран приветственный
</gallery>

* Экран меню
Экран меню содержит в себе 4 кнопки, отображающие основной функционал: добавление, поиск, удаление и просмотр всех имеющихся рецептов.
<gallery>
Экран меню.jpg|Экран меню
</gallery>

* Экран добавления 
Экран добавления рецептов содержит в себе поля для ввода текста и кнопку. При нажатии на кнопку "Сохранить, в базу данных TinyDB сохраняется запись с тэгом - текст из поля "Название рецепта" и значением - текст из поля "Ссылка на рецепт". После добавления рецепта, пользователь перейдет экран с соответствующей надписью.
<gallery>
Экран добавления.jpg|Экран добавления
</gallery>
<gallery>
Код добавления в бд.png|Код сохранения записи в TinyDB
</gallery>

* Экран поиска
Экран поиска по рецептам содержит в себе поля для ввода названия необходимого рецепта и кнопку поиска. В базе данных происходит поиск по введенному названию рецепта (тегу), после чего найденное значение данной строки передается в глобальную переменную, которая в свою очередь передается на следующий экран. В результате, пользователь переходит на следующий экран с открытой ссылкой рецепта.
<gallery>
Экран поиска.jpg|Экран поиска
</gallery>
<gallery>
Код поиска.png|Код поиска
</gallery>
<gallery>
Результат поиска.jpg|Результат поиска
</gallery>

* Экран со всеми сохраненными рецептами
Данный экран содержит в себе список со всеми сохраненными в базе рецептами. Нажав на какой-либо рецепт, пользователь переходит на следующий экран с открытой страницей рецепта, аналогично экрану результата поиска.
<gallery>
Все рецепты.jpg|Все рецепты
</gallery>
<gallery>
Код страницы со всеми рецептами.png|Код страницы со всеми рецептами
</gallery>

Также в приложении есть экраны удаления записей из базы данных, они аналогичны добавлению, поэтому отдельно расписывать их я не вижу необходимости.