FLOWCHART - A solution model to given problem By : Gopal Devra

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.

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.

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.

SYMBOLS

Process

Terminator

Decision

Data

Predefined Function

Internal Storage

Document

Multi Document

Flow Line/Connector

CONTINUE…

Manual Input

Preparation

Manual Operation

On PageConnector

Off Page Connector

Card

Display

Summing Junction/AND

OR

CONTINUE…

Collate

Sort

Extract

Merge

Stored Data/Online Storage

Delay

Sequence Access Storage

Magnetic Disk (Database)

DirectAccess Storage

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.

EXAMPLE PROGRAMMING FLOW CHART– FINDING MAX AMONG N NUMBER

StartDesign Flow Chart

Example - Login Page

Welcome Page Application

ForgotPassword

Registration

Login

R

L

F

Select

Start

Welcome Page Application

ForgotPassword

Registration

Login

R

L

F

Select

Design Flow Chart Example - Login Page

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

A

Alert LoginSuccessfully

My Exam Page

Stop

IBM WORKSHEET FOR FLOW CHARTING

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

ARoadmap/Milestone

App Making Process

Completed C

No

YesStop

C-RApp making process runs until all the milestone is completed.

Application

Header Files

Documentation Files

Internal Data

Predefined codes

Display Screen

EXAMPLE – APPLICATION SYSTEM FLOW CHART

Database Files

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.

Thank

you