Visualisation for Problem Solving (OCR A Level Computer Science)

Revision Note

Callum Davies

Expertise

Computer Science

Visualisation

What is Visualisation?

  • Visualisation is when data or concepts are presented in simpler form for humans to understand

  • It will often create a graphical or visual representation of something to understand complex systems or data

Benefits

Drawbacks

Visualisation can simplify concepts that are easier for humans to understand. 

Although it can show data in a visual way, it cannot explain why something is the way that it is. 

It can make it easier to spot new trends and patterns that have not been spotted before.

Different people may interpret the visualisations in different ways. 

It can be used to explain complex situations to allow programmers to get a better understanding of the problems of a current system. 

The way that the data is presented can have an impact on its understanding.

Example Uses of Visualisation

Flowcharts

  • These are diagrams that represent workflows or processes in a system

  • They help in mapping out each step, making it easier to predict outcomes

  • In the example below, the checkout process is a complex user journey that has to ensure users don't check out for items that are no longer available in stock

  • When buying concert tickets or limited-edition merchandise, these are usually highly volatile episodes for a checkout server, especially when users often have multiple baskets across multiple devices, abandoning journeys and editing basket contents

screenshot-2023-10-29-at-11-09-42

Using flowcharts to visualise a checkout process

Unified Modeling Language (UML) Diagrams

  • These provide a standard way to visualise a system's architecture

  • They are useful for  understanding how classes and objects interact with each other

uml-diagram

Using UML diagrams to visualise how objects interact with each other in a system

Wireframes

  • These are low-fidelity design plans that represent the skeletal framework of a program or website

  • They help with layout planning and user experience design

mid-fidelity-wireframe-for-a-mobile-app-1

Using wireframe diagrams to visualise how a user interface will look

You've read 0 of your 0 free revision notes

Get unlimited access

to absolutely everything:

  • Downloadable PDFs
  • Unlimited Revision Notes
  • Topic Questions
  • Past Papers
  • Model Answers
  • Videos (Maths and Science)

Join the 100,000+ Students that ❤️ Save My Exams

the (exam) results speak for themselves:

Did this page help you?

Callum Davies

Author: Callum Davies

Callum is an experienced teacher of GCSE and A-Level Computer Science. He has 4 years of teaching experience and has detailed knowledge of how to achieve exam success, having marked for OCR A-Level. Callum is now a software engineer and regularly mentors new engineers.