Blok dijagram

Ovo je alat za vežbanje blok dijagrama, namenjen najviše učenicima, ali i svakome ko želi da nauči algoritme, blok dijagrame i programiranje uopšte.

Alat omogućava kreiranje i izvršavanje blok dijagrama, tako da odmah možete naći greške, i vidjeti kako vaš dijagram radi i kakve rezultate proizvodi

Učitaj primer blok-dijagrama

Uputstvo

Korišćenje alata

  • Napravite dijagram tako što dodajete potrebne elemente i u njih upisujete izraze
  • Nakon toga možete pokrenuti izvršavanje dijagrama pritiskom na dugme 'Run' u kontrolnoj traci.
  • Drugi način izvršavanja je korak po korak, uzastopnim pritiskanjem dugmeta 'Debug' u kontrolnoj traci. Ova akcija izvršava samo jedan korak, tj jedan blok.
  • U svakom trenutku izvršavanja možete da vidite:
    • Vrednosti promenjljivih u prozoru 'Promenjljive'
    • U prozoru 'Izlaz' bilo šta što vaš program 'ispiše', pomoću bloka 'Output'.
    • U prozoru 'Sistemski izlaz' se prikazuju izrazi koji se izvršavaju, kao i greške i upozorenja

Kontolne akcije

  • Dodavanje novog bloka:
    • Računar: kliknite desnim dugmetom miša na vezu između dva bloka i odaberite novi blok.
    • Telefon: odaberite vezu i držite dok se ne pojavi lista novih blokova.
  • Brisanje bloka:
    • Računar: kliknite desnim dugmetom miša na blok a zatim kliknite na opciju "Obriši".
    • Telefon: odaberite blok i držite dok se ne pojavi opcija "Obriši", a zatim je odaberite.
  • Pomeranje dijagrama:
    • Računar: levim dugmetom miša.
    • Telefon: pomeranjem jednim prstom.
  • Označavanje više elemenata dijagrama:
    • Računar: desnim dugmetom miša.
    • Telefon: dodirnite ekran van dijagrama i držite dok se ne aktivira pravougaonik označavanja.
  • Unos izraza u blok: dupli klik na blok

Format operacija

U dodeli vrednosti varijabli koristi se format sa dvotačkom var := value
U poređenju jednakosti koristi se samo jedan znak jednakosti a = b

Operacije

Dodela :=
Aritmetičke +, -, /, *, ^ (stepen)
Poređenje =, !=, <, <=, >, >=
Bulove operacije and, or, not

Funkcije

mod(x, y) Ostatak celobrojnog deljenja x sa y
sqrt(x) Koren od x


Flowchart Runner

Flowchart runner is a tool for practicing flowcharts, mainly useful for students, but also for anyone else who wants to learn programming and algorithms.

The tool allows creating and executing flowcharts, enabling quick experimentation, error finding, and ultimately understanding the structure and behavior of the diagrams.

Load sample flowchart

Instructions

Using the tool

  • Diagram is created by adding flowchart blocks and filling the expressions
  • At any time you can execute the diagram using the 'Run' button in the toolbar.
  • Or you can debug it, i.e. execute step by step by repeatedly pressing the 'Debug' button. One 'Debug' action executes a single block in the diagram.
  • At any time you can observe the results in the windows:
    • Variable values in the 'Variables' window
    • Any output produced by the program, pspecifically by an 'Output' block, can be viewed in the 'Output' window.
    • Additional information, such as debuggig statemens and errors are shown in the 'Terminal' window

Control actions

  • Adding a new block:
    • Desktop: Right click on the link between two blocks and select the new block to insert.
    • Smartphone: Press on the link and hold until you see the list of available blocks, then select one.
  • Delete a block:
    • Desktop: Right click on the block, then select 'Delete'.
    • Smartphone: Press on the block and hold until the option 'Delete' pops up. Then select it.
  • Moving the diagram:
    • Desktop: Standard mouse drag.
    • Smartphone: One finger gesture.
  • Select multiple elements:
    • Desktop: Drag with right mouse button over the elements.
    • Smartphone: Press the screen outside of the diagram and hold until the rubber-band shows up. Then drag the rubber-band to select elements.
  • Enter expression in a block: double clcik on the block

Operations formats

Assignment uses the operator with the colon var := value
Equals comparison uses a single equals operator a = b

Operations

Assignment :=
Arithmentic +, -, /, *, ^ (exponent operator)
Comparison =, !=, <, <=, >, >=
Boolean and, or, not

Functions

mod(x, y) Remainder of integer division of x by y
sqrt(x) Square root of x