Przejdź do treści
Bezpłatne narzędzie

Utwórz schemat blokowy programu online: bezpłatny edytor

W tym edytorze utworzysz schematy blokowe programów zgodne z DIN 66001 z elementów lub pseudokodu. Symbole są rozmieszczane automatycznie: wpisz np. „WHILE x < 10”, a otrzymasz romb, ciało pętli i linię powrotną. Jednym kliknięciem zmienisz ten sam schemat w struktogram i wyeksportujesz go jako PNG, SVG lub PDF.

Autor: Justin Schuessler

Bezpłatnie, bez rejestracji i instalacji: edytor działa w całości w twojej przeglądarce, a twoje diagramy nie są do nas wysyłane.

Przebieg gotowy? Przetestuj jego kod bezpośrednio na własnym serwerze VPS lub hostingu WWW.

Kreator

100 %
Schemat blokowy: FactorialFactorialStartDane wejściowe: nresult := 1i := 1i <= ntakresult := result * ii := i + 1nieWynik: resultKoniec

Klawiatura w diagramie: ↑/↓ wybór bloku, Enter edycja tekstu, Alt+↑/↓ przesuwanie, Delete usuwanie, Insert wstawianie elementu, Ctrl+Z/Ctrl+Y cofanie/ponawianie, Ctrl+X/C/V wycinanie/kopiowanie/wklejanie.

Składnia pseudokodu
PROGRAM Name
INPUT x / OUTPUT x
CALL procedure(x)
IF condition THEN … ELSE IF … ELSE … END IF
SWITCH x  CASE 1: …  DEFAULT: …  END SWITCH
WHILE condition … END WHILE
REPEAT … UNTIL condition
FOR i FROM 1 TO n STEP 1 … END FOR
LOOP name … BREAK name … END LOOP

Każdy inny wiersz jest instrukcją; znak \ na początku wiersza sprawia, że jest on zawsze instrukcją, nawet jeśli zaczyna się od słowa kluczowego.

Wcięcia i wielkość liter nie mają znaczenia, a niemieckie i angielskie słowa kluczowe można mieszać. Nie jest generowany ani wykonywany rzeczywisty kod programu.

Kliknij blok na diagramie, aby edytować go tutaj. Kliknij dwukrotnie, aby edytować tekst bezpośrednio na diagramie.

Zapisz i wyeksportuj

Wszystko działa w Twojej przeglądarce: bieżący stan jest zapisywany tylko lokalnie, a link do udostępniania zawiera sam diagram. Żadne dane nie są do nas wysyłane.

Funkcje

Schematy blokowe bez ręcznego przesuwania elementów

Opisujesz przebieg, a edytor wstawia symbole zgodne z DIN 66001, rysuje linie i aktualizuje obie postaci diagramu.

Symbole zgodne z DIN 66001

Początek i koniec, operacja, decyzja, wejście/wyjście oraz podprogram — połączone liniami przepływu i liniami powrotnymi w pętlach.

Przełącz na struktogram

Ten sam przebieg jako struktogram zgodny z DIN 66261 (Nassiego-Shneidermana), bez konieczności rysowania go od nowa.

Edytor typu „kliknij i dodaj”

Wstawiaj elementy przed blokiem, za nim lub wewnątrz niego; edytuj tekst bezpośrednio na diagramie, przesuwaj i usuwaj elementy oraz cofaj zmiany.

Pseudokod w obu kierunkach

Tekst i diagram pozostają zsynchronizowane. Przy literówce edytor wskazuje wiersz i wyświetla podpowiedź, a diagram pozostaje bez zmian.

Eksport i plik projektu

PNG i SVG do dokumentów, PDF w formacie A4 do druku oraz plik projektu (JSON) do zapisania i ponownego otwarcia.

Udostępnianie bez konta

Link do udostępnienia zawiera diagram w adresie. Nic nie jest zapisywane na naszych serwerach.

Jak to działa

Jak utworzyć schemat blokowy programu

Zacznij od szablonu lub pustego schematu i pracuj tak, jak ci wygodniej.

Krok 1

Wczytaj szablon lub zacznij od pustego schematu

Wybierz jeden z dziewięciu przykładowych szablonów, np. obliczanie silni, sprawdzanie roku przestępnego lub sortowanie bąbelkowe, albo rozpocznij pusty schemat przyciskiem „Nowy”.

Krok 2

Twórz schemat kliknięciami

Wybierz element i umieść go przed innym elementem, za nim lub wewnątrz bloku. Kliknij dwukrotnie, aby edytować tekst bezpośrednio na diagramie.

