SteemHome: Деякі ідеї - обережно json)) / SteemHome: Some Ideas - Attention JSON is here)) [UA/EN]

in Steem Devyesterday

loho.jpeg

UA original

Поглянувши на інструментарій для управління й створення челенджів, в мене з'явились деякі доповення. Тож дозволивши собі покрутить візуальний шаблон сайту, щоб краще передати свою думку. Це презентаційні варіанти, щоб трохи краще описати й показати, що саме маю на думці. В мене відсутній намір критикувати чи ще щось, це лише мій погляд на те що мені хотілося б бачити в такому місці. Хоча це й не все, проте основна частина. Скоріше в мене просто така подача інформації.

Також для привернення уваги варто згадати @kouba01, щоб інформація дійшла куди слід.

Не виключено що будуть якісь збіги із наявним функціоналом чи ще шось подібне. Проте має й бути щось нове, що може стати хорошим покращенням сервісу. Тобто із того можна вибрати хороші речі й додати до проєкту.

Отже дещо стисло викладаю наступне нижче. І нагадую, що це більше симуляція, бо ще без публікації на блокчейнові, проте це дозволя швидше поклацати й перевірити в одні руки, як воно працює. Тому дані просто зберігаються в кеш, але для того щоб система все бачила як слід, можна застосувати кастомні json записи і тоді все буде ок.


1. Концептуальний підхід

Основна ідея — перетворення хаотичних описів конкурсів у структуровані дані. Замість простого тексту, де все в купі одним шматком, кожен конкурс стає об'єктом, що містить чіткі критерії оцінювання, завдання для учасників та регламент.


Приблизна ідея, деяка інформація, та короткий бріф про суть конкурсу у декількох реченнях і про те що там буде робитись

Як виглядає зараз

І до тогож дає чітке уявлення про його напрямок і особливості, щоб навіть із меню вибору, бо зазвичай там можуть бути якісь незрозумілі набори символів, якщо на початку табилці чи цитати, або щось іще.

Після натиснення на обраний конкурс
Інформація відразу достунна для сприйняттяЗараз
2_prev_pislya.png
Зроблено спеціальний скріншот, бо не все показує, та думку донести вже допомагає краще
2_prev_do.png
Ще треба натиснути щоб побачити умови

Що покращує сприйняття. До тогож має інформативну панель, на якій показано, скільки учасників і скільки робіт перевірено із них

Вигляд тіла допису
Чітке виділення основних пунктівЗараз одне полотно не таке цікаве для ока
3_full_bodi.png
Наведено прикдал шаблону, де є основні умови, але без теоретичної частини, що можна також застосовувати й для конкурсів
3_full_bodi_do.png
Ціле полотно, в яке ще потрібно вдивлятись і розбиратись що до чого. Що може суттєво впливати на аудиторію та бажання брати участь широких мас.

Метадані наведені у дописові, деякими сайтами приховуються, але це можна записувати у json файл на блокчейнові.


2. Робота з контентом та Редактор

Форма створення допису із умовами (та що мені була достуна на момент підготовки матеріалу), вимагає багато зайвої роботи, заповнювати окремі поля. А сам редактор написання допису, не такий вже й зручний, щоб робити різноманітні й цікаво оформлені дописи. У разі чогось простого, то воно й нічого, а коли мова йде про якісь покрокові дії із великою кількістю зображень і так далі, то через маленке віконце не дуже зручно.

Помічені незручності та баги текстового редактора ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
  • Зображення не завантажуються підписом через кейчейн.
  • Відсутнеє автозбереження резервної копії.
    Якщо набирати там текст, то в разі оновлення сторінки чи зникнення світла, чи ще чого, весь матеріал зникне.
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

Може було б добре, щоб там був редактор вставлений, подібний до цього.

Ще в розробці, та спробувати можна за посиланням https://steem-editor-ultra-pro.luxalok.workers.dev/
miy_redaktor_2.png Принаймні зображення значно зручніше додавати))
miy_redaktor.png

Тож спочатку в мене виникла думка, що буде добре імпорутвати список критеріїв із тексту допису, щоб налаштовувати бали й таке інше. Наприклад, вставкою із блокнота, проте то теж не дуже зручно, бо окремо все клацать, тож простіше ввести теги html, навіть вигадані.

