SCST1133 · Guided Learning Module

Digital Tools

Learn how to design, build, publish, document and present a digital solution using four essential platforms.

02Topic
Module overview

From an idea to a published solution

This learning path connects GitHub, Figma, Google Stitch and Google Vids in one practical workflow.

Topic 2 workflow connecting GitHub, Figma, Google Stitch and Google Vids
Four digital tools contribute different evidence to one connected learning portfolio.

Learning outcomes

  • Create, document and manage a GitHub repository.
  • Apply for the GitHub Student Developer Pack and identify benefits relevant to data engineering.
  • Evaluate a professional GitHub profile and improve your own profile.
  • Use a developer roadmap to plan relevant, achievable skills.
  • Explain how Malaysian organisations and global companies use public GitHub repositories.
  • Use GitHub Desktop to commit, push and pull project files.
  • Publish a static website using GitHub Pages.
  • Write structured project documentation using Markdown.
  • Create and share interface designs using Figma and Google Stitch.
  • Produce and share a short technical presentation using Google Vids.
01 · Build

GitHub

Create your repository, manage files, publish a website and document your work.

02 · Design

Figma

Turn your ideas into a structured interface and interactive prototype.

03 · Generate

Google Stitch

Use natural-language prompts to generate and refine interface concepts.

04 · Present

Google Vids

Communicate your process and outcome through a concise technical video.

Integrated workflow

StageToolExpected output
Manage and publishGitHubRepository and GitHub Pages website
DesignFigmaDashboard prototype
Generate and compareGoogle StitchPrompt and interface concept
Explain and reflectGoogle Vids60–90 second presentation
Curated learning

Articles, reports and videos

After completing the four tool lessons, use the curated Further Learning page to deepen your understanding through official articles, professional reports and video libraries.

Explore Further Learning
✓

Before you begin: Use accounts that you can access throughout the semester. Use a professional username and test every shared link in a private browser window.

Topic 02 evidence tracker

Use this checklist to monitor the required evidence. Progress is saved in this browser.