Báo cáo đồ án môn thiết kế giao diện người dùng đề tài thiết kế giao diện website quản lý công việc

DANH MỤC BẢNG, HÌNH ẢNHDanh mục bảng Bảng 3 Các luồng sự kiện chức năng tạo nhiệm vụ công việc 15 Bảng 6 Thông tin chức năng giám sát và cập nhật quá trình thực hiện công việc 17 Bảng 7

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN

KHOA KHOA HỌC VÀ KĨ THUẬT THÔNG TIN

SVTH : NGUYỄN VŨ SAO MAI 18521081

HUỲNH THANH LIÊM 18520982CAO THỊ PHƯƠNG LOAN 18521001

BẢNG PHÂN CÔNG NHIỆM VỤ

✔ Lên ý tưởng phác khảo giao diện

✔ Thực hiện vẽ giao diện phác khảo

Tuần 3:

✔ Chỉnh sửa 2 file báo cáo

✔ Chỉnh sửa giao diện hoàn chỉnh

✔ Thống kê và đưa ra nhận xét phân tích

dữ liệu từ form khảo sát

✔ Nhận xét góp ý để hoàn thiện báo cáotuần 1

Tuần 2:

✔ Lên ý tưởng phác khảo giao diện

✔ Bổ sung, góp ý để sửa bản phác thảo

✔ Vẽ giao diện hoàn chỉnh.

Tuần 4:

✔ Thực hiện các tương tác giao diện

✔ Góp ý chỉnh sửa slide, file báo cáo

✔ Lên ý tưởng phác khảo giao diện

✔ Bổ sung, góp ý để sửa bản phác thảo

Tuần 3:

✔ Chỉnh sửa Chương 1 file báo cáo

✔ Vẽ giao diện hoàn chỉnh

Tuần 4:

✔ Chỉnh sửa các tương tác giao diện

✔ Góp ý chỉnh sửa slide, file báo cáo

LỜI MỞ ĐẦU

Đối với mỗi chúng ta, việc sắp xếp thời gian thực hiện công việc hợp lý luôn làvấn đề vô cùng nan giải Ta thường cảm thấy choáng ngợp, bận rộn với một núi côngviệc cần làm và thậm chí đôi khi ta quên mất cần làm điều gì đó quan trọng trongngày Làm việc này quên việc khác, không thể quản lý, theo dõi tiến độ 100% côngviệc khiến cho năng suất và hiệu quả công việc không được như kì vọng Mặt khác,không tiếp nhận kịp thời các thông tin trao đổi về công việc dẫn đến công việc khônghoàn thành đúng deadline

Để nâng cao hiệu quả công việc và khả năng làm việc theo nhóm, nhiều cánhân, chủ kinh doanh, nhà quản lý đã tìm đến những hệ thống Quản lý công việc hiệnđại Thực chất những hệ thống Quản lý công việc là những phần mềm, ứng dụng,website sử dụng trên máy tính hay các thiết bị công nghệ Hầu hết chúng đều có tácdụng giúp các cá nhân, nhà quản lý, chủ kinh doanh dễ dàng sắp xếp mọi công việccủa mình Nói cách khác, các hệ thống quản lý công việc giống như giải pháp hệthống lại công việc một cách khoa học hơn Từ đó, giúp cải thiện hiệu quả việc vậnhành doanh nghiệp, công ty, từng nhân viên và sắp xếp thời gian cá nhân hiệu quả.Nhận thấy tầm quan trọng của việc ứng dụng Công nghệ Thông tin vào Quản lý

công việc, nhóm đã thực hiện đồ án xây dựng Website Quản lý công việc với mục

đích đảm bảo hỗ trợ toàn diê }n và hiê }u quả cho công viê }c, mang tới quá trình ứng dụngthuâ }n lợi như yêu cầu Mọi hoạt đô }ng liên quan tới thời gian, tiến độ công việc đều trởnên đơn giản và dễ dàng như chúng ta mong muốn

Sau đây, nhóm 23 sẽ trình bày về phần mềm, quy trình thiết kế giao diện vàgiao diện hoàn chỉnh qua các chương sau:

● Chương 1: Quy trình khảo sát Website

● Chương 2: Thiết kế phác thảo giao diện

● Chương 3: Giao diện website hoàn chỉnh

● Chương 4: Tương tác giao diện

