process of designing computational artefacts web pages digital animations simulations games apps robotic systems

 The process of designing computational artefacts such as web pages, digital animations, simulations, games, apps and robotic systems

This means learning how to design and build digital products using computer science.

A computational artifact is something made with computing, such as a website, app, game, animation, simulation, or robot program.

1. Understand the problem or goal

First, ask: “What do I want this artifact to do?”

Example:
A health app goal could be:
“Help patients track daily water intake.”

2. Plan the design

Before coding, you plan:

• Who will use it?
• What features are needed?
• What should the screen look like?
• What data will it use?

Example:
For a water tracker app:

• Button to add 1 cup
• Daily goal display
• Reminder message

3. Use abstraction

You focus on the important parts and remove unnecessary details.

Example:
For a game, you may only need:

• Player
• Score
• Enemy
• Rules

You do not need to design every tiny detail at first.

4. Create an algorithm

An algorithm is a step-by-step instruction.

Example for a game:

Start game
Set score to 0
If player catches coin, add 1 point
If player hits enemy, lose 1 life
End game when lives = 0

5. Build the artifact

This is where you use tools or programming languages.

Examples:

• Web page: HTML, CSS, JavaScript
• App: Python, JavaScript, Swift, Java, Kotlin
• Game: Scratch, Python, Unity
• Robot: sensors, motors, code
• Animation: timeline, objects, movement rules

6. Test it

Testing means checking if it works correctly.

Ask:

• Does the button work?
• Does the page open correctly?
• Does the game keep score?
• Does the robot move safely?
• Are there errors?

7. Debug and improve

Debugging means finding and fixing mistakes.

Example:
The app says 9 cups instead of 8 cups.
You check the code and fix the counting problem.

8. Evaluate the final product

Evaluation means judging how good the artifact is.

Ask:

• Is it useful?
• Is it easy to use?
• Is it safe?
• Is it accurate?
• Can people understand it?
• What can be improved?

Simple example: designing a website

Goal: Make a nursing study website.

Process:

1. Decide the purpose: help students review medical terms.
2. Plan pages: home page, vocabulary page, quiz page.
3. Design layout: simple buttons and readable text.
4. Write code: HTML/CSS/JavaScript.
5. Test links and quiz answers.
6. Fix errors.
7. Improve design based on feedback.

Simple meaning

The process of designing computational artifacts means using planning, logic, creativity, coding, testing, and improvement to create useful digital products like websites, games, apps, animations, simulations, and robots.