https://wiki.smartplayer.org/index.php?action=history&feed=atom&title=%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%B2_%28%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B0%D1%8F_%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F%29%2Fen
Галерея виджетов (пользовательская версия)/en - История изменений
2026-05-13T06:42:41Z
История изменений этой страницы в вики
MediaWiki 1.45.1
https://wiki.smartplayer.org/index.php?title=%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%B2_(%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B0%D1%8F_%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F)/en&diff=9994&oldid=prev
N.Bloshkin: Новая страница: «=== '''Value''' === The introduction of such a tool will enhance the SmartPlayer experience and make it more user-friendly by expanding its capabilities.<br> Users will be able to find, add, and install widgets all in one place with just a few clicks.»
2023-08-24T13:39:27Z
<p>Новая страница: «=== '''Value''' === The introduction of such a tool will enhance the SmartPlayer experience and make it more user-friendly by expanding its capabilities.<br> Users will be able to find, add, and install widgets all in one place with just a few clicks.»</p>
<table style="background-color: #fff; color: #202122;" data-mw="interface">
<col class="diff-marker" />
<col class="diff-content" />
<col class="diff-marker" />
<col class="diff-content" />
<tr class="diff-title" lang="ru">
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Предыдущая версия</td>
<td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Версия от 16:39, 24 августа 2023</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l1">Строка 1:</td>
<td colspan="2" class="diff-lineno">Строка 1:</td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Description of the Situation</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Описание ситуации</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">offers a variety of optional solutions</ins>. <ins style="font-weight: bold; text-decoration: none;">Most often, these solutions are presented as </ins>"<ins style="font-weight: bold; text-decoration: none;">widgets</ins>" <ins style="font-weight: bold; text-decoration: none;">that need to be installed separately</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>SmartPlayer <del style="font-weight: bold; text-decoration: none;">имеет множество опциональных решений</del>. <del style="font-weight: bold; text-decoration: none;">Чаще всего эти решений представлены в виде </del>"<del style="font-weight: bold; text-decoration: none;">виджетов</del>"<del style="font-weight: bold; text-decoration: none;">, которые необходимо отдельно устанавливать</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">To simplify and optimize the widget management process, a </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">was created</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Для того чтобы упростить и оптимизировать процесс работы с виджетами была создана </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>".</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=== '''<ins style="font-weight: bold; text-decoration: none;">Value</ins>''' ===</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The introduction of such a tool will enhance the </ins>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">experience and make it more user-friendly by expanding its capabilities</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Users will be able to find, add</ins>, <ins style="font-weight: bold; text-decoration: none;">and install widgets all in one place with just a few clicks</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== '''<del style="font-weight: bold; text-decoration: none;">Ценность</del>''' ===</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">How It Works</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Внедрение такого инструмента позволит улучшить работу со </del>SmartPlayer <del style="font-weight: bold; text-decoration: none;">и облегчить его восприятие, путём увеличения возможностей</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">First, widgets are uploaded to the </ins>SmartPlayer <ins style="font-weight: bold; text-decoration: none;">server where they are also stored</ins>. <ins style="font-weight: bold; text-decoration: none;">In essence, the </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">is a separate repository where widgets are stored post</ins>-<ins style="font-weight: bold; text-decoration: none;">release</ins>, <ins style="font-weight: bold; text-decoration: none;">in an archived format</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Найти</del>, <del style="font-weight: bold; text-decoration: none;">добавить и установить виджеты можно будет в одном месте и при помощи нескольких кнопок</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>{{Note|<ins style="font-weight: bold; text-decoration: none;">The </ins>"<ins style="font-weight: bold; text-decoration: none;">Widget Gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">section is only accessible to users with administrator privileges</ins>|warn}}</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">After purchase</ins>, <ins style="font-weight: bold; text-decoration: none;">the acquired widgets become available to the user</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">There's a distinct clickable button </ins>"<ins style="font-weight: bold; text-decoration: none;">Upload</ins>" <ins style="font-weight: bold; text-decoration: none;">provided for widget upload</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Как это работает</del>''' ==</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">This function takes the archive of the desired widget, processes it</ins>, <ins style="font-weight: bold; text-decoration: none;">and installs it into the user-specified storage</ins>(<ins style="font-weight: bold; text-decoration: none;">folder</ins>).<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Сначала виджеты загружаются на сервер </del>SmartPlayer <del style="font-weight: bold; text-decoration: none;">и в нём же и хранится</del>. <del style="font-weight: bold; text-decoration: none;">По факту </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>" - <del style="font-weight: bold; text-decoration: none;">это отдельное хранилище, в которое виджеты попадают после релиза</del>, <del style="font-weight: bold; text-decoration: none;">в виде архива</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">By default, the </ins>"<ins style="font-weight: bold; text-decoration: none;">Main</ins>" <ins style="font-weight: bold; text-decoration: none;">folder in the personal account is used for widget storage</ins>, <ins style="font-weight: bold; text-decoration: none;">but users can select any folder on their own</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>{{Note|<del style="font-weight: bold; text-decoration: none;">Раздел </del>"<del style="font-weight: bold; text-decoration: none;">Галерея виджетов</del>" <del style="font-weight: bold; text-decoration: none;">доступна только пользователям с правами администратора</del>|warn}}</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">After installation, a pop-up window will suggest navigating to the folder or closing the process</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">После приобретения</del>, <del style="font-weight: bold; text-decoration: none;">купленные виджеты становятся доступны пользователю</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Кнопка загрузки.png|thumb|center|<ins style="font-weight: bold; text-decoration: none;">Download button location</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Для загрузки виджета выведена отдельная кликабельная кнопка </del>"<del style="font-weight: bold; text-decoration: none;">Загрузить</del>".<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>|300px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Эта функция берёт архив с нужным виджетом</del>, <del style="font-weight: bold; text-decoration: none;">обрабатывает его и устанавливает в нужное для пользователя хранилище</del>(<del style="font-weight: bold; text-decoration: none;">папку</del>). <br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=== '''<ins style="font-weight: bold; text-decoration: none;">Implementation</ins>''' ===</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">По умолчанию в качестве папки для хранения виджета используется </del>"<del style="font-weight: bold; text-decoration: none;">Главная</del>" <del style="font-weight: bold; text-decoration: none;">в личном кабинете</del>, <del style="font-weight: bold; text-decoration: none;">но пользователь может выбрать любую папку самостоятельно</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Галерея виджетов.png|thumb|right| <ins style="font-weight: bold; text-decoration: none;">Display of the </ins>"<ins style="font-weight: bold; text-decoration: none;">widget gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">in the personal account </ins>|100px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">После установки вплывающее окно предложит перейти в папку или закрыть процесс</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The Widget Gallery is implemented in a manner that's quite easy for the user to understand</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Кнопка загрузки.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Расположение кнопки "загрузить"</del>|300px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The functionality is a separate item in the personal account menu</ins>, <ins style="font-weight: bold; text-decoration: none;">within which there's a list of widgets available to the user</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>=== '''<ins style="font-weight: bold; text-decoration: none;">Widget Details</ins>''' ===</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Описание виджета.png|thumb|right| <ins style="font-weight: bold; text-decoration: none;">Display of the </ins>"<ins style="font-weight: bold; text-decoration: none;">widget gallery</ins>" <ins style="font-weight: bold; text-decoration: none;">in the personal account </ins>|100px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== '''<del style="font-weight: bold; text-decoration: none;">Реализация</del>''' ===</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Inside the </ins>"<ins style="font-weight: bold; text-decoration: none;">widget gallery</ins>"<ins style="font-weight: bold; text-decoration: none;">, one can view and learn more about each of the widgets</ins>. <ins style="font-weight: bold; text-decoration: none;">This is done by clicking on the widget itself</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Галерея виджетов.png|thumb|right| <del style="font-weight: bold; text-decoration: none;">Отображение </del>"<del style="font-weight: bold; text-decoration: none;">галереи виджетов в личном кабинете</del>"|100px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">The information displayed about the widget may include</ins>:</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Галерея виджетов реализовано в достаточно простом для восприятия пользователя варианте</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div> </div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Функционал представляет из себя отдельный пункт в меню личного кабинета</del>, <del style="font-weight: bold; text-decoration: none;">внутри которого находится список доступных пользователю виджетов</del>.</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Graphical description of the widget</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>=== '''<del style="font-weight: bold; text-decoration: none;">Подробности о виджетах</del>''' ===</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Bulleted list item</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Описание виджета.png|thumb|right| <del style="font-weight: bold; text-decoration: none;">Отображение </del>"<del style="font-weight: bold; text-decoration: none;">галереи виджетов в личном кабинете</del>"|100px]]</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Textual description of the widget</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Внутри </del>"<del style="font-weight: bold; text-decoration: none;">галереи виджетов</del>" <del style="font-weight: bold; text-decoration: none;">можно просмотреть и узнать подробности о каждом из виджетов</del>. <del style="font-weight: bold; text-decoration: none;">Это делается с помощью клика на сам виджет</del>.<br></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Key features</ins></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Информация, выводимая о виджете может включать в себя</del>:</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">A link to the </ins>Wiki <ins style="font-weight: bold; text-decoration: none;">page on how the widget works </ins>(<ins style="font-weight: bold; text-decoration: none;">if available</ins>)</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Графическое описание виджета</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Installation</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Элемент маркированного списка</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Once a widget is added in the personal dashboard</ins>, <ins style="font-weight: bold; text-decoration: none;">the installed widget appears in the content section</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Текстовое описание виджета</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">All widgets are loaded into the appropriate folder</ins>. <ins style="font-weight: bold; text-decoration: none;">If the widget is installed correctly</ins>, <ins style="font-weight: bold; text-decoration: none;">then in the menu section "widget gallery"</ins>, <ins style="font-weight: bold; text-decoration: none;">all installed widgets are displayed</ins>.<br></div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Ключевые особенности</del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Upon installing the widget, the user can immediately start using it</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">* Ссылку на </del>Wiki <del style="font-weight: bold; text-decoration: none;">страницу по работе виджетом </del>(<del style="font-weight: bold; text-decoration: none;">если таковая имеется</del>)</div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>[[File:Установка виджета.png|thumb|center| <ins style="font-weight: bold; text-decoration: none;">Example of widget installation</ins>|300px]]</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div>== '''<ins style="font-weight: bold; text-decoration: none;">Final Result</ins>''' ==</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"><div lang="ru" dir="ltr" class="mw-content-ltr"></del></div></td><td class="diff-marker" data-marker="+"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Users will have a tool that allows them to quickly and easily access the widgets they need</ins>.</div></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Установка</del>''' ==</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">После добавления виджета в личном кабинете</del>, <del style="font-weight: bold; text-decoration: none;">установленный виджет появляется в разделе контент</del>.<br></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Все виджеты загружаются в соответствующую папку</del>. <del style="font-weight: bold; text-decoration: none;">Если виджет установлен правильно</del>, <del style="font-weight: bold; text-decoration: none;">то в разделе меню, «галерея виджетов»</del>, <del style="font-weight: bold; text-decoration: none;">показываются все установленные виджеты</del>.<br></div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">Установив виджет пользователь может сразу же им воспользоваться</del>.</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>[[File:Установка виджета.png|thumb|center| <del style="font-weight: bold; text-decoration: none;">Пример установки виджета</del>|300px]]</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div>== '''<del style="font-weight: bold; text-decoration: none;">Итоговый результат</del>''' ==</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;">У пользователей появится инструмент, позволяющий им быстро и просто получить доступ ко нужным им виджетам</del>.</div></td><td colspan="2" class="diff-side-added"></td></tr>
<tr><td class="diff-marker" data-marker="−"></td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><del style="font-weight: bold; text-decoration: none;"></div></del></div></td><td colspan="2" class="diff-side-added"></td></tr>
</table>
N.Bloshkin
https://wiki.smartplayer.org/index.php?title=%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F_%D0%B2%D0%B8%D0%B4%D0%B6%D0%B5%D1%82%D0%BE%D0%B2_(%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B0%D1%8F_%D0%B2%D0%B5%D1%80%D1%81%D0%B8%D1%8F)/en&diff=9988&oldid=prev
N.Bloshkin: Новая страница: «Widget Gallery (user version)»
2023-08-24T13:18:51Z
<p>Новая страница: «Widget Gallery (user version)»</p>
<p><b>Новая страница</b></p><div><div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Описание ситуации''' ==<br />
SmartPlayer имеет множество опциональных решений. Чаще всего эти решений представлены в виде "виджетов", которые необходимо отдельно устанавливать.<br><br />
Для того чтобы упростить и оптимизировать процесс работы с виджетами была создана "Галерея виджетов".<br />
</div><br />
<div lang="ru" dir="ltr" class="mw-content-ltr"><br />
=== '''Ценность''' ===<br />
Внедрение такого инструмента позволит улучшить работу со SmartPlayer и облегчить его восприятие, путём увеличения возможностей.<br><br />
Найти, добавить и установить виджеты можно будет в одном месте и при помощи нескольких кнопок.<br />
</div><br />
<div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Как это работает''' ==<br />
Сначала виджеты загружаются на сервер SmartPlayer и в нём же и хранится. По факту "Галерея виджетов" - это отдельное хранилище, в которое виджеты попадают после релиза, в виде архива.<br><br />
{{Note|Раздел "Галерея виджетов" доступна только пользователям с правами администратора|warn}}<br />
После приобретения, купленные виджеты становятся доступны пользователю.<br><br />
Для загрузки виджета выведена отдельная кликабельная кнопка "Загрузить".<br><br />
Эта функция берёт архив с нужным виджетом, обрабатывает его и устанавливает в нужное для пользователя хранилище(папку). <br><br />
По умолчанию в качестве папки для хранения виджета используется "Главная" в личном кабинете, но пользователь может выбрать любую папку самостоятельно.<br><br />
После установки вплывающее окно предложит перейти в папку или закрыть процесс.<br />
[[File:Кнопка загрузки.png|thumb|center| Расположение кнопки "загрузить"|300px]]<br />
</div><br />
<div lang="ru" dir="ltr" class="mw-content-ltr"><br />
=== '''Реализация''' ===<br />
[[File:Галерея виджетов.png|thumb|right| Отображение "галереи виджетов в личном кабинете"|100px]]<br />
Галерея виджетов реализовано в достаточно простом для восприятия пользователя варианте.<br><br />
Функционал представляет из себя отдельный пункт в меню личного кабинета, внутри которого находится список доступных пользователю виджетов.<br />
=== '''Подробности о виджетах''' ===<br />
[[File:Описание виджета.png|thumb|right| Отображение "галереи виджетов в личном кабинете"|100px]]<br />
Внутри "галереи виджетов" можно просмотреть и узнать подробности о каждом из виджетов. Это делается с помощью клика на сам виджет.<br><br />
Информация, выводимая о виджете может включать в себя:<br />
* Графическое описание виджета<br />
* Элемент маркированного списка<br />
* Текстовое описание виджета<br />
* Ключевые особенности<br />
* Ссылку на Wiki страницу по работе виджетом (если таковая имеется)<br />
</div><br />
<div lang="ru" dir="ltr" class="mw-content-ltr"><br />
== '''Установка''' ==<br />
После добавления виджета в личном кабинете, установленный виджет появляется в разделе контент.<br><br />
Все виджеты загружаются в соответствующую папку. Если виджет установлен правильно, то в разделе меню, «галерея виджетов», показываются все установленные виджеты.<br><br />
Установив виджет пользователь может сразу же им воспользоваться.<br />
[[File:Установка виджета.png|thumb|center| Пример установки виджета|300px]]<br />
== '''Итоговый результат''' ==<br />
У пользователей появится инструмент, позволяющий им быстро и просто получить доступ ко нужным им виджетам.<br />
</div></div>
N.Bloshkin