{tocify} $title = {Mục lục bài viết}

 


Openwebgis.net thực hiện xây dựng webgis cho dự án "Xây dựng phần mềm hỗ trợ quản lý, khai thác dữ liệu tái phân tích số liệu trường sóng vùng biển Việt Nam" nhằm cung cấp các công cụ hiệu quả trong việc thu thập, tổng hợp, phân tích và hiển thị dữ liệu sóng biển, phục vụ cho các hoạt động nghiên cứu và thực tiễn.

Mục đích

-         Phát triển một hệ thống phần mềm giúp lưu trữ và quản lý dữ liệu trường sóng.

-         Cung cấp các công cụ khai thác, trực quan hóa dữ liệu cho người dùng.

-         Hỗ trợ các nhà khoa học, nhà quản lý trong việc nghiên cứu và dự báo biến đổi trường sóng.

Phạm vi

Tài liệu giao diện giúp người phát triển định hướng đúng những chức năng mà hệ thống cần thực hiện, định hướng rõ những tương tác giữa người dùng và hệ thống xảy ra như thế nào và mối quan hệ giữa lớp giao diện và thiết kế lớp thực thể, lớp điều khiển trong hệ thống. Tài liệu giao diện mô tả:

-         Bố cục của giao diện tương tác

-         Mối quan hệ giữa các giao diện

Giao diện chức năng của phần mềm

Truy cập quản lý thành viên

·         Để truy cập trang quản lý thành viên:

o    Trên menu bên trái, click vào "Thành viên".

o    Hệ thống sẽ hiển thị danh sách tất cả các thành viên đã đăng ký trên hệ thống, bao gồm các thông tin cơ bản như Tên, Email, Quyền hạn, Trạng thái.

Thêm thành viên mới

·         Để thêm một thành viên mới vào hệ thống:

o    Nhấn nút "Add User".

o    Nhập thông tin cần thiết:

§  Họ và tên

§  Email (dùng để đăng nhập)

§  Mật khẩu

§  Quyền hạn (Admin, Người dùng...)

o    Nhấn "Lưu" để hoàn tất.

Giao diện quản trị của admin

Chỉnh sửa thông tin thành viên

·         Để cập nhật thông tin của một thành viên:

o    Chọn thành viên cần chỉnh sửa trong danh sách.

o    Nhấn vào biểu tượng chỉnh sửa (✏️).

o    Cập nhật các thông tin cần thiết (Tên, Email, Quyền hạn...).

o    Nhấn "Lưu thay đổi".

Xóa thành viên

·         Để xóa một thành viên khỏi hệ thống:

o    Chọn thành viên cần xóa.

o    Nhấn vào biểu tượng thùng rác (🗑️).

o    Xác nhận xóa để hoàn tất.

Phân quyền thành viên

·         Quản trị viên có thể thay đổi quyền của người dùng:

o    Admin: Quản lý toàn bộ hệ thống.

o    Người dùng: Chỉ có quyền xem và khai thác dữ liệu.

o    Khách: Chỉ có quyền truy cập giới hạn.

o    Để thay đổi quyền, chọn thành viên và cập nhật Quyền hạn trong phần chỉnh sửa.


                                      Giao diện quản lý quyền của các thành viên


Giao diện quản lý vai trò của các thành viên

Giao diện quản lý thành viên

Giao diện trang hiển thị cho người dùng

Giao diện hiển thị trường gió tái phân tích

Giao diện hiển thị trường gió tái phân tích giúp người dùng quan sát và phân tích dữ liệu gió trên phạm vi khu vực biển Việt Nam dựa trên dữ liệu tái phân tích. Hệ thống cung cấp trực quan hóa dữ liệu thông qua bản đồ động và biểu đồ phân tích theo thời gian.

Chức năng chính

·         Hiển thị trường gió trên bản đồ:

o    Dữ liệu gió được thể hiện bằng màu sắc biểu thị cường độ gió.

o    Người dùng có thể thay đổi mức zoom và dịch chuyển bản đồ để quan sát các khu vực cụ thể.

·         Chọn khoảng thời gian và cấp độ dữ liệu:

o    Người dùng có thể chọn khoảng thời gian cụ thể để xem dữ liệu quá khứ.

·         Biểu đồ xu hướng gió theo thời gian:

o    Hiển thị dữ liệu gió tại một vị trí cụ thể được chọn trên bản đồ.