● Chương 5: Kết luận

Chương 3: GIAO DIỆN WEBSITE HOÀN CHỈNH 34 3.1 Công cụ sử dụng 34 3.2 Các trang giao diện thành phần 34 3.3 Giao diện hoàn chỉnh 35

Chương 4: TƯƠNG TÁC GIAO DIỆN 46 4.1 Tương tác giao diện ở Trang Giới thiệu 46 4.2 Tương tác giao diện ở Trang Chủ 48

DANH MỤC BẢNG, HÌNH ẢNH

Danh mục bảng

Bảng 3 Các luồng sự kiện chức năng tạo nhiệm vụ công việc 15

Bảng 6 Thông tin chức năng giám sát và cập nhật quá trình thực hiện công việc 17 Bảng 7 Các luồng sự kiện chức năng giám sát và cập nhật quá trình thực hiện công việc 17

Danh mục hình ảnh

Hình 1.1 Kết quả tính đa dạng người dùng thực hiện khảo sát 10 Hình 1.2 Kết quả tính đa dạng người dùng thực hiện khảo sát 10 Hình 1.3 Kết quả mức độ sử dụng các công cụ Quản lý Công việc 11 Hình 1.4 Kết quả mục đích sử dụng các công cụ Quản lý Công việc 11 Hình 1.5 Kết quả một vài công cụ Quản lý Công việc phổ biến 12 Hình 1.6 Những yếu tố tác động đến việc lựa chọn các công cụ Quản lý Công việc 12 Hình 1.7 Mức độ người dùng quan tâm đến Giao diện website 13 Hình 1.8 Mức độ người dùng quan tâm đến Giao diện website 13

Hình 1.17 Giao diện trang xem lịch deadline trong KanbanFlow 23

Hình 2.1 Giao diện phác thảo trang giới thiệu 29

Hình 3.8 Giao diện chi tiết trang Chi tiết Board / Xem hoạt động 41 Hình 3.9 Giao diện chi tiết trang Chi tiết Board / Chi tiết List 41

Hình 3.13 Giao diện chi tiết trang Tài khoản / Hồ sơ 44 Hình 3.14 Giao diện chi tiết trang Tài khoản / Hoạt động 44

Hình 3.16 Giao diện chi tiết trang Tài khoản / Cài đặt 45

Hình 4.1 Tương tác giữa trang Giới thiệu và Đăng ký qua nút “Đăng ký ngay” 47 Hình 4.2 Tương tác giữa trang Giới thiệu và Đăng ký, Đăng nhập 48 Hình 4.3 Tương tác giữa trang Đăng nhập và Quên mật khẩu 49

Hình 4.5 Xem chi tiết bảng bằng cách nhấn trực tiếp vào bảng 50

Hình 4.7 Xem chi tiết 1 thẻ có trong 1 danh sách 51

Chương 1: KHẢO SÁT, PHÂN TÍCH, THAM KHẢO

1.1 Khảo sát yêu cầu khách hàng

1.1.1 Đối tượng khảo sát

Chủ yếu là sinh viên các trường Đại học tại TP Hồ Chí Minh và trên cả nước

1.1.2 Kết quả khảo sát

Sau khi hoàn thành khảo sát với gần 250 phản hồi, nhóm đã thu về một số kết quảsau:

✔ Tính đa dạng người dùng khảo sát:

Hình 1.1 Kết quả tính đa dạng người dùng thực hiện khảo sát

Hình 1.2 Kết quả tính đa dạng người dùng thực hiện khảo sát

✔ Mức độ thường xuyên sử dụng các công cụ Quản lý Công việc:

Hình 1.3 Kết quả mức độ sử dụng các công cụ Quản lý Công việc

Hiện nay việc sử dụng các công cụ giúp quản lý công việc là rất cần thiết.Ngoài việc quản lý công việc bằng cách ghi chép thì nhiều người lựa chọn phương

án tìm đến các website giúp Quản lý công việc

✔ Mục đích sử dụng công cụ Quản lý Công việc:

Hình 1.4 Kết quả mục đích sử dụng các công cụ Quản lý Công việc

✔ Một vài công cụ Quản lý Công việc được người dùng lựa chọn sử dụng:

Hình 1.5 Kết quả một vài công cụ Quản lý Công việc phổ biến