Krok 3

Lub napisz pseudokod

Wpisz przebieg w polu pseudokodu, używając niemieckich lub angielskich słów kluczowych. Diagram ułoży się automatycznie, a edytor wskaże literówki wraz z numerem wiersza.

Krok 4

Eksportuj lub udostępnij

Pobierz schemat blokowy programu jako PNG, SVG lub PDF (A4), zapisz plik projektu (JSON) albo skopiuj link do udostępnienia.

DIN 66001

Najważniejsze symbole schematu blokowego

Symbole normy DIN 66001 używane przez edytor w schematach blokowych. Elementy są rozmieszczane automatycznie — nie musisz niczego przesuwać.

Symbol graniczny (początek/koniec)Start

Symbol graniczny (początek/koniec)

Owal oznacza początek i koniec schematu blokowego.

Operacjasuma := suma + liczba

Operacja

Prostokąt oznacza krok przetwarzania, np. przypisanie lub obliczenie.

Wejście/wyjścieDane wejściowe: liczba

Wejście/wyjście

Równoległobok wskazuje miejsce wczytywania lub wyprowadzania danych.

Rozgałęzienieliczba > 0

Rozgałęzienie

Romb zawiera warunek. Zależnie od wyniku przepływ biegnie wyjściem „Tak” lub „Nie”.

Podprogramsortuj(lista)

Podprogram

Prostokąt z podwójnymi liniami bocznymi wywołuje podprogram, który ma własny schemat blokowy.

Linia przepływuDane wejściowe: liczbaWynik: liczba

Linia przepływu

Linie zakończone strzałką łączą symbole i wskazują kolejność. Standardowo przebieg prowadzi z góry na dół.

Rozgałęzienie ze scaleniemliczba > 0taknies := 1s := -1

Rozgałęzienie ze scaleniem

Po rozgałęzieniu obie ścieżki ponownie łączą się w jednym punkcie, zanim proces będzie kontynuowany.

Granica pętli (pętla nieskończona)MenuDane wejściowe: wybórMenu

Granica pętli (pętla nieskończona)

Sześciokąt ze ściętymi górnymi narożnikami oznacza początek pętli, a sześciokąt ze ściętymi dolnymi narożnikami — jej koniec. Edytor używa tej pary do oznaczania pętli nieskończonej.

Punkt wyjściaPętla nieskończonagotowetaknieAdalej()Pętla nieskończonaA

Punkt wyjścia

Okrąg z literą łączy dwa miejsca bez długiej linii. Wyjście z pętli kończy się w okręgu A, a przepływ jest kontynuowany od okręgu A za pętlą.

Pętla z powrotemi <= 10taki := i + 1nie

Pętla z powrotem

Pętla powstaje przez rozgałęzienie i linię powrotną prowadzącą przed warunek.

Struktury sterujące

Pętle i rozgałęzienia w schemacie blokowym programu

Zobacz, jak edytor rysuje typowe struktury sterujące i jak zapisać je w pseudokodzie przy użyciu niemieckich lub angielskich słów kluczowych.

Rozgałęzienie

Romb zawiera warunek, gałęzie rozchodzą się w lewo i w prawo, a następnie ponownie się łączą. Pseudokod: WENN … DANN … SONST … ENDE WENN lub IF … THEN … ELSE … END IF.

Rozgałęzienie wielokrotne (switch case)

Romb z wyrażeniem i osobną gałęzią dla każdego przypadku, opcjonalnie z gałęzią domyślną. Pseudokod: FALLS x … FALL 1: … SONST: … ENDE FALLS lub SWITCH x … CASE 1: … DEFAULT: … END SWITCH.

Pętla z warunkiem na początku

Romb znajduje się przed ciałem pętli, linia powrotna prowadzi z lewej strony do miejsca przed warunkiem, a wyjście „Nie” biegnie dalej w prawo. Pseudokod: SOLANGE … ENDE SOLANGE lub WHILE … END WHILE.

Pętla z warunkiem na końcu

Ciało pętli wykonuje się co najmniej raz, a romb z warunkiem znajduje się za nim. Pseudokod: WIEDERHOLE … BIS … lub REPEAT … UNTIL ….

Pętla z licznikiem

Przedstawiona jako przypisanie wartości początkowej, warunek, ciało i zwiększenie licznika. Pseudokod: FÜR i VON 1 BIS 10 … ENDE FÜR lub FOR i FROM 1 TO 10 … END FOR, opcjonalnie z SCHRITT lub STEP.

Pętla nieskończona z wyjściem

