🔏
Psychotest doc
  • Česká dokumentace
    • Připojení datového uložiště
    • Pomůcky při editaci
      • Náhled obrazovky
      • Rychlý manuál
      • Seznam stimulů
      • Seznam stimulů v adresáři
      • Adresa testu
      • Přehrát test
    • Grafický návrh
      • Návrh velikosti obrazovky
      • Návrh mřížky bloků
      • Umístění odpověďových prvků
      • Upřesnění odpověďových prvků
    • Typy stimulů a jejich prezentace
      • Zvuk jako tlačítko
      • Zvuk jako tlačítko s čísly a nápisem
      • Zvuk s náhodným pořadím
      • Zvuk s řídícími prvky (controls)
      • Zvuk s grafickým průběhem signálu (waveform)
      • Obrázek a jeho prezentace vlevo, vpravo, nahoře
      • Video
      • Stimuli vždy na obrazovce
    • Typy úkolů (task) a jejich prezentace
      • Škály (scale) a možnosti jejich zobrazení
      • Zaškrtávací políčka (checkboxvalues)
      • Přepínač - radio button (values)
      • Seřazovací úkol (ranking2d)
      • Párový test
      • Body a segmenty v průběhu signálu (waveformpoint, waveformsegment)
      • Body na obrázku (imagepoint, imagemultipoint)
      • Body ve videu (videopoint, videomultipoint)
      • Edukační mód pro obrázek
    • Různé
      • Umístění testů a stimulů
      • Seznam testů a třídění dle data
      • Výsledky testů
      • Uložení testu
      • Styly prvků v generovaném testu
      • Seznam veřejných testů
      • Omezení šířky obrazovky
    • Edukační mód
  • English documentation
    • Connecting a remote file storage
    • Tools for editing
      • Screen preview
      • Quick manual
      • List of stimuli
      • List of stimuli in the folder
      • The test address
      • Test playback
    • Graphical design
      • Setting the screen size
      • Setting the grid
      • Placing the response elements
      • Defining the response elements
    • Types of stimuli and their presentation
      • The sound stimuli as buttons
      • Sound stimuli as numbered and named buttons
      • Random ordering of sounds
      • Sound with control elements
      • A sound with a graphical time-course of the sound signal (waveform)
      • The picture and its presentation on the left, right and above
      • Video
      • Permanent presence of stimuli on a screen
    • Types of tasks and their presentation
      • Scales and options for their rendering (scale)
      • Checkbox fields (checkboxvalues)
      • Options and radio buttons (values)
      • The ranking task (ranking2d)
      • Paired test
      • The points and segments in the waveform of a sound signal (waveformpoint, waveformsegment)
      • Points in the picture (imagepoint, imagemultipoint)
      • Points in a video (videopoint, videomultipoint)
      • The educational mode for a picture
    • Various
      • Location of the stimuli and test
      • The test list and its sorting by date
      • Test results
      • Saving the test
      • Styles of the elements in the rendered test
      • A list of public tests
      • Limiting the screen width
    • Educational mode
Powered by GitBook
On this page
  1. English documentation

Graphical design

PreviousTest playbackNextSetting the screen size

Last updated 6 months ago

The edit mode includes a graphical interface for the design of screens (graphical design). It complements the commands in the command line. A screen structure has to be set in the command line editor prior to entering the graphical editor and stimuli have to be inserted on each screen. After having inserted the screens structure, the graphical editor can be opened by clicking on the 'Graphical layout' tab above the command edit window.

The graphical editor uses a graphical interface of the GrapeJs library. The workflow for working with the graphical editor is composed of individual consecutive steps overviwed in the followng paragraphs.

A screenshot of the graphical design tab