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

Материал из Поле цифровой дидактики
Описание У нас есть имя статьи в вики и мы хотим в App Inventor об этой статье рассказать. Пользователь набирает имя статьи и на экране появляется:
  1. Краткое содержание (description)
  2. Редакторы
  3. Ссылки из статьи
  4. Ссылки к статье
Область знаний 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
  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}]}}

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

Papert wiki api5.png

Используем PlantUML


Нет статьи Правильный запрос
Something Wr.png Something R Papert.png

App Inventor

Description mediawiki api.png

Пояснения

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