Para symboli ograniczających pętlę obejmuje jej ciało, a wyjście prowadzi przez łącznik za pętlę. Pseudokod: ENDLOSSCHLEIFE … ABBRUCH … ENDE ENDLOSSCHLEIFE lub LOOP … BREAK … END LOOP.

Przykłady

Przykładowe schematy blokowe programów do ćwiczeń

W edytorze znajdziesz szablony dziewięciu typowych zadań ze szkoły i studiów. Wybierz „Wczytaj przykładowy szablon”, obejrzyj gotowy schemat blokowy programu wraz z pseudokodem i wprowadź zmiany.

  • Silnia
  • Obliczanie ocen
  • Logowanie z 3 próbami
  • Rok przestępny
  • Maksimum z listy
  • Sortowanie bąbelkowe
  • Automat z napojami
  • Test liczby pierwszej
  • Zgadywanie liczb

DIN 66261

Najważniejsze symbole struktogramu

Bloki strukturalne Nassi-Shneidermana, które może rysować edytor. Każdy blok ma dokładnie jedno wejście u góry i jedno wyjście na dole. Edytor nie obsługuje przetwarzania równoległego z normy DIN 66261.

Instrukcja (blok strukturalny)suma := suma + liczba

Instrukcja (blok strukturalny)

Prostokąt oznacza pojedynczy krok przetwarzania, np. przypisanie lub obliczenie.

SekwencjaDane wejściowe: liczbakwadrat := liczba * liczbaWynik: kwadrat

Sekwencja

Bloki ustawione jeden pod drugim są wykonywane kolejno od góry do dołu. Operacje wejścia i wyjścia są zwykłymi blokami instrukcji.

Rozgałęzienie (wybór)liczba > 0taknieWynik: „pozytywny”∅

Rozgałęzienie (wybór)

Trójkąt z warunkiem dzieli przepływ na gałąź „Tak” i „Nie”. Pusta gałąź jest oznaczona symbolem ∅.

Wybór przypadku (wybór wielokrotny)x1a := 102a := 20w przeciwnym raziea := 0

Wybór przypadku (wybór wielokrotny)

W zależności od wartości wyrażenia wykonywany jest dokładnie jeden przypadek. Wartości przypadków znajdują się bezpośrednio pod przekątną, a ostatni przypadek (często „w przeciwnym razie” dla pozostałych wartości) – w prawym trójkącie.

Pętla z warunkiem na początkudopóki i <= 10i := i + 1

Pętla z warunkiem na początku

Warunek znajduje się na górze i jest sprawdzany przed każdym obiegiem pętli. Jeśli jest fałszywy już na początku, ciało pętli nie wykona się ani razu.

Pętla z warunkiem na końcuDane wejściowe: liczbado liczba > 0

Pętla z warunkiem na końcu

Warunek znajduje się na dole: ciało pętli wykona się co najmniej raz i będzie powtarzane, aż warunek zostanie spełniony.

Pętla z licznikiemdla i od 1 do 10Wynik: i

Pętla z licznikiem

Pętla z warunkiem na początku, zmienną licznikową, wartością początkową i końcową oraz opcjonalnym krokiem.

Wywołanie podprogramusortuj(lista)

Wywołanie podprogramu

Blok z podwójnymi liniami bocznymi wywołuje osobny podprogram opisany w innym miejscu.

Pętla nieskończonaMenuDane wejściowe: wybórwykonaj(wybór)

Pętla nieskończona

Powtarzanie bez warunku: górny pasek (opcjonalnie z etykietą), pasek po lewej i dolny pasek. Pętlę można opuścić tylko przez wyjście z pętli.

Wyjście z pętli (przerwanie)Menu

Wyjście z pętli (przerwanie)

Klin po lewej stronie opuszcza najbliższą otaczającą go pętlę; etykieta wskazuje opuszczany blok. Wykonywanie jest następnie kontynuowane od bloku za tą pętlą.

Odkryj więcej

Więcej narzędzi

FAQ

Często zadawane pytania

Krótkie odpowiedzi na pytania o schematy blokowe, DIN 66001 i ten edytor.

Schemat blokowy programu przedstawia działanie programu lub algorytmu jako ciąg znormalizowanych symboli połączonych strzałkami. Pokazuje kolejność wykonywania instrukcji, operacji wejścia i wyjścia oraz decyzji, niezależnie od języka programowania. Nazywa się go również diagramem przepływu lub flowchartem.