o    Biểu đồ đường thể hiện tốc độ gió, hướng gió theo thời gian.

Công nghệ sử dụng

·         Leaflet: Hiển thị bản đồ nền và lớp dữ liệu gió.

·         Django API: Cung cấp dữ liệu gió tái phân tích từ file NetCDF.

·         Highcharts: Vẽ biểu đồ phân tích tốc độ và hướng gió.

·         Xarray, Matplotlib: Xử lý và trích xuất dữ liệu gió từ NetCDF.

Trường gió tầng 10 mét tái phân tích lúc 12Z ngày 01/03/2019
Trường gió tầng 10 mét tái phân tích lúc 12Z ngày 02/03/2019
Trường hướng sóng tái phân tích lúc 12Z ngày 01/03/2019


Trường hướng sóng mô phỏng tích lúc 12Z ngày 01/03/2019

Giao diện hiển thị trường sóng / gió tại điểm trạm

 Giao diện hiển thị trường sóng / gió tại điểm trạm giúp người dùng quan sát, phân tích dữ liệu về sóng và gió theo thời gian thực hoặc lịch sử tại các vị trí cụ thể. Giao diện này được thiết kế trực quan, sử dụng các biểu đồ và bản đồ để trực quan hóa dữ liệu.

Thành phần chính của giao diện

·         Bản đồ tương tác: Hiển thị vị trí các trạm quan trắc sóng/gió trên nền bản đồ Leaflet.

·         Biểu đồ động: Sử dụng Highcharts để vẽ biểu đồ thời gian thực của các thông số như chiều cao sóng, hướng sóng, tốc độ gió.

·         Bảng dữ liệu: Hiển thị dữ liệu chi tiết theo từng mốc thời gian, có thể xuất ra CSV/Excel.

·         Bộ lọc dữ liệu: Cho phép chọn khoảng thời gian, loại dữ liệu (sóng hoặc gió) và trạm quan trắc cần xem.

Chức năng chính

·         Hiển thị dữ liệu trên biểu đồ:

o    Biểu đồ thời gian thực cập nhật dữ liệu sóng/gió theo từng khung giờ.

o    Các đường biểu diễn tốc độ gió, chiều cao sóng, hướng sóng với khả năng phóng to thu nhỏ.

·         Xem dữ liệu lịch sử:

o    Cho phép chọn mốc thời gian cụ thể để hiển thị dữ liệu quá khứ.

o    Tích hợp tính năng xuất dữ liệu để phục vụ phân tích.

Công nghệ sử dụng

·         Leaflet: Hiển thị bản đồ và vị trí trạm quan trắc.

·         Highcharts: Vẽ biểu đồ sóng/gió theo thời gian.

·         Django API: Truy vấn dữ liệu từ cơ sở dữ liệu và cung cấp thông tin về trạm quan trắc.

Biến trình hướng sóng tái phân tích từ 01/03/2018-30/04/2018 tại lon=117.6, lat=18.27
Biến trình độ cao sóng sóng tái phân tích từ 01/03/2018-30/04/2018 tại lon=115.05, lat=18.43

Xem dữ liệu sóng/gió tái phân tích trên bản đồ 

ở mục Loại dữ liệu lựa chọn 1 trong các loại sau: Sóng Tái phân tích / Gió Tái phân tích / Sóng mô phỏng

·         Sóng tái phân tích: Dữ liệu sóng được tái phân tích từ các mô hình khí tượng thủy văn, phản ánh điều kiện sóng biển trong quá khứ.

·         Gió tái phân tích: Dữ liệu gió được tổng hợp từ các nguồn dữ liệu tái phân tích khí hậu, giúp đánh giá xu hướng gió tại khu vực nghiên cứu.

·         Sóng mô phỏng: Dữ liệu sóng được mô phỏng dựa trên các điều kiện khí tượng đầu vào, phục vụ phân tích và dự báo.


Lựa chọn loại dữ liệu

Tiếp theo đến phần Biến số, lựa chọn 1 biến tương ứng bạn muốn hiển thị

Nếu phần lựa chọn loại dữ liệu là Sóng tái phân tích hoặc Sóng mô phỏng thì danh sách các biến sẽ là:

·         Hướng sóng: Hiển thị hướng di chuyển của sóng biển theo thời gian.

·         Độ cao sóng: Thể hiện độ cao trung bình hoặc cực đại của sóng

·         Chu kỳ sóng: Hiển thị khoảng thời gian giữa hai đỉnh sóng liên tiếp