Hầu hết, mọi người đều chọn Xem lịch để quản lý công việc Điều nàykhông có gì đáng ngạc nhiên khi mà Xem lịch của Google có đầy đủ các tính năng

cơ bản của việc ghi chú các công việc, hơn nữa việc sử dụng nó hoàn toàn miễn phí.Tuy nhiên hiện nay Google Xem lịch đã khá cũ và đã có những Website đầy đủ tínhnăng hơn

✔ Những yếu tố tác động đến việc lựa chọn công cụ Quản lý Công việc của người dùng

Hình 1.6 Những yếu tố tác động đến việc lựa chọn các công cụ Quản lý Công việc

Điều đầu tiên mà bạn nhìn thấy khi vào một trang web là giao diện của nó

Nó chính là một yếu tố vô cùng quan trọng để giữ chân người dùng tại 1 website.Người dùng có thể bỏ qua trang web của bạn nếu như giao diện của nó quá tệ Vì thếngay từ đầu, chúng ta phải đầu tư giao diện thật kỹ trước khi chuyển sang phần nộidung

✔ Mức độ quan tâm đến giao diện của website:

Hình 1.7 Mức độ người dùng quan tâm đến Giao diện website

Hình 1.8 Mức độ người dùng quan tâm đến Giao diện website

✔ Yêu cầu, mong muốn của người dùng đối với giao diện của website:

Hình 1.9 Yêu cầu của người dùng về Website

Từ khảo sát, mọi người thường thích các trang web được thiết thế đơn giản,

dễ sử dụng, gọn gàng Các trang web cần được thiết kế tối ưu hóa các công cụ, giúpngười dùng có thể tìm kiếm thông tin một cách dễ dàng hơn Màu sắc giao diện mộttrang web học tập, quản lý nên để màu sáng, khách hàng khi truy cập sẽ cảm thấythoải mái, dễ nhìn hơn là một trang web có giao diện tối

1.2 Phân tích yêu cầu và đặc tả yêu cầu

1.2.1 Xác định yêu cầu

1.2.1.1 Yêu cầu chức năng

- Tạo nhiệm vụ, công việc: Đặt mục tiêu dự án, biến chúng thành các nhiệm

vụ có thể thực hiện và thêm các chi tiết có liên quan như thời gian thực hiệnnhiệm vụ, ước tính thời gian, các yếu tố phụ thuộc, trạng thái thực hiệnnhiệm vụ, v.v

- Sắp xếp và ưu tiên: Xem xét tất cả các yếu tố có thể ảnh hưởng đến công

việc và deadlines Sau đó thiết lập thứ tự sẽ làm việc và hoàn thành từngcông việc

- Giám sát và cập nhật quá trình thực hiện các công việc: Quá trình quản

lý công việc thực sự bắt đầu sau khi ta tạo ra một tác vụ Bất kỳ hoạt động

nào cũng cần được kiểm soát để đảm bảo rằng nhiệm vụ đã được theo dõi

và ghi lại chính xác cho đến khi hoàn thành

1.2.1.2 Yêu cầu phi chức năng

- Thân thiện với người dùng: Đẹp, màu sắc hài hòa, thuật ngữ và khái niệmkhông quá trừu tượng

- Nhất quán: Hệ thống nên hiển thị một cách nhất quán Các lệnh và menunên có cùng định dạng, các dấu chấm lệnh nên tương tự nhau

- Ít bất ngờ: Nếu một lệnh được thực hiện theo cách thông thường, …ngườidùng có thể dự đoán được thao tác của các lệnh tương tự

- Có thể khôi phục được: Hệ thống nên cung cấp một số cơ chế phục hồi lạitình trạng hoạt động bình thường sau khi gặp lỗi Cơ chế này có thể baogồm chức năng undo, xác nhận một hành động hủy,

- Đa dạng người dùng: Cung cấp các tiện ích tương tác cho các loại ngườidùng khác nhau Ví dụ, một số người dùng có khả năng nhìn hạn chế thì nên

để cỡ chữ to hơn

1.2.2 Đặc tả yêu cầu

1.2.2.1 Yêu cầu chức năng

🙡 Tạo nhiệm vụ, công việc

● Thông tin chung:

Tên chức năng Tạo nhiệm vụ, công việc

Mô tả Lập kế hoạch tiến độ công việc theo ngày, tuần, tháng, …Tác nhân Người dùng

