Coding as a Literacy for the 21st Century

mels stem-Computational Thinking-03.jpg

Data Structure & Algorithm

Algorithmic thinking is fundamental and it is a key ability in CT that can be developed independently prior to learning programming. In this part, learners will learn how to systematically plan the steps of moving forward/backward, turning left/right, and design the algorithm to reverse a set of movements. [This level is recommended only for young beginners]

小学老鼠第4课.gif

Coding & Logical Operators

Learn to code with sensors and the sensor shield, photo interrupter, external LED light, light sensor and the simple logical operators.

黑盒子 (2).gif

Robotic Car & DC Motor 

Use micro: bit to control the DC motor and the motor shield to operate the wheels; Design with "Functions" with various movements (forward, backward, pause, Turn left/Right); Set arrays to manage the movements; and wireless controlling the movements.

学校门口行车(缩小).gif

Data, Coding & Sensors

Basic Block Coding: Inputs, Variables, Built-in sensors, External sensors with Pins and Coding, Mathematically functions.  

认识 microbit 编程活动.png

Sensors, Network Coding

Code the ultrasonic and the servo motor, design with the logical operators, remote communication between two micro: bits to send information and to record.

白盒子.gif

Robotic Arm Control

Introduce projects to connect (1) micro: bits with robotic arm movement, (2) gripper to transfer from one place to another, (3) micro: bit to control robotic car and (4) the communication of robotic car and robotic arm.

MICROBIT寿司机械臂SMALL.gif
mels stem-Computational Thinking-04.png

Crash Course in Block Coding

This course is designed for beginners with little or new in coding to start their learning in Python. The course will introduce various important aspects of block-coding and you are expected to complete a robotic project.

认识 microbit 编程活动.png

Car Parking with Python

Write codes with MicroPython to control sensors with sensor shield; learn to set the ultrasonic and servo-motor to control the parking system. You will also learn to display the information on the LCD screen. 

MICROBIT停车场 small.gif

Design the solution- Dry Cloth

Learn to apply the coding skills to solve the problems; establish the design thinking mindset to solve the problem: understand the problem (design small steps to explore with coding skills; plan the code to automate the process; prototype and test; improve with findings.

自動亮燈.gif

Introduction to Python

Learn the basic coding skills with MicroPython: number and String displays; buttons A, B and A&B, inputs with Gestures; Features with Micro: bits V2: Logo touch, sound as inputs and Music.

Q5-01.gif

Design the lift with Python

Design the lift operation: multi-level settings, remote control to attach the sounds, LED light to the lift, wirelessly control the lift, display the operation with an external LCD screen, & design the speed of movement.

2.png

Operate the Camera with Python

Design the servo-motors and the movement of the camera, photo capture and save them in the computer.

microbit_camera3_800x.jpg
mels stem-Computational Thinking-05.jpg

Data Collection

Learn a variety of functions and methods for data manipulation with Pandas; Reading and writing .csv files with python; Collect data with Micro: bits and sensors; different types of data: numeric, categorical, time-series and text; 

1.png

Data Types- Decision Tree, Linear & Logistic Regression

Study the different types of data: Logistic regression, classification and linear regression; develop the model of each of the data type; carry out the predictions

4.png

Web Deployment on ML Models

Study the real world problems with the given case studies; develop the models and create the web deployment based on the different models.

2图-01.jpg

Developing Models

Preparing data (categorical); cleaning data; model selection; model training; evaluate the model; make predictions; deploying the ML model to the web.

1.png

Github & Python Flask

create a your Flask project on your computer; Create a repository on your GitHub account and push this code to it.

4.png
mels stem-Computational Thinking-06.png

CV- Read Images/Streaming

Learn to read video files, streaming and managing videos with Python.

5.png

CV- Hands Detection

Detect the fingers and add voice into the codes.

手指識別v2.gif

CV-MediaPipe Face Mesh 

Detecting key facial features from images: determine age, gender and emotions.

面容识别--.gif

CV- Virtual Drag & Drop

Learn to set the various shapes, colours, drag and drop

手指-拔 (1).gif

CV- Pose Estimation

Learn to understand the body movements. It is used to describe a pose of a person.

虚拟动作-02 (1).jpg
mels stem-logo_html-05.png

Introduction to HTML </>

Create an HTML page: The core of HTML; Input Form; Adding Multimedia (Audio & Video); 

WIX COURSE DESIGN-page-001.jpg

OpenCV WITH JS

Create a Webpage and design the boxes with OpenCV; Upload the images to detect the circles; Scan images with a camera and play the videos.

WIX COURSE DESIGN-page-001.jpg

Projects with OpenCV & JS

Multiple colour detection by an industrial robot to perform pick and place; face mask detection with Open CV.

portrait of young asian man wearing mask face authentication image.jpg

HTML, CSS and JS

CSS rules; Font-family, Size, Style; Objects and Boxes, Borders, Padding, Margin; Variables, Functions, Conditional Statements, Events. 

WIX COURSE DESIGN-page-001.jpg

DEPLOYMENT WITH HTML & ML 

Deploy a page of online clothes store purchase; get the information of the user and recommend the clothes; repeat with other examples: bakery store and vehicle purchase.

WIX COURSE DESIGN-page-002.jpg