Приклад використання тегів - покроково
tegsmart_4.png
Чистий текст челенджу чи конкурсу, лише відформатовани списки.
tegsmart_3.png
Достатньо виділити потрібний осях тексту й загорнути в тег. Для початку бріф.
tegsmart_2.png
І маємо вже чітке підсвічування без зайвих рухів
tegsmart_1.png
Так само із іншими, головне слідкувати, який тег відповідає за які умови, оцінювання, дії, завдання і так далі.
HTML теги не показує
ne_render.png Подібне спострігається на steempro.com, на steemit.com, припускаю, має бути так само. Тож там буде доступний просто текст у нормальному вигляді, а нове форматування буде показувати на steemhome.com

Суть в тому, що система зможе їх бачити, але вони не обробляються на інших сайтах, там буде показанео просто текст без тегів.

Тоді зайві форми введеня просто не будуть потрібні, достатнь повиділяти із тексту й загорнути це в теги і все (або ще зручніше щось додати, але то й так вже легко). Бо воно може й легша справа для програмістів та інших людей навчених користуватись клавіатурою. Прое це має бути зручно навіть із смарфона для звичайних людей. До того ж (хоча це може вже й ну дуже потрібно буде), можна імпортувати розпізнані блоки, щоб щоб доналаштувати, проте це хіба точніше налаштувати критерії оцінювання, де загальний бал піраховує автоматично й можна вводити не цілі числа (може слайдер додати).

Ну також не показано подібне виділення для загального тексту теоретичного матеріалу чи опису. Проте можна ж до цього додуматись самостійно, що ще треба тег для винагороди типу <prize> )).

Маленкий підсумок

Тобто за наявності форматування тегами, зайві форме не потрібні. Аби був зручний редактор для створення допису й функціонального додавання медіа. І все форматування буде зведено до того, щоб повиділяти потрібні блоки щоб загорнути в теги, або додати якесь розпізнавання, щоб їх додати пропонувала система.))




До чого тут JSON?: Оцінювання та формування звітів

3. JSON-структура та Формування звітів

Кастомні JSON записи у блокчейні дозволяють записувати деякі дані. Наприклад, результати оцінювання, які можна за зручною формою аналізувати й формувати звіти. Що значно простіше ніж обробляти окремі коментарі, хоча це може хто розумний пояснить. Тож в мене така точка зору. Це буде свого руду база даних. Хоча із деякими затримками, які може будуть і не помітні для такого завдання. Хоча, можна дублювати й в кеш браузера, але то таке, може десь загубитись.

В основі тестової системи лежить локальний кеш (LocalStorage), що дозволяє не заспамлювати блокчейн для презентаційної моделі і значно швидше сформувати візуальну модель. І звіти теж швидше формуватимуться.

Приклад структури результату (Evaluation JSON):

{
  "challenge_id": "sim-2024-w1",
  "participant": "@username",
  "scores": {
    "creativity": 10,
    "quality": 8,
    "rules_adherence": 10
  },
  "checks": {
    "plagiarism": true,
    "tags_correct": true
  },
  "ai_risk_score": "12%",
  "final_grade": 28,
  "compilation_ready": true
}

Такий формат дозволяє системі миттєво генерувати Підсумкові Звіти (Grading Reports) для публікації на блокчейні STEEM.


4. Легка участь

sa.png

Наприклад щоб взяти участь у челенджі, достатнь виконати завдання, підготувати основний матеріал, і натиснути кнопку взяти участь, яка відкриє фомру заповнення із автоматично сформованим заголовком, та перевіркою чи всі умови виконано (так орієнтовно). І натиснути опублікувати. В ідеалі, система має сама додати потрібні теги, щоб заявку було видно для оцінювання в системі.

sa_2.png

Це можуть бути тіж записи json))


4. Пеервірка, оцінювання та звіт

uchasnyky.png

За ідеєю кокурсні роботи можна оцінювати прямо під головним дописом, але зараз маємо таку презентацію, тож тож воно трішки в інших містах, але функціонал присутній для презентації.

