Skip to main content

Command Palette

Search for a command to run...

A Simple Flowchart

Updated
2 min read
A Simple Flowchart

What’s Flow Chart

A flow chart is a diagram that shows the steps of a process or decision using symbols and arrows.

— ChatGPT

Flowchart shapes

Flowcharts have many forms, including:

Example

  • The Flow:


    • The process starts when a new student opens the registration page on the High School website.

    • They fill out the form with name, address, etc.

    • After clicking the “Register” button, the system checks if all the required info is filled in.

    • Decision: “Is the form complete?”

      • If NO → the system shows an error message telling what’s missing, and the student has to complete the form again.

      • If YES → the system saves the student’s data into the database.

    • Once saved, the system automatically creates a unique Registration Number.

    • The system then shows a confirmation page saying: “Congrats, your registration was successful!” + the Registration Number.

    • Done.

    • The process starts when a new student opens the registration page on the High School website.

    • They fill out the form with name, address, school, etc.

    • After clicking the “Register” button, the system checks if all the required info is filled in.

    • Decision: “Is the form complete?”

      • If NO → the system shows an error message telling what’s missing, and the student has to complete the form again.

      • If YES → the system saves the student’s data into the database.

    • Once saved, the system automatically creates a unique Registration Number.

    • The system then shows a confirmation page saying: “Congrats, your registration was successful!” + the Registration Number.

    • Done.


  • This is Flowchart, you can draw in draw.io Website

_____________________________________________________________________________________________________

Closing

And that’s it! 🎉

Now you’ve got a flowchart for sketch from application

Thanks for reading! Stay tuned on my blog for more articles or the next episode.

note : picture from https://unstop.com/blog/difference-between-algorithm-and-flowchart

More from this blog

The Digital Alchemist's Log

21 posts