Download - Flowchart basics by Gopal Devra
![Page 1: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/1.jpg)
FLOWCHART - A solution model to given problem By : Gopal Devra
![Page 2: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/2.jpg)
WHAT IS A FLOW CHART ?▪ An organized combination of shapes, lines, and text that graphically
illustrates a process or structure of a problem.
▪ A pictorial representation showing all of the steps of a process.
▪ Defining, standardizing, or finding areas for improvement in a process
▪ Flow charts are used in analyzing, designing, documenting or managing a process or program in various fields.
![Page 3: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/3.jpg)
HISTORY▪ Firstly “flow process chart” introduced by Frank Gilbreth to members of
the American Society of Mechanical Engineers (ASME) in 1921.
▪ The tools quickly found their way into industrial engineering.
![Page 4: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/4.jpg)
TYPES OF FLOW CHART▪ Business/Document Flowchart : Shows control over a document flow
through a system.
▪ Design/Data Flowchart : Shows control over a data-flow in a system.
▪ System Flowchart : Shows control at a physical or resource level.
▪ Program Flowchart : Shows the control in a program within a program.
This is suggested by Sterneckert in 2003.
![Page 5: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/5.jpg)
SYMBOLS
Process
Terminator
Decision
Data
Predefined Function
Internal Storage
Document
Multi Document
Flow Line/Connector
![Page 6: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/6.jpg)
CONTINUE…
Manual Input
Preparation
Manual Operation
On PageConnector
Off Page Connector
Card
Display
Summing Junction/AND
OR
![Page 7: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/7.jpg)
CONTINUE…
Collate
Sort
Extract
Merge
Stored Data/Online Storage
Delay
Sequence Access Storage
Magnetic Disk (Database)
DirectAccess Storage
![Page 8: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/8.jpg)
FLOWCHARTING DESIGN RULES▪ All necessary requirements should be listed out clearly and logically.
▪ Flowcharting flow should be from left to right or top to bottom.
▪ If flow chart becomes complex then it is good to use connector instead of use of intersection in flow chart.
▪ Should be used standard symbols schema in flow charting.
▪ Consistency in flow, color scheme, size and spacing pattern.
![Page 9: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/9.jpg)
EXAMPLE PROGRAMMING FLOW CHART– FINDING MAX AMONG N NUMBER
![Page 10: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/10.jpg)
StartDesign Flow Chart
Example - Login Page
Welcome Page Application
ForgotPassword
Registration
Login
R
L
F
Select
![Page 11: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/11.jpg)
Start
Welcome Page Application
ForgotPassword
Registration
Login
R
L
F
Select
Design Flow Chart Example - Login Page
![Page 12: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/12.jpg)
L
Check DB with Email and password
Fill Email and Password
PasswordEmail
A
Alert Password does
not match
L
AlertEmail does not match
NoNo
LEGENDS:DB: Database
Matched
Yes
![Page 13: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/13.jpg)
A
Alert LoginSuccessfully
My Exam Page
Stop
![Page 14: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/14.jpg)
IBM WORKSHEET FOR FLOW CHARTING
![Page 15: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/15.jpg)
Start Client DeveloperMaking
Roadmap/Milestone
Files of SRS & UI Design -App
A
C
This connector came from next page After completion of app
EXAMPLE – APPLICATION DEVELOPMENT WITH “DOCUMENT FLOW CHART”
LEGENDS:SRS: Software Requirement SystemUI: User Interface
![Page 16: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/16.jpg)
ARoadmap/Milestone
App Making Process
Completed C
No
YesStop
C-RApp making process runs until all the milestone is completed.
![Page 17: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/17.jpg)
Application
Header Files
Documentation Files
Internal Data
Predefined codes
Display Screen
EXAMPLE – APPLICATION SYSTEM FLOW CHART
Database Files
![Page 18: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/18.jpg)
CONCLUSION
▪ A flowchart is a diagram that depicts the “flow of control” of a program.
▪ Each symbol represents a different type of operation.
▪ There are three types of execution in flow charts – Sequence, Selection and Iteration.
![Page 19: Flowchart basics by Gopal Devra](https://reader033.vdocument.in/reader033/viewer/2022060116/55815534d8b42ab9548b518b/html5/thumbnails/19.jpg)
Thank
you