Дашборт оцінювання
screen_shot_2026-05-30_at_10.14.44.png Тож у нас списко заявок прямо в конкурсній темі. Один клік і відкривається меню оцінювання.
Всьго один клік і...
screen_shot_2026-05-30_at_10.13.46.png
Відкривається вікно оцінювання, в якому відразу доступні всі форми заповнювання, до яких можна додати коментрі. Включно із слайдерами виставлення балів. вміст доступний для перегляду без відриву. Також передбачено повноекранни режим (чи щось таке)

Клац, клац і за ідеєєю, формуєтьс оціночний коментар, який публікується під дописом, який був перевірений, всього і попутно робить json запис із оцінками й деяким профільними параметрами. А списку показує, що ця робота перевірена і оцінку.

Далі залишається сформувати звіт, щоб скопіювати його й додати до власного підсумкового допису. На цей випадок теж можна щось передбачити, щоб була ціла екосистема публікаційного комфорту. Клац, клац і все готово)))

zvit.png

Задум такий, що звіт теж може записуватись як json, тобто основний результат. А тоді для голосувань, наприклад, щоб не шукати де ті дописи лежать, достатньо налаштувати силу голосу для кожного призового акаунту окремо й натиснути голосувати за всіх призерів. І воно в порядку черги проставить апвоути. Хіба для зручності, додати можливість переглядати вміст, який отримав таку оцінку. Щоб вміст відкривався в один клік.


Підсумок

Ввеедення тегів дає змогу форматувати дописи значно краще для сприйняття та додавання параметрів відображення значно швиджеш. Steemti.com користувачі, будуть бачити звичайний текст (мардаун) рендеринг, а на платформі Steemhome буде зручне управління конкурсами та челенджами, можна навіть додати якісь навчальні курси.

Друге, це записи json, що дозволяють використовувати їх як базу даних і робити важливі записи, для сприймання їх системою, що дає деякі покращення, в плані формування звітів та багато іншого. Хоча спеціальних тегів може бути достатньо.

screen_shot_2026-05-30_at_10.3...

Четверте, цей матеріал не охопив, все що хотілось мною висловити, проте краще відображає більшу його частину.
Третє, в ідеалі, щоб все можна було робити, в плані прийняття участі та оцінювання із однієї сторінки)) Бо по мірі написиання цього допису, щось показалось як потрібне, а щось може було поза увагою. Тож може згодоб буде додано.)))

P.S.
Конкурсний тег #steemhome-contest1 додано, щоб було краще видно матеріал.

Зображення у допсі це пеереважно презентаційна розробка, деякі із них зроблені нак платформі steemhome.com, для порівняння й розуміння.


Cc:
@rme
@hungry-griffin
@steemcurator01



EN translated by AI

SteemHome: Some Ideas - Attention JSON is here)) [UA/EN]

loho.jpeg

EN original

After looking at the tools for managing and creating challenges, I have some suggestions. So, I took the liberty of tweaking the visual template of the site to better convey my thoughts. These are presentation options to slightly better describe and show exactly what I have in mind. I have no intention of criticizing or anything like that; this is just my view of what I would like to see in such a place. Although this is not everything, it is the main part. It is more of just my way of presenting information.

Also, to draw attention, it's worth mentioning @kouba01 so that the information reaches where it needs to go.

It is possible that there will be some coincidences with the existing functionality or something similar. However, there should also be something new that could become a good improvement for the service. That is, one can pick the good things from this and add them to the project.

So, I am briefly laying out the following below. And I remind you that this is more of a simulation, as it hasn't been published on the blockchain yet, but this allows for faster clicking and testing single-handedly to see how it works. Therefore, the data is simply saved in the cache, but in order for the system to see everything as it should, custom JSON records can be applied, and then everything will be fine.


1. Conceptual Approach

The main idea is to transform chaotic contest descriptions into structured data. Instead of plain text where everything is in one clump, each contest becomes an object containing clear evaluation criteria, tasks for participants, and rules.


An approximate idea, some information, and a short brief about the essence of the contest in a few sentences and what will be done there

How it looks now

And besides, it gives a clear idea of its direction and features, even from the selection menu, because usually there can be some incomprehensible sets of characters if there are tables or quotes at the beginning, or something else.