Nếu phần lựa chọn loại dữ liệu là gió thì danh sách biến sẽ là gió

Lựa chọn biến số

Sau khi lựa chọn được biến số, tiến hành lựa chọn ngày giờ để hiển thị kết quả

Lựa chọn thời gian hiển thị dữ liệu

Loại dữ liệu: sóng tái phân tích, Biến số: Hướng sóng. Thời gian hiển thị 12z ngày 01/03/2020

Xem dữ liệu sóng/gió tái phân tích tại điểm trạm

Tương tự, người dùng cần thực hiện các bước sau để lựa chọn dữ liệu và thời gian hiển thị:

Chọn loại dữ liệu:

o    Trong phần Loại dữ liệu, chọn một trong các loại sau:

§  Sóng tái phân tích: Dữ liệu sóng được tái phân tích từ các mô hình khí tượng thủy văn.

§  Gió tái phân tích: Dữ liệu gió được tổng hợp từ các nguồn tái phân tích khí hậu.

§  Sóng mô phỏng: Dữ liệu sóng được mô phỏng dựa trên các điều kiện khí tượng đầu vào.

Lựa chọn biến số tương ứng:

o    Mỗi loại dữ liệu sẽ có các biến số khác nhau, người dùng cần chọn biến phù hợp:

§  Sóng tái phân tích/mô phỏng: Hướng sóng, độ cao sóng, chu kỳ sóng.

§  Gió tái phân tích: tốc độ gió.

Chọn khoảng thời gian hiển thị:

o    Ở mục Thời gian, người dùng cần chọn:

§  Ngày bắt đầu: Thời điểm bắt đầu hiển thị dữ liệu.

§  Ngày kết thúc: Thời điểm kết thúc hiển thị dữ liệu.

o    Hệ thống sẽ tự động lọc và hiển thị dữ liệu trong khoảng thời gian được chọn.

Ví dụ trên đây ta chọn ngày băt đầu là 01/03/2019 và kết thúc là 31/03/2019. Sau khi lựa chọn xong, tiến hành click vào 1 điểm bạn cần xem dữ liệu trên bản đồ, website sẽ trả về biến trình tương ứng

Loại dữ liệu: sóng mô phỏng, Biến số: Hướng sóng. Thời gian hiển thị từ 01/03/2019 đến 31/03/2019

Quản lý dữ liệu

Để truy cập phần quản lý dữ liệu trên menu bên trái ta click vào mục quản lý dữ liệu

Sau khi click sẽ show ra 1 popup như bên dưới


Giao diện quản lý dữ liệu

Trong mục Quản lý dữ liệu, quản trị viên (Admin) có thể thực hiện các thao tác quản lý dữ liệu liên quan đến sóng và gió, bao gồm:

Tạo thư mục quản lý dữ liệu

·         Admin có thể tạo các thư mục để phân loại và tổ chức dữ liệu theo từng nhóm hoặc từng đợt nhập liệu.

·         Để tạo thư mục mới:

o    Truy cập menu Quản lý dữ liệu trên thanh điều hướng bên trái.

o    Nhấn nút "Tạo thư mục mới".

o    Nhập tên thư mục và xác nhận.

Upload tệp dữ liệu

·         Admin có thể tải lên các tệp dữ liệu liên quan đến Sóng, Gió vào từng thư mục tương ứng.

·         Các bước thực hiện:

o    Chọn thư mục cần tải dữ liệu lên.

o    Nhấn nút "Upload tệp".

o    Chọn file từ máy tính (định dạng được hỗ trợ: NetCDF, CSV, Excel, JSON...)

o    Nhấn "Xác nhận" để hoàn tất.

 Chỉnh sửa tệp dữ liệu

·         Admin có thể thực hiện các thao tác chỉnh sửa, cập nhật dữ liệu trực tiếp trong hệ thống:

o    Đổi tên tệp: Chọn tệp và nhấn vào biểu tượng chỉnh sửa để thay đổi tên.

o    Xóa tệp: Chọn tệp và nhấn vào biểu tượng thùng rác để xóa khỏi hệ thống.

o    Cập nhật dữ liệu: Có thể thay thế tệp cũ bằng tệp mới bằng cách tải lại dữ liệu.


Post a Comment

Mới hơn Cũ hơn

Chúng tôi là OpenWebGis

Facebook
Chat Zalo
037.561.3351