← Trở về Lộ trình học
Giáo Án Bài 42 (120 Phút)

Dashboard P1: Tư Duy Thiết Kế UI/UX

Hôm nay chúng ta không học hàm mới. Chúng ta học cách làm một "Kiến trúc sư". Học cách biến một bảng tính chi chít số liệu thành một giao diện ứng dụng (Dashboard) tuyệt đẹp và dễ dùng.

🎯 Mục tiêu bài học

  • Hiểu khái niệm Dashboard và tại sao sếp chỉ muốn xem Dashboard.
  • Sử dụng các hình khối (Shapes) để tạo bố cục (Layout) hiện đại.
  • Làm chủ kỹ thuật phối màu và sử dụng Icons từ thư viện Excel.
  • Làm sạch màn hình bằng cách giấu các thành phần dư thừa của Excel.

⏱️ Thời lượng & Phân bổ

  • Triển lãm các Dashboard đẹp: 15 phút
  • Quy tắc "Sạch và Thoáng": 25 phút
  • Xây dựng Layout bằng Shapes: 40 phút
  • Dự án Khung Hình App Quản Lý: 40 phút

15 Phút Hoạt động 1: Dashboard là cái gì?

"Các em hãy tưởng tượng ngồi trong buồng lái máy bay. Phi công không thể nhìn vào hàng ngàn dòng code để lái. Họ nhìn vào một bảng điều khiển với các kim đồng hồ, nút bấm và biểu đồ màu sắc. Đó chính là Dashboard. Sếp của các em sau này cũng vậy, họ rất bận, họ chỉ muốn nhìn 1 trang duy nhất để biết công ty đang lời hay lỗ!"

Giáo viên chiếu một số mẫu Dashboard đẹp (kiểu Dark mode hoặc Glassmorphism) cho học sinh lấy cảm hứng.

25 Phút Hoạt động 2: Quy tắc 3 KHÔNG của Chuyên gia

Làm sạch không gian làm việc:

  1. KHÔNG có lưới: Vào tab View -> Bỏ tích Gridlines. Màn hình sẽ trắng muốt như tờ giấy vẽ.
  2. KHÔNG có tiêu đề Cột/Hàng (Tùy chọn): Bỏ tích Headings để mất luôn các chữ A, B, C và số 1, 2, 3.
  3. KHÔNG có màu sắc lộn xộn: Chỉ dùng tối đa 3 tông màu chủ đạo cho toàn bộ Dashboard.

40 Phút Hoạt động 3: Xây dựng Layout bằng Shapes

"Chúng ta không gõ chữ trực tiếp vào ô nữa. Chúng ta sẽ dùng các hình khối (Shapes) bo tròn góc để tạo ra các 'vùng chứa' (Containers) giống như trên ứng dụng điện thoại."

Thực hành:

🏗️ Dự án: Thiết Kế Vỏ App Quản Lý Trường Học

Mục tiêu: Tạo ra một bản thiết kế (Mockup) giao diện ứng dụng cực đẹp trước khi lắp dữ liệu vào ở bài sau.

Nhiệm vụ của Nhà thiết kế:

  1. Chọn một tông màu chủ đạo (Ví dụ: Xanh đen hoặc Xám trắng chuyên nghiệp).
  2. Tạo Menu bên trái với các nút bấm: Tổng quan, Điểm số, Chuyên cần, Cài đặt.
  3. Mỗi nút bấm hãy chèn một cái Icon tương ứng (Insert -> Icons).
  4. Tạo các ô 'Thẻ chỉ số' (KPI Cards) ở trên cùng để hiện các con số như: Tổng số học sinh, Học sinh giỏi.
  5. Thách thức: Sử dụng Hyperlink (Chuột phải vào nút -> Link) để khi bấm vào nút 'Điểm số', máy tính tự động nhảy sang Sheet chứa bảng điểm.