After clicking on the selected contest
Information is immediately accessible for perceptionNow
2_prev_pislya.png
A special screenshot was taken because it doesn't show everything, but it already helps to convey the point better
2_prev_do.png
Still need to click to see the conditions

Which improves perception. Moreover, it has an informative panel showing how many participants there are and how many of their works have been checked.

Appearance of the post body
Clear highlighting of key pointsCurrently, a single wall of text is not as appealing to the eye
3_full_bodi.png
An example of a template is shown, featuring the main conditions but without the theoretical part, which can also be applied to contests
3_full_bodi_do.png
A whole wall of text that you still need to stare at and figure out what is what. This can significantly affect the audience and the willingness of the general public to participate.

The metadata provided in the post is hidden by some websites, but this can be recorded in a JSON file on the blockchain.


2. Content Creation and Editor

The post creation form with conditions (the one available to me at the time of preparing this material) requires a lot of extra work, filling in separate fields. And the post editor itself is not very convenient for creating diverse and interestingly formatted posts. If it's something simple, it's fine, but when it comes to step-by-step actions with a large number of images and so on, the small window makes it quite inconvenient.

Noticed inconveniences and bugs of the text editor ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
  • Images are not uploaded with a signature via Keychain.
  • No automatic backup autosave.
    If you type text there, in case of a page refresh, power outage, or anything else, all material will disappear.
↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

Perhaps it would be good if an editor similar to this one was embedded there.

Still under development, but you can try it at the link https://steem-editor-ultra-pro.luxalok.workers.dev/
miy_redaktor_2.png At least it's much more convenient to add images))
miy_redaktor.png

So initially, I had the idea that it would be good to import the list of criteria from the post text to configure points and so on. For example, by pasting from notepad, but that is also not very convenient because you have to click everything separately, so it is easier to introduce HTML tags, even fictional ones.

Example of using tags - step by step
tegsmart_4.png
Plain text of the challenge or contest, only formatted lists.
tegsmart_3.png
Just select the required text range and wrap it in a tag. To start, the brief.
tegsmart_2.png
And we already have clear highlighting without extra effort
tegsmart_1.png
Same with the others, the main thing is to keep track of which tag corresponds to which conditions, evaluation, actions, tasks, and so on.
HTML tags are not shown
ne_render.png A similar thing is observed on steempro.com, and on steemit.com, I assume it should be the same. So simply text in normal form will be available there, and the new formatting will show on steemhome.com

The point is that the system will be able to see them, but they are not processed on other sites, where simply plain text without tags will be displayed.

Then extra input forms won't be needed at all; it's enough to select parts of the text and wrap them in tags and that's it (or add something even more convenient, but it's already easy as is). While this might be an easier task for programmers and other people trained to use keyboards, it should be convenient even from a smartphone for ordinary people. In addition (though this might only be needed in extreme cases), you could import recognized blocks to fine-tune them, which might be useful to set evaluation criteria more precisely where the total score is calculated automatically and non-integers can be entered (maybe add a slider).

Well, also, similar highlighting for the general text of theoretical material or description is not shown. However, you can figure out on your own that we also need a tag for rewards like <prize> )).

Quick summary

In other words, with tag formatting, extra forms are not needed. All that's required is a convenient editor to create the post and functionally add media. And all formatting will boil down to selecting the necessary blocks to wrap them in tags, or adding some recognition feature so the system suggests adding them.))




What does JSON have to do with this?: Evaluation and report generation

3. JSON Structure and Report Generation

Custom JSON records in the blockchain allow for saving certain data. For example, evaluation results, which can be analyzed in a convenient format to generate reports. This is much simpler than processing separate comments, although someone smart might explain this better. That's my point of view. It will be a database of sorts. Albeit with some delays, which might not be noticeable for this task. Though, it could also be duplicated in the browser cache, but that is prone to getting lost.

The test system is based on a local cache (LocalStorage), which allows avoiding spamming the blockchain for the presentation model and helps generate the visual model much faster. Reports will also be generated faster.

Example of result structure (Evaluation JSON):

