STEAM

Education Platform

Responsive layout front-end web design &development

Personal project

Feb 2019 - Apr 2019

A STEAM education platform based on HTML5 and CSS3. The website built with the Bootstrap, media query to achieve responsive layout design, and used JavaScript, Jquery, Swiper, Echarts to achieve the dynamic interaction.

Research

Persona

Student

6~15 year-old

Primary / middle school

No income

Skilful in using digital devices

Use digital devices at extra curriculum/holiday, fragmentary time

Teacher

20~60 year-old

Bachelor or higher

Middle level income

Age before 45 - skilful in using digital devices

After 45 - need more guidance

Regard digital devices as essential products in many scenarios

Motivation

1. Improve interdisciplinary thinking skills. 2.Boost creativity. 3. Improve hands-on skills and practical problem-solving skills. 4. Discover potentials.

1. Promote student's STEAM learning skills. 2. More efficient. 3. Examine students' thinking process.

Preference

1. Share and communicate works with peers. 2. Know their learning progress. 3. Interesting course activities.

1. Motivate students. 2. Get feedback and release related notification at any time and places. 3. Examine the thinking process of students' learning.

Paint Point

1. Don't know their strengths and weaknesses in solving practical problems which need multidisciplinary integration skills. 2. Chinese school's subject-specific traditional education makes it hard to comprehensively improve one's interdisciplinary comprehensive ability. 3. Only a few practical courses and hands-on courses offered at school. 4. Hard to exchange works with classmates and teachers after leaving school.

1. Time limitation for STEAM education under the Chinese school's subject-specific traditional education. 2. Limited learning materials in classes. 3. Hard to know every students' learning status and process. 4. Have difficulty to share digital learning material for young students in classes.

Aim

1. Gain practical experience and ability. 2. Solving problems in actual scenarios by STEAM education. 3. Learning from each other. 4. Aware of their multi-disciplinary problem-solving ability.

1. Engaging students. 2. Unlimite teaching and working space. 3. Gain communication. 4. Share materials in different sources.