Skip to main content

Command Palette

Search for a command to run...

Learn About Flowchart With Draw.io and How to Create Simple Project

By Ahmad Afan Shobari

Updated
2 min read
Learn About Flowchart With Draw.io and How to Create Simple Project
A
I'm a Programmer

Assalamualaikum, hello guys welcome back to my article and these we will learn about Flowcahrt with Draw.io, let’s goo!!!!

Problem

Imagine you are a programmer tasked with designing an online registration flow for new students. Create a flowchart for this process in draw.io based on the scenario below.

Scenario & Workflow:

  • The process begins when prospective students open the registration page on the boarding school website.

  • Prospective students then fill out a registration form containing their name, address, school of origin, etc.

  • After the “Register” button is clicked, the system will validate whether all required data has been filled in completely.

  • There will be a check (Decision): “Is the form data complete?”

  • If NO: The system will display an error message informing the prospective student which data is missing, and the prospective student will be asked to complete the form again.

  • If YES: The system will save the prospective student's data into the database.

  • After the data is saved, the system will automatically generate a unique Registration Number for the prospective student.

  • Finally, the system will display a confirmation page containing “Congratulations, your registration was successful!” along with the Registration Number that has been generated. The process is complete.

Lets Create Flowchart

first we need shape start and end

than we need shape box for program not related with user

than we need shape parallelograms for program related with user

than we need shape box again

than we need shape diamond for program if else, function, and anymore

than we need box again

than we need parallelograms again

Closing

thanks for your watching this article, see you next time…

Ahmad Afan Shobari

Source: https://course.ppqita.my.id/cycle/3.-Backend-Developer-with-Hono/0.6_latihan-tugas?pass=ppqita

A

atau hilangkan pass=ppqita

A

bagus, untuk sumber materi tidak perlu di tambahkan