Uređivač dijagrama toka: oblici, strelice i oznake Da/Ne izravno u pregledniku.

Dijagram se crta u vašem pregledniku i nikamo se ne šalje.

Što uređivač može

Simboli prema normi ISO 5807, strelice koje same zaobilaze oblike i lijepe se za njihove stranice te natpisi Da/Ne na izlazima uvjeta. Gumb „+” postavlja sljedeći oblik već povezan, a „Posloži” slaže cijeli dijagram. Dijagram se sprema u preglednik dok radite, a možete ga preuzeti kao PNG, SVG, PDF ili Mermaid kod.

Primjeri: Paran ili neparan Najveći od tri Zbroj od 1 do N Provjera lozinke

Kako umetnuti dijagram toka u Word ili Google Docs

  • Word 2019 i Microsoft 365: SVG. Umetnite ga kao običnu sliku i dijagram ostaje oštar pri svakom povećanju.
  • Google Docs i starije verzije Worda: PNG od 300 dpi. Odaberite širinu „A4, zadane margine Worda” ili „US Letter” i slika će zauzeti točno širinu teksta.
  • LaTeX: PDF prema veličini dijagrama, koji \includegraphics umeće bez gubitka oštrine.
  • Najbrže: „Kopiraj sliku” u prozoru „Preuzmi”, a zatim Ctrl+V izravno u dokument.

U PNG i SVG datotekama preuzetim ovdje nalazi se sam dijagram: povucite takvu datoteku natrag na list i nastavite uređivati.

Simboli dijagrama toka i njihovo značenje

Nazivi su isti kao u ploči oblika. Prvih pet pojavljuje se gotovo u svakom školskom zadatku, ostali služe za dijagrame prema ISO 5807.

Oblik Naziv Kada se koristi
Početak / kraj Početak i kraj algoritma, ulaz i izlaz potprograma.
Radnja Izračun ili bilo koja radnja: pridruživanje, računanje, naredba.
Uvjet Provjera uvjeta: romb ima dva izlaza, Da i Ne.
Ulaz / izlaz Unos i ispis podataka kad nositelj nije bitan.
Potprogram Poziv potprograma ili funkcije opisane zasebno.
Priprema Priprema petlje: početne vrijednosti kao i = 1.
Početak petlje Gornja granica petlje; njezin par je Kraj petlje s istim imenom.
Kraj petlje Donja granica petlje; uvjet izlaska piše se u jednu od dviju granica.
Spojnica Prekid crte: strelica se nastavlja od spojnice s istom oznakom.
Spojnica između stranica Prijelaz na drugu stranicu. Koristi se u udžbenicima; ISO 5807 ima samo običnu spojnicu.
Komentar Napomena uz oblik, povezana s njim isprekidanom crtom.
Ručni unos Podaci uneseni ručno, primjerice tipkovnicom.
Ručna operacija Radnja koju obavlja čovjek.
Dokument Podaci na papiru: ispis, obrazac, izvještaj.
Zaslon Podaci prikazani na zaslonu.
Pohranjeni podaci Pohranjeni podaci kad nositelj nije bitan.
Unutarnja memorija Podaci u radnoj memoriji.
Memorija sa slijednim pristupom Podaci na nositelju koji se čita redom, primjerice na vrpci.
Memorija s izravnim pristupom Podaci na nositelju s izravnim pristupom, primjerice na disku.
Bušena kartica Podaci na bušenoj kartici.
Bušena traka Podaci na bušenoj vrpci.
Usporedne radnje Početak ili kraj radnji koje teku istodobno.
Izostavak Dio dijagrama koji se ne crta u cijelosti.

Dijagrami toka prema ISO 5807

Stil „ISO 5807” u ploči daje oblicima proporcije iz norme: visina a, širina 1,5a, a od 15 do 30 mm, tekst od 10 do 14 pt, vrhovi strelica samo suprotno od toka ili na svim crtama. U ovom stilu oblici ne rastu s tekstom: ako tekst ne stane, savjet će to reći.

