Procedural vs OOP approach in Java - Visual Side-by-Side Comparison

Concept Flow - Procedural vs OOP approach

Start

↓

Procedural Approach

↓

Functions operate on data

↓

Data and functions separate

↓

Less reusable, harder to maintain

↓

End

↓

Start

↓

OOP Approach

↓

Objects combine data + behavior

↓

Use classes to create objects

↓

More reusable, easier to maintain

↓

End

Shows two flows: procedural code runs functions on data separately; OOP bundles data and behavior into objects for reuse and clarity.

Execution Sample

Java

int add(int a, int b) {
  return a + b;
}

class Calculator {
  int add(int a, int b) { return a + b; }
}

Shows a simple add function in procedural style and an add method inside a Calculator class in OOP style.

Execution Table

Step	Approach	Action	Data State	Output
1	Procedural	Call add(2, 3)	No object, just inputs a=2, b=3	Returns 5
2	Procedural	Call add(5, 7)	No object, inputs a=5, b=7	Returns 12
3	OOP	Create Calculator object	Calculator instance created	No output
4	OOP	Call calc.add(2, 3)	Calculator object with method add	Returns 5
5	OOP	Call calc.add(5, 7)	Calculator object with method add	Returns 12
6	End	No more calls	N/A	Execution stops

💡 Execution stops after demonstrating calls in both approaches

Variable Tracker

Variable	Start	After Step 1	After Step 2	After Step 3	After Step 4	After Step 5	Final
a	N/A	2	5	N/A	2	5	N/A
b	N/A	3	7	N/A	3	7	N/A
Calculator object	None	None	None	Created	Exists	Exists	Exists

Key Moments - 2 Insights

Why do we create an object in OOP but not in procedural?

In the execution_table rows 3-5, the Calculator object is created to hold data and methods together, unlike procedural where functions are separate.

Is the add function in procedural and OOP the same?

Yes, both add two numbers and return the sum, but in OOP it is a method inside an object (rows 1,4).

Visual Quiz - 3 Questions

Look at the execution_table at step 3, what happens?

A A Calculator object is created

B The add function is called

C The program ends

D Variables a and b are assigned

💡 Hint

Check the 'Action' and 'Data State' columns at step 3 in execution_table

At which step does the procedural add function return 12?

A Step 1

B Step 4

C Step 2

D Step 5

💡 Hint

Look at the 'Output' column for procedural calls in execution_table

If we did not create the Calculator object, what would change in the OOP steps?

A We could still call calc.add()

B There would be no object to call methods on

C The add method would become a global function

D The program would run faster

💡 Hint

Refer to variable_tracker and execution_table steps 3-5 about object existence

Concept Snapshot

Procedural: Functions and data are separate.
OOP: Objects combine data and behavior.
Use classes to create objects.
OOP improves reuse and maintenance.
Procedural is simpler but less flexible.

Full Transcript

This visual compares procedural and object-oriented programming approaches. Procedural code uses separate functions to operate on data, shown by calling add(2,3) and add(5,7) without objects. OOP bundles data and behavior inside objects, demonstrated by creating a Calculator object and calling its add method. Variables a and b hold inputs, and the Calculator object holds methods. Key moments include understanding why objects are created in OOP and how add works similarly in both. The quiz tests understanding of object creation, function calls, and the role of objects in OOP.

Practice

1. Which statement best describes the procedural programming approach in Java?

easy

A. It focuses on graphical user interfaces.

B. It models real-world things as objects with data and actions.

C. It uses inheritance and polymorphism only.

D. It writes step-by-step instructions to perform tasks.

Solution

1. Step 1: Understand procedural programming basics

   Procedural programming focuses on writing instructions in order to perform tasks.

2. Step 2: Compare with other approaches

   OOP models real-world things as objects, which is different from procedural step-by-step instructions.

3. Final Answer:

   It writes step-by-step instructions to perform tasks. -> Option D

4. Quick Check:

   Procedural = step-by-step instructions [OK]

Hint: Procedural = step-by-step instructions, not objects [OK]

Common Mistakes:

• Confusing procedural with object-oriented concepts
• Thinking procedural uses objects
• Assuming procedural focuses on GUIs

2. Which of the following is the correct way to define a class in Java using OOP?

easy

A. class Car { int speed; void drive() { } }

B. procedure Car { speed = 0; drive() }

C. function Car() { speed = 0; drive() }

D. object Car = { speed: 0, drive: function() {} }

Solution

1. Step 1: Identify Java class syntax

   Java classes are defined using the keyword 'class' followed by the class name and curly braces.

2. Step 2: Check options for correct Java syntax

   class Car { int speed; void drive() { } } uses 'class' keyword and proper Java method and variable syntax.

3. Final Answer:

   class Car { int speed; void drive() { } } -> Option A

4. Quick Check:

   Java class syntax uses 'class' keyword [OK]

Hint: Java classes start with 'class' keyword and curly braces [OK]

Common Mistakes:

• Using 'procedure' or 'function' keywords which are not Java syntax
• Using object literal syntax like JavaScript
• Missing curly braces or semicolons

3. What will be the output of this Java code using procedural style?

int speed = 0;
speed = speed + 10;
System.out.println(speed);

medium

A. speed

B. 0

C. 10

D. Compilation error

Solution

1. Step 1: Trace variable assignment

   Initially, speed = 0. Then speed = speed + 10 sets speed to 10.

2. Step 2: Print the value of speed

   System.out.println(speed) prints the current value, which is 10.

3. Final Answer:

   10 -> Option C

4. Quick Check:

   speed updated to 10, printed 10 [OK]

Hint: Follow variable changes step-by-step to find output [OK]

Common Mistakes:

• Thinking output is variable name instead of value
• Assuming initial value prints without update
• Confusing syntax causing errors

4. Identify the error in this OOP Java code snippet:

class Dog {
  String name;
  void bark() {
    System.out.println(name + " barks");
  }

  public static void main(String[] args) {
    Dog d = new Dog();
    d.bark();
  }
}

medium

A. Cannot call method bark() without static keyword

B. Missing constructor to set name

C. Variable name is not declared

D. No error, code runs fine

Solution

1. Step 1: Check object initialization

   Dog object 'd' is created but 'name' is never set, so it is null.

2. Step 2: Understand effect of missing constructor

   Without setting 'name', bark() prints 'null barks', which may be unintended. Adding a constructor to set 'name' fixes this.

3. Final Answer:

   Missing constructor to set name -> Option B

4. Quick Check:

   Object fields need initialization [OK]

Hint: Uninitialized fields cause null or default values [OK]

Common Mistakes:

• Thinking bark() must be static
• Assuming variable 'name' is undeclared
• Ignoring that code compiles but may print null

5. You want to create a program to manage a library system with books and members. Which approach is best and why?

hard

A. OOP, because it models books and members as objects with properties and actions

B. Procedural, because it uses less memory

C. Procedural, because it is simpler for large systems

D. OOP, because it avoids using classes

Solution

1. Step 1: Analyze program needs

   A library system has entities like books and members with data and behaviors.

2. Step 2: Choose approach based on modeling

   OOP models real-world entities as objects, making it easier to manage complex data and actions.

3. Final Answer:

   OOP, because it models books and members as objects with properties and actions -> Option A

4. Quick Check:

   Complex systems benefit from OOP modeling [OK]

Hint: Use OOP for real-world entities with data and actions [OK]

Common Mistakes:

• Choosing procedural for complex object management
• Thinking OOP avoids classes (it uses them)
• Assuming procedural always uses less memory