Version-adaptive documentation: Difference between revisions

From GNU Radio
Jump to navigation Jump to search
m (revise pixel sizes)
(revised screenshots)
Line 16: Line 16:
----
----
<p>Page before any selections are made (i.e. all information is shown).</p>
<p>Page before any selections are made (i.e. all information is shown).</p>
[[File:Phase1_all.png]]
[[File:Phase1_all.png|499px]]
----
----
<p>Version selection before clicking 'Submit'.</p>
<p>Version selection before clicking 'Submit'.</p>
[[File:Gr_version_select.png]]
[[File:Gr_version_select.png|491px]]
----
----
<p>Version 3.9 selected. Note that the section for 3.8 is not shown (hidden).</p>
<p>Version 3.9 selected. Note that the items for 3.8 are not shown (hidden).</p>
[[File:Phase1_3-9.png]]
[[File:Phase1_3-9.png|494px]]
----
----
<h4>Conclusions</h4>
<h4>Conclusions</h4>

Revision as of 13:11, 8 December 2022

Concept

I am looking into the possibility of making certain pages of our Wiki be adaptive to the user's GNU Radio version (or desired version) so that sections which don't apply would be hidden. This would make cleaner page presentations and reduce the clutter of unrelated information.

Proof of Concept

Phase 1

Plan

  • Emulate MediaWiki with a local nodeJS program to allow non-destructive testing.
  • Create a test page with sections which can be hidden, based on a 'data-vad' attribute.
  • Create a form to enter a Version selection.
  • Before displaying the page, execute a script to show or hide sections based on the Version selection.

Test results


Page before any selections are made (i.e. all information is shown).

Phase1 all.png


Version selection before clicking 'Submit'.

Gr version select.png


Version 3.9 selected. Note that the items for 3.8 are not shown (hidden).

Phase1 3-9.png


Conclusions

  1. I have found that this methodology for hiding sections of a document is relatively easy.
  2. There are several groups of pages which might benefit from this method:
    1. Block docs
    2. Tutorials
    3. Installation instructions
  3. Specific examples are:
    1. Message_Debug
    2. Packet_Communications
    3. LinuxInstall

Phase 2

Plan

  • Use a 'test' MediaWiki.
  • Put a version selection menu below the "Tools" group in the left-hand Navigation section.
  • Create a test page with HTML "div" tags which can be hidden, based on a 'data-vad' attribute.
  • Embed a JavaScript link at the end of the page HTML to perform the requested selection.