Wczytaj w edytorze przykładowy szablon lub rozpocznij pusty schemat przyciskiem „Nowy”. Dodawaj elementy kliknięciami albo zapisz przebieg jako pseudokod — obie postaci pozostają zsynchronizowane. Edytor automatycznie rozmieszcza symbole: gałęzie rozchodzą się w lewo i w prawo, a potem znów się łączą; linie powrotne pętli biegną z lewej strony ich ciał. Na koniec wyeksportuj schemat jako PNG, SVG lub PDF. Wszystko bezpłatnie i bez rejestracji.

Symbole określa norma DIN 66001, a międzynarodowo — ISO 5807. Edytor używa symbolu początku i końca (owal), operacji (prostokąt), rozgałęzienia (romb), wejścia/wyjścia (równoległobok), podprogramu (prostokąt z podwójnymi bokami), linii przepływu ze strzałkami, łącznika (koło z literą) oraz pary symboli ograniczających pętlę nieskończoną.

Pętla powstaje z rozgałęzienia i linii powrotnej. W pętli z warunkiem na początku romb znajduje się przed ciałem: jeśli warunek jest spełniony, wykonywane jest ciało, po czym linia wraca przed romb; w przeciwnym razie przebieg jest kontynuowany w prawo. W pętli z warunkiem na końcu romb znajduje się za ciałem. Pętlę licznikową przedstawia się jako przypisanie wartości początkowej, warunek, ciało i zwiększenie licznika. Pętlę nieskończoną edytor rysuje za pomocą pary symboli ograniczających pętlę, a wyjście z niej prowadzi przez łącznik. Rozgałęzienie wielokrotne (switch case) staje się rombem z osobną gałęzią dla każdego przypadku i opcjonalną gałęzią domyślną.

Jeden krok w każdym wierszu, bloki ze słowami kluczowymi: WENN … DANN … SONST … ENDE WENN, FALLS x z FALL 1: i SONST: do ENDE FALLS, SOLANGE … ENDE SOLANGE, WIEDERHOLE … BIS …, FÜR i VON 1 BIS 10 … ENDE FÜR, ENDLOSSCHLEIFE … ENDE ENDLOSSCHLEIFE z ABBRUCH, a także EINGABE, AUSGABE i AUFRUF. Angielskie słowa kluczowe (IF, SWITCH, WHILE, REPEAT, FOR, LOOP, BREAK, INPUT, OUTPUT, CALL) również działają — możesz przełączać język w polu pseudokodu. Edytor nie rozpoznaje słów kluczowych w innych językach i traktuje takie wiersze jak zwykłe instrukcje. Pseudokod napisany gdzie indziej możesz po prostu wkleić w pole. Jeśli popełnisz literówkę, edytor wskaże wiersz i wyświetli podpowiedź, zachowując ostatni poprawny diagram.

Oba przedstawiają ten sam przebieg. Schemat blokowy programu łączy symbole strzałkami, a pętle przedstawia za pomocą linii powrotnych. Struktogram (DIN 66261, diagram Nassiego-Shneidermana) zagnieżdża bloki i nie zawiera skoków, dzięki czemu jest bardziej zwarty i wymusza uporządkowaną strukturę. W tym edytorze możesz przełączać się między obiema postaciami tego samego schematu.

Tak. Wyeksportuj schemat jako PNG w wysokiej rozdzielczości lub SVG i wstaw plik do Worda, PowerPointa albo innego dokumentu. Do wydruku możesz użyć pliku PDF w formacie A4. Plik projektu (JSON) pozwala zapisać schemat i otworzyć go później w edytorze.

Z edytora możesz korzystać bezpłatnie i bez rejestracji. Działa w całości w twojej przeglądarce: bieżący stan jest przechowywany tylko w jej pamięci lokalnej, a eksportowane pliki powstają bezpośrednio na twoim urządzeniu. Diagram w linku do udostępnienia znajduje się w części adresu po znaku #, która nie jest przesyłana na serwer.

Masz dodatkowe pytania?

Kontakt z pomocą techniczną
Od schematu do programu

Przetestuj kod ze swojego schematu blokowego na własnym serwerze

Na serwerze VPS ZAP-Hosting masz pełny dostęp root i możesz używać dowolnego języka, a na hostingu WWW PHP i MySQL działają od razu.

4,4/5 Trustpilot32 000+ Aktywne serweryOd 2010 roku

Bez konfiguracji. Bez ryzyka. Online w kilka sekund.

Elastyczny okres obowiązywaniaAnuluj w dowolnym momencieOnline w 60 sekund

Szukasz więcej narzędzi? Zobacz wszystkie narzędzia dla programistów