EMG SMILE
Sản phẩm học tập để học sinh xem bài, đặt câu hỏi và cùng tham gia.
Tóm tắt nhanh
- Đây là gì
- Sản phẩm học tập K-12 để học sinh xem bài giảng, đặt và trả lời câu hỏi, bình chọn và thảo luận.
- Vai trò của mình
- Thành viên nhóm frontend, làm cùng các nhóm giáo dục, sản phẩm và thiết kế.
- Phần mình làm
- Luồng bài học và tính năng học tương tác, gồm tương tác thời gian thực
- Bảng tổng quan và hồ sơ học sinh, làm cùng nhà thiết kế từ wireframe
- Kết nối luồng học tập với hệ thống quản lý nội bộ để báo cáo
- Công nghệ
- Angular
- TypeScript
- NestJS
- Trạng thái
- Đã lưu trữ, 2018 đến 2019
Mình cũng làm luồng làm quen ban đầu và hỗ trợ điều phối sprint, tính năng trong nhóm. Chương trình học do nhóm giáo dục cung cấp, còn linh vật và ngôn ngữ thiết kế do nhóm sản phẩm và thiết kế phụ trách.
Sản phẩm được dùng để làm gì
Video bài giảng có thể giải thích một ý tưởng, nhưng học sinh cũng cần được thử, đặt câu hỏi và biết bước tiếp theo. EMG SMILE là sản phẩm học tập K-12 theo phương pháp học qua tìm tòi. Học sinh có thể học bài, tạo và trả lời câu hỏi, bình chọn và thảo luận.
Học bài
Mở khóa học và học từng bài.
Tham gia
Trả lời trắc nghiệm, đặt câu hỏi hoặc thảo luận.
Học tiếp
Tìm bài tiếp theo và xem lại tiến độ.
Để học sinh tham gia vào bài học
Khóa học được chia thành các chương và bài học, có video, câu hỏi trắc nghiệm và bài tập. Phần thảo luận câu hỏi giúp học sinh chuyển từ xem bài sang tham gia. Thông tin tiến độ và cách chuyển bài cần dễ hiểu trong suốt quá trình đó.
Trong nhóm, mình làm frontend cho các luồng bài học và tính năng học tương tác, gồm tương tác thời gian thực trong sản phẩm. Nhóm giáo dục và sản phẩm cung cấp chương trình học và phương pháp giảng dạy; ngôn ngữ thiết kế và linh vật do nhóm sản phẩm, thiết kế phụ trách.
Hiển thị tiến độ trên bảng tổng quan
Mình làm frontend cho bảng tổng quan và khu vực hồ sơ học sinh, kết nối các chủ đề đã đăng ký với báo cáo học tập. Mình phối hợp với nhà thiết kế để làm tính năng hồ sơ học sinh từ wireframe và hướng dẫn phong cách.
Mình cũng kết nối các luồng học tập với hệ thống quản lý nội bộ để theo dõi và báo cáo. Nhân viên cần công cụ vận hành bên cạnh sản phẩm dành cho học sinh, nên phạm vi công việc rộng hơn màn hình bài học.
Điều chỉnh sản phẩm cho trẻ em sử dụng
Nhóm phát triển ba phiên bản lớn. Những giai đoạn sau mở rộng luồng làm quen ban đầu, bảng tổng quan và công cụ quản trị nội bộ. Việc thiết kế lại v3.0 gồm thiết kế Figma, lập kế hoạch trên Jira, xem xét sản phẩm cạnh tranh và nghiên cứu giao diện cho trẻ em.
Mình làm frontend cho luồng làm quen ban đầu cùng bảng tổng quan, bài học và hỗ trợ điều phối công việc tính năng. Một vấn đề thiết kế thường gặp là liệu giao diện có đang buộc trẻ hiểu những kiểu tương tác phù hợp với người lớn hơn hay không.
Ba phiên bản của sản phẩm học tập cộng tác
Nhóm hoàn thành ba phiên bản lớn, gồm video bài học, trắc nghiệm, thảo luận và báo cáo học sinh. Chương trình có Toán, Khoa học và Tiếng Anh, với quy trình dành cho cả học sinh và nhân viên.
Mình đóng góp frontend cho bảng tổng quan, luồng làm quen ban đầu và bài học, cùng hồ sơ học sinh và tích hợp báo cáo. Các nhóm giáo dục, sản phẩm và thiết kế phụ trách những phần tương ứng trong trải nghiệm học tập.
Có ý tưởng giúp mọi người vừa học vừa thử?
Ghi chú triển khai
Giao diện sản phẩm và tích hợp
Mình làm frontend Angular, gồm bảng tổng quan, luồng làm quen ban đầu, bài học, các luồng giao tiếp và hồ sơ học sinh, cùng kết nối với báo cáo vận hành. Sản phẩm tổng thể dùng API trên nền Node.js và PostgreSQL.
Nhóm và quá trình triển khai
Mình làm việc trong nhóm frontend, hỗ trợ điều phối sprint và tính năng. Kế hoạch v3.0 theo dõi hơn 142 đầu việc cho đợt triển khai năm 2019. Con số này mô tả phạm vi dự kiến của cả nhóm, không phải khối lượng công việc do riêng mình hoàn thành hay hiệu quả đã đo đối với kết quả học tập của học sinh.