Cài đặt, hướng dẫn sử dụng Draw.io

Vẽ sơ đồ mạng LAN, WAN: có sẵn nhiều biểu tượng mạng như router, switch, PC, server, AP.
Thiết kế sơ đồ tổ chức, quy trình: dùng cho sơ đồ tổ chức nhân sự, quy trình làm việc.
Vẽ sơ đồ UML, ERD: hỗ trợ cho lập trình viên, phân tích hệ thống.
Thiết kế sơ đồ mặt bằng đơn giản: có thể bố trí phòng, bàn, thiết bị.
Xuất bản sơ đồ: dễ dàng xuất ra PDF, PNG, SVG để chèn vào báo cáo hoặc slide.

Miễn phí & trực tuyến: chạy trên web, không cần cài đặt, chỉ cần trình duyệt.
Giao diện trực quan: kéo thả đối tượng, dễ học, dễ sử dụng.
Kho biểu tượng phong phú: có sẵn thư viện icon mạng, sơ đồ kỹ thuật, UML, flowchart.
Tích hợp lưu trữ đám mây: hỗ trợ Google Drive, OneDrive, GitHub, Dropbox.
Hỗ trợ offline: có thể tải bản desktop để dùng khi không có Internet.
Xuất file đa dạng: PNG, JPEG, PDF, SVG, XML.
Hợp tác nhóm: nhiều người có thể cùng chỉnh sửa sơ đồ qua cloud.

Truy cập trang chính thức
- Vào website: https://app.diagrams.net.
- Đây là phiên bản trực tuyến, không cần cài đặt, có thể dùng ngay trên trình duyệt.
Cài đặt bản Desktop (nếu muốn dùng offline)
- Truy cập: https://github.com/jgraph/drawio-desktop/releases (github.com in Bing).
- Chọn phiên bản phù hợp với hệ điều hành:
  - Windows: file .exe
  - macOS: file .dmg
  - Linux: file .deb hoặc .AppImage
- Tải về và chạy file cài đặt.

3. Cài đặt trên Windows

- Mở file .exe vừa tải.
- Chọn thư mục cài đặt → Next → Install.
- Sau khi hoàn tất, mở ứng dụng từ Start Menu.

4. Cài đặt trên macOS

- - Mở file .dmg.
  - Kéo biểu tượng Draw.io vào thư mục Applications.
  - Mở ứng dụng từ Launchpad.
Cài đặt trên Linux
- Với file .deb: mở Terminal và gõ lệnh:
  sudo dpkg -i drawio-x.x.x.deb
  - Với file .AppImage: cấp quyền chạy:
  chmod +x drawio-x.x.x.AppImage ./drawio-x.x.x.AppImage

draw.io là một công cụ trực tuyến miễn phí, bạn không cần cài đặt cứng mà chỉ cần trình duyệt web.

Mở trình duyệt và truy cập địa chỉ chính thức: app.diagrams.net .
Chọn nơi lưu trữ: Ngay khi mở, một cửa sổ sẽ hiện ra yêu cầu bạn chọn nơi lưu file. Đối với người mới, hãy chọn “Device” để lưu file trực tiếp xuống máy tính của bạn .
Tạo sơ đồ: Nhấp vào “Create New Diagram” . Trong thư viện mẫu, hãy chọn “Blank Diagram” (Sơ đồ trống) để bắt đầu từ con số 0, sau đó đặt tên cho file và nhấn “Create” .

Giao diện draw.io được chia làm 4 vùng chính, giúp bạn thao tác dễ dàng :

Thanh Menu (Trên cùng): Chứa các lệnh chính như File (Lưu, Xuất), Edit, View, Arrange.
Thư viện Hình dạng (Bên trái): Đây là kho chứa các hình vẽ (hình chữ nhật, hình thoi, mũi tên…). Bạn có thể nhấp vào “More Shapes” ở dưới cùng để bật thêm các bộ thư viện chuyên dụng (như Flowchart, UML) .
Vùng vẽ (Ở giữa): Đây là khoảng không gian trắng lớn để bạn đặt các hình vẽ và kết nối chúng lại với nhau.
Bảng Thuộc tính (Bên phải): Khi bạn chọn một hình vẽ, bảng này sẽ hiện ra các tùy chỉnh về màu sắc, đường viền, phông chữ, và kích thước .

Hãy cùng thực hành vẽ một sơ đồ đơn giản để làm quen với các thao tác chính.

Thêm hình dạng: Nhấp hoặc kéo thả một hình từ Thư viện bên trái vào Vùng vẽ .
Thêm hình tiếp theo: Di chuột vào hình vừa tạo, bạn sẽ thấy các mũi tên màu xanh lam xuất hiện xung quanh. Nhấp vào một mũi tên để tự động tạo và kết nối một hình mới theo hướng đó .
Kết nối các hình: Để nối hai hình có sẵn, hãy di chuột vào hình nguồn, nhấp và giữ vào một trong các mũi tên xanh, sau đó kéo thả sang hình đích. Khi hình đích sáng lên màu xanh, hãy thả chuột để tạo kết nối .
Chỉnh sửa và Định dạng:
- Thêm chữ: Nhấp đúp vào bất kỳ hình vẽ nào để gõ văn bản.
- Di chuyển/Thay đổi kích thước: Nhấp chọn hình, sau đó kéo để di chuyển hoặc kéo các chấm tròn ở góc để thay đổi kích thước .
- Trang trí: Sử dụng bảng bên phải để thay đổi màu nền, màu viền hoặc kiểu dáng cho hình vẽ .

Lưu file: Nhấn Ctrl + S (hoặc Cmd + S) để lưu. Nếu bạn chọn lưu vào “Device”, file sẽ được tải về máy dưới định dạng .drawio.
Xuất file: Để sử dụng trong báo cáo hoặc slide, hãy vào File > Export as và chọn định dạng như PNG (ảnh), PDF hoặc SVG .