Marco, Roldan L.

NCP 411 – Computer Engineering Drafting & Design

Block Diagram

- A block diagram is a diagram of a system which shows the major parts or functions represented by
blocks connected in such a way it shows the relationship of each blocks. It is mainly used in engineering
hardware design, electronic design, software design and process flow diagrams.

Block Diagram: Best Practices

- Identify the system. Determine the system to be illustrated and divide it into its major functions.
- Create and label the diagram. Create the blocks with a label according to their function.
- Identifying the blocks. Identify which blocks are input and output.
- Arrange and Connect. Arrange the blocks according to the system’s overall behavior and connect each
block accordingly.

Example of Block Diagrams

Figure 1: PID (Proportional, Integral, Derivative) Controller Block Diagram

Figure 2: PIC16F877A I2C Peripheral Block Diagram
Flow Chart

- A flowchart is a type of diagram that represents a workflow or process. A flowchart can also be defined
as a diagrammatic representation of an algorithm, a step-by-step approach to solving a task. It
illustrates a solution model to a given problem. Flowcharts are used in analyzing, designing,
documenting or managing a process or program in various fields.

Flow Chart: Best Practices

- Always format your flow from left to right or top to bottom.

- Run your return lines under your flowchart, making sure that they don’t overlap.
- Maintain consistent spacing between symbols.
- Use the correct symbol for each step (diamond shapes are for decisions, rectangles are used for
processes, start/end shapes should be the same, etc.)

Example of Flow Chart

Figure 3: Block Diagram of Tic Tac Toe Board Game