Name: Reiniel D.

Allanic Date of Submission: June 27, 2019

Program & Section: IE-21FA1 / ITE-001A

Definition of programming flowchart

A flowchart is a diagram that depicts a process, system or computer algorithm. They
are widely used in multiple fields to document, study, plan, improve and communicate
often complex processes in clear, easy-to-understand diagrams.
List of different types of programming flowchart.
Document Flowcharts: These “have the purpose of showing existing controls over
document-flow through the components of a system. … The chart is read from left to
right and documents the flow of documents through the various business units.”
Data Flowcharts: These show “the controls governing data flows in a system. … Data
flowcharts are used primarily to show the channels that data is transmitted through the
system rather than how controls flow.”
System Flowcharts: These “show the flow of data to and through the major components
of a system such as data entry, programs, storage media, processors, and
communication networks.”
Program Flowcharts: These show “the controls placed internally to a program within a
system.
System Flowchart: Identifies the devices to be used.
General Flowchart: Overview.
Detailed Flowchart: Increased detail.
Swimlane Diagram, a.k.a Swimlane Flowchart: To delineate who does what in cross-
team processes.
Workflow Flowchart: To document workflows, often involving tasks, documents and
information in offices.
Event-Driven Process Chain (EPC) Flowchart: To document or plan a business process.
Specification and Description Language (SDL) Flowchart: To brainstorm computer
algorithms using three basic components: system definition, block and process.
Data Flow Diagram (DFD): To map out the flow of information for any system or process.
Process Flow Diagram (PFD), a.k.a. Process Flowchart: To illustrate the relationships
between major components at an industrial plant.
Business Process Model and Notation (BPMN 2.0): To model the steps of a planned
business process.
List the flowcharting techniques
1. Drag relevant symbols of program flowchart and drop them on the page.
The purpose of program chart is making complex program easy and readable, which
means you should confirm your core topic and state it simply with several steps.
2. Drag relevant vector symbols and drop them on the page.
Each symbol has its own function within the program, flowchart will not work if there is a
wrong symbol.
3. Text information into right symbols.
Single key words or short phrases will make flowchart much clear and concise.
4. Connect the steps with arrow according to their correct order.
You can connect the shapes one by one or click the floating button which saves a lot
of time.
5. Complete and check the programming flowchart.
After completing the program flowchart, check it before carrying it out to find if there is
any bug.

Illustration and definition of basic flowchart symbols.

Here are some of the common flowchart symbols.
Process

represents a step in your process.

Predefined process
indicates a set of steps that combine to create a sub-process that is defined elsewhere,
often on another page of the same drawing.

Decision

indicates a point where the outcome of a decision dictates the next step. There can be
multiple outcomes, but often there are just two - yes and no.

Start points

indicates the starting of a process.

Terminal points

indicates the ending points of a process.

Data shape

indicates that information is coming into the process from outside, or leaving the process.

Delay shape

represents a waiting period where no activity is done. In Process Mapping, delays are often
important as they may result in adding to the cost of the product or simply delaying its
production.
Database shape

Use this shape for a step that results in information being stored.

Step

represents a single step within a process, and usually contains the name of a specific
action.

Page symbols refer to individual web pages, which may or may not contain multiple

elements.

File symbols

represent those data elements that exist independently of navigational properties outside
of that page, e.g., audio sounds, movie clips, or a portable document file (PDF).

Decision point

indicates a sequence in the process at which the end user chooses an option, i.e., a "yes-
no", or "true-false" response, and then branches to different parts of the flowchart.

Arrows and connecting lines

diagram the logical progression through the course, subject to the choices made at
decision or action points within the process.

Input/action symbol

represents a user response that directs the course flow from that point onwards, i.e., an
online test or questionnaire form.

Conditional selector

is similar to the conditional branch except that the user has the option to choose from a
number of paths that will fulfill the requested conditions, e.g., the results of a search engine
request.

Annotations
provide helpful comments or explanations, e.g. denoting the location where an
undeveloped new page/process will fit into the navigational flow structure, or notes for
specific team members for further development.

Flow references and flow areas

are symbols for reusable sequences, such as logging in with a specific user id and password
to enter the course or to initiate an on-line quiz. The flow reference symbol acts as a
placeholder for the flow area sequence in the chart in every situation in which it is
repeated. Flow area is used as a flow area. It documents sections that share similar
components/repeated steps within that flow, and requires the use of the following two
symbols: entry and exit points.

Exit point

concludes the subroutines, such as when the proper user id and password are verified, and
documents where the user re-enters the master flowchart.

Entry point

documents the place within the master flowchart where the process deviates into a
subroutine.

Reference

is used as a connecting point when the flowchart necessitates using more than one page,
or refers to a complicated subroutine that would be impossible to contain on the main
flowchart page.

On-page reference

indicates that the next or previous step is somewhere else on the flowchart. It is particularly
useful for large flowcharts.

Off-page reference

use a set of hyperlinks between two pages of a flowchart or between a sub-process shape
and a separate flowchart page that shows the steps in that sub-process.

Flowchart Shapes
The designers can click this multi-shape to set to any of the following shapes: Data,
Document, Decision, or Process. Any text you type onto the shape, or information you add
to its Shape Data, remains with the shape.

Document

represents a step that results in a document.

Sample of a Programming Flowchart