Ikona savjeta pokazuje gdje dijagram odstupa od norme: uvjet s manje od dva izlaza, izlaz bez natpisa, oblik bez ulaza ili izlaza, nema početka ili kraja.

Dijagram iz Mermaid koda

Zamolite chatbota da nacrta dijagram toka u Mermaid kodu i zalijepite cijeli odgovor, čak i s tekstom oko koda, gumbom „Zalijepi kod” ili s Ctrl+V izravno na list. Oblici, strelice i natpisi se prenose, a raspored nastaje sam. U suprotnom smjeru koristite „Kopiraj Mermaid kod” u prozoru „Preuzmi”.

Tipkovnica

  • Enter — uredi tekst oblika
  • Ctrl + Enter — završi tekst i postavi sljedeći oblik
  • Ctrl + ←↑→↓ — povezani oblik u tom smjeru
  • ←↑→↓ — pomakni odabrano
  • Shift + ←↑→↓ — pomakni većim korakom
  • Ctrl + Z, Ctrl + Shift + Z — poništi i ponovi
  • Ctrl + D — dupliciraj
  • Delete — izbriši
  • Space + povlačenje — pomakni list
  • Ctrl + kotačić miša — zumiranje

Sam algoritam provjerite u kodu u Python pješčaniku.

Često postavljana pitanja

Ima li vodeni žig?

Nema. PNG, SVG i PDF preuzimaju se čisti, bez vodenog žiga i bez registracije.

Gdje se spremaju moji dijagrami?

Samo u vašem pregledniku, ništa se ne šalje na poslužitelj. Preglednik može izbrisati podatke stranice kad ponestane prostora ili ako stranica dugo nije otvarana, zato važne dijagrame preuzmite kao datoteku: „Preuzmi datoteku dijagrama” u prozoru „Preuzmi” ili u „Mojim dijagramima”.

Radi li na mobitelu?

Da. Oblik se pomiče prstom, list povlačenjem po praznom mjestu, a zumira se s dva prsta. Dvostruki dodir otvara unos teksta, dugi pritisak izbornik radnji, a oblici su u ploči pri dnu.

Kako napraviti dijagram toka prema ISO 5807?

Odaberite stil „ISO 5807”, podesite veličinu a i font, a zatim provjerite dijagram savjetima. Za seminarski ili diplomski rad preuzmite PNG od 300 dpi ili SVG.

Zašto se tekst u PDF-u ne može označiti?

U PDF-u su slova nacrtana kao obrisi pa dijagram izgleda jednako na svakom računalu, čak i bez naših fontova. Ako vam treba tekst koji se može označiti, preuzmite SVG s uključenim „Zadrži tekst kao tekst”.

Na kojim jezicima mogu pisati u oblicima?

Na svakom jeziku stranice, uključujući pisma zdesna nalijevo te kineske i japanske znakove: Noto fontovi učitavaju se prema vašem tekstu. Urdu se piše pismom naskh, a ne nastaliq, jer font nastaliq ima više od megabajta. Emotikoni i znakovi drugih pisama u PNG-u izlaze fontom sustava, a u PDF ne ulaze; prozor „Preuzmi” upozorit će vas.

Koliko velik može biti dijagram?

Nema ograničenja. Dijagram s 200 oblika i 300 strelica kreće se glatko čak i na sporom mobitelu: dok povlačite, strelice se crtaju kao jednostavni lomovi, a točna putanja nastaje kad pustite oblik.

Je li besplatno?

Da, potpuno besplatno i bez registracije. Alat radi u cijelosti u vašem pregledniku: datoteka nikada ne odlazi na poslužitelj, pa poslužitelj ne troši ni procesor ni promet — nema se što naplatiti. Bez vodenih žigova, bez ograničenja veličine i broja datoteka.