Điều kiện trước Người dùng đã đăng ký tài khoản

Điều kiện sau Người dùng được phép đăng nhập

Ngoại lệ

Yêu cầu đặc biệt

Bảng 2 Thông tin chức năng tạo nhiệm vụ công việc

● Mô tả luồng sự kiện chính:

Hành động của tác nhân Phản ứng của hệ thống

Chọn tab (quản lý công việc) chọn�

sub-menu “Tạo mới nhiệm vụ”

Hiển thị màn hình gồm các thành phần

Nhập thông tin nhiệm vụ:

+ Tên nhiệm vụ

+ Tên thành viên

+ Thời gian hoàn thành

Ghi nhận thông tin được nhập

Nhấn nút “Tạo” Nếu các thông tin nhập vào thỏa mãn thì

thêm nhiệm vụ và hiển thị nhiệm vụ mớicho người dùng

Nếu các thông tin nhập vào không thỏa mãn thì thông báo và yêu cầu người dùng nhập lại

Bảng 3 Các luồng sự kiện chức năng tạo nhiệm vụ công việc

🙡 Sắp xếp và ưu tiên

● Thông tin chung:

Tên chức năng Sắp xếp và ưu tiên

Mô tả Thiết lập thứ tự hoàn thành công việc

Tác nhân Người dùng

Điều kiện trước Người dùng đã đăng ký tài khoản

Điều kiện sau Người dùng được phép đăng nhập

Ngoại lệ

Yêu cầu đặc biệt

Bảng 4 Thông tin chức năng sắp xếp và ưu tiên

● Mô tả luồng sự kiện chính:

Hành động của tác nhân Phản ứng của hệ thống

Chọn tab (quản lý công việc) chọn�

sub-menu “Sắp xếp nhiệm vụ”

Hiển thị màn hình gồm các thành phầnChọn mức độ ưu tiên:

+ Tên nhiệm vụ

+ Mức độ ưu tiên

+ Thời gian hoàn thành

Ghi nhận thông tin được nhập

Nhấn nút “Tạo” Nếu các thông tin nhập vào thỏa mãn thì

thêm nhiệm vụ và hiển thị nhiệm vụ mớicho người dùng

Nếu các thông tin nhập vào không thỏa mãn thì thông báo và yêu cầu người dùng nhập lại

Bảng 5 Các luồng sự kiện chức năng sắp xếp và ưu tiên

🙡 Giám sát và cập nhật quá trình thực hiện công việc

● Thông tin chung:

Tên chức năng Giám sát và cập nhật quá trình thực hiện công việc

Mô tả Theo dõi tiến độ và cập nhật (Thêm, xóa, sửa, …) nhiệm vụTác nhân Người dùng

Điều kiện trước Người dùng đã đăng ký tài khoản

Điều kiện sau Người dùng được phép đăng nhập

Ngoại lệ

Yêu cầu đặc biệt

Bảng 6 Thông tin chức năng giám sát và cập nhật quá trình thực hiện công việc

● Mô tả luồng sự kiện chính:

Hành động của tác nhân Phản ứng của hệ thống

Chọn tab (quản lý công việc) chọn�

sub-menu “Cập nhật”

Hiển thị màn hình gồm các thành phầnCập nhật nhiệm vụ:

+ Tên nhiệm vụ

+ Thêm, xóa, sửa, …

+ Thời gian hoàn thành

Ghi nhận thông tin được nhập

Nhấn nút “OK” Nếu các thông tin nhập vào thỏa mãn

thì thêm nhiệm vụ và hiển thị nhiệm vụmới cho người dùng

Nếu các thông tin nhập vào không thỏamãn thì thông báo và yêu cầu người dùng nhập lại

Bảng 7 Các luồng sự kiện chức năng giám sát và cập nhật quá trình thực hiện công

việc

1.2.2.2 Yêu cầu phi chức năng

- Xây dựng giao diện thân thiện với người dùng, dễ dàng thao tác, các nút và kết nối dễ nhận biết, font chữ và kích cỡ dễ đọc

- Giao diện Website đơn giản nhưng vẫn bắt mắt người xem, cách sử dụng đơngiản

- Màu sắc trong giao diện hài hòa, tăng cảm giác dễ chịu cho người dùng,không dùng những tone màu quá nóng hoặc quá chói

