Bjorn

Bjorn's HELP-viewer

View help systems

- a web app -

Bjorn's HELP-viewer is a modern online progressive "single page" mobile friendly viewer of help systems.

The most convenient way to an author HELP-viewer enabled help systems is using the Bjorn's HELP-maker add-on for Google Docs. However, the format is based on standard JSON, HTML and CSS and can easily be created using a simple text editor. All the content of a help system is stored as a public folder in your Google Drive.

Really powerful search

Since the content resides in a Google Drive folder, the search feature is powered by Google.

Layout

The desktop version is using a two column layout with a main content area and a number of sidebars:

  • TOC
  • Search
  • Sidenotes
  • Index
  • Reader comments

The viewer is by default using the LEXEND font for maximum readbility. The viewer offers UI to quickly scale the font size up and down as well as UI to quickly pick from the seven Lexend fonts (Deca, Exa, Tera etc).

Reader interaction

Readers can both rate and comment on each topic in the help system. Comments and either be public to all readers or private only for the eyes of the original author.

As the original author you will receive an email as soon a new comment or rating is submitted.

Reader insight

As a help system author, the HELP-viewer can give you insight into things like:

  • Search phrases NOT finding any topics
  • Recently used search phrases
  • Popular topics
  • Popular search phrases

Embedded mini-quizzes

The viewer supports simple embedded simple drag'n'drop quizzes, created using simple markup. (short demo video)

The markup is plain text (and not HTML) to support regular text editors such as markdown, Google Docs and MSWord.

The viwer can be configured to not allow new chapters to be opened until all embedded quizzes completed successfully.

Here is an example with a simple Harry Potter quiz:

[Instruction] Match first names with surnames:

[Drag] Barty=Crouch

[Drag] Fleur=Delacour

[Drag] Albus=Dumbledore

[Drag] Seamus=Finnigan

[Drag] Bellatrix=Lestrange

[Drag] Minerva=McGonagall

[Instruction] Match first names with surnames:

[Drag] Barty=Crouch

[Drag] Fleur=Delacour

[Drag] Albus=Dumbledore

[Drag] Seamus=Finnigan

[Drag] Bellatrix=Lestrange

[Drag] Minerva=McGonagall

Here is another with two levels and some custom look and feel:

[Section] Level 1

[Instruction] Match name with correct sentence:

[Drag] Fawkes=Saved Harry Potter from the Basilisk inside the Chamber of Secrets

[Drag] Gornuk=Gringotts goblin who goes on the run from Death Eaters in Deathly Hallows

[Drag] Hedwig=Harry Potter's pet owl

[Section] Level 2

[Instruction] Match name with correct surname:

[Drag] Rufus=Scrimgeour

[Drag] Severus=Snape

[Drag] Ron=Weasley

[Drag] Sybill=Trelawney

[Drag] Pomona=Sprout

[Style] Item.ItemStyle.EnableBackgroundColorList=true

[Style] Item.TitleStyle.FontSize=18px

[Style] Target.ItemStyle.BackgroundColor=lightblue

[Style] Target.TitleStyle.Color=black

[Section] Level 1

[Instruction] Match name with correct sentence:

[Drag] Fawkes=Saved Harry Potter from the Basilisk inside the Chamber of Secrets

[Drag] Gornuk=Gringotts goblin who goes on the run from Death Eaters in Deathly Hallows

[Drag] Hedwig=Harry Potter's pet owl

[Section] Level 2

[Instruction] Match name with correct surname:

[Drag] Rufus=Scrimgeour

[Drag] Severus=Snape

[Drag] Ron=Weasley

[Drag] Sybill=Trelawney

[Drag] Pomona=Sprout

More

Check out this short YouTube video.

Launch the app.

Support

Please report bugs here or reach out 2 me with questions @ support@backlund.org.

Got an idea for a new feature/app/add-on? Use the suggestions portal.

Follow me at Instagram @bjornsplayground and check out more videos at my YouTube channel.

You can view our privacy policy here.