Как представить вики статью в App Inventor

Описание	У нас есть имя статьи в вики и мы хотим в App Inventor об этой статье рассказать. Пользователь набирает имя статьи и на экране появляется: Краткое содержание (description) Редакторы Ссылки из статьи Ссылки к статье
Область знаний	NetSci, Информатика, Мобильное обучение
Область использования (ISTE)
Возрастная категория	12
Поясняющее видео
Близкие рецепту понятия	API, JSON
Среды и средства для приготовления рецепта:	App Inventor, TinyDB, PlantUML, Песочница MediaWiki API

Структура MediaWiki

• Диаграмма

Диаграмма запроса

Description

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

Диаграмма последовательности (англ. sequence diagram) — UML-диаграмма, на которой для некоторого набора объектов на единой временной оси показан жизненный цикл объекта (создание-деятельность-уничтожение некой сущности) и взаимодействие акторов (действующих лиц) информационной системы в рамках прецедента. Основными элементами диаграммы последовательности являются обозначения объектов (прямоугольники с названиями объектов), вертикальные «линии жизни» (англ. lifeline), отображающие течение времени, прямоугольники, отражающие деятельность объекта или исполнение им определенной функции (прямоугольники на пунктирной «линии жизни» — фокусы контроля, англ. focus of control), и стрелки, показывающие обмен сигналами или сообщениями между объектами.

MediaWiki площадки

• Как использовать песочницу MediaWiki API

Площадки на платформе MediaWiki + их API + MediaWiki API

Подбор необходимых параметров для запроса

Пример - Используем Песочница MediaWiki API

1. Структура БД MediaWiki
2. Выбираем query параметры
   1. Titles + Extracts

main

action=query

prop=description

prop=info

prop=links

prop=linkshere

prop=contributors

format=json

Например API

https://ru.wikipedia.org/w/api.php?action=query&format=json&prop=description%7Ccontributors%7Clinks%7Clinkshere%7Cinfo&titles=API&formatversion=2

{"continue":{"pccontinue":"26799|784","plcontinue":"26799|0|DirectX","lhcontinue":"4591","continue":"||description|info"},

"query":{
  "pages":[{"pageid":26799,"ns":0,"title":"API","description":"набор готовых подпрограмм, структур, констант и т. п., предоставляемых 
  программным продуктом для использования во внешних программах","descriptionsource":"central","anoncontributors":133,

"contributors":[{"userid":1687411,"name":"QBA-bot"},{"userid":1957271,"name":"Рейму Хакурей"},{"userid":1413071,"name":"Q-bit array"},{"userid":393283,"name":"EmausBot"},{"userid":847425,"name":"Луговкин"},{"userid":1137329,"name":"DimaBot"},{"userid":2088697,"name":"InternetArchiveBot"},{"userid":306292,"name":"Vort"},{"userid":636679,"name":"Lesless"},{"userid":208088,"name":"Xqbot"}],"links":[{"ns":0,"title":"BIOS"},{"ns":0,"title":"BioAPI"},{"ns":0,"title":"Bourne shell"},{"ns":0,"title":"C++"},{"ns":0,"title":"Cocoa"},{"ns":0,"title":"Cygwin"},{"ns":0,"title":"Direct3D"},{"ns":0,"title":"DirectDraw"},{"ns":0,"title":"DirectMusic"},{"ns":0,"title":"DirectSound"}],"linkshere":[{"pageid":265,"ns":0,"title":"Google (компания)","redirect":false},{"pageid":911,"ns":0,"title":"Вычислительная сеть","redirect":false},{"pageid":916,"ns":0,"title":"BeOS","redirect":false},{"pageid":969,"ns":0,"title":"OS/2","redirect":false},{"pageid":973,"ns":0,"title":"PHP","redirect":false},{"pageid":1683,"ns":0,"title":"C Sharp","redirect":false},{"pageid":3689,"ns":0,"title":"Суперкомпьютер","redirect":false},{"pageid":4015,"ns":0,"title":"MediaWiki","redirect":false},{"pageid":4047,"ns":0,"title":"XML","redirect":false},{"pageid":4553,"ns":0,"title":"FreeBSD","redirect":false}],"contentmodel":"wikitext","pagelanguage":"ru","pagelanguagehtmlcode":"ru","pagelanguagedir":"ltr","touched":"2023-11-14T20:20:39Z","lastrevid":133376794,"length":20714}]}}

Представляем результаты запроса в виде диаграммы

Используем PlantUML

Нет статьи	Правильный запрос

App Inventor

• Первая версия
• Вторая версия
• третья версия

Пояснения

JSON + API

YouTube - https://www.youtube.com/watch?v=y1dGXscDPMw