- Sắp xếp vị trí, biểu tượng của các chức năng hợp lí, quen mắt với người dùng,không dùng những biểu tượng quá khó hiểu

- Nội dùng ngắn gọn, súc tích, từ ngữ dùng chính xác, không gây nhầm lẫn

- Xây dựng chức năng đăng ký, đăng nhập tài khoản, chỉnh sửa tài khoản, quênmật khẩu người dùng, bảo mật và phân quyền tài khoản sử dụng

- Có tích hợp chức năng đăng nhập nhanh thông qua các kênh phổ biến nhưGoogle, Facebook, …

- Cung cấp nhiều tính năng thuận tiện cho người dùng: Chức năng tìm các côngviệc có sử dụng bộ lọc, hiển thị các công việc sắp tới hạn nộp, hiển thị côngviệc có lượt truy cập gần nhất, …

1.3 Tìm hiểu, nghiên các Website tương tự

1.3.1 Trello (trello.com)

Hình 1.10 Trello

❖Trello là một công cụ để phối hợp công việc hiệu quả giúp cho mọi người trong

team chỉ cần nhìn qua là biết được có những đầu việc nào, ai đang làm gì, và làmđến giai đoạn nào rồi Đây là một công cụ Freemium, tức là bạn có thể xài miễn

phí cho đến khi cần những tích năng nâng cao và đặc biệt chỉ có bản trả tiền mới

có thì bạn mới phải trả

1.3.1.1 Ưu điểm

✔ Thiết kế đơn giản, dễ nhìn: Trello là tập hợp một đống list card tương ứng

với các task mình đang làm, tình trạng đang như nào, để người dùng nhìn vào

có thể dễ dàng nhìn thấy tình trạng của từng task, task nào đã xong, và tasknào đang bị chậm tiến độ

Hình 1.11 Thiết kế Kanban của Trello

✔ Linh hoạt, dễ sử dụng: Trello không có một quy chuẩn nào bắt ép bạn phải

làm theo, mà nó rất linh hoạt, bạn có thể dùng nó theo cách bạn muốn quản lí

dự án

Hình 1.12 Chi tiết trong Board của Trello

1.3.1.2 Nhược điểm

✔ Không có tính năng chat nhóm

✔ Không phân cấp thành viên quản trị: Rất khó để quản lý và bảo mật thông

tin, và cộng tác với thành viên

✔ Không có báo cáo công việc: Không thể đánh giá tiến độ làm việc của nhân

viên, không nắm bắt được tiến độ số công việc, dự án các phòng ban

✔ Không hiệu quả khi quản lý thời gian

1.3.2 KanBanflow (kanbanflow.com)

Hình 1.13 KanbanFlow

❖ KanbanFlow là một giải pháp quản lý dự án sử dụng bảng Kanban để cung cấp

một cái nhìn tổng quan về tình hình công việc hiện có và giúp cải thiện giao tiếp

và hiệu quả tổng thể

1.3.2.1 Ưu điểm

✔ Dễ sử dụng, quản lý quy trình làm việc dễ dàng: sử dụng bảng để cung cấp

một cái nhìn tổng quan về tình hình công việc hiện có và giúp cải thiện giaotiếp và hiệu quả tổng thể Nó cung cấp kỹ thuật Pomodoro để theo dõi thờigian của

các nhiệm vụ Báo cáo thời gian cho phép người dùng lọc và nhóm dữ liệuthời gian đã ghi.

Hình 1.14 Giao diện làm việc trong KanbanFlow

✔ Giao diện trực quan, tối giản: Người dùng có thể chia bảng thành các nhóm,

sản phẩm và lĩnh vực kinh doanh để quản lý các công việc Giải pháp cung cấpkhả năng cộng tác trong thời gian thực bằng cách hiển thị bất kỳ thay đổi nàođược thực hiện trên bảng cho tất cả các thành viên trong nhóm

✔ Tích hợp dữ liệu của các tác vụ khác: KanbanFlow cung cấp các biểu đồ lưu

lượng và chu kỳ tích lũy và thời gian dẫn để phân tích và báo cáo Nó cung cấpnguồn cấp dữ liệu lịch cho các lịch bên ngoài như Outlook và Lịch Google.Người dùng có thể thêm các tác vụ qua email và nhập và xuất tệp sang địnhdạng Excel

Hình 1.15 Giao diện biểu đồ trong KanbanFlow

Hình 1.16 Giao diện biểu đồ trong KanbanFlow

Hình 1.17 Giao diện trang xem lịch deadline trong KanbanFlow

1.3.2.2 Nhược điểm

✔ Chưa có ứng dụng di động

✔ Giao diện dễ gây nhàm chán

✔ Không thể thay đổi vai trò trong bảng

1.3.3 Monday(monday.com)

Hình 1.18 Monday

❖ Monday là một giải pháp kinh doanh toàn diện có thể được sử dụng bởi các

nhóm khác nhau với các chức năng khác nhau Điều này là do phần mềm có khảnăng tùy biến cao cho hầu hết mọi mục đích

1.3.3.1 Ưu điểm

✔ Công việc được hiển thị một cách chi tiết, dễ nắm bắt tiến độ:

● Có nhiều bảng, mỗi bảng biểu thị cho một project Trong mỗi bảng có nhiềugroup phân biệt với nhau bằng màu (màu có thể được user lựa chọn tùy ý)

và

- Cho phép đảo ngược hành động: Việc trở về hành động trước đó sẽ giúp người

dùng dễ dàng sửa lỗi sai hay lấy lại những thông tin cần thiết Đây là một chức năng rất hữu ích trong việc thiết kế giao diện của web

- Con người luôn làm chủ: Dù là trong bất cứ tình huống nào thì con người cũng

sẽ đóng vai trò làm chủ hệ thống, quản lý mọi vấn đề trên web và tùy chỉnh web theo đúng với mong muốn của mình

- Giảm tải bộ nhớ ngắn hạn: Tốt nhất, hãy đơn giản hóa mọi thứ, không nên để

quá nhiều dữ liệu, hình ảnh, hiệu ứng chữ chạy, flash, … trên web

Chương 2: PHÁC KHẢO GIAO DIỆN

2.1 Công cụ sử dụng

❖ Smartdraw

- SmartDraw có thể hoạt động như một chương trình độc lập hoặc như một thànhphần của bộ Office Bạn cũng có thể dùng SmartDraw tạo ra các hình minh hoạtheo ý mình rồi chèn vào văn bản được soạn thảo bởi Word một cách dễ dàng

- Có bốn phiên bản SmartDraw: Standard, Professional và Professional Plus vàSuite Bạn có thể tải về từ địa chỉ http://smartdraw.com bản dùng thử 30 ngày,dung lượng 6,41MB Trong quá trình cài đặt nếu cần thiết thì phải kết nối vàomạng để tải về các phần hỗ trợ

- Cài đặt xong, khi chạy chương trình hoặc bấm File\New bạn sẽ gặp hộp CreateNew Drawing gồm 17 kiểu:

- Awards: Tạo mẫu các giấy khen, bằng chứng nhận

- Mind Maps, Seating charts, Flow charts, Org chart&tree, Networks, Softwaredesign là các mẫu thiết kế dạng biểu đồ khác nhau tuỳ mục đích người dùng

- Worksheets: Bao gồm ba loại khuôn mẫu Worksheets, Quizzes và Presentations

- Engineering: Các khuôn mẫu thiết kế dành cho dân kỹ thuật, nhất là thiết kế cácmạch điện

- Floor Plans: Bản thiết kế dành cho dân xây dựng

- Time Lines&Xem lịchs; Xem lịchs&Plants: Khuôn mẫu của các lịch công tác,theo dõi tiến độ công việc

- Maps: Công cụ vẽ bản đồ các quốc gia trên thế giới

- Science&Math: Công cụ vẽ dành cho toán học và các môn kho học khác như Hoáhọc, các mạch Logic trong điện tử số

- Các khuôn mẫu khác như: Forms; Flyers&Signs; More

- Bạn sẽ bấm chuột để chọn một trong mười bảy kiểu chuẩn nói trên, sau đó bấmmột trong hai nút ở dưới là View examples (để sử dụng các mẫu có sẵn) hoặcCreate Blank Drawing (để tạo ra hình đồ hoạ theo ý mình)

- Cửa sổ làm việc chính chia làm hai phần: phần bên trái là cây thư mụcSmartDraw Explorer giúp chúng ta dò tìm các Symbol để đưa vào hình vẽ minhhoạ bằng cách