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
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)
Owal oznacza początek i koniec schematu blokowego.
Operacja
Prostokąt oznacza krok przetwarzania, np. przypisanie lub obliczenie.
Wejście/wyjście
Równoległobok wskazuje miejsce wczytywania lub wyprowadzania danych.
Rozgałęzienie
Romb zawiera warunek. Zależnie od wyniku przepływ biegnie wyjściem „Tak” lub „Nie”.
Podprogram
Prostokąt z podwójnymi liniami bocznymi wywołuje podprogram, który ma własny schemat blokowy.
Linia przepływu
Linie zakończone strzałką łączą symbole i wskazują kolejność. Standardowo przebieg prowadzi z góry na dół.
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)
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ś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 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)
Prostokąt oznacza pojedynczy krok przetwarzania, np. przypisanie lub obliczenie.
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)
Trójkąt z warunkiem dzieli przepływ na gałąź „Tak” i „Nie”. Pusta gałąź jest oznaczona symbolem ∅.
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ą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ń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 licznikiem
Pętla z warunkiem na początku, zmienną licznikową, wartością początkową i końcową oraz opcjonalnym krokiem.
Wywołanie podprogramu
Blok z podwójnymi liniami bocznymi wywołuje osobny podprogram opisany w innym miejscu.
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)
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
Tester Regex
Testuj wyrażenia regularne na żywo w natywnym silniku JavaScript — z podświetlaniem dopasowań, grupami przechwytującymi i trybem zamiany, w całości w przeglądarce.
Autor: Jakub Martyniak
Edytor struktogramów
NowyTwórz online diagramy Nassi-Shneidermana zgodne z DIN 66261: korzystaj z gotowych elementów lub pseudokodu, przełączaj na schemat blokowy, wybieraj spośród 9 szablonów egzaminacyjnych i eksportuj do PNG, SVG lub PDF.
Autor: Justin Schuessler
Konwertuj szesnastkowy na dziesiętny (binarny, szesnastkowy, dziesiętny, ósemkowy)
NowyKonwerter systemów liczbowych: z szesnastkowego na dziesiętny, z binarnego na dziesiętny i odwrotnie, a także system ósemkowy i dowolna podstawa do 36. Z krokami obliczeń, kodem uzupełnień do dwóch i bitami, które możesz przełączać.
Autor: Luca Stanek
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ą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.
Bez konfiguracji. Bez ryzyka. Online w kilka sekund.
Szukasz więcej narzędzi? Zobacz wszystkie narzędzia dla programistów