{
  "challenge_id": "sim-2024-w1",
  "participant": "@username",
  "scores": {
    "creativity": 10,
    "quality": 8,
    "rules_adherence": 10
  },
  "checks": {
    "plagiarism": true,
    "tags_correct": true
  },
  "ai_risk_score": "12%",
  "final_grade": 28,
  "compilation_ready": true
}

This format allows the system to instantly generate Grading Reports for publication on the STEEM blockchain.


4. Easy Participation

sa.png

For example, to participate in a challenge, it's enough to complete the task, prepare the main material, and click the participate button, which will open a submission form with an automatically generated title and a check to see if all conditions are met (approximately speaking). And then hit publish. Ideally, the system itself should add the required tags so the application is visible for evaluation within the system.

sa_2.png

These could be the same JSON records))


4. Verification, Evaluation, and Report

uchasnyky.png

In theory, contest entries could be evaluated directly under the main post, but currently we have this presentation, so it is located in slightly different places, but the functionality is present for the presentation.

Evaluation Dashboard
screen_shot_2026-05-30_at_10.14.44.png So we have a list of entries right inside the contest topic. One click, and the evaluation menu opens.
Just one click and...
screen_shot_2026-05-30_at_10.13.46.png
An evaluation window opens, where all submission forms are immediately available, and comments can be added. This includes score sliders. The content is viewable seamlessly. A full-screen mode (or something like that) is also planned.

Click, click, and in theory, an evaluation comment is generated and published under the reviewed post, along with a simultaneous JSON record containing the scores and some profile parameters. And the list shows that this work has been verified, along with its score.

Then all that's left is to generate a report, copy it, and add it to your own summary post. For this case, something could also be designed to create a whole ecosystem of publishing comfort. Click, click, and everything is ready)))

zvit.png

The idea is that the report can also be written as a JSON object, i.e., the main result. Then for voting, for example, instead of searching for where those posts are, you could simply configure the voting weight for each winning account separately and click 'vote for all winners.' It would then queue up and distribute upvotes. For added convenience, we could allow previewing the content that received this score. So that the content opens in one click.


Summary

Introducing tags allows formatting posts much better for perception and adding display parameters much faster. Steemit.com users will see the regular text (markdown) rendering, while the Steemhome platform will offer convenient management of contests and challenges; you could even add educational courses.

Second, these JSON records allow using them as a database and making important entries for the system to process, bringing improvements in terms of report generation and much more. Although special tags might be enough.

screen_shot_2026-05-30_at_10.3...

Fourth, this material did not cover everything I wanted to express, but it does reflect most of it well.
Third, ideally, everything—from participation to evaluation—could be done from a single page)) Because as I was writing this post, some things seemed necessary, while others might have been overlooked. So maybe they will be added later.)))


The images in the post are mostly promotional/presentation designs, some of which were made on the steemhome.com platform for comparison and understanding.


Cc:
@rme
@hungry-griffin
@steemcurator01

Sort:  

Thank you very much for taking the time to prepare such a detailed analysis and for sharing your ideas about the future of SteemHome.

I really appreciate the effort you put into not only describing the concepts but also creating visual examples to better explain your vision. This makes it much easier to understand the proposed improvements and evaluate them properly.

Several of your suggestions are particularly interesting, especially:

  • structuring challenge information instead of relying on long blocks of text,
  • improving challenge previews and participant statistics,
  • simplifying the participation workflow,
  • enhancing the evaluation dashboard,
  • automatic report generation,
  • autosave and editor improvements,
  • and the possibility of using structured metadata to make challenge management more efficient.

I also agree that the user experience should remain simple, especially for mobile users, and that creating, participating in, evaluating, and reporting on challenges should require as few steps as possible.

Some of these ideas are already aligned with the direction I have in mind for SteemHome, while others introduce new perspectives that are definitely worth exploring further. Before implementing anything, I will carefully evaluate what can be integrated safely without affecting compatibility, existing challenges, or the stability of the platform.

Thank you again for your contribution, your creativity, and the time you invested in preparing this presentation. Feedback like this is extremely valuable because it helps transform SteemHome into a platform built not only by a developer, but also with the ideas and experience of the community.

I will review everything in more detail and keep these suggestions